@openziti/ziti-console-lib 0.12.11 → 1.0.0

package/assets/html/login.htm

@@ -1,131 +0,0 @@
-		<script language="javascript" type="text/javascript">
-			page = {
-				isSetup: false,
-				init: function() {
-					this.events();
-					settings.init();
-					service.call("version", {}, (e) => {
-						$("#LoginVersion").html("V"+e.zac);
-					});
-					$("main").addClass("login");
-				}, 
-				events: function() {
-					$("#LoginButton").click(page.login);
-					$("#SetControllerButton").click(page.create);
-					$("#BackToLogin").click(page.back);
-					$("#EdgeControllerList").change(page.edgeChanged);
-					context.addListener(user.name,page.loggedIn);
-					context.addListener(settings.name, page.settingsReturned);
-					if ((new URLSearchParams(window.location.search)).has("logout")) {
-						setTimeout(() => {
-							growler.error("Cannot Reach Server", "Your session has expired");
-						}, 500);
-					}
-				},
-				login: function() {
-					context.set("serviceUrl", $("#EdgeControllerList").val());
-					user.login(
-						$("#EdgeControllerList").val(),
-						$("#Username").val().trim(), 
-						$("#Password").val()
-					);
-				},
-				loggedIn: function() {
-					
-				},
-				back: function() {
-					$(".edgecreate").removeClass("open");
-					$(".userlogin").addClass("open");
-					$("#EdgeControllerList").prop('selectedIndex', 0);
-				},
-				create: function() {
-					if (page.validate()) {
-						settings.addContoller($("#EdgeName").val(), $("#EdgeUrl").val());
-						context.set("serviceUrl", $("#EdgeUrl").val());
-					} else growler.form();
-				},
-				validate: function() {
-					$(".errors").removeClass("errors");
-					if ($("#EdgeName").val().trim().length==0) $("#EdgeName").addClass("errors");
-					if ($("#EdgeUrl").val().trim().length==0) $("#EdgeUrl").addClass("errors");
-					return $(".errors").length==0;
-				},
-				edgeChanged: function(e) {
-					var val = $("#EdgeControllerList").val();
-					if (val.length==0) {
-						$("#EdgeName").val("");
-						$("#EdgeUrl").val("");
-						$(".edgecreate").addClass("open");
-						$(".userlogin").removeClass("open");
-					} else {
-						$(".edgecreate").removeClass("open");
-						$(".userlogin").addClass("open");
-					}
-				},
-				settingsReturned: function(e) {
-					$(".open").removeClass("open");
-					$("#EdgeControllerList").html("");
-					if (settings.data.edgeControllers.length>0) {
-						$("#BackToLogin").show();
-						$(".userlogin").addClass("open");
-						var isSelected = false;
-						for (var i=0; i<settings.data.edgeControllers.length; i++) {
-							var controller = settings.data.edgeControllers[i];
-							page.isSetup = true;
-							if (controller.default) {
-								$("#EdgeControllerList").append('<option value="'+controller.url+'" selected>'+controller.name+' ('+controller.url+')</option>');
-								isSelected = true;
-							} else {
-								$("#EdgeControllerList").append('<option value="'+controller.url+'">'+controller.name+' ('+controller.url+')</option>');
-							}
-						}
-						if (settings.data.editable || settings.data.editable==null) {
-							$(".edge").show();
-						} else {
-							$(".edge").hide();
-							$(".defined").html($("#EdgeControllerList").val());
-							$(".defined").show();
-						}
-					} else {
-						$("#BackToLogin").hide();
-						$(".edgecreate").addClass("open");
-					}
-					$("#EdgeControllerList").append('<option value="">Connect to a new Edge Controller</option>');
-					var lastUrl = context.get("serviceUrl");
-					if (lastUrl&&lastUrl.trim().length>0) $("#EdgeControllerList").val(lastUrl);
-				}
-			}
-		</script>
-		<style>
-			.edgecreate, .userlogin {
-				display: none;
-			}
-			.edgecreate.open, .userlogin.open {
-				display: inline-block;
-			}
-		</style>
-		<div id="LoginForm" class="form mini">
-			<div class="title">Ziti Admin Console</div>
-			<div class="subtitle">Welcome, please login to continue</div>
-
-			<label for="EdgeControllerList" class="userlogin">Edge Controller</label>
-			<select id="EdgeControllerList" class="userlogin edge" style="display: none;"></select>
-			<div id="SelectedEdgeController" class="defined" style="display: none;"></div>
-			<label for="EdgeName" class="edgecreate">Edge Controller Name</label>
-			<input id="EdgeName" type="text" max="100" placeholder="enter a name for your controller" data-enter="SetControllerButton" class="edgecreate" />
-			<label for="EdgeUrl" class="edgecreate">Url</label>
-			<input id="EdgeUrl" type="text" max="500" placeholder="e.g. http://10.0.0.1:1280" data-enter="SetControllerButton" class="edgecreate" />
-
-			<label for="Username" class="userlogin">Username</label> 
-			<input id="Username" class="userlogin" type="text" max="500" placeholder="enter your login username" data-enter="LoginButton" autocomplete="on" />
-			<label for="Password" class="userlogin">Password</label>
-			<input id="Password" class="userlogin" type="password" max="500" placeholder="enter the password for your account" data-enter="LoginButton" autocomplete="on" />
-
-			<div class="buttons userlogin">
-				<div id="LoginButton" class="button">Login</div>
-			</div>
-			<div id="CreateArea" class="edgecreate buttons">
-				<div id="BackToLogin" class="linkButton">Back To Login</div>
-				<div id="SetControllerButton" class="button ">Set Controller</div>
-			</div>
-		</div>

