Commit Graph

42 Commits

Author SHA1 Message Date
Rijk van Zanten
648c2a4e0b Add user interface (#549) 2020-05-11 13:23:41 -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
f1132168ee Date display (#541)
* Add datetime display

* Pass type to displays

* Fix types
2020-05-08 17:33:12 -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
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
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
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
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
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
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
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
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
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
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
Jacob Rienstra
417fb4371d Interface textarea (#310)
* textarea component

* textarea component files

* textarea interface

* Update v-textarea

* Fix test

* Remove resize option in textarea

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
2020-04-06 14:07:47 -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
43c949f2a0 Add v-fancy-select component (#276)
* Add v-fancy-select component

* Fix failing tests
2020-03-31 22:20:43 -04:00
Rijk van Zanten
9ef0255746 Update v-form to accept fields prop (#275) 2020-03-31 14:49:54 -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
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
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
35cdf08130 Improve v-focus (#164) 2020-03-11 17:02:45 -04:00
Rijk van Zanten
971876d018 Interfaces registration (#155)
* Add interface registration logic

* Register interfaces in main

* Add basic text input example

* Add storybook knob for placeholder

* Add test for text-input

* Fix tests
2020-03-11 11:25:33 -04: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
rijkvanzanten
ac17f3870f Add folder structure 2020-02-05 15:07:20 -05:00