[DE mobile] Add Nonprinting Characters in application settings

apps/documenteditor/mobile/app/controller/Main.js

@@ -536,6 +536,9 @@ define([
 
                 me.api.SetTextBoxInputMode(Common.localStorage.getBool("de-settings-inputmode"));
 
+                value = Common.localStorage.getItem("de-mobile-no-characters");
+                me.api.put_ShowParaMarks((value!==null) ? eval(value) : false);
+
                 /** coauthoring begin **/
                 if (me.appOptions.isEdit && me.appOptions.canLicense && !me.appOptions.isOffline && me.appOptions.canCoAuthoring) {
                     // Force ON fast co-authoring mode

apps/documenteditor/mobile/app/controller/Settings.js

@@ -228,6 +228,8 @@ define([
                     me.initPageAdvancedSettings();
                     $('#settings-spellcheck input:checkbox').attr('checked', Common.localStorage.getBool("de-mobile-spellcheck", false));
                     $('#settings-spellcheck input:checkbox').single('change',   _.bind(me.onSpellcheck, me));
+                    $('#settings-no-characters input:checkbox').attr('checked', (Common.localStorage.getItem("de-mobile-no-characters") == 'true') ? true : false);
+                    $('#settings-no-characters input:checkbox').single('change',   _.bind(me.onNoCharacters, me));
                     $('#settings-orthography').single('click',                  _.bind(me.onOrthographyCheck, me));
                     Common.Utils.addScrollIfNeed('.page[data-page=settings-advanced-view]', '.page[data-page=settings-advanced-view] .page-content');
                 } else if ('#color-schemes-view' == pageId) {
@@ -248,6 +250,14 @@ define([
                 }
             },
 
+            onNoCharacters: function(e) {
+                var me = this;
+                var $checkbox = $(e.currentTarget),
+                    state = $checkbox.is(':checked');
+                Common.localStorage.setItem("de-mobile-no-characters", state);
+                me.api.put_ShowParaMarks(state);
+            },
+
             initPageMargin: function() {
                 var me = this;
                 _metricText = Common.Utils.Metric.getMetricName(Common.Utils.Metric.getCurrentMetric());

apps/documenteditor/mobile/app/template/Settings.template

@@ -616,6 +616,22 @@
                     </ul>
                 </div>
 
+                <div class="list-block">
+                    <ul>
+                        <div id="settings-no-characters" class="item-content">
+                            <div class="item-inner">
+                                <div class="item-title"><%= scope.textNoCharacters %></div>
+                                <div class="item-after">
+                                    <label class="label-switch">
+                                        <input type="checkbox">
+                                        <div class="checkbox"></div>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                    </ul>
+                </div>
+
             </div>
         </div>
     </div>

apps/documenteditor/mobile/app/view/Settings.js

@@ -284,7 +284,8 @@ define([
             textCentimeter: 'Centimeter',
             textPoint: 'Point',
             textInch: 'Inch',
-            textColorSchemes: 'Color Schemes'
+            textColorSchemes: 'Color Schemes',
+            textNoCharacters: 'Nonprinting Characters'
 
     }
     })(), DE.Views.Settings || {}))

apps/documenteditor/mobile/locale/en.json

@@ -425,5 +425,6 @@
   "DE.Views.Settings.textPoint": "Point",
   "DE.Views.Settings.textInch": "Inch",
   "DE.Views.Settings.textColorSchemes": "Color Schemes",
+  "DE.Views.Settings.textNoCharacters": "Nonprinting Characters",
   "DE.Views.Toolbar.textBack": "Back"
 }