src/foundation/api/apiserver/app/views/debug.html

   1 <style type="text/css">
   2         #sidebar {
   3                 position: absolute;
   4                 right: 0px;
   5                 top:69px;
   6                 max-width: 75%;
   7                 z-index: 1000;
   8                 background-color: #fee;
   9                 border: thin solid grey;
  10                 padding: 10px;
  11         }
  12         #toggleSidebar {
  13                 position: absolute;
  14                 right: 0px;
  15                 top: 50px;
  16                 background-color: #fee;
  17         }
  18
  19 </style>
  20 <div id="sidebar" style="display:none;">
  21         <h4>Available pipelines</h4>
  22         <dl>
  23         {{ range $index, $value := .}}
  24                 <dt>{{$index}}</dt>
  25                 <dd>{{$value}}</dd>
  26         {{end}}
  27         </dl>
  28         <h4>Flash</h4>
  29         <dl>
  30         {{ range $index, $value := .flash}}
  31                 <dt>{{$index}}</dt>
  32                 <dd>{{$value}}</dd>
  33         {{end}}
  34         </dl>
  35
  36         <h4>Errors</h4>
  37         <dl>
  38         {{ range $index, $value := .errors}}
  39                 <dt>{{$index}}</dt>
  40                 <dd>{{$value}}</dd>
  41         {{end}}
  42         </dl>
  43 </div>
  44 <a id="toggleSidebar" href="#" class="toggles"><i class="glyphicon glyphicon-chevron-left"></i></a>
  45
  46 <script>
  47         $sidebar = 0;
  48         $('#toggleSidebar').click(function() {
  49                 if ($sidebar === 1) {
  50                         $('#sidebar').hide();
  51                         $('#toggleSidebar i').addClass('glyphicon-chevron-left');
  52                         $('#toggleSidebar i').removeClass('glyphicon-chevron-right');
  53                         $sidebar = 0;
  54                 }
  55                 else {
  56                         $('#sidebar').show();
  57                         $('#toggleSidebar i').addClass('glyphicon-chevron-right');
  58                         $('#toggleSidebar i').removeClass('glyphicon-chevron-left');
  59                         $sidebar = 1;
  60                 }
  61
  62     return false;
  63         });
  64 </script>