@openziti/ziti-console-lib 0.3.0

package/assets/scripts/components/multiselect.js

@@ -0,0 +1,333 @@
+/*
+    Copyright NetFoundry Inc.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+    https://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
+
+var SelectSource = function(id, append="", name="name", valId="id") {
+    this.id = id;
+    this.data = [];
+    this.append = append;
+    this.onLoaded = null;
+    this.variables = {
+        valId: id,
+        name: name
+    };
+
+    this.get = function(filter="") {
+        var params = {
+            type: this.id,
+            paging: {
+                page: 1,
+                total: 100,
+                sort: this.variables.name,
+                order: "ASC",
+                filter: filter,
+                noSearch: false,
+                searchOn: this.variables.name
+            }
+        };
+		service.call("data", params, this.loaded.bind(this));
+    }
+
+    this.loaded = function(e) {
+        this.data = e.data;
+        if (this.onLoaded) this.onLoaded(this);
+    }
+}
+
+var MultiSelect = function(id, max=10, freeform=false) {
+    this.id = id;
+    this.max = max;
+    this.datasources = [];
+    this.isSingle = false;
+    this.freeform = freeform; 
+    this.appendHash = false;
+    this.returnObject = false;
+    this.results = [];
+
+    this.element = null;
+    this.suggests = null;
+    this.selected = null;
+    this.filter = null;
+    this.isLoading = false;
+    this.filterId = null;
+
+
+
+    this.init = function() {
+        this.element = $("#"+this.id);
+        if (this.element) {
+            this.element.addClass("multiselector");
+            var html = '<div class="searchSelector'+((this.isSingle)?" only":"")+'"><input id="'+this.id+'Search" autocomplete="new-password" type="text" maxlength="500" data-i18n="TypeToFilter" />';
+            html += '<div id="'+this.id+'Selected" class="tagArea"></div></div>';
+            html += '<div id="'+this.id+'Suggest" data-index="0" class="suggests"></div>';
+            this.element.html(html);
+            this.suggests = $("#"+this.id+"Suggest");
+            this.selected = $("#"+this.id+"Selected");
+            this.filter = $("#"+this.id+"Search");
+        }
+        this.events();
+    }
+
+    this.events = function() {
+        $("#"+this.id+"Search").keyup(this.keyup.bind(this));
+        $("#"+this.id+"Search").focus(this.focus.bind(this));  
+        $(document).click((e) => {
+            setTimeout(() => {
+                if (!this.filter.is(":focus")) this.suggests.removeClass("open");
+            }, 50);
+        });    
+    }
+
+    this.tagEvents = function() {
+        this.element.find(".tagButton").off("click");
+        this.element.find(".tagButton").on("click", this.clicked.bind(this));
+    }
+
+    this.addSource = function(source) {
+        source.onLoaded = this.onLoaded.bind(this);
+        if (source.append=="#") this.appendHash = true;
+        source.get();
+        this.datasources.push(source);
+    }
+
+    this.onLoaded = function(source) {
+        var data = source.data;
+        for (let i=0; i<data.length; i++) {
+            this.results.push(data[i]);
+        }
+        let html = "";
+        for (var i=0; i<data.length; i++) {
+            var item = data[i];
+            if (!this.isSelected(item, source)) html += this.getHtml(item, source, false);
+        }
+        this.suggests.append(html);
+        if (this.results.length>0) {
+            if (this.filter.is(":focus")) this.suggests.addClass("open");
+        } else this.suggests.removeClass("open");
+        if (this.suggests.html()=="") this.suggests.removeClass("open");
+        this.tagEvents();
+    }
+
+    this.focus = function(e) {
+        if (this.results.length>0) {
+            if (this.suggests.html()=="") this.suggests.removeClass("open");
+            else this.suggests.addClass("open");
+        }
+    }
+
+    this.blur = function(e) {
+        // this.suggests.hide();
+    }
+
+    this.keyup = function(e) {
+        let newVal = this.filter.val().trim();
+        if (e && e.keyCode==13 && this.freeform) {
+            if (newVal.length>0&&newVal.charAt(0)=="@") {
+                this.suggests.children().each((i, e) => {
+                    if ($(e).find(".label").html()==newVal) {
+                        var html = this.ItemHtml($(e).data("id"), newVal, "", true);
+                        this.selected.append(html);
+                        this.filter.val("");
+                        this.keyup();
+                        this.tagEvents();
+                    }
+                });
+            } else {
+                if (this.appendHash) newVal = "#"+newVal;
+                if (!this.isSelected(newVal)) {
+                    var html = this.ItemHtml(newVal, newVal, "", true);
+                    this.selected.append(html);
+                    this.filter.val("");
+                    this.keyup();
+                    this.tagEvents();
+                }
+            }
+        } else {
+            this.suggests.children().each((i, e) => {
+                if ($(e).find(".label").html().indexOf(newVal)>=0) {
+                    $(e).show();
+                } else {
+                    $(e).hide();
+                }
+            });
+            if (this.filterId) {
+                clearTimeout(this.filterId);
+                this.filterId = null;
+            } 
+            this.filterId = setTimeout(() => {
+                this.doFilter();
+            }, 300);
+        }
+    }
+
+    this.doFilter = function() {
+        this.results = [];
+        this.suggests.empty();
+        var search = this.filter.val().trim();
+        if (search.charAt(0)=="@") search = search.substr(1);
+        if (search.charAt(0)=="#") search = search.substr(1);
+        for (var i=0; i<this.datasources.length; i++) {
+            this.datasources[i].get(search);
+        }
+    }
+
+    this.getHtml = function(item, source, isSelected) {
+        var tagType = "";
+        if (source.appennd=="#") tagType = "hash";
+        else if (source.append=="@") tagType = "at";
+        var id = "";
+        var name = "";
+        if (typeof item == "string") {
+            id = item;
+            name = item;
+        } else {
+            if (item.role) id = item.role;
+            else if (item.id) id = item.id;
+            if (item.name) name = item.name;
+        }
+        name = source.append+name;
+        return this.ItemHtml(id, name, tagType, isSelected);
+    }
+
+    this.ItemHtml = function(id, name, type, selected) {
+        id = app.validate(id);
+        name = app.validate(name);
+        type = app.validate(type);
+        if (name.charAt(0)=="@") type = "at";
+        else if (name.charAt(0)=="#") type = "hash";
+        if (type=="at" && id.charAt(0)!='@') id = "@"+id;
+        if ((type=="#" && id.charAt(0)!='#') || (name.charAt(0)=='#' && this.appendHash && id.charAt(0)!='#')) id = "#"+id;
+        return '<div class="'+type+'tag tagButton'+((selected)?' icon-close':'')+'" data-id="'+id+'"><span class="label">'+name+'</span></div>';
+    },
+
+    this.isSelected = function(item, source) {
+        var id = "";
+        let isSelect = false;
+        if (typeof item == "string") {
+            id = item;
+        } else {
+            if (source&&item.hasOwnProperty(source.variables.id)) id = item[source.variables.id];
+        }
+        this.selected.children().each((i, e) => {
+            if ($(e).data("id")==id) isSelect = true;
+        });
+        this.suggests.children().each((i, e) => {
+            if ($(e).data("id")==id) isSelect = true;
+        });
+        return isSelect;
+    }
+
+    this.getSource = function(name) {
+        var startChar = name.charAt(0);
+        let source = null;
+        if (startChar!="@" && startChar!="#")
+        for (var i=0; i<this.datasources.length; i++) {
+            let ds = this.datasources[i];
+            if (ds.append==startChar) return this.datasources[i];
+            else source = this.datasources[i];
+        }
+        return source;
+    }
+
+    this.val = function(values) {
+        if (values) {
+            this.selected.empty();
+            if (this.isSingle) values = [values];
+            for (let i=0; i<values.length; i++) {
+                var item = values[i];
+                var id = "";
+                var name = "";
+                if (typeof item == "string") {
+                    id = item;
+                    name = item;
+                } else {
+                    let source = null;
+                    if (item.id && item.name) {
+                        id = item.id;
+                        name = item.name;
+                    } else if (item.role && item.name) {
+                        id = item.role;
+                        name = item.name;
+                    } else {
+                        if (this.datasources && this.datasources.length>0) {
+                            source = this.getSource(item.name);
+    
+                            if (item.hasOwnProperty(source.variables.id)) id = item[source.variables.id];
+                            if (item.hasOwnProperty(source.variables.name)) name = item[source.variables.name];
+                        }
+                    }
+                }
+                this.selected.append(this.ItemHtml(id, name, "", true));
+            }
+            this.filter.val("");
+            this.tagEvents();
+        } else {
+            values = [];
+            this.selected.children().each((i, e) => {
+                if (this.returnObject) {
+                    var value = {
+                        id: $(e).data("id"),
+                        name: $(e).find(".label").html()
+                    };
+                    values.push(value);
+                } else {
+                    values.push($(e).data("id"));
+                }
+            });
+            if (values.length>0) {
+                if (this.isSingle) return values[0];
+                else return values;
+            } else {
+                if (this.isSingle) return null;
+                else return values;
+            }
+        }
+    }
+
+    this.clicked = function(e) {
+        let elem = $(e.currentTarget);
+        if (elem.hasClass("icon-close")) {
+            elem.remove();
+            this.filter.focus();
+            this.doFilter();
+        } else {
+            if (this.isSingle) this.selected.empty();
+            let found = false;
+            let newName = elem.children("span").html();
+            this.selected.children().each((i, e) => {
+                var currentItem = $(e);
+                let name = currentItem.children("span").html();
+                if (name==newName) {
+                    found = true;
+                    currentItem.addClass("error");
+                    setTimeout(function() {
+                        currentItem.removeClass("error");
+                    }, 500);
+                }
+            });
+            if (!found) {
+                this.filter.val("");
+                this.filter.focus();
+                elem.remove();
+                elem.addClass("icon-close");
+                this.selected.append(elem);
+                this.tagEvents();
+                if (this.suggests.html()=="") this.suggests.removeClass("open");
+            }
+            if (this.isSingle) this.suggests.removeClass("open");
+        }
+    }
+
+}

package/assets/scripts/components/network/types/DOMutil.d.ts

@@ -0,0 +1,99 @@
+/**
+ * this prepares the JSON container for allocating SVG elements
+ * @param {Object} JSONcontainer
+ * @private
+ */
+export function prepareElements(JSONcontainer: any): void
+
+/**
+ * this cleans up all the unused SVG elements. By asking for the parentNode, we only need to supply the JSON container from
+ * which to remove the redundant elements.
+ *
+ * @param {Object} JSONcontainer
+ * @private
+ */
+export function cleanupElements(JSONcontainer: any): void
+
+/**
+ * Ensures that all elements are removed first up so they can be recreated cleanly
+ * @param {Object} JSONcontainer
+ */
+export function resetElements(JSONcontainer: any): void
+
+/**
+ * Allocate or generate an SVG element if needed. Store a reference to it in the JSON container and draw it in the svgContainer
+ * the JSON container and the SVG container have to be supplied so other svg containers (like the legend) can use this.
+ *
+ * @param {string} elementType
+ * @param {Object} JSONcontainer
+ * @param {Object} svgContainer
+ * @returns {Element}
+ * @private
+ */
+export function getSVGElement(
+  elementType: any,
+  JSONcontainer: any,
+  svgContainer: any
+): any
+
+/**
+ * Allocate or generate an SVG element if needed. Store a reference to it in the JSON container and draw it in the svgContainer
+ * the JSON container and the SVG container have to be supplied so other svg containers (like the legend) can use this.
+ *
+ * @param {string} elementType
+ * @param {Object} JSONcontainer
+ * @param {Element} DOMContainer
+ * @param {Element} insertBefore
+ * @returns {*}
+ */
+export function getDOMElement(
+  elementType: any,
+  JSONcontainer: any,
+  DOMContainer: any,
+  insertBefore: any
+): any
+
+/**
+ * Draw a point object. This is a separate function because it can also be called by the legend.
+ * The reason the JSONcontainer and the target SVG svgContainer have to be supplied is so the legend can use these functions
+ * as well.
+ *
+ * @param {number} x
+ * @param {number} y
+ * @param {Object} groupTemplate: A template containing the necessary information to draw the datapoint e.g., {style: 'circle', size: 5, className: 'className' }
+ * @param {Object} JSONcontainer
+ * @param {Object} svgContainer
+ * @param {Object} labelObj
+ * @returns {vis.PointItem}
+ */
+export function drawPoint(
+  x: any,
+  y: any,
+  groupTemplate: any,
+  JSONcontainer: any,
+  svgContainer: any,
+  labelObj: any
+): any
+
+/**
+ * draw a bar SVG element centered on the X coordinate
+ *
+ * @param {number} x
+ * @param {number} y
+ * @param {number} width
+ * @param {number} height
+ * @param {string} className
+ * @param {Object} JSONcontainer
+ * @param {Object} svgContainer
+ * @param {string} style
+ */
+export function drawBar(
+  x: any,
+  y: any,
+  width: any,
+  height: any,
+  className: any,
+  JSONcontainer: any,
+  svgContainer: any,
+  style: any
+): void

