[refactor] change new tab input to work like font inputs

Author: zombieFox

package-lock.json

@@ -1,6 +1,6 @@
 {
 "name": "nightTab",
-"version": "5.26.0",
+"version": "5.27.0",
 "description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
 "main": "index.js",
 "scripts":{

package.json

@@ -5,7 +5,10 @@ <h1 class="menu-item-header-text">Page</h1>
 <divclass="menu-item-form">
 <divclass="form-wrap">
 <labelfor="control-layout-title">Title</label>
-<inputid="control-layout-title" class="control-layout-title" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="New Tab" tabindex="-1">
+<divclass="form-group form-group-block">
+<inputid="control-layout-title" class="control-layout-title" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="New Tab" tabindex="-1">
+<buttonclass="control-layout-title-default button button-line" tabindex="-1" title="Reset to default"><spanclass="icon-replay"></span></button>
+</div>
 </div>
 <hr>
 <divclass="form-wrap">

src/html/menu/content/layout/page.html

@@ -725,6 +725,14 @@ var control = (function(){
 func: function(){
 layout.render.title();
 }
+},{
+element: ".control-layout-title-default",
+type: "button",
+func: function(){
+mod.default("layout.title");
+layout.render.title();
+render.update.control.menu();
+}
 },{
 element: ".control-layout-scrollpastend",
 path: "layout.scrollPastEnd",

src/js/control.js

@@ -24,7 +24,11 @@ var layout = (function(){
 
 render.title=function(){
 vartitle=helper.e("title");
-title.textContent=state.get.current().layout.title;
+if(state.get.current().layout.title.trim().replace(/\s\s+/g," ")!=""){
+title.textContent=state.get.current().layout.title;
+}else{
+title.textContent="New tab";
+};
 };
 
 varinit=function(){

src/js/layout.js

@@ -255,7 +255,7 @@ var state = (function(){
 width: 80,
 scrollPastEnd: false,
 scrollbars: "auto",
-title: "New Tab"
+title: ""
 },
 theme: {
 accent: {
@@ -452,7 +452,8 @@ var state = (function(){
 padding: 4,
 gutter: 2,
 size: 1,
-width: 80
+width: 80,
+title: ""
 },
 theme: {
 accent: {

src/js/state.js

@@ -1,6 +1,6 @@
 varversion=(function(){
 
-varcurrent="5.26.0";
+varcurrent="5.27.0";
 
 varname="Zonked Tarsier";
 

src/js/version.js

@@ -2,7 +2,7 @@
 "name": "nightTab",
 "short_name": "nightTab",
 "description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
-"version": "5.26.0",
+"version": "5.27.0",
 "manifest_version": 2,
 "chrome_url_overrides":{
 "newtab": "index.html"