Next, let's implement the user interface. We need to define the template HTML, and then define the code. Again, it's very similar to the previous project.
Before we start writing code, let's define the view's model. It should appear very familiar by now, as shown in the following diagram:
First, create a new template at
www/html/videoNoteEditView.html. It's very similar to our image note edit view's template. I've highlighted the differences in the following code:
<html> <body> <div class="ui-navigation-bar"> <div class="ui-title" contenteditable="true">%NOTE_NAME%</div> <div class="ui-bar-button-group ...