Editor 1 Enter Goals And Arrange Hierarchy - MotivationalModelling/mm-local-editor GitHub Wiki
This page is to enter goals, classify them by type, and arrange them into a hierarchy as the basis of your motivational model.

Header
There is a header included 4 buttons on top of each page, where the user could click to do a specific task.

Buttons in the Header:
– resets the model to either the default model or an empty model.
– Allows you to export the graph in PNG or SVG format. Only available in Editor 2 - Arrange Hierarchy / Render Model page.
– Allows you to save the model in JSON format for future use or collaboration.
– Navigates back to Home Page.
Navigation Bar
Below the header, there is a navigation bar with two buttons that take the user to the corresponding subpages. Note that if a button is blue, it indicates the current page.

Main elements in the Navigation Bar:
– Navigates to Editor 1 - Enter Goals / Arrange Hierarchy.
– Navigates to Editor 2 - Arrange Hierarchy / Render Model. Clicking this button also creates a model based on the goals and hierarchy defined in the hierarchy view.
Noted that the model is only created after the first time you click this button and only the goals in the hierarchy view will be included (goals in the goal list won’t be included).
Goal List Panel (Left)
In the goal list panel, there are five categories into which items can be entered: do, be, feel, concern, and who. Do, be, feel are goals, who is a stakeholder, and concern is effectively an `anti-goal,' which correspond to the elements of the do–be–feel framework.
Entering items into these lists is straightforward. Goals can be dragged from the goal list on the left and dropped into the hierarchy panel to include them in the model and manage the hierarchy.

Main elements in the Navigation Bar:
– Adds a new goal to the goal list.
– Deletes an existing goal in the goal list.
– Allows you to add a group of selected goals to the hierarchy view.
– Allows you to delete a group of selected goals from the goal list.
Hierarchy Panel (Right)
Goals from the goal list can be transferred into the hierarchy view to support the organisation of hierarchical relationships. Within this view, the relative positions of goals inside a cluster can be adjusted to refine the hierarchical structure. For instance, repositioning a goal horizontally within a cluster enables the construction or modification of parent–child relationships.
To incorporate goals into the hierarchy view, you may drag a goal from the goal list and drop it into a cluster. Alternatively, one or more goals can be selected, and the Add Group function can be used to add them simultaneously.
To organise the graph hierarchy, you can drag the goals to different positions. Adjust their positions within a cluster (left or right) to refine the hierarchical structure. Drag left to deepen the hierarchy and right to bring it up a level. You can also hide/expand the sub-goals by clicking on the –/+ sign.
