Make telegram message monospace all-caps, add "replace periods" option

www/assets/fonts/roboto-mono/Roboto_Mono.css

@@ -0,0 +1,9 @@
+@font-face {
+	font-family: 'Roboto Mono';
+	font-style: normal;
+	font-weight: 400;
+	src:
+		local('Roboto Mono'),
+		local('RobotoMono-Regular'),
+		url('Roboto_Mono_400.woff2') format('woff2')
+}

www/assets/js/telegram.js

@@ -12,7 +12,8 @@ function sendTelegram() {
         message: $("#telegrammessage").val(),
         to: $("#telegramto").val(),
         from: $("#telegramfrom").val(),
-        instructions: $("#telegraminstructions").val()
+        instructions: $("#telegraminstructions").val(),
+        usestop: $("#stopperiodcheckbox").is(":checked") ? "1" : "0"
     }, function (resp) {
         app.dialog.close();
         if (resp.status == "OK") {

www/index.html

@@ -17,6 +17,7 @@
     <link rel="stylesheet" href="assets/css/backdrop.css" />
     <link rel="stylesheet" href="assets/css/web-barcode.css" />
     <link rel="stylesheet" href="assets/fonts/roboto/Roboto.css" />
+    <link rel="stylesheet" href="assets/fonts/roboto-mono/Roboto_Mono.css" />
     <link rel="stylesheet" href="assets/css/tablet.css" />
 
     <script src="cordova.js"></script>

www/pages/telegram.html

@@ -42,11 +42,20 @@
                                     <div class="item-inner">
                                         <div class="item-title item-floating-label">Message</div>
                                         <div class="item-input-wrap">
-                                            <textarea id="telegrammessage" rows="5" class="resizable" placeholder=""></textarea>
+                                            <textarea id="telegrammessage" rows="5" class="resizable" placeholder="" style="font-family: 'Roboto Mono', 'Ubuntu Mono', 'Courier New', monospace; text-transform: uppercase;"></textarea>
                                             <span class="input-clear-button"></span>
                                         </div>
                                     </div>
                                 </li>
+                                <li class="item-content justify-content-left">
+                                    <label class="checkbox">
+                                        <!-- checkbox input -->
+                                        <input type="checkbox" id="stopperiodcheckbox" />
+                                        <!-- checkbox icon -->
+                                        <i class="icon-checkbox"></i>
+                                    </label>
+                                    <label for="stopperiodcheckbox" class="text-align-left padding-half">Replace end-of-sentence periods (a period followed by a space) with <span style="font-family: 'Roboto Mono', 'Ubuntu Mono', 'Courier New', monospace; white-space: nowrap;">-(STOP)-</span></label>
+                                </li>
                                 <li class="item-content item-input item-input-outline">
                                     <div class="item-inner">
                                         <div class="item-title item-floating-label">To</div>