Updated TheTool Frontend Framework & Table

Layout/default/DocumentationCheck/Index.php

@@ -0,0 +1,66 @@
+<?php /** @noinspection PhpUndefinedClassInspection
+ * @var string $mfLayoutPackage
+ * @var TYPE_NAME $git_merge_ts
+ */
+
+//additional css /css/views/RaspberryDisplay.css
+
+$JSGlobals = ["BASE_URL" => self::getUrl("DocumentationCheck"),
+    "DASHBOARD_URL" => self::getUrl("Dashboard"),
+    "MFAPPNAME" => MFAPPNAME_SLUG,
+    "PAGE_TITLE" => "Documentation Check",
+    "PATH" => [
+        ["text" => MFAPPNAME_SLUG, "href" => self::getUrl("Dashboard")],
+        ["text" => "Documentation Check", "href" => self::getUrl("DocumentationCheck")]
+    ],
+    "DOCUMENTATION_CHECK_API_URL" => self::getUrl("DocumentationCheck/api"),
+];
+
+$additionalJS = ["plugins/vue/vue.js",
+    "plugins/axios/axios.min.js",
+    "plugins/vue/tt-components/tt-page-title.js",
+    "plugins/vue/tt-components/tt-table.js",
+];
+$additionalCSS = [
+    'plugins/vue/tt-components/css/tt-table.css',
+];
+
+include(realpath(dirname(__FILE__) . "/../../$mfLayoutPackage") . "/header.php"); ?>
+
+<div id="app">
+    <tt-page-title :title="window['TT_CONFIG']['PAGE_TITLE']" :path="window['TT_CONFIG']['PATH']"></tt-page-title>
+
+    <tt-table :fetch-url="window['TT_CONFIG']['DOCUMENTATION_CHECK_API_URL'] + '?do=getDocumentationFails'" :table-config="DocumentationCheckTableConfig" small ref="table">
+    </tt-table>
+</div>
+
+<script>
+    new Vue({
+        el: '#app',
+        data: {
+            window: window,
+            DocumentationCheckTableConfig: {
+                headers: [
+                    {text: 'Device Name', key: 'deviceName', filter: false},
+                    {text: 'Device IP', key: 'deviceIP', filter: false},
+                    {text: 'Zabbix Host Name', key: 'zabbixHostName', filter: false},
+                    {text: 'Zabbix Host IP', key: 'zabbixHostIP', filter: false},
+                    {text: 'Device In Zabbix', key: 'checkDeviceInZabbix', filter: false},
+                    {text: 'Device Has ICMP Ping', key: 'checkDeviceHasICMPPing', filter: false},
+                    {text: 'Device Has Same Name', key: 'checkDeviceHasSameName', filter: false},
+                    {text: 'Device Has Same IP', key: 'checkDeviceHasSameIP', filter: false},
+                ],
+                tableHeader: 'Monitoring Dokumentations Check',
+
+
+            },
+            refreshLoading: false,
+            autoRefresh: null,
+        },
+        mounted() {
+            $('[data-toggle="tooltip"]').tooltip();
+        },
+    })
+</script>
+<?php include(realpath(dirname(__FILE__) . "/../../$mfLayoutPackage") . "/footer.php"); ?>
+