Commit Graph

36 Commits

Author SHA1 Message Date
Keavon Chambers
3156b3af05 Clean up and polish some code from the previous commit (#255) 2021-07-13 00:52:45 -07:00
0HyperCube
e0b89735a3 Viewport canvas navigation with modifier keys and zoom widget (#229)
* Add rotation around the center

* Document transform centred

* Fix drawing hexagon on rotated document

* Format

* Fix translation on rotated document

* Remove logging

* Rotate around centre of viewport

* Rotate with shift + MMB drag

* Zoom with +/- keys

* Rotation input field

* Implement frontend zoom buttons

* Zoom with ctrl + MMB

* Format

* Update number inputs

* Require Ctrl + Plus / Minus key

* Ctrl scroll

* Update zoom -> Multiply Zoom

* Fix typo

* More fixing typo

* Remove :v-on

* Add mouse scroll X

* Scrolling on document

* Refactor

* Format

* Fix ctrl + plus/minus to zoom

* Reduce zoom sensitivity

* Ctrl + shift + mmb drag = snap rotate

* Further reduce zoom speed

* Add ctrl + number key to change zoom

* Switch Ctrl and Shift for zoom and rotate

* Fix compile errors

* Format JS

* Add increment to snap angle

* Edit getting layerdata functions

* Pass viewport size directily into create_document_transform_from_layerdata

* Add to_dvec2()

* Refactor get_transform

* Get -> Calculate

* Add consts

* Use to_radians

* Remove get from function names

* Use .entry when getting layerdata that does not exist

* Fix distance scroll calculations

* Fix zooming.

* Remove 'Violation' in chrome

* Fix compile errors
2021-07-13 07:50:10 +01:00
Simon Desloges
2d2954d045 Implement Select All/Deselect All layers (#242)
* Implement select all layers shortcut

* Adjust menu entry for Select All Layers

* Avoid selecting the root of the document when selecting all layers

* Implement deselect all layers

* Fix formatting

* Add extensions.json so VS Code recommends useful extensions

* Add rust-analyzer as the default Rust formatter
2021-07-10 20:01:37 -04:00
Keavon Chambers
13e73b92bd Improve readability of OptionalInput widget design styling 2021-07-09 16:02:36 -07:00
Keavon Chambers
29a2b46684 Add the checkbox input widget (#204)
* Add the checkbox input widget

* Add OptionalInput widget
2021-07-08 14:10:30 -07:00
Keavon Chambers
cd5e36af28 Add styled scrollbars (#231) 2021-07-01 22:08:23 -07:00
Keavon Chambers
0692bc8727 Fix bug where other panel tabs would switch the document panel tabs 2021-06-26 23:46:39 -07:00
Chrs Msln
3f35c8d348 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-27 08:18:47 +02:00
Keavon Chambers
923e63c045 Separate Graphite header logo from menu bar 2021-06-25 00:38:32 -07:00
Keavon Chambers
e551ba529f Add "Guide Mode" to viewport mode selector dropdown 2021-06-23 23:10:48 -07:00
George Atkinson
ad0a40e512 Multi-document management (create new document; tab switching) (#210)
* Multi-docs WIP

* Change to number

* Add new document and switch documents

* Remove keybind for previous document. Change keybind for next document.

* Switch documents by clicking tabs

* Remove keybind for previous document. Change keybind for next document.

* multi-docs

* Update package-lock.json

* Hook up File>New to add new document

* Remove console logs and empty lines. Start new documents from 2 instead of 1.

* Fix formatting
2021-06-14 04:24:09 +01:00
Keavon Chambers
9c0a23d03f Add additional keyboard shortcut tooltips 2021-06-13 11:20:48 -07:00
akshay1992kalbhor
3079223db3 Frontend fixed to render changes to working colors when changed from backend (#180)
* Backend and Frontend modification to show working color mods

* Remove comments & change precedence for tool and doc actions

* Add keybind for resetting work colors

* Minor Frontend changes
2021-06-12 21:30:31 +05:30
Keavon Chambers
13dd51dbf8 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
569af162ae 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
4bcdbbe092 Implement "Export" entry in File menu; add Copy/Paste icons in Edit menu 2021-06-01 19:49:04 -07:00
Keavon Chambers
d1bf68320e Implement menu bar floating list menus (#163)
Progress towards #135
2021-05-31 11:51:32 -07:00
Keavon Chambers
3d646d2bc3 Generalize and rename overlays as "floating menus"
Progress towards #135.
2021-05-29 21:55:43 -07:00
Chrs Msln
b56dfd746f Implement color picker for primary/secondary working colors (#70)
* feat/color-picker: rework

* feat(161) lint

* feat(161) Remove response handlers

* feat(161) fix rgb <-> hsv conversion

* feat(161) inverse swatchs and add checkered bg

* feat(161) remove temporary color assignment

* feat(161) move cursor outside of the box

* feat(161) @Keavon feedbacks

* feat(161) lint

* feat(161) fix opacity-picker color

* feat(161) --saturation-picker-color
2021-05-27 23:59:52 +02:00
Keavon Chambers
cdcddf176b 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
5016fde231 Standardize icon sizes and folder paths (closes #110) 2021-05-27 00:14:50 -07:00
Keavon Chambers
9930ea2e13 Fix popover positioning regression 2021-05-25 21:49:43 -07:00
Keavon Chambers
34efac990b Update UI colors and alignment for consistency with the design mockup (#157)
Closes #111
2021-05-23 19:01:13 -07:00
Keavon Chambers
3b0762ef18 Rename and organize widget components to conform to design terminology (#132) 2021-05-21 13:10:32 -07:00
Keavon Chambers
b9248b828c 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
267331728d Popovers now close when clicked out or mouse strays 100px outside bounds (#129) 2021-05-19 01:02:58 -07:00
Keavon Chambers
a439b27d2b Implement popover component and beginnings of color picker (#128) 2021-05-17 12:07:54 -07:00
Keavon Chambers
6dc8c91578 Fix CSS extraneous space beneath icons 2021-05-05 22:08:58 -07:00
Keavon Chambers
4ffb836673 Add basic HTML for layers in the layer panel (#97) 2021-05-02 13:55:22 -07:00
Keavon Chambers
f01e20571a Design tweaks to frontend components 2021-04-29 00:32:25 -07:00
Keavon Chambers
0ca4b9fe7c Fix web code linting to be portable across environments 2021-04-14 11:44:09 -07:00
Keavon Chambers
43b7a36008 Change button hover colors 2021-04-11 14:13:21 -07:00
Keavon Chambers
ae824e3976 Add RadioPicker; add view mode picker to document options bar 2021-04-11 01:57:30 -07:00
Keavon Chambers
beb534e20b Add NumberInput component; add scale input and zoom buttons to options bar 2021-04-10 23:27:29 -07:00
Keavon Chambers
958d351505 Plumb Responses from WASM to JS in the page 2021-04-10 02:48:33 -07:00
Keavon Chambers
8b6053b1c4 Populate tool shelf and tool options bar (#66) 2021-04-08 06:10:27 -07:00