Commit Graph

47 Commits

Author SHA1 Message Date
Rijk van Zanten
631d152c79 Various (#543)
* Fix default size of cards

* Fix layout picker not auto closing

* Fix cards getting huge when theres less than 1 row
2020-05-08 18:27:59 -04:00
Rijk van Zanten
f1132168ee Date display (#541)
* Add datetime display

* Pass type to displays

* Fix types
2020-05-08 17:33:12 -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
9e5c0f0078 Inline select (#537)
* Add inline mode support to v-select

* Use inline selects on tabular/cards
2020-05-08 14:09:06 -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
0253cc9d93 Image display (#505)
* Add adjust for displays util

* Adjust fetched fields for configured options

* Add padding to table rows

* Add image display

* Rename Query to Options

* Fix codesmell
2020-04-29 18:44:13 -04:00
Rijk van Zanten
fcbe0af502 Fix item count (#500)
* Use item count instead of total count in header indicator

* Fix duplicate export
2020-04-29 09:31:42 -04:00
Rijk van Zanten
47b860adf3 Fix sorting logic for manual sort (#495) 2020-04-27 19:11:53 -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
e502a95fb2 Tabular manual sort (#489)
* Return sortField in use-collection composition

* Add manual sort function in use items composition

* Allow setting manual sort key

* Add manual sorting to tabular layout

* Fix styling of drag handles in table rows

* Fix active check in manual toggle

* Rename enable to toggle in manual sort button

* Fix tests

* Fix codesmell
2020-04-27 13:00:25 -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
Ben Haynes
b30dd930e7 Various style tweaks (#479)
* 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
2020-04-24 18:48:05 -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
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
Rijk van Zanten
0b05613a55 Add dropdown interface (#461)
* Add show-deselect option to v-select

* Add parse-choices util

* Add dropdown interface

* Add allow-other prop to v-select (single only)

* Check for custom state correctly

* Treat empty custom value as null

* Set full-width to true by default for inputs / selects

* Add allow-other support to multiple dropdown

* Upgrade display value to show item count

* Fix custom deletion

* Fix tests

* Pass allow other on in dropdown interface
2020-04-23 18:16:17 -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
Rijk van Zanten
273f1bafd0 Tabular displays (#452)
* Add render-display component

* Render displays in tabular layout

* Add readme for render-display
2020-04-22 14:20:25 -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
92b9c79669 File library issue (#446)
* Fix default state for file library, dont allow sorting by fake fields

* Fix duplicate collection presets

* Force type field to be fetched in file library

* Fix wrong assignment
2020-04-21 13:20:40 -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
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
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
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
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
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
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
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
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
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
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
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
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
rijkvanzanten
ac17f3870f Add folder structure 2020-02-05 15:07:20 -05:00