| 1 | | {% ifequal floor "1" %} |
| 2 | | <img style="z-index:-1; top: 0px; left: 0px;" src="{{STATIC_URL}}floor1_small_nonodes.jpg"/> |
| 3 | | {% for node in floor_list.0 %} |
| 4 | | {% for node_top, node_left in node_position_1 %} |
| 5 | | {% if node and forloop.counter0 == forloop.parentloop.counter0 %} |
| 6 | | <a id="node" href="#"><img width="20" style="position: absolute; top: {{node_top}}px; left: {{node_left}}px; z-index: 3;" src="{{STATIC_URL}}green_ball.gif"/></a> |
| 7 | | {% else %} |
| 8 | | {% if forloop.counter0 == forloop.parentloop.counter0 %} |
| 9 | | <img width="20" style="position: absolute; top: {{node_top}}px; left: {{node_left}}px; z-index: 3;" src="{{STATIC_URL}}grey_ball.gif"/> |
| 10 | | {% endif %} |
| 11 | | {% endif %} |
| 12 | | {% endfor %} |
| 13 | | {% endfor %} |
| 14 | | {% endifequal %} |
| 15 | | {% ifequal floor "2" %} |
| 16 | | <img style="z-index:-1; top: 0px; left: 0px;" src="{{STATIC_URL}}floor2_small_nonodes.jpg"/> |
| 17 | | {% for node in floor_list.1 %} |
| 18 | | {% for node_top, node_left in node_position_2 %} |
| 19 | | {% if node and forloop.counter0 == forloop.parentloop.counter0 %} |
| 20 | | <a id="node" href="#"><img width="20" style="position: absolute; top: {{node_top}}px; left: {{node_left}}px; z-index: 3;" src="{{STATIC_URL}}green_ball.gif"/></a> |
| 21 | | {% else %} |
| 22 | | {% if forloop.counter0 == forloop.parentloop.counter0 %} |
| 23 | | <img width="20" style="position: absolute; top: {{node_top}}px; left: {{node_left}}px; z-index: 3;" src="{{STATIC_URL}}grey_ball.gif"/> |
| 24 | | {% endif %} |
| 25 | | {% endif %} |
| 26 | | {% endfor %} |
| 27 | | {% endfor %} |
| 28 | | {% endifequal %} |
| 29 | | {% ifequal floor "3" %} |
| 30 | | <img style="z-index:-1; top: 0px; left: 0px;" src="{{STATIC_URL}}floor3_small_nonodes.jpg"/> |
| 31 | | {% for node in floor_list.2 %} |
| 32 | | {% for node_top, node_left in node_position_3 %} |
| 33 | | {% if node and forloop.counter0 == forloop.parentloop.counter0 %} |
| 34 | | <a id="node" href="#"><img width="20" style="position: absolute; top: {{node_top}}px; left: {{node_left}}px; z-index: 3;" src="{{STATIC_URL}}green_ball.gif"/></a> |
| 35 | | {% else %} |
| 36 | | {% if forloop.counter0 == forloop.parentloop.counter0 %} |
| 37 | | <img width="20" style="position: absolute; top: {{node_top}}px; left: {{node_left}}px; z-index: 3;" src="{{STATIC_URL}}grey_ball.gif"/> |
| 38 | | {% endif %} |
| 39 | | {% endif %} |
| 40 | | {% endfor %} |
| 41 | | {% endfor %} |
| 42 | | {% endifequal %} |
| 43 | | {% ifequal floor "4" %} |
| 44 | | <img style="z-index:-1; top: 0px; left: 0px;" src="{{STATIC_URL}}floor4_small_nonodes.jpg"/> |
| 45 | | {% for node in floor_list.3 %} |
| 46 | | {% for node_top, node_left in node_position_4 %} |
| 47 | | {% if node and forloop.counter0 == forloop.parentloop.counter0 %} |
| 48 | | <a id="node" href="#"><img width="20" style="position: absolute; top: {{node_top}}px; left: {{node_left}}px; z-index: 3;" src="{{STATIC_URL}}green_ball.gif"/></a> |
| 49 | | {% else %} |
| 50 | | {% if forloop.counter0 == forloop.parentloop.counter0 %} |
| 51 | | <img width="20" style="position: absolute; top: {{node_top}}px; left: {{node_left}}px; z-index: 3;" src="{{STATIC_URL}}grey_ball.gif"/> |
| 52 | | {% endif %} |
| 53 | | {% endif %} |
| 54 | | {% endfor %} |
| 55 | | {% endfor %} |
| 56 | | {% endifequal %} |
| | 1 | {% extends "base.html"%} |
| | 2 | {%block title%}OSSIE for the Web{%endblock%} |
| | 3 | {%block header%} |
| | 4 | <link href="{{STATIC_URL}}frames.css" rel="stylesheet" type="text/css"/> |
| | 5 | <script src="{{STATIC_URL}}jquery.js" type="text/javascript"></script> |
| | 6 | <script src="{{STATIC_URL}}frames.js" type="text/javascript"></script> |
| | 7 | {%endblock%} |
| | 8 | {%block content%} |
| | 9 | <div id="column_left"> |
| | 10 | <div id="left_top"> |
| | 11 | <p>Waveforms |
| | 12 | <a href="/"><img src="{{STATIC_URL}}pics/home.png" title="Home"/></a> |
| | 13 | <a href="#" id="load"><img src="{{STATIC_URL}}pics/refresh.png" title="Refresh Node Directory"/></a> |
| | 14 | <a href="/logout/"><img src="{{STATIC_URL}}pics/logout.png" title="Logout"/></a></p> |
| | 15 | <br/> |
| | 16 | <div id="directory"> </div>{#end menu div#} |
| | 17 | </div><!--end #left_top--> |
| | 18 | <div id="left_bottom"> |
| | 19 | <p>Active Applications <a href="#" title="/WebDash/running/" class="ajax"><img src="{{STATIC_URL}}pics/refresh.png" title="Refresh Active Applications"/></a></p> |
| | 20 | <div id="apps"></div> |
| | 21 | </div><!--end #left_bottom--> |
| | 22 | </div><!--end #column_left--> |
| | 23 | <div id="column_right"> |
| | 24 | <div id="right_top"> |
| | 25 | <ul class="tabs"> |
| | 26 | <li class="current"><a href="../grid/">Grid View</a></li> |
| | 27 | <li><a href="../map/1/">Floor 1</a></li> |
| | 28 | <li><a href="../map/2/">Floor 2</a></li> |
| | 29 | <li><a href="../map/3/">Floor 3</a></li> |
| | 30 | <li><a href="../map/4/">Floor 4</a></li> |
| | 31 | <li id="task manager"><a href="../tasks/">Task Manager</a></li> |
| | 32 | </ul> |
| | 33 | <br/> |
| | 34 | <p><img id="loader" src="{{STATIC_URL}}loading.gif" style="position:absolute;"/></p> |
| | 35 | <div id="console"></div> |
| | 36 | </div><!--end #right_top--> |
| | 37 | <div id="right_bottom"> |
| | 38 | <div id="workspace" class="tabs-container">Work space </div> |
| | 39 | <br/> |
| | 40 | </div><!--end #right_bottom--> |
| | 41 | </div><!--end #column_right--> |
| | 42 | {%endblock%} |