root / snf-astakos-app / astakos / im / templates / im / astakosgroup_form_demo.html @ bde71886
History | View | Annotate | Download (5.6 kB)
1 |
{% extends "im/account_base.html" %} |
---|---|
2 |
|
3 |
{% block page.body %} |
4 |
|
5 |
|
6 |
<form action="" method="post" class="withlabels quotas-form">{% csrf_token %} |
7 |
<fieldset>
|
8 |
<legend>1. CREATE GROUP</legend> |
9 |
<div class="form-row"> |
10 |
<p class="clearfix"> |
11 |
<label for="id">ID</label> |
12 |
<input type="text" name="id"> |
13 |
<span class="extra-img"> </span> |
14 |
<span class="info"> |
15 |
<em>more info</em> |
16 |
<span>Help Text</span> |
17 |
</span>
|
18 |
</p>
|
19 |
</div>
|
20 |
<div class="form-row with-errors "> |
21 |
|
22 |
<p class="clearfix"> |
23 |
<label for="name">Name</label> |
24 |
<input type="text" name="name"> |
25 |
<span class="extra-img"> </span> |
26 |
<span class="info"> |
27 |
<em>more info</em> |
28 |
<span>Help Text</span> |
29 |
</span>
|
30 |
</p>
|
31 |
<div class="form-error" style="left: 270.1px; top: 21.2px; width: 292px; margin-left: 224px; margin-bottom: 5px;">This field is required.<br></div> |
32 |
</div>
|
33 |
<div class="form-row"> |
34 |
<p class="clearfix"> |
35 |
<label for="description">Description</label> |
36 |
<textarea name="description"></textarea> |
37 |
<span class="extra-img"> </span> |
38 |
<span class="info"> |
39 |
<em>more info</em> |
40 |
<span>Help Text</span> |
41 |
</span>
|
42 |
</p>
|
43 |
</div>
|
44 |
<div class="form-row"> |
45 |
<p class="clearfix"> |
46 |
<label for="id_issue_date_demo">Issue Date</label> |
47 |
<input type="text" id="id_issue_date_demo" name="id_issue_date_demo" class="hasDatepicker"> |
48 |
<span class="extra-img"> </span> |
49 |
<span class="info"> |
50 |
<em>more info</em> |
51 |
<span>Help Text</span> |
52 |
</span>
|
53 |
</p>
|
54 |
</div>
|
55 |
|
56 |
<div class="form-row"> |
57 |
<p class="clearfix"> |
58 |
<label for="id_expiration_date_demo">Expiration Date</label> |
59 |
<input type="text" name="id_expiration_date_demo" id="id_expiration_date_demo" class="hasDatepicker"> |
60 |
<span class="extra-img"> </span> |
61 |
<span class="info"> |
62 |
<em>more info</em> |
63 |
<span>Help Text</span> |
64 |
</span>
|
65 |
</p>
|
66 |
</div>
|
67 |
<div class="form-row with-checkbox"> |
68 |
<p class="clearfix "> |
69 |
<a href="javascript:void(0)" class="checkbox-widget"></a><label for="id_moderation_enabled" class="checkbox-label">Moderation enabled</label> |
70 |
<input type="checkbox" id="id_moderation_enabled" name="moderation_enabled" autocomplete="off" style="display: none;"> |
71 |
<span class="extra-img"> </span> |
72 |
<span class="info"> |
73 |
<em>more info</em> |
74 |
<span>Check if you want to approve members participation manually</span> |
75 |
</span>
|
76 |
</p>
|
77 |
</div>
|
78 |
</fieldset>
|
79 |
<fieldset>
|
80 |
<legend>2. CHOOSE RESOURCES</legend> |
81 |
<ul class="clearfix"> |
82 |
<li><a href="#" id="vm">VM</a></li> |
83 |
<li><a href="#" id="storage">STORAGE</a></li> |
84 |
<li class="rel"><a href="#" id="cpu">CPU</a></li> |
85 |
<li class="rel"><a href="#" id="ram">RAM</a></li> |
86 |
<li class="rel"><a href="#" id="diskspace">DISKSPACE</a></li> |
87 |
</ul>
|
88 |
<p class="msg">if you choose CPU without selecting any VMs you must also select RAM and DISKSPACE</p> |
89 |
</fieldset>
|
90 |
<fieldset class="quota vm"> |
91 |
<a href="#" class="delete"><strong>X</strong> remove resource</a> |
92 |
<legend>VM</legend> |
93 |
<div class="form-row"> |
94 |
<p class="clearfix"> |
95 |
<label for="num_vms">Total VM</label> |
96 |
<input type="text" name="num_vms"> |
97 |
<span class="extra-img"> </span> |
98 |
<span class="info"> |
99 |
<em>more info</em> |
100 |
<span>Help Text</span> |
101 |
</span>
|
102 |
</p>
|
103 |
</div>
|
104 |
</fieldset>
|
105 |
<fieldset class="quota storage"> |
106 |
<a href="#" class="delete"><strong>X</strong> remove resource</a> |
107 |
<legend>STORAGE</legend> |
108 |
<div class="form-row"> |
109 |
<p class="clearfix"> |
110 |
<label for="num_vms">Total storage</label> |
111 |
<input type="text" name="num_vms"> |
112 |
<span class="extra-img"> </span> |
113 |
<span class="info"> |
114 |
<em>more info</em> |
115 |
<span>Help Text</span> |
116 |
</span>
|
117 |
</p>
|
118 |
</div>
|
119 |
</fieldset>
|
120 |
<fieldset class="quota cpu"> |
121 |
<a href="#" class="delete"><strong>X</strong> remove resource</a> |
122 |
<legend>CPU</legend> |
123 |
<div class="form-row"> |
124 |
<p class="clearfix"> |
125 |
<label for="num_vms">Total cpu</label> |
126 |
<input type="text" name="num_cpu"> |
127 |
<span class="extra-img"> </span> |
128 |
<span class="info"> |
129 |
<em>more info</em> |
130 |
<span>Help Text</span> |
131 |
</span>
|
132 |
</p>
|
133 |
</div>
|
134 |
</fieldset>
|
135 |
<fieldset class="quota ram"> |
136 |
<a href="#" class="delete"><strong>X</strong> remove resource</a> |
137 |
<legend>RAM</legend> |
138 |
<div class="form-row"> |
139 |
<p class="clearfix"> |
140 |
<label for="num_ram">Total ram</label> |
141 |
<input type="text" name="num_ram"> |
142 |
<span class="extra-img"> </span> |
143 |
<span class="info"> |
144 |
<em>more info</em> |
145 |
<span>Help Text</span> |
146 |
</span>
|
147 |
</p>
|
148 |
</div>
|
149 |
</fieldset>
|
150 |
<fieldset class="quota diskspace"> |
151 |
<a href="#" class="delete"><strong>X</strong> remove resource</a> |
152 |
<legend>DISKSPACE</legend> |
153 |
<div class="form-row"> |
154 |
<p class="clearfix"> |
155 |
<label for="num_diskspace">Total diskspace</label> |
156 |
<input type="text" name="num_diskspace"> |
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 |
</fieldset>
|
165 |
<div class="form-row submit"> |
166 |
<input type="submit" value="SUBMIT" class="submit altcol" autocomplete="off"> |
167 |
</div>
|
168 |
</form>
|
169 |
|
170 |
|
171 |
{% endblock %} |