Changeset 1fe89ea in OpenWorkouts-current for ow/templates


Ignore:
Timestamp:
Jan 29, 2019, 12:54:29 PM (5 years ago)
Author:
Segundo Fdez <segun.2@…>
Branches:
current, feature/docs, master
Children:
3e48af6
Parents:
d0fc76b
Message:

update dashboard layout ui

File:
1 edited

Legend:

Unmodified
Added
Removed

  • ow/templates/dashboard.pt

    rd0fc76b r1fe89ea  
    108108
    109109      <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>
     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
    122143          <tal:activity_tree tal:condition="context.num_workouts > 0">
    123144              <ul class="workout-activity-tree" tal:define="tree context.activity_dates_tree">
    … …  
    128149                                             class 'js-year viewing-year' if is_viewing_year  else 'js-year'">
    129150                          </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>
    130176                          <ul class="workout-activity-tree-year"
    131177                              tal:attributes="class 'workout-activity-tree-year' if is_viewing_year  else 'workout-activity-tree-year hidden'">
    … …  
    146192          </tal:activity_tree>
    147193
    148           <tal:stats>
    149 
    150             <div class="week-stats js-week-stats">
    151               <h3><tal:t i18n:translate="">This week</tal:t></h3>
    152               <h4 tal:define="totals context.week_totals">
    153                 <span class="week_totals_left">
    154                   <tal:d tal:content="round(totals['distance'])"></tal:d>
    155                   <tal:t i18n:translate="">kms</tal:t>
    156                 </span>
    157                 <span class="week_totals_right">
    158                   <tal:hms tal:define="hms timedelta_to_hms(totals['time'])">
    159                     <tal:h tal:content="str(hms[0]).zfill(2)"></tal:h>
    160                     <tal:t i18n:translate="">hours</tal:t>,
    161                     <tal:h tal:content="str(hms[1]).zfill(2)"></tal:h>
    162                     <tal:t i18n:translate="">min.</tal:t>
    163                   </tal:hms>
    164                 </span>
    165               </h4>
    166               <svg width="300" height="200"></svg>
    167               <style>
    168 
    169               </style>
    170             </div>
    171 
    172             <div class="user-stats">
    173               <tal:year-stats tal:repeat="year context.activity_years">
    174                 <h3><a href="" tal:content="year"></a></h3>
    175                 <ul tal:define="stats context.stats(year)">
    176                   <li>
    177                     <span i18n:translate="">Workouts:</span>
    178                     <span tal:content="stats['workouts']"></span>
    179                   </li>
    180                   <li>
    181                     <span i18n:translate="">Distance:</span>
    182                     <span tal:content="round(stats['distance'])"></span> kms
    183                   </li>
    184                   <li>
    185                     <span i18n:translate="">Time:</span>
    186                     <tal:hms tal:define="hms timedelta_to_hms(stats['time'])">
    187                       <span>
    188                         <tal:h tal:content="str(hms[0]).zfill(2)"></tal:h>
    189                         <tal:t i18n:translate="">hours</tal:t>,
    190                         <tal:h tal:content="str(hms[1]).zfill(2)"></tal:h>
    191                         <tal:t i18n:translate="">min.</tal:t>
    192                       </span>
    193                     </tal:hms>
    194                   </li>
    195                   <li>
    196                     <span i18n:translate="">Elevation:</span>
    197                     <span tal:content="stats['elevation']"></span> m
    198                   </li>
    199                 </ul>
    200               </tal:year-stats>
    201             </div>
    202           </tal:stats>
    203 
    204194      </aside>
    205195
Note: See TracChangeset for help on using the changeset viewer.