Revision 89976b6c ui/templates/instances.html
| b/ui/templates/instances.html | ||
|---|---|---|
| 2 | 2 |
|
| 3 | 3 |
<div id="instancesview" class="standard"> |
| 4 | 4 |
<a id="list" href="/instances/list">list view</a> |
| 5 |
{% for node in nodes %}
|
|
| 6 |
{% if node.state == '3' %}
|
|
| 7 |
<div class="instance running"> |
|
| 8 |
<div class="actions"> |
|
| 9 |
<a href="#" class="action">reboot</a> |
|
| 10 |
<a href="#" class="action">shutdown</a> |
|
| 11 |
<a href="#" class="more">more …</a> |
|
| 5 |
<div class="running"> |
|
| 6 |
{% for node in nodes %}
|
|
| 7 |
{% if node.state == '3' %}
|
|
| 8 |
<div class="instance running"> |
|
| 9 |
<div class="actions"> |
|
| 10 |
<a href="#" class="action">reboot</a> |
|
| 11 |
<a href="#" class="action">shutdown</a> |
|
| 12 |
<a href="#" class="more">more …</a> |
|
| 13 |
</div> |
|
| 14 |
<div class="state"> |
|
| 15 |
<div>Running</div> |
|
| 16 |
<div class="indicator" /> |
|
| 17 |
<div class="indicator" /> |
|
| 18 |
<div class="indicator" /> |
|
| 19 |
<div class="indicator" /> |
|
| 20 |
<div class="uptime">24 days uptime</div> |
|
| 21 |
</div> |
|
| 22 |
<img src="static/server.png" /> |
|
| 23 |
<a href="#" class="name"> |
|
| 24 |
<h3><span>{{ node.name }}</span><span class="rename">rename</span></h3>
|
|
| 25 |
</a> |
|
| 26 |
<a href="#" class="ip"> |
|
| 27 |
<h5><span>{{ node.public_ip }}</span><span class="configure">configure networking</span></h5>
|
|
| 28 |
</a> |
|
| 29 |
<a href="#" class="storage"> |
|
| 30 |
<h5>34GB of total storage in 3 volumes <span class="configure">configure storage</span></h5> |
|
| 31 |
</a> |
|
| 32 |
</div> |
|
| 12 | 33 |
</div> |
| 13 |
<div class="state"> |
|
| 14 |
<div>Running</div> |
|
| 15 |
<div class="indicator" /> |
|
| 16 |
<div class="indicator" /> |
|
| 17 |
<div class="indicator" /> |
|
| 18 |
<div class="indicator" /> |
|
| 19 |
<div class="uptime">24 days uptime</div> |
|
| 20 |
</div> |
|
| 21 |
<img src="static/server.png" /> |
|
| 22 |
<a href="#" class="name"> |
|
| 23 |
<h3><span>{{ node.name }}</span><span class="rename">rename</span></h3>
|
|
| 24 |
</a> |
|
| 25 |
<a href="#" class="ip"> |
|
| 26 |
<h5><span>{{ node.public_ip }}</span><span class="configure">configure networking</span></h5>
|
|
| 27 |
</a> |
|
| 28 |
<a href="#" class="storage"> |
|
| 29 |
<h5>34GB of total storage in 3 volumes <span class="configure">configure storage</span></h5> |
|
| 30 |
</a> |
|
| 31 |
</div> |
|
| 32 |
</div> |
|
| 33 |
{% endif %}
|
|
| 34 |
{% endfor %}
|
|
| 34 |
{% endif %}
|
|
| 35 |
{% endfor %}
|
|
| 36 |
</div> |
|
| 35 | 37 |
</div> |
| 36 | 38 |
|
| 37 | 39 |
<!-- the form --> |
| ... | ... | |
| 56 | 58 |
<li><a href="#">standard</a></li> |
| 57 | 59 |
<li><a href="#">custom</a></li> |
| 58 | 60 |
</ul> |
| 59 |
<div class="panes" tal:define="images context['images']">
|
|
| 61 |
<div class="panes"> |
|
| 60 | 62 |
<ul class="pane"> |
| 61 | 63 |
<!-- standard images --> |
| 62 |
<li> |
|
| 63 |
<label for="${image['id']}" tal:repeat="image images">
|
|
| 64 |
<a tal:condition="image['type']=='standard'"> |
|
| 65 |
<div class="image"> |
|
| 66 |
<img tal:attributes="src image['logo']" class="image-logo" /> <strong>${image['title']}</strong><br />
|
|
| 67 |
<span class="description">${image['description']}</span>
|
|
| 68 |
<span class="size">${image['size']}MB</span>
|
|
| 69 |
<input class="radio" type="radio" name="image-id" id="${image['id']}" value="${image['id']}" checked="${repeat.image.start}" />
|
|
| 70 |
</div> |
|
| 71 |
</a> |
|
| 72 |
</label> |
|
| 73 |
</li> |
|
| 64 |
{% for image in images %}
|
|
| 65 |
{% if image.type == 'standard' %}
|
|
| 66 |
<li> |
|
| 67 |
<label> |
|
| 68 |
<a><div class="image"> |
|
| 69 |
<img src={{ image.logo }} class="image-logo"/>
|
|
| 70 |
<strong>{{ image.title }}</strong>
|
|
| 71 |
<br /> |
|
| 72 |
<span class="description">{{ image.description }}</span>
|
|
| 73 |
<span class="size">{{ image.size }}MB</span>
|
|
| 74 |
<input class="radio" type="radio" name="image-id" id={{ image.id }} />
|
|
| 75 |
</div></a> |
|
| 76 |
</label> |
|
| 77 |
</li> |
|
| 78 |
{% endif %}
|
|
| 79 |
{% endfor %}
|
|
| 74 | 80 |
</ul> |
| 75 | 81 |
<ul class="pane"> |
| 76 | 82 |
<!-- custom images --> |
| 77 |
<li> |
|
| 78 |
<label for="${image['id']}" tal:repeat="image images">
|
|
| 79 |
<a tal:condition="image['type']=='custom'"> |
|
| 80 |
<div class="image"> |
|
| 81 |
<img tal:attributes="src image['logo']" class="image-logo" /> <strong>${image['title']}</strong><br />
|
|
| 82 |
<span class="description">${image['description']}</span>
|
|
| 83 |
<span class="size">${image['size']}MB</span>
|
|
| 84 |
<input class="radio" type="radio" name="image-id" id="${image['id']}" value="${image['id']}" checked="${repeat.image.start}" />
|
|
| 85 |
</div> |
|
| 86 |
</a> |
|
| 87 |
</label> |
|
| 88 |
</li> |
|
| 83 |
{% for image in images %}
|
|
| 84 |
{% if image.type == 'custom' %}
|
|
| 85 |
<li> |
|
| 86 |
<label> |
|
| 87 |
<a><div class="image"> |
|
| 88 |
<img src={{ image.logo }} class="image-logo"/>
|
|
| 89 |
<strong>{{ image.title }}</strong>
|
|
| 90 |
<br /> |
|
| 91 |
<span class="description">{{ image.description }}</span>
|
|
| 92 |
<span class="size">{{ image.size }}MB</span>
|
|
| 93 |
<input class="radio" type="radio" name="image-id" id={{ image.id }} />
|
|
| 94 |
</div></a> |
|
| 95 |
</label> |
|
| 96 |
</li> |
|
| 97 |
{% endif %}
|
|
| 98 |
{% endfor %}
|
|
| 89 | 99 |
</ul> |
| 90 | 100 |
</div> |
| 91 | 101 |
<button type="button" class="prev" id="cancel">Cancel</button> |
Also available in: Unified diff