package/assets/html/organization.htm

@@ -1,223 +0,0 @@
-<div class="header">
-    <div class="title">Manage <span data-bind="pageTitle"></span></div>
-    <div class="bread">Ziti Network <span class="secondary">/</span> Manage <span data-bind="pageTitle"></span></div>
-    {{html.line}}
-    {{html.tabServers}}
-</div>
-<div class="action icon-plus" data-action="add"></div>
-<div class="area data">
-    <div class="noitems"></div>
-    <div class="table">
-        <div class="head grid flive">
-            <div class="col padCol asc">Id<div class="dragger"></div></div>
-            <div class="col">Label<div class="dragger"></div></div>
-            <div class="col desktop">Type<div class="dragger"></div></div>
-            <div class="col desktop">Description</div>
-            <div class="col"></div>
-        </div>
-        <div class="rows">
-            <!-- This area will be replaced by data rows -->
-        </div>
-    </div>
-</div>
-
-<!-- Row Template -->
-<div id="RowTemplate" class="row grid flive template">
-    <div class="col padCol" data-id="{{id}}"><strong>{{id}}</strong></div>
-    <div class="col" data-id="{{id}}">{{label}}</div>
-    <div class="col desktop" data-id="{{id}}">{{type}}</div>
-    <div class="col desktop" data-id="{{id}}">{{description}}</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>
-        </div>
-    </div>
-</div>
-
-
-<!-- Modification Modals -->
-<div id="AddModal" class="modal box full">
-    <div class="sized">
-        <div class="close icon-close"></div>
-        <div class="title adding">Create <span data-bind="singular"></span></div>
-        <div class="subtitle adding">Add a New <span data-bind="singular"></span> by completing the following form</div>
-        <div class="title editing">Edit <span data-bind="singular"></span></div>
-        <div class="subtitle editing">Change the <span data-bind="singular"></span> Details</div>
-        <label for="Label">Label</label>
-        <input id="Label" type="text" maxlength="500" placeholder="Enter a Label to display" />
-        <label for="Id">Id</label>
-        <input id="Id" type="text" maxlength="500" placeholder="Enter a unique identifier" />
-        <label for="Default">Default</label>
-        <input id="Default" type="text" maxlength="500" placeholder="Enter a default value for the form" />
-        <label for="Description">Description</label>
-        <input id="Description" type="text" maxlength="500" placeholder="Enter a description that will display in fields" />
-        <label for="InputType">Input Type</label>
-        <select id="InputType">
-            <option value="string">String</option>
-            <option value="icon">Icon</option>
-            <option value="avatar">Avatar</option>
-            <option value="boolean">Checkbox</option>
-            <option value="map">Map - GeoLocation</option>
-        </select>
-        <label for="Objects">Object the input should be </label>
-        <select id="Objects">
-            <option value="all">All Objects</option>
-            <option value="select">Select Objects</option>
-        </select>
-        <div id="ObjectsList" class="tagSelect"></div>
-        <div class="buttons">
-            <div class="linkButton closer">Oops, No get me out of here</div>
-            <div id="SaveButton" class="button">Save</div>
-        </div>
-    </div>
-</div>
-
-<script language="javascript" type="text/javascript">
-    page = {
-        binding: {
-            pageTitle: "Custom Fields",
-            singular: "Custom Field"
-        },
-        editId: "",
-        data: [],
-        objects: ["router","service","terminator","identity","policy"],
-        init: function() {
-            for (var i=0; i<page.objects.length; i++) {
-                $("#ObjectsList").append('<div class="tag" data-object="'+app.validate(page.objects[i])+'">'+app.validate(page.objects[i])+'</div>')
-            }
-            this.events();
-        },
-        events: function() {
-            context.addListener(tags.name, page.tagsLoaded);
-            $(".action").click(page.handleAction);
-            $("#Objects").change(page.toggleList);
-            $("#SaveButton").click(page.save);
-            $("#Label").keyup(page.setId);
-            $(".tag").off("click");
-            $(".tag").on("click", page.toggleTag);            
-        },
-        setId: function() {
-            $("#Id").val($("#Label").val().split(' ').join('').toLowerCase());
-        },
-        tagsLoaded: function() {
-            app.setAction();
-            $(".rows").html("");
-            if (tags.data.length>0) {
-                for (var i=0; i<tags.data.length; i++) {
-                    var element = $("#RowTemplate").clone();
-                    element.removeClass("template");
-                    element.attr("id","Row"+i);
-                    for (var key in tags.data[i]) element.html(element.html().split("{{"+key+"}}").join(app.validate(tags.data[i][key])));
-                    $(".rows").append(element);
-                }
-                page.pageLoaded();  
-                $(".data").show();
-            }
-        },
-        toggleTag: function(e) {
-            var tag = $(e.currentTarget);
-            if (tag.hasClass("selected")) tag.removeClass("selected");
-            else tag.addClass("selected");
-        },
-        pageLoaded: function() {
-            $(".gridAction").click(page.gridAction);
-            $(".clickEdit").click(page.clickEdit);
-            app.postLoad();
-        },
-        toggleList: function() {
-            if ($("#Objects").val()=="all") {
-                $("#ObjectsList").hide();
-            } else {
-                $("#ObjectsList").show();
-            }
-        },
-        gridAction: function(e) {
-            var action = $(e.currentTarget).data("action");
-            var id = $(e.currentTarget).data("id");
-            if (action=="edit") page.edit(id);
-        },
-        save: function() {
-            if (page.validate()) {
-                var objects = "";
-                if ($("#Objects").val()=="all") objects = "all";
-                else {
-                    $("#ObjectsList").children(".selected").each(function(index, tag) {
-                        objects += ((index>0)?",":"") + $(tag).data("object");
-                    });
-                }
-                tags.save(
-                    $("#Id").val(),
-                    $("#Label").val(),
-                    $("#Description").val(),
-                    $("#Default").val(),
-                    $("#InputType").val(),
-                    objects
-                );
-			    modal.close();
-            } else growler.form();
-        },
-        edit: function(id) {
-            page.reset();
-            var detail = tags.details(id);
-            $(".adding").hide();
-            $(".editing").show();
-
-            $("#Id").val(detail.id);
-            $("#Id").attr('readonly', true);
-            $("#Label").val(detail.label);
-            $("#Default").val(detail.default);
-            $("#Description").val(detail.description);
-            $("#InputType").val(detail.value);
-            if (detail.objects=="all") {
-                $("#Objects").val("all");
-                $("#ObjectsList").hide();
-            } else {
-                $("#Objects").val("select");
-                var items = detail.objects.split(',');
-                for (var i=0; i<items.length; i++) {
-                    $("*[data-object="+items[i]+"]").addClass("selected");
-                }
-                $("#ObjectsList").show();
-            }
-
-            page.editId = id;
-            modal.show("AddModal");
-        },
-        validate: function() {
-            $(".errors").removeClass("errors");
-            if ($("#Label").val().trim().length==0) $("#Label").addClass("errors");
-            if ($("#Id").val().trim().length==0) $("#Id").addClass("errors");
-            if ($("#Objects").val()!="all"&&$("#ObjectList").children(".selected")==0) $("#Objects").addClass("errors");
-            return $(".errors").length==0;
-        },        
-        reset: function() {
-            app.isDirty = false;
-            page.editId = "";
-            $("#Label").val("");
-            $("#Id").attr('readonly', false);
-            $("#Id").val("");
-            $("#Default").val("");
-            $("#Description").val("");
-            $("#Objects").val("all");
-            $("#ObjectList").children(".selected").removeClass("selected");
-            $("#InputType").val("string");
-            $("#ObjectsList").hide();
-        },
-        handleAction: function(e) {
-            page.reset();
-            var action = $(e.currentTarget).data("action");
-            if (action=="add") page.add();
-        },
-        clickEdit: function(e) {
-            var id = $(e.currentTarget).data("id");
-            if (id) page.edit(id);
-        },
-        add: function() {
-            $(".adding").show();
-            $(".editing").hide();
-            modal.show("AddModal");
-        }
-    }
-</script>