<head>
<title>
- XDS Dashboard
+ XDS Server
</title>
- <meta name="viewport" content="width=device-width, initial-scale=1">
-
<link rel="icon" type="image/x-icon" href="assets/favicon.ico">
- <!-- TODO cleanup
- <link rel="stylesheet" href="lib/foundation-sites/dist/css/foundation.min.css">
- -->
- <link <link href="lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+ <link rel="stylesheet" href="font-awesome.min.css">
- <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css">
- <link rel="stylesheet" href="lib/font-awesome-animation/dist/font-awesome-animation.min.css">
+ <style>
+ body.page-content {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ height: 100%;
+ width: auto;
+ text-align: center;
+ background: url("assets/images/background_iot_bzh_light.png") 0 0 no-repeat;
+ background-color: lightgrey;
+ background-size: cover;
+ background-position: center;
+ color: #FFFFFF;
+ }
- <!-- 1. Load libraries -->
- <!-- Polyfill(s) for older browsers -->
- <script src="lib/core-js/client/shim.min.js"></script>
+ img {
+ width: 15em;
+ }
- <script src="lib/zone.js/dist/zone.js"></script>
- <script src="lib/reflect-metadata/Reflect.js"></script>
- <script src="lib/systemjs/dist/system.src.js"></script>
+ li {
+ list-style: none;
+ font-size: x-large;
+ padding-bottom: 10px;
+ }
- <!-- 2. Configure SystemJS -->
- <script src="systemjs.config.js"></script>
- <script>
- System.import('app')
- .then(null, console.error.bind(console));
- </script>
+ a {
+ color: royalblue;
+ }
- <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
+ i.fa {
+ font-size: smaller;
+ }
+ #dashbButton {
+ font-size: large;
+ font-weight: bold;
+ background: none;
+ color: royalblue;
+ }
+ </style>
</head>
-<!-- 3. Display the application -->
+<body class="page-content">
+
+ <img id="logo-iot" src="assets/images/iot-bzh-logo-small.png">
+
+ <h1 id="title">X(cross) Development System</h1>
+
+ <h2>Please start XDS agent on your machine<br> and
+ <br> connect to XDS Dashboard
+ </h2>
+
+ <button id="dashbButton">
+ Try to connect to dashboard<br>
+ http://localhost:8000
+ </button>
+ <script type="text/javascript">
+ document.getElementById("dashbButton").onclick = function () {
+ location.href = "http://localhost:8000";
+ };
+ </script>
+ <i style="font:xx-small;">(URL may depend on your configuration)</i>
+
+ <br><br><br>
-<body style="padding-top: 70px;"> <!-- padding needed due to fixed navbar -->
- <app>
- <div style="text-align:center; position:absolute; top:50%; width:100%; transform:translate(0,-50%);">
- <img id="logo-iot" src="assets/images/iot-bzh-logo-small.png">
- <br> Loading...
- <i class="fa fa-spinner fa-spin fa-fw"></i>
- </div>
- </app>
+ <h2>For more information, please refer to XDS User's Guide:</h2>
+ <ul>
+ <li>
+ <a href="http://docs.automotivelinux.org/docs/devguides/en/dev/reference/xds/part-1/1_install-client.html">
+ Install instructions <i class="fa fa-external-link" aria-hidden="true"></i>
+ </a>
+ </li>
+ <li>
+ <a href="http://docs.automotivelinux.org/docs/devguides/en/dev/#xcross-development-system-user's-guide">
+ Online User's guide <i class="fa fa-external-link" aria-hidden="true"></i>
+ </a>
+ </li>
+ <li>
+ <a href="http://iot.bzh/download/public/2017/XDS/docs/XDS_UsersGuide.pdf">
+ User's guide (PDF file) <i class="fa fa-external-link" aria-hidden="true"></i>
+ </a>
+ </li>
+ </ul>
</body>
</html>
Code Review / src / xds / xds-server.git / blobdiff