d5429afd7c
The css was from coreui's build and had a lot of unnecessary detritus in it. There is likely more that can be removed but functions started to break with indiscriminate deletion. It may be best for us to develop our own CSS at some point Change-Id: I1b66986c0040ec02f5e55d22f716d4b9885a49f0
121 lines
6.1 KiB
HTML
Executable File
121 lines
6.1 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<base href="./">
|
|
<meta charset="utf-8">
|
|
<title>Airship UI</title>
|
|
<meta name="description" content="Airship User Interface. SPDX-License-Identifier: Apache-2.0">
|
|
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
|
<meta name="theme-color" content="#ffffff">
|
|
<script src="js/websocket.js"></script>
|
|
<script src="js/common.js"></script>
|
|
<script src="js/airshipctl/airshipctl.js"></script>
|
|
<script src="node_modules/@coreui/coreui/dist/js/coreui.bundle.min.js"></script>
|
|
<script type="text/javascript" src="node_modules/vis-network/standalone/umd/vis-network.min.js"></script>
|
|
<link href="node_modules/@coreui/coreui/dist/css/coreui.css" rel="stylesheet">
|
|
<link href="styles/style.css" rel="stylesheet">
|
|
<link href="styles/coreui.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body class="c-app">
|
|
<div id="MainDiv" style="display:none">
|
|
<div class="c-sidebar c-sidebar-dark c-sidebar-fixed c-sidebar-lg-show" id="sidebar">
|
|
<div class="c-sidebar-brand d-lg-down-none">
|
|
<svg class="c-sidebar-brand-full" width="118" height="46" alt="Airship Logo">
|
|
<use xlink:href="images/Airship_Logo_Horizontal_2Color_RGB.svg#Layer_1"></use>
|
|
</svg>
|
|
<svg class="c-sidebar-brand-minimized" width="46" height="46" alt="Airship Logo">
|
|
<use xlink:href="images/Airship_Icon_2Color_RGB.svg#Layer_1"></use>
|
|
</svg>
|
|
</div>
|
|
<ul class="c-sidebar-nav">
|
|
<li class="c-sidebar-nav-title">Components</li>
|
|
<li class="c-sidebar-nav-item c-sidebar-nav-dropdown"><a
|
|
class="c-sidebar-nav-link c-sidebar-nav-dropdown-toggle" href="#">
|
|
<svg class="c-sidebar-nav-icon">
|
|
<use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-airplane-mode"></use>
|
|
</svg> Airship</a>
|
|
<ul id="AirshipDropdown" class="c-sidebar-nav-dropdown-items">
|
|
<li><a class="c-sidebar-nav-link" id="LiBaremetal" onclick="ctlGetDefaults(this)">Baremetal</a></span></li>
|
|
<li><a class="c-sidebar-nav-link" id="LiConfig" onclick="ctlGetDefaults(this)">Config</a></span></li>
|
|
<li><a class="c-sidebar-nav-link" id="LiDocument" onclick="ctlGetDefaults(this)">Document</a></span></li>
|
|
</ul>
|
|
</li>
|
|
<li class="c-sidebar-nav-item c-sidebar-nav-dropdown"><a
|
|
class="c-sidebar-nav-link c-sidebar-nav-dropdown-toggle" href="#">
|
|
<svg class="c-sidebar-nav-icon">
|
|
<use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-puzzle"></use>
|
|
</svg> Plugins</a>
|
|
<ul id="PluginDropdown" class="c-sidebar-nav-dropdown-items">
|
|
</ul>
|
|
</li>
|
|
<li class="c-sidebar-nav-item c-sidebar-nav-dropdown"><a
|
|
class="c-sidebar-nav-link c-sidebar-nav-dropdown-toggle" href="#">
|
|
<svg class="c-sidebar-nav-icon">
|
|
<use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-speedometer"></use>
|
|
</svg> Dashboards</a>
|
|
<ul id="DashDropdown" class="c-sidebar-nav-dropdown-items">
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<button class="c-sidebar-minimizer c-class-toggler" type="button" data-target="_parent"
|
|
data-class="c-sidebar-minimized"></button>
|
|
</div>
|
|
<div class="c-wrapper c-fixed-components">
|
|
<header class="c-header c-header-light c-header-fixed c-header-with-subheader">
|
|
<button class="c-header-toggler c-class-toggler d-lg-none mfe-auto" type="button" data-target="#sidebar"
|
|
data-class="c-sidebar-show">
|
|
<svg class="c-icon c-icon-lg">
|
|
<use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
|
|
</svg>
|
|
</button><a class="c-header-brand d-lg-none" href="#">
|
|
<svg width="118" height="46" alt="Airship Logo">
|
|
<use xlink:href="images/Airship_Logo_Horizontal_2Color_RGB.svg#Layer_1"></use>
|
|
</svg></a>
|
|
<button class="c-header-toggler c-class-toggler mfs-3 d-md-down-none" type="button" data-target="#sidebar"
|
|
data-class="c-sidebar-lg-show" responsive="true">
|
|
<svg class="c-icon c-icon-lg">
|
|
<use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
|
|
</svg>
|
|
</button>
|
|
<ul class="c-header-nav ml-auto mr-4">
|
|
<li class="c-header-nav-item dropdown"><a class="c-header-nav-link" data-toggle="dropdown" href="#"
|
|
role="button" aria-haspopup="true" aria-expanded="false">
|
|
<div class="c-avatar"><img class="c-avatar-img" src="images/avatar.jpg" alt="user@email.com"></div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</header>
|
|
<div class="c-body">
|
|
<div id="alert-div"></div>
|
|
<main class="c-main">
|
|
<div class="container-fluid">
|
|
<div class="fade-in"></div>
|
|
</div>
|
|
<div class="spinner" style="position:flex;top:0;left:0;width:100%;height:100%;display:none">
|
|
<div class="bounce1"></div>
|
|
<div class="bounce2"></div>
|
|
<div class="bounce3"></div>
|
|
</div>
|
|
<div id="embedded-dashboard">
|
|
<webview class="webview" id="DashView" autosize="on" style="height:92vh;display:none"></webview>
|
|
</div>
|
|
<div id="ContentDiv" style="padding-left:15px"></div>
|
|
</main>
|
|
<footer class="c-footer">
|
|
<div>Airship UI © <script>document.write(new Date().getFullYear())</script></div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<webview class="webview" id="AuthView" autosize="on" style="height:92vh;"></webview>
|
|
|
|
<!-- For some reason monaco includes can't live in the head of html because they rely on some post content loaded listener -->
|
|
<script src="node_modules/monaco-editor/min/vs/loader.js"></script>
|
|
<script>require.config( { paths: { "vs": "node_modules/monaco-editor/min/vs" } } );</script>
|
|
<script src="node_modules/monaco-editor/min/vs/editor/editor.main.nls.js"></script>
|
|
<script src="node_modules/monaco-editor/min/vs/editor/editor.main.js"></script>
|
|
</body>
|
|
</html> |