Draft Screen Management

When adding new screen inventory, you don't need to finish the entire registration form in one sitting. FairAds AI includes a built-in Draft Management System that automatically saves your progress and lets you resume registration whenever you're ready.

How Auto-Save Works

As you fill out fields in the Screen Registration Wizard, the system continuously monitors form changes and saves state in two places:

1. Local Browser Storage (localStorage): Saves instantaneous form state and completed step identifiers to prevent data loss if your connection drops.
2. REST API Synchronization (/api/v1/device-drafts): Debounced background requests automatically sync draft data with the FairAds backend server.

Progress Tracking

Each draft tracks the following state:

• Current Step: The step you were actively editing (e.g., location or technical).
• Completed Steps Array: List of verified steps (e.g. ["basic", "location", "scheduling"]).
• Progress Percentage: Calculated as (completedSteps.length / 6) * 100.

Managing Draft Screens

You can view, resume, or delete unfinished drafts directly from the Device Management page.

1. Opening the Drafts Modal

1. Go to Manage > Inventory.
2. Click View Draft Screens at the top of the inventory page.
3. The Draft Screens Modal opens, displaying a list of all saved drafts.

+-------------------------------------------------------------+
| Draft Screens                                           [X] |
+-------------------------------------------------------------+
| 📺 North Atrium Display                                     |
|    Progress: [██████████░░░░░░] 3 of 6 completed (50%)      |
|    Last Updated: 10 mins ago                                |
|    [Resume Registration]  [Delete Draft]                    |
|                                                             |
| 📺 Downtown Billboard #2                                    |
|    Progress: [███████████████░] 5 of 6 completed (83%)      |
|    Last Updated: 2 hours ago                                |
|    [Resume Registration]  [Delete Draft]                    |
+-------------------------------------------------------------+

Resuming & Completing Drafts

Deleting Unwanted Drafts

If a draft registration is no longer needed:

1. Open View Draft Screens.
2. Click Delete Draft next to the item.
3. Confirm deletion in the alert dialog. The draft will be permanently removed from both local storage and backend databases (DELETE /api/v1/device-drafts/:id).