Modules: “Folders” Top Panel#

The top panel of the “Modules” section is a set of management tools located at the top of the page. It allows switching display modes, exporting and importing modules, managing tags and folders, and deleting selected items. The panel provides a complete module workflow without switching to other sections.

Location: the section is available through the left navigation panel, item “Modules”.

Available actions:

• switch the display between table and folder modes
• export selected modules to a PC or Google Drive
• import modules from a PC or Google Drive
• assign tags to selected modules
• pin selected modules to a folder
• delete selected modules

Button “Folders”#

Button “Folders” is used to switch between table and card display modes for modules. In table mode, modules are displayed as rows with attribute columns. In folder mode, modules are displayed as cards with checkboxes and tags, grouped by folders.

Click “Folders” in the top panel to switch to the card view. Module cards will appear with checkboxes and tags, which makes it convenient to select multiple items for further actions.

Button “Export”#

Button “Export” is used to save selected modules to a local device or to Google Drive. Before using it, one or more modules must be selected.

How to export modules locally:

1. Select one or more modules using checkboxes.
2. Click “Export” in the top panel.
3. Select “Export”.
4. In the system window, specify the save folder and confirm.

After completion, the module will be saved on your device as a ZIP archive.

How to export modules to Google Drive:

1. Select one or more modules using checkboxes.
2. Click “Export” in the top panel.
3. Select “Export to Google Drive”.

After completion, a green notification about successful export will appear.

Button “Import”#

Button “Import” is used to upload modules to Afina from a local device or from Google Drive. After clicking it, a menu with two import options opens.

How to import modules from a local device:

1. Click “Import” in the top panel.
2. Select “Import”.
3. In the file selection window, specify the module ZIP archive and confirm opening.
4. Wait until Afina finishes processing the file in the background.

After a successful import, a green notification about the successful operation will appear.

How to import modules from Google Drive:

1. Click “Import” in the top panel.
2. Select “Import from Google Drive”.
3. In the import window, select the required files and click “Import”.

After completion, a green confirmation of successful import will appear.

Additional Actions Menu#

Additional Actions Menu opens through the three-dot icon in the top panel and contains commands for group operations with selected modules: setting tags, pinning modules to a folder, and deletion.

How to open the menu and perform an action:

1. Select one or more modules using checkboxes.
2. Click the additional actions menu icon in the top panel.
3. Select the required command: “Set tags for selected modules”, “Pin selected modules to folder”, or deletion.

After selecting a command, the corresponding confirmation or action configuration window opens.

Window “Assign Tags to Modules”#

Window “Assign Tags to Modules” is used for bulk management of tags for selected modules. It opens after selecting the corresponding command in the additional actions menu.

How to assign tags:

1. Open the additional actions menu and select “Set tags for selected modules”.
2. In the window, select an action: “Add” or “Replace”.
3. In the “Tags” field, enter a tag name or select one from the existing list.
4. Repeat the action to add multiple tags.
5. Click “Assign”.

After confirmation, the tags are applied to all selected modules, and the window closes.

Window “Assign Folder to Modules”#

Window “Assign Folder to Modules” is intended for organizing modules by pinning them to a specific folder.

How to pin modules to a folder:

1. Open the additional actions menu and select “Pin selected modules to folder”.
2. In the window, open the “Folder” list and select the required folder.
3. Click “Assign”.

After confirmation, a successful pinning notification appears, and the modules are displayed in the selected directory.

Google Drive Import Window#

The window allows selecting one or more module files saved on Google Drive and uploading them to Afina.

How to import modules:

1. Click “Import” and select “Import from Google Drive”.
2. In the window, select the checkboxes next to the required files.
3. Click “Import”.

Modules Deletion Window#

This window shows the number of modules that will be deleted and requests confirmation before performing an irreversible operation.

How to delete selected modules:

1. Select one or more modules using checkboxes.
2. Open the additional actions menu and select deletion.
3. In the window, check the number of modules.
4. Click “Confirm”.

Refresh Button#

Refresh Button is used to reload the current module list and get the current state from the database. It is located in the top panel next to other control elements.

Click the refresh icon to synchronize the display with the current state of modules in the system. This is useful after importing, deleting, or changing tags when the list needs to be updated.

Workflow Scenario#