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])
|
||||
- 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!!
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -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
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user