Refactor directory structure

web/templates/monitoring/analysis.tmpl

@@ -0,0 +1,15 @@
+{{define "content"}}
+    <div id="svelte-app"></div>
+{{end}}
+
+{{define "stylesheets"}}
+    <link rel='stylesheet' href='/build/analysis.css'>
+{{end}}
+{{define "javascript"}}
+    <script>
+        const cluster = {{ .Infos.cluster }};
+        const filterPresets = {{ .FilterPresets }};
+        const clusterCockpitConfig = {{ .Config }};
+    </script>
+    <script src='/build/analysis.js'></script>
+{{end}}

web/templates/monitoring/job.tmpl

@@ -0,0 +1,18 @@
+{{define "content"}}
+    <div id="svelte-app"></div>
+{{end}}
+
+{{define "stylesheets"}}
+    <link rel='stylesheet' href='/build/job.css'>
+{{end}}
+{{define "javascript"}}
+    <script>
+        const jobInfos = {
+            id: "{{ .Infos.id }}",
+            jobId: "{{ .Infos.jobId }}",
+            clusterId: "{{ .Infos.clusterId }}"
+        };
+        const clusterCockpitConfig = {{ .Config }};
+    </script>
+    <script src='/build/job.js'></script>
+{{end}}

web/templates/monitoring/jobs.tmpl

@@ -0,0 +1,15 @@
+{{define "content"}}
+    <div id="svelte-app"></div>
+{{end}}
+
+{{define "stylesheets"}}
+    <link rel='stylesheet' href='/build/jobs.css'>
+{{end}}
+
+{{define "javascript"}}
+    <script>
+        const filterPresets = {{ .FilterPresets }};
+        const clusterCockpitConfig = {{ .Config }};
+    </script>
+    <script src='/build/jobs.js'></script>
+{{end}}

web/templates/monitoring/list.tmpl

@@ -0,0 +1,15 @@
+{{define "content"}}
+    <div id="svelte-app"></div>
+{{end}}
+
+{{define "stylesheets"}}
+    <link rel='stylesheet' href='/build/list.css'>
+{{end}}
+{{define "javascript"}}
+    <script>
+        const listType = {{ .Infos.listType }};
+        const filterPresets = {{ .FilterPresets }};
+        const clusterCockpitConfig = {{ .Config }};
+    </script>
+    <script src='/build/list.js'></script>
+{{end}}

web/templates/monitoring/node.tmpl

@@ -0,0 +1,14 @@
+{{define "content"}}
+    <div id="svelte-app"></div>
+{{end}}
+
+{{define "stylesheets"}}
+    <link rel='stylesheet' href='/build/node.css'>
+{{end}}
+{{define "javascript"}}
+    <script>
+        const infos = {{ .Infos }};
+        const clusterCockpitConfig = {{ .Config }};
+    </script>
+    <script src='/build/node.js'></script>
+{{end}}

web/templates/monitoring/status.tmpl

@@ -0,0 +1,14 @@
+{{define "content"}}
+    <div id="svelte-app"></div>
+{{end}}
+
+{{define "stylesheets"}}
+    <link rel='stylesheet' href='/build/status.css'>
+{{end}}
+{{define "javascript"}}
+    <script>
+        const infos = {{ .Infos }};
+        const clusterCockpitConfig = {{ .Config }};
+    </script>
+    <script src='/build/status.js'></script>
+{{end}}

web/templates/monitoring/systems.tmpl

@@ -0,0 +1,14 @@
+{{define "content"}}
+    <div id="svelte-app"></div>
+{{end}}
+
+{{define "stylesheets"}}
+    <link rel='stylesheet' href='/build/systems.css'>
+{{end}}
+{{define "javascript"}}
+    <script>
+        const infos = {{ .Infos }};
+        const clusterCockpitConfig = {{ .Config }};
+    </script>
+    <script src='/build/systems.js'></script>
+{{end}}

web/templates/monitoring/taglist.tmpl

@@ -0,0 +1,17 @@
+{{define "content"}}
+    <div class="container">
+        <div class="row  justify-content-center">
+            <div class="col-10">
+            {{ range $tagType, $tagList := .Infos.tagmap }}
+                <div class="my-3 p-2 bg-secondary text-white text-capitalize">
+                {{ $tagType }}
+                </div>
+                {{ range $tagList }}
+                <a class="btn btn-lg btn-warning" href="/monitoring/jobs/?tag={{ .id }}" role="button">
+                    {{ .name }} <span class="badge bg-light text-dark">{{ .count }}</span> </a>
+                {{end}}
+            {{end}}
+            </div>
+        </div>
+    </div>
+{{end}}

web/templates/monitoring/user.tmpl

@@ -0,0 +1,15 @@
+{{define "content"}}
+    <div id="svelte-app"></div>
+{{end}}
+
+{{define "stylesheets"}}
+    <link rel='stylesheet' href='/build/user.css'>
+{{end}}
+{{define "javascript"}}
+    <script>
+        const userInfos = {{ .Infos }};
+        const filterPresets = {{ .FilterPresets }};
+        const clusterCockpitConfig = {{ .Config }};
+    </script>
+    <script src='/build/user.js'></script>
+{{end}}