From e2d3691c716a86c549145e32bbe68b710d503eb8 Mon Sep 17 00:00:00 2001 From: John Cardinal Date: Wed, 21 Nov 2018 00:47:45 +0000 Subject: [PATCH] --- devdocs/specs/core-ui-design.txt | 225 +++++++------------------------ 1 file changed, 48 insertions(+), 177 deletions(-) diff --git a/devdocs/specs/core-ui-design.txt b/devdocs/specs/core-ui-design.txt index 47bc4ac2..660215f3 100644 --- a/devdocs/specs/core-ui-design.txt +++ b/devdocs/specs/core-ui-design.txt @@ -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: - \ No newline at end of file + +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 +