This commit is contained in:
@@ -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!!
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -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
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user