[feature] add search input name attribute control

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "nightTab",
-  "version": "5.33.0",
+  "version": "5.34.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

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

src/css/form.css

@@ -259,6 +259,13 @@ input[type="text"] {
   -moz-appearance: textfield;
 }
 
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-results-button,
+input[type="search"]::-webkit-search-results-decoration {
+  -webkit-appearance: none;
+}
+
 input[type="number"] {
   text-align: center;
 }

src/html/menu/content/header/search.html

@@ -102,6 +102,14 @@
               <p class="control-header-search-engine-custom-helper form-helper-item">Enter a web address with the search parameters, eg: "https://vimeo.com/search?q="</p>
               <p class="control-header-search-engine-custom-helper form-helper-item">nightTab will add the search term entered into the Search input at the end of the above URL.</p>
             </div>
+            <div class="form-wrap">
+              <label for="control-header-search-engine-custom-queryname">Name attribute</label>
+              <input id="control-header-search-engine-custom-queryname" class="control-header-search-engine-custom-queryname" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="q" tabindex="-1">
+            </div>
+            <div class="form-helper">
+              <p class="control-header-search-engine-custom-helper form-helper-item">Sets the name attribute on the Search input field.</p>
+              <p class="control-header-search-engine-custom-helper form-helper-item">This defines the name passed to the search engine when submitting. If not sure leave blank.</p>
+            </div>
           </div>
         </div>
         <hr>

src/js/control.js

@@ -2224,6 +2224,14 @@ var control = (function() {
           func: function() {
             search.render.engine();
           }
+        }, {
+          element: ".control-header-search-engine-custom-queryname",
+          path: "header.search.engine.custom.queryName",
+          type: "text",
+          func: function() {
+            console.log("hit");
+            search.render.engine();
+          }
         }, {
           element: ".control-header-search-text-justify-left",
           path: "header.search.text.justify",
@@ -11197,6 +11205,8 @@ var control = (function() {
               ".control-header-search-engine-custom-name",
               "[for=control-header-search-engine-custom-url]",
               ".control-header-search-engine-custom-url",
+              "[for=control-header-search-engine-custom-queryname]",
+              ".control-header-search-engine-custom-queryname",
               ".control-header-search-engine-custom-helper"
             ];
           }

src/js/header.js

@@ -372,7 +372,12 @@ var header = (function() {
     search: function() {
       var headerSearchBody = helper.node("div|class:search-wrapper");
       var form = helper.node("form|class:search,action,method:get");
-      var searchInput = helper.node("input|class:search-input,type:text,placeholder:Find or Search,name:q,autocomplete:off,autocorrect:off,autocapitalize:off,spellcheck:false,tabindex:1");
+      var searchInput;
+      if (state.get.current().header.search.engine.custom.queryName != "") {
+        searchInput = helper.node("input|class:search-input,type:search,placeholder:Find or Search,name:" + state.get.current().header.search.engine.custom.queryName.trim() + ",autocomplete:off,autocorrect:off,autocapitalize:off,spellcheck:false,tabindex:1");
+      } else {
+        searchInput = helper.node("input|class:search-input,type:search,placeholder:Find or Search,name:q,autocomplete:off,autocorrect:off,autocapitalize:off,spellcheck:false,tabindex:1");
+      };
       var hiddenInput = helper.node("input|type:submit,value:Search,class:is-hidden");
       var clearButton = helper.node("button|class:search-clear search-clear button button-link,tabindex:1,disabled");
       var clearButtonIcon = helper.node("span|class:icon-close");

src/js/state.js

@@ -113,7 +113,8 @@ var state = (function() {
           },
           custom: {
             url: "",
-            name: ""
+            name: "",
+            queryName: ""
           }
         },
         text: {

src/js/update.js

@@ -1078,6 +1078,11 @@ var update = (function() {
         l: 0
       };
       return data;
+    },
+    "5.34.0": function(data) {
+      console.log(data);
+      data.state.header.search.engine.custom.queryName = "";
+      return data;
     }
   };
 

src/js/version.js

@@ -1,6 +1,6 @@
 var version = (function() {
 
-  var current = "5.33.0";
+  var current = "5.34.0";
 
   var name = "Zonked Tarsier";
 

src/manifest.json

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