diff --git a/devdocs/todo.txt b/devdocs/todo.txt index 064c9f62..9ff03fe3 100644 --- a/devdocs/todo.txt +++ b/devdocs/todo.txt @@ -32,6 +32,12 @@ WEEK OF 2018-10-22 - Learn Vue, select a UI framework - Consider all inputs required and forms and layout methods (make a list of components required and test on various devices [datetime, date, time, numeric, color etc]) - Read this: https://qiita.com/nickhall/items/d1043f3f9874c90b6f8e - And this: https://logrocket.com/blog/an-imperative-guide-to-forms-in-vue-js-2/ + + - Choose an icon font that will cover all our object types and commands: + - Review all fonts in use now in WBI / RI / Desktop, look for similar or better + - FA is well used, are there any others? Is it better than MDI I am using already?? + - Would I need the pro version of FA for any reason?? + - ICONS: Font Awesome: https://fontawesome.com/, in rockfish am using Material design icons: https://materialdesignicons.com/ - Check browsers supported, some don't support all browsers i.e. IE 8 is not supported by some. - ONSEN: https://onsen.io/v2/guide/ (MOBILE FOCUSED) @@ -68,6 +74,7 @@ WEEK OF 2018-10-29 TO NOV 12th - RAVEN shell start work. - Some sample charts - test well on all form factors - Have examples of a form with all RAVEN required control types enabled + - Use Intro.js to introduce the demo to new users and also to introduce the UI elements and it will be used all over the place!! diff --git a/devdocs/tools.txt b/devdocs/tools.txt index 74c3aef2..b6222655 100644 --- a/devdocs/tools.txt +++ b/devdocs/tools.txt @@ -110,18 +110,21 @@ VUE NOTES / IMPORTANT INFO - DATA FETCHING WITH ROUTER: https://router.vuejs.org/guide/advanced/data-fetching.html#data-fetching -POTENTIALLY USEFUL VUE COMPONENTS AND PLUGINS -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- +POTENTIALLY USEFUL VUE / GENERAL COMPONENTS AND PLUGINS +=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- - Shortcuts (enable keyboard shortcuts to activate elements like buttons e.g. ctrl-s to save) https://github.com/iFgR/vue-shortkey - Clickaway (detect user clicking outside an element e.g. to dismiss a popup or something) https://github.com/simplesmiler/vue-clickaway - Theres actually many on vue-awesome so if use this check them all out for stars and issues - parse and format currency for display: http://openexchangerates.github.io/accounting.js/ + - CONTROLS (note some of these probably have a VUE component wrapper already if not the one already linked to, seek them out) - Date time picker: https://flatpickr.js.org/ - Vue plugin version: https://github.com/ankurk91/vue-flatpickr-component - Input validation component: https://github.com/baianat/vee-validate - Progress bar (very clean and small, ideal for ajax calls): http://ricostacruz.com/nprogress/ - Charts: https://www.chartjs.org/ - + - Intro.js Introduction tool to train people in page, AWESOME!!: https://introjs.com/ + - ICONS: Font Awesome: https://fontawesome.com/, in rockfish am using Material design icons: https://materialdesignicons.com/ + - CSV converter: converts json to csv for download: https://github.com/ynishi/vuecsv