Commit Graph

29 Commits

Author SHA1 Message Date
TrueDoctor
255cdead28 Add thumbnails for layers (#286)
Fixes: #285
2021-07-21 02:30:49 -07:00
Keavon Chambers
d57bfb87ee Clean up widget type naming conventions 2021-07-16 15:57:42 -07:00
Keavon Chambers
9c68ff2952 Categorize frontend widgets to match design system 2021-07-16 15:37:35 -07:00
Keavon Chambers
98f1b123bb Switch all JS imports to absolute paths 2021-07-15 00:34:56 -07:00
Keavon Chambers
726152759f Frontend refactor to move response handler, key input handling, and more into new utilities folder (#260)
Part of #124
2021-07-14 14:31:09 -07:00
Keavon Chambers
c41605b464 Add styled scrollbars (#231) 2021-07-01 22:08:23 -07:00
Chrs Msln
b42991368a Refactor frontend input components to use the v-model Vue pattern (#224)
* Use v-model for inputs

* Add opacity to LayerTree

* Fix FloatingMenu typing
2021-06-26 23:18:47 -07:00
Keavon Chambers
741a712972 Fix Layer Tree panel CSS to allow scrolling (#208) 2021-06-13 12:29:50 -07:00
TrueDoctor
0e488d99ff Delete selected layers (#173)
* Delete Layers
* Fix backend selection
* Fix shift selection
* Add desired shape add selection behavior
* Add X and Backspace as keybinds for layer deletion
* Change key storage to u128
* Remove unhelpful trace logging
* Reverse display direction for layers
2021-06-10 09:24:59 +02:00
akshay1992kalbhor
981f138812 Layer selection (#166)
* Change arg to IconButton component

* Add basic layer selection mechanism

* Clean up print statements and add some comments

* Simplified the layer selection mechanism

* Remove redundant rule for 'no-param-reassign'

* Clean up frontend and and plumb selection flow to backend

* Update eslintrc

Co-authored-by: Dennis Kobert <dennis@kobert.dev>
2021-06-09 20:40:51 +02:00
Keavon Chambers
a3b679e64d Improve UI behavior at smaller screen sizes so status bar overflows (#158)
Also includes various CSS flex-related cleanup throughout the UI.
Progress for #150
2021-06-08 00:54:24 -07:00
Keavon Chambers
91303459a9 Add the Dropdown Input widget (#168)
Fixes #135.

* Add the Dropdown Input widget

* Fix font loading race condition
2021-06-06 02:17:36 -07:00
Keavon Chambers
83984700bf Generalize and rename overlays as "floating menus"
Progress towards #135.
2021-05-29 21:55:43 -07:00
Keavon Chambers
c2314df8d5 Fix layer visibility icons incorrectly referenced in previous cleanup commit. 2021-05-27 09:26:38 -07:00
Keavon Chambers
c205fec0d4 Move all icon SVG imports to the Icon component
This change also removes the need to specify the icon size.
2021-05-27 02:14:32 -07:00
Keavon Chambers
313a1dfc65 Standardize icon sizes and folder paths (closes #110) 2021-05-27 00:14:50 -07:00
Keavon Chambers
d7478f5890 Update UI colors and alignment for consistency with the design mockup (#157)
Closes #111
2021-05-23 19:01:13 -07:00
Keavon Chambers
c97cb9905c Rename and organize widget components to conform to design terminology (#132) 2021-05-21 13:10:32 -07:00
Keavon Chambers
c8eea1e4b1 Complete implementing popover system main features (#131)
* Make popover buttons open popover menus and add placeholder messages to all of them.
* Implement all directions for drawing, aligning, and edge-clamping popovers.
* Fix popovers so they are drawn outside their parent panel bounds and not clipped.
* Fix popover HTML to avoid nesting it inside a <button> element.
2021-05-21 12:22:30 -07:00
Keavon Chambers
1419f3bc6b Refactor type handling for response handler to fix dangerous casting (#126) 2021-05-15 01:02:33 -07:00
Keavon Chambers
722c777ba6 Change default draw color to orange, plus small fixes 2021-05-08 15:17:31 -07:00
Keavon Chambers
7ec0558cbd Plumb frontend for layer visibility toggle 2021-05-07 16:57:45 -07:00
TrueDoctor
437251f90e Plumb layer panel (#107)
* WIP ExpandFolder handling

* Implement response parsing in typescript

* Update layer panel with list sent by wasm

* Add events for layer interaction

* Add proper default naming

* Fix displaying of the eye icon

* Attach path to LayerPanelEntry

* Fix lint issues

Co-authored-by: Keavon Chambers <keavon@keavon.com>
2021-05-07 10:41:38 -07:00
Keavon Chambers
67abeadf32 Styling improvements to layers 2021-05-07 02:47:38 -07:00
Keavon Chambers
0ebd127333 Replace placeholder with eye icons for layers 2021-05-07 02:47:38 -07:00
Keavon Chambers
76eb944233 Add basic HTML for layers in the layer panel (#97) 2021-05-07 02:47:38 -07:00
TrueDoctor
3ab5f6b7ef Add responses in document for layer system (#91) 2021-05-07 02:47:38 -07:00
Keavon Chambers
c94c2b3373 Fix web code linting to be portable across environments 2021-04-14 13:22:43 -07:00
Keavon Chambers
7c6ab1f327 Rename the "Layers" panel to "Layer Graph" 2021-04-01 21:58:28 -07:00