Commit Graph

146 Commits

Author SHA1 Message Date
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
fb43a5dde9 Split up v-form, add repeater (#557)
* Add translation strings

* Move type styles to mixins

* Add repeater interface

* Prevent stepper buttons when disabled

* Split up v-form

* Support disabled in repeater
2020-05-12 12:00:16 -04:00
Rijk van Zanten
62ef2bb59a Optimize slug/db-safe modes on v-input, add slug interface (#548)
* Optimize slug functionality

* Add slug interface
2020-05-11 12:58:07 -04:00
Rijk van Zanten
c08d9ccfe2 Hash (#539)
* Add placeholder color css var

* Add hash interface
2020-05-08 15:58:51 -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
a070a25353 Field setup (#536)
* Use the correct table header widths for settings / colections

* [WIP] Rework field setup flow

* Finish setup actions logic

* Remove old field-setup

* Use fixed strategy in popper, render to portal

* Stop relying on no-overflow mode

* Stop propagation of outside click event

* Finish field setup, start on relational setup

* Finish up v-menu

* Add relational m2o markup

* Add relational m2o markup

* Remove empty source, fix codesmell
2020-05-08 14:07:00 -04:00
Rijk van Zanten
caaf4244b7 Improve v-menu performance (#534)
By not rendering the popper content, we can vastly improve rendering performance for the v-form.
2020-05-07 18:28:15 -04:00
Jacob Rienstra
f06a56bc4c fixes for numeric and icon readme (#527) 2020-05-07 11:21:39 -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
31ef7a48c9 Various fixes (#515)
* Fix image deselection when newID isn't set

* Fix svg support in image interface

* Render correct title on file library detail

* Default to interfaces based on type

* Remove unused import

* Don't show dropdown indicator on field label when readonly

* Accept datetime_created datetime_updated in datetime interface

* Add reused value-null component

* Fix z-index of v-badge

* Close status on content click

* Move edit button to header on file detail

* Increase tooltip z-index

* Add warning notice to edit image modal

* Fix extra spacing in divider interface

* Use wide style for notifications when drawer is open

* Click on image to open file preview
2020-05-01 18:08:37 -04:00
Ben Haynes
4dabcc6a25 Various style tweaks (#513)
* true title alignment

not sure why, but normal was optically best for me

* flip dropdown arrow when open

* flip dropdown arrow and add dot contrast

* fix icon expanding label height

keep arrow visible when menu open

* global form size and clean-up file preview

* updated console log

WIP — also includes format for warnings, errors, timing, etc

* add form max width

* fix search input width with value

* style chips

* no arguments

* 00 == 60

* update tags/chip styling

* wysiwyg editor style fixes

* conditional formatting

* seconds option and wip 12h time

* even editor tool spacing

* avoid vertical text clipping

* add circle option to image display

* add circle option to user display

* add circle to translations

* add rating display

* remove log

* button vertical alignment

* correct image width

* polish image styles

* Fix datetime interface

* Use flip transition

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2020-05-01 16:01:22 -04:00
Rijk van Zanten
a2f04f4c28 Fix v-menu active state (#514) 2020-05-01 15:08:16 -04:00
Jacob Rienstra
78951da9de Interface icon (#436)
* icon interface first pass

* icon test

* readme lol

* Fix top placement in attached mode

* Finish icon interface

* Add some padding

* Finishing touches

* Fix tests

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2020-04-30 23:55:11 -04:00
Rijk van Zanten
27c7c055da Interface image (#510)
* Add format filesize util

* Move and tweak file-preview

* Add file lightbox componetn

* WIP add image interface

* Add download prop option to v-button

* Add active model support to image editor

* Add functionality for buttons

* Add deselect button

* Add upload lang

* Fix translations of upload notifications

* Fix local vs global dropzone

* Add v-upload component

* Finish image interface
2020-04-30 17:01:14 -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
4b7fcb79fa Add reusable image editor modal (#503)
* Install cropperjs

* Add cropper js styles

* Add editing image string

* Track inner active state

* Add temp edit button

* Start on image editor modal

* Add custom icons for image manipulation

* Add image manipulation strings

* Tweak cropper styles

* Remove unused import

* Save as blob

* Expose getItem method for manual refreshes

* Add cache-busting to file preview

* Use new API post endpoint, emit refresh event on success

* Add a cache buster to the image editor
2020-04-29 16:44:34 -04:00
Rijk van Zanten
b5d6fdefa2 Add date(time) interface (#499)
* Add localized-format util

* Add active prop to v-input

* Add strings for datetime interface

* Add overflow-scroll prop to v-menu

* Add close-on-content-click prop to v-select

* Add datetime interface

* Show display value synced with prop

* Sync value with prop

* Set lang after user hydration

* Add NL date-fns lang to test datetime

* Fix locale fetching in date-fns

* Dont stage value if year isnt fully filled out

* Localize date fns based on shared util

* Handle type, render type based display

* Don't use exact on v-list-item

* Pass type to interface on v-form
2020-04-29 10:00:22 -04:00
Rijk van Zanten
bdd45946d6 Remove trim from v-input (#496) 2020-04-28 10:13: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
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
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
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
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
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
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
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
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
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