initial commit

1 files changed, 77 insertions, 0 deletions

diff --git a/src/static/js/playbook_status.js b/src/static/js/playbook_status.js
new file mode 100644
index 0000000..3816dce
--- /dev/null
+++ b/src/static/js/playbook_status.js
@@ -0,0 +1,77 @@
+// Setup dxGrid with data from Django
+function PlaybookStatusGrid(query_result) {
+    console.log("in here");
+    console.log(query_result);
+    $("#PlaybookGridContainer").dxDataGrid({
+        dataSource: query_result,
+        showColumnLines: false,
+        showRowLines: true,
+        rowAlternationEnabled: true,
+        columnsAutoWidth: true,
+        showBorders: true,
+        searchPanel: {
+            visible: true,
+            width: 240,
+            placeholder: "Search..."
+        },
+        groupPanel: {
+            visible: true
+        },
+        paging: {
+            pageSize: 10
+        },
+        pager: {
+            showPageSizeSelector: true,
+            allowedPageSizes: [5, 10, 20],
+            showInfo: true
+        },
+        columns: [{
+                dataField: "fields.fuze_spm_site_name",
+                dataType: "string",
+                caption: "Fuze Site Name"
+            },
+            {
+                dataField: "fields.fuze_spm_site_id",
+                dataType: "datetime",
+                caption: "Fuze Site Id"
+            },
+            {
+                dataField: "fields.cluster_name",
+                dataType: "datetime",
+                caption: "Cluster Name",
+                cellTemplate: function(container, options) {
+                    $('<a/>').addClass('dx-link')
+                        .text(options.data.fields.cluster_name)
+                        .on('dxclick', function() {
+                            window.open('/dashboard/cluster/' + options.data.fields.cluster_name)
+                        })
+                        .appendTo(container);
+                }
+            },
+            {
+                dataField: "fields.playbook_name",
+                dataType: "datetime",
+                caption: "Playbook",
+                cellTemplate: function(container, options) {
+                    $('<a/>').addClass('dx-link')
+                        .text(options.data.fields.playbook_name)
+                        .on('dxclick', function() {
+                            window.open('/dashboard/playbook/' + options.data.fields.playbook_name)
+                        })
+                        .appendTo(container);
+                }
+            },
+            {
+                dataField: "fields.status",
+                dataType: "datetime",
+                caption: "Status"
+            },
+            {
+                dataField: "fields.created_at",
+                dataType: "datetime",
+                format: "M/d/yyyy, HH:mm",
+                caption: "Update at"
+            }
+        ]
+    });
+};
\ No newline at end of file