Ensure that all the new enketo screens are i18n-ized

Which includes adding a few additional entries to the i18n file
Everything except the actual survey now shows up properly.
The survey shows up in english first, and the user needs to select Spanish

Let's fix that in a subsequent commit

Note that we had to use a span sometimes to translate to avoid
weird formatting issues
e-mission/e-mission-docs#732 (comment)

www/i18n/en.json

@@ -53,6 +53,7 @@
     "control":{
         "profile": "Profile",
         "edit-demographics": "Edit Demographics",
+        "username": "Username {{usernamedata}}",
         "tracking": "Tracking",
         "app-status": "App Status",
         "medium-accuracy": "Medium accuracy",
@@ -155,6 +156,7 @@
         "distance": "Distance",
         "time": "Time",
         "mode": "Mode",
+        "replaces": "Replaces",
         "purpose": "Purpose",
         "survey": "Details",
         "unlabeled": "All Unlabeled",
@@ -174,6 +176,7 @@
         "select-replaced-mode-scroll": "Replaces (👇 for more)",
         "select-purpose-scroll": "Purpose (👇 for more)",
         "list-pick-a-date": "Pick a date"
+        "no-trips-today": "No trips recorded on this day"
     },
 
     "new_label_tour": {
@@ -405,6 +408,11 @@
         "prev-survey-found": "Found previous survey response",
         "use-prior-response": "Use prior response",
         "edit-response": "Edit response",
-        "move-on": "Move on"
+        "move-on": "Move on",
+        "survey": "Survey",
+        "save": "Save",
+        "next": "Next",
+        "powered-by": "Powered by",
+        "dismiss": "Dismiss"
     }
 }

www/templates/survey/enketo/form-base.html

@@ -28,10 +28,10 @@
               mother application. The HTML markup can be changed as well.
           -->
           <a href="#" class="previous-page disabled" style="position:absolute; left: 10px; bottom: 40px;">Back</a>
-          <button id="validate-form" class="btn btn-primary" ng-click="enketoSurvey.validateAndSave()" style="width:200px; margin-left: calc(50% - 100px);">Save</button>
-      <a href="#survey-paper" class="btn btn-primary next-page disabled" style="width: 200px; margin-left: calc(50% - 100px)" ng-click="enketoSurvey.onNext()">Next</a>
+          <button id="validate-form" class="btn btn-primary" ng-click="enketoSurvey.validateAndSave()" style="width:200px; margin-left: calc(50% - 100px);" translate>{{'.save'}}</button>
+      <a href="#survey-paper" class="btn btn-primary next-page disabled" style="width: 200px; margin-left: calc(50% - 100px)" ng-click="enketoSurvey.onNext()" translate>{{'.next'}}</a>
 
-          <div class="enketo-power" style="margin-bottom: 30px;">Powered by <a href="http://enketo.org" title="enketo.org website"><img src="templates/survey/enketo/enketo_bare_150x56.png" alt="enketo logo" /></a> </div>
+          <div class="enketo-power" style="margin-bottom: 30px;"><span translate>{{'.powered-by'}}</span> <a href="http://enketo.org" title="enketo.org website"><img src="templates/survey/enketo/enketo_bare_150x56.png" alt="enketo logo" /></a> </div>
           <div class="form-footer__jump-nav" style="display: flex; flex-direction: row;">
               <a href="#" class="btn btn-default disabled first-page" style="flex: 1; border-radius: 0;">Return to Beginning</a>
               <a href="#" class="btn btn-default disabled last-page" style="flex: 1; border-radius: 0;">Go to End</a>

www/templates/survey/enketo/inline.html

@@ -1,4 +1,4 @@
-<ion-content class="enketo-plugin overflow-scroll">
+<ion-content class="enketo-plugin overflow-scroll" translate-namespace="survey">
 
   <div ng-if="existingSurvey">
     <!-- If there is an existing survey, we want to ask the user whether they want to use it-->

www/templates/survey/enketo/modal.html

@@ -1,11 +1,11 @@
-<ion-modal-view>
+<ion-modal-view translate-namespace="survey">
   <ion-header-bar class="bar bar-header">
-      <h1 class="title">Survey</h1>
+      <h1 class="title" translate>{{'.survey'}}</h1>
       <button
           class="button button-clear button-positive"
           ng-click="enketoSurvey.hide()"
           ng-show="!enketoSurvey.disableDismiss"
-      >Dismiss</button>
+      ><span translate>{{ '.dismiss' }}</span></button>
   </ion-header-bar>
   <ion-content class="enketo-plugin overflow-scroll">
       <ng-include src="'templates/survey/enketo/form-base.html'"></ng-include>