Wednesdays With MDriven - Toolbar!
A lot of feedback has been collected regarding the left-side menu - and the actions shown there. All good feedback - keep it coming. It was not all positive - the left side menu has its share of problems. This is how to fix them: A toolbar! Discussing the plan to transition the front-end from AngularJS to WebAssembly, with an option to choose the front-end technology. 00:00
Explaining the MDriven architecture and the declarative ViewModel concept which provides a clear separation between the internal model and the front-end. 00:49
Explaining the concept of "modernity" in the system, where the front-end technology may change over time, but the core "gist" of the system remains the same. 01:56
Discussing the new toolbar feature to address the issues with the left-side menu, such as usability and design concerns. 04:18
Demonstrating implementing the new toolbar feature, including creating a new model, setting up the turnkey live editor, and configuring the toolbar settings. 05:06
Discussing the issues with the left-side menu, such as mixing different types of actions, usability concerns, and the need for a more intuitive user interface. 11:12
Explaining the new "sysdriven" settings pattern. 14:15
How to access and configure the global toolbar mode settings using the "sys-driven" settings pattern. 16:10
Setting up the global toolbar menu, toggling toolbar visibility per view model, and organizing toolbar actions into categories. 20:01
The benefits of class actions and how to use them for navigation. 24:44
Allowing users to customize the UI by hiding the sidebar and toolbar, and remembering their preferences. 32:42
Using modal windows, handling dirty state, and integrating modal results with the main view model. 35:44
Implementing undo and redo features, which allow users to easily revert and re-apply changes. 39:26
How changes made in a modal window propagate to other users in real time without page refreshes. 40:57
Developing a unified UI that works well on both mobile and non-mobile devices. 43:44
Discussion on the next meeting, which may be affected by summer vacation schedules. 44:42
The toolbar feature has been available for a few versions and is easy to add to the system. 45:08