package/assets/scripts/components/network/types/index-legacy-bundle.d.ts

@@ -0,0 +1,4 @@
+export * from "./index-legacy";
+import * as vis from "./index-legacy";
+export { vis as default };
+//# sourceMappingURL=index-legacy-bundle.d.ts.map

package/assets/scripts/components/network/types/index-legacy-bundle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-legacy-bundle.d.ts","sourceRoot":"","sources":["../../lib/index-legacy-bundle.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAG/B,OAAO,KAAK,GAAG,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,GAAG,IAAI,OAAO,EAAE,CAAC"}

package/assets/scripts/components/network/types/index-legacy.d.ts

@@ -0,0 +1,24 @@
+export * from "./network/Network";
+import * as gephiParser from "./network/gephiParser";
+export declare const network: {
+    Images: any;
+    dotparser: any;
+    gephiParser: typeof gephiParser;
+    allOptions: any;
+    convertDot: any;
+    convertGephi: typeof gephiParser.parseGephi;
+};
+import * as DOMutil from "./DOMutil";
+export { DOMutil };
+import * as util from "vis-util";
+export { util };
+import * as data from "vis-data";
+export { data };
+export { DataSet, DataView, Queue } from "vis-data";
+import * as moment from "./module/moment";
+export { moment };
+import * as Hammer from "./module/hammer";
+export { Hammer };
+import * as keycharm from "keycharm";
+export { keycharm };
+//# sourceMappingURL=index-legacy.d.ts.map

