[feature] add clock and date separator text default controls

Author: zombieFox

src/html/menu/content/header/clock.html

@@ -60,7 +60,10 @@ <h1 class="menu-item-header-text">Clock</h1>
 </div>
 <divclass="form-indent">
 <divclass="form-wrap">
-<inputid="control-header-clock-separator-text" class="control-header-clock-separator-text" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder=":" tabindex="-1">
+<divclass="form-group form-group-block">
+<inputid="control-header-clock-separator-text" class="control-header-clock-separator-text" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder=":" tabindex="-1">
+<buttonclass="control-header-clock-separator-text-default button" tabindex="-1" title="Reset to default"><spanclass="icon-replay"></span></button>
+</div>
 </div>
 </div>
 <hr>

src/html/menu/content/header/date.html

@@ -143,7 +143,10 @@ <h1 class="menu-item-header-text">Date</h1>
 </div>
 <divclass="form-indent">
 <divclass="form-wrap">
-<inputid="control-header-date-separator-text" class="control-header-date-separator-text" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="/" tabindex="-1">
+<divclass="form-group form-group-block">
+<inputid="control-header-date-separator-text" class="control-header-date-separator-text" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="/" tabindex="-1">
+<buttonclass="control-header-date-separator-text-default button" tabindex="-1" title="Reset to default"><spanclass="icon-replay"></span></button>
+</div>
 </div>
 </div>
 <hr>

src/js/control.js

@@ -1328,6 +1328,15 @@ var control = (function(){
 clock.render.clear();
 clock.render.all();
 }
+},{
+element: ".control-header-clock-separator-text-default",
+type: "button",
+func: function(){
+mod.default("header.clock.separator.text");
+clock.render.clear();
+clock.render.all();
+render.update.control.menu();
+}
 },{
 element: ".control-header-clock-hour24-show",
 path: "header.clock.hour24.show",
@@ -1762,6 +1771,19 @@ var control = (function(){
 transitional.render.clear();
 transitional.render.all();
 }
+},{
+element: ".control-header-date-separator-text-default",
+type: "button",
+func: function(){
+mod.default("header.date.separator.text");
+date.render.clear();
+date.render.all();
+greeting.render.clear();
+greeting.render.all();
+transitional.render.clear();
+transitional.render.all();
+render.update.control.menu();
+}
 },{
 element: ".control-header-date-format-datemonth",
 path: "header.date.format",
@@ -6899,7 +6921,8 @@ var control = (function(){
 dependents: function(){
 return[
 ".control-header-clock-separator-show",
-".control-header-clock-separator-text"
+".control-header-clock-separator-text",
+".control-header-clock-separator-text-default"
 ];
 }
 },{
@@ -6915,7 +6938,8 @@ var control = (function(){
 },
 dependents: function(){
 return[
-".control-header-clock-separator-text"
+".control-header-clock-separator-text",
+".control-header-clock-separator-text-default"
 ];
 }
 },{
@@ -7024,7 +7048,8 @@ var control = (function(){
 dependents: function(){
 return[
 ".control-header-date-separator-show",
-".control-header-date-separator-text"
+".control-header-date-separator-text",
+".control-header-date-separator-text-default"
 ];
 }
 },{
@@ -7040,7 +7065,8 @@ var control = (function(){
 },
 dependents: function(){
 return[
-".control-header-date-separator-text"
+".control-header-date-separator-text",
+".control-header-date-separator-text-default"
 ];
 }
 },{