Commit Graph

112 Commits

Author SHA1 Message Date
Rijk van Zanten
ba94e83d4e Add contextual save options to detail page (#309)
* Add skeleton loader, add loading to v-form, add disabled to v-menu

* Make sure height matches with input

* Add transition to skeleton loader

* Force skeleton loader to adhere to input size on form

* Sneak in this little thing unnoticed
2020-04-03 20:29:04 -04:00
Rijk van Zanten
670103a523 Add global settings form (#303)
* Add settings store

* Use brand variable in app.vue

* wip

* Add global settings form, refactor project error type

* Fix codesmell
2020-04-03 16:13:40 -04:00
Rijk van Zanten
09372c8185 Add 404 route (#299) 2020-04-03 10:16:12 -04:00
Rijk van Zanten
c8793e538b Add dark mode (#297) 2020-04-02 21:18:21 -04:00
Rijk van Zanten
e50000a05a Add v-info component (#296)
* Add v-info component

* Add test placeholder

* Add readme
2020-04-02 20:48:01 -04:00
Rijk van Zanten
f4a1a2a4fd Style the project chooser correctly (#295) 2020-04-02 20:05:36 -04:00
Rijk van Zanten
61d991f4bf Radio buttons (#293)
* Add v-radio component

* Add tests, update storybook
2020-04-02 19:38:46 -04:00
Rijk van Zanten
9f79f744f3 Add notifications inline drawer (#292)
* Render missed notifications inline in drawer

* Fix tests
2020-04-02 15:35:46 -04:00
Rijk van Zanten
eab0c66269 Add ctx menu, note, required flag to v-form (#290)
* Use correct type styles for label

* Fix sup mode in icon

* Add required star and note

* Add ctx arrow

* Add contextual menu to fields

* Add some margin to note
2020-04-02 13:01:55 -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
Rijk van Zanten
43c949f2a0 Add v-fancy-select component (#276)
* Add v-fancy-select component

* Fix failing tests
2020-03-31 22:20:43 -04:00
Rijk van Zanten
9ef0255746 Update v-form to accept fields prop (#275) 2020-03-31 14:49:54 -04:00
Rijk van Zanten
d72b8bbcd7 Add v-modal component (#274)
* Start on v-modal, fix layering in v-dialog

* Add shadow to v-dialog content

* Add optional group identifier to groupable compositions

This allows groupable parents to be nested more flexibly:

tabs group
  item group
    item
      tab

In the case above, we only want the tab to trigger for tabs group, not item group.

* Add active prop support to v-list-item

Allows us to manually indicate that a list item is active, useful in v-menu

* Use v-list in vertical tabs

* Finish v-modal

* Update readme for groupable composition
2020-03-31 11:33:34 -04:00
dependabot-preview[bot]
f6c05367a5 Bump nanoid from 2.1.11 to 3.0.2 (#256)
* Bump nanoid from 2.1.11 to 3.0.2

Bumps [nanoid](https://github.com/ai/nanoid) from 2.1.11 to 3.0.2.
- [Release notes](https://github.com/ai/nanoid/releases)
- [Changelog](https://github.com/ai/nanoid/blob/master/CHANGELOG.md)
- [Commits](https://github.com/ai/nanoid/compare/2.1.11...3.0.2)

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

* Migrate to nanoid 3

Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com>
Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2020-03-30 17:01:00 -04:00
Rijk van Zanten
790e7b2eb7 [Settings] Add duplicate field option (#263)
* Add duplicate field option

* Add missing prop to readme of v-select

* Re-enable preventOverflow
2020-03-30 16:47:56 -04:00
Rijk van Zanten
6205e6bf94 Add v-select component (#262) 2020-03-30 15:49:23 -04:00
Rijk van Zanten
6486dd810e Start on data model settings (#258)
* Use menu for project switcher

* Setup base structure for settings module

* Setup routes for settings

* Tweak v-menu styling

* Rough in collection overview in settings

* Save field info based on sort

* Add accidentally renamed global route

* Add move-in-arrow util

* Add update methods for fields

* Add field sorting logic

* Handle sorting between groups

* Add support for label on the v-divider component

* Register missing components

* Allow multiple dialogs at once

* Progress in settings

* Fix full-width option of input

* Update missing translations

* Improve menu performance

* Add field sizing

* Add disabled state to list item

* Add visibility toggle

* Undo changes on API errors

* Add test for usecollectoins

* Add notifications to field updates

* Fix linter warning

* Remove useCollection directive

* Fix linter warnings
2020-03-30 13:39:45 -04:00
Rijk van Zanten
7a43e6518b Add divider component (#252) 2020-03-27 12:12:51 -04:00
Jacob Rienstra
9ab09cbec3 Menu (#218)
* getting closer, trying to add things in

* positioning and story props

* add window-size index.ts

* positioning fixes

* hover half working

* more stories, no activator, positionxy

* minor fixes

* clickable menus in story

* fixed glitch in no activator, using correct iscontentactive var

* readme for menu

* readme for clickoutside

* test for v-menu

* tests

* test mocks

* Add new v-click-outside directive

* no iscontentactive

* simplified

* tweak

* Create menu based on popper

* Finish menu

* Remove unused imports

* Remove todos from menu

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2020-03-27 10:27:21 -04:00
Rijk van Zanten
f7d4d3e1ac Add support for Displays (#249)
* Create displays extension type

* Optimize define

* Add missing layout component export

* Add readme

* Remove codesmell
2020-03-25 16:55:01 -04:00
Rijk van Zanten
8fb195a343 Stacking context (#247)
* Fix stacking context of nexted dialogs

* Fix test
2020-03-25 10:29:52 -04:00
Rijk van Zanten
7bcfcb9b5b Save layout options query (#246)
* Add getPresetForCollection method

* Add savePreset action

* Add useSync composition

* Sync collection presets with store / api

* Clean up browse flow

* Cleanup tabular code

* Move portal target to browse page

* Save column widths to view options

* Add must-sort prop to v-table

* Add saving flow for viewQuery / viewOptions

* Optimize saving flow

* Provide main element to sub components

* Add per page option

* Add field setup drawer detail
2020-03-25 09:49:29 -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
de26915d6b Page tracking (#242)
* Add trackPage action to userStore

* Track page in after each for router
2020-03-23 20:53:16 -04:00
Rijk van Zanten
fca6bd34ab Notifications (#240)
* Add notification item

* Add notifications group component

* Add notifications store

* Tweak notification item component

* Tweak styling of notifications / add dense mode

* Fix codestyle problem

* Update storybook

* Add notifications group to private view

* Add tests for notifications store

* Add notify util

* Fix import style

* Tweak positioning of notifications group

* Update readmes
2020-03-23 18:51:31 -04:00
Rijk van Zanten
847c7a5554 Logout route (#238)
* Add logout route

* Don't render spinner on top of content

* Use logout route instead of onBeforeEnterLogout handler

* Remove onBeforeLogoutRouteEnter test

* Fix warnings in tests
2020-03-23 14:37:31 -04:00
Rijk van Zanten
7d1df455fd User sign out (#234)
* Add fullName getter to user store

* Add user sign out link

* Add tests for module bar avatar
2020-03-23 14:06:30 -04:00
Rijk van Zanten
6e6ba35ce9 Add collection presets store (#226)
* Rename ids of stores to match var names

* Add collection presets store

* Add collection-presets-store
2020-03-20 22:00:39 -04:00
Rijk van Zanten
7bbe8fe194 Add portals (#225)
* Install portal-vue

* Add portalvue plugin

* Add portal destinations

* Add example usage in tabular layout
2020-03-20 19:32:24 -04:00
Rijk van Zanten
8a1ebe7d5e Optimize data fetching on layout view (#224) 2020-03-20 17:40:04 -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
Nitwel
e8267df99d Tabs (#210)
* initial commit for tabs

* added tabs-items

* updated docs

* Tweak styling, update stories

* Update structure, readme's and storybook entry

* Add tests for v-tabs

* Add tests for v-tab

* Add tests for v-tabs-items

* Fix typo

* Fix test

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2020-03-19 11:50:09 -04:00
Rijk van Zanten
7abcb3360b Add show-first-last prop to pagination (#209) 2020-03-18 12:43:46 -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
Rijk van Zanten
b26b91f785 Add userStore, continue-as notification, bit of styling (#203)
* Add userStore, continue-as notification, bit of styling

* Name routes, remove wrong comment

* Add test for user store

* Fix tests for router
2020-03-16 18:28:35 -04:00
Rijk van Zanten
1962691348 Restructure views (#202)
* Restructure views

* Add aria labels
2020-03-16 17:26:31 -04:00
Rijk van Zanten
08546e8105 [WIP] Card component (#115)
* Start on card component

* Add stories for card

* Add card actions component

* Right align actions

* Update storybook

* Update readme, tweak dialog card spacing

* Fix tests

* Move type styles into mixins
2020-03-16 15:21:59 -04:00
Jacob Rienstra
a0c421e4e9 List group (#173)
* mvp list groups

* list group updates

* updated readme and list group to use css vars and icons

* added supgroups to story

* add list group test

* Expand Transition / Transitions Folder (#187)

* add expand transition to components folder

* expand readme

* test sorta

* test is dumb

* dummy component to test

* oops

* Add tests for capitalize first

* Rename v-transition-expand to expand-transition, inline util in test

* Update src/components/transitions/expand/expand-methods.ts

* Update src/components/transitions/expand/expand-methods.ts

* Update src/components/transitions/expand/expand-methods.ts

* Rename some more things, add storybook entry

* Use expand transition in detail drawer

* Improve readme

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>

* Refactor out groupable top level component + indentLevel prop

* Fix tests

* Update readme

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2020-03-16 14:51:59 -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
c8e9e02af0 Add v-dialog component (#175)
* Start work on dialog component

* Add tests for dialog

* Add readme

* Add activator slot
2020-03-13 14:59:43 -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
68fe8099c1 v-form (#170)
* Add v-form with grid

* Sort the fields

* Add auto dense mode to header

* Tweak auto dense threshold

* Add readme / story / test placeholder
2020-03-12 16:22:08 -04:00
Rijk van Zanten
101abb9634 Use element size (#169)
* Install resize observer

* Add use-element-size composition

* Rename function to match filename

* Remove false statement from readme
2020-03-12 13:58:41 -04:00
Rijk van Zanten
68c625ec79 Document and structure utils / compositions (#168)
* Document and structure utils / compositions

* Fix tests

* Ignore tests in sonar cloud?

* Please sonar don't use my test files
2020-03-12 12:31:36 -04:00
Rijk van Zanten
649957caa1 Sonar fixes (#166)
* Fix scope declaration in lang

* Rename event listener composition

* Rename compositions

* Don't export app from main

* Fix naming smell

* Add roles to asides

* Add rel to a tag in logo

* exclude storybook files from sonar cloud

* Fix a11y issues
2020-03-11 17:46:13 -04:00
Rijk van Zanten
35cdf08130 Improve v-focus (#164) 2020-03-11 17:02:45 -04:00