Commit Graph

58 Commits

Author SHA1 Message Date
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
7485a97a3b Public (#373)
* Add note to public page

* Add project chooser on public view

* Optimize loading order

So much nicer to use now

Closes #298

* Fix the private project switcher too

* Add transition to public view

* Prevent project switching if youre already on that project

* [WIP] Add reset password form

* Add request password reset page

* Add jwt-payload util

* Install base-64

* Fix test typing

* Add new errors to translations

* Finish reset password flow

* Fix foreground color on v-notice

* Fix tests

* Allow code in translateError + render project error translated on login

* Remove wrong reference to error component

* Render project key if name is unknown

* Fix date-fns version

* Fix tests
2020-04-09 19:06:15 -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
6979fadb6c Allow hidden modules and add activity module (#362)
* Fix wrong component names

* Hide selection in table when there is no selection prop

* Add activity module

* Support hidden option in module definition
2020-04-08 14:05:44 -04:00
Rijk van Zanten
a9bfa469d9 Add users module (#360)
* Install micromustache

* Add useCollectionPreset composition

* Add detailRoute prop to layouts

Allows for overriding where the detail view is located from the parent

* Add locale translations for users/files/activity

* Update collections module to use new composition / layout prop

* Update useItem useItems to allow for directus_ collections

* Add default width to all fields with no width

* Only fetch comment,create,update,delete activity on detail

* Fix out-transition on sign-out button

* Add users module
2020-04-08 12:35:36 -04:00
Rijk van Zanten
28372d8878 Various tiny tweaks (#355) 2020-04-07 16:13:58 -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
09373558c9 Fix module bar avatar color and tweak color of notifications preview (#330)
Fixes #322
2020-04-06 18:40:46 -04:00
Rijk van Zanten
6a87fbb0c6 Fix drawer contents overflow (#329) 2020-04-06 18:21:21 -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
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
f4a1a2a4fd Style the project chooser correctly (#295) 2020-04-02 20:05:36 -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
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
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
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
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
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
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
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
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
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
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
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
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
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
Rijk van Zanten
0669515c36 Add layout registration logic (#120)
* Move modules types into extensions file

* Rename modules store to extensions store

* Start on registering tabular

* Add register component util

* Register layouts

* Build bundle for modern browsers

Snuck this commit into the wrong branch, just because I can

* Add tests for layout registration + add dummy tabular
2020-02-25 09:48:36 -05:00
Rijk van Zanten
139ced06f5 Implement router dynamic route replacement logic (#116)
* Implement router dynamic route replacement logic

Vue router has pretty bad dynamic route registration handlers, meaning we have to hack around replacing the full routes array in order to achieve properly matched routes

* Add test coverage for replacerouter function

* Replace anonymous event handlers with named HoCs for better test coverage

* Add tests for module registration

* Get test coverage to 100%
2020-02-24 12:05:06 -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
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