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
|
- 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:
|
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
|
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>
|
EXAMPLE UI INTERACTION ELEMENTS:
|
||||||
<v-icon>fa-toolbox</v-icon>
|
=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=
|
||||||
</v-list-tile-action>
|
CATEGORY NAV MENU ITEM -> SHOWS TOP LEVEL UI COMPONENT SPACE / PAGE
|
||||||
<v-list-tile-content>
|
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
|
||||||
<v-list-tile-title>Service</v-list-tile-title>
|
|
||||||
</v-list-tile-content>
|
EXAMPLE:
|
||||||
</v-list-tile>
|
SELECT NAV.INVENTORY -> SHOWS MULTIPLE TOP LEVEL UI WIDGETS RELATED TO INVENTORY:
|
||||||
<v-list-tile>
|
- PARTS LIST WIDGET
|
||||||
<v-list-tile-action>
|
- LINKS TO: CREATE, LIST, REPORT, GRAPHS (BASED ON ROLES), PLUGINS THAT AFFECT ALL INVENTORY
|
||||||
<v-icon>fa-pen</v-icon>
|
- 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
|
||||||
</v-list-tile-action>
|
- PO LIST
|
||||||
<v-list-tile-content>
|
- LINKS TO: CREATE, REPORTS, GRAPHS (ROLES CONTROLLED)
|
||||||
<v-list-tile-title>Quotes</v-list-tile-title>
|
- PART REQUESTS OVERVIEW ETC....
|
||||||
</v-list-tile-content>
|
- PART ASSEMBLIES
|
||||||
</v-list-tile>
|
- PART CATEGORIES
|
||||||
<v-list-tile>
|
- PART WAREHOUSES
|
||||||
<v-list-tile-action>
|
- 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)
|
||||||
<v-icon>fa-business-time</v-icon>
|
|
||||||
</v-list-tile-action>
|
----------
|
||||||
<v-list-tile-content>
|
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?
|
||||||
<v-list-tile-title>Preventive maintenance</v-list-tile-title>
|
- 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?
|
||||||
</v-list-tile-content>
|
- Home view can contain any widget that can be customized or the stock ones,
|
||||||
</v-list-tile>
|
defaults to dashboard of some kind or defaults empty maybe with a placeholder "save widgets here"
|
||||||
<v-list-tile>
|
|
||||||
<v-list-tile-action>
|
- Stock widgets always remain in their places pre-defined so can't mess up the view / can always find them
|
||||||
<v-icon>fa-calendar-alt</v-icon>
|
- Customized widgets all go to home page?
|
||||||
</v-list-tile-action>
|
- This way user can build up the UI they want to see every day
|
||||||
<v-list-tile-content>
|
|
||||||
<v-list-tile-title>Schedule</v-list-tile-title>
|
|
||||||
</v-list-tile-content>
|
TYPES OF CUSTOMIZABLE WIDGETS
|
||||||
</v-list-tile>
|
- List
|
||||||
<v-list-tile>
|
- Report
|
||||||
<v-list-tile-action>
|
- Control panel (like global options, list of options right in main widget)
|
||||||
<v-icon>fa-dolly</v-icon>
|
- Graph
|
||||||
</v-list-tile-action>
|
- Calendar / schedule
|
||||||
<v-list-tile-content>
|
- subtypes or morphs?
|
||||||
<v-list-tile-title>Inventory</v-list-tile-title>
|
- Day / month / week etc
|
||||||
</v-list-tile-content>
|
|
||||||
</v-list-tile>
|
Fixed widgets
|
||||||
<v-list-tile>
|
- CRUD editor, kind of built into the other widgets as the default editor type for each type
|
||||||
<v-list-tile-action>
|
|
||||||
<v-icon>fa-address-book</v-icon>
|
|
||||||
</v-list-tile-action>
|
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
|
||||||
<v-list-tile-content>
|
- icon, api, lt etc
|
||||||
<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>
|
|
||||||
-->
|
|
||||||
|
|||||||
Reference in New Issue
Block a user