Commit Graph

51 Commits

Author SHA1 Message Date
Rijk van Zanten
a16569f45d Add to prop support on v-button (#111) 2020-02-19 12:24:19 -05:00
Rijk van Zanten
61311c13bb [WIP] Add router auth navigation guard (#109)
* Register views globally

* Use global private view in debug route

* Register login route

* Add barebones login form

* Add auth check on routing

* Add tests and extract checkAuth function

* Fix tests of router
2020-02-19 11:40:39 -05:00
Nitwel
2dc48e8edf Custom Tooltip (#43)
* implemented basic tooltip

* add animation

* finish up tooltip, added instant option

* implemented basic tooltip

* add animation

* finish up tooltip, added instant option

* Uninstall v-tooltip

* Match folder structure of focus to tooltip

* Register new directives

* remove duplicate folder

* Export functions, cleanup animate

* Export update tooltip function

* Increase test covergae

* Added start and end options

* Structure positioning tests

* tooltip right end will now show on the right end

* Add tests for modifier states

* Update test coverage

* Fix stylelint issues

* made top as default position

* added inverted option

* fix lint

* Move tooltip style vars to theme

* Remove line clamp

* Update tests

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
2020-02-18 17:58:24 -05:00
Rijk van Zanten
e2664ad3fb Module based routing (#104)
* Initial commit

* Export registerModule function

* Add unit tests for module registration
2020-02-18 15:47:58 -05:00
Nitwel
08873c3e88 Notice component (#44)
* initial commit

* finish up notice

* fix unit tests

* Add icon prop

* Use css vars for colors and update readme / story

* Use warning icon for warnings

* Only allow one class at a time

* Add tests for icon prop / success default

* Remove unneeded class

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
2020-02-18 12:42:57 -05:00
Nitwel
42ad64f5e7 Add breadcrumb component (#42)
* added breadcrumb, removed customSize from icon

* Use proptype + use name for for key

* Change name of arrow to divider

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
2020-02-17 15:30:16 -05:00
Nitwel
a071730068 Add badge component (#24)
* added badge component

* revert button changes

* added color vars

* remove unit test for colors

* finish up badge

* add unit tests

* use css vars for offset, improve readability

* use css for positioning

* use css for size

* fix lint

* fix unit tests

* removed unnecessary span

* Tweak markup, use template instead of span

* Use px for offset

* Ignore zero-no-unit in offset default value

* Allow px after 0 value in css

* Use span instead of template

* Update readme and storybook

* Update the tests

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
2020-02-17 15:12:19 -05:00
Nitwel
9fcf702b4f Add progress circular (#32)
* made spinner more fancy

* rebuild spinner to progress circular

* update readme

* cleaned code and style

* clean readme

* made spinner more fancy

* rebuild spinner to progress circular

* update readme

* cleaned code and style

* clean readme

* Register circular progress

* Fix broken import

* Fix stylelint problems in v-progress-circular

* Add some useful tests for circular progress

* Delete package-lock.json

* Update readme

* Ignore package-lock

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
2020-02-17 14:28:16 -05:00
Rijk van Zanten
62bc8663a0 Private view (#41)
* Add file structure

* Add basics of private view

* Add composition api in every test

* Install nanoid

* Add request queue

* Register all global components

* Make bunny run on api queue

* Use private route for debug now

* Move request queue to store

* Remove unused sleep function in hover test

* Use new request queue in private view

* Remove jest pre-test config

* Finish logo + tests

* Add tests for private view

* Fix unhandled promise in api test
2020-02-17 14:06:04 -05:00
Rijk van Zanten
7cd1de564a Add base public view (#39)
* Fix build error in TS in test

* Use public view in debug

* Render project background in art

* Add wide prop

* Fix TS errors

* Cleanup background styles + add tests

* Add minimal readme
2020-02-14 14:23:55 -05:00
Nitwel
8dad53e41c Added click feedback (#35)
* added click feedback

* clean code

* add unit test

* Remove has-click and get tests to 100% coverage

* Fix tests

* Update src/components/v-button/v-button.vue

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
2020-02-14 12:43:54 -05:00
Rijk van Zanten
fcf50ea8c8 Restructure global scss (#31)
* Restructure global scss

* Fix typo / wrong import

* Use new colors in button

* Add mixins for type styles and no-wrap

* Use new color names in checkbox

* Use correct color names in chip

* Use new colors in v-input

* Use overlay color styles

* Use new color vars in linear progress

* Use new colors in slider

* Update readmes + use colors in switch

* Use new global colors in table

* Add placeholder dark mode vars

* Fix wrong button statement
2020-02-14 12:42:22 -05:00
Rijk van Zanten
862a73b462 Update test.yml 2020-02-13 17:24:49 -05:00
Rijk van Zanten
d4f4b4cac0 Stylelint config (#30)
* Install stylelint

* Move stylelint config to root

* Setup auto-fixing of scss on commit

* Use single quoted strings

Plays nicely with prettier

* Autofix CSS problems

* Fix indentation of package.json
2020-02-13 17:23:37 -05:00
Rijk van Zanten
d63396eb25 Use size class (#28)
* Add use-size-class composition

* Use size-class composition in components

* Remove unnecessary tests

* Update readme
2020-02-13 16:37:58 -05:00
Nitwel
0b1f73fc8e Use css vars instead of props for color (#25)
* changed button to use css vars for style

* updated avatar component

* updated checkbox and icon component

* updated chip and overlay component

* update progress and sheet component

* added support for slider and spinner component

* update switch component

* remove unit tests for colors

* made color vars more clear in docs

* changed unactive to inactive

* storybook now uses colorpicker for all color settings

* Cleanup v-avatar readme

* Tweak v-button inline styles + update readme

* Force disabled color to input border

* Cleanup readme for checkbox

* Fix formatting on table in readme for checkbox

* Add css vars to readme for chip

* Use css var for size

* Use CSS Var for z-index

* Use css var for height in linear progress

* Use css vars for sheet

* Use private css var for percentage + update readme

* Fix typo

* Remove deprecated props, update readme

* Use css var for table height

* Update storybook entries

* Remove obsolete tests

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
2020-02-13 13:46:10 -05:00
Rijk van Zanten
1883e230d1 Add left / right props to icon (#2)
* Add left / right props to icon

* Remove wrong size class import
2020-02-11 20:19:40 -05:00
Nitwel
87c0eaa9a9 Chip Component (#1)
* initial commit

* finished main features and added docs

* add unit tests

* fix "visible" unit test

* changed active prop to v-if

* sync support for active prop

* clear code

* Remove button description from chip readme

* Misc tweaks in story / readme

* Minor code style tweaks

* fix initial render

* Use 4px based height

* Add missing tests + missing debug route

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
2020-02-11 18:42:31 -05:00
rijkvanzanten
773e963524 Update readme file 2020-02-11 11:16:45 -05:00
rijkvanzanten
3cdaed1e4c Merge branch 'master' of github.com:rijkvanzanten/directus-x 2020-02-11 11:02:41 -05:00
rijkvanzanten
8636af7357 Add dark / light mode to storybook 2020-02-10 17:56:19 -05:00
rijkvanzanten
790e78a4e1 Use new breakpoint mixin in public view 2020-02-07 17:50:09 -05:00
rijkvanzanten
cfa8e1d450 Add breakpoint mixins
Makes sure everything switches consistently.
2020-02-07 17:49:34 -05:00
rijkvanzanten
fb95027694 [WIP] Start on public view 2020-02-07 17:36:54 -05:00
rijkvanzanten
5615b34c23 Export project types from store for external use 2020-02-07 17:36:30 -05:00
rijkvanzanten
10e779b81e Use 100% height for the whole app
Makes it way easier to handle overflows in individual sections
2020-02-07 17:35:58 -05:00
rijkvanzanten
6c10b21d34 Remove plugins from main export 2020-02-07 16:35:54 -05:00
rijkvanzanten
65b7647c45 Use global vue plugins in storybook 2020-02-07 16:35:09 -05:00
rijkvanzanten
6788081b6f Install v-tooltip directive 2020-02-07 16:34:56 -05:00
rijkvanzanten
b7f8ab0b0b Exctract vue global plugins into separate file
Lets us re-use it in tests / storybook etc
2020-02-07 16:34:33 -05:00
rijkvanzanten
caf641ca7b Add directives folder + focus directive 2020-02-07 16:15:09 -05:00
rijkvanzanten
5553014091 Add router + tests 2020-02-07 15:35:13 -05:00
rijkvanzanten
bc3d7e729c Add tests for projects store 2020-02-07 15:19:27 -05:00
rijkvanzanten
8af1960023 Install missing date-fns dep 2020-02-07 15:19:05 -05:00
rijkvanzanten
98b43cc294 Migrate over time-from-now composition 2020-02-07 15:17:16 -05:00
rijkvanzanten
c4f90b724a Add Axios 2020-02-06 16:58:48 -05:00
rijkvanzanten
60e8447482 Add currentProject getter to projects store 2020-02-06 16:52:27 -05:00
rijkvanzanten
845cff7111 Add projects-store with tests 2020-02-06 16:20:43 -05:00
rijkvanzanten
16562b7a57 Add types folder for TS types 2020-02-06 16:20:10 -05:00
rijkvanzanten
a091a8a0aa Install pinia 2020-02-06 16:19:59 -05:00
rijkvanzanten
a5629af736 Remove obsolete import 2020-02-06 10:41:59 -05:00
rijkvanzanten
55da66aabe Add padding decorator 2020-02-05 17:24:14 -05:00
rijkvanzanten
6f9c6f6b07 Migrate i18n, move to TS, add tests 2020-02-05 17:18:34 -05:00
rijkvanzanten
7603121ab5 Add routes folder 2020-02-05 15:45:39 -05:00
rijkvanzanten
16f1413082 Update Storybook version 2020-02-05 15:45:27 -05:00
rijkvanzanten
9c3cd2e0c3 Install and initialize vue router 2020-02-05 15:37:14 -05:00
rijkvanzanten
55e56e30ec Migrate existing (finished) base components 2020-02-05 15:11:40 -05:00
rijkvanzanten
eb011906e7 Inject global styles 2020-02-05 15:07:38 -05:00
rijkvanzanten
c1ef59820c Migrate global assets and styles 2020-02-05 15:07:26 -05:00
rijkvanzanten
ac17f3870f Add folder structure 2020-02-05 15:07:20 -05:00