Commit Graph

98 Commits

Author SHA1 Message Date
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
Rijk van Zanten
97b7bb01b6 Collections module (#158)
* Update folder structure of module

* Add barebones form structure

* Add basic tabular layout implementation

* Add test placeholders for collections module
2020-03-11 13:36:54 -04:00
Rijk van Zanten
2c5a56acfc Create define (#156)
* Delete unused styles from linear progress

* Allow vuei18n result as name in table haeder

* Rename createX to defineX

* Fix styling glitch in private view
2020-03-11 11:33:57 -04:00
Rijk van Zanten
971876d018 Interfaces registration (#155)
* Add interface registration logic

* Register interfaces in main

* Add basic text input example

* Add storybook knob for placeholder

* Add test for text-input

* Fix tests
2020-03-11 11:25:33 -04:00
Rijk van Zanten
a2ba2c8783 Add fields store (#144)
* Add fields store

* Add test coverage for fields store

* Remove hydration tests

It doesn't do anything itself, but just calls init / reset methods of stores

* Rename store methods to hydrate / dehydrate

* DRY that sucker

* Move hydration logic into a store

* Fix tests for new store

* Rename hydrate store to app store, fix tests in auth

* Fix tests of router

* Fix tests in module-bar-logo

* bunch of things

* Fix tests in hydrate

* Fix router tests

* Clean up auth tests

* Update tests for collections / fields stores

* Use stores instead of mocks in tests

* Add test for store getter in collections
2020-03-11 10:36:39 -04:00
dependabot-preview[bot]
6eaf81896c Bump @vue/test-utils from 1.0.0-beta.31 to 1.0.0-beta.32 (#149)
* Bump @vue/test-utils from 1.0.0-beta.31 to 1.0.0-beta.32

Bumps [@vue/test-utils](https://github.com/vuejs/vue-test-utils/tree/HEAD/packages/test-utils) from 1.0.0-beta.31 to 1.0.0-beta.32.
- [Release notes](https://github.com/vuejs/vue-test-utils/releases)
- [Changelog](https://github.com/vuejs/vue-test-utils/blob/dev/packages/test-utils/CHANGELOG.md)
- [Commits](https://github.com/vuejs/vue-test-utils/commits/v1.0.0-beta.32/packages/test-utils)

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

* Fix tests to match test-utils change

Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com>
Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2020-03-09 14:45:31 -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
e713759ae7 Fix tooltips (#127) 2020-02-28 16:32:28 -05:00
Rijk van Zanten
bdf424a234 Start alt-colors overrides (#126) 2020-02-28 16:27:38 -05:00
Rijk van Zanten
28531b531b Add hydration, collection store, collections module navigation (#125)
* Add hydration functions and logout route

* Add tests for hydration

* Add collections nav

* Structure collections module, add overview route

* Fix failing tests

* Add test for use-navigation

* Add tests for collections-navigation

* Add tests for collections-overview

* Fix export for use-navigation composition

* Update tests
2020-02-28 16:21:51 -05:00
Rijk van Zanten
3a76455776 Extension registration (#124)
* Restructure extensions and registration

* Add registration function for layouts

* Combine extension registrations

* Prefer separate folders over single

* Don't register extensions / views in storybook

* Fix failing tests
2020-02-27 15:50:49 -05:00
Rijk van Zanten
7c3b2d7f12 Private View / Drawer Detail (#123)
* Setup file / folder structure for drawer-detail

* Add type definition for icon options

Might be useful, might be not.

* Provide drawer open state to detail and respond to it

* Rename active-background to background-color-active

* Add hover / active styling

* Remove duplicate scss decl

* Add better example to storybook

* Add drawer detail group, finish drawer detail

* Format readme table (ocd)
2020-02-27 11:57:25 -05:00
Rijk van Zanten
ad459aa53a Test config (#122)
* Automatically reset / clear mocks between tests

* Fix test for private view

* Fix tooltip test

* Fix router tests

* Fix all other tests
2020-02-27 10:31:47 -05:00