package/assets/scripts/components/network/types/index-legacy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-legacy.d.ts","sourceRoot":"","sources":["../../lib/index-legacy.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAIlC,OAAO,KAAK,WAAW,MAAM,uBAAuB,CAAC;AAGrD,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAGF,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,CAAC;AAGnB,OAAO,KAAK,IAAI,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,CAAC;AAGhB,OAAO,KAAK,IAAI,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGpD,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/assets/scripts/components/network/types/index-peer.d.ts

@@ -0,0 +1,11 @@
+export * from "./network/Network";
+export { default as NetworkImages } from "./network/Images";
+import * as dotparser from "./network/dotparser";
+export { dotparser as networkDOTParser };
+export declare const parseDOTNetwork: any;
+import * as gephiParser from "./network/gephiParser";
+export { parseGephi as parseGephiNetwork } from "./network/gephiParser";
+export { gephiParser as networkGephiParser };
+import * as allOptions from "./network/options";
+export { allOptions as networkOptions };
+//# sourceMappingURL=index-peer.d.ts.map

package/assets/scripts/components/network/types/index-peer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-peer.d.ts","sourceRoot":"","sources":["../../lib/index-peer.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAElC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,KAAK,SAAS,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,CAAC;AACzC,eAAO,MAAM,eAAe,KAAuB,CAAC;AAEpD,OAAO,KAAK,WAAW,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,CAAC;AAE7C,OAAO,KAAK,UAAU,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,CAAC"}

package/assets/scripts/components/network/types/index-standalone.d.ts

@@ -0,0 +1,7 @@
+export * from "./index-peer";
+import * as util from "vis-util";
+export { util };
+import * as data from "vis-data";
+export { data };
+export { DataSet, DataView, Queue } from "vis-data";
+//# sourceMappingURL=index-standalone.d.ts.map

package/assets/scripts/components/network/types/index-standalone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-standalone.d.ts","sourceRoot":"","sources":["../../lib/index-standalone.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAG7B,OAAO,KAAK,IAAI,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,CAAC;AAGhB,OAAO,KAAK,IAAI,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC"}

package/assets/scripts/components/network/types/module/hammer.d.ts

@@ -0,0 +1,2 @@
+import hammer from '@egjs/hammerjs'
+export = hammer

package/assets/scripts/components/network/types/module/moment.d.ts

@@ -0,0 +1,2 @@
+import moment from 'moment'
+export = moment

package/assets/scripts/components/network/types/network/Images.d.ts

@@ -0,0 +1,2 @@
+declare const whoKnowsWhat: any
+export default whoKnowsWhat