Changes in ow/templates/profile.pt [5cf5787:67fc2ed] in OpenWorkouts-current


Ignore:
File:
1 edited

Legend:

Unmodified
Added
Removed

  • ow/templates/profile.pt

    r5cf5787 r67fc2ed  
    1515
    1616    <div class="user-profile">
    17       <tal:c tal:condition="getattr(context, 'picture', None)">
    18         <img tal:attributes="src request.resource_path(context, 'picture')"
    19              width="450" />
    20       </tal:c>
    21       <h2>
    22           <tal:fullname tal:content="context.fullname"></tal:fullname>
     17      <div class="user-profile-account">
     18        <tal:c tal:condition="getattr(context, 'picture', None)">
     19          <img tal:attributes="src request.resource_path(context, 'picture')"
     20               width="450" />
     21        </tal:c>
     22        <h2>
     23            <tal:fullname tal:content="context.fullname"></tal:fullname>
     24        </h2>
     25        <p>
    2326          <tal:has-nickname tal:condition="context.nickname">
    24               (<tal:nickname tal:content="context.nickname"></tal:nickname>)
    25           </tal:has-nickname>
    26       </h2>
    27       <h3>
    28         <tal:email tal:content="context.email"></tal:email>
    29       </h3>
    30       <h4>
    31         <a href=""
    32            tal:attributes="href request.resource_url(context, 'edit')"
    33            i18n:translate="">edit profile</a> |
    34         <a href=""
    35            tal:attributes="href request.resource_url(context, 'passwd')"
    36            i18n:translate="">change password</a>
    37       </h4>
    38       <div class="profile-info">
    39         <ul>
     27              <tal:nickname tal:content="context.nickname"></tal:nickname>
     28          </tal:has-nickname> |
     29          <span><tal:email tal:content="context.email"></tal:email></span>
     30        </p>
     31
     32        <div class="profile-bio" tal:content="getattr(context, 'bio', '')"></div>
     33
     34        <ul class="profile-data">
    4035          <li>
    4136            <tal:t i18n:translate="">Gender:</tal:t>
    … …  
    5752          </li>
    5853        </ul>
    59       </div>
     54        <ul class="workout-options">
     55          <li><a href=""
     56             tal:attributes="href request.resource_url(context, 'edit')"
     57             i18n:translate="">edit profile</a></li>
     58          <li><a href=""
     59             tal:attributes="href request.resource_url(context, 'passwd')"
     60             i18n:translate="">change password</a></li>
     61        </ul>
    6062
    61       <div class="profile-bio" tal:content="getattr(context, 'bio', '')"></div>
    62 
    63       <div class="profile-workouts">
    64         <tal:t i18n:translate="">Total number of workouts</tal:t>:
    65         <tal:w tal:replace="context.num_workouts"></tal:w>
     63        <div class="workouts">
     64          <tal:w tal:replace="context.num_workouts"></tal:w>
     65          <tal:t i18n:translate="">Workouts</tal:t>
     66        </div>
    6667      </div>
    6768
    6869      <div class="month-stats js-month-stats">
    69         <svg width="600" height="300"></svg>
    70         <div class="filters js-filters">
    71           <a href="#" class="js-distance" i18n:translate="">distance</a>
    72           <a href="#" class="js-time" i18n:translate="">time</a>
    73           <a href="#" class="js-elevation" i18n:translate="">elevation</a>
     70        <div class="svg-cotent">
     71          <svg width="600" height="300" viewBox="0 0 600 300"></svg>
    7472        </div>
    75         <div class="switcher js-switcher">
    76           <a href="#" class="js-weekly" i18n:translate="">weekly</a>
    77           <a href="#" class="js-monthly" i18n:translate="">monthly</a>
    78         </div>
     73        <ul class="workout-options filters js-filters">
     74          <li><a href="#" class="js-distance is-active" i18n:translate="">distance</a></li>
     75          <li><a href="#" class="js-time" i18n:translate="">time</a></li>
     76          <li><a href="#" class="js-elevation" i18n:translate="">elevation</a></li>
     77        </ul>
    7978      </div>
    8079
    81 
    82       <tal:r tal:repeat="workout workouts">
    83 
    84         <a name="workouts"></a>
    85 
    86 
    87         <article class="workout-resume">
    88 
    89           <h2 class="workout-title">
    90             <a href="" tal:content="workout.title"
     80      <div class="latest-workouts">
     81        <h3 i18n:translate="">Latest workouts</h3>
     82        <tal:r tal:repeat="workout context.workouts()[:5]">
     83          <div class="workout">
     84            <h4>
     85              <a href="" tal:content="workout.title"
    9186               tal:attributes="href request.resource_url(workout)"></a>
    92           </h2>
    93 
    94           <ul class="workout-info">
    95             <li>
    96               <tal:c tal:content="workout.start_in_timezone(context.timezone)"></tal:c>
    97             </li>
    98             <li>
    99               <!--! use the properly formatted duration instead of the timedelta object -->
    100               <tal:c tal:content="workout._duration"></tal:c>
    101             </li>
    102             <li tal:condition="workout.distance">
    103               <tal:c tal:content="workout.rounded_distance"></tal:c> km
    104             </li>
    105           </ul>
    106 
    107           <ul class="workout-info" tal:define="hr workout.hr; cad workout.cad">
    108             <li tal:condition="hr">
    109               <span i18n:translate="">HR (bpm)</span>:
    110               <tal:c tal:content="hr['min']"></tal:c>
    111               <tal:t i18n:translate="">Min.</tal:t>,
    112               <tal:c tal:content="hr['avg']"></tal:c>
    113               <tal:t i18n:translate="">Avg.</tal:t>,
    114               <tal:c tal:content="hr['max']"></tal:c>
    115               <tal:t i18n:translate="">Max.</tal:t>
    116             </li>
    117             <li tal:condition="cad">
    118               <span i18n:translate="">Cad</span>:
    119               <tal:c tal:content="cad['min']"></tal:c>
    120               <tal:t i18n:translate="">Min.</tal:t>,
    121               <tal:c tal:content="cad['avg']"></tal:c>
    122               <tal:t i18n:translate="">Avg.</tal:t>,
    123               <tal:c tal:content="cad['max']"></tal:c>
    124               <tal:t i18n:translate="">Max.</tal:t>
    125             </li>
    126           </ul>
    127 
    128           <div class="workout-intro" tal:content="workout.notes"></div>
    129 
    130           <div class="workout-map" tal:condition="workout.has_gpx">
    131             <a href="" tal:attributes="href request.resource_url(workout)">
    132               <img src="" tal:attributes="src request.static_url(workout.map_screenshot);
    133                         alt workout.title; title workout.title">
    134             </a>
     87            </h4>
     88            <span><tal:c tal:content="workout.sport"></tal:c></span>
     89            <p><tal:c tal:content="workout.start"></tal:c>,
     90            <tal:c tal:content="workout.duration"></tal:c>,
     91            <tal:c tal:content="workout.rounded_distance"></tal:c> km
     92            </p>
    13593          </div>
    136 
    137         </article>
    138 
    139       </tal:r>
     94        </tal:r>
     95      </div>
    14096
    14197    </div>
    … …  
    156112
    157113     var year_chart = owjs.year_chart({
    158          chart_selector: 'div.js-month-stats svg',
    159          filters_selector: 'div.js-month-stats div.js-filters a',
    160          switcher_selector: 'div.js-month-stats div.js-switcher a',
    161          urls: {"monthly": "${request.resource_url(context, 'monthly')}",
    162                 "weekly": "${request.resource_url(context, 'weekly')}"},
     114         chart_selector: '.js-month-stats svg',
     115         filters_selector: '.js-month-stats .js-filters a',
     116         url: "${request.resource_url(context, 'yearly')}",
    163117         current_month: "${current_month}",
    164          current_week: "${current_week}",
    165118         y_axis_labels: y_axis_labels,
    166          filter_by: "distance",
    167          url: "${'monthly' if current_week is None else 'weekly'}",
    168119     });
    169      year_chart.render("distance", "${'monthly' if current_week is None else 'weekly'}");
     120     year_chart.render("distance");
    170121     year_chart.filters_setup();
    171      year_chart.switcher_setup();
    172122    </script>
    173123
Note: See TracChangeset for help on using the changeset viewer.