root / snf-cyclades-app / synnefo / ui / templates / partials / ips.html @ 198b546d
History | View | Annotate | Download (5.4 kB)
1 |
{% load i18n %} |
---|---|
2 |
|
3 |
<!-- add new network overlay -->
|
4 |
<div id="ips-create-content" class="overlay-content hidden"> |
5 |
<div class="create-form"> |
6 |
<p class="info"></p> |
7 |
<form>
|
8 |
<div class="col-fields bordered clearfix"> |
9 |
<div class="form-field"> |
10 |
<label for="network-create-name">Project</label> |
11 |
<select class="project-select"></select> |
12 |
</div>
|
13 |
</div>
|
14 |
<div class="form-actions plain clearfix"> |
15 |
<span class="form-action create">create ip address</span> |
16 |
</div>
|
17 |
</form>
|
18 |
</div>
|
19 |
|
20 |
<div class="ajax-submit"></div> |
21 |
</div>
|
22 |
|
23 |
<div id="ip-port-view-tpl" class="hidden ip-port-view model-item"> |
24 |
<div class="outer"> |
25 |
<div data-rv-class="model.vm.status|vm_status_cls"> |
26 |
<div class="model-logo vm-icon medium2 state1" |
27 |
data-rv-style="model.vm.status|vm_style"></div> |
28 |
<h3 class="title" data-rv-text="model.vm.name|truncate 20"></h3> |
29 |
<h5 class="subtitle"> |
30 |
<img data-rv-show="model.in_progress" |
31 |
src="{{ SYNNEFO_IMAGES_URL }}icons/indicators/small/progress.gif" |
32 |
class="progress-indicator" /> |
33 |
<div data-rv-hide="model.in_progress"> |
34 |
<span data-rv-show="model.mac_address" class="key">MAC:</span> |
35 |
<span data-rv-show="model.mac_address" class="value" data-rv-text="model.mac_address"></span> |
36 |
<span data-rv-hide="model.device_id" class="value no-device"> |
37 |
No device assigned. |
38 |
Detach IP, in order to be able to reattach it to a machine. |
39 |
</span>
|
40 |
</div>
|
41 |
</h5>
|
42 |
</div>
|
43 |
</div>
|
44 |
</div>
|
45 |
|
46 |
<div id="ip-view-tpl" data-rv-class-actionpending="model.actions.pending" |
47 |
data-rv-class-clearfix="model.id" class="hidden model-item model-view with-actions"> |
48 |
<div class="clearfix"> |
49 |
<div class="main-content clearfix" style="position: relative"> |
50 |
<div class="main-content-inner clearfix"> |
51 |
<div class="project-name-cont" |
52 |
data-rv-on-click="view.show_reassign_view" |
53 |
data-rv-show="model.tenant_id"> |
54 |
<span class="project-name" data-rv-text="model.project.name|truncate 20"></span> |
55 |
</div>
|
56 |
<img class="logo" data-rv-src="model.status|model_icon" /> |
57 |
<div class="entry inline" data-rv-class-connected="model.device_id"> |
58 |
<h3 class="title floating-ip"> |
59 |
<span data-rv-text="model.floating_ip_address">IP ADDRESS</span> |
60 |
</h3>
|
61 |
<div data-rv-if="model.port" class="ports nested-model-list proxy inline"> |
62 |
<div data-rv-if="model.port" class="ip-port-view-cont"> |
63 |
<div data-rv-show="model.port" data-rv-model-view="model.port|IpPortView"></div> |
64 |
</div>
|
65 |
</div>
|
66 |
</div>
|
67 |
<div class="entry-right"> |
68 |
<div data-rv-class="model.status|status_cls" class="status"> |
69 |
<div class="status-title"> |
70 |
<span data-rv-text="model.status|status_display">Active</span> |
71 |
<span data-rv-show="model.in_progress">...</span> |
72 |
</div>
|
73 |
<div class="status-indicator clearfix"> |
74 |
<div class="indicator indicator1"></div> |
75 |
<div class="indicator indicator2"></div> |
76 |
<div class="indicator indicator3"></div> |
77 |
<div class="indicator indicator4"></div> |
78 |
</div>
|
79 |
<div class="state state-indicator"> |
80 |
<div class="action-indicator"></div> |
81 |
</div>
|
82 |
<div data-show="model.status|in_progress" class="status-progress"></div> |
83 |
</div>
|
84 |
</div>
|
85 |
</div>
|
86 |
</div>
|
87 |
<div class="actions-content"> |
88 |
<div class="action-container connect" |
89 |
data-rv-class-isactive="model.can_connect" |
90 |
data-rv-class-selected="model.actions.connect|intEq 1" |
91 |
data-rv-on-click="view.show_connect_overlay"> |
92 |
<a>Attach</a> |
93 |
</div>
|
94 |
<div class="action-container disconnect" |
95 |
data-rv-class-isactive="model.can_disconnect" |
96 |
data-rv-class-selected="model.actions.disconnect|intEq 1" |
97 |
data-rv-on-click="view.set_disconnect_confirm"> |
98 |
<a>Detach</a> |
99 |
<div class="confirm-single clearfix"> |
100 |
<span class="yes" data-rv-on-click="view.disconnect"> |
101 |
{% trans "Confirm" %} |
102 |
</span>
|
103 |
<span class="no" |
104 |
data-rv-on-click="view.unset_disconnect_confirm">X</span> |
105 |
</div>
|
106 |
</div>
|
107 |
<div class="action-container remove warn" |
108 |
data-rv-class-isactive="model.can_remove" |
109 |
data-rv-class-selected="model.actions.remove|intEq 1" |
110 |
data-rv-on-click="view.set_remove_confirm"> |
111 |
<a>Destroy</a> |
112 |
<div class="confirm-single clearfix"> |
113 |
<span class="yes" data-rv-on-click="view.remove"> |
114 |
{% trans "Confirm" %} |
115 |
</span>
|
116 |
<span class="no" data-rv-on-click="view.unset_remove_confirm">X</span> |
117 |
</div>
|
118 |
</div>
|
119 |
</div>
|
120 |
</div>
|
121 |
</div>
|
122 |
|
123 |
<div id="ips-list-view" class="collection-list-view"> |
124 |
<div class="collection"> |
125 |
|
126 |
<div id="create-ip" class="create-button"> |
127 |
<a href="#">{% trans "New IP Address +" %}</a> |
128 |
</div>
|
129 |
|
130 |
<div class="empty-list hidden"> |
131 |
<p>{% blocktrans %}You don't have any IP addresses yet. Start by
|
132 |
clicking the orange button on the top left.{% endblocktrans %} |
133 |
</p>
|
134 |
</div>
|
135 |
|
136 |
<div class="items-list clearfix"> |
137 |
</div>
|
138 |
</div>
|
139 |
</div>
|