Interactions

Interactions diagram

The following diagram is a representation of the possible interactions between each components:

Browser interactions

Below are listed the browser interactions that apply to main use cases:

BI01 – Create a window

TBD

BI02 – Focus a window

TBD

BI03 – Close a window

TBD

BI04 – Attach a tab to a window

TBD

BI05 – Create a tab

TBD

BI06 – Detach a tab from a window

TBD

BI07 – Move a tab within a window

TBD

BI08 – Close a tab

TBD

BI09 – Select a tab

TBD

BI10 – Update a tab

TBD

Dashboard interactions

Below are listed the browser interactions that apply to main use cases:

DI01 – Create a new group

1. The user creates a new group in the dashboard
2. The dashboard sends a request to the background page
3. The background page inserts the new group in the database

DI02 – Rename a group

1. The user renames a group in the dashboard
2. The dashboard sends a request to the background page
3. The background page renames the group in the database

DI03 – Resize a group

1. The user resizes a group in the dashboard
2. The dashboard sends a request to the background page
3. The background page updates the group sizes in the database

DI04 – Move a group

1. The user moves a group in the dashboard
2. The dashboard sends a request to the background page
3. The background page updates the group coordinates in the database

DI05 – Close a group

1. The user closes a group in the dashboard
2. The dashboard sends a request to the background page
3. The background page sends a request to the browser to close the corresponding window
4. On success, the background page deletes the group in the database

DI06 – Move a tab to the dashboard

1. The user moves a tab to the dashboard
2. The dashboard sends a request to the background page
3. The background page sends a request to the browser to close the corresponding tab
4. On success, the background page inserts a new group and updates the tab’s group id in the database

DI07 – Reorder a tab within a group

1. The user reorders a tab within a group
2. The dashboard sends a request to the background page
3. The background page sends a request to the browser to move the corresponding tab from its current position to its new position
4. On success, the background page updates the tab’s index in the database

DI08 – Move a tab to an existing group

1. The user moves a tab to an existing group
2. The dashboard sends a request to the background page
3. The background page sends a request to the browser to move the corresponding tab from its current window to the destination window
4. On success, the background page updates the tab’s group id in the database

DI09 – Close a tab

1. The user closes a tab
2. The dashboard sends a request to the background page
3. The background page sends a request to the browser to close the corresponding tab
4. On success, the background page deletes the tab in the database