<html>
<head>
<!--
- * Copyright (C) 2017 "IoT.bzh"
+ * Copyright (C) 2017, 2018 "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">
+ <link href="monitor-demo.css" rel="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>
<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>
<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>
<div id="params" class="clearfix">
<div>host: <input type="text" id="param-host" size="50" value="localhost"></input></div>
<div>port: <input type="text" id="param-port" size="10" value="1234"></input></div>
- <div>token: <input type="text" id="param-token" size="33" value="hello"></input></div>
+ <div>token: <input type="text" id="param-token" size="33" value="HELLO"></input></div>
</div>
<div class="-flex-fill -box-out">
<div id="trace-events" class="-box-in">
<div id="menu" class="-flex-v">
<div id="connect" class="x-button">Connect</div>
<div id="disconnect" class="x-button">Disconnect</div>
+ <div id="style" class="x-button">style</div>
<div id="autoscroll" class="x-button">Stop scroll</div>
<div id="addsep" class="x-button">Add separator</div>
<div id="droptracevts" class="x-button">Clear traces</div>
<!-- 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>
<span>Verbosity:</span>
<select class="select">
<option value="error">error</option>
+ <option value="warning">warning</option>
<option value="notice">notice</option>
<option value="info">info</option>
<option value="debug">debug</option>