Commit Graph

192 Commits

Author SHA1 Message Date
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
d338ee7b4f Close search input on empty click (#481) 2020-04-24 19:01:58 -04:00
Rijk van Zanten
668056f3b0 Base component var scoping (#480)
* Avatar / badge

* Move base component vars to body scope

* Fix global icon override
2020-04-24 18:52:27 -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
5a3d3ddc08 Filter close on click (#477)
* Dont bubble up click event from list group toggle

* Close filter field select on selection
2020-04-24 17:29:22 -04:00
Rijk van Zanten
d460946a34 Add drawer-detail-badge-value support (#476) 2020-04-24 17:26:22 -04:00
Rijk van Zanten
91e67ea581 Link to project if project url is set in settings (#475) 2020-04-24 17:24:02 -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
Rijk van Zanten
3ca7e66a3f Set contains to be default filter + use translations for add new button (#472) 2020-04-24 15:33:02 -04:00
Rijk van Zanten
41d77cde65 Status interface (#471)
* Add status interface

* Add some tests

* Set active state of list item and add disabled
2020-04-24 15:31:06 -04:00
Rijk van Zanten
bc0fbaa897 Make all icons in inputs subdued by default (#470) 2020-04-24 13:09:32 -04:00
Rijk van Zanten
a7e938ae8d Checkboxes (#468)
* Allow custom value option

* Add checkboxes interface

* Style custom value checkbox better

* Fix tests
2020-04-24 13:06:00 -04:00
Rijk van Zanten
16c3804b0a Radios (#467)
* Extract custom values logic into shared composition

* Fix background layering

* Add disabled prop to v-icon

* Pass field width to interfaces

* Move color var declaration to global scope

* Remove unused imports

* Handle null for items

* Add radio buttons string

* Add radio buttons interface

* Finish radio buttons interface

* Add tests

* Fix icon test
2020-04-24 12:14:01 -04:00
Rijk van Zanten
e0e40af74a Fix table loading alignment (#464) 2020-04-23 18:45:03 -04:00
Rijk van Zanten
a2bc406bde Add block style to radio button (#463) 2020-04-23 18:39:03 -04:00
Rijk van Zanten
5146d0cc03 Add dropdown-multiselect interface (#462) 2020-04-23 18:34:45 -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
571412ff2c Add wysiwyg interface (#460)
* Install tinymce

* Add wysiwyg interface

* Mock window.matchMedia

* Fix wysiwyg not reading data on value change

* Render skeleton loader on top of wysiwyg

* Add hideLoader support to interfaces

* Sneak this little bugfix in unnoticed

It's now passing on the interface / options to the display rendering in render-template
2020-04-23 14:01:27 -04:00
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
ce7c3fc857 Hide label on divider interface (#458)
* Allow interfaces to hide the field label

* Make sure it doesnt hide all labels though
2020-04-22 17:21:21 -04:00
Rijk van Zanten
d8cf7d9717 Add formatted-text display (#457) 2020-04-22 17:02:08 -04:00
Rijk van Zanten
8b4bd25a92 Add storybook entry for tags display (#456) 2020-04-22 16:43:04 -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
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
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
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
01d8ded4b2 Fix deeply nested folder event and overflow (#445)
* Fix deeply nested folder event and overflow

* Fix code smell
2020-04-21 09:52:47 -04:00
Rijk van Zanten
48e862fe6b Add form to collection detail (#442) 2020-04-20 18:38:33 -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
Jacob Rienstra
5817a3e406 Interface divider lol (#435)
* divider interface & updates to component

* fixes

* Remove subtitle in favor of relying on field not

As per figma

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2020-04-20 15:24:42 -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
Jacob Rienstra
b06f19bec5 Textarea updates (#387)
* textarea updates with placeholder, font, and trim

* added wrapper div

* test fix

* font in css var

* Rename readonly to disabled, remove unused div

* Remove unused prop

* Fix code smell

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2020-04-20 11:19:12 -04:00
Jacob Rienstra
bf79610219 Text-input / v-input fixes (#386)
* textinput fixes including masking trimming icons and fonts

* removed masked attribute from v-input

* added wrapper div

* ugh

* test fix

* fixed all calls to monospace boolean except on textarea (in separate branch)

* readonly

* Remove unused wrapper div and rename readonly to disabled

* Rename readonly to disabled in story

* Prefer style over inline styles

* Fix codesmell

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2020-04-20 10:23:01 -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
6addf415a8 Fix file drop issue (#428)
* Fix file drop issue

* Remove stray console log
2020-04-17 18:41:09 -04:00
Rijk van Zanten
8c6d57e7c6 Add interface defaulting logic to v-form (#426) 2020-04-17 16:19:45 -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
7e2866373d Stores (#417)
* Fix store identifier

* Add relations store

* Remove rolesStore in favor of composition for user nav

* Fix tests
2020-04-14 17:33:26 -04:00
dependabot-preview[bot]
5e3914de9f Bump @popperjs/core from 2.3.1 to 2.3.2 (#411)
* Bump @popperjs/core from 2.3.1 to 2.3.2

Bumps [@popperjs/core](https://github.com/popperjs/popper-core) from 2.3.1 to 2.3.2.
- [Release notes](https://github.com/popperjs/popper-core/releases)
- [Commits](https://github.com/popperjs/popper-core/compare/v2.3.1...v2.3.2)

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

* Fix typing

Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com>
Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2020-04-14 14:51:26 -04:00
Rijk van Zanten
14b747eb3f Fix table resizing (#416) 2020-04-14 14:42:43 -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