@openziti/ziti-console-lib 0.12.10 → 1.0.0

package/assets/html/service-policies.htm

@@ -1,197 +0,0 @@
-    
-    <!-- General Page Layout HTML -->
-    <div class="header">
-        <div class="title">Manage <span data-i18n="ServicePolicies"></span></div>
-        <div class="bread">Ziti Network <span class="secondary">/</span> Manage <span data-i18n="ServicePolicies"></span></div>
-        <div class="line"></div>
-        {{html.tabPolicies}}
-    </div>
-    <div class="action icon-plus" data-action="add"></div>
-    <div class="filters">
-        <input id="SearchFilter" data-defined="search" type="text" class="search" placeholder="Type to Filter" />
-        <div class="clear icon-clear" data-defined="clear"></div>
-        <div class="searchButton icon-search"></div>
-        <div class="counters"><span id="Start">-</span>-<span id="End">-</span> of <span id="Total">-</span></div>
-        <div class="navigate prev icon-prev disabled"></div>
-        <div class="navigate next icon-next disabled"></div>
-    </div>
-    <div class="area data" data-defined="table">
-        <div class="table">
-            <div class="head grid columns">
-                <div class="col">
-                    <div class="selector all"></div>
-                </div>
-                <div class="col sort asc" data-by="name">Name<div class="dragger"></div></div>
-                <div class="col desktop">Services<div class="dragger"></div></div>
-                <div class="col desktop">Identities<div class="dragger"></div></div>
-                <div class="col desktop">Posture Checks<div class="dragger"></div></div>
-                <div class="col desktop sort" data-by="semantic">Semantic<div class="dragger"></div></div>
-                <div class="col desktop sort">Type<div class="dragger"></div></div>
-                <div class="col"></div>
-            </div>
-            <div class="rows" data-defined="rows">
-                <!-- This area will be replaced by data rows -->
-            </div>
-        </div>
-    </div>
-    <div class="nodata" data-defined="empty">No <span data-i18n="ServicePolicies"></span> Defined, Click the plus to add a <span data-i18n="ServicePolicy"></span>.</div>
-
-
-
-    <!-- Template HTML will be used to display rows of data -->
-    <div id="RowTemplate" class="row grid columns template" data-defined="template">
-        <div class="col notitle">
-            <div class="selector" data-id="{{id}}"></div>
-        </div>
-        <div class="col" data-id="{{id}}"><a href="javascript:page.edit('{{id}}');">{{name}}</a></div>
-        <div class="col desktop" data-id="{{id}}">{{selector.serviceRoles}}</div>
-        <div class="col desktop" data-id="{{id}}">{{selector.identityRoles}}</div>
-        <div class="col desktop" data-id="{{id}}">{{selector.postureCheckRoles}}</div>
-        <div class="col desktop" data-id="{{id}}">{{semantic}}</div>
-        <div class="col desktop" data-id="{{id}}">{{type}}</div>
-        <div class="col allowOver">
-            <div class="dots" data-id="{{id}}">...
-                <div class="gridMenu" data-id="{{id}}">
-                    <div class="gridAction" data-id="{{id}}" data-action="edit">Edit</div>
-                    <div class="gridAction" data-id="{{id}}" data-action="delete">Delete</div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-
-
-
-	<!-- Modification Modals -->
-    <div id="AddModal" class="modal box full">
-        <div class="sized large">
-            <div class="close icon-close"></div>
-            <div class="title adding">Create <span data-i18n="ServicePolicy"></span></div>
-            <div class="subtitle adding">Add a New <span data-i18n="ServicePolicy"></span> by completing the following form</div>
-            <div class="title editing">Edit <span data-i18n="ServicePolicy"></span></div>
-            <div class="subtitle editing">Change the <span data-i18n="ServicePolicy"></span> Details</div>
-            <div class="grid split">
-                <div>
-                    <label for="Name">Name</label>
-                    <input id="Name" type="text" data-bind="data.name" maxlength="500" placeholder="Enter a name" data-enter="SaveButton" />
-                    <label for="Type">Type</label>
-                    <select id="Type" data-bind="data.type" data-default="Bind" data-enter="SaveButton">
-                        <option value="Bind" selected>Bind</option>
-                        <option value="Dial">Dial</option>
-                    </select>
-                    <label for="Roles">Service Role Attributes</label>
-                    <div id="Roles"></div>
-                    <label for="IDRoles">Identity Role Attributes</label>
-                    <div id="IDRoles"></div>
-                    <label for="PCRoles">Posture Check Role Attributes</label>
-                    <div id="PCRoles"></div>
-                    <label for="Semantics">Semantics</label>
-                    <select id="Semantics" data-bind="data.semantic" data-default="AnyOf" data-enter="SaveButton">
-                        <option value="AnyOf">Has Any Role</option>
-                        <option value="AllOf">Must Have All Roles</option>
-                    </select>
-                </div>
-                <div>
-                    <div id="TagArea" data-tagarea="policies"></div>
-                    {{html.customtags}}
-                    {{html.api}}
-                    {{html.save}}
-                </div>
-            </div>
-        </div>
-	</div>
-
-    <style>
-        .columns {
-	        grid-template-columns: 50px minmax(150px, auto) 25% 25% 10% 100px 100px 50px;
-        }
-    </style>
-    
-    <script language="javascript" type="text/javascript">
-        page = {
-            filterObject: null,
-            serviceRoles: null,
-            identityRoles: null,
-            pcRoles: null,
-            apiParams: null,
-            init: function() {
-
-                page.identityRoles = new MultiSelect("IDRoles", 10, true);
-                page.identityRoles.appendHash = true;
-                page.identityRoles.addSource(new SelectSource("identities", "@", "name", "role")); 
-                page.identityRoles.addSource(new SelectSource("identity-role-attributes", "#", "id")); 
-                page.identityRoles.init();
-
-                page.serviceRoles = new MultiSelect("Roles",  10, true);
-                page.serviceRoles.appendHash = true;
-                page.serviceRoles.addSource(new SelectSource("services", "@", "name", "role")); 
-                page.serviceRoles.addSource(new SelectSource("service-role-attributes", "#", "id")); 
-                page.serviceRoles.init();
-
-                page.pcRoles = new MultiSelect("PCRoles",  10, true);
-                page.pcRoles.appendHash = true;
-                page.pcRoles.addSource(new SelectSource("posture-checks", "@")); 
-                page.pcRoles.appendHash = true;
-                page.pcRoles.init();
-
-                page.filterObject = new Data("service-policies");
-                page.filterObject.init(true, true);
-
-                page.apiParams = CodeMirror.fromTextArea(document.getElementById("ApiParams"), { mode: "application/json", lineNumbers: true, extraKeys: {"Ctrl-Space": "autocomplete"}, readOnly: true });
-            }, 
-            gridAction: function(e) {
-                var action = $(e.currentTarget).data("action");
-                var id = $(e.currentTarget).data("id");
-                if (action=="delete") page.filterObject.delete([id]);
-                else if (action=="edit") page.edit(id);
-            },
-            edit: function(id) {
-                var detail = page.filterObject.details(id);
-                page.serviceRoles.val(detail.serviceRolesDisplay);
-                page.identityRoles.val(detail.identityRolesDisplay);
-                page.pcRoles.val(detail.postureCheckRolesDisplay);
-                page.params();
-                modal.show("AddModal");
-            },
-            save: function() {
-                if (page.validate()) {
-                    var obj = page.params();
-                    page.filterObject.save(obj);
-                } else growler.form();
-            },
-            formReset: function() {
-                page.params();
-            },
-            params: function() {
-                try {  
-                    var obj = {
-                        name: $("#Name").val(),
-                        type: $("#Type").val(),
-                        serviceRoles: page.serviceRoles.val(),
-                        identityRoles: page.identityRoles.val(),
-                        postureCheckRoles: page.pcRoles.val(),
-                        semantic: $("#Semantics").val(),
-                        tags: tags.val()
-                    };
-
-                    var url = settings.versionData.baseUrl+settings.versionData.serviceUrl+"/"+page.filterObject.name;
-                    if (page.filterObject.isEditing()) url += "/"+page.filterObject.editId;
-                    $("#ApiUrl").val(url);  
-                    var stayAt = $("#AddModal").scrollTop();
-                    page.apiParams.setValue(JSON.stringify(obj));
-                    page.apiParams.autoFormatRange({line:0, ch:0}, {line:page.apiParams.lineCount()});
-                    page.apiParams.scrollTo(null, 0);
-                    $("#AddModal").scrollTop(stayAt);
-
-                    return obj
-                } catch (e) {
-                    console.log(e);
-                }
-            },
-            validate: function() {
-                $(".errors").removeClass("errors");
-                if ($("#Name").val().trim().length==0) $("#Name").addClass("errors");
-                return $(".errors").length==0;
-            }
-        }
-    </script>

