Now it's time to implement the changes necessary to make our app a split-view app. From this point forward, we'll be working in /2/www
if you want to follow along. We started from the code in the last task and then modified it to suit the new user interface.
Unlike the last time, we're going to be making several modifications. Not a lot of code, mind you, but we'll be touching several different files and making tweaks to support the change. The documents view gets only a few minor modifications, though we will change the display to a list instead of a grid, and the file view gets several modifications. For one, it has to handle what to do when there is no document loaded (which will happen at the beginning of the app). Second, it has to change the way it handles autosaving content (since there is no longer any dismissal of the view).
But first, we need to get the layout set up to show two views side-by-side. We'll start in index.html
:
<body...