root / snf-astakos-app / astakos / im / templates / im / astakosgroup_form_demo_bak.html @ ae497612
History | View | Annotate | Download (5.8 kB)
1 |
{% extends "im/account_base.html" %} |
---|---|
2 |
|
3 |
{% load filters %} |
4 |
{% block headjs %} |
5 |
{{ block.super }} |
6 |
<script src="{{ IM_STATIC_URL }}js/quotas.js"></script> |
7 |
{% endblock %} |
8 |
{% block page.body %} |
9 |
|
10 |
|
11 |
<form action="" method="post" class="withlabels quotas-form">{% csrf_token %} |
12 |
|
13 |
<fieldset class="with-info"> |
14 |
<legend>
|
15 |
1. CREATE GROUP |
16 |
<span class="info"> |
17 |
<em>more info</em> |
18 |
<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> |
19 |
</span>
|
20 |
</legend>
|
21 |
|
22 |
{% include "im/form_render.html" %} |
23 |
|
24 |
<!--
|
25 |
<div class="double-checks">
|
26 |
<label>Max users per group</label>
|
27 |
<div class="form-row">
|
28 |
<p class="clearfix">
|
29 |
<label for="members_unlimited">Unlimited</label>
|
30 |
<input type="checkbox" id="members_unlimited" name="members_unlimited" class="unlimited" checked="checked">
|
31 |
<span class="info">
|
32 |
<em>more info</em>
|
33 |
<span>Help Text Help Text Help Text Text Help Text Help Text</span>
|
34 |
</span>
|
35 |
</p>
|
36 |
</div>
|
37 |
<div class="form-row">
|
38 |
<p class="clearfix">
|
39 |
<label for="members_limited">Limited</label>
|
40 |
<input type="checkbox" id="members_limited" name="members_limited" class="limited">
|
41 |
<input type="text" id="members_uplimit" name="members_uplimit" />
|
42 |
|
43 |
</p>
|
44 |
|
45 |
</div>
|
46 |
|
47 |
</div>
|
48 |
-->
|
49 |
</fieldset>
|
50 |
|
51 |
<fieldset id="icons"> |
52 |
<legend>
|
53 |
2. CHOOSE RESOURCES |
54 |
<span class="info"> |
55 |
<em>more info</em> |
56 |
<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> |
57 |
</span>
|
58 |
</legend>
|
59 |
|
60 |
{% with resource_catalog|lookup:'resources' as resources %} |
61 |
{% with resource_catalog|lookup:'groups' as groups %} |
62 |
<ul class="clearfix"> |
63 |
{% for g, rs in groups.items %} |
64 |
{% with resource_presentation|lookup:g as group_info %} |
65 |
<li>
|
66 |
<a href="#{{ g }}" id="{{'group_'|add:g}}"><img src="/static/im/images/create-{{ g }}.png" alt="vm"/></a> |
67 |
<input type="hidden" name="{{ 'is_selected_'|add:g }}" id="{{ 'id_is_selected_'|add:g }}" value="0"> |
68 |
<p class="msg">{{ group_info.help_text }}</p> |
69 |
</li>
|
70 |
{% endwith %} |
71 |
{% endfor %} |
72 |
</ul>
|
73 |
|
74 |
</fieldset>
|
75 |
|
76 |
<div class="foo"> |
77 |
|
78 |
</div>
|
79 |
<div class="not-foo"> |
80 |
{% for g, rs in groups.items %} |
81 |
|
82 |
<div class="group {{'group_'|add:g}}" id="{{ g }}"> |
83 |
<a href="#icons" class="delete">X remove resource</a> |
84 |
{% for r in rs %} |
85 |
{% with resource_presentation|lookup:r as resource_info %} |
86 |
{% with resources|lookup:r as resource%} |
87 |
<fieldset class="quota"> |
88 |
<legend>
|
89 |
{% if resource_info.is_abbreviation %} |
90 |
{{ r|get_value_after_dot|upper }} |
91 |
{% else %} |
92 |
{{ r|get_value_after_dot|capfirst }} |
93 |
{% endif %} |
94 |
<span class="info"> |
95 |
<em>more info</em> |
96 |
<span>{{ resource_info.help_text }}</span> |
97 |
</span>
|
98 |
</legend>
|
99 |
<!-- <div class="form-row">
|
100 |
<p class="clearfix">
|
101 |
<label for="num_storage">Total storage</label>
|
102 |
<input type="text" name="num_storage">
|
103 |
<span class="extra-img"> </span>
|
104 |
<span class="info"><em>more info</em><span>Help Text</span></span>
|
105 |
</p>
|
106 |
</div>-->
|
107 |
<!--
|
108 |
<div class="double-checks">
|
109 |
<label>
|
110 |
Max {% if resource_info.is_abbreviation %}{{ r|get_value_after_dot|upper }}{% else %}{{ r|get_value_after_dot }}{% endif %}{% if not resource.unit %}s {% endif %} per user
|
111 |
{% if resource.unit %}
|
112 |
({{ resource.unit }})
|
113 |
{% endif %}
|
114 |
</label>
|
115 |
<div class="form-row">
|
116 |
<p class="clearfix">
|
117 |
<label for="{{r|add:'_unlimited'}}">Unlimited</label>
|
118 |
<input type="checkbox" id="{{'id_'|add:r|add:'_unlimited'}}" name="{{r|add:'_unlimited'}}_proxy" class="unlimited radio" checked="checked">
|
119 |
</p>
|
120 |
</div>
|
121 |
<div class="form-row">
|
122 |
<p class="clearfix">
|
123 |
<label for="{{r|add:'_limited'}}">Limited</label>
|
124 |
<input type="checkbox" id="id_storage_per_user_limited" name="{{r|add:'_limited'}}_proxy" class="radio limited">
|
125 |
<input type="text"
|
126 |
id="{{'id_'|add:r|add:'_uplimit'}}"
|
127 |
name="{{r|add:'_uplimit'}}_proxy"
|
128 |
placeholder="{{ resource_info.placeholder}} "
|
129 |
{% if resource.unit == 'bytes' %}
|
130 |
class="dehumanize"
|
131 |
{% endif %}
|
132 |
/>
|
133 |
</p>
|
134 |
<p class="msg"></p>
|
135 |
</div>
|
136 |
|
137 |
</div>
|
138 |
-->
|
139 |
<div class="form-row"> |
140 |
<p class="clearfix"> |
141 |
<label for="num_storage"> |
142 |
Max {% if resource_info.is_abbreviation %}{{ r|get_value_after_dot|upper }}{% else %}{{ r|get_value_after_dot }}{% endif %}{% if not resource.unit %}s {% endif %} per user |
143 |
</label>
|
144 |
<input type="text" |
145 |
id="{{'id_'|add:r|add:'_uplimit'}}_proxy" |
146 |
name="{{r|add:'_uplimit'}}_proxy" |
147 |
placeholder="{{ resource_info.placeholder}} " |
148 |
{% if == 'bytes' %} |
149 |
class="dehumanize" |
150 |
{% endif %} |
151 |
/>
|
152 |
<span class="extra-img"> </span> |
153 |
<span class="info"><em>more info</em><span>Help Text</span></span> |
154 |
</p>
|
155 |
<p class="msg"></p> |
156 |
</div>
|
157 |
|
158 |
|
159 |
</fieldset>
|
160 |
{% endwith %} |
161 |
{% endwith %} |
162 |
{% endfor %} |
163 |
</div>
|
164 |
|
165 |
{% endfor %} |
166 |
</div>
|
167 |
{% endwith %} |
168 |
{% endwith %} |
169 |
|
170 |
<div class="form-row submit"> |
171 |
<input type="submit" value="CONTINUE" class="submit altcol" autocomplete="off"> |
172 |
</div>
|
173 |
</form>
|
174 |
|
175 |
<script>
|
176 |
|
177 |
</script>
|
178 |
|
179 |
{% endblock %} |