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