monitoring: Improve default CSS
[src/app-framework-binder.git] / test / monitoring / monitor.html
index 83807bc..af2c905 100644 (file)
@@ -1,7 +1,7 @@
 <html>
 <head>
 <!--
- * Copyright (C) 2017, 2018 "IoT.bzh"
+ * Copyright (C) 2017-2019 "IoT.bzh"
  * Author: José Bollo <jose.bollo@iot.bzh>
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
 -->
     <title>Monitoring</title>
     <link href="monitor-base.css" rel="stylesheet">
-    <link href="monitor-demo.css" rel="stylesheet" title="demo">
+    <link href="monitor-iot.css" rel="stylesheet" title="iot">
+    <link href="monitor-demo.css" rel="alternate stylesheet" title="demo">
     <link href="monitor-pastel.css" rel="alternate stylesheet" title="pastel">
     <script type="text/javascript" src="underscore-min.js"></script>
     <script type="text/javascript" src="AFB.js"></script>
     <script type="text/javascript" src="monitor.js"></script>
 
-<body id="root" class="-flex-v on" onload="init();">
+<body id="root" class="-flex-v off" onload="init();">
   <div id="head" class="clearfix">
-    <div id="logo"></div>
     <div id="connected">Not Connected</div>
+    <div id="logo"></div>
     <div id="title">Monitoring</div>
   </div>
   <div id="work" class="-flex-fill -flex-h">
     <div id="controls" class="-box-out">
       <div class="-box-in">
-        <div id="all" class="api opened" data-api="*">
+        <div id="all" class="api opened" data-apiname="*">
           <div class="opclo"></div>
           <div class="name">{ALL}</div>
           <div class="desc">Settings for all</div>
@@ -43,7 +44,7 @@
           <div class="closedon">traces...</div>
           <div class="trace closedoff"></div>
         </div>
-        <div id="common" class="api" data-api="">
+        <div id="common" class="api" data-apiname="">
           <div class="name">{COMMON}</div>
           <div class="desc">Settings without apis</div>
           <hr>
@@ -88,7 +89,7 @@
 
 <!-- template for APIS -->
   <template id="t-api">
-    <div class="api closed" data-api="">
+    <div class="api closed" data-apiname="">
       <div class="opclo"></div>
       <div class="name"></div>
       <div class="desc"></div>