root / snf-cyclades-app / synnefo / ui / templates / partials / ips.html @ 5d5d8f19
History | View | Annotate | Download (4.2 kB)
1 |
{% load i18n %} |
---|---|
2 |
|
3 |
<div id="ip-port-view-tpl" class="hidden ip-port-view model-item"> |
4 |
<div class="outer"> |
5 |
<div class="inner clearfix main-content"> |
6 |
<div class="model-logo vm-icon medium2 state1" |
7 |
data-rv-style="model.vm.status|vm_style"></div> |
8 |
<h3 class="title" data-rv-text="model.vm.name|truncate 30"></h3> |
9 |
<h5 class="subtitle"> |
10 |
<img data-rv-show="model.in_progress" |
11 |
src="{{ SYNNEFO_IMAGES_URL }}icons/indicators/small/progress.gif" |
12 |
class="progress-indicator" /> |
13 |
<span data-rv-hide="model.in_progress" class="key">MAC:</span> |
14 |
<span data-rv-hide="model.in_progress" class="value" data-rv-text="model.mac_address"></span> |
15 |
</h5>
|
16 |
</div>
|
17 |
</div>
|
18 |
</div>
|
19 |
|
20 |
<div id="ip-view-tpl" data-rv-class-actionpending="model.actions.pending" |
21 |
data-rv-class-clearfix="model.id" class="hidden model-item model-view with-actions"> |
22 |
<div class="clearfix"> |
23 |
<div class="main-content clearfix"> |
24 |
<div class="main-content-inner clearfix"> |
25 |
<img class="logo" data-rv-src="model.status|model_icon" /> |
26 |
<div class="entry inline" data-rv-class-connected="model.device_id"> |
27 |
<h3 class="title floating-ip"> |
28 |
<span data-rv-text="model.floating_ip_address">IP ADDRESS</span> |
29 |
</h3>
|
30 |
<div data-rv-if="model.port" class="ports nested-model-list proxy inline"> |
31 |
<div data-rv-if="model.port"> |
32 |
<div data-rv-show="model.port" data-rv-model-view="model.port|IpPortView"></div> |
33 |
</div>
|
34 |
</div>
|
35 |
</div>
|
36 |
<div class="entry-right"> |
37 |
<div data-rv-class="model.status|status_cls" class="status"> |
38 |
<div class="status-title"> |
39 |
<span data-rv-text="model.status|status_display">Active</span> |
40 |
<span data-rv-show="model.in_progress">...</span> |
41 |
</div>
|
42 |
<div class="status-indicator clearfix"> |
43 |
<div class="indicator indicator1"></div> |
44 |
<div class="indicator indicator2"></div> |
45 |
<div class="indicator indicator3"></div> |
46 |
<div class="indicator indicator4"></div> |
47 |
</div>
|
48 |
<div class="state state-indicator"> |
49 |
<div class="action-indicator"></div> |
50 |
</div>
|
51 |
<div data-show="model.status|in_progress" class="status-progress"></div> |
52 |
</div>
|
53 |
</div>
|
54 |
</div>
|
55 |
</div>
|
56 |
<div class="actions-content"> |
57 |
<div class="action-container connect" |
58 |
data-rv-class-isactive="model.can_connect" |
59 |
data-rv-class-selected="model.actions.connect|intEq 1" |
60 |
data-rv-on-click="view.show_connect_overlay"> |
61 |
<a>Attach</a> |
62 |
</div>
|
63 |
<div class="action-container disconnect" |
64 |
data-rv-class-isactive="model.can_disconnect" |
65 |
data-rv-class-selected="model.actions.disconnect|intEq 1" |
66 |
data-rv-on-click="view.set_disconnect_confirm"> |
67 |
<a>Detach</a> |
68 |
<div class="confirm-single clearfix"> |
69 |
<span class="yes" data-rv-on-click="view.disconnect"> |
70 |
{% trans "Confirm" %} |
71 |
</span>
|
72 |
<span class="no" |
73 |
data-rv-on-click="view.unset_disconnect_confirm">X</span> |
74 |
</div>
|
75 |
</div>
|
76 |
<div class="action-container remove warn" |
77 |
data-rv-class-isactive="model.can_remove" |
78 |
data-rv-class-selected="model.actions.remove|intEq 1" |
79 |
data-rv-on-click="view.set_remove_confirm"> |
80 |
<a>Destroy</a> |
81 |
<div class="confirm-single clearfix"> |
82 |
<span class="yes" data-rv-on-click="view.remove"> |
83 |
{% trans "Confirm" %} |
84 |
</span>
|
85 |
<span class="no" data-rv-on-click="view.unset_remove_confirm">X</span> |
86 |
</div>
|
87 |
</div>
|
88 |
</div>
|
89 |
</div>
|
90 |
</div>
|
91 |
|
92 |
<div id="ips-list-view" class="collection-list-view"> |
93 |
<div class="collection"> |
94 |
|
95 |
<div id="create-ip" class="create-button"> |
96 |
<a href="#">{% trans "New IP Address +" %}</a> |
97 |
</div>
|
98 |
|
99 |
<div class="empty-list hidden"> |
100 |
<p>{% blocktrans %}You don't have any IP addresses yet. Start by
|
101 |
clicking the orange button on the top left.{% endblocktrans %} |
102 |
</p>
|
103 |
</div>
|
104 |
|
105 |
<div class="items-list clearfix"> |
106 |
</div>
|
107 |
</div>
|
108 |
</div>
|