Implementing our path edit view

Because our app is so similar to the previous projects, we won't cover every view in this section. If you want to look at the code for these views, please refer to the code supplied for this book.

All that said, here's the model for each view:

Implementing our path edit view

Getting on with it

The primary view is the path edit view that contains the interactive map and the recording controls. As usual, let's build the template for our path edit view in www/html/pathEditView.html (interesting portions are highlighted):

<html> <body> <div class="ui-navigation-bar"> <div class="ui-title" contenteditable="true">%PATH_NAME%</div> <div class="ui-bar-button-group ...

Get PhoneGap 3.x Mobile Application Development HOTSHOT now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.