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


Ignore:
File:
1 edited

Legend:

Unmodified
Added
Removed

  • ow/templates/profile.pt

    r67fc2ed r5cf5787  
    1515
    1616    <div class="user-profile">
    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>
     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>
    2623          <tal:has-nickname tal:condition="context.nickname">
    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">
     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>
    3540          <li>
    3641            <tal:t i18n:translate="">Gender:</tal:t>
    … …  
    5257          </li>
    5358        </ul>
    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>
     59      </div>
    6260
    63         <div class="workouts">
    64           <tal:w tal:replace="context.num_workouts"></tal:w>
    65           <tal:t i18n:translate="">Workouts</tal:t>
     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>
     66      </div>
     67
     68      <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>
     74        </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>
    6678        </div>
    6779      </div>
    6880
    69       <div class="month-stats js-month-stats">
    70         <div class="svg-cotent">
    71           <svg width="600" height="300" viewBox="0 0 600 300"></svg>
    72         </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>
    78       </div>
    7981
    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"
     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"
    8691               tal:attributes="href request.resource_url(workout)"></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>
     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>
    93135          </div>
    94         </tal:r>
    95       </div>
     136
     137        </article>
     138
     139      </tal:r>
    96140
    97141    </div>
    … …  
    112156
    113157     var year_chart = owjs.year_chart({
    114          chart_selector: '.js-month-stats svg',
    115          filters_selector: '.js-month-stats .js-filters a',
    116          url: "${request.resource_url(context, 'yearly')}",
     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')}"},
    117163         current_month: "${current_month}",
     164         current_week: "${current_week}",
    118165         y_axis_labels: y_axis_labels,
     166         filter_by: "distance",
     167         url: "${'monthly' if current_week is None else 'weekly'}",
    119168     });
    120      year_chart.render("distance");
     169     year_chart.render("distance", "${'monthly' if current_week is None else 'weekly'}");
    121170     year_chart.filters_setup();
     171     year_chart.switcher_setup();
    122172    </script>
    123173
Note: See TracChangeset for help on using the changeset viewer.