Spaces:

anuragshas
/

invoice-generator

Sleeping

App Files Files Community

anuragshas commited on Jun 30

Commit

38c96d1

1 Parent(s): 6858e31

chore: basic linting

Browse files

Files changed (7) hide show

.eslintrc.json +13 -4
.htmlhintrc +1 -1
.stylelintrc.json +1 -1
index.html +7 -3
script.js +13 -13
style.css +1 -1
tests/test.js +1 -1

.eslintrc.json CHANGED Viewed

@@ -10,8 +10,17 @@
     "sourceType": "module"
   },
   "rules": {
-    "indent": ["error", 2],
-    "quotes": ["error", "single"],
-    "semi": ["error", "always"]
   }
-}

     "sourceType": "module"
   },
   "rules": {
+    "indent": [
+      "error",
+      2
+    ],
+    "quotes": [
+      "error",
+      "single"
+    ],
+    "semi": [
+      "error",
+      "always"
+    ]
   }
+}

.htmlhintrc CHANGED Viewed

@@ -7,4 +7,4 @@
   "spec-char-escape": true,
   "id-unique": true,
   "src-not-empty": true
-}

   "spec-char-escape": true,
   "id-unique": true,
   "src-not-empty": true
+}

.stylelintrc.json CHANGED Viewed

@@ -4,4 +4,4 @@
     "rule-empty-line-before": null,
     "no-descending-specificity": null
   }
-}

     "rule-empty-line-before": null,
     "no-descending-specificity": null
   }
+}

index.html CHANGED Viewed

@@ -1,11 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Quotation Generator</title>
   <link rel="stylesheet" href="style.css">
 </head>
 <body>
   <h1>Quotation Generator</h1>
   <div id="form-container">
@@ -33,7 +35,7 @@
         <legend>Items</legend>
         <table id="items-table">
           <thead>
-        <tr>
               <th>S.No</th>
               <th>Description</th>
               <th>HSN Code</th>
@@ -52,7 +54,8 @@
       <fieldset>
         <legend>Additional Charges</legend>
         <label>IGST (%)<input type="number" id="igst-rate" name="igst-rate" value="0" min="0"></label>
-        <label>Freight Charges<input type="number" id="freight-charges" name="freight-charges" value="0" min="0"></label>
       </fieldset>
       <fieldset>
         <legend>Bank Details</legend>
@@ -67,4 +70,5 @@
   <div id="quotation-output" style="display:none;"></div>
   <script src="script.js"></script>
 </body>
-</html>

 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Quotation Generator</title>
   <link rel="stylesheet" href="style.css">
 </head>
 <body>
   <h1>Quotation Generator</h1>
   <div id="form-container">
         <legend>Items</legend>
         <table id="items-table">
           <thead>
+            <tr>
               <th>S.No</th>
               <th>Description</th>
               <th>HSN Code</th>
       <fieldset>
         <legend>Additional Charges</legend>
         <label>IGST (%)<input type="number" id="igst-rate" name="igst-rate" value="0" min="0"></label>
+        <label>Freight Charges<input type="number" id="freight-charges" name="freight-charges" value="0"
+            min="0"></label>
       </fieldset>
       <fieldset>
         <legend>Bank Details</legend>
   <div id="quotation-output" style="display:none;"></div>
   <script src="script.js"></script>
 </body>
+</html>

script.js CHANGED Viewed

