test/monitoring/monitor.html

   1 <html>
   2 <head>
   3     <title>Monitoring</title>
   4     <link href="monitor-base.css" rel="stylesheet">
   5     <link href="monitor-demo.css" rel="stylesheet">
   6     <!--link href="monitor-pastel.css" rel="stylesheet"-->
   7     <script type="text/javascript" src="underscore-min.js"></script>
   8     <script type="text/javascript" src="AFB.js"></script>
   9     <script type="text/javascript" src="monitor.js"></script>
  10
  11 <body id="root" class="on" onload="init();">
  12   <div id="head" class="clearfix">
  13     <div id="logo"></div>
  14     <div id="connected">Not Connected</div>
  15     <div id="title">Monitoring</div>
  16   </div>
  17   <div id="work">
  18     <div id="params" class="clearfix">
  19       <div id="connect" class="x-button">connect</div>
  20       <div>host: <input type="text" id="param-host" size="50" value="localhost"></input></div>
  21       <div>port: <input type="text" id="param-port" size="10" value="1234"></input></div>
  22       <div>token: <input type="text" id="param-token" size="33" value="hello"></input></div>
  23     </div>
  24     <div id="main">
  25       <div class="fillfix"></div>
  26       <div id="controls">
  27         <div id="all" class="api opened" data-api="*">
  28           <div class="opclo"></div>
  29           <div class="name">{ALL}</div>
  30           <div class="desc">Settings for all</div>
  31           <hr>
  32           <div class="verbosity">placeholder</div>
  33           <hr class="closedoff">
  34           <div class="closedon">traces...</div>
  35           <div class="trace closedoff"></div>
  36         </div>
  37         <div id="common" class="api" data-api="">
  38           <div class="name">{COMMON}</div>
  39           <div class="desc">Settings without apis</div>
  40           <hr>
  41           <div class="verbosity">placeholder</div>
  42         </div>
  43         <div id="apis">
  44         </div>
  45       </div>
  46       <div id="logmsg-box">
  47         <div id="disconnect" class="x-button">Disconnect</div>
  48         <div id="autoscroll" class="x-button">Stop scroll</div>
  49         <div id="addsep" class="x-button">Add separator</div>
  50         <div id="droptracevts" class="x-button">Clear traces</div>
  51         <div id="expert-pane" class="closed">
  52           <div class="opclo"></div>
  53           <div class="expert">{EXPERT}</div>
  54           <div class="closedoff">
  55             <div id="stopmsgs" class="x-button">Stop logs</div>
  56             <div id="dropmsgs" class="x-button">Clear logs</div>
  57             <div id="logmsgs-inner-box">
  58               <div class="fillfix"></div>
  59               <div id="logmsgs"></div>
  60             </div>
  61           </div>
  62         </div>
  63       </div>
  64       <div id="trace-events">
  65       </div>
  66     </div>
  67   </div>
  68
  69 <!-- template for APIS -->
  70   <template id="t-api">
  71     <div class="api closed" data-api="">
  72       <div class="opclo"></div>
  73       <div class="name"></div>
  74       <div class="desc"></div>
  75       <div class="closedoff">
  76         <hr>
  77         <div class="verbosity">placeholder</div>
  78         <hr>
  79         <div class="closed">
  80           <div class="opclo"></div>
  81           <div class="closedon">verbs...</div>
  82           <div class="verbs closedoff"></div>
  83         </div>
  84         <div class="closed">
  85           <div class="opclo"></div>
  86           <div class="closedon">traces...</div>
  87           <div class="trace closedoff"></div>
  88         </div>
  89       </div>
  90     </div>
  91   </template>
  92
  93 <!-- template for VERBS of APIS -->
  94   <template id="t-verb">
  95     <div class="verb" data-verb="">
  96       <div class="vdsc">
  97         <span class="name"></span>
  98         <span class="colon">:</span>
  99         <span class="desc"></span>
 100       </div>
 101       <div class="perm"></div>
 102     </div>
 103   </template>
 104
 105 <!-- template for ERRORS -->
 106   <template id="t-logmsg">
 107     <div class="logmsg">
 108       <div class="close"></div>
 109       <div class="tag"></div>
 110       <div class="content"></div>
 111     </div>
 112   </template>
 113
 114 <!-- template for VERBOSITY -->
 115   <template id="t-verbosity">
 116     <div class="verbosity">
 117       <span>Verbosity:</span>
 118       <select class="select">
 119         <option value="error">error</option>
 120         <option value="notice">notice</option>
 121         <option value="info">info</option>
 122         <option value="debug">debug</option>
 123       </select>
 124     </div>
 125   </template>
 126
 127 <!-- template for TRACE -->
 128   <template id="t-trace">
 129     <div class="trace closedoff">
 130       <div class="trace-box request" data-trace="request">
 131         <div class="trace-title">trace requests: <a target="_blank" href="http://docs.automotivelinux.org/docs/apis_services/en/dev/reference/af-binder/afb-binding-references.html#functions-of-class-afbreq">(doc)</a></div>
 132         <div class="trace-item"><input type="radio" value="no" checked>no</input></div>
 133         <div class="trace-item"><input type="radio" value="common">common</input></div>
 134         <div class="trace-item"><input type="radio" value="extra">extra</input></div>
 135         <div class="trace-item"><input type="radio" value="all">all</input></div>
 136       </div>
 137       <div class="trace-box service" data-trace="service">
 138         <div class="trace-title">trace service call: <a target="_blank" href="http://docs.automotivelinux.org/docs/apis_services/en/dev/reference/af-binder/afb-binding-references.html#functions-of-class-afbservice">(doc)</a></div>
 139         <div class="trace-item"><input type="radio" value="no" checked>no</input></div>
 140         <div class="trace-item"><input type="radio" value="all">all</input></div>
 141       </div>
 142       <div class="trace-box daemon" data-trace="daemon">
 143         <div class="trace-title">trace daemon: <a target="_blank" href="http://docs.automotivelinux.org/docs/apis_services/en/dev/reference/af-binder/afb-binding-references.html#functions-of-class-afbdaemon">(doc)</a></div>
 144         <div class="trace-item"><input type="radio" value="no" checked>no</input></div>
 145         <div class="trace-item"><input type="radio" value="common">common</input></div>
 146         <div class="trace-item"><input type="radio" value="extra">extra</input></div>
 147         <div class="trace-item"><input type="radio" value="all">all</input></div>
 148       </div>
 149       <div class="trace-box event" data-trace="event">
 150         <div class="trace-title">trace events: <a target="_blank" href="http://docs.automotivelinux.org/docs/apis_services/en/dev/reference/af-binder/afb-binding-references.html#functions-of-class-afbevent">(doc)</a></div>
 151         <div class="trace-item"><input type="radio" value="no" checked>no</input></div>
 152         <div class="trace-item"><input type="radio" value="common">common</input></div>
 153         <div class="trace-item"><input type="radio" value="extra">extra</input></div>
 154         <div class="trace-item"><input type="radio" value="all">all</input></div>
 155       </div>
 156     </div>
 157   </template>
 158
 159 <!-- template for EVENTS -->
 160   <template id="t-traceevent">
 161     <div class="traceevent closed">
 162       <div class="close"></div>
 163       <div class="time"></div>
 164       <div class="tag"></div>
 165       <div class="content"></div>
 166     </div>
 167   </template>
 168
 169 <!-- template for SEPARATOR -->
 170   <template id="t-separator">
 171     <div class="separator"></div>
 172   </template>
 173
 174