Sorry, this website does not look like a Mist Organization...
If you think I'm wrong, please send me an email with the current URL.
+
+ This page is not supported by the application yet...
-
-
-
-
-
-
-
-
-
-
Quick API Access
-
-
-
+
If you think it should, please create a request to report your current URL.
+
+
\ No newline at end of file
diff --git a/src/angular/src/app/pages/api/api.component.scss b/src/angular/src/app/pages/api/api.component.scss
index d57f965..f0dde79 100644
--- a/src/angular/src/app/pages/api/api.component.scss
+++ b/src/angular/src/app/pages/api/api.component.scss
@@ -130,4 +130,18 @@ button.copy-ids:hover img.copy-ids {
img.copy-ids {
height: 20px;
+}
+
+button.request {
+ margin: 2em;
+ background-color: unset;
+ border: 1px solid lightgray;
+ border-radius: 5px;
+ cursor: pointer;
+ box-shadow: rgb(0 0 0 / 5%) 0px 0px 0px 1px;
+ transition: background-color 0.2s ease-in-out;
+}
+
+button.request:hover {
+ background-color: lightgray;
}
\ No newline at end of file
diff --git a/src/angular/src/app/pages/api/api.component.ts b/src/angular/src/app/pages/api/api.component.ts
index d564c9e..ca264c9 100644
--- a/src/angular/src/app/pages/api/api.component.ts
+++ b/src/angular/src/app/pages/api/api.component.ts
@@ -1,13 +1,6 @@
-import { group } from '@angular/animations';
import { Component, Inject, OnInit, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
import { TAB_URL } from '../../providers/tab-url.provider';
-import { THIS_EXPR } from '@angular/compiler/src/output/output_ast';
-export interface linkElement {
- url: string,
- name: string
-}
@Component({
selector: 'app-api',
@@ -16,856 +9,34 @@ export interface linkElement {
changeDetection: ChangeDetectionStrategy.OnPush
})
export class ApiComponent implements OnInit {
- message: string;
- mist_url: string = "";
-
- quick_links: linkElement[] = []
-
- org_id: string = "";
- site_id: string = "";
- obj_id: string = "";
- obj_name: string = "";
- focused: string = "";
constructor(
@Inject(TAB_URL) readonly tabUrl: string,
private _cd: ChangeDetectorRef,
- private _http: HttpClient
) { }
+ display: string;
- hosts = [
+ hosts_manage = [
"integration.mistsys.com",
"manage.mist.com",
"integration.mist.com",
"manage.eu.mist.com",
"manage.gc1.mist.com"
]
+ hosts_api = [
+ "api.mist.com",
+ "api.eu.mist.com",
+ "api.gc1.mist.com"
+ ]
ngOnInit() {
- this.generateApiUrl()
- }
-
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////////////////////////////////////////////////////////////////////
- // API URL ENTRYPOINT
- generateApiUrl() {
- const orgsle_re = /https:\/\/(manage|integration)\.(?
[a-z0-1.]*(mist|mistsys)\.com)\/admin\/\?org_id=(?[0-9a-f-]*)#!dashboard\/(?siteComparison|wiredSiteComparison|wanSiteComparison)\/(?[a-z-]*)\/(?[a-z-]*)\/([a-z-_]*)\/(?[0-9a-z-]*)\/(?[0-9]*)\/(?[0-9]*)/iys;
- const sle_re = /https:\/\/(manage|integration)\.(?[a-z0-1.]*(mist|mistsys)\.com)\/admin\/\?org_id=(?[0-9a-f-]*)#!dashboard\/(?serviceLevels|wiredserviceLevels|wanserviceLevels)\/(?[a-z-]*)\/(?[a-f0-9-]*)\/(?[0-9a-z-]*)\/(?[0-9]*)\/(?[0-9]*)\/(?[a-f0-9-]*)/iys;
- const insights_re = /https:\/\/(manage|integration)\.(?[a-z0-1.]*(mist|mistsys)\.com)\/admin\/\?org_id=(?[0-9a-f-]*)#!dashboard\/insights\/((?[a-z]+)\/)?((?[a-z0-9-]+)\/)((?[a-z0-9]+)\/)?((?[0-9]*)\/)?((?[0-9]*)\/)?(?[0-9a-f-]*)?/iys;
- const alarm_re = /https:\/\/(manage|integration)\.(?[a-z0-1.]*(mist|mistsys)\.com)\/admin\/\?org_id=(?[0-9a-f-]*)#!alerts\/?(?org|site)?\/?(?[0-9a-z-]*)\/?(?[0-9a-z]*)?\/?(?[0-9]*)?\/?(?[0-9]*)?\/?(?true|false)?\/?(?[a-z%0-9]*)?\/?(?true|false)?\/?(?true|false)?\/?(?true|false)?\/?(?[0-9a-z-]*)?/iys;
- const events_re = /https:\/\/(manage|integration)\.(?[a-z0-1.]*(mist|mistsys)\.com)\/admin\/\?org_id=(?[0-9a-f-]*)#!marvis\/?(?org|site)?\/?(?[0-9a-z]*)?\/?(?[0-9]*)?\/?(?[0-9]*)?\/?(?[0-9a-z-]*)?/iys;
- const templates_re = /https:\/\/(manage|integration)\.(?[a-z0-1.]*(mist|mistsys)\.com)\/admin\/\?org_id=(?[0-9a-f-]*)#!(?template|rfTemplate)\/(?template|rfTemplate)\/(?[0-9a-z_-]*)/yis;
- const floorplans_re = /https:\/\/manage\.(?[a-z0-1.]*mist\.com)\/admin\/\?org_id=(?[0-9a-f-]*)#!cliLocation\/(?view|config|validationPath|wayfinding)?\/?(?[0-9a-f-]*)\/?(floorplan|beaconsAndZones)?\/?(?[0-9a-f-]*)?/iys;
- const common_re = /https:\/\/(manage|integration)\.(?[a-z0-1.]*(mist|mistsys)\.com)\/admin\/\?org_id=(?[0-9a-f-]*)#!(?[a-z]+)\/?((?detail|site|admin|edgedetail|clusterdetail|new|view)\/)?([0-9]\/)?((?[0-9a-z_-]*)\/)?(?[0-9a-f-]*)?/yis;
- const common_objs = ["ap", "gateway", "switch", "assets", "wlan", "tags", "psk", "tunnels", "clients", "sdkclients", "wiredclients", "wxlan", "security", "switchconfig", "pcap", "orgtags", "misttunnels", "switchtemplate", "deviceprofiles", "org", "orgpsk", "configuration", "rftemplates", "templates", "auditlogs", "apinventory", "adminconfig", "subscription", "edge"]
- const base_re = /https:\/\/(manage|integration)\.(?[a-z0-1.]*(mist|mistsys)\.com)\/admin\/\?org_id=(?[0-9a-f-]*)#!/yis;
-
- const orgsle = orgsle_re.exec(this.tabUrl);
- const sle = sle_re.exec(this.tabUrl);
- const insights = insights_re.exec(this.tabUrl);
- const alarm = alarm_re.exec(this.tabUrl);
- const events = events_re.exec(this.tabUrl);
- const templates = templates_re.exec(this.tabUrl);
- const floorplans = floorplans_re.exec(this.tabUrl);
- const common = common_re.exec(this.tabUrl);
- const base = base_re.exec(this.tabUrl);
-
- if (orgsle) {
- this.orgSleUrl(orgsle);
- } else if (sle) {
- this.sleUrl(sle);
- } else if (insights) {
- this.insightsUrl(insights);
- } else if (alarm) {
- this.alarmUrl(alarm);
- } else if (events) {
- this.eventsUrl(events);
- } else if (templates) {
- this.commonUrl(templates);
- } else if (floorplans) {
- this.floorplansUrl(floorplans);
- } else if (common && common["groups"] && common_objs.includes(common["groups"]["obj"].toLowerCase())) {
- this.commonUrl(common);
- } else if (base) {
- this.baseUrl(base);
- }
- this._cd.detectChanges()
- }
-
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////////////////////////////////////////////////////////////////////
- // API URL
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////////////////////////////////////////////////////////////////////
-
-
- ////////////////////// MAC
- getMac(uuid: string): string {
- const splitted_uuid = uuid.split("-");
- return splitted_uuid[splitted_uuid.length - 1];
- }
-
- setName(obj_name: string, detail: string) {
- if (detail && detail != "new") {
- this.obj_name = obj_name
- } else {
- if (["switch"].includes(obj_name)) {
- this.obj_name = "switches";
- } else {
- this.obj_name = obj_name + "s";
- }
- }
- }
-
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////// COMMON ORG FUNCTIONS
- forgeOrgObject(obj_name: string, host: string, detail: string, extra_param: string = null): void {
- let url = "";
- if (detail && detail != "new") {
- // set QUICK LINK
- url = "https://api." + host + "/api/v1/orgs/" + this.org_id + "/" + obj_name + "/" + this.obj_id;
- this.quick_links.push({ url: url, name: this.obj_name });
- } else {
- // set QUICK LINK
- url = "https://api." + host + "/api/v1/orgs/" + this.org_id + "/" + obj_name;
- if (extra_param) url += "?" + extra_param;
- this.quick_links.push({ url: url, name: this.obj_name });
- }
- }
-
- forgeOrgObjectStats(obj_name: string, host: string, detail: string, extra_param: string = null): void {
- let url = "";
- if (detail && detail != "new") {
- // set QUICK LINK
- url = "https://api." + host + "/api/v1/orgs/" + this.org_id + "/stats/" + obj_name + "/" + this.obj_id;
- if (extra_param) url += "?" + extra_param;
- this.quick_links.push({ url: url, name: this.obj_name + " STATS" });
- }
- }
-
-
- forgeOrgObjectEvents(obj_name: string, host: string, detail: string, extra_param: string = null): void {
- let url = "";
- if (detail && detail != "new") {
- // MAC
- const mac = this.getMac(this.obj_id);
- // set QUICK LINK
- url = "https://api." + host + "/api/v1/orgs/" + this.org_id + "/" + obj_name + "/events/search?limit=1000&mac=" + mac;
- if (!extra_param) {
- url += "&duration=1d";
- } else {
- url += "&" + extra_param;
- }
- this.quick_links.push({ url: url, name: this.obj_name + " EVENTS" });
- } else {
- url = "https://api." + host + "/api/v1/orgs/" + this.org_id + "/" + obj_name + "/events/search?limit=1000&device_type=" + obj_name;
- if (!extra_param) {
- url += "&duration=1d";
- } else {
- url += "&" + extra_param;
- }
- this.quick_links.push({ url: url, name: this.obj_name + " EVENTS" });
- }
- }
-
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////// COMMON SITE FUNCTIONS
- forgeSiteObject(obj_name: string, host: string, detail: string, extra_param: string = null): void {
- let url = "";
- if (detail && detail != "new") {
- // set QUICK LINK
- url = "https://api." + host + "/api/v1/sites/" + this.site_id + "/" + obj_name + "/" + this.obj_id;
- this.quick_links.push({ url: url, name: this.obj_name });
- if (["switch", "gateway"].includes(this.obj_name)) {
- this.quick_links.push({ url: url + "/config_cmd", name: this.obj_name + " CMDS" });
- }
- } else {
- // set QUICK LINK
- url = "https://api." + host + "/api/v1/sites/" + this.site_id + "/" + obj_name;
- if (extra_param) url += "?" + extra_param;
- this.quick_links.push({ url: url, name: this.obj_name });
- }
- }
-
- forgeSiteObjectSearch(obj_name: string, host: string, detail: string, extra_param: string = null): void {
- let url = "";
- if (detail && detail != "new") {
- // set QUICK LINK
- url = "https://api." + host + "/api/v1/sites/" + this.site_id + "/" + obj_name + "/search?mac=" + this.obj_id;
- this.quick_links.push({ url: url, name: this.obj_name });
- } else {
- // set QUICK LINK
- url = "https://api." + host + "/api/v1/sites/" + this.site_id + "/" + obj_name + "/search";
- if (extra_param) url += "?" + extra_param;
- this.quick_links.push({ url: url, name: this.obj_name });
- }
- }
-
- forgeSiteObjectStats(obj_name: string, host: string, detail: string, extra_param: string = null): void {
- let url = "";
- if (detail && detail != "new") {
- // set QUICK LINK
- url = "https://api." + host + "/api/v1/sites/" + this.site_id + "/stats/" + obj_name + "/" + this.obj_id;
- if (extra_param) url += "?" + extra_param;
- this.quick_links.push({ url: url, name: this.obj_name + " STATS" });
- } else {
- // set QUICK LINK
- url = "https://api." + host + "/api/v1/sites/" + this.site_id + "/stats/" + obj_name;
- if (extra_param) url += "?" + extra_param;
- this.quick_links.push({ url: url, name: this.obj_name + " STATS" });
- }
- }
-
- forgeSiteObjectEvents(obj_name: string, device_type: string, host: string, detail: string, extra_param: string = null): void {
- let url = "";
- if (detail && detail != "new") {
- // MAC
- const mac = this.getMac(this.obj_id);
- // set QUICK LINK
- url = "https://api." + host + "/api/v1/sites/" + this.site_id + "/" + obj_name + "/events/search?limit=1000&mac=" + mac;
- if (!extra_param) {
- url += "&duration=1d";
- } else {
- url += "&" + extra_param;
- }
- this.quick_links.push({ url: url, name: this.obj_name + " EVENTS" })
- } else {
- url = "https://api." + host + "/api/v1/sites/" + this.site_id + "/" + obj_name + "/events/search?limit=1000";
- if (device_type) {
- url += "&device_type=" + device_type;
- }
- if (!extra_param) {
- url += "&duration=1d";
- } else {
- url += "&" + extra_param;
- }
- this.quick_links.push({ url: url, name: this.obj_name + " EVENTS" });
- }
- }
-
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////// SITE SECURITY FUNCTION
- forgeSiteSecurity(host: string): void {
- this.quick_links.push({
- url: "https://api." + host + "/api/v1/sites/" + this.site_id + "/rogues/events/search?limit=100&duration=1d",
- name: "rogues events"
- }, {
- url: "https://api." + host + "/api/v1/sites/" + this.site_id + "/insights/rogues?limit=100&duration=1d&type=honeypot",
- name: "honeypot aps"
- }, {
- url: "https://api." + host + "/api/v1/sites/" + this.site_id + "/insights/rogues?limit=100&duration=1d&type=rogue",
- name: "rogues aps"
- }, {
- url: "https://api." + host + "/api/v1/sites/" + this.site_id + "/insights/rogues?limit=100&duration=1d&type=spoof",
- name: "spoof aps"
- }, {
- url: "https://api." + host + "/api/v1/sites/" + this.site_id + "/insights/rogues?limit=100&duration=1d&type=others",
- name: "others aps"
- }, {
- url: "https://api." + host + "/api/v1/sites/" + this.site_id + "/insights/rogues/clients?limit=100&duration=1d",
- name: "rogues clients"
- })
- }
-
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////// SITE SWITCH CONF FUNCTION
- forgeSiteSwitchConfig(host: string): void {
- this.quick_links.push({
- url: "https://api." + host + "/api/v1/sites/" + this.site_id + "/setting/derived",
- name: "switchconfig"
- })
- }
-
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////// SITE DEVICE LAST CONFIG FUNCTION
- forgeSiteApLastConfig(host: string, device_type: string): void {
- const mac = this.getMac(this.obj_id)
- if (device_type == "ap" && mac) {
- this.quick_links.push({
- url: "https://api." + host + "/api/v1/sites/" + this.site_id + "/devices/last_config/search?" + device_type + "=" + mac,
- name: "Last Config"
- })
- }
- }
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////// ORG OBJ FUNCTION
- forgeOrg(host: string) {
- this.quick_links.push({
- url: "https://api." + host + "/api/v1/orgs/" + this.org_id + "/setting",
- name: "org setting"
- }, {
- url: "https://api." + host + "/api/v1/orgs/" + this.org_id + "/stats",
- name: "org stats"
- }, {
- url: "https://api." + host + "/api/v1/orgs/" + this.org_id + "/ssos",
- name: "org ssos"
- }, {
- url: "https://api." + host + "/api/v1/orgs/" + this.org_id + "/webhooks",
- name: "org webhooks"
- })
- }
-
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////// SITE ASSETS FUNCTION
-
- forgeAsset(host: string, mac: string): void {
- this.quick_links.push({
- url: "https://api." + host + "/api/v1/sites/" + this.site_id + "/zones/visits/search?duration=1d&interval=3600&user_type=asset&scope=zone&user=" + mac,
- name: "asset zones visits"
- })
- }
-
- forgeSiteAssetStats(obj_name: string, host: string, detail: string, extra_param: string = null): void {
- let url = "";
- if (detail && detail != "new") {
- // set QUICK LINK
- url = "https://api." + host + "/api/v1/sites/" + this.site_id + "/stats/" + obj_name + "/" + this.obj_id;
- if (extra_param) url += "?" + extra_param;
- this.quick_links.push({ url: url, name: this.obj_name + " STATS" });
- } else {
- // set QUICK LINK
- url = "https://api." + host + "/api/v1/sites/" + this.site_id + "/stats/assets";
- if (extra_param) url += "?" + extra_param;
- this.quick_links.push({ url: url, name: "ASSETS STATS" });
-
- url = "https://api." + host + "/api/v1/sites/" + this.site_id + "/stats/discovered_assets";
- if (extra_param) url += "?" + extra_param;
- this.quick_links.push({ url: url, name: "DISCOVERED ASSETS STATS" });
- }
- }
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////// SITE OBJ FUNCTION
- forgeSite(host: string, detail: string, extra_params: string = null): void {
- if (extra_params) {
- extra_params = "?" + extra_params;
- } else {
- extra_params = "";
- }
- if (detail == "site") {
- this.obj_name = "site"
- this.quick_links.push({
- url: "https://api." + host + "/api/v1/sites/" + this.site_id,
- name: "site info"
- }, {
- url: "https://api." + host + "/api/v1/sites/" + this.site_id + "/setting",
- name: "site setting"
- }, {
- url: "https://api." + host + "/api/v1/sites/" + this.site_id + "/stats" + extra_params,
- name: "site stats"
- }, {
- url: "https://api." + host + "/api/v1/sites/" + this.site_id + "/devices/events/search" + extra_params,
- name: "site devices events"
- })
- } else {
- this.quick_links.push({
- url: "https://api." + host + "/api/v1/orgs/" + this.org_id + "/sites",
- name: "sites"
- }, {
- url: "https://api." + host + "/api/v1/orgs/" + this.org_id + "/sites/search",
- name: "site configs"
- }, {
- url: "https://api." + host + "/api/v1/orgs/" + this.org_id + "/sitegroups",
- name: "site groups"
- })
- }
- }
-
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////// MIST EDGE FUNCTION
- forgeEdge(host: string, detail: string): void {
- if (detail == "edgedetail") {
- this.obj_name = "mxedge";
- this.forgeOrgObject("mxedges", host, detail);
- this.forgeOrgObjectStats("mxedges", host, detail);
- this.forgeSiteObjectEvents("mxedges", "mxedge", host, detail);
- } else if (detail == "clusterdetail") {
- this.obj_name = "mxcluster";
- this.forgeOrgObject("mxclusters", host, detail);
- } else {
- this.quick_links.push({
- url: "https://api." + host + "/api/v1/orgs/" + this.org_id + "/mxedges",
- name: "mxedges"
- }, {
- url: "https://api." + host + "/api/v1/orgs/" + this.org_id + "/mxclusters",
- name: "mxclusters"
- })
- }
- }
-
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////// DISCOVERED SWITCHES FUNCTION
- forgeSiteDiscoveredSwitchUrl(host: string, mac: string = null): void {
- if (mac) {
- this.quick_links.push({
- url: "https://api." + host + "/api/v1/sites/" + this.site_id + "/stats/discovered_switches/search?system_name=" + mac,
- name: "discovered switch"
- })
- } else if (!this.obj_id) {
- this.quick_links.push({
- url: "https://api." + host + "/api/v1/sites/" + this.site_id + "/stats/discovered_switches/search",
- name: "discovered switches"
- })
- }
- }
-
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////// ORG SLE FUNCTION
- forgeOrgSlehUrl(host: string, scope: string, sle: string, worstsle: string = null, extra_params: string = null): void {
- /*
- host: mist.com, eu.mist.com, gc1.mist.com
- scope: wifi, wire, wan
- */
- if (!worstsle || worstsle == "-") worstsle = sle;
- this.quick_links.push({
- url: "https://api." + host + "/api/v1/orgs/" + this.org_id + "/insights/sites-sle?sle=" + scope + "&" + extra_params,
- name: scope + " Org SLEs"
- }, {
- url: "https://api." + host + "/api/v1/orgs/" + this.org_id + "/insights/worst-sites-by-sle?sle=" + worstsle + "&" + extra_params,
- name: "Worst sites by " + worstsle
- });
- }
-
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////// SLE FUNCTION
- forgeSlehUrl(host: string, scope: string, site_id: string, scope_id: string, sles: string[], extra_params: string = null): void {
- /*
- host: mist.com, eu.mist.com, gc1.mist.com
- scope: wifi, wire, wan
- */
- sles.forEach(sle => {
- this.quick_links.push({
- url: "https://api." + host + "/api/v1/sites/" + site_id + "/sle/" + scope + "/" + scope_id + "/metric/" + sle + "/summary-trend?" + extra_params,
- name: sle + " " + scope + " SLE"
- });
- })
- }
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////// BASE URL FUNCTION DISPATCHER
-
- baseUrl(res: RegExpExecArray): void {
- this.org_id = res.groups.org_id;
- }
-
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////// COMMON URL FUNCTION DISPATCHER
- commonUrl(res: RegExpExecArray): void {
- this.org_id = res.groups.org_id;
- let extra_params = null
- const uuid_re = /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/
- if (res.groups.host && res.groups.org_id && res.groups.obj) {
- this.obj_id = res.groups.obj_id;
- this.site_id = res.groups.site_id;
- switch (res.groups.obj.toLowerCase()) {
- // SITE
- case "ap":
- case "gateway":
- this.setName(res.groups.obj, res.groups.detail);
- if (!res.groups.details) extra_params = "type=" + res.groups.obj;
- this.forgeSiteObject("devices", res.groups.host, res.groups.detail, extra_params);
- this.forgeSiteObjectStats("devices", res.groups.host, res.groups.detail, extra_params);
- this.forgeSiteObjectEvents("devices", res.groups.obj, res.groups.host, res.groups.detail);
- this.forgeSiteApLastConfig(res.groups.host, res.groups.obj);
- break;
- case "switch":
- const is_uuid = uuid_re.test(this.obj_id)
- if (this.obj_id && !is_uuid) {
- this.obj_name = "discoveredswitch";
- this.setName("discoveredswitch", "detail");
- this.forgeSiteDiscoveredSwitchUrl(res.groups.host, this.obj_id);
- } else {
- this.setName(res.groups.obj, res.groups.detail);
- if (!res.groups.details) extra_params = "type=" + res.groups.obj;
- this.forgeSiteObject("devices", res.groups.host, res.groups.detail, extra_params);
- this.forgeSiteObjectStats("devices", res.groups.host, res.groups.detail, extra_params);
- this.forgeSiteObjectEvents("devices", res.groups.obj, res.groups.host, res.groups.detail);
- this.forgeSiteDiscoveredSwitchUrl(res.groups.host);
- }
- break;
- case "assets":
- // need to retrieve the asset ID to generate the detail request
- if (!res.groups.detail) {
- this.setName(res.groups.obj.substr(0, res.groups.obj.length - 1), res.groups.detail);
- this.forgeSiteObject(res.groups.obj, res.groups.host, res.groups.detail);
- this.forgeSiteAssetStats(res.groups.obj, res.groups.host, res.groups.detail);
- } else {
- this.forgeAsset(res.groups.host, this.org_id)
- }
- break;
- case "wlan":
- this.setName(res.groups.obj, res.groups.detail);
- this.forgeSiteObject("wlans", res.groups.host, res.groups.detail);
- break;
- case "tags":
- this.setName("wxtag", res.groups.detail);
- this.forgeSiteObject("wxtags", res.groups.host, res.groups.detail);
- break;
- case "psk":
- this.setName(res.groups.obj, res.groups.detail);
- this.forgeSiteObject("psks", res.groups.host, res.groups.detail);
- break;
- // case "siteedge":
- // this.forgeSiteObject(res.groups, "mxedges", null);
- // this.forgeSiteObjectStats(res.groups, "mxedges", null);
- // break;
- case "tunnels":
- this.setName("wxtunnel", res.groups.detail);
- this.forgeSiteObject("wxtunnels", res.groups.host, res.groups.detail);
- this.forgeSiteObjectStats("wxtunnels", res.groups.host, res.groups.detail);
- break;
- case "clients":
- case "sdkclients":
- this.setName(res.groups.obj.substr(0, res.groups.obj.length - 1), res.groups.detail);
- this.forgeSiteObjectSearch(res.groups.obj, res.groups.host, res.groups.detail);
- this.forgeSiteObjectStats(res.groups.obj, res.groups.host, res.groups.detail);
- break;
- case "wiredclients":
- this.setName(res.groups.obj.substr(0, res.groups.obj.length - 1), res.groups.detail);
- this.forgeSiteObjectSearch("wired_clients", res.groups.host, res.groups.detail);
- break;
- case "wxlan":
- this.setName("wxrule", res.groups.detail);
- this.forgeSiteObject("wxrules", res.groups.host, res.groups.detail);
- this.forgeSiteObjectStats("wxrules", res.groups.host, res.groups.detail,);
- break;
- case "security":
- this.forgeSiteSecurity(res.groups.host)
- break;
- case "switchconfig":
- this.setName("switchconfig", res.groups.detail);
- this.forgeSiteSwitchConfig(res.groups.host);
- break;
- case "pcap":
- this.setName(res.groups.obj, res.groups.detail);
- this.forgeSiteObject("pcaps", res.groups.host, res.groups.detail);
- break;
- // ORG
- case "orgtags":
- this.setName("wxtag", res.groups.detail);
- this.forgeOrgObject("wxtags", res.groups.host, res.groups.detail);
- break;
- case "orgpsk":
- this.setName("org psk", res.groups.detail);
- this.forgeOrgObject("psks", res.groups.host, res.groups.detail);
- break;
- case "misttunnels":
- this.setName("mxtunnel", res.groups.detail);
- this.forgeOrgObject("mxtunnels", res.groups.host, res.groups.detail);
- break;
- case "switchtemplate":
- this.setName(res.groups.obj, res.groups.detail);
- this.forgeOrgObject("networktemplates", res.groups.host, res.groups.detail);
- break;
- case "deviceprofiles":
- this.setName(res.groups.obj.substr(0, res.groups.obj.length - 1), res.groups.detail);
- this.forgeOrgObject("deviceprofiles", res.groups.host, res.groups.detail);
- break;
- case "org":
- this.setName("org", res.groups.detail);
- this.forgeOrg(res.groups.host);
- break;
- case "configuration":
- this.setName("site", res.groups.detail);
- this.forgeSite(res.groups.host, res.groups.detail);
- break;
- case "rftemplates":
- case "templates":
- this.setName(res.groups.obj.substr(0, res.groups.obj.length - 1), res.groups.detail);
- this.forgeOrgObject(res.groups.obj, res.groups.host, res.groups.detail);
- break;
- case "auditlogs":
- this.setName(res.groups.obj.substr(0, res.groups.obj.length - 1), res.groups.detail);
- this.forgeOrgObject("logs", res.groups.host, res.groups.detail);
- break;
- case "apinventory":
- this.obj_name = "APs inventory";
- this.forgeOrgObject("inventory", res.groups.host, res.groups.detail, "type=ap");
- this.obj_name = "Switches inventory";
- this.forgeOrgObject("inventory", res.groups.host, res.groups.detail, "type=switch");
- this.obj_name = "Gateways inventory";
- this.forgeOrgObject("inventory", res.groups.host, res.groups.detail, "type=gateway");
- break;
- case "adminconfig":
- this.setName("admin", res.groups.detail);
- this.forgeOrgObject("admins", res.groups.host, res.groups.detail);
- break;
-
- case "subscription":
- this.setName(res.groups.obj, res.groups.detail);
- this.forgeOrgObject("licenses", res.groups.host, res.groups.detail);
- break;
- case "edge":
- this.setName("mxedge", res.groups.detail);
- this.forgeEdge(res.groups.host, res.groups.detail)
- break;
- }
- }
- }
-
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////// ALARM URL FUNCTION DISPATCHER
- alarmUrl(res: RegExpExecArray): void {
- this.org_id = res.groups.org_id;
- let extra_params = "";
- let severity_array = [];
- let scope = "";
- let scope_id = "";
- if (res.groups.scope == "org") {
- scope = "orgs";
- scope_id = res.groups.org_id;
- } else {
- if (res.groups.site_id) {
- this.site_id = res.groups.site_id;
- } else {
- this.site_id = res.groups.uuid;
- }
- scope = "sites";
- scope_id = this.site_id;
- }
- if (res.groups.start && res.groups.stop) {
- extra_params = "start=" + res.groups.start + "&end=" + res.groups.stop;
- }
- if (res.groups.show_crit && res.groups.show_crit == "true") severity_array.push("critical")
- if (res.groups.show_warn && res.groups.show_warn == "true") severity_array.push("warn")
- if (res.groups.show_info && res.groups.show_info == "true") severity_array.push("info")
- if (severity_array.length > 0) extra_params += "&severity=" + severity_array.join(",")
- else extra_params += "&severity=none"
-
- if (res.groups.group && res.groups.group != "any%20type") extra_params += "&group=" + res.groups.group;
-
- if (res.groups.show_ack && res.groups.show_ack == "false") extra_params += "&acked=false";
-
- this.quick_links.push({
- url: "https://api." + res.groups.host + "/api/v1/" + scope + "/" + scope_id + "/alarms/search?" + extra_params,
- name: scope + " Alarms"
- }, {
- url: "https://api." + res.groups.host + "/api/v1/" + scope + "/" + scope_id + "/alarms/count?" + extra_params,
- name: scope + " Alarms count"
- }, {
- url: "https://api." + res.groups.host + "/api/v1/orgs/" + this.org_id + "/alarmtemplates",
- name: " Alarms Templates"
- }, {
- url: "https://api." + res.groups.host + "/api/v1/const/alarm_defs",
- name: " Alarms Definitions"
- });
- }
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////// EVENTS URL FUNCTION DISPATCHER
- eventsUrl(res: RegExpExecArray): void {
- this.org_id = res.groups.org_id;
- let extra_params = "";
- if (res.groups.site_id) {
- this.site_id = res.groups.site_id;
- } else {
- this.site_id = res.groups.uuid;
- }
-
- if (res.groups.start && res.groups.stop) {
- extra_params = "start=" + res.groups.start + "&end=" + res.groups.stop;
- }
-
- this.quick_links.push({
- url: "https://api." + res.groups.host + "/api/v1/sites/" + this.site_id + "/insights/marvis?" + extra_params,
- name: "Site Events"
- })
- }
-
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////// EVENTS URL FUNCTION DISPATCHER
- floorplansUrl(res: RegExpExecArray): void {
- this.org_id = res.groups.org_id;
- if (res.groups.site_id) {
- this.site_id = res.groups.site_id;
- this.obj_id = res.groups.uuid;
- } else {
- this.site_id = res.groups.uuid;
- }
-
- this.setName("floor plan", res.groups.detail);
- this.forgeSiteObject("maps", res.groups.host, res.groups.detail);
- }
-
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////// INSIGHTS URL FUNCTION DISPATCHER
- insightsUrl(res: RegExpExecArray): void {
- this.org_id = res.groups.org_id;
- this.site_id = res.groups.site_id;
- this.obj_id = res.groups.obj_id;
- let extra_params = null;
- if (res.groups.start && res.groups.stop) {
- extra_params = "start=" + res.groups.start + "&end=" + res.groups.stop;
- }
- if (res.groups.host && res.groups.org_id) {
- switch (res.groups.obj) {
- case "device":
- this.setName("ap", "insights");
- this.forgeSiteObject("devices", res.groups.host, "detail");
- this.forgeSiteObjectStats("devices", res.groups.host, "detail", extra_params);
- this.forgeSiteObjectEvents("devices", "ap", res.groups.host, "detail", extra_params);
- this.forgeSiteApLastConfig(res.groups.host, 'ap');
- break;
- case "client":
- this.setName("client", "insights");
- this.forgeSiteObjectSearch("clients", res.groups.host, "detail");
- this.forgeSiteObjectStats("clients", res.groups.host, "detail", extra_params);
- this.forgeSiteObjectEvents("clients", null, res.groups.host, "detail", extra_params);
- break;
- case "juniperSwitch":
- this.setName("switch", "insights");
- this.forgeSiteObject("devices", res.groups.host, "detail");
- this.forgeSiteObjectStats("devices", res.groups.host, "detail", extra_params);
- this.forgeSiteObjectEvents("devices", "switch", res.groups.host, "detail", extra_params);
- break;
- case "juniperGateway":
- this.setName("gateway", "insights");
- this.forgeSiteObject("devices", res.groups.host, "detail");
- this.forgeSiteObjectStats("devices", res.groups.host, "detail", extra_params);
- this.forgeSiteObjectEvents("devices", "gateway", res.groups.host, "detail", extra_params);
- break;
- case "wiredClient":
- this.setName("wired client", "insights");
- this.forgeSiteObjectSearch("wired_clients", res.groups.host, "detail", extra_params);
- this.forgeSiteObjectEvents("wired_clients", null, res.groups.host, "detail", extra_params);
- break;
- case "edge":
- this.setName("mxedge", "insights");
- this.forgeOrgObject("mxedges", res.groups.host, "detail");
- this.forgeOrgObjectStats("mxedges", res.groups.host, "detail", extra_params);
- this.forgeOrgObjectEvents("mxedges", res.groups.host, "detail", extra_params);
- break;
- case "site":
- case undefined:
- this.setName("site", "insights");
- this.forgeSite(res.groups.host, extra_params);
- break;
- }
- }
- }
-
-
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////// ORG SLE URL FUNCTION DISPATCHER
-
- orgSleUrl(res: RegExpExecArray): void {
- this.org_id = res.groups.org_id;
- let extra_params = null;
- if (res.groups.start && res.groups.stop) {
- extra_params = "start=" + res.groups.start + "&end=" + res.groups.stop;
- }
- if (res.groups.host && res.groups.org_id) {
- switch (res.groups.scope) {
- case "siteComparison":
- this.forgeOrgSlehUrl(res.groups.host, "wifi", res.groups.sle, res.groups.worstsle, extra_params);
- break;
- case "wiredSiteComparison":
- this.forgeOrgSlehUrl(res.groups.host, "wired", res.groups.sle, res.groups.worstsle, extra_params);
- break;
- case "wanSiteComparison":
- this.forgeOrgSlehUrl(res.groups.host, "wan", res.groups.sle, res.groups.worstsle, extra_params);
- break;
- }
- }
- }
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////// SLE URL FUNCTION DISPATCHER
-
- sleUrl(res: RegExpExecArray): void {
- this.org_id = res.groups.org_id;
- this.site_id = res.groups.site_id;
- let extra_params = null;
- let scope = "";
- if (res.groups.scope != "site") {
- this.setName(res.groups.scope, "sle");
- this.obj_id = res.groups.scope_id;
- }
- if (res.groups.scope == "juniperSwitch") {
- scope = "switch";
- } else if (res.groups.scope == "juniperGateway") {
- scope = "gateway";
- } else if (res.groups.scope == "device") {
- scope = "ap";
- } else {
- scope = res.groups.scope;
- }
- if (res.groups.start && res.groups.stop) {
- extra_params = "start=" + res.groups.start + "&end=" + res.groups.stop;
- }
- if (res.groups.host && res.groups.org_id) {
- let sles: string[] = []
- switch (res.groups.detail) {
- case "serviceLevels":
- sles = [
- "time-to-connect",
- "failed-to-connect",
- "roaming",
- "throughput",
- "coverage",
- "capacity",
- "ap-availability"
- ]
- break;
- case "wiredServiceLevels":
- sles = [
- "switch-stc",
- "switch-health",
- "switch-throughput"
- ]
- break;
- case "wanServiceLevels":
- sles = [
- "gateway-health",
- "wan-link-health"
- ]
- break;
- }
- this.forgeSlehUrl(res.groups.host, scope, res.groups.site_id, res.groups.scope_id, sles, extra_params)
- }
- }
-
-
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////////////////////////////////////////////////////////////////////
- // OTHER FUNCTIONS
- ////////////////////////////////////////////////////////////////////////////////////
- ////////////////////////////////////////////////////////////////////////////////////
- openApiTab(url: string) {
- chrome.tabs.create({ url: url });
- }
-
- copyId(inputElement: HTMLInputElement): void {
- this.focused = inputElement.id;
- inputElement.select();
- document.execCommand('copy');
- setTimeout(() => {
- this.focused = "";
- this._cd.detectChanges()
- }, 100);
- inputElement.setSelectionRange(0, 0);
+ let host = this.tabUrl.split("/")[2]
+ if (this.hosts_manage.indexOf(host) > -1) this.display = "manage"
+ else if (this.hosts_api.indexOf(host) > -1 && this.tabUrl.indexOf("/api/v1/docs") < 0) this.display = "django"
}
- openTab(target: string) {
- let dest_url = ""
- switch (target) {
- case "openapi":
- dest_url = "https://doc.mist-lab.fr";
- break;
- case "postman":
- dest_url = "https://documenter.getpostman.com/view/224925/SzYgQufe";
- break;
- case "mist":
- dest_url = "https://api.mist.com/api/v1/docs";
- break;
- }
- if (dest_url) {
- chrome.tabs.create({ url: dest_url });
- }
+ openTab() {
+ chrome.tabs.create({ url: "https://github.com/tmunzer/mist_chrome_extension/issues/new" })
}
}
diff --git a/src/angular/src/app/pages/api/django/api.django.component.scss b/src/angular/src/app/pages/api/django/api.django.component.scss
new file mode 100644
index 0000000..05acef9
--- /dev/null
+++ b/src/angular/src/app/pages/api/django/api.django.component.scss
@@ -0,0 +1,147 @@
+// GRID
+.grid-wrapper {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ justify-items: stretch;
+ align-items: stretch;
+ justify-content: center;
+}
+
+.grid-item {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: stretch;
+ font-weight: 100;
+ margin: .2em .5em;
+ width: 150px;
+}
+
+// LINKS
+.doc-link {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: flex-start;
+ font-size: smaller;
+ background-color: white;
+ border: 1px solid #eee;
+ box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 6%) 0px 1px 2px 0px;
+ cursor: pointer;
+ margin: 1em 0;
+ transition: all 0.2s ease-in-out;
+}
+
+.doc-link:hover {
+ transition: all 0.2s ease-in-out;
+}
+
+.doc-link .operation {
+ color: black;
+ font-weight: 200;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: space-between;
+ width: 100%;
+ font-size: small;
+ padding: 0 0.5em;
+}
+
+.doc-link .operation img {
+ color: gray;
+ height: 1.5em;
+ margin: 0.5em;
+ filter: invert(100%) sepia(0) saturate(1352%) hue-rotate(0deg) brightness(10%) contrast(0);
+}
+
+.operationId {
+ width: 14em;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ color: gray;
+ text-align: start;
+}
+
+.method {
+ margin: 0.5em;
+ padding: 0.5em;
+ width: 6em;
+ font-weight: 500;
+ border-radius: 0.5em;
+ text-align: center;
+}
+
+.get {
+ color: green;
+ border: 1px solid green;
+}
+
+.post {
+ color: blue;
+ border: 1px solid blue;
+}
+
+.put {
+ color: orange;
+ border: 1px solid orange;
+}
+
+.delete {
+ color: red;
+ border: 1px solid red;
+}
+
+////// INPUT
+.help.icon {
+ filter: invert(100%) sepia(0) saturate(1352%) hue-rotate(0deg) brightness(10%) contrast(0);
+ height: 15px;
+ margin-left: 1px;
+}
+
+input {
+ border: 1px solid lightgray;
+ padding: 5px 0 5px 5px;
+ margin: 2px 0;
+}
+
+select:focus,
+input:focus {
+ box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);
+}
+
+.ng-untouched {
+ color: gray;
+}
+
+select {
+ width: 100%;
+ padding: 4px;
+ border: 1px solid lightgray;
+ margin: 2px 0;
+}
+
+// BUTTON
+button.update {
+ background-color: #84b035;
+ color: white;
+ box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
+ transition: background-color 0.2s ease-in-out;
+ cursor: pointer;
+ width: 100%;
+ margin: 1em 0;
+}
+
+button.update:enabled:hover {
+ background-color: #649015;
+}
+
+// tooltip
+.tooltip .tooltiptext {
+ top: 100%;
+ left: -30%;
+}
\ No newline at end of file
diff --git a/src/angular/src/app/pages/api/django/django.component.html b/src/angular/src/app/pages/api/django/django.component.html
new file mode 100644
index 0000000..067ad78
--- /dev/null
+++ b/src/angular/src/app/pages/api/django/django.component.html
@@ -0,0 +1,106 @@
+
+
+
Query Parameters
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ This API call doesn't not support any query parameters.
+
+
+
+
Documentation
+
+
+
+
+
+
+
+
Page Info
+
+
Sorry, this website does not look like a Mist Dashboard...
+
If you think I'm wrong, please send me an email with the current URL.
+
+
+
+
+
+
+
+
+
+
+
Quick API Access
+
+
+
+
+
-