Commit graph

120 commits

Author SHA1 Message Date
Autumn
2ecdd67208
Revert "181 responsive UI" 2023-12-21 19:54:21 +00:00
Robin Scholtes
965659311e set UI breakpoint to 1024 to ensure smooth UX for tablet users. Update the existing UI tests 2023-08-16 16:42:05 +12:00
Robin Scholtes
15252ee5c6 implement change requests 2023-08-16 11:15:45 +12:00
Robin Scholtes
6a375c62a8 disable tooltips on mobile, update todos 2023-08-15 20:44:11 +12:00
Robin Scholtes
bf27cbb641 fuse desktop/mobile splitters into one function, update accordingly across files 2023-08-15 16:41:22 +12:00
Robin Scholtes
4dc4645def remove listItemUpdate related classes into c-operation-list and simplify code, as duplicates in the operation lists are now no longer an issue in the context of this. Add a custom events to dispatch on change of favourites 2023-08-15 15:19:11 +12:00
Robin Scholtes
4947f809a9 move breakpoint icon functionality into c-recipe-li, upgrade code a bit for className consistency and replacing 'parentNode.parentNode' with this.queryselector 2023-08-15 12:41:33 +12:00
Robin Scholtes
5e6327a400 [#181] fix some event issues ( dragging and dropping, mobile taps ), fix popover issues ( popovers properly disappear ), eslint cleanup fixes 2023-08-14 17:34:23 +12:00
Robin Scholtes
eb53667919 fix all ESlint errors 2023-08-14 14:30:25 +12:00
Robin Scholtes
f176a1106a search result highlighted strings, do not add op to recipe on escape 2023-08-07 16:42:06 +12:00
Robin Scholtes
85fff21068 search results functionality 2023-08-03 16:57:08 +12:00
Robin Scholtes
4a07d52230 restore recipe on refresh 2023-08-02 17:38:52 +12:00
Robin Scholtes
90c66bbc47 add some args so favCat is expanded after resetting or saving new favs through the modal 2023-07-24 15:03:43 +12:00
Robin Scholtes
1562c86211 updateFavourites to handle selected and favourite classes across the ops-lists 2023-07-24 12:08:37 +12:00
Robin Scholtes
840b6155f1 Handle selected, favourite classes and rerendering of the favcat accordingly 2023-07-21 11:48:43 +12:00
Robin Scholtes
6f6e9cce39 add c-operation-list so any of these elements ( category list, category list item, operation list, operation list item ) can be created individually or simply through their parent. Also fix some annotations across the app that used event instead of Event, causing the IDE to get confused 2023-06-16 17:08:43 +12:00
Robin Scholtes
b1b0be254b introducing and refactoring to using custom components for building category / cat lists / operation lists. This allows us to group relevant functionality more efficiently, easier maintenance in the future. We could, one by one, refactor and encapsulate components across CC in this manner. A very convenient and much needed effect of this implementation is that these components can hold functionality and references exclusively pertaining to themselves. Separating said functionality increases code compartmentalisation while references and event listeners requiring these references are guaranteed to be up to date with the component at all times. 2023-06-16 12:09:04 +12:00
Robin Scholtes
8d14dfa554 [#181] add some functions that allow for an individual Category to be re-rendered ( such as Favourites, but can be used for any Category in the future if needed ), additional refactoring to make previously mentioned functionality work 2023-05-23 20:17:36 +12:00
Robin Scholtes
6e6d6e0ed5 update some docs, todo.txt 2023-05-15 22:01:23 +12:00
Robin Scholtes
df781bec00 add function to check for window width and use that throughout the app for more convenient future use 2023-05-12 17:50:46 +12:00
Robin Scholtes
5b39d0fe65 change updateVisibility func name to setElementVisbility 2023-05-12 17:20:11 +12:00
Robin Scholtes
5d46d763e1 set columnSplitter minSize operations to 360 to avoid confusion 2023-05-12 16:59:10 +12:00
Robin Scholtes
9fbef2c163 [#181] cleanup to prep draft PR for PR 2023-05-10 23:08:14 +12:00
Robin Scholtes
a7a76ec7ef [#181] update README, run / fix lint 2023-05-10 21:53:29 +12:00
Robin Scholtes
997f26e4f8 [#181] add breakpoint check in HTMLOperation so desktop doesn't get op description errors 2023-05-10 21:22:38 +12:00
Robin Scholtes
d774a50f13 [#181] set mobile ops-dropdown to fill all space except ops and banner. No need for the controls at this point while scrolling the ops 2023-05-10 17:09:26 +12:00
Robin Scholtes
a27de41328 [#181] reduce title-height from 48 to 40 2023-05-10 16:51:50 +12:00
Robin Scholtes
fefb98e466 [#181] add splitter column minimal widths to prevent unwanted overflows under any situation 2023-05-10 15:39:15 +12:00
Robin Scholtes
0868d97cee [#181] adjust #controls panel template and css so it will automatically scale based on #controls height, which makes adjustWidth() redundant. Controls is now 50px height on mobile ( 70 was just a lot of wasted space that can be better spend ) 2023-05-10 15:27:43 +12:00
Robin Scholtes
222bb624ae [#181] decrease size of controls for mobile UI 2023-05-10 13:15:01 +12:00
Robin Scholtes
5362f9fda4 [#181] add 2023-05-09 22:14:36 +12:00
Robin Scholtes
f1257ea356 bit of refactoring 2023-05-09 18:42:14 +12:00
Robin Scholtes
ee9ea051d1 [#181] handle the correct resetting of layouts in any maximised pane situation, i.e. window resizing while panels are maximised etc. Prevent mobile keyboard popup window resize events to trigger layout resetting when panes are maximised, use JS to calculate the innerHeight available for mobile devices as they are of variable / unreliable / inconsistent heights 2023-05-09 14:56:44 +12:00
Robin Scholtes
8bed81c5ee [#181] disable tooltips on mobile UI 2023-05-02 20:42:57 +12:00
Robin Scholtes
4c2c934cd4 [#181] add maximiser icons to recipe, input and output, and handle maximising of targets accordingly. Desktop view remains as normal, where only output can be maximised 2023-05-02 16:58:20 +12:00
Robin Scholtes
093a3c4b77 [#181] change default panel heights based on some user feedback 2023-05-01 14:02:18 +12:00
Robin Scholtes
89c1ab12ab [#181] update opListCreate to desktopOpListCreate ( to always include drag events and popovers ) and the inverse for mobile. Now it is ready for window resizing 2023-04-27 21:35:50 +12:00
Robin Scholtes
8d693a7d0e [#181] tidying up with docs and notes for tomorrow :) 2023-04-26 23:24:30 +12:00
Robin Scholtes
5d82ca66f3 [#181] handle checkmarks on window resizing 2023-04-26 23:16:28 +12:00
Robin Scholtes
5e9aa5cd09 [#181] fix selected / checkmark classes on operation list, based on the current recipe list. Update TODO 2023-04-26 23:08:44 +12:00
Robin Scholtes
f3ab78d1fd [#181] remove obsolete functions 2023-04-24 22:37:27 +12:00
Robin Scholtes
6a1501e7ae [#181] fix glitchy modal popover ( popovers get reinitialised after drag events. This still happens on mobile ops-list ) 2023-04-24 16:13:02 +12:00
Robin Scholtes
4a761673c0 [#181] disable popovers on mobile UI on init and resizing events 2023-04-24 11:32:34 +12:00
Robin Scholtes
d0e8863555 [#181] a few cosmetic touch ups, todo update 2023-04-21 00:15:31 +12:00
Robin Scholtes
1fd72363bd [#181] remove calcControlsHeight as the component is always 70px in height now, and it caused issues on mobile UI. It's become obsolete 2023-04-20 21:05:44 +12:00
Robin Scholtes
12116e53b1 [#181] move setVisibility to App.mjs since it's pretty generic and could be reused. Update TODO 2023-04-19 23:31:06 +12:00
Robin Scholtes
f6b23ecca5 [#181] mobile layout: set heights of all components to make up 100vh 2023-04-19 23:16:43 +12:00
Robin Scholtes
c779d39a2b [#181] resolve lingering layout issues window resizing, update todos 2023-04-19 22:25:23 +12:00
Robin Scholtes
bc12a194a0 [#181] place controls in correct position on mobile and desktop, update todo, add new stylesheet for dividers 2023-04-19 21:47:22 +12:00
Robin Scholtes
58d4eb855c [#181] restore overall desktop UI 2023-04-19 21:21:04 +12:00