This commit is contained in:
@@ -33,28 +33,6 @@ Requirements
|
||||
- or for a Ops person they can plunk down on their dashboard a current server status widget or active jobs widget etc
|
||||
|
||||
|
||||
EXAMPLE UI INTERACTION ELEMENTS:
|
||||
=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=
|
||||
CATEGORY NAV MENU ITEM -> SHOWS TOP LEVEL UI COMPONENT SPACE / PAGE
|
||||
TOP PAGE -> SHOWS TOP LEVEL WIDGETS FOR THAT CATEGORY WHICH ARE USED TO DRILL DOWN INTO WHATEVER YOU WANT TO DO WITH IT
|
||||
TOP WIDGETS -> SHOW SUMMARY INFO WITH OPTIONS FOR ACTIONS ON THAT ITEM
|
||||
|
||||
EXAMPLE:
|
||||
SELECT NAV.INVENTORY -> SHOWS MULTIPLE TOP LEVEL UI WIDGETS RELATED TO INVENTORY:
|
||||
- PARTS OVERVIEW WITH SUMMARY DATA OF TOP LEVEL INTEREST
|
||||
- LINKS TO: CREATE, LIST, REPORT, GRAPHS (BASED ON ROLES), PLUGINS THAT AFFECT ALL INVENTORY
|
||||
- LIST OPTION: SHOWS LIST OF PARTS WITH ABILITY TO EDIT, DELETE, MASS SELECT AND CHANGE (plugins, delete, tag etc), FILTER BY TAG, DATE RANGE, SORT ETC
|
||||
- PO OVERVIEW WITH SUMMARY DATA OF TOP LEVEL INTEREST
|
||||
- LINKS TO: CREATE, LIST, REPORTS, GRAPHS (ROLES CONTROLLED)
|
||||
- PART REQUESTS OVERVIEW ETC....
|
||||
- PART ASSEMBLIES
|
||||
- PART CATEGORIES
|
||||
- PART WAREHOUSES
|
||||
|
||||
----------
|
||||
Or, no top level at all, just the list with a default view and can be sorted / filtered then saved as a new customized top level list widget showing as customized?
|
||||
- And customized moved to dashboard
|
||||
|
||||
=-=-=-=-=-=
|
||||
This is a worked example to determine what UI elements should be where using the Client as the example object type:
|
||||
|
||||
@@ -222,160 +200,53 @@ COLOURS
|
||||
|
||||
Vuetify themes: https://vuetifyjs.com/en/style/theme
|
||||
|
||||
=-=-=-=-=-
|
||||
Ref material kept for new icons possibly:
|
||||
<!--
|
||||
========================================================================================
|
||||
SHELL and UI elements plan:
|
||||
|
||||
<v-list-tile>
|
||||
<v-list-tile-action>
|
||||
<v-icon>fa-tachometer-alt</v-icon>
|
||||
</v-list-tile-action>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>Dashboard</v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
|
||||
<v-list-tile>
|
||||
<v-list-tile-action>
|
||||
<v-icon>fa-toolbox</v-icon>
|
||||
</v-list-tile-action>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>Service</v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
<v-list-tile>
|
||||
<v-list-tile-action>
|
||||
<v-icon>fa-pen</v-icon>
|
||||
</v-list-tile-action>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>Quotes</v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
<v-list-tile>
|
||||
<v-list-tile-action>
|
||||
<v-icon>fa-business-time</v-icon>
|
||||
</v-list-tile-action>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>Preventive maintenance</v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
<v-list-tile>
|
||||
<v-list-tile-action>
|
||||
<v-icon>fa-calendar-alt</v-icon>
|
||||
</v-list-tile-action>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>Schedule</v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
<v-list-tile>
|
||||
<v-list-tile-action>
|
||||
<v-icon>fa-dolly</v-icon>
|
||||
</v-list-tile-action>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>Inventory</v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
<v-list-tile>
|
||||
<v-list-tile-action>
|
||||
<v-icon>fa-address-book</v-icon>
|
||||
</v-list-tile-action>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>Clients</v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
<v-list-tile>
|
||||
<v-list-tile-action>
|
||||
<v-icon>fa-hockey-puck</v-icon>
|
||||
</v-list-tile-action>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>Units</v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
<v-list-tile>
|
||||
<v-list-tile-action>
|
||||
<v-icon>fa-shopping-basket</v-icon>
|
||||
</v-list-tile-action>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>Vendors</v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
<v-list-tile>
|
||||
<v-list-tile-action>
|
||||
<v-icon>fa-user</v-icon>
|
||||
</v-list-tile-action>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>currentuser</v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
<v-list-group prepend-icon="fa-cogs" value="true" no-action>
|
||||
<v-list-tile slot="activator">
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>Administration</v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
<v-list-tile @click=";">
|
||||
<v-list-tile-action>
|
||||
<v-icon>fa-globe</v-icon>
|
||||
</v-list-tile-action>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>Global settings</v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
<v-list-tile @click=";">
|
||||
<v-list-tile-action>
|
||||
<v-icon>fa-users</v-icon>
|
||||
</v-list-tile-action>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>Users</v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
<v-list-tile @click=";">
|
||||
<v-list-tile-action>
|
||||
<v-icon>fa-infinity</v-icon>
|
||||
</v-list-tile-action>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>Custom fields</v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
<v-list-tile @click=";">
|
||||
<v-list-tile-action>
|
||||
<v-icon>fa-language</v-icon>
|
||||
</v-list-tile-action>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>Localization</v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
<v-list-tile @click=";">
|
||||
<v-list-tile-action>
|
||||
<v-icon>fa-broadcast-tower</v-icon>
|
||||
</v-list-tile-action>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>Notification deliveries</v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
<v-list-tile @click=";">
|
||||
<v-list-tile-action>
|
||||
<v-icon>fa-pen-fancy</v-icon>
|
||||
</v-list-tile-action>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>Report templates</v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
<v-list-tile @click=";">
|
||||
<v-list-tile-action>
|
||||
<v-icon>fa-hdd</v-icon>
|
||||
</v-list-tile-action>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>Files</v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
<v-list-tile @click=";">
|
||||
<v-list-tile-action>
|
||||
<v-icon>fa-lightbulb</v-icon>
|
||||
</v-list-tile-action>
|
||||
<v-list-tile-content>
|
||||
<v-list-tile-title>Reminders</v-list-tile-title>
|
||||
</v-list-tile-content>
|
||||
</v-list-tile>
|
||||
</v-list-group>
|
||||
-->
|
||||
|
||||
EXAMPLE UI INTERACTION ELEMENTS:
|
||||
=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=
|
||||
CATEGORY NAV MENU ITEM -> SHOWS TOP LEVEL UI COMPONENT SPACE / PAGE
|
||||
TOP PAGE -> SHOWS TOP LEVEL WIDGETS FOR that category which could be control panel, lists, (rarely) reports, (rarely) graphs, calendar etc, but most often lists
|
||||
|
||||
EXAMPLE:
|
||||
SELECT NAV.INVENTORY -> SHOWS MULTIPLE TOP LEVEL UI WIDGETS RELATED TO INVENTORY:
|
||||
- PARTS LIST WIDGET
|
||||
- LINKS TO: CREATE, LIST, REPORT, GRAPHS (BASED ON ROLES), PLUGINS THAT AFFECT ALL INVENTORY
|
||||
- LIST OPTION: SHOWS LIST OF PARTS WITH ABILITY TO EDIT, DELETE, MASS SELECT AND CHANGE (plugins, delete, tag etc), FILTER BY TAG, DATE RANGE, SORT ETC
|
||||
- PO LIST
|
||||
- LINKS TO: CREATE, REPORTS, GRAPHS (ROLES CONTROLLED)
|
||||
- PART REQUESTS OVERVIEW ETC....
|
||||
- PART ASSEMBLIES
|
||||
- PART CATEGORIES
|
||||
- PART WAREHOUSES
|
||||
- Maybe some stock graphs and reports in same page?? Or are these sub types of lists? (probably since you can select in the list what to report / graph)
|
||||
|
||||
----------
|
||||
Or, no top level at all, just the list with a default view and can be sorted / filtered then saved as a new customized top level list widget showing as customized?
|
||||
- And customized moved to HOME view, ordered by source type i.e. all widget lists together and in order of creation or something or nameable maybe?
|
||||
- Home view can contain any widget that can be customized or the stock ones,
|
||||
defaults to dashboard of some kind or defaults empty maybe with a placeholder "save widgets here"
|
||||
|
||||
- Stock widgets always remain in their places pre-defined so can't mess up the view / can always find them
|
||||
- Customized widgets all go to home page?
|
||||
- This way user can build up the UI they want to see every day
|
||||
|
||||
|
||||
TYPES OF CUSTOMIZABLE WIDGETS
|
||||
- List
|
||||
- Report
|
||||
- Control panel (like global options, list of options right in main widget)
|
||||
- Graph
|
||||
- Calendar / schedule
|
||||
- subtypes or morphs?
|
||||
- Day / month / week etc
|
||||
|
||||
Fixed widgets
|
||||
- CRUD editor, kind of built into the other widgets as the default editor type for each type
|
||||
|
||||
|
||||
UI Made up of the customizable and fixed widgets then subbed in place, so a list widget is generic but then is put into an outer component where it has custom elements and list specific api stuff added
|
||||
- icon, api, lt etc
|
||||
|
||||
|
||||
Reference in New Issue
Block a user