Context Navigation

dashboard.pt @ b05824e

currentfeature/docs

Last change on this file since b05824e was 22eb5de, checked in by Segundo Fdez <segun.2@…>, 5 years ago

Merge branch 'master' into feature/ui

# Conflicts:
# ow/static/js/ow.js

Property mode set to 100644

File size: 9.6 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 dashboard</tal:t>
12	</metal:head-title>
13
14	<!--!
15	<metal:title metal:fill-slot="title">
16	<tal:t i18n:translate="">dashboard for user</tal:t>
17	<tal:user tal:content="context.fullname"></tal:user>
18	</metal:title>
19	-->
20
21	<metal:content metal:fill-slot="content">
22
23	<div class="workout-content">
24
25	<section class="workout-list">
26
27	<h3>
28	<tal:n tal:content="len(workouts)"></tal:n> <tal:t i18n:translate="">Activities</tal:t>
29	</h3>
30
31	<tal:no-workouts tal:condition="context.num_workouts == 0">
32	<div class="warning">
33	<p i18n:translate="">You haven't added any workouts yet</p>
34	<p>
35	<a href="" i18n:translate=""
36	tal:attributes="href request.resource_url(context, 'add-workout')">
37	Upload one</a> \|
38	<a href="" i18n:translate=""
39	tal:attributes="href request.resource_url(context, 'add-workout-manually')">
40	Add one manually</a>
41	</p>
42	</div>
43	</tal:no-workouts>
44
45	<tal:r tal:repeat="workout workouts">
46
47	<article class="workout-resume">
48
49	<h2 class="workout-title">
50	<a href="" tal:content="workout.title"
51	tal:attributes="href request.resource_url(workout)"></a>
52	</h2>
53
54	<ul class="workout-info">
55	<li>
56	<tal:c tal:content="workout.start_in_timezone(context.timezone)"></tal:c>
57	</li>
58	<li>
59	<!--! use the properly formatted duration instead of the timedelta object -->
60	<tal:c tal:content="workout._duration"></tal:c>
61	</li>
62	<li tal:condition="workout.distance">
63	<tal:c tal:content="workout.rounded_distance"></tal:c> km
64	</li>
65	</ul>
66
67	<ul class="workout-info" tal:define="hr workout.hr; cad workout.cad">
68	<li tal:condition="hr">
69	<span i18n:translate="">HR (bpm)</span>:
70	<tal:c tal:content="hr['min']"></tal:c>
71	<tal:t i18n:translate="">Min.</tal:t>,
72	<tal:c tal:content="hr['avg']"></tal:c>
73	<tal:t i18n:translate="">Avg.</tal:t>,
74	<tal:c tal:content="hr['max']"></tal:c>
75	<tal:t i18n:translate="">Max.</tal:t>
76	</li>
77	<li tal:condition="cad">
78	<span i18n:translate="">Cad</span>:
79	<tal:c tal:content="cad['min']"></tal:c>
80	<tal:t i18n:translate="">Min.</tal:t>,
81	<tal:c tal:content="cad['avg']"></tal:c>
82	<tal:t i18n:translate="">Avg.</tal:t>,
83	<tal:c tal:content="cad['max']"></tal:c>
84	<tal:t i18n:translate="">Max.</tal:t>
85	</li>
86	</ul>
87
88	<div class="workout-intro" tal:content="workout.notes"></div>
89
90	<div class="workout-map" tal:condition="workout.has_gpx">
91	<a href="" tal:attributes="href request.resource_url(workout)">
92	<img src="" tal:attributes="src request.static_url(workout.map_screenshot);
93	alt workout.title; title workout.title">
94	</a>
95	</div>
96
97	<ul class="workout-options">
98	<li class="owo-edit"><a href="" i18n:translate="" tal:attributes="href request.resource_url(workout, 'edit')"><span>edit</span></a></li>
99	<li class="owo-update"><a href="" i18n:translate="" tal:attributes="href request.resource_url(workout, 'update-from-file')"><span>update with tracking file</span></a></li>
100	<li class="owo-del"><a href="" i18n:translate="" tal:attributes="href request.resource_url(workout, 'delete')"><span>delete</span></a></li>
101	</ul>
102
103	</article>
104
105	</tal:r>
106
107	</section>
108
109	<aside class="workout-aside">
110	<div class="aside-profile">
111	<tal:c tal:condition="getattr(context, 'picture', None)">
112	<img tal:attributes="src request.resource_path(context, 'picture')"
113	width="450" />
114	</tal:c>
115	<h2 tal:content="context.fullname"></h2>
116	<ul>
117	<Li>
118	<tal:n tal:content="context.num_workouts"></tal:n> <tal:t i18n:translate="">workouts</tal:t>
119	</Li>
120	</ul>
121	</div>
122	<div class="week-stats js-week-stats">
123	<h3><tal:t i18n:translate="">This week</tal:t></h3>
124	<p tal:define="totals context.week_totals">
125	<span class="week-stats-distance">
126	<tal:d tal:content="round(totals['distance'])"></tal:d>
127	<tal:t i18n:translate="">kms</tal:t>
128	</span>
129	<span class="week-stats-time">
130	<tal:hms tal:define="hms timedelta_to_hms(totals['time'])">
131	<tal:h tal:content="str(hms[0]).zfill(2)"></tal:h>
132	<tal:t i18n:translate="">hours</tal:t>,
133	<tal:h tal:content="str(hms[1]).zfill(2)"></tal:h>
134	<tal:t i18n:translate="">min.</tal:t>
135	</tal:hms>
136	</span>
137	</p>
138	<div class="svg-cotent">
139	<svg width="300" height="200" viewBox="0 0 300 200"></svg>
140	</div>
141	</div>
142
143	<tal:activity_tree tal:condition="context.num_workouts > 0">
144	<ul class="workout-activity-tree" tal:define="tree context.activity_dates_tree">
145	<tal:years tal:repeat="year sorted(tree.keys(), reverse=True )">
146	<li tal:define="is_viewing_year year == viewing_year">
147	<a href="" tal:content="year"
148	tal:attributes="href request.resource_url(context, query={'year': year});
149	class 'js-year viewing-year' if is_viewing_year else 'js-year'">
150	</a>
151	<ul tal:define="stats context.stats(year)" tal:attributes="class 'workout-activity-summary' if is_viewing_year else 'workout-activity-summary hidden'">
152	<li>
153	<span i18n:translate="">Workouts:</span>
154	<span tal:content="stats['workouts']"></span>
155	</li>
156	<li>
157	<span i18n:translate="">Distance:</span>
158	<span> <tal:kms tal:content="round(stats['distance'])"></tal:kms> km</span>
159	</li>
160	<li>
161	<span i18n:translate="">Time:</span>
162	<tal:hms tal:define="hms timedelta_to_hms(stats['time'])">
163	<span>
164	<tal:h tal:content="str(hms[0]).zfill(2)"></tal:h>
165	<tal:t i18n:translate="">hours</tal:t>,
166	<tal:h tal:content="str(hms[1]).zfill(2)"></tal:h>
167	<tal:t i18n:translate="">min.</tal:t>
168	</span>
169	</tal:hms>
170	</li>
171	<li>
172	<span i18n:translate="">Elevation:</span>
173	<span> <tal:m tal:content="stats['elevation']"></tal:m> m</span>
174	</li>
175	</ul>
176	<ul class="workout-activity-tree-year"
177	tal:attributes="class 'workout-activity-tree-year' if is_viewing_year else 'workout-activity-tree-year hidden'">
178	<tal:months tal:repeat="month sorted(tree[year].keys())">
179	<li tal:define="is_viewing_month is_viewing_year and month == viewing_month">
180	<a href=""
181	tal:attributes="href request.resource_url(context, query={'year': year, 'month': month});
182	class 'viewing-month' if is_viewing_month else ''">
183	<span tal:content="month_name[month]"></span>
184	<span tal:content="sum([tree[year][month][sport] for sport in tree[year][month]])"></span>
185	</a>
186	</li>
187	</tal:months>
188	</ul>
189	</li>
190	</tal:years>
191	</ul>
192	</tal:activity_tree>
193
194	</aside>
195
196	</div>
197
198	</metal:content>
199
200	<metal:body-js metal:fill-slot="body-js">
201	<script src="${request.static_url('ow:static/components/d3/d3.min.js')}"></script>
202	<script src="${request.static_url('ow:static/js/ow.js')}"></script>
203
204	<script type="text/javascript">
205	var week_chart = owjs.week_chart({
206	chart_selector: 'div.js-week-stats svg',
207	url: "${request.resource_url(context, 'week')}",
208	current_day_name: "${current_day_name}"
209	});
210	week_chart.render();
211	</script>
212
213	</metal:body-js>
214
215	</html>

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

Download in other formats:

Original Format