Commit Graph

65 Commits

Author SHA1 Message Date
rijkvanzanten
298e4362b0 Add headlines everywhere 2020-06-11 15:00:12 -04:00
rijkvanzanten
0c5b0a6f31 Add bottom padding back to detail pages 2020-06-10 15:56:35 -04:00
dependabot-preview[bot]
08b3310029 Bump @vue/composition-api from 0.5.0 to 0.6.1 (#683)
* Bump @vue/composition-api from 0.5.0 to 0.6.1

Bumps [@vue/composition-api](https://github.com/vuejs/composition-api) from 0.5.0 to 0.6.1.
- [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.5.0...v0.6.1)

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

* Support composition api 0.6+

* Remove failing tests

Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com>
Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2020-06-08 18:17:58 -04:00
Jacob Rienstra
827d6325fc Keyboard Shortcuts (#658)
* mod a on tabular

* save on item detail

* shortcut composable

* Remove test, add readme

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2020-06-04 14:46:53 -04:00
Ben Haynes
c38e167069 Tweaks (#659)
* user component styling

* badge alignment

* selected checkbox label color

* add commit node custom icon

* fix translation key

* cleaner badge centering

* clean up last comment spacing

* style cleanup, badges for revision/comment count

* button styling

* fix tags styling

this supercedes the fix by jacob

* divider icon positioning

* correct help text

* remove docs module

* updated help text and other tweaks

* WIP: add heading and subheading to all modals

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
2020-06-04 14:27:19 -04:00
Rijk van Zanten
4c2f5dc2ba Change print width to 120 (#671)
* Increase line-width to 120

* Auto-fix 100->120 columns
2020-06-01 16:50:08 -04:00
Rijk van Zanten
8f98e6f611 Don't render custom nav when empty array (#657) 2020-05-28 09:55:30 -04:00
Rijk van Zanten
d463460548 Leave navigation guard (#633)
* Add leave navigation guard to collections module

* Add leave guard to users module

* Add leave navigation guard to file detail
2020-05-26 14:10:18 -04:00
Ben Haynes
ebd78f86fc Tweaks (#615)
* checkbox inactive styling

* fix options

* fix translation

* dropdown placeholder default

* cleanup text input options

* roles layout setup

* add placeholder option to dropdown

* add translations

* info on global settings

* elipses after placeholders

* update to bytes for better formatting control

* clean up mime type displays

* new template formatting

* WIP info and help sidebar

* add support for svgs

* user popover styling

* have un-styled logo spinner feel centered

* consistent missing avatar colors

* fix asset url

* add info drawers

* initial help drawer

* WIP add help components to all pages

* Remove non-existing trim

* Fix file interface deselect

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
2020-05-22 18:19:33 -04:00
Rijk van Zanten
085f6dc581 Module collections override (#614)
* Fix errors in repeater

* Use custom module listing in sidebar

* Refresh user store on role update

* Add custom module info to type

* Add collections interface

* Add collections interface translations

* Add collections listing types

* Use custom collections listing in collections module nav

* Remove outdated nav test
2020-05-22 17:04:20 -04:00
Rijk van Zanten
df2587810c Revisions flow (#612)
* WIP rework revisions, fetch data

* Render revision items in sidebar

* Show created externally

* Install diff

* Add strings for revisions modal

* Allow slot to override subtitle in modal

* Add tabs content to revisions modal

* Add revert button
2020-05-22 15:45:35 -04:00
Rijk van Zanten
feaafe6440 109 tiny tweaks (#574)
* no cursor when disabled

* consistent disabled styling

* divider icon alignment

* don’t show last item’s border

* notifications spacing

* status placeholder

* default status icon placeholder

* fix textarea focus style

* tags styling

* proper tags padding when empty

* proper input number step hovers

* show background color

* Fix data-model collections overview name class

* Don't use display template for batch mode

* Fix headline being hidden

* Use formatted name fo bookmarks breadcrumb

* Move drawer open to app store

* Fix tests

* slider value style

* Add comments to users/files

* Make comments selectable

* Move window width drawer state to app parent

* Fix private user condition

* Allow relationships to system collections

* Refresh revisions drawer detail on save and stay

* Add disabled support to m2o / user

* Center v-infos

* Hide default drag image

* Ellipsis all the things

* Use icon interface for fallback icon

* Render icons grid based on available space

* Fix ellipsis on cardsl

* fix batch edit checkbox styling

* Let render template ellipsis its raw values

* Fix render template

* Default cropping to current aspect ratio

* missing translation

* secondary button style

so sorry, rijk… it’s the only one (promise)

* Add image dimensions, add drag mode

* track the apology

* no elipses on titles

* Add cancel crop button

* Only show new dimensions on crop

* Inform file preview if it's in modal

* preview styling

* Install pretty-bytes

* Show file info in drawer sidebar

* Use outline icons in drawer sidebar

* don’t confuse null with subdued text value

* edge-case justification

* Show character count remaining

* Fix storybook + typing error

* Add length constraints to color

* Watch value prop

* Fix tags

* Open icon on icon click

* Fix overflow of title

* Show batch editing x items

* Fix edits emptying input on cancel

* Don't count locked filters in no results message

* simple batch edit title

* Fix headline being invisible

* Add no-options notice to interfaces/displays

* Use existing collection preset in browse modal

* Don't emit null on invalid hex

* Use correct titles in modal-detail

* style char remaining

* file info sidebar styling

* Another attempt at trying to make render template behave in any contetx

* Show remaining char count on focus only

* Remove fade, prevent jumping

* Render skeleton loader in correct height

* Fix o2m not fetching items

* Pass collection/field to render display in o2m

* Add no-items message in table

* Add default state to v-table

* Allow ISO8601 in datetime interface

* Title format selected icon name

* avoid blinking bg on load

* align characters remaining

* Default to tabular in browse modal

* Add disabled string

* Add center + make gray default notice

* Add disabled-no-value state

* Export getItems

* Expose refresh method on layouts

* Fix (batch) deletion from browse)

* Fix interface disabled on batch

* Add interface not found notice

* Add default label (active) for toggle interface

* Use options / prop default for toggle

* Support ISO 8601 in datetime display

* Render edit form in form width

* Fix deselecting newly selected item

* Undo all selection when closing browse modal

* Fix deselecting newly selected item

* wider divider

* update webhooks table

* Fix checkbox label disappearing

* Fix tests.. by removing them

Co-authored-by: Ben Haynes <ben@rngr.org>
2020-05-15 18:44:21 -04:00
Ben Haynes
7aa4911caa Various style tweaks (#555)
* icon width

* updated pagination style

* file preview zoom

WIP — shouldn’t show up on MODAL preview

* overlay/modal close button styling

* duplicate key

* bookmark styling

* card fade

also adds an rgb value for the page background variable

* style per page dropdown

* cards per page dropdown color

* inset non-dense notifications within sidebar

* reduce border radius for xs avatars

* hide non-expanded prepend/append

* reduce sidebar padding

this gives content a bit more room

* WIP: split and update comments and revisions

work in progress

* fix collections module name

* fix file library title

* consistent border on disabled

* fix title/breadcrumb positioning

* breadcrumb fixes

* add “open” button to image interface

WIP — this needs the actual logic, and we might want to remove a button

* hide presets delete until selection

* image shadow and subtext color

* Remove breadcrumb calculation

* increase contrast for image subtitle

* fix textarea hover style

* Update src/modules/collections/index.ts

* Fix typing of translateresult to format

* Add undefined check to collection name

* Put v-if on dialog instead of button

* Remove breadcrumb logic

* Remove breadcrumb calculation

* Rename shadow to collapsed in header bar

* fix rating star display going over table header

* show collection breadcrumb for bookmarks

WIP — needs the formatted collection title

* shorter error to avoid wrapping

* remove periods

* Fix standard font-size of divider label, use large in interface

* Add extra date format strings

* Structure comments, support date headers

* Add ability to delete comments

* Add edited on status badge

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2020-05-12 20:10:48 -04:00
Rijk van Zanten
e3120afc7d Fix cp duplication and default values (#542)
* Fix cp duplication and default values

* Fix tests
2020-05-08 17:43:46 -04:00
Rijk van Zanten
45c01b6a64 Fix collection race condition + search pagination (#540) 2020-05-08 16:51:14 -04:00
Rijk van Zanten
828d81e044 Collection presets (#538)
* Fix table select all

* Fix defaulting + staging changes on new preset

* Navigate to bookmark after creation

* Support exact prop on v-list

* Use exact links in browse

* Show bookmark title when on bookmark

* Force layout refresh on navigation change

* Allow numbers in v-badge

* Add edit bookmark string

* Rename add-bookmark to bookmark-add

* Add bookmark-edit

* Save name changes to bookmark
2020-05-08 15:33:54 -04:00
Rijk van Zanten
0c17735e0e Interface one to many (#533)
* Extract edit modal to standalone component

* Fix creating new item from m2o edit modal

* Rename item-modal to modal-detail

* Extract selection modal in standalone component

* Add required primary-key prop to v-form

* Add inline prop to table

* Fetch items in o2m

* Accept numbers for primary key in v-form

* Use correct collection in render template in m2o

* Render modal detail

* Fix edit existing

* Add add-new

* Do things

* Finish o2m
2020-05-07 10:53:51 -04:00
Rijk van Zanten
70c3f05050 Interface many to one (#524)
* Start on m2o

* Render preview in m2o

* Add icons

* Style inline icons

* Add editing modal

* Disable any linter

* Add add-new button

* Pass existing selection on to layout

* Update v-table to allow for keys-only-selection

* Fix batch on tabular
2020-05-05 14:22:01 -04:00
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
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
6ed64a9667 Bookmarks (#494)
* Add support for bookmarks in collection preset composition

* Add strings for bookmark 404

* Use bookmarks prop in collections browse

* Use exact for active link in navs

* Show bookmarks in navigation

* Make bookmark optional in collection preset
2020-04-27 18:59:59 -04:00
Ben Haynes
65888e7ba3 Various style tweaks (#488)
* 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

* hide per page when not in use

also increases min per page from 10 to 25

* more per page fixes

* add regex placeholder

* add new custom grid icons

* new card size toggle and tooltips

* differentiate between inner/outer border radius

WIP

* display icons

* horizontal alignment for status dot

WIP

* beautiful badges

* fix jumping table loader

* show search “x” when minimized

* shorten page count string

* system tooltips

* user menu avatar hover

* edit vs new detail page

don’t show delete if new
rijk might not like my nested ternary

* conditional divider spacing

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
2020-04-27 14:09:40 -04:00
Rijk van Zanten
9e28932a42 Collection display template (#487)
* Add translation strings for adding/editing item

* Add display_template to collection type

* Dont use functional for skeleton loader

* Make title optional and add title slot

* Make title prop optional in private view

* Render -- for null values in render template

* Render display template in header bar

* Render null values in template as subdued --

* Render status dot aligned in the middle

* Fetch latest collections on settings save
2020-04-27 10:50:38 -04:00
Rijk van Zanten
4e7ab8b8a3 Add item count indicator to tabular and cards (#483) 2020-04-24 20:53:56 -04:00
Rijk van Zanten
8498c37431 Info state (#482)
* Render markdown in field notes

* Make add field button full width on data model

* Add no items with cta

* Add no items cta

* Add no results + clear

* Add no collections state
2020-04-24 20:12:51 -04:00
Rijk van Zanten
871cd9c228 Block filters while loading (#478)
* Register filter drawer detail globally

* Add loading state mode to filter drawer detail

* Fix cursor clicking in search-filter

* Move filter drawer detail to layouts

* Fix typing of badge in drawer detail

* Close filter dropdown on content click

* Close project chooser on click outside
2020-04-24 18:23:59 -04:00
Rijk van Zanten
0d01265e9e Fix save-and-stay on new items (#474) 2020-04-24 17:23:11 -04:00
Rijk van Zanten
9138e7ab5b Search input (#473)
* Add search-input component

* Add searchquery support to tabular view

* Add search bar on collections browse

* Debounce input values

* Handle searchQuery in collection preset composition

* Handle searchquery in use-items composition

* Support search query in cards layout

* Add search-input to files/users
2020-04-24 16:27:17 -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
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
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
7e98692635 Users nav (#405)
* Fix users-nav + add divider

* Fix project chooser name

* Don't use list item title in nav

* Add divider in users nav

* Fix default size of text
2020-04-13 18:13:50 -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
Rijk van Zanten
799681682d Soft delete (#395)
* Use higher res image in module avatar

* Remove glitch

* Add soft delete button / flow

* Fix tests
2020-04-13 11:53:04 -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
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
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
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
09372c8185 Add 404 route (#299) 2020-04-03 10:16:12 -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
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
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
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
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