Commit Graph

41 Commits

Author SHA1 Message Date
Rijk van Zanten
622570cc45 Add presets settings (#517)
* Add shared component creation modal

* Add bookmark strings

* Expose save-as-bookmark method

* Fix typing of filter

* Add save bookmark button

* Add presets browse page

* Add select / delete functionality

* Render null value in layout as value-null

* Start on presets detail view

* Render presets detail view

* Save view options correctly

* Add readonly mode to cards layout

* Add layout drawer to presets detail

* Add delete on detail

* Add empty state

* Fix linter warnings
2020-05-04 12:31:11 -04:00
Ben Haynes
4dabcc6a25 Various style tweaks (#513)
* true title alignment

not sure why, but normal was optically best for me

* flip dropdown arrow when open

* flip dropdown arrow and add dot contrast

* fix icon expanding label height

keep arrow visible when menu open

* global form size and clean-up file preview

* updated console log

WIP — also includes format for warnings, errors, timing, etc

* add form max width

* fix search input width with value

* style chips

* no arguments

* 00 == 60

* update tags/chip styling

* wysiwyg editor style fixes

* conditional formatting

* seconds option and wip 12h time

* even editor tool spacing

* avoid vertical text clipping

* add circle option to image display

* add circle option to user display

* add circle to translations

* add rating display

* remove log

* button vertical alignment

* correct image width

* polish image styles

* Fix datetime interface

* Use flip transition

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2020-05-01 16:01:22 -04:00
Rijk van Zanten
27c7c055da Interface image (#510)
* Add format filesize util

* Move and tweak file-preview

* Add file lightbox componetn

* WIP add image interface

* Add download prop option to v-button

* Add active model support to image editor

* Add functionality for buttons

* Add deselect button

* Add upload lang

* Fix translations of upload notifications

* Fix local vs global dropzone

* Add v-upload component

* Finish image interface
2020-04-30 17:01:14 -04:00
Rijk van Zanten
e8206b06a2 Rename compositions to composables (#508)
* Rename compositions to composables

* Rename test helper, replace some other occurances

* Log error to console
2020-04-30 10:15:32 -04:00
Rijk van Zanten
668056f3b0 Base component var scoping (#480)
* Avatar / badge

* Move base component vars to body scope

* Fix global icon override
2020-04-24 18:52:27 -04:00
Ben Haynes
ae64f20578 Various style tweaks (#449)
* secondary action button style

will apply to other modules if we like this

* card styling

filled grid
static gaps
improved selections/hovering

* action button colors

* dialog styling

* updated pagination

* choose layout name

* move page count to footer

* card footer

* correct list group icon orientation

* move card size to header

* header icon color

* radios are not labels

* clean up projcet chooser styling

* don’t collapse pagination when empty

* logout style and tooltips

* correct css variable

* layout translation key

* use general “per page” translation
2020-04-22 13:19:20 -04:00
Rijk van Zanten
8bf25d3e3c Files nav (#441)
* Add support for item-group top level links

* Add active prop support to v-list-group

* Add all-files string

* Add files nav

* Fix nav order, render divider only when items exist

* Add add-new-folder flow

* Add add-folder button to header

* Dont unmount nav on refresh of folders

* Fix codesmell
2020-04-20 18:15:55 -04:00
Ben Haynes
6cb4cf2232 Various style tweaks (#427)
* nav list sizing

* less contrast on table load progress

* new data model icon

* fixes all users nav

rijk SAID he fixed… but that’s ok ;)

* lighter module active color

* decrease badge size

* text changes

* new sidebar drawer component styling

* space out filters a bit more

* add auto-save warning to fields setup

* new tabular option icons

* new filter styling

needs formatting and translations for field name tooltips

* form field group styling

WIP — just styling, and needs translations

* don’t let line height be overridden

* interface icons

* button hovers

* divider interface WIP

* lighter highlight

we can try this out — might remove later

* no divider tests

* Fix divider interface

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2020-04-20 14:36:59 -04:00
Rijk van Zanten
2c5ce38e65 Small tweaks, large benefits (#404)
* Add 160px bottom padding to all pages

* Force header column to have 24px min width

* Allow resizing of last column in v-table

* Fix table row unwanted spacing + offset 2px

* Add divider to end of drawer detail

* Add down chevron on project chooser hover

* Add support for color accented modules

* Use yellow header icon in settings

* Add link to collections module browse icon

* Dont show all items selected on load v-table

* Add prepend / append slot to v-checkbox

* Add drag handles to field setup settings in tabular

* Fix loading state in table

* Show all resize handles on hover

* Lose breadcrumb in collections module, show singleton title

* Wrap activity icon, render textarea full width

* Dont render comments section on batch

* Allow input to shrink for slots

* Fix cursor on v-selects

* Prevent input usage when they have click events

* Fix margin on divider in fields-management

* Fix drag handles on field selects

* Fix button / divider spacing

* Remove support for divider inset

* Fix test warning

* Fix table-row test

* Fix codesmell

* Fix missing scope attr
2020-04-13 17:15:58 -04:00
Ben Haynes
58a0337582 Various style tweaks (#378)
* public button width and color

* improve menu arrow styling

* menu arrow placement

* define project chooser border

* adjustable min width for menus

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
2020-04-10 17:06:41 -04:00
Ben Haynes
7c0976441d margin, padding, size, and color tweaks (#374)
* margin, padding, size, and color tweaks

* Remove commented out code

* Use pointer-events instead of double click event

* Use v-deep for v-sheet in v-dialog

* Add newline

* Fix stylelint complaint

* Fix tests

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2020-04-09 19:27:07 -04:00
Rijk van Zanten
7a2ee0215f Support link-modules and add docs link (#368)
* Allow link type modules

* Add docs module

* Allow buttons to render as <a>

* Update button readme

* Use link buttons in module sidebar when needed
2020-04-09 10:23:07 -04:00
Rijk van Zanten
943fdf7a38 Fix v-button full-width (#365) 2020-04-08 15:58:26 -04:00
Rijk van Zanten
897ecfb1db Use items (#354)
* Extract tabular items logic into composition

* Fix racing condition in watchers

* Remove empty test

* Use v-select in detail sidebar tabular

* Fix pagination styles

* Reset to page 1 on sort / limit changes

* Cast limit to string

* Fix button test

* Add content padding to tabular layout
2020-04-07 15:40:49 -04:00
Rijk van Zanten
5d633936c0 Rework save options to be re-usable across modules (#346)
* Add translateShortcut util

* Add prepend/append slots to v-button

* Reduce default list item height + listen to parent dense

* Refactor save/delete logic into composition

* Tweak popper positioning

* Add v-list-item-hint component

* Reset state on primary key change to +

* Tweak save-and-x translations

* Add and use save-options component

* Move activity drawer detail to views folder

* Prevent unnecessary overflow when popper is inactive

* Revert spacing change in popper

* Move comments translation up

* Use translated title for section

* Dont grow full height by default

* Only show comments when you're not creating a new item

* Add notifications to use-item composition

* Add saveAsCopy function to useItem composition

* Use ref for parameter in useCollection

* Fix tests

* Fix codesmells
2020-04-07 11:33:55 -04:00
Rijk van Zanten
bba4dae46d Activity sidebar (#327)
* Show activity sidebar in detail page

* Add localized format distance util

* Update use-time-from-now composition to use localized dates

* Install marked

* Add activity delta strings

* Show all activity records in sidebar

* Add correct permutations of users

* Make avatar rounded square

* Finish posting comments

* Remove empty test file

* Fix tests
2020-04-06 15:25:58 -04:00
Rijk van Zanten
c8793e538b Add dark mode (#297) 2020-04-02 21:18:21 -04:00
Rijk van Zanten
eaf0dbb385 Type and color treatmeant (#281)
* Switch from roboto to inter

* Add and use new color palette

* Fix tests
2020-04-02 12:10:13 -04:00
Rijk van Zanten
24ba6c0752 [Settings] Add field setup flow (#279)
* Start on field setup modal

* Add field-setup first pane

* Add interface options support

* Use updated button to add field

* Add interface and display selection and options

* Add advanced options form

* Use field name in settings

* Hide titles when editing existing field

* Add disabled handler for next / previous

* ...

* Show error on failed saves

* Rename name to field

* Fix arrow inline styles

* Fix show-arrow

* Rework tab logic to use named tabs (makes dynamic relationship tab work)

* Make it pass tests
2020-04-01 19:06:24 -04:00
Rijk van Zanten
4dd05ec2e9 Add align and dashed props to button (#277) 2020-04-01 11:40:24 -04:00
dependabot-preview[bot]
26960961e8 Bump prettier from 1.19.1 to 2.0.2 (#239)
* Bump prettier from 1.19.1 to 2.0.2

Bumps [prettier](https://github.com/prettier/prettier) from 1.19.1 to 2.0.2.
- [Release notes](https://github.com/prettier/prettier/releases)
- [Changelog](https://github.com/prettier/prettier/blob/master/CHANGELOG.md)
- [Commits](https://github.com/prettier/prettier/compare/1.19.1...2.0.2)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>

* Add dangling comma's

* Update eslint config to match prettier default

* Make eslint match prettier for real this time

Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com>
Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2020-03-24 10:51:30 -04:00
Rijk van Zanten
3ab97ca2b2 Collections module additions (#201)
* Render add new link, only render delete on isnew is false

* Add header actions buttons based on state

* Add header buttons and breadcrumbs

* Style tweaks

* Add navigation guard for single collections

* Add delete button logic

* Add ability to delete items on browse

* Add select mode to tabular layout

* Add saving / deleting logic to detail view

* remove tests (temporarily)

* Remove empty tests temporarily

* Add pagination to tabular layout if collection is large

* Add server sort

* wip table tweaks

* show shadow only on scroll, fix padding on top of private view.

* Update table

* fix header hiding the scrollbar

* Fix rAF leak

* Make pagination sticky

* fix double scroll bug

* add selfScroll prop to private view

* Last try

* Lower the default limit

* Fix tests for table / private / public view

* finish header

* remove unnessesary code

* Fix debug overflow + icon alignment

* Fix breadcrumbs

* Fix item fetching

* browse view now collapses on scroll

* Add drawer-button component

* Fix styling of drawer-button drawer-detail

* Revert "browse view now collapses on scroll"

This reverts commit a8534484d496deef01e399574126f7ba877e098c.

* Final commit for the night

* Add scroll solution for header overflow

* Render table header over shadow

* Add useScrollDistance compositoin

* Add readme for scroll distance

* Restructure header bar using sticky + margin / add shadow

* Tweak box shadow to not show up at top on scroll up

* Fix tests

Co-authored-by: Nitwel <nitwel@arcor.de>
2020-03-20 17:05:55 -04:00
Rijk van Zanten
1b9309a512 Add pagination component (#208)
* Start on pagination component

* Finish pagination component

* Register pagination globally
2020-03-18 12:12:45 -04:00
Nitwel
09bf322c26 added button group (#204)
* added button group

* Update src/components/v-button-group/readme.md

Co-Authored-By: Rijk van Zanten <rijkvanzanten@me.com>

* added button group

* Prevent button injection warning by defaulting parentFunctions to null

* Add custom values example to storybook

* Fix stylelint complaints

* Fix other linter warnings

* Update story to reflect prop name change

* Fix test

* Fix readme's of compositions

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
2020-03-17 17:14:57 -04:00
Rijk van Zanten
346e6f95ce Project switching (#206)
* Register notice component globally

* Render button as flex in full width

* Add buttons to / route

* Rename block->full-width

* Add hyrate overlay / project chooser placeholder

* Make routes named

* Dehydrate / hydrate when switching projects

* Add choose project buttons to / route

* Add main app component and hydration loader effect

* Improve routing flow

* Remove unused import statement

* Fix test
2020-03-17 16:25:43 -04:00
Jacob Rienstra
197e09abb5 List continued (#174)
* working on  story with reactive subtitle

* styling of icons seems consistent with default sizing

* checkbox in list story

* colors

* lines and tests

* merge conflict

* basically im a genius styling is cool now

* Update src/components/v-button/readme.md

* Fix scoping of nav mode

* Tweak spacing of icons

* Register list item subcomponents globally

* Render icons in sidebar nav of collections module

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
2020-03-13 16:34:06 -04:00
Rijk van Zanten
ef1c0dddeb Rename readme's to work with github (#171)
Fixes #110
2020-03-12 16:26:29 -04:00
Rijk van Zanten
5509d79756 Add header bar to private view (#142)
* Add header bar basic

* Fix alignment of breadcrumb

* Fix icon size in breadcrumb

* Add slots / stories for header bar

* Fix typo

* Add disabled color overrides to button

* Fix box icon

* Add header actions section for collapsable buttons

* Tweak css of drawer responsively

* Cover viewport (for notched use)

* Hide gray boxes on iOS taps

* Only show hover effect for devices that support hover

* Finish collapsable header buttons

* Remove wrong reference

* Tweak spacing of nav toggle

* Update storybook entry

* Add storybook entry for header actions

* Update structure of private-view and subcomponents

* Add provide support to storybook

* Update storybook / readme's for private view components

* Use defineComponent instead of createComponetn

* Fix broken import

* Fix tests, update readmes, etc

* Add storybook entries for header actions and module bar

* Remove unused utils

* Use defineComponent instead of createComponent

* Update structure of stories

* Fix story of private view
2020-03-04 13:37:41 -05:00
dependabot-preview[bot]
dba5329d31 Bump @vue/eslint-config-typescript from 4.0.0 to 5.0.2 (#141)
* Bump @vue/eslint-config-typescript from 4.0.0 to 5.0.2

Bumps [@vue/eslint-config-typescript](https://github.com/vuejs/eslint-config-typescript) from 4.0.0 to 5.0.2.
- [Release notes](https://github.com/vuejs/eslint-config-typescript/releases)
- [Commits](https://github.com/vuejs/eslint-config-typescript/commits/v5.0.2)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>

* Update eslintrc to match major upgrade of typescript-eslint

* Fix linter warnings and tests

* Fix tests for real this time

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
2020-03-03 16:06:46 -05:00
dependabot-preview[bot]
2fe5fa0500 Bump @vue/composition-api from 0.3.4 to 0.4.0 (#137)
* Bump @vue/composition-api from 0.3.4 to 0.4.0

Bumps [@vue/composition-api](https://github.com/vuejs/composition-api) from 0.3.4 to 0.4.0.
- [Release notes](https://github.com/vuejs/composition-api/releases)
- [Changelog](https://github.com/vuejs/composition-api/blob/master/CHANGELOG.md)
- [Commits](https://github.com/vuejs/composition-api/compare/v0.3.4...v0.4.0)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>

* Replace createComponent with defineComponent

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
2020-03-03 13:16:05 -05:00
Rijk van Zanten
3a7d814e77 Create auth helpers file, check auth on failed requests, change beforeRoute handler (#114)
* Create auth helpers file, check auth on failed requests, change beforeRoute handler

* Uninstall debug

* Navigate to / on no public projects

* Get router test coverage to 100%

* Fix auth tests

* Add tests for new projects store action
2020-02-21 16:22:08 -05:00
Rijk van Zanten
031bae4ac8 Modules store and bar (#112)
* 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

* Move stores into subfolders

* Register modules from modules store

* Register name / icon in modules store

* Update module configs

* Render v-button in module sidebar

* Render correct paths in module sidebar

* Add activated style to button

* Use correct color for button in module bar

* Use correct icons for system modules

* Add tests for modules store

* Remove readme in favor of inline comments
2020-02-19 15:21:54 -05:00
Rijk van Zanten
a16569f45d Add to prop support on v-button (#111) 2020-02-19 12:24: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
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
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
rijkvanzanten
55da66aabe Add padding decorator 2020-02-05 17:24:14 -05:00
rijkvanzanten
55e56e30ec Migrate existing (finished) base components 2020-02-05 15:11:40 -05:00