root/ossiedev/trunk/tools/cornetApps/templates/WebDash/display.html @ 10902

<title>{{ instance.getName }}</title>


<h1>{{ instance.getName }}</h1>
    <ul>
    {% for component in instance.getAllComponents %}

        <li>{{ component.getName }}</li>
                <table cellpadding="0" cellspacing="0"`>
                
        
                {% for property in component.getAllProperties %}
                <tr>
                <td>    <form name="{{ property.getName }}-configure" action="/~webdemo/django/WebDash/configure/" method="post">{% csrf_token %} 
                                {{ property.getName }}
                                {% with propKey=instance.getName|add:component.getName|add:property.getName %}
                                        {% if propKey in map %}
                                                {% for key, control in map.items %}
                                                        {% if key == propKey %}
                                                                <input type="{{ control }}" name="propValue" value="{{ property.getValue }}" />                         
                                                        {% endif %}
                                                {% endfor %}
                                        {% else %}
                                                {% if property.getWidget.type == "slider"  %}
                                                        <input type="range" name="propValue" value="{{ property.getValue }}" />
                                                {% else %}
                                                        {% if property.getWidget.type == "spin" %}
                                                                <input type="number" name="propValue" value="{{ property.getValue }}" />
                                                        {% else %}
                                                                {% if property.getWidget.type == "text" %}
                                                                        <input type="text" name="propValue" value="{{ property.getValue }}" />
                                                                {% endif %}
                                                        {% endif %}     
                                                {% endif %}
                                        {% endif %}
                                {% endwith %}
                                <input type="hidden" name="waveform" value="{{ instance.getName }}" />
                                <input type="hidden" name="component" value="{{ component.getName }}" />
                                <input type="hidden" name="property" value="{{ property.getName }}" />
                                <input type="submit" value="configure" />
                        </form></td>
                        <td><form action="/~webdemo/django/WebDash/updateControls/" method="post">{% csrf_token %}
                                <select name="control">
                        
                                {% for key, widgetArray in propMap.items %} 
                                        {% if key == property.name %}
                                                {% for widget in widgetArray %}
                                                        {% if widget.type == "text" %} 
                                                                <option value="text">Text</option>
                                                        {% endif %}
                                                        {% if widget.type == "spin" %}
                                                                <option value="spin">Spinner</option>
                                                        {% endif %}
                                                        {% if widget.type == "slider" %} 
                                                                <option value="range">Slider</option>
                                                        {% endif %}
                                                        {% if widget.type == "checkbox" %} 
                                                                <option value="checkbox">Checkbox</option>
                                                        {% endif %}
                                                        {% if widget.type == "listbox" %}
                                                                <option value="listbox">Listbox</option>
                                                        {% endif %}
                                                {% endfor %}
                                        {% endif %}
                                {% endfor %}
                                </select>
                                <input type="hidden" name="waveform" value="{{ instance.getName }}" />
                                <input type="hidden" name="component" value="{{ component.getName }}" />
                                <input type="hidden" name="property" value="{{ property.getName }}" />
                                <input type="submit" value="Change"/>
                        </form></td>
                
                
                </tr>
                {% endfor %}
                
</table>
    {% endfor %}
    
    </ul>
    
<h2>Block Diagram</h2>
<canvas id="myCanvas" width="10000" height="100"></canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";

{% for component in instance.getAllComponents %}
cxt.fillStyle={% cycle "\"#FF0000\"" "\"#000099\"" %};
cxt.fillRect(50*{{ forloop.counter }},0,40,40);
{% endfor %}
</script> 
<a href='/~webdemo/django/WebDash/'>Home</a>