This commit is contained in:
2018-10-25 17:34:51 +00:00
parent b5128ac787
commit 8eca4563b2
2 changed files with 13 additions and 3 deletions

View File

@@ -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]) - 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 - Read this: https://qiita.com/nickhall/items/d1043f3f9874c90b6f8e
- And this: https://logrocket.com/blog/an-imperative-guide-to-forms-in-vue-js-2/ - 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. - 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) - 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 - Some sample charts
- test well on all form factors - test well on all form factors
- Have examples of a form with all RAVEN required control types enabled - 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!!

View File

@@ -110,18 +110,21 @@ VUE NOTES / IMPORTANT INFO
- DATA FETCHING WITH ROUTER: https://router.vuejs.org/guide/advanced/data-fetching.html#data-fetching - 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 - 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 - 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 - 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/ - 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/ - Date time picker: https://flatpickr.js.org/
- Vue plugin version: https://github.com/ankurk91/vue-flatpickr-component - Vue plugin version: https://github.com/ankurk91/vue-flatpickr-component
- Input validation component: https://github.com/baianat/vee-validate - Input validation component: https://github.com/baianat/vee-validate
- Progress bar (very clean and small, ideal for ajax calls): http://ricostacruz.com/nprogress/ - Progress bar (very clean and small, ideal for ajax calls): http://ricostacruz.com/nprogress/
- Charts: https://www.chartjs.org/ - 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