[feature] adding control for page title

Author: zombieFox

index.html

@@ -320,6 +320,10 @@ <h1 class="menu-header">Page</h1>
 <inputid="control-layout-scroll-past-end" class="control-layout-scroll-past-end" type="checkbox" tabindex="1">
 <labelfor="control-layout-scroll-past-end"><spanclass="label-icon"></span>Scroll past end</label>
 </div>
+<divclass="input-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">
+</div>
 </div>
 <divclass="menu-item">
 <h1class="menu-header">Theme</h1>
@@ -410,6 +414,7 @@ <h1 class="menu-header">Image</h1>
 <scriptsrc="js/version.js"></script>
 <scriptsrc="js/keyboard.js"></script>
 <scriptsrc="js/background.js"></script>
+<scriptsrc="js/title.js"></script>
 <scriptsrc="js/init.js"></script>
 
 </html>

js/control.js

@@ -383,6 +383,13 @@ var control = (function(){
 func: function(){
 render();
 }
+},{
+element: helper.e(".control-layout-title"),
+path: "layout.title",
+type: "text",
+func: function(){
+title.render();
+}
 },{
 element: helper.e(".control-layout-theme-random-active"),
 path: "layout.theme.random.active",

js/init.js

@@ -51,3 +51,6 @@ background.init();
 // render search engine
 // focus seach input
 search.init();
+
+// render page title
+title.init();

js/state.js

@@ -70,6 +70,7 @@ var state = (function(){
 layout: {
 width: "wide",
 scrollPastEnd: true,
+title: "New Tab",
 theme: {
 current: {
 r: 0,

js/title.js

@@ -0,0 +1,17 @@
+vartitle=(function(){
+
+varrender=function(){
+helper.e("title").textContent=state.get().layout.title;
+};
+
+varinit=function(){
+render();
+};
+
+// exposed methods
+return{
+render: render,
+init: init
+};
+
+})();

js/update.js

@@ -124,6 +124,12 @@ var update = (function(){
 returndata;
 };
 
+var_update_280=function(data){
+data.state.layout.title="New Tab";
+data.version=2.80;
+returndata;
+};
+
 // var _update_300 = function(data){
 // data.version = 3.00;
 // return data;
@@ -158,6 +164,10 @@ var update = (function(){
 console.log("\trunning update",2.70);
 data=_update_270(data);
 };
+if(data.version<2.80){
+console.log("\trunning update",2.80);
+data=_update_280(data);
+};
 // if (data.version < 3.00){
 // console.log("\t# running update", 3.00);
 // data = _update_300(data);

js/version.js

@@ -1,7 +1,7 @@
 varversion=(function(){
 
 // version is normally bumped when the state needs changing or any new functionality is added
-varcurrent="2.7.0";
+varcurrent="2.8.0";
 
 varget=function(){
 varnumber=current.split(".");