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


Ignore:
File:
1 edited

Legend:

Unmodified
Added
Removed
  • ow/templates/dashboard.pt

    r1fe89ea r4bab6c1  
    2525      <section class="workout-list">
    2626
     27        <h2 tal:content="context.fullname"></h2>
     28
    2729        <h3>
    28            <tal:n tal:content="len(workouts)"></tal:n> <tal:t i18n:translate="">Activities</tal:t>
     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>
    2931        </h3>
    3032
     
    108110
    109111      <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 
    143112          <tal:activity_tree tal:condition="context.num_workouts > 0">
    144113              <ul class="workout-activity-tree" tal:define="tree context.activity_dates_tree">
     
    149118                                             class 'js-year viewing-year' if is_viewing_year  else 'js-year'">
    150119                          </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>
    176120                          <ul class="workout-activity-tree-year"
    177121                              tal:attributes="class 'workout-activity-tree-year' if is_viewing_year  else 'workout-activity-tree-year hidden'">
    178122                              <tal:months tal:repeat="month sorted(tree[year].keys())">
    179123                                  <li tal:define="is_viewing_month is_viewing_year and month == viewing_month">
    180                                       <a href=""
     124                                      <a href="" tal:content="month_name[month]"
    181125                                         tal:attributes="href request.resource_url(context, query={'year': year, 'month': month});
    182126                                                         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>
    185127                                      </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>
    186137                                  </li>
    187138                              </tal:months>
     
    192143          </tal:activity_tree>
    193144
     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
    194201      </aside>
    195202
     
    204211    <script type="text/javascript">
    205212     var week_chart = owjs.week_chart({
    206          chart_selector: 'div.js-week-stats',
     213         chart_selector: 'div.js-week-stats svg',
    207214         url: "${request.resource_url(context, 'week')}",
    208215         current_day_name: "${current_day_name}"
Note: See TracChangeset for help on using the changeset viewer.