[feature] add custom header greeting

Author: zombieFox

package-lock.json

@@ -1,6 +1,6 @@
 {
 "name": "nightTab",
-"version": "6.4.0",
+"version": "6.5.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

@@ -24,6 +24,17 @@ <h1 class="menu-item-header-text">Greeting</h1>
 <inputid="control-header-greeting-type-hi" class="control-header-greeting-type-hi" type="radio" name="control-header-greeting-type" value="hi" tabindex="-1">
 <labelfor="control-header-greeting-type-hi"><spanclass="label-icon"></span> "Hi..."</label>
 </div>
+<divclass="form-wrap">
+<inputid="control-header-greeting-type-custom" class="control-header-greeting-type-custom" type="radio" name="control-header-greeting-type" value="custom" tabindex="-1">
+<labelfor="control-header-greeting-type-custom"><spanclass="label-icon"></span> Custom</label>
+</div>
+<divclass="form-wrap">
+<divclass="form-indent">
+<divclass="form-wrap">
+<inputid="control-header-greeting-custom" class="control-header-greeting-custom" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="1">
+</div>
+</div>
+</div>
 <hr>
 <divclass="form-wrap">
 <labelfor="control-header-greeting-name">Name</label>

src/html/menu/content/header/greeting.html

@@ -991,6 +991,7 @@ var control = (function(){
 path: "header.greeting.type",
 type: "radio",
 func: function(){
+render.dependents();
 greeting.render.clear();
 greeting.render.all();
 }
@@ -999,13 +1000,32 @@ var control = (function(){
 path: "header.greeting.type",
 type: "radio",
 func: function(){
+render.dependents();
 greeting.render.clear();
 greeting.render.all();
 }
 },{
 element: ".control-header-greeting-type-hi",
 path: "header.greeting.type",
 type: "radio",
+func: function(){
+render.dependents();
+greeting.render.clear();
+greeting.render.all();
+}
+},{
+element: ".control-header-greeting-type-custom",
+path: "header.greeting.type",
+type: "radio",
+func: function(){
+render.dependents();
+greeting.render.clear();
+greeting.render.all();
+}
+},{
+element: ".control-header-greeting-custom",
+path: "header.greeting.custom",
+type: "text",
 func: function(){
 greeting.render.clear();
 greeting.render.all();
@@ -10916,13 +10936,23 @@ var control = (function(){
 ".control-header-greeting-type-good",
 ".control-header-greeting-type-hello",
 ".control-header-greeting-type-hi",
+".control-header-greeting-type-custom",
 "[for=control-header-greeting-size-range]",
 ".control-header-greeting-size-range",
 ".control-header-greeting-size-number",
 ".control-header-greeting-size-default",
 ".control-header-greeting-newline"
 ]
 }
+},{
+condition: function(){
+return(state.get.current().header.greeting.show&&state.get.current().header.greeting.type==="custom");
+},
+dependents: function(){
+return[
+".control-header-greeting-custom"
+]
+}
 }],
 clock: [{
 condition: function(){

src/js/control.js

@@ -23,23 +23,39 @@ var greeting = (function(){
 render.all=function(){
 if(state.get.current().header.greeting.show){
 vargreeting=helper.e(".greeting");
-varmessage={
-good: function(){
-vartime=helper.getDateTime();
-varmessage=["Good night","Good morning","Good afternoon","Good evening"];
-returnmessage[Math.floor(time.hours/6)];
-},
-hello: function(){
-return"Hello";
-},
-hi: function(){
-return"Hi";
-}
+varmessage=function(){
+switch(state.get.current().header.greeting.type){
+case"good":
+vartime=helper.getDateTime();
+varmessage=["Good night","Good morning","Good afternoon","Good evening"];
+returnmessage[Math.floor(time.hours/6)];
+break;
+
+case"hello":
+return"Hello";
+
+case"hi":
+return"Hi";
+
+case"custom":
+returnhelper.trimString(state.get.current().header.greeting.custom);
+};
 };
-varstring=message[state.get.current().header.greeting.type]();
+
+varstring=message();
+
 if(helper.checkIfValidString(state.get.current().header.greeting.name)){
-string=string+", "+helper.trimString(state.get.current().header.greeting.name)
+if(state.get.current().header.greeting.type==="custom"){
+if(helper.checkIfValidString(state.get.current().header.greeting.custom)){
+string=string+", "+helper.trimString(state.get.current().header.greeting.name)
+}else{
+string=string+helper.trimString(state.get.current().header.greeting.name)
+};
+}else{
+string=string+", "+helper.trimString(state.get.current().header.greeting.name)
+};
 };
+
 vargreetingItem=helper.node("span|class:greeting-item");
 vargreetingItemText=helper.node("span:"+string+"|class:greeting-item-text");
 greetingItem.appendChild(greetingItemText);

src/js/greeting.js

@@ -15,6 +15,7 @@ var state = (function(){
 greeting: {
 show: false,
 type: "good",
+custom: "",
 name: "",
 size: 1,
 newLine: false

src/js/state.js

@@ -1383,6 +1383,10 @@ var update = (function(){
 data.state.background.visual=backgroundData;
 deletedata.state.background.image;
 returndata;
+},
+"6.5.0": function(data){
+data.state.header.greeting.custom="";
+returndata;
 }
 };
 

src/js/update.js

@@ -1,6 +1,6 @@
 varversion=(function(){
 
-varcurrent="6.4.0";
+varcurrent="6.5.0";
 
 varname="Jaded Raven";
 

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": "6.4.0",
+"version": "6.5.0",
 "manifest_version": 2,
 "chrome_url_overrides":{
 "newtab": "index.html"