package/assets/html/service-router-policies.htm

@@ -1,170 +0,0 @@
-    <!-- General Page Layout HTML -->
-    <div class="header">
-        <div class="title">Manage <span data-i18n="ServiceRouterPolicies"></span></div>
-        <div class="bread">Ziti Network <span class="secondary">/</span> Manage <span data-i18n="ServiceRouterPolicies"></span></div>
-        <div class="line"></div>
-        {{html.tabPolicies}}
-    </div>
-    <div class="action icon-plus" data-action="add"></div>
-    <div class="filters">
-        <input id="SearchFilter" data-defined="search" type="text" class="search" placeholder="Type to Filter" />
-        <div class="clear icon-clear" data-defined="clear"></div>
-        <div class="searchButton icon-search"></div>
-        <div class="counters"><span id="Start">-</span>-<span id="End">-</span> of <span id="Total">-</span></div>
-        <div class="navigate prev icon-prev disabled"></div>
-        <div class="navigate next icon-next disabled"></div>
-    </div>
-    <div class="area data" data-defined="table">
-        <div class="table">
-            <div class="head grid six">
-                <div class="col">
-                    <div class="selector all"></div>
-                </div>
-                <div class="col sort asc" data-by="name">Name<div class="dragger"></div></div>
-                <div class="col desktop">Routers<div class="dragger"></div></div>
-                <div class="col desktop">Services<div class="dragger"></div></div>
-                <div class="col desktop sort" data-by="semantic">Semantic<div class="dragger"></div></div>
-                <div class="col"></div>
-            </div>
-            <div class="rows" data-defined="rows">
-                <!-- This area will be replaced by data rows -->
-            </div>
-        </div>
-    </div>
-    <div class="nodata" data-defined="empty">No <span data-i18n="ServiceRouterPolicies"></span> Defined, Click the plus to add a <span data-i18n="ServiceRouterPolicy"></span>.</div>
-
-
-
-    <!-- Template HTML will be used to display rows of data -->
-    <div id="RowTemplate" class="row grid six template" data-defined="template">
-        <div class="col">
-            <div class="selector" data-id="{{id}}"></div>
-        </div>
-        <div class="col" data-id="{{id}}"><a href="javascript:page.edit('{{id}}');">{{name}}</a></div>
-        <div class="col desktop" data-id="{{id}}">{{selector.edgeRouterRoles}}</div>
-        <div class="col desktop" data-id="{{id}}">{{selector.serviceRoles}}</div>
-        <div class="col desktop" data-id="{{id}}">{{semantic}}</div>
-        <div class="col allowOver">
-            <div class="dots" data-id="{{id}}">...
-                <div class="gridMenu" data-id="{{id}}">
-                    <div class="gridAction" data-id="{{id}}" data-action="edit">Edit</div>
-                    <div class="gridAction" data-id="{{id}}" data-action="delete">Delete</div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-
-
-
-	<!-- Modification Modals -->
-    <div id="AddModal" class="modal box full">
-        <div class="sized large">
-            <div class="close icon-close"></div>
-            <div class="title adding">Create <span data-i18n="ServiceRouterPolicy"></span></div>
-            <div class="subtitle adding">Add a New <span data-i18n="ServiceRouterPolicy"></span> by completing the following form</div>
-            <div class="title editing">Edit <span data-i18n="ServiceRouterPolicy"></span></div>
-            <div class="subtitle editing">Change the <span data-i18n="ServiceRouterPolicy"></span> Details</div>
-            <div class="grid split">
-                <div>
-                    <label for="Name">Name</label>
-                    <input id="Name" type="text" data-bind="data.name" maxlength="500" placeholder="Enter a name" data-enter="SaveButton" />
-                    <label for="RouterRoles">Router Role Attributes</label>
-                    <div id="RouterRoles"></div>
-                    <label for="ServiceRoles">Service Role Attributes</label>
-                    <div id="ServiceRoles"></div>
-                    <label for="Semantics">Semantics</label>
-                    <select id="Semantics" data-bind="data.semantic" data-default="AnyOf" data-enter="SaveButton">
-                        <option value="AnyOf">Has Any Role Attribute</option>
-                        <option value="AllOf">Must Have All Role Attributes</option>
-                    </select>
-                </div>
-                <div>
-                    <div id="TagArea" data-tagarea="policies"></div>
-                    {{html.customtags}}
-                    {{html.api}}
-                    {{html.save}}
-                </div>
-            </div>
-        </div>
-	</div>
-    
-    
-    <script language="javascript" type="text/javascript">
-        page = {
-            filterObject: null,
-            routerRoles: null,
-            serviceRoles: null,
-            apiParams: null,
-            init: function() {
-                page.routerRoles = new MultiSelect("RouterRoles", 10, true);
-                page.routerRoles.appendHash = true;
-                page.routerRoles.addSource(new SelectSource("routers", "@", "name", "role"));
-                page.routerRoles.addSource(new SelectSource("edge-router-role-attributes", "#", "id"));
-                page.routerRoles.init();
-
-                page.serviceRoles = new MultiSelect("ServiceRoles",  10, true);
-                page.serviceRoles.appendHash = true;
-                page.serviceRoles.addSource(new SelectSource("services", "@", "name", "role"));
-                page.serviceRoles.addSource(new SelectSource("service-role-attributes", "#", "id"));
-                page.serviceRoles.init();
-
-                page.filterObject = new Data("service-edge-router-policies");
-                page.filterObject.init(true, true);
-
-                page.apiParams = CodeMirror.fromTextArea(document.getElementById("ApiParams"), { mode: "application/json", lineNumbers: true, extraKeys: {"Ctrl-Space": "autocomplete"}, readOnly: true });
-            }, 
-            gridAction: function(e) {
-                var action = $(e.currentTarget).data("action");
-                var id = $(e.currentTarget).data("id");
-                if (action=="delete") page.filterObject.delete([id]);
-                else if (action=="edit") page.edit(id);
-            },
-            edit: function(id) {
-                var detail = page.filterObject.details(id);
-                page.routerRoles.val(detail.edgeRouterRoles);
-                page.serviceRoles.val(detail.serviceRoles);
-                page.params();
-                modal.show("AddModal");
-            },
-            save: function() {
-                if (page.validate()) {
-                    var obj = page.params();
-                    page.filterObject.save(obj);
-                } else growler.form();
-            },
-            formReset: function() {
-                page.params();
-            },
-            params: function() {
-                try {  
-                    var obj = {
-                        name: $("#Name").val(),
-                        type: $("#Type").val(),
-                        serviceRoles: page.serviceRoles.val(),
-                        edgeRouterRoles: page.routerRoles.val(),
-                        semantic: $("#Semantics").val(),
-                        tags: tags.val()
-                    };
-
-                    var url = settings.versionData.baseUrl+settings.versionData.serviceUrl+"/"+page.filterObject.name;
-                    if (page.filterObject.isEditing()) url += "/"+page.filterObject.editId;
-                    $("#ApiUrl").val(url);  
-                    var stayAt = $("#AddModal").scrollTop();
-                    page.apiParams.setValue(JSON.stringify(obj));
-                    page.apiParams.autoFormatRange({line:0, ch:0}, {line:page.apiParams.lineCount()});
-                    page.apiParams.scrollTo(null, 0);
-                    $("#AddModal").scrollTop(stayAt);
-
-                    return obj
-                } catch (e) {
-                    console.log(e);
-                }
-            },
-            validate: function() {
-                $(".errors").removeClass("errors");
-                if ($("#Name").val().trim().length==0) $("#Name").addClass("errors");
-                return $(".errors").length==0;
-            }
-        }
-    </script>