Revision 59728d4e snf-astakos-app/astakos/im/templates/im/astakosgroup_list.html

b/snf-astakos-app/astakos/im/templates/im/astakosgroup_list.html
5 5
{% block page.body %}
6 6
<div class="maincol {% block innerpage.class %}{% endblock %}">
7 7
    <div class="projects">
8
	    <h2>GROUPS</h2>
8
	    <h2>PROJECTS </h2>
9 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 %}
10
		    <p>Search for existing Projects and join the ones you like. Please search by Project name. </p>
11
		    <form action="{% url group_search %}" method="post" class="withlabels signup submit-inline">{% csrf_token %}
12 12
		            {% include "im/form_render.html" %}
13
		            <div class="form-row submit">
13
		        <div class="form-row submit">
14 14
		                <input type="submit" class="submit altcol" value="SEARCH" />
15
		            </div>
15
		                {% if q %}<a href="{% url group_all %}">clear</a>{% endif %}
16
		        </div>
16 17
		    </form>
17
		     
18
		    <form action="{% url group_all %}" method="post" class="link-like alone">{% csrf_token %}
18
		    
19
		    <!--<form action="{% url group_all %}" method="post" class="link-like alone">{% csrf_token %}
19 20
		        <div class="form-row submit">
20
		            <input type="submit" class="submit altcol" value="Show all groups" />
21
		            <input type="submit" class="submit altcol" value="clear" />
21 22
		        </div>
22 23
		    </form>
24
		   <-->
23 25
	    {% else %}
24 26
    
25
		<p>Okeanos grants resources according to activities organized by groups.
26
		   Join or create a group to get access to more resources.
27
		   <a href="{% url group_search %}">Join an existing one</a>
28
		   or
29
		   <!--<a href="{% url group_create_list %}">Create a new group</a>-->
30
		   <a href="{% url group_add 'default' %}">create a new group</a>.
31
		</p>
27
		<p>~okeanos gives the opportunity to Greek Academic or Research Organizations/Institutions/Faculty to run their own projects remotely on virtual infrastructure. Simple, fast and with minimal to no cost at all.
28
</p>
32 29
		
33 30
		<div class="widjets"> 
34 31
			<!--<a href="#" class="widjet-x" title="remove boxes">X</a>-->
......
36 33
				<li class="create">
37 34
					<div>
38 35
						<div class="wrap">
39
							<h2>WELCOME!</h2>
40 36
							<p><a href="{% url group_add 'course' %}"><img alt="THINK ABOUT IT" src="/static/im/images/create.png"></a></p>
41
							<p class="txt">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>
42
							<p><a href="{% url group_add 'default' %}">create a group ></a></p>
37
							<p class="txt">Create a new Project in seconds. Specify how many members it will have, which and how many virtual resources it will provide to its members. Describe its purpose. Submit your request and if accepted, you and your colleagues are ready to deploy! </p>
38
							<p><a href="{% url group_add 'default' %}">create a project ></a></p>
43 39
							<!--<p class="btn"><a href="{% url group_create_list %}" class="submit">CREATE</a></p>-->
44 40
						</div>
45 41
					</div>
......
47 43
				<li class="join">
48 44
					<div>
49 45
						<div class="wrap">
50
							<h2>ALREADY AWARE?</h2>
51
							<p><a href="{% url group_search %}"><img alt="THINK ABOUT IT" src="/static/im/images/join.png"></a></p>
52
							<p class="txt">Well, this is the place to start!<br>sdofuisd ofuaofi usdiof uiofu osifuaoi ufisdfiousf oiusd<br></p>
46
							<p><a href="{% url group_all %}"><img alt="THINK ABOUT IT" src="/static/im/images/join.png"></a></p>
47
							<p class="txt">Become a member of an existing Project and instantly gain access to the resources it has to offer you. Search for open Projects and join for free. Contact the closed Projects administrators, if you think they will accept you. In two words: try to Join now. </p>
53 48
							
54
							<p><a href="{% url group_search %}">join a group ></a></p>
49
							<p><a href="{% url group_all %}">join a project ></a></p>
55 50
						</div>
56 51
					</div>
57 52
				</li>
......
67 62
				<div class="form-row">
68 63
					<select name="sorting" onchange="this.form.submit();" class="dropkicked" tabindex="1">
69 64
					    <option value="">Sort by Name</option>	
70
			            <option value="issue_date" {% if sorting == 'issue_date' %}selected{% endif %}>Issue date</option>			
71
			            <option value="expiration_date" {% if sorting == 'expiration_date' %}selected{% endif %}>Expiration Date</option>
72
			            <option value="approved_members_num" {% if sorting == 'approved_members_num' %}selected{% endif %}>Participants</option> 
