🚀 Feature request: UI requirements

[megastary]

This issue contains current needs and plans for UI in Lazy Admin. Feel free to contribute ideas.

• Whole program should be single window with WebView component.
• WebView should ideally display single page.
• Top bar contains
  • Left side has icon to control left menu visibility
  • Center contains search bar. Search bar has cross to cancel current search
  • Right side contains icon to display history?
• Left menu contains buttons to display
  • All commands
  • Administrator defined modules/categories
  • User defined modules/categories
    • Plus button next to "User defined" to create new category
    • Plus button next to "category" to create new command definition
    • Trash button next to "category" to delete it
  • Settings
    • Dark/Light theme
    • Language
    • Version
    • Check for updates
    • UI customization
    • Export custom settings (Favorites, custom categories, custom commands, predefined command parameters)
• Rest of the window contains table of available commands
  • Each row contains one command
  • Each command has name e.g. "Send e-mail"
  • Each command has optional PowerShell function name e.g. "Send-Email"
  • Each command has description
  • Each command has help button
    • Help is separated window displaying external data, not allowed to communicate with C# backend
  • Each command has execute button
    • Name
    • Parameters
    • Execute
    • Save as preset
      • Save as quick launchable
      • Save as template to be configured
    • Each custom defined row has trash icon to delete command
  • Each command has arrow button, which expands sub-rows containing predefined parameters to quicklaunch
    • Each sub-row has custom name
    • Each sub-row has some values
    • Each sub-row has edit and execute button
    • Each sub-row has instant execution button
    • Each sub-row has trash icon to delete definition
  • Status of currently running/recently finished commands
    • When hidden, there is only small bar on the right or bottom of the window with arrow and eventual loading animated icon when at least one command is running
    • When visible, whole card is displayed e.g. https://quasar.dev/quasar-plugins/bottom-sheet

[megastary]

Table Export CSV https://quasar.dev/vue-components/table#exporting-data