root / snf-astakos-app / astakos / im / templates / im / astakosgroup_form_demo.html @ d84d925f
History | View | Annotate | Download (4.2 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="{% url group_summary %}" method="post" class="withlabels quotas-form">{% csrf_token %} |
12 |
|
13 |
<fieldset>
|
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 |
<div class="double-checks"> |
25 |
<label>Max users per group</label> |
26 |
<div class="form-row"> |
27 |
<p class="clearfix"> |
28 |
<label for="members_unlimited">Unlimited</label> |
29 |
<input type="checkbox" id="members_unlimited" name="members_unlimited" class="unlimited" checked="checked"> |
30 |
</p>
|
31 |
</div>
|
32 |
<div class="form-row"> |
33 |
<p class="clearfix"> |
34 |
<label for="members_limited">Limited</label> |
35 |
<input type="checkbox" id="members_limited" name="members_limited" class="limited"> |
36 |
<input type="text" id="members_uplimit" name="members_uplimit" /> |
37 |
|
38 |
</p>
|
39 |
</div>
|
40 |
|
41 |
</div>
|
42 |
</fieldset>
|
43 |
|
44 |
<fieldset id="icons"> |
45 |
<legend>
|
46 |
2. CHOOSE RESOURCES |
47 |
<span class="info"> |
48 |
<em>more info</em> |
49 |
<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> |
50 |
</span>
|
51 |
</legend>
|
52 |
|
53 |
{% with resource_catalog|lookup:'resources' as resources %} |
54 |
{% with resource_catalog|lookup:'groups' as groups %} |
55 |
<ul class="clearfix"> |
56 |
{% for g, rs in groups.items %} |
57 |
{% with resource_presentation|lookup:g as group_info %} |
58 |
<li>
|
59 |
<a href="#{{ g }}" id="{{'group_'|add:g}}"><img src="/static/im/images/create-{{ g }}.png" alt="vm"/></a> |
60 |
<p class="msg">{{ group_info.help_text }}</p> |
61 |
</li>
|
62 |
{% endwith %} |
63 |
{% endfor %} |
64 |
</ul>
|
65 |
|
66 |
</fieldset>
|
67 |
|
68 |
<div class="foo"> |
69 |
|
70 |
</div>
|
71 |
<div class="not-foo"> |
72 |
{% for g, rs in groups.items %} |
73 |
|
74 |
<div class="group {{'group_'|add:g}}" id="{{ g }}"> |
75 |
<a href="#icons" class="delete">X remove resource</a> |
76 |
{% for r in rs %} |
77 |
{% with resource_presentation|lookup:r as resource_info %} |
78 |
{% with resources|lookup:r as resource%} |
79 |
<fieldset class="quota storage"> |
80 |
<legend>
|
81 |
{{ r|get_value_after_dot|capfirst }} |
82 |
<span class="info"> |
83 |
<em>more info</em> |
84 |
<span>{{ resource_info.help_text }}</span> |
85 |
</span>
|
86 |
</legend>
|
87 |
<!-- <div class="form-row">
|
88 |
<p class="clearfix">
|
89 |
<label for="num_storage">Total storage</label>
|
90 |
<input type="text" name="num_storage">
|
91 |
<span class="extra-img"> </span>
|
92 |
<span class="info"><em>more info</em><span>Help Text</span></span>
|
93 |
</p>
|
94 |
</div>-->
|
95 |
<div class="double-checks"> |
96 |
<label>Max {{ r|get_value_after_dot }}{% if not resource.unit %}s {% endif %} per user</label> |
97 |
<div class="form-row"> |
98 |
<p class="clearfix"> |
99 |
<label for="{{r|add:'_unlimited'}}">Unlimited</label> |
100 |
<input type="checkbox" id="{{'id_'|add:r|add:'_unlimited'}}" name="{{r|add:'_unlimited'}}" class="unlimited" checked="checked"> |
101 |
</p>
|
102 |
</div>
|
103 |
<div class="form-row"> |
104 |
<p class="clearfix"> |
105 |
<label for="{{r|add:'_limited'}}">Limited</label> |
106 |
<input type="checkbox" id="id_storage_per_user_limited" name="{{r|add:'_limited'}}" class="limited"> |
107 |
<input type="text" id="{{'id_'|add:r|add:'_uplimit'}}" name="{{r|add:'_uplimit'}}"/> |
108 |
</p>
|
109 |
</div>
|
110 |
|
111 |
</div>
|
112 |
</fieldset>
|
113 |
{% endwith %} |
114 |
{% endwith %} |
115 |
{% endfor %} |
116 |
</div>
|
117 |
|
118 |
{% endfor %} |
119 |
</div>
|
120 |
{% endwith %} |
121 |
{% endwith %} |
122 |
|
123 |
<div class="form-row submit"> |
124 |
<input type="submit" value="VIEW REQUEST SUMMARY" class="submit altcol" autocomplete="off"> |
125 |
</div>
|
126 |
</form>
|
127 |
|
128 |
<script>
|
129 |
|
130 |
</script>
|
131 |
|
132 |
{% endblock %} |