Fix Attempt

josephna76 · Mar 6, 2024 · 20579d7 · 20579d7
1 parent 72e2c7d
commit 20579d7
Showing 1 changed file with 9 additions and 36 deletions.
diff --git a/index.html b/index.html
@@ -14,27 +14,12 @@
       href="https://cdnjs.cloudflare.com/ajax/libs/frappe-gantt/0.6.1/frappe-gantt.min.css"
     />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/frappe-gantt/0.6.1/frappe-gantt.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.5.0-beta4/html2canvas.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.3.2/html2canvas.min.js"></script>
+    <!-- Updated version -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js"></script>
+    <!-- Add HTMX for API calls -->
+    <script src="https://unpkg.com/htmx.org"></script>
     <link rel="icon" href="favicon_io/favicon.ico" />
-    <link
-      rel="apple-touch-icon"
-      sizes="180x180"
-      href="favicon_io/apple-touch-icon.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="32x32"
-      href="favicon_io/favicon-32x32.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="16x16"
-      href="favicon_io/favicon-16x16.png"
-    />
-    <link rel="manifest" href="favicon_io/site.webmanifest" />
     <style>
       body {
         font-family: Arial, sans-serif;
@@ -62,15 +47,6 @@
       button:hover {
         background-color: #45a049;
       }
-      nav a,
-      .footer a {
-        color: #007bff;
-        text-decoration: none;
-      }
-      nav a:hover,
-      .footer a:hover {
-        text-decoration: underline;
-      }
     </style>
   </head>
   <body>
@@ -112,11 +88,9 @@ <h2>Simple Gantt Chart Generator</h2>
         document
           .getElementById("generateBtn")
           .addEventListener("click", generateGanttChart);
-
         document
           .getElementById("downloadBtn")
           .addEventListener("click", downloadGanttChart);
-
         document
           .getElementById("copyBtn")
           .addEventListener("click", copyGanttChart);
@@ -136,7 +110,7 @@ <h2>Simple Gantt Chart Generator</h2>
         }
 
         function downloadGanttChart() {
-          html2canvas(ganttInstance.$container).then((canvas) => {
+          html2canvas(document.querySelector("#gantt")).then((canvas) => {
             const link = document.createElement("a");
             link.download = "gantt_chart.png";
             link.href = canvas.toDataURL();
@@ -145,29 +119,28 @@ <h2>Simple Gantt Chart Generator</h2>
         }
 
         function copyGanttChart() {
-          html2canvas(ganttInstance.$container).then((canvas) => {
-            const pdf = new jsPDF("p", "mm", "a4");
+          html2canvas(document.querySelector("#gantt")).then((canvas) => {
+            const pdf = new jsPDF();
             pdf.addImage(canvas.toDataURL("image/png"), "PNG", 0, 0, 210, 297);
             pdf.save("gantt_chart.pdf");
           });
         }
 
         function parseTasks(input) {
           const lines = input.split("\n");
-          const tasks = lines.map((line, index) => {
+          return lines.map((line, index) => {
             const [taskName, startDate, endDate, , dependencies] =
               line.split(/\t+/);
             return {
               id: index.toString(),
-              name: taskName ? taskName.trim() : `Task ${index + 1}`,
+              name: taskName.trim(),
               start: startDate.trim(),
               end: endDate.trim(),
               dependencies: dependencies
                 ? dependencies.split(",").map((dep) => dep.trim())
                 : [],
             };
           });
-          return tasks;
         }
       });
     </script>