root / snf-astakos-app / astakos / im / templates / im / astakosgroup_list.html @ 3208aa1c
History | View | Annotate | Download (14.8 kB)
1 |
{% extends "im/account_base.html" %} |
---|---|
2 |
|
3 |
{% load filters %} |
4 |
|
5 |
{% block page.body %} |
6 |
<div class="maincol {% block innerpage.class %}{% endblock %}"> |
7 |
<div class="projects"> |
8 |
<h2>GROUPS</h2> |
9 |
{% if form %} |
10 |
<p>You can search for a group by name</p> |
11 |
<form action="{% url group_search %}" method="post" class="withlabels signup">{% csrf_token %} |
12 |
{% include "im/form_render.html" %} |
13 |
<div class="form-row submit"> |
14 |
<input type="submit" class="submit altcol" value="SEARCH" /> |
15 |
</div>
|
16 |
</form>
|
17 |
|
18 |
<form action="{% url group_all %}" method="post" class="link-like alone">{% csrf_token %} |
19 |
<div class="form-row submit"> |
20 |
<input type="submit" class="submit altcol" value="Show all groups" /> |
21 |
</div>
|
22 |
</form>
|
23 |
{% else %} |
24 |
|
25 |
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <br>You can <a href="{% url group_create_list %}">create a new group</a> or <a href="{% url group_search %}">join</a> to an existing one.</p> |
26 |
<div class="widjets"> |
27 |
<a href="#" class="widjet-x" title="remove boxes">X</a> |
28 |
<ul class="clearfix"> |
29 |
<li>
|
30 |
<div>
|
31 |
<p>WELCOME!<br>Connect with a world of people who share your passions.<br>With millions of groups at your fingertips, it's easy to find the group that's best for you -- no matter your interest.</p> |
32 |
<p class="btn"><a href="{% url group_create_list %}" class="submit">CREATE</a></p> |
33 |
</div>
|
34 |
</li>
|
35 |
<li>
|
36 |
<div>
|
37 |
<p>LOOKING FOR A GROUP?</p><p>Well, this is the place to start!<br>sdofuisd ofuaofi usdiof uiofu osifuaoi ufisdfiousf oiusd<br><img alt="THINK ABOUT IT" src="/static/medialibrary/2012/06/behind_okeanos.png"></p> |
38 |
<p class="btn"><a href="{% url group_search %}" class="submit">JOIN</a></p> |
39 |
</div>
|
40 |
</li>
|
41 |
</ul>
|
42 |
</div>
|
43 |
|
44 |
{% endif %} |
45 |
{% with page_obj.object_list as object_list %} |
46 |
<!-- Search group -->
|
47 |
{% if object_list %} |
48 |
<div class="full-dotted"> |
49 |
<form method="GET" class="minimal" action=""> |
50 |
<div class="form-row"> |
51 |
<select name="sorting" onchange="this.form.submit();"> |
52 |
<option value="">Sort by</option> |
53 |
<option value="groupname" {% if == 'groupname' %}selected{% endif %}>Name</option> |
54 |
<option value="kindname" {% if == 'kindname' %}selected{% endif %}>Type</option> |
55 |
<option value="issue_date" {% if == 'issue_date' %}selected{% endif %}>Issue date</option> |
56 |
<option value="expiration_date" {% if == 'expiration_date' %}selected{% endif %}>Expiration Date</option> |
57 |
<option value="approved_members_num" {% if == 'approved_members_num' %}selected{% endif %}>Participants</option> |
58 |
</select>
|
59 |
<input type="hidden" name="q" value="{{q}}"/> |
60 |
</div>
|
61 |
</form>
|
62 |
<table class="alt-style complex"> |
63 |
<caption>
|
64 |
SEARCH RESULTS |
65 |
</caption>
|
66 |
<thead>
|
67 |
<tr>
|
68 |
<th>Name</th> |
69 |
<th>Type</th> |
70 |
<th>Issued</th> |
71 |
<th>Expires</th> |
72 |
|
73 |
<th>Enrolled</th> |
74 |
|
75 |
|
76 |
<th>Enrollment status</th> |
77 |
<th> </th> |
78 |
|
79 |
</tr>
|
80 |
</thead>
|
81 |
<tbody>
|
82 |
{% for o in object_list %} |
83 |
<tr class="{% cycle 'tr1' 'tr2' %}"> |
84 |
<td><a href="{% url group_detail o.id %}" title="visit group page">{{o.groupname|rcut:"/"}}</a></td> |
85 |
<td>{{o.kindname|capfirst}}</td> |
86 |
<td>{{o.issue_date|date:"d/m/Y"}}</td> |
87 |
<td>{{o.expiration_date|date:"d/m/Y"}}</td> |
88 |
<td>{{o.approved_members_num}}</td> |
89 |
|
90 |
<td>
|
91 |
{% if o.is_member %} |
92 |
{% if o.membership_approval_date %} |
93 |
|
94 |
Registered |
95 |
{% if not o.is_owner %} |
96 |
<form action="{% url group_leave o.id %}" method="post" class="link-like">{% csrf_token %} |
97 |
<input type="submit" value="LEAVE GROUP" /> |
98 |
</form>
|
99 |
{% endif %} |
100 |
|
101 |
|
102 |
|
103 |
{% else %} |
104 |
Pending |
105 |
{% endif %} |
106 |
{% else %} |
107 |
Not member |
108 |
<form action="{% url group_join o.id %}" method="post" class="link-like">{% csrf_token %} |
109 |
<input type="submit" value="JOIN GROUP" /> |
110 |
</form>
|
111 |
|
112 |
{% endif %} |
113 |
</td>
|
114 |
<td><a href="#" class="more-info" title="more info"> </a></td> |
115 |
</tr>
|
116 |
<tr class="{% cycle 'tmore1' 'tmore2' %}" style="display:none"> |
117 |
<td colspan="7" class="info-td"> |
118 |
<div>
|
119 |
<p>{{o.desc}}</p> |
120 |
<p>{% if o.homepage%}
|
121 |
Group's home page: <a target="_blank" href="{{ o.homepage }}">{{ o.homepage }}</a> |
122 |
|
123 |
{% endif %} |
124 |
</p>
|
125 |
</div>
|
126 |
</td>
|
127 |
</tr>
|
128 |
{% endfor %} |
129 |
</tbody>
|
130 |
</table>
|
131 |
|
132 |
</div>
|
133 |
|
134 |
|
135 |
<div class="pagination"> |
136 |
<p class="next-prev"> |
137 |
{% if page_obj.has_previous %} |
138 |
<a href="?page={{ page_obj.previous_page_number }}{% if q %}&q={{q}}{% endif %}{% if sorting %}&sorting={{sorting}}{% endif %}">previous</a> |
139 |
{% endif %} |
140 |
{% if page_obj.has_next %} |
141 |
<a href="?page={{ page_obj.next_page_number }}{% if q %}&q={{q}}{% endif %}{% if sorting %}&sorting={{sorting}}{% endif %}">next</a> |
142 |
{% endif %} |
143 |
</p>
|
144 |
<p class="nums"> |
145 |
<span class="current"> |
146 |
Page {{ page_obj.number }} of {{ paginator.num_pages }} |
147 |
</span>
|
148 |
</p>
|
149 |
</div>
|
150 |
<!-- Group listing -->
|
151 |
{% else %} |
152 |
{% if mine %} |
153 |
{% with own_page|concat:own_sorting as args %} |
154 |
{% with mine|paginate:args as mine %} |
155 |
<div class="full-dotted"> |
156 |
<form method="GET" class="minimal" action=""> |
157 |
<div class="form-row"> |
158 |
<select name="own_sorting" onchange="this.form.submit();"> |
159 |
<option value="">Sort by</option> |
160 |
<option value="groupname" {% if == 'groupname' %}selected{% endif %}>Name</option> |
161 |
<option value="kindname" {% if == 'kindname' %}selected{% endif %}>Type</option> |
162 |
<option value="issue_date" {% if == 'issue_date' %}selected{% endif %}>Issue date</option> |
163 |
<option value="expiration_date" {% if == 'expiration_date' %}selected{% endif %}>Expiration Date</option> |
164 |
<option value="approved_members_num" {% if == 'approved_members_num' %}selected{% endif %}>Participants</option> |
165 |
<option value="is_enabled" {% if == 'is_enabled' %}selected{% endif %}>Status</option> |
166 |
<option value="moderation_enabled" {% if == 'moderation_enabled' %}selected{% endif %}>Moderation</option> |
167 |
</select>
|
168 |
</div>
|
169 |
</form>
|
170 |
<table class="alt-style complex"> |
171 |
<caption>MY GROUPS</caption> |
172 |
<thead>
|
173 |
<tr>
|
174 |
<th>Name</th> |
175 |
<th>Type</th> |
176 |
<th>Issued</th> |
177 |
<th>Expires</th> |
178 |
<th>Enrolled</th> |
179 |
<th>Status</th> |
180 |
<th>Moderated</th> |
181 |
<th> </th> |
182 |
|
183 |
</tr>
|
184 |
</thead>
|
185 |
<tbody>
|
186 |
{% for o in mine.object_list %} |
187 |
<tr class="{% cycle 'tr1' 'tr2' %}"> |
188 |
<td><a href="{% url group_detail o.id %}" title="visit group page">{{o.groupname|rcut:"/" }}</a></td> |
189 |
<td>{{o.kindname|capfirst}}</td> |
190 |
<td>{{o.issue_date|date:"d/m/Y"}}</td> |
191 |
<td>{{o.expiration_date|date:"d/m/Y"}}</td> |
192 |
<td>{{ o.approved_members_num }}</td> |
193 |
<td>{% if o.is_enabled %}Active{% else %}Pending{% endif %}</td> |
194 |
<td>{% if o.moderation_enabled%}Yes{% else %}No{% endif %}</td> |
195 |
<td><a href="#" class="more-info" title="more info"> </a></td> |
196 |
</tr>
|
197 |
<tr class="{% cycle 'tmore1' 'tmore2' %}" style="display:none"> |
198 |
<td colspan="8" class="info-td"> |
199 |
<div>
|
200 |
<p>{{o.desc}}</p> |
201 |
<p>{% if o.homepage%}
|
202 |
Group's home page: <a href="{{ o.homepage }}">{{ o.homepage }}</a> |
203 |
{% endif %} |
204 |
</p>
|
205 |
</div>
|
206 |
</td>
|
207 |
</tr>
|
208 |
{% endfor %} |
209 |
</tbody>
|
210 |
</table>
|
211 |
</div>
|
212 |
<div class="pagination"> |
213 |
<p class="next-prev"> |
214 |
{% if mine.has_previous %} |
215 |
<a href="?own_page={{ mine.previous_page_number }}{% if own_sorting %}&own_sorting={{ own_sorting }}{% endif%}{% if other_sorting %}&other_sorting={{ other_sorting }}{% endif%}">previous</a> |
216 |
{% endif %} |
217 |
{% if mine.has_next %} |
218 |
<a href="?own_page={{ mine.next_page_number }}{% if own_sorting %}&own_sorting={{ own_sorting }}{% endif%}{% if other_sorting %}&other_sorting={{ other_sorting }}{% endif%}">next</a> |
219 |
{% endif %} |
220 |
</p>
|
221 |
<p class="nums"> |
222 |
<span class="current"> |
223 |
Page {{ mine.number }} of {{ mine.paginator.num_pages }} |
224 |
</span>
|
225 |
</p>
|
226 |
</div>
|
227 |
|
228 |
{% endwith %} |
229 |
{% endwith %} |
230 |
{% endif %} |
231 |
|
232 |
{% if other %} |
233 |
{% with other_page|concat:other_sorting as args %} |
234 |
{% with other|paginate:args as other %} |
235 |
<div class="full-dotted"> |
236 |
<form method="GET" class="minimal" action=""> |
237 |
<div class="form-row"> |
238 |
<select name="other_sorting" onchange="this.form.submit();"> |
239 |
<option value="">Sort by</option> |
240 |
<option value="groupname" {% if == 'groupname' %}selected{% endif %}>Name</option> |
241 |
<option value="kindname" {% if == 'kindname' %}selected{% endif %}>Type</option> |
242 |
<option value="issue_date" {% if == 'issue_date' %}selected{% endif %}>Issue date</option> |
243 |
<option value="expiration_date" {% if == 'expiration_date' %}selected{% endif %}>Expiration Date</option> |
244 |
<option value="approved_members_num" {% if == 'approved_members_num' %}selected{% endif %}>Participants</option> |
245 |
<option value="membership_status" {% if == 'membership_status' %}selected{% endif %}>Enrollment Status</option> |
246 |
|
247 |
</select>
|
248 |
</div>
|
249 |
</form>
|
250 |
<table class="alt-style complex"> |
251 |
<caption>
|
252 |
I PARTICIPATE IN |
253 |
</caption>
|
254 |
<thead>
|
255 |
<tr>
|
256 |
<th>Name</th> |
257 |
<th>Type</th> |
258 |
<th>Issued</th> |
259 |
<th>Expires</th> |
260 |
|
261 |
|
262 |
<th>Enrolled</th> |
263 |
|
264 |
|
265 |
<th>Enrollment status</th> |
266 |
<th> </th> |
267 |
|
268 |
</tr>
|
269 |
</thead>
|
270 |
<tbody>
|
271 |
{% for o in other.object_list %} |
272 |
<tr class="{% cycle 'tr1' 'tr2' %}"> |
273 |
<td><a href="{% url group_detail o.id %}" title="visit group page">{{o.groupname|rcut:"/"}}</a></td> |
274 |
<td>{{o.kindname|capfirst}}</td> |
275 |
<td>{{o.issue_date|date:"d/m/Y"}}</td> |
276 |
<td>{{o.expiration_date|date:"d/m/Y"}}</td> |
277 |
|
278 |
<td>{{ o.approved_members_num }}</td> |
279 |
|
280 |
<td>
|
281 |
{% if o.membership_status %} |
282 |
Registered |
283 |
<form action="{% url group_leave o.id %}" method="post" class="link-like">{% csrf_token %} |
284 |
<input type="submit" value="LEAVE GROUP" /> |
285 |
</form>
|
286 |
|
287 |
{% else %} |
288 |
Pending |
289 |
{% endif %} |
290 |
</td>
|
291 |
<td><a href="#" class="more-info" title="more info"> </a></td> |
292 |
</tr>
|
293 |
<tr class="{% cycle 'tmore1' 'tmore2' %}" style="display:none"> |
294 |
<td colspan="7" class="info-td"> |
295 |
<div>
|
296 |
<p>{{o.desc}}</p> |
297 |
<p>{% if o.homepage%}
|
298 |
Visit it group's home page: <a href="{{ o.homepage }}">{{ o.homepage }}</a> |
299 |
{% else %} |
300 |
There is no homepage for this group yet. |
301 |
{% endif %} |
302 |
</p>
|
303 |
</div>
|
304 |
</td>
|
305 |
</tr>
|
306 |
{% endfor %} |
307 |
</tbody>
|
308 |
</table>
|
309 |
|
310 |
</div>
|
311 |
<div class="pagination"> |
312 |
<p class="next-prev"> |
313 |
{% if other.has_previous %} |
314 |
<a href="?other_page={{ other.previous_page_number }}{% if own_sorting %}&own_sorting={{ own_sorting }}{% endif%}{% if other_sorting %}&other_sorting={{ other_sorting }}{% endif%}">previous</a> |
315 |
{% endif %} |
316 |
{% if other.has_next %} |
317 |
<a href="?other_page={{ other.next_page_number }}{% if own_sorting %}&own_sorting={{ own_sorting }}{% endif%}{% if other_sorting %}&other_sorting={{ other_sorting }}{% endif%}">next</a> |
318 |
{% endif %} |
319 |
</p>
|
320 |
<p class="nums"> |
321 |
<span class="current"> |
322 |
Page {{ other.number }} of {{ other.paginator.num_pages }} |
323 |
</span>
|
324 |
</p>
|
325 |
</div>
|
326 |
|
327 |
{% endwith %} |
328 |
{% endwith %} |
329 |
{% endif %} |
330 |
|
331 |
{% if q %} |
332 |
<h2>No groups found!</h2> |
333 |
{% endif %} |
334 |
{% endif %} |
335 |
{% endwith %} |
336 |
</div>
|
337 |
</div>
|
338 |
{% endblock %} |