Changeset 67fc2ed in OpenWorkouts-current for ow/templates/profile.pt


Ignore:
Timestamp:
Jan 29, 2019, 6:39:18 PM (5 years ago)
Author:
Segundo Fdez <segun.2@…>
Branches:
current, feature/docs, master
Children:
10c8e6e
Parents:
594fbe8
Message:

Updated ui for profile basic interface

File:
1 edited

Legend:

Unmodified
Added
Removed

  • ow/templates/profile.pt

    r594fbe8 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>
    23       </h2>
    24       <p>
    25         <tal:has-nickname tal:condition="context.nickname">
    26             <tal:nickname tal:content="context.nickname"></tal:nickname>
    27         </tal:has-nickname> (<tal:email tal:content="context.email"></tal:email>)
    28       </p>
    29       <ul class="workout-options">
    30         <li><a href=""
    31            tal:attributes="href request.resource_url(context, 'edit')"
    32            i18n:translate="">edit profile</a></li>
    33         <li><a href=""
    34            tal:attributes="href request.resource_url(context, 'passwd')"
    35            i18n:translate="">change password</a></li>
    36       </ul>
     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>
     26          <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>
    3731
    38       <div class="profile-info">
    39         <ul>
     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>
     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>
     62
     63        <div class="workouts">
     64          <tal:w tal:replace="context.num_workouts"></tal:w>
     65          <tal:t i18n:translate="">Workouts</tal:t>
     66        </div>
    5967      </div>
    6068
    61       <div class="profile-bio" tal:content="getattr(context, 'bio', '')">
    62       </div>
    63 
    64       <div class="workouts">
    65         <tal:t i18n:translate="">Total number of workouts</tal:t>:
    66         <tal:w tal:replace="context.num_workouts"></tal:w>
     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>
    6778      </div>
    6879
    6980      <div class="latest-workouts">
    70         <p i18n:translate="">Latest workouts</p>
     81        <h3 i18n:translate="">Latest workouts</h3>
    7182        <tal:r tal:repeat="workout context.workouts()[:5]">
    7283          <div class="workout">
    73             <tal:c tal:content="workout.sport"></tal:c> -
    74             <a href="" tal:content="workout.title"
     84            <h4>
     85              <a href="" tal:content="workout.title"
    7586               tal:attributes="href request.resource_url(workout)"></a>
    76             (<tal:c tal:content="workout.start"></tal:c>,
     87            </h4>
     88            <span><tal:c tal:content="workout.sport"></tal:c></span>
     89            <p><tal:c tal:content="workout.start"></tal:c>,
    7790            <tal:c tal:content="workout.duration"></tal:c>,
    78             <tal:c tal:content="workout.rounded_distance"></tal:c> km)
     91            <tal:c tal:content="workout.rounded_distance"></tal:c> km
     92            </p>
    7993          </div>
    8094        </tal:r>
    81       </div>
    82 
    83       <div class="month-stats js-month-stats">
    84         <svg width="600" height="300"></svg>
    85         <ul class="filters js-filters">
    86           <li><a href="#" class="js-distance" i18n:translate="">distance</a></li>
    87           <li><a href="#" class="js-time" i18n:translate="">time</a></li>
    88           <li><a href="#" class="js-elevation" i18n:translate="">elevation</a></li>
    89         </ul>
    9095      </div>
    9196
Note: See TracChangeset for help on using the changeset viewer.