root / snf-astakos-app / astakos / im / templates / im / astakosgroup_form_demo.html.orig @ ed2f0452
History | View | Annotate | Download (8.3 kB)
1 |
{% extends "im/account_base.html" %} |
---|---|
2 |
|
3 |
{% load filters %} |
4 |
{% block page.body %} |
5 |
|
6 |
{% block headjs %} |
7 |
{{ block.super }} |
8 |
|
9 |
<script src="{{ IM_STATIC_URL }}js/jquery.uniform.js"></script> |
10 |
<script src="{{ IM_STATIC_URL }}js/quotas.js"></script> |
11 |
<link rel="stylesheet" href="{{ IM_STATIC_URL }}css/uniform.default.css" type="text/css" media="screen"> |
12 |
{% endblock %} |
13 |
<form action="" method="post" class="withlabels quotas-form">{% csrf_token %} |
14 |
|
15 |
<fieldset> |
16 |
<legend> |
17 |
1. CREATE GROUP |
18 |
<span class="info"> |
19 |
<em>more info</em> |
20 |
<span>Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text</span> |
21 |
</span> |
22 |
</legend> |
23 |
|
24 |
{% include "im/form_render.html" %} |
25 |
|
26 |
<div class="double-checks"> |
27 |
|
28 |
<label>Max users per group</label> |
29 |
<div class="form-row"> |
30 |
<p class="clearfix"> |
31 |
<label for="members_unlimited">Unlimited</label> |
32 |
<input type="checkbox" id="members_unlimited" name="members_unlimited" class="unlimited" checked="checked"> |
33 |
</p> |
34 |
</div> |
35 |
<div class="form-row"> |
36 |
<p class="clearfix"> |
37 |
<label for="members_limited">Limited</label> |
38 |
<input type="checkbox" id="members_limited" name="members_limited" class="limited"> |
39 |
<input type="text" id="members_uplimit" name="members_uplimit" /> |
40 |
|
41 |
</p> |
42 |
</div> |
43 |
|
44 |
</div> |
45 |
<!--<div class="radios clearfix"> |
46 |
<label>Max users per group</label> |
47 |
<div class="radio-wrap"> |
48 |
|
49 |
<input type="radio" name="radio1" value="1" id="vm_radio_unlimited" checked="checked"> |
50 |
<label for="vm_radio_unlimited">Unlimited</label> |
51 |
<input type="radio" name="radio1" value="0" id="vm_radio_limited" > |
52 |
<label for="vm_radio_limited">Limited</label> |
53 |
<input type="text" id="vm_radio_limited_num" name="vm_radio_limited_num"/> |
54 |
</div> |
55 |
</div>--> |
56 |
</fieldset> |
57 |
<fieldset id="icons"> |
58 |
<legend> |
59 |
2. CHOOSE RESOURCES |
60 |
<span class="info"> |
61 |
<em>more info</em> |
62 |
<span>Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text Help Text</span> |
63 |
</span> |
64 |
</legend> |
65 |
|
66 |
{% with resource_catalog|lookup:'resources' as resources %} |
67 |
{% with resource_catalog|lookup:'groups' as groups %} |
68 |
<ul class="clearfix"> |
69 |
{% for g, rs in groups.items %} |
70 |
<li><a href="#{{'group_'|add:g}}" id="{{'group_'|add:g}}"><img src="/static/im/images/create-resource-vm.png" alt="vm"/></a></li> |
71 |
<!-- |
72 |
<li><a href="#storage_1" id="storage_1"><img src="/static/im/images/create-resource-storage.png" alt="storage"/></a></li> |
73 |
--> |
74 |
{% endfor %} |
75 |
</ul> |
76 |
<!--p class="msg">if you choose CPU without selecting any VMs you must also select RAM and DISKSPACE</p--> |
77 |
</fieldset> |
78 |
<div class="foo"> |
79 |
<<<<<<< HEAD |
80 |
|
81 |
</div> |
82 |
<div class="not-foo"> |
83 |
<div class="group vm_1"> |
84 |
<a href="#icons" class="delete"><strong>X</strong> remove resource</a> |
85 |
<fieldset class="quota vm" style="background:none;"> |
86 |
<legend>VM</legend> |
87 |
<div class="form-row"> |
88 |
<p class="clearfix"> |
89 |
<label for="num_vms">Total VMs</label> |
90 |
<input type="text" name="num_vms"> |
91 |
<span class="extra-img"> </span> |
92 |
<span class="info"> |
93 |
<em>more info</em> |
94 |
<span>Help Text</span> |
95 |
</span> |
96 |
</p> |
97 |
</div> |
98 |
<div class="double-checks"> |
99 |
<label>Max VMs per user</label> |
100 |
<div class="form-row"> |
101 |
<p class="clearfix"> |
102 |
<label for="vm_per_user_unlimited">Unlimited</label> |
103 |
<input type="checkbox" id="vm_per_user_unlimited" name="vm_per_user_unlimited" class="unlimited" checked="checked"> |
104 |
</p> |
105 |
</div> |
106 |
<div class="form-row"> |
107 |
<p class="clearfix"> |
108 |
<label for="vm_per_user_limited">Limited</label> |
109 |
<input type="checkbox" id="vm_per_user_limited" name="vm_per_user_limited" class="limited"> |
110 |
<input type="text" id="vm_per_user_limited_num" name="vm_per_user_limited_num"/> |
111 |
|
112 |
</p> |
113 |
</div> |
114 |
|
115 |
</div> |
116 |
</fieldset> |
117 |
<fieldset class="quota cpu" style="background:none;"> |
118 |
|
119 |
<legend>cpu</legend> |
120 |
<div class="form-row"> |
121 |
<p class="clearfix"> |
122 |
<label for="num_cpu">Total cpus</label> |
123 |
<input type="text" name="num_cpu"> |
124 |
<span class="extra-img"> </span> |
125 |
<span class="info"> |
126 |
<em>more info</em> |
127 |
<span>Help Text</span> |
128 |
</span> |
129 |
</p> |
130 |
</div> |
131 |
<div class="double-checks"> |
132 |
<label>Max cpus per user</label> |
133 |
<div class="form-row"> |
134 |
<p class="clearfix"> |
135 |
<label for="cpu_per_user_unlimited">Unlimited</label> |
136 |
<input type="checkbox" id="cpu_per_user_unlimited" name="cpu_per_user_unlimited" class="unlimited" checked="checked"> |
137 |
</p> |
138 |
</div> |
139 |
<div class="form-row"> |
140 |
<p class="clearfix"> |
141 |
<label for="cpu_per_user_limited">Limited</label> |
142 |
<input type="checkbox" id="cpu_per_user_limited" name="cpu_per_user_limited" class="limited"> |
143 |
<input type="text" id="cpu_user_limited_num" name="cpu_user_limited_num"/> |
144 |
|
145 |
</p> |
146 |
</div> |
147 |
|
148 |
</div> |
149 |
</fieldset> |
150 |
<fieldset class="quota ram"> |
151 |
|
152 |
<legend>ram</legend> |
153 |
<div class="form-row"> |
154 |
<p class="clearfix"> |
155 |
<label for="num_ram">Total ram</label> |
156 |
<input type="text" name="num_ram"> |
157 |
<span class="extra-img"> </span> |
158 |
<span class="info"> |
159 |
<em>more info</em> |
160 |
<span>Help Text</span> |
161 |
</span> |
162 |
</p> |
163 |
</div> |
164 |
<div class="double-checks"> |
165 |
<label>Max ram per user</label> |
166 |
<div class="form-row"> |
167 |
<p class="clearfix"> |
168 |
<label for="ram_per_user_unlimited">Unlimited</label> |
169 |
<input type="checkbox" id="ram_per_user_unlimited" name="ram_per_user_unlimited" class="unlimited" checked="checked"> |
170 |
</p> |
171 |
</div> |
172 |
<div class="form-row"> |
173 |
<p class="clearfix"> |
174 |
<label for="ram_per_user_limited">Limited</label> |
175 |
<input type="checkbox" id="ram_per_user_limited" name="ram_per_user_limited" class="limited"> |
176 |
<input type="text" id="ram_user_limited_num"/> |
177 |
|
178 |
</p> |
179 |
</div> |
180 |
|
181 |
</div> |
182 |
</fieldset> |
183 |
</div> |
184 |
<div class="group storage_1"> |
185 |
======= |
186 |
|
187 |
</div> |
188 |
|
189 |
{% for g, rs in groups.items %} |
190 |
<div class="{{'group_'|add:g}}"> |
191 |
>>>>>>> 952c09791d8a4c6e4ff8067fad45d6e1e8a0ce56 |
192 |
<a href="#icons" class="delete"><strong>X</strong> remove resource</a> |
193 |
{% for r in rs %} |
194 |
<fieldset class="quota storage"> |
195 |
<legend>{{r|upper}}</legend> |
196 |
<!-- |
197 |
<div class="form-row"> |
198 |
<p class="clearfix"> |
199 |
<label for="num_storage">Total storage</label> |
200 |
<input type="text" name="num_storage"> |
201 |
<span class="extra-img"> </span> |
202 |
<span class="info"> |
203 |
<em>more info</em> |
204 |
<span>Help Text</span> |
205 |
</span> |
206 |
</p> |
207 |
</div> |
208 |
--> |
209 |
<div class="double-checks"> |
210 |
<label>Max Storage per user</label> |
211 |
<div class="form-row"> |
212 |
<p class="clearfix"> |
213 |
<label for="{{r|add:'_unlimited'}}">Unlimited</label> |
214 |
<input type="checkbox" id="{{'id_'|add:r|add:'_unlimited'}}" name="{{r|add:'_unlimited'}}" class="unlimited" checked="checked"> |
215 |
</p> |
216 |
</div> |
217 |
<div class="form-row"> |
218 |
<p class="clearfix"> |
219 |
<label for="{{r|add:'_limited'}}">Limited</label> |
220 |
<input type="checkbox" id="id_storage_per_user_limited" name="{{r|add:'_limited'}}" class="limited"> |
221 |
<input type="text" id="{{'id_'|add:r|add:'_uplimit'}}" name="{{r|add:'_uplimit'}}"/> |
222 |
</p> |
223 |
</div> |
224 |
|
225 |
</div> |
226 |
</fieldset> |
227 |
{% endfor %} |
228 |
</div> |
229 |
{% endfor %} |
230 |
|
231 |
{% endwith %} |
232 |
{% endwith %} |
233 |
</div> |
234 |
<div class="form-row submit"> |
235 |
<input type="submit" value="SUBMIT" class="submit altcol" autocomplete="off"> |
236 |
</div> |
237 |
</form> |
238 |
|
239 |
<script> |
240 |
|
241 |
</script> |
242 |
|
243 |
{% endblock %} |