Skip to content

tabs.md

Latest commit

 

History

History
21 lines (18 loc) · 2.16 KB

tabs.md

File metadata and controls

21 lines (18 loc) · 2.16 KB

Update the UI so that tabs can be added and remove from the page, and tabs will be inside of the dock/bottom bar.

Preliminary Changes

  • The admin panel close behavior will have to change so that an "X" appears in the top right corner to explicitly close the admin panel instead of the current clicking outside of the window to close it.

Primary Changes

  • There will be one permenant tab (home tab) that contains the current /client/public/HomeGlowLogo.png. It cannot be removed.
  • When the user clicks the unlock icon to allow for UI changes and widget resizing, a mini tab with a "+" icon will appear next to the home tab so that the user can add a tab.
    • A modal window will pop up and show a series of font-awesome icons to select from to provide a quick visual cue as to what the tab is, and a label field to enter a tab name.
    • There will be a toggle to show or hide the tab label during the create, this way the user can decide if they want only the icon to appear or both the icon and the label to render on the tab.
    • Once saved in the modal pop up, the new tab will be created, and while the UI is still unlocked, the newly saved tab will then show a "-" red icon will be removed from view in the event that a user wants to remove the newly created tab.
  • Once a new tab is added and saved, another "+" mini tab will appear next to it so another can be added.
    • Once the UI locked again, the tab can be used.

Tab Display Details

  • The tabs can simply be pipes between them, similar to how the Chrome and Brave browsers render tabs:
  • tabs
  • When the UI is locked again, the "+" mini tab and "-" red icon will be removed from view.
  • When a custom tab has been added, a new picklist/drop down selection will appear next to all of the core applications to allow them to be rended on the custom tab selected.
    • The picklist will show the tab label and not the icon.
    • If a tab is removed, and the widget was not previous updated in the admin panel to be put back on the main home tab, then the widget will automatically adjust and be placed on the main home tab.