V.0.1.8

Author: jeevan15498

README.md

@@ -141,10 +141,20 @@ try {
 * If excel data successful fill in the form then play sound like
 * Automatic set multiple select field type
 * Radio Field Selector only name not id
+* Not Work in the Google Form
+
+### V.0.1.8
+
+* `NEW: ` Change Field Background color of fill data completed in the form field.
+  - ![](./screenshot/field_bg_color.png)
+* `FIXED:` if name attribute not found in the form field then also generate excel sheet.
+* `FIXED:` Field name in the Extension Popup Page
+* `FIXED:` If form submit then redirect not working.
 
 ### V.0.1.7
 
 * Typewriter Effect and Set Typewriter Speed while filling data in the field
+  - ![](./screenshot/typewriter-effect.png)
 * Start/Pause Application With `Alt+Q`
 * `FIXED:` Column Settings Model Not Open
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "fill-excel-data-to-form",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "Fill Excel Sheet Data into HTML Online Forms",
   "author": "Jeevan Lal <jeevan15498@gmail.com>",
   "license": "MIT",

screenshot/field_bg_color.png

@@ -2,6 +2,11 @@ global.browser = require('webextension-polyfill')
 const Excel = require("exceljs"); // https://github.com/exceljs/exceljs
 import { saveAs } from 'file-saver';
 
+/**
+ * Run Fill Data Script if data is valid
+ * @param {*} tabId 
+ * @param {*} tabURL 
+ */
 function checkTabURLMatch(tabId, tabURL) {
 
   // Action Page Settings
@@ -66,7 +71,7 @@ chrome.browserAction.onClicked.addListener(function (a) {
   });
 
   // Parse: Table ID and URL
-  window.open(chrome.extension.getURL("popup/popup.html?tabid=" + encodeURIComponent(a.id) + "&url=" + encodeURIComponent(a.url)), "Excel Fill", "toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=660,height=1040,top=0,left=960")
+  window.open(chrome.extension.getURL("popup/popup.html?tabid=" + encodeURIComponent(a.id) + "&url=" + encodeURIComponent(a.url)), "Excel Fill", "toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=700,height=1040,top=0,left=960")
 });
 
 /**

screenshot/typewriter-effect.png

@@ -559,7 +559,7 @@
               <span class="button is-static" style="background-color: #006177fc;color: white;">milliseconds (1000 milliseconds = 1 seconds)</span>
             </p>
           </b-field>
-          <b-field>
+          <b-field style="padding-bottom: 20px;">
             <p class="control">
               <span class="button is-static">Maximum</span>
             </p>
@@ -568,6 +568,14 @@
               <span class="button is-static" style="background-color: #006177fc;color: white;">milliseconds (1000 milliseconds = 1 seconds)</span>
             </p>
           </b-field>
+
+          <!-- Change the background color of the data filled field. -->
+          <div class="field">
+            <b-switch v-model="appSettings.isFieldBgColor"><code>ON/OFF</code> Change the background color of the data filled field</b-switch>
+          </div>
+          <b-field v-if="appSettings.isFieldBgColor">
+            <b-input type="color" v-model="appSettings.fieldBgColor" expanded></b-input>
+          </b-field>
         </section>
       </div>
     </b-modal>
@@ -800,6 +808,9 @@ export default {
         // Typewriter Speed
         typeWriterMinSpeed: 1,
         typeWriterMaxSpeed: 5,
+        // Change the background color of the data filled field.
+        isFieldBgColor: false,
+        fieldBgColor: "",
       },
       // Insert Site URL Data
       url: {
@@ -858,14 +869,16 @@ export default {
       releaseNotesData: [
         // Tags: NEW, ADDED, FIXED, IMPROVED
         {
-          version: '0.1.7',
+          version: '0.1.7 - 0.1.8',
           date: 'Thursday, 12 November 2020',
           desc: [
             { tag: 'IMPROVED', name: 'If your data is not able to feed after this update, then fetch the Excel column again.' },
             { tag: 'NEW', name: 'Typewriter Effect and Set Typewriter Speed while filling data in the field' },
+            { tag: 'NEW', name: 'Change Field Background color of fill data completed in the form field.' },
             { tag: 'NEW', name: 'Start/Pause Application With <code>Alt+Q</code>' },
+            { tag: 'FIXED', name: 'if name attribute not found in the form field then also generate excel sheet.' },
             { tag: 'ADDED', name: '<a href="https://www.youtube.com/playlist?list=PLmrTMUhqzS3hCXSMbmgmh71-h-kwYAQ3t" target="_blank">💻 Video Tutorial - Playlist</a>' },
-            { tag: 'ADDED', name: '<a href="https://github.com/ctechhindi/Fill-Excel-Data-on-HTML-Form#v017" target="_blank">Others Changelog</a>' },
+            { tag: 'ADDED', name: '<a href="https://github.com/ctechhindi/Fill-Excel-Data-on-HTML-Form#v018" target="_blank">Others Changelog</a>' },
           ],
         }
       ]

src/background.js

@@ -30,7 +30,7 @@
                 <i class="mdi mdi-cursor-default"></i>
               </a>
             </td>
-            <td>{{ index }}</td>
+            <td :title="index">{{ data.key }}</td>
             <td style="width: 200px;">
               <b-field>
                 <b-select