@@ -21,7 +21,7 @@ function numberToWords(num) {
 }
 if (typeof document !== 'undefined') {
-  document.addEventListener('DOMContentLoaded', function() {
     const addItemBtn = document.getElementById('add-item');
     const itemsTableBody = document.querySelector('#items-table tbody');
     const form = document.getElementById('quotation-form');
@@ -36,14 +36,14 @@ if (typeof document !== 'undefined') {
     function addItemRow() {
       const row = document.createElement('tr');
       row.innerHTML = `
-        <td class="item-slno"></td>
-        <td><input type="text" class="item-desc" placeholder="Item Description" required></td>
-        <td><input type="text" class="item-hsn" placeholder="HSN Code"></td>
-        <td><input type="number" class="item-qty" value="1" min="0" required></td>
-        <td><input type="number" class="item-price" value="0" min="0" required></td>
-        <td><input type="number" class="item-discount" value="0" min="0" max="100" step="0.01" placeholder="Discount %"></td>
-        <td class="item-amount">0.00</td>
-        <td><button type="button" class="remove-item">Remove</button></td>
       `;
       itemsTableBody.appendChild(row);
       updateSerialNumbers();
@@ -67,7 +67,7 @@ if (typeof document !== 'undefined') {
     addItemBtn.addEventListener('click', addItemRow);
-    form.addEventListener('submit', function(e) {
       e.preventDefault();
       const data = new FormData(form);
       const company = {
@@ -112,8 +112,8 @@ if (typeof document !== 'undefined') {
       const rupeeWords = numberToWords(rupeePart);
       const paiseWords = paisePart > 0 ? numberToWords(paisePart) : '';
       let html = '<div class="quotation-print">';
-      html += `<div class="section"><strong>From:</strong><br>${company.name}<br>${company.address.replace(/\n/g,'<br>')}<br>Phone: ${company.phone}<br>Email: ${company.email}</div>`;
-      html += `<div class="section"><strong>To:</strong><br>${customer.name}<br>${customer.address.replace(/\n/g,'<br>')}<br>Phone: ${customer.phone}<br>Email: ${customer.email}</div>`;
       html += `<div class="section quote-meta">Quotation No: ${quotationNumber}<br>Date: ${quotationDate}</div>`;
       html += '<table class="quotation-table"><thead><tr><th>S.No</th><th>Description</th><th>HSN</th><th>Qty</th><th>Unit Price</th><th>Discount (%)</th><th>Amount</th></tr></thead><tbody>';
       items.forEach((item, idx) => {
@@ -142,4 +142,4 @@ if (typeof document !== 'undefined') {
 // Export for testing (Node.js)
 if (typeof module !== 'undefined' && module.exports) {
   module.exports = { numberToWords };
-}

 }
 if (typeof document !== 'undefined') {
+  document.addEventListener('DOMContentLoaded', function () {
     const addItemBtn = document.getElementById('add-item');
     const itemsTableBody = document.querySelector('#items-table tbody');
     const form = document.getElementById('quotation-form');
     function addItemRow() {
       const row = document.createElement('tr');
       row.innerHTML = `
+        <td class="item-slno" data-label="S.No"></td>
+        <td data-label="Description"><input type="text" class="item-desc" placeholder="Item Description" required></td>
+        <td data-label="HSN Code"><input type="text" class="item-hsn" placeholder="HSN Code"></td>
+        <td data-label="Qty"><input type="number" class="item-qty" value="1" min="0" required></td>
+        <td data-label="Unit Price"><input type="number" class="item-price" value="0" min="0" required></td>
+        <td data-label="Discount (%)"><input type="number" class="item-discount" value="0" min="0" max="100" step="0.01" placeholder="Discount %"></td>
+        <td class="item-amount" data-label="Amount">0.00</td>
+        <td data-label="Action"><button type="button" class="remove-item">Remove</button></td>
       `;
       itemsTableBody.appendChild(row);
       updateSerialNumbers();
     addItemBtn.addEventListener('click', addItemRow);
+    form.addEventListener('submit', function (e) {
       e.preventDefault();
       const data = new FormData(form);
       const company = {
       const rupeeWords = numberToWords(rupeePart);
       const paiseWords = paisePart > 0 ? numberToWords(paisePart) : '';
       let html = '<div class="quotation-print">';
+      html += `<div class="section"><strong>From:</strong><br>${company.name}<br>${company.address.replace(/\n/g, '<br>')}<br>Phone: ${company.phone}<br>Email: ${company.email}</div>`;
+      html += `<div class="section"><strong>To:</strong><br>${customer.name}<br>${customer.address.replace(/\n/g, '<br>')}<br>Phone: ${customer.phone}<br>Email: ${customer.email}</div>`;
       html += `<div class="section quote-meta">Quotation No: ${quotationNumber}<br>Date: ${quotationDate}</div>`;
       html += '<table class="quotation-table"><thead><tr><th>S.No</th><th>Description</th><th>HSN</th><th>Qty</th><th>Unit Price</th><th>Discount (%)</th><th>Amount</th></tr></thead><tbody>';
       items.forEach((item, idx) => {
 // Export for testing (Node.js)
 if (typeof module !== 'undefined' && module.exports) {
   module.exports = { numberToWords };
+}

style.css CHANGED Viewed

@@ -76,7 +76,7 @@ button {
   text-align: right;
 }
-@media screen and (width <= 768px) {
   #items-table thead {
     display: none;
   }

   text-align: right;
 }
+@media screen and (width <=768px) {
   #items-table thead {
     display: none;
   }

tests/test.js CHANGED Viewed

@@ -30,4 +30,4 @@ cases.forEach(({ num, expected }) => {
   );
 });
-console.log('✅ All numberToWords tests passed');

   );
 });
+console.log('✅ All numberToWords tests passed');