Context Navigation

profile.pt @ aa6dcaf

current

Last change on this file since aa6dcaf was aa6dcaf, checked in by Borja Lopez <borja@…>, 5 years ago
Fixed some cosmetic details (empty lines, whitespaces, indentation). Fixed a test that was breaking depending on which days you ran it.
Property mode set to `100644`
File size: 15.5 KB

Line
1	<html xmlns="http://www.w3.org/1999/xhtml"
2	xml:lang="en"
3	xmlns:tal="http://xml.zope.org/namespaces/tal"
4	xmlns:metal="http://xml.zope.org/namespaces/metal"
5	xmlns:i18n="http://xml.zope.org/namespaces/i18n"
6	i18n:domain="OpenWorkouts"
7	metal:use-macro="load: base.pt"
8	tal:attributes="lang request.locale_name">
9
10	<metal:head-title metal:fill-slot="head-title">
11	<tal:t i18n:translate="">My profile</tal:t>
12	</metal:head-title>
13
14	<metal:css metal:fill-slot="css">
15	<link rel="stylesheet" href="${request.static_url('ow:static/components/jquery-dropdown/jquery.dropdown.css')}" />
16	</metal:css>
17
18	<metal:content metal:fill-slot="content">
19
20	<div class="user-profile">
21	<div class="user-profile-account">
22	<div>
23	<tal:c tal:condition="getattr(user, 'picture', None)">
24	<img tal:attributes="src request.resource_path(user, 'picture', query={'size': 200})"
25	width="450" />
26	</tal:c>
27	<div>
28	<h2>
29	<tal:fullname tal:content="user.fullname"></tal:fullname>
30	</h2>
31	<p>
32	<tal:has-nickname tal:condition="user.nickname">
33	<a href=""
34	tal:attributes="href request.resource_url(request.root, 'profile', user.nickname)"
35	tal:content="request.resource_url(request.root, 'profile', user.nickname)">
36	</a> \|
37	</tal:has-nickname>
38	<span><tal:email tal:content="user.email"></tal:email></span>
39	</p>
40	<div class="profile-bio">
41	<p tal:repeat="paragraph getattr(user, 'bio', '').split('\n')"
42	tal:content="paragraph"></p>
43	</div>
44	<ul class="workout-options">
45	<li><a href=""
46	tal:attributes="href request.resource_url(user, 'edit')"
47	i18n:translate="">edit profile</a></li>
48	<li><a href=""
49	tal:attributes="href request.resource_url(user, 'passwd')"
50	i18n:translate="">change password</a></li>
51	</ul>
52	</div>
53	</div>
54
55	</div>
56
57	<div class="workout-content">
58	<div class="workout-list">
59	<div class="total-workouts">
60	<span>
61	<tal:w tal:replace="len(workouts)"></tal:w>
62	<tal:t i18n:translate="">workouts</tal:t>
63	</span>
64	<span>
65	<tal:hms tal:define="hms timedelta_to_hms(totals['time'])">
66	<tal:h tal:content="str(hms[0]).zfill(2)"></tal:h>
67	<tal:t i18n:translate="">hours</tal:t>,
68	<tal:h tal:content="str(hms[1]).zfill(2)"></tal:h>
69	<tal:t i18n:translate="">min.</tal:t>
70	</tal:hms>
71	</span>
72	<span>
73	<tal:w tal:replace="round(totals['distance'])"></tal:w>
74	<tal:t i18n:translate="">km</tal:t>
75	</span>
76	<span>
77	<tal:w tal:replace="round(totals['elevation'])"></tal:w>
78	<tal:t i18n:translate="">m</tal:t>
79	</span>
80	</div>
81
82	<div class="month-stats js-month-stats">
83	<div class="svg-cotent">
84	<svg width="900" height="180" viewBox="0 0 900 180"></svg>
85	</div>
86	<div class="center">
87	<ul class="workout-options filters js-filters">
88	<li><a href="#" class="js-distance is-active" i18n:translate="">distance</a></li>
89	<li><a href="#" class="js-time" i18n:translate="">time</a></li>
90	<li><a href="#" class="js-elevation" i18n:translate="">elevation</a></li>
91	</ul>
92
93	<ul class="workout-options switcher js-switcher"
94	tal:define="weekly 'week' in request.GET">
95	<li>
96	<a href="#" class="" i18n:translate=""
97	tal:attributes="class 'js-weekly is-active' if weekly else 'js-weekly'">
98	weekly</a></li>
99	<li>
100	<a href="#" class="" i18n:translate=""
101	tal:attributes="class 'js-monthly is-active' if not weekly else 'js-monthly'">
102	monthly</a></li>
103	</ul>
104	</div>
105	</div>
106
107
108	<tal:r tal:repeat="workout workouts">
109
110	<article class="workout-resume">
111
112	<h2 class="workout-title">
113	<a href="" tal:content="workout.title"
114	tal:attributes="href request.resource_url(workout)"></a>
115	</h2>
116
117	<ul class="workout-info">
118	<li>
119	<tal:c tal:content="workout.start_in_timezone(user.timezone)"></tal:c>
120	</li>
121	<li>
122	<!--! use the properly formatted duration instead of the timedelta object -->
123	<tal:c tal:content="workout._duration"></tal:c>
124	</li>
125	<li tal:condition="workout.distance">
126	<tal:c tal:content="workout.rounded_distance"></tal:c> km
127	</li>
128	<li tal:condition="workout.uphill">
129	+<tal:c tal:content="workout.uphill"></tal:c> m
130	</li>
131	</ul>
132
133	<ul class="workout-info" tal:define="hr workout.hr; cad workout.cad">
134	<li tal:condition="hr">
135	<span i18n:translate="">HR (bpm)</span>:
136	<tal:c tal:content="hr['avg']"></tal:c>
137	<tal:t i18n:translate="">Avg.</tal:t>,
138	<tal:c tal:content="hr['max']"></tal:c>
139	<tal:t i18n:translate="">Max.</tal:t>
140	</li>
141	<li tal:condition="cad">
142	<span i18n:translate="">Cad</span>:
143	<tal:c tal:content="cad['avg']"></tal:c>
144	<tal:t i18n:translate="">Avg.</tal:t>,
145	<tal:c tal:content="cad['max']"></tal:c>
146	<tal:t i18n:translate="">Max.</tal:t>
147	</li>
148	</ul>
149
150	<div class="workout-intro">
151	<p tal:repeat="paragraph workout.trimmed_notes.split('\n')"
152	tal:content="paragraph"></p>
153	</div>
154
155	<div class="workout-map" tal:condition="workout.has_gpx">
156	<a href="" tal:attributes="href request.resource_url(workout)">
157	<tal:has-screenshot tal:condition="workout.map_screenshot is not None">
158	<img src="" tal:attributes="src request.static_url(workout.map_screenshot);
159	alt workout.title; title workout.title">
160	</tal:has-screenshot>
161	<tal:has-not-screenshot tal:condition="workout.map_screenshot is None">
162	<img src="" tal:attributes="src request.static_url('ow:static/media/img/no_map.gif');
163	alt workout.title; title workout.title; class 'js-needs-map'">
164	</tal:has-not-screenshot>
165	</a>
166	</div>
167
168	</article>
169
170	</tal:r>
171	</div>
172
173	<div class="workout-aside">
174
175	<h3 i18n:translate="">Profile info</h3>
176
177	<ul class="profile-data">
178	<li>
179	<span><tal:t i18n:translate="">Gender:</tal:t></span>
180	<tal:c tal:content="user_gender"></tal:c>
181	</li>
182	<li tal:define="birth_date getattr(user, 'birth_date', None)">
183	<span><tal:t i18n:translate="">Birth date:</tal:t></span>
184	<tal:c tal:condition="birth_date"
185	tal:content="birth_date.strftime('%d/%m/%Y')"></tal:c>
186	<tal:c tal:condition="birth_date is None">-</tal:c>
187	</li>
188	<li>
189	<span><tal:t i18n:translate="">Height:</tal:t></span>
190	<tal:c tal:content="getattr(user, 'height', '-')"></tal:c> meters
191	</li>
192	<li>
193	<span><tal:t i18n:translate="">Weight:</tal:t></span>
194	<tal:c tal:content="getattr(user, 'weight', '-')"></tal:c> kg
195	</li>
196	</ul>
197
198	<tal:has-workouts tal:condition="profile_stats['sports']">
199
200	<h3 i18n:translate="">Workout stats</h3>
201
202	<p>
203	<a href="" data-jq-dropdown="#jq-dropdown-sports"
204	class="profile-dropdown-sports js-jq-dropdown-sel-sports">
205	<strong tal:content="profile_stats['current_sport']"></strong>
206	<i class="arrow down"></i>
207	</a>
208	</p>
209
210	<tal:sports tal:repeat="sport profile_stats['sports']">
211	<div class="" tal:attributes="class 'js-sport-stats js-' + sport">
212
213	<a href="" data-jq-dropdown=""
214	tal:attributes="data-jq-dropdown '#jq-dropdown-' + sport;
215	class 'profile-dropdown-years js-jq-dropdown-sel-' + sport">
216	<strong tal:content="profile_stats['current_year']"></strong>
217	<i class="arrow down"></i>
218	</a>
219
220	<tal:years tal:repeat="year profile_stats['years']">
221	<div class="" tal:attributes="class 'js-year-stats js-' + sport + '-' + str(year)">
222	<ul class="profile-data"
223	tal:define="sport_totals context.sport_totals(sport, year)">
224	<li>
225	<span>
226	<tal:t i18n:translate="">Workouts</tal:t>
227	</span>
228	<tal:w tal:replace="sport_totals['workouts']"></tal:w>
229	</li>
230	<li>
231	<span>
232	<tal:t i18n:translate="">Time</tal:t>
233	</span>
234	<tal:hms tal:define="hms timedelta_to_hms(sport_totals['time'])">
235	<tal:h tal:content="str(hms[0]).zfill(2)"></tal:h>
236	<tal:t i18n:translate="">hours</tal:t>,
237	<tal:h tal:content="str(hms[1]).zfill(2)"></tal:h>
238	<tal:t i18n:translate="">min.</tal:t>
239	</tal:hms>
240	</li>
241	<li>
242	<span>
243	<tal:t i18n:translate="">Distance</tal:t>
244	</span>
245	<tal:w tal:replace="round(sport_totals['distance'])"></tal:w>
246	<tal:t i18n:translate="">km</tal:t>
247	</li>
248	<li>
249	<span>
250	<tal:t i18n:translate="">Elevation</tal:t>
251	</span>
252	<tal:w tal:replace="round(sport_totals['elevation'])"></tal:w>
253	<tal:t i18n:translate="">m</tal:t>
254	</li>
255	</ul>
256	</div>
257	</tal:years>
258
259	<strong i18n:translate="">All time</strong>
260	<ul class="profile-data"
261	tal:define="sport_totals context.sport_totals(sport)">
262	<li>
263	<span>
264	<tal:t i18n:translate="">Workouts</tal:t>
265	</span>
266	<tal:w tal:replace="sport_totals['workouts']"></tal:w>
267	</li>
268	<li>
269	<span>
270	<tal:t i18n:translate="">Time</tal:t>
271	</span>
272	<tal:hms tal:define="hms timedelta_to_hms(sport_totals['time'])">
273	<tal:h tal:content="str(hms[0]).zfill(2)"></tal:h>
274	<tal:t i18n:translate="">hours</tal:t>,
275	<tal:h tal:content="str(hms[1]).zfill(2)"></tal:h>
276	<tal:t i18n:translate="">min.</tal:t>
277	</tal:hms>
278	</li>
279	<li>
280	<span>
281	<tal:t i18n:translate="">Distance</tal:t>
282	</span>
283	<tal:w tal:replace="round(sport_totals['distance'])"></tal:w>
284	<tal:t i18n:translate="">km</tal:t>
285	</li>
286	<li>
287	<span>
288	<tal:t i18n:translate="">Elevation</tal:t>
289	</span>
290	<tal:w tal:replace="round(sport_totals['elevation'])"></tal:w>
291	<tal:t i18n:translate="">m</tal:t>
292	</li>
293	</ul>
294	</div>
295	</tal:sports>
296
297	</tal:has-workouts>
298
299	</div>
300	</div>
301	</div>
302
303	<div id="jq-dropdown-sports" class="jq-dropdown jq-dropdown-tip">
304	<ul class="jq-dropdown-menu">
305	<tal:sports tal:repeat="sport profile_stats['sports']">
306	<li>
307	<a href="#" class="" tal:content="sport"
308	tal:attributes="class 'js-choose-sport-stats js-' + sport">
309	</a>
310	</li>
311	</tal:sports>
312	</ul>
313	</div>
314
315
316	<tal:sports tal:repeat="sport profile_stats['sports']">
317	<div id="" class="jq-dropdown jq-dropdown-tip"
318	tal:attributes="id 'jq-dropdown-' + sport">
319	<ul class="jq-dropdown-menu">
320	<tal:years tal:repeat="year profile_stats['years']">
321	<li>
322	<a href="#" class="" tal:content="year"
323	tal:attributes="class 'js-choose-year-stats js-' + sport + '-' + str(year)">
324	</a>
325	</li>
326	</tal:years>
327	</ul>
328	</div>
329	</tal:sports>
330
331
332	</metal:content>
333
334	<metal:body-js metal:fill-slot="body-js">
335
336	<script src="${request.static_url('ow:static/components/jquery-dropdown/jquery.dropdown.js')}"></script>
337	<script src="${request.static_url('ow:static/components/d3/d3.min.js')}"></script>
338	<script src="${request.static_url('ow:static/js/ow.js')}"></script>
339
340	<script type="text/javascript">
341	var map_shots = owjs.map_shots({
342	img_selector: 'img.js-needs-map',
343	})
344	map_shots.run();
345
346	var sport_stats = owjs.sport_stats({
347	link_selector: 'a.js-choose-sport-stats',
348	stats_selector: 'div.js-sport-stats',
349	selected: 'div.js-sport-stats.js-${profile_stats['current_sport']}',
350	dropdown_selector: 'a.js-jq-dropdown-sel-sports',
351	current_year: '${profile_stats['current_year']}',
352	year_link_selector: 'a.js-choose-year-stats.js-'
353	})
354	sport_stats.setup();
355
356	var year_stats = owjs.year_stats({
357	link_selector: 'a.js-choose-year-stats',
358	stats_selector: 'div.js-year-stats',
359	selected: 'div.js-year-stats.js-${profile_stats['current_sport']}-${profile_stats['current_year']}',
360	dropdown_selector: 'a.js-jq-dropdown-sel-'
361	})
362	year_stats.setup();
363
364	var y_axis_labels = {
365	"distance": "Kilometers",
366	"time": "Hours",
367	"elevation": "Meters"
368	};
369
370	var year_chart = owjs.year_chart({
371	chart_selector: '.js-month-stats svg',
372	filters_selector: '.js-month-stats .js-filters a',
373	switcher_selector: '.js-month-stats .js-switcher a',
374	is_active_class: 'is-active',
375	urls: {"monthly": "${request.resource_url(user, 'monthly')}",
376	"weekly": "${request.resource_url(user, 'weekly')}"},
377	current_month: "${current_month}",
378	current_week: "${current_week}",
379	y_axis_labels: y_axis_labels,
380	filter_by: "distance",
381	url: "${'monthly' if current_week is None else 'weekly'}",
382	});
383	year_chart.render("distance", "${'monthly' if current_week is None else 'weekly'}");
384	year_chart.filters_setup();
385	year_chart.switcher_setup();
386	</script>
387
388	</metal:body-js>
389
390	</html>

Note: See TracBrowser for help on using the repository browser.

Download in other formats:

Original Format