A -> B means From "A" to "B"

Tree -> Resource Viewer

• User tries to open/display a resource from a node in the tree
• Call the resource viewer function with resource id
• Change URL from /tree to /resources/<resource_id>

URL -> Resource Viewer

• User types the specific address to view a resource in the browser: /resources/<resource_id>
• Call the resource viewer function with the resource id passed in from the URL
• Load the tree in the background, showing the resource node at the right place

Resource Editor & Submit Edits -> Resource Viewer

• User finishes editing the resource and click the "Submit" button
• Close the current modal --> Immediately reopen the modal --> Call the resource viewer function with the resource id, pass in updated resource data
• Re-render the tree in the background to reflect new changes
• Change the URL from /resources/<resource_id>/edit to /resources/<resource_id>

Resource Creator & Create A New Resource -> Resource Viewer

• User finishes creating the resource and click the "Create" button
• Close the current modal --> Immediately reopen the modal --> Call the resource viewer function with the resource id, pass in new resource data
• Re-render the tree in the background to reflect new changes
• Change the URL from /tree to /resources/<resource_id>

Tree -> Resource Editor

• User tries to edit a resource by right-clicking a node and clicking the "Edit" option in the drop-down menu
• Call the resource editor function (TODO) with resource id
• Change URL from /tree to /resources/<resource_id>/edit

URL -> Resource Editor

• User types the specific address to edit a resource in the browser: /resources/<resource_id>/edit
• Call the resource editor function with the resource id passed in from the URL
• Load the tree in the background, showing the resource node at the right place

Resource Viewer & Click "Edit" Button -> Resource Editor

• User (has to be the author) clicks the "Edit" button on the resource viewer
• Close the current modal --> Immediately reopen the modal --> Call the resource viewer function with the resource id, pass in resource data
• Change the URL from /resources/<resource_id> to /resources/<resource_id>/edit

Close Resource Viewer -> Tree

• User closes the resource viewer modal
• Since there isn't any changes to the data, do not need to re-render the tree
• Close the current resource viewer modal
• Change the URL from /resources/<resource_id> to /tree

Close Resource Editor Without Submitting New Changes-> Tree

• User closes the resource editor modal without clicking the "Submit" button
• Since there isn't any changes to the data, do not need to re-render the tree
• Close the current resource editor modal
• Change the URL from /resources/<resource_id>/edit to /tree

Close Resource Creator Without Creating A New Resource -> Tree

• User closes the resource editor modal without clicking the "Create" button
• Since there isn't any changes to the data, do not need to re-render the tree
• Close the current resource creator modal

Tree -> Resource Creator

• User tries to create a resource by right-clicking a node and clicking the "Create" option in the drop-down menu
• Call the resource viewer function with class id (the class that the resource belongs to)