Update

saikatdutta1991 · Sep 4, 2024 · f567e40 · f567e40
1 parent e9cc2b4
commit f567e40
Show file tree

Hide file tree

Showing 6 changed files with 358 additions and 77 deletions.
diff --git a/assets/js/common.js b/assets/js/common.js
@@ -57,9 +57,9 @@ function renderTemplateForm(template) {
     optionalFieldList.forEach((field) => {
       elem.append(`
         <label class="checkbox-inline">
-          <input type="checkbox" name="${field.id}" value="${field.value}" ${
-        field.checked ? "checked" : ""
-      }/>
+          <input class="optional-fields" type="checkbox" name="${
+            field.id
+          }" value="${field.value}" ${field.checked ? "checked" : ""}/>
           ${field.name}
         </label>
       `);
@@ -78,7 +78,7 @@ function renderTemplateForm(template) {
       elem.append(`
       <div class="form-group col-md-4">
         <label for="${field.id}">${field.name}</label>
-        <input type="text" class="form-control" name="${field.id}" value="${field.defaultValue}"/>
+        <input type="text" class="form-control text-input" name="${field.id}" value="${field.defaultValue}"/>
       </div>
       `);
     });

diff --git a/index.html b/index.html
@@ -120,6 +120,14 @@ <h2>Fuel Bill Generator</h2>
         $(document).on("click", "input[name=pumpLogo]", async function () {
           generate(template);
         });
+
+        $(document).on("click", ".optional-fields", async function () {
+          generate(template);
+        });
+
+        $(document).on("keyup", ".text-input", async function () {
+          generate(template);
+        });
       });
 
       async function onInit() {

diff --git a/templates/template-1/Template1.js b/templates/template-1/Template1.js
@@ -108,6 +108,31 @@ class Template1 extends AbstractTemplate {
           uri: "assets/images/textures/texture-1.jpeg",
           default: true,
         },
+        {
+          id: "texture",
+          name: "Texture 2",
+          uri: "assets/images/textures/texture-2.jpeg",
+        },
+        {
+          id: "texture",
+          name: "Texture 3",
+          uri: "assets/images/textures/texture-3.avif",
+        },
+        {
+          id: "texture",
+          name: "Texture 4",
+          uri: "assets/images/textures/texture-4.avif",
+        },
+        {
+          id: "texture",
+          name: "Texture 5",
+          uri: "assets/images/textures/texture-5.avif",
+        },
+        {
+          id: "texture",
+          name: "Texture 6",
+          uri: "assets/images/textures/texture-6.jpeg",
+        },
       ],
       fieldList: [
         {

diff --git a/templates/template-2/Template2.js b/templates/template-2/Template2.js
@@ -48,6 +48,26 @@ class Template2 extends AbstractTemplate {
           uri: "assets/images/textures/texture-2.jpeg",
           default: true,
         },
+        {
+          id: "texture",
+          name: "Texture 3",
+          uri: "assets/images/textures/texture-3.avif",
+        },
+        {
+          id: "texture",
+          name: "Texture 4",
+          uri: "assets/images/textures/texture-4.avif",
+        },
+        {
+          id: "texture",
+          name: "Texture 5",
+          uri: "assets/images/textures/texture-5.avif",
+        },
+        {
+          id: "texture",
+          name: "Texture 6",
+          uri: "assets/images/textures/texture-6.jpeg",
+        },
       ],
       fieldList: [
         {