fixed reload problem

Author: gluek

.gitignore

@@ -9,4 +9,5 @@
 timetracker.yaml
 timetrackerconf.yaml
 *.syso
-log.txt
+log.txt
+timetracker

internal/components/plots.templ

@@ -6,56 +6,53 @@ templ debugImport() {
 	<div></div>
 }
 
-var chartHandle = templ.NewOnceHandle()
 
 templ pieChart(projects []database.ProjectHours) {
 	@templ.JSONScript("projectData", projects)
-	@chartHandle.Once() {
-		<script type="text/javascript">
-        var chartDom = document.getElementById('piechart');
-        if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
-            // dark mode
-            var myChart = echarts.init(chartDom, 'dark');
-        } else {
-            var myChart = echarts.init(chartDom);
-        }
-        var option;
-        const importData = JSON.parse(document.getElementById('projectData').textContent);
-        const dataArray = importData.slice(0,-1).map((project) => ({'value': parseFloat(project.workhours), 'name': project.name}))
-        option = {
-        backgroundColor: "transparent",
-        title: {
-            text: 'Projects',
-            left: 'center'
-        },
-        tooltip: {
-            trigger: 'item'
-        },
-        dataset: [{source: dataArray}], 
-        series: [
-            {
-                type: 'pie',
-                radius: '60%'
-            },
-            {
-            name: 'Project Hours',
+    <script type="text/javascript">
+    var chartDom = document.getElementById('piechart');
+    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        // dark mode
+        var myChart = echarts.init(chartDom, 'dark');
+    } else {
+        var myChart = echarts.init(chartDom);
+    }
+    var option;
+    var importData = JSON.parse(document.getElementById('projectData').textContent);
+    var dataArray = importData.slice(0,-1).map((project) => ({'value': parseFloat(project.workhours), 'name': project.name}))
+    option = {
+    backgroundColor: "transparent",
+    title: {
+        text: 'Projects',
+        left: 'center'
+    },
+    tooltip: {
+        trigger: 'item'
+    },
+    dataset: [{source: dataArray}], 
+    series: [
+        {
             type: 'pie',
-            radius: '60%',
-            label: {position: 'inside', formatter: '{d}%', color:'black',  fontSize:18},
-            percentPrecision: 0,
-            emphasis: {
-                label: {show: true},
-                itemStyle: {
-                    shadowBlur: 10,
-                    shadowOffsetX: 0,
-                    shadowColor: 'rgba(0, 0, 0, 0.5)'
-                }
-            } 
+            radius: '60%'
+        },
+        {
+        name: 'Project Hours',
+        type: 'pie',
+        radius: '60%',
+        label: {position: 'inside', formatter: '{d}%', color:'black',  fontSize:18},
+        percentPrecision: 0,
+        emphasis: {
+            label: {show: true},
+            itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
             }
-        ]
-        };
+        } 
+        }
+    ]
+    };
 
-        option && myChart.setOption(option);
-        </script>
-	}
+    option && myChart.setOption(option);
+    </script>
 }