feat: Localise some more strings

index.html

@@ -125,11 +125,11 @@
           <div class="form__row">
             <h6>Monday</h6>
             <div class="input__group">
-              <label for="sell_2">AM</label>
+              <label data-i18n="times.morning" for="sell_2"></label>
               <input type="number" id="sell_2" placeholder="..." />
             </div>
             <div class="input__group">
-              <label for="sell_3">PM</label>
+              <label data-i18n="times.afternoon" for="sell_3"></label>
               <input type="number" id="sell_3" placeholder="..." />
             </div>
           </div>
@@ -137,11 +137,11 @@
           <div class="form__row">
             <h6>Tuesday</h6>
             <div class="input__group">
-              <label for="sell_4">AM</label>
+              <label data-i18n="times.morning" for="sell_4"></label>
               <input type="number" id="sell_4" placeholder="..." />
             </div>
             <div class="input__group">
-              <label for="sell_5">PM</label>
+              <label data-i18n="times.afternoon" for="sell_5"></label>
               <input type="number" id="sell_5" placeholder="..." />
             </div>
           </div>
@@ -149,11 +149,11 @@
           <div class="form__row">
             <h6>Wednesday</h6>
             <div class="input__group">
-              <label for="sell_6">AM</label>
+              <label data-i18n="times.morning" for="sell_6"></label>
               <input type="number" id="sell_6" placeholder="..." />
             </div>
             <div class="input__group">
-              <label for="sell_7">PM</label>
+              <label data-i18n="times.afternoon" for="sell_7"></label>
               <input type="number" id="sell_7" placeholder="..." />
             </div>
           </div>
@@ -161,11 +161,11 @@
           <div class="form__row">
             <h6>Thursday</h6>
             <div class="input__group">
-              <label for="sell_8">AM</label>
+              <label data-i18n="times.morning" for="sell_8"></label>
               <input type="number" id="sell_8" placeholder="..." />
             </div>
             <div class="input__group">
-              <label for="sell_9">PM</label>
+              <label data-i18n="times.afternoon" for="sell_9"></label>
               <input type="number" id="sell_9" placeholder="..." />
             </div>
           </div>
@@ -173,11 +173,11 @@
           <div class="form__row">
             <h6>Friday</h6>
             <div class="input__group">
-              <label for="sell_10">AM</label>
+              <label data-i18n="times.morning" for="sell_10"></label>
               <input type="number" id="sell_10" placeholder="..." />
             </div>
             <div class="input__group">
-              <label for="sell_11">PM</label>
+              <label data-i18n="times.afternoon" for="sell_11"></label>
               <input type="number" id="sell_11" placeholder="..." />
             </div>
           </div>
@@ -185,11 +185,11 @@
           <div class="form__row">
             <h6>Saturday</h6>
             <div class="input__group">
-              <label for="sell_12">AM</label>
+              <label data-i18n="times.morning" for="sell_12"></label>
               <input type="number" id="sell_12" placeholder="..." />
             </div>
             <div class="input__group">
-              <label for="sell_13">PM</label>
+              <label data-i18n="times.afternoon" for="sell_13"></label>
               <input type="number" id="sell_13" placeholder="..." />
             </div>
           </div>
@@ -224,45 +224,45 @@
               <th colspan="2">
                 <div>Monday</div>
                 <div>
-                  <span>AM</span>
-                  <span>PM</span>
+                  <span data-i18n="times.morning"></span>
+                  <span data-i18n="times.afternoon"></span>
                 </div>
               </th>
               <th colspan="2">
                 <div>Tuesday</div>
                 <div>
-                  <span>AM</span>
-                  <span>PM</span>
+                  <span data-i18n="times.morning"></span>
+                  <span data-i18n="times.afternoon"></span>
                 </div>
               </th>
               <th colspan="2">
                 <div>
                   <div>Wednesday</div>
                   <div>
-                    <span>AM</span>
-                    <span>PM</span>
+                    <span data-i18n="times.morning"></span>
+                    <span data-i18n="times.afternoon"></span>
                   </div>
                 </div>
               </th>
               <th colspan="2">
                 <div>Thursday</div>
                 <div>
-                  <span>AM</span>
-                  <span>PM</span>
+                  <span data-i18n="times.morning"></span>
+                  <span data-i18n="times.afternoon"></span>
                 </div>
               </th>
               <th colspan="2">
                 <div>Friday</div>
                 <div>
-                  <span>AM</span>
-                  <span>PM</span>
+                  <span data-i18n="times.morning"></span>
+                  <span data-i18n="times.afternoon"></span>
                 </div>
               </th>
               <th colspan="2">
                 <div>Saturday</div>
                 <div>
-                  <span>AM</span>
-                  <span>PM</span>
+                  <span data-i18n="times.morning"></span>
+                  <span data-i18n="times.afternoon"></span>
                 </div>
               </th>
               <th valign="bottom">Guaranteed Minimum</th>

locales/en.json

@@ -5,5 +5,9 @@
     "unknown": "I don't know",
     "large-spike": "Large Spike",
     "small-spike": "Small Spike"
+  },
+  "times": {
+    "morning": "AM",
+    "afternoon": "PM"
   }
 }