Commit Graph

39 Commits

Author SHA1 Message Date
Rijk van Zanten
fc94de0067 Interface toggle (#459)
* Add icon prop overrides to checkbox

* Fix color example in storybook

* Add block style mode to checkbox base componet

* Add toggle interface
2020-04-23 09:12:12 -04:00
Rijk van Zanten
d8cf7d9717 Add formatted-text display (#457) 2020-04-22 17:02:08 -04:00
Rijk van Zanten
e4f5c6ea31 Add tags display (#455)
* Add tags display

* Fix label style in v-chip combined with sizeds
2020-04-22 16:39:43 -04:00
Rijk van Zanten
d7b3a2573d Status badge (#454)
* Add status badge display

* Add storybook entries for dot/badge
2020-04-22 16:18:25 -04:00
Rijk van Zanten
96db381fbf Status display (#453)
* Convert render function into component

* Allow types definition in display registration

* Add status-dot interface

* Fix render display rendering in tabular view

* Add types to other displays

* Export tooltip from index

* Start on readme

* Add tests for status dot
2020-04-22 15:41:00 -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
4b2a43aa9d Permissions (#451)
* Start on permissions setup widget

* Calculate toggle states

* Render out statuses details

* Render all sub-toggles

* Rough in grid styling

* Tweak type / structure of permissions array

* Add inline saving for status checkboxes

* Fix popper reference

* Add sub-indicators + add active to list item

* Finish status toggles

* Add saving on column level

* Add border to system section

* Add field blacklist modal

* Make field blacklist work on collection level

* Add indeterminate state to field checkboxes

* Add hover / active state to activator

* Save all statuses to create on collection level too

* Visually align icons

* Account for status mapping without value key

* Style loader to match height of permissions

* Add status modal

* Allow status modal for create permission

* Add collections header

* Increase font-weight of permissions header
2020-04-22 11:46:45 -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
Jacob Rienstra
57bcfb65a2 Numeric interface (#389)
* initial setup of numeric

* completed first draft of numeric

* attempting a factory function

* getting closer to a factory but binding everything is proving difficult

* fixed up numeric methods

* separated out common props

* tests passed

* readme

* fixed props import

* fixed props again?

* Bind props normally

* Remove unused font option in storybook

* Rename readonly->disabled, remove unused wrapper div

* Remove unused import

* Cleanup steplistener function

* Split up numeric / slider

* Fix stepper buttons

* Allow clickable icons to have focus

* Finish numeric interface

* Naming tweaks

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2020-04-20 14:11:16 -04:00
Rijk van Zanten
3a89dc41f9 Add the cards layout (#430)
* Fix reactivity of currentLayout in drawer detail

* Start on cards layout

* Use dense list items in v-select

* Add cards + size option

* Render cards + files based on options

* Allow modules to set view defaults

* Start on render-template component

* Add get fields from template util

* Use render template component in cards layout

* Render as small icon

* Accept options in display handler function

* Fix type warnings in format title display

* Remove empty styling in render template component

* Account for null values in render template

* Add loading state to cards layout

* Remove type validation in skeleton loader

* Only fetch rendered fields

* Fix resolving of default values for cards module

* Add selection state to cards

* Add selection state to cards

* Make render template reactive

* Implement setup options

* Add disabled support to v-select

* Add fallback icon option + disable fit input when no source

* Add sort header to cards layout

* Remove console log

* Add selection state to cards header

* Fix z-indexing of header menu

* Add pagination to cards layout

* Fix types in field

* Fix type checks in field-setup

* Add role presentation to img

* Remove code smell

* Handle file library gracefully

* Add native lazy loading to images in cards layout

* Render SVGs inline in card
2020-04-18 16:20:00 -04:00
Rijk van Zanten
28a4ad5ec6 Add view type switch (#424)
* Manage view_type through collection preset composition

* Move view type translation

* Add layout drawer detail component

* Use different icon for tabular

* Render view as section in browse sidebar

* Fix sticky header in table

* Sort return statement values 🤓

* Use viewtype picker on users

* Use layout picker on files

* Default to tabular view when invalid is set

* Render view type dynamically based on setting
2020-04-16 16:53:45 -04:00
Ben Haynes
ce9c374876 Various style tweaks (#423)
* 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
2020-04-16 16:20:23 -04:00
Rijk van Zanten
adc3461de5 Global file upload (#422)
* Add hover style for file drop in private view

* Add uploadFile / uploadFiles utils

* Show drag notification on file dragover

* Finish global file uploads

* Fix warning in drawer detail test

* Use correct terminology

* Ignore drop for non file drops
2020-04-16 15:58:00 -04:00
Rijk van Zanten
e3985ad09b Filter (#420)
* Add filter operators

* Render drawer detail hr full width

* Start on filter component

* Add getRelationsForCollection method

* Add all filter logic (no sorting yet)

* Use correct border color for divider by default

* Tweak operator translations

* Add getField action to fields store

* Fetch fieldsinfo in relations get for files

* Use scoped operators, start on type based input

* Add disabled option to v-badge

* Globally register v-badge component

* Add between filter support

* Hide alias fields

* Work debouncing magic

* Add margin beneath filter blocks

* Fix fetching filter count in use-items comp

* Add relational field lookup

and show tooltip with field name in filter section

* Use filters on users / files

* Allow double level filter
2020-04-15 21:15:44 -04:00
Rijk van Zanten
97c8f763ab Finish settings > datamodel > collections (#414)
* Add missing slot to readme

* Show and order all collections

* Render correct icon for each collection type

* Add ctx menu on collections overview

* Use subdued colors in icons by default

* Add delete collection flow

* Add delete flow

* Move options to separate component

* Add manage / unmanage toggles

* Add collections filter

* Make non-nav list item icons subdued

* Tweak where loader shows up when managing

* Pass item key to v-table
2020-04-14 13:28:39 -04:00
Rijk van Zanten
7cba8a8de1 Users nav (#400)
* Add filters-to-query util

* Add all users string

* Suppot filters in tabular layout

* Sync filters with collection presets

* Support filters in use-items composition

* Render users nav + use skeleton loader

* Add list-item-icon type to skeleton loader

* Fix missing loader indicator on table

* Cleanup has click check

* Dont route based on id

* Fix loading state in table

* Revert "Dont route based on id"

This reverts commit 6de7cbe1b801d5e5e267f09a6e77dc73dcc60a37.

* Fix table loading state

* Fix routing for users module

* Force role field to be fetched

* Add roles store

* Dont render avatar until user is known

* Speed up hydration absurd much

* Rely on roles store to prevent nav from loading

* Fix tests
2020-04-13 15:18:54 -04:00
Rijk van Zanten
311404f092 Add install flow (#377)
* Register install route

* Install semver

* Make sure that loader fades out on top

* Add requirements string to translations

* Add transition between wide and normal

* wip add install panes

* Move tab items one level up to enable lifecycle

* Add all fields in setup

* gst

* Add slug mode to input

* Use slug and watch project key

* Finish installation flow

* Finish installation for new projects

* Fix linter warnings
2020-04-10 16:46:54 -04:00
Rijk van Zanten
c4e18c4ff2 Add updated styling for project chooser route (#375) 2020-04-10 09:37:32 -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
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
cf7d25b99f Add roles browse / detail (without permissions) (#364) 2020-04-08 15:53:29 -04:00
Rijk van Zanten
eb7153cbfc Add webhooks settings (#363) 2020-04-08 14:38:03 -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
66e7a59c06 Add batch edit mode to detail page in collections module (#357)
* Allow multi-select when selection is active

* Add batch edit on detail page

* Use plural notifications for batch mode

* Fix code smell
2020-04-07 17:37:07 -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
9928744f40 New collection modal (#333)
* WIP start on collections modal

* Add titles / system optional fields

* Finish add collection modal

* Fix readonly state in text input

* Fix default value in v-form
2020-04-06 21:44:37 -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
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
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
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
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
rijkvanzanten
6f9c6f6b07 Migrate i18n, move to TS, add tests 2020-02-05 17:18:34 -05:00