Add page for digital PTG signage

This renders the same ptg.json data in a specific page that will be used for digital signage at the event. Change-Id: I126799a40b2b753096c8366d6fde93d1fbf2ae3d
3 years ago · 55956246a2
--- a/html/ptg.html
+++ b/html/ptg.html
@ -81,7 +81,7 @@
     {{#if (roomactive @root.scheduled @root.additional room times)}}
     <tr><td>{{room}}</td>
      {{#each (lookup @root.slots day) as |time|}}
      <td>{{ roomcode @root.scheduled @root.additional room time.name }}</td>
      <td>{{ roomcode @root.scheduled @root.additional room time.name 0 }}</td>
      {{/each}}
     </tr>
     {{/if}}
--- a/html/ptg.js
+++ b/html/ptg.js
@ -34,7 +34,7 @@ Handlebars.registerHelper('roomactive',
 });

 Handlebars.registerHelper('roomcode',
                          function(scheduled, additional, room, timecode) {
                          function(scheduled, additional, room, timecode, s) {
  var cell = '';
  content = scheduled[room][timecode];
  if ((content != undefined) && (content != '')) {
@ -46,7 +46,11 @@ Handlebars.registerHelper('roomcode',
      console.log(additional[room][timecode]);
      if (additional[room][timecode] != undefined) {
        if (additional[room][timecode] == "") {
          cell = '<small><i>' + room + "-" + timecode + '</i></small>';
          if (s == 1) {
            cell = '<small><i>Available for booking</i></small>';
          } else {
            cell = '<small><i>' + room + "-" + timecode + '</i></small>';
          }
        } else {
          cell = '<span class="label label-primary ' +
                 additional[room][timecode] +
--- a/html/signage.html
+++ b/html/signage.html
@ -0,0 +1,73 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta http-equiv="refresh" content="60">
  <title>OpenStack PTG tracks for today</title>
  <!-- Latest compiled and minified CSS -->
  <link rel="stylesheet" href="bootstrap-3.3.7.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 </head>
 <body>

 <div class="container">
 <div id="PTGsessions">
 </div>
 </div>

 <script id="PTGtemplate" type="text/x-handlebars-template">
 <style>
 {{#each colors as |color track|}}
 .{{track}} {
    background-color: {{color}};
 }
 {{/each}}
 </style>
 <nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">OpenStack PTG tracks for today</a>
    </div>
    <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
 {{#each slots as |times day|}}
  <li><a id='at{{day}}' href="#a{{day}}" aria-controls="a{{day}}" role="tab" data-toggle="tab">{{ day }}</a></li>
 {{/each}}
      </ul>
    </div>
  </div>
 </nav>
 <!-- Tab panes -->
 <div class="tab-content">
 {{#each slots as |times day|}}
 <div role="tabpanel" class="tab-pane" id="a{{day}}">
  <table class="table table-condensed table-striped table-bordered">
   <thead><tr><th>Room</th>
   {{#each times as |time|}}
     <th>{{time.desc}}</th>
   {{/each}}
   </tr></thead>
  {{#each @root.scheduled as |schedule room|}}
  {{#if (roomactive @root.scheduled @root.additional room times)}}
  <tr><td>{{room}}</td>
   {{#each (lookup @root.slots day) as |time|}}
   <td>{{ roomcode @root.scheduled @root.additional room time.name 1 }}</td>
   {{/each}}
  </tr>
  {{/if}}
  {{/each}}
  </table>
 </div>
 {{/each}}
 <center>
 See more information, including current topics of discussion in each room, at
 <a href=http://ptg.openstack.org/ptg.html>http://ptg.openstack.org/ptg.html</a>
 </center>
 </div>
 </script>

 <script src="jquery-1.9.1.min.js"></script>
 <script src="handlebars-4.0.6.js"></script>
 <script src="bootstrap-3.3.7.min.js"></script>
 <script src="ptg.js"></script>
 </body>
 </html>