Changes in ow/templates/dashboard.pt [4bab6c1:1fe89ea] in OpenWorkouts-current


Ignore:
File:
1 edited

Legend:

Unmodified
Added
Removed
  • ow/templates/dashboard.pt

    r4bab6c1 r1fe89ea  
    2525      <section class="workout-list">
    2626
    27         <h2 tal:content="context.fullname"></h2>
    28 
    2927        <h3>
    30             (<tal:n tal:content="len(workouts)"></tal:n>/<tal:n tal:content="context.num_workouts"></tal:n>) <tal:t i18n:translate="">workouts</tal:t>
     28           <tal:n tal:content="len(workouts)"></tal:n> <tal:t i18n:translate="">Activities</tal:t>
    3129        </h3>
    3230
     
    110108
    111109      <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
    112143          <tal:activity_tree tal:condition="context.num_workouts > 0">
    113144              <ul class="workout-activity-tree" tal:define="tree context.activity_dates_tree">
     
    118149                                             class 'js-year viewing-year' if is_viewing_year  else 'js-year'">
    119150                          </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>
    120176                          <ul class="workout-activity-tree-year"
    121177                              tal:attributes="class 'workout-activity-tree-year' if is_viewing_year  else 'workout-activity-tree-year hidden'">
    122178                              <tal:months tal:repeat="month sorted(tree[year].keys())">
    123179                                  <li tal:define="is_viewing_month is_viewing_year and month == viewing_month">
    124                                       <a href="" tal:content="month_name[month]"
     180                                      <a href=""
    125181                                         tal:attributes="href request.resource_url(context, query={'year': year, 'month': month});
    126182                                                         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>
    127185                                      </a>
    128                                       <ul class="workout-activity-tree-month">
    129                                           <tal:sports tal:repeat="sport sorted(tree[year][month].keys())">
    130                                               <li>
    131                                                   <a href="#">
    132                                                       <tal:sport tal:content="sport"></tal:sport> (<tal:workouts tal:content="tree[year][month][sport]"></tal:workouts>)
    133                                                   </a>
    134                                               </li>
    135                                           </tal:sports>
    136                                       </ul>
    137186                                  </li>
    138187                              </tal:months>
     
    143192          </tal:activity_tree>
    144193
    145           <tal:stats>
    146 
    147             <div class="week-stats js-week-stats">
    148               <h3><tal:t i18n:translate="">This week</tal:t></h3>
    149               <h4 tal:define="totals context.week_totals">
    150                 <span class="week_totals_left">
    151                   <tal:d tal:content="round(totals['distance'])"></tal:d>
    152                   <tal:t i18n:translate="">kms</tal:t>
    153                 </span>
    154                 <span class="week_totals_right">
    155                   <tal:hms tal:define="hms timedelta_to_hms(totals['time'])">
    156                     <tal:h tal:content="str(hms[0]).zfill(2)"></tal:h>
    157                     <tal:t i18n:translate="">hours</tal:t>,
    158                     <tal:h tal:content="str(hms[1]).zfill(2)"></tal:h>
    159                     <tal:t i18n:translate="">min.</tal:t>
    160                   </tal:hms>
    161                 </span>
    162               </h4>
    163               <svg width="300" height="200"></svg>
    164               <style>
    165 
    166               </style>
    167             </div>
    168 
    169             <div class="user-stats">
    170               <tal:year-stats tal:repeat="year context.activity_years">
    171                 <h3><a href="" tal:content="year"></a></h3>
    172                 <ul tal:define="stats context.stats(year)">
    173                   <li>
    174                     <span i18n:translate="">Workouts:</span>
    175                     <span tal:content="stats['workouts']"></span>
    176                   </li>
    177                   <li>
    178                     <span i18n:translate="">Distance:</span>
    179                     <span tal:content="round(stats['distance'])"></span> kms
    180                   </li>
    181                   <li>
    182                     <span i18n:translate="">Time:</span>
    183                     <tal:hms tal:define="hms timedelta_to_hms(stats['time'])">
    184                       <span>
    185                         <tal:h tal:content="str(hms[0]).zfill(2)"></tal:h>
    186                         <tal:t i18n:translate="">hours</tal:t>,
    187                         <tal:h tal:content="str(hms[1]).zfill(2)"></tal:h>
    188                         <tal:t i18n:translate="">min.</tal:t>
    189                       </span>
    190                     </tal:hms>
    191                   </li>
    192                   <li>
    193                     <span i18n:translate="">Elevation:</span>
    194                     <span tal:content="stats['elevation']"></span> m
    195                   </li>
    196                 </ul>
    197               </tal:year-stats>
    198             </div>
    199           </tal:stats>
    200 
    201194      </aside>
    202195
     
    211204    <script type="text/javascript">
    212205     var week_chart = owjs.week_chart({
    213          chart_selector: 'div.js-week-stats svg',
     206         chart_selector: 'div.js-week-stats',
    214207         url: "${request.resource_url(context, 'week')}",
    215208         current_day_name: "${current_day_name}"
Note: See TracChangeset for help on using the changeset viewer.