65
			            <option value="issue_date" {% if sorting == 'issue_date' %}selected{% endif %}>Sort by Issue date</option>			
66
			            <option value="expiration_date" {% if sorting == 'expiration_date' %}selected{% endif %}>Sort by Expiration Date</option>
67
			            <option value="approved_members_num" {% if sorting == 'approved_members_num' %}selected{% endif %}>Sort by Participants</option> 
68
			            <option value="moderation_enabled" {% if sorting == 'moderation_enabled' %}selected{% endif %}>Sort by Moderation</option> 
73 69
					</select>
74 70
					<input type="hidden" name="q" value="{{q}}"/>
75 71
				</div>
76 72
			</form>
77 73
            <table class="alt-style complex" id="searchResults">
78 74
                <caption>
79
                    SEARCH RESULTS
75
                    {% if q %}SEARCH RESULTS{% else %}ALL PROJECTS{% endif %}
80 76
                </caption>
81 77
                <thead>
82 78
                  <tr>
......
90 86
                     
91 87
                    <th>Status</th>
92 88
                    <th>&nbsp;</th>
89
			        <th>Moderated</th>
90
                   <!-- <th>&nbsp;</th>-->
93 91
                  
94 92
                  </tr>
95 93
                </thead>
96 94
                <tbody>
97 95
                  {% for o in object_list %}
98 96
                   <tr class="{% cycle 'tr1' 'tr2' %}">
99
	                    <td><a href="{% url group_detail o.id %}" title="visit group page">{{o.groupname|rcut:"/"}}</a></td>
97
	                    <td style="width:22%"><a href="{% url group_detail o.id %}" title="visit group page">{{o.groupname|rcut:"/"|truncatename}}</a></td>
100 98
	                    <!--td>{{o.kindname|capfirst}}</td-->
101
	                    <td>{{o.issue_date|date:"d/m/Y"}}</td>
102
	                    <td>{{o.expiration_date|date:"d/m/Y"}}</td>
103
	                    <td>{{o.approved_members_num}}</td>
99
	                    <td style="width:13%">{{o.issue_date|date:"d/m/Y"}}</td>
100
	                    <td style="width:13%">{{o.expiration_date|date:"d/m/Y"}}</td>
101
	                    <td style="width:13%">{{o.approved_members_num}}</td>
104 102
	                    
105
	                    <td>
103
	                    <td style="width:15%">
106 104
	                    	<div class="msg-wrap">
107 105
	                    		 
108 106
		                    {% if o.is_member %}
......
111 109
		                        
112 110
			                       	{% if not o.is_owner %}
113 111
			                            Registered
112
			                             
113
			                        {% else %}
114
			                        	Owner
115
			                        {% endif %}
116
		                        
117
		                            
118
		
119
		                        {% else %}
120
		                            Pending
121
		                        {% endif %}
122
		                    {% else %}
123
		                            Not member 
124
		                                 
125
		                            
126
		                    {% endif %}
127
	                    	</div>
128
	                    </td>
129
	                    <td style="width:15%">
130
	                    	<div class="msg-wrap">
131
	                    		 
132
		                    {% if o.is_member %}
133
		                        {% if o.membership_approval_date %}
134
		    
135
		                        
136
			                       	{% if not o.is_owner %}
137
			                             
114 138
			                            <form action="{% url group_leave o.id %}" method="post" class="link-like">{% csrf_token %}
115 139
			                                 <input type="submit"  value="x leave group" class="leave"/>
116 140
			                            </form>
......
122 146
					                		<a href="#" class="yes submit">Yes</a>&nbsp;&nbsp;&nbsp;<a href="#" class="no submit">No</a>
123 147
					                	</div>
124 148
			                        {% else %}
125
			                        	Owner
149
			                        	 &nbsp;
126 150
			                        {% endif %}
127 151
		                        
128 152
		                            
129 153
		
130 154
		                        {% else %}
131
		                            Pending
155
		                            &nbsp;
132 156
		                        {% endif %}
133 157
		                    {% else %}
134
		                            Not member 
158
		                             
135 159
		                                <form action="{% url group_join o.id %}" method="post" class="link-like">{% csrf_token %}
136 160
		                                    <input type="submit"   value="+ join group" class="join_group join" />
137 161
		                                </form>
......
146 170
		                    {% endif %}
147 171
	                    	</div>
148 172
	                    </td>
149
	                    <td><a href="#" class="more-info" title="more info">+ more info</a></td>
173
			            <td class="centered" style="width:9%">{% if o.moderation_enabled%}Yes{% else %}No{% endif %}</td>
174
	                    <!--td><a href="#" class="more-info" title="more info">+ more info</a></td-->
150 175
                  </tr>
151 176
                  <tr class="{% cycle 'tmore1' 'tmore2' %}" style="display:none">
152 177
                    <td colspan="7" class="info-td">
......
202 227
						</div>
203 228
					</form>
204 229
					<table class="alt-style complex" id="allGroups">
205
			            <caption>MY GROUPS</caption>
230
			            <caption>MY PROJECTS</caption>
206 231
			            <thead>
207 232
			              <tr>
208 233
			                <th>Name</th>
......
211 236
			                <th>Expires</th>
212 237
			                <th>Enrolled</th>
213 238
			                <th>Status</th>
214
			                <th class="centered">Moderated</th>
215 239
			                <th>&nbsp;</th>
240
			                <th class="centered">Moderated</th>
241
			               <!-- <th>&nbsp;</th>-->
216 242
			                
217 243
			              </tr>
218 244
			            </thead>
219 245
			            <tbody>
220 246
			              {% for o in page_obj.object_list %}
221 247
			              <tr class="{% cycle 'tr1' 'tr2' %}">
222
			                <td><a  href="{% url group_detail o.id %}" title="visit group page">{{o.groupname|rcut:"/" }}</a></td>
248
			                <td style="width:22%"><a  href="{% url group_detail o.id %}" title="visit group page">{{o.groupname|rcut:"/"|truncatename }}</a></td>
223 249
			                <!--td>{{o.kindname|capfirst}}</td-->
224
			                <td>{{o.issue_date|date:"d/m/Y"}}</td>
225
			                <td>{{o.expiration_date|date:"d/m/Y"}}</td>
226
			                <td>{{ o.approved_members_num }}</td>
227
			                <td>
250
			                <td style="width:13%">{{o.issue_date|date:"d/m/Y"}}</td>
251
			                <td style="width:13%">{{o.expiration_date|date:"d/m/Y"}}</td>
252
			                <td style="width:13%">{{ o.approved_members_num }}</td>
253
			                <td style="width:15%">
228 254
			                	<div class="msg-wrap">
229 255
			                 	{% if user.email = o.groupowner %}
230 256
			                		{% if o.is_enabled %}
......
236 262
			                		{% if o.is_enabled %}
237 263
			                			{% if o.membership_status %}
238 264
						                    Registered
265
					                    	 
266
						                {% else %}
267
						                    Pending
268
						                {% endif %}
269
			                		{% else %}
270
			                			-
271
			                		{% endif %}
272
			                	{% endif %}
273
			                	
274
			                	</div>
275
			                </td>
276
			                <td style="width:15%">
277
			                	<div class="msg-wrap">
278
			                 	{% if user.email = o.groupowner %}
279
			                		{% if o.is_enabled %}
280
			                			&nbsp;
281
			                		{% else %}
282
			                			&nbsp;
283
			                		{% endif %}
284
			                	{% else %}
285
			                		{% if o.is_enabled %}
286
			                			{% if o.membership_status %}
287
						                    
239 288
					                    	<form action="{% url group_leave o.id %}" method="post" class="link-like">{% csrf_token %}
240 289
					                             <input type="submit"  value="x leave" class="leave" />
241 290
					                        </form>	
......
247 296
						                		<a href="#" class="yes submit">Yes</a>&nbsp;&nbsp;&nbsp;<a href="#" class="no submit">No</a>
248 297
						                	</div>
249 298
						                {% else %}
250
						                    Pending
299
						                    &nbsp;
251 300
						                {% endif %}
252 301
			                		{% else %}
253
			                			-
302
			                			&nbsp;
254 303
			                		{% endif %}
255 304
			                	{% endif %}
256 305
			                	
257 306
			                	</div>
258 307
			                </td>
259
			                <td class="centered">{% if o.moderation_enabled%}Yes{% else %}No{% endif %}</td>
260
			                <td><a href="#" class="more-info" title="more info">+ more info </a></td>
308
			                <td class="centered" style="width:9%">{% if o.moderation_enabled%}Yes{% else %}No{% endif %}</td>
309
			               <!-- <td><a href="#" class="more-info" title="more info">+ more info </a></td>-->
261 310
			              </tr>
262 311
			              <tr class="{% cycle 'tmore1' 'tmore2' %}" style="display:none">
263 312
			                <td colspan="8" class="info-td">
......
295 344
	      	{% endif %}
296 345
	      	{% if form %}
297 346
	            {% if q %}
298
	                <h2>No groups found!</h2>
347
	                <h2>No projects found!</h2>
299 348
	            {% endif %}
300 349
	        {% endif %}
301 350
      {% endif %}

Also available in: Unified diff