Changes in / [cf12619:0b6c6fc] in OpenWorkouts-current


Ignore:
Files:
1 added
4 edited

Legend:

Unmodified
Added
Removed

  • bin/js_deps

    • Property mode changed from 100644 to 100755
    rcf12619 r0b6c6fc  
    179179
    180180leaflet_elevation() {
    181     NAME="Leaflet.Elevation"
    182     VERSION="master"
    183     URL=https://github.com/MrMufflon/${NAME}/archive/${VERSION}.tar.gz
     181    NAME="leaflet-elevation"
     182    VERSION="0.0.8"
     183    URL=https://github.com/Raruto/${NAME}/archive/${VERSION}.tar.gz
    184184    check_cache ${NAME} ${VERSION}
    185185    in_cache=$?

  • bin/screenshot_map

    • Property mode changed from 100644 to 100755

  • ow/static/js/ow.js

    rcf12619 r0b6c6fc  
    3535    var gpx;
    3636    var elevation;
    37     var ow_charts;
    3837
    3938    var create_map = function create_map(latitude, longitude, zoom) {
    … …  
    5251           This has to be called *after* create_map and *before* load_gpx.
    5352        */
     53
    5454        elevation = L.control.elevation({
    5555            position: "bottomright",
    56             theme: "steelblue-theme", //default: lime-theme
    57             width: 600,
    58             height: 125,
    59             margins: {
    60                 top: 10,
    61                 right: 20,
    62                 bottom: 30,
    63                 left: 50
    64             },
     56            theme: "openworkouts-theme",
    6557            useHeightIndicator: true, //if false a marker is drawn at map position
    66             interpolation: "linear", //see https://github.com/mbostock/d3/wiki/SVG-Shapes#wiki-area_interpolate
    67             hoverNumber: {
    68                 decimalsX: 3, //decimals on distance (always in km)
    69                 decimalsY: 0, //deciamls on height (always in m)
    70                 formatter: undefined //custom formatter function may be injected
    71             },
    72             xTicks: undefined, //number of ticks in x axis, calculated by default according to width
    73             yTicks: undefined, //number of ticks on y axis, calculated by default according to height
    74             collapsed: false    //collapsed mode, show chart on click or mouseover
    75         });
    76 
    77         var ele_container = elevation.addTo(map);
    78         /* document.getElementById('ow-analysis').appendChild(
    79             ele_container._container); */
     58            interpolation: d3.curveLinear,
     59            elevationDiv: "#elevation",
     60            detachedView: true,
     61            responsiveView: true,
     62            gpxOptions: {
     63                async: true,
     64                marker_options: {
     65                    startIconUrl: null,
     66                    endIconUrl: null,
     67                    shadowUrl: null,
     68                },
     69                polyline_options: {
     70                    color: '#EE4056',
     71                    opacity: 0.75,
     72                    weight: 5,
     73                    lineCap: 'round'
     74                },
     75            },
     76        });
     77        elevation.loadGPX(map, gpx_url);
     78        // var ele_container = elevation.addTo(map);
    8079    };
    8180
    … …  
    9291                shadowUrl: shadow,
    9392            },
     93            polyline_options: {
     94                color: '#EE4056',
     95                opacity: 0.75,
     96                weight: 5,
     97                lineCap: 'round'
     98            },
    9499        });
    95100
    … …  
    101106            gpx.on("addline",function(e){
    102107                elevation.addData(e.line);
    103                 // ow_charts.addData(e.line);
    104108            });
    105109        };
    … …  
    109113
    110114    var render = function render() {
    111         // create the map, add elevation, load gpx
     115        // create the map, add elevation, load gpx (only if needed, as the
     116        // elevation plugin already loads the gpx data)
    112117        create_map(latitude, longitude, zoom);
    113118        if (elevation) {
    114119            add_elevation_chart();
    115120        }
    116         // add_ow_charts();
    117         load_gpx(gpx_url);
     121        else {
     122            load_gpx(gpx_url);
     123        }
    118124    };
    119125

  • ow/templates/workout.pt

    rcf12619 r0b6c6fc  
    1717          href="${request.static_url('ow:static/components/Leaflet/leaflet.css')}" />
    1818    <link rel="stylesheet" tal:condition="context.has_gpx"
    19           href="${request.static_url('ow:static/components/Leaflet.Elevation/dist/leaflet.elevation-0.0.4.css')}" />
     19          href="${request.static_url('ow:static/components/leaflet-elevation/leaflet-elevation.css')}" />
     20    <link rel="stylesheet"
     21          href="${request.static_url('ow:static/css/leaflet-elevation.css')}" />
    2022  </metal:css>
    2123
    … …  
    3032      <div class="workout-detail-resume">
    3133        <h3 tal:content="context.title"></h3>
    32         <div id="" tal:content="context.notes"
    33              tal:attributes="id 'workout-' + context.workout_id + '-notes'">
     34        <div id="" tal:attributes="id 'workout-' + context.workout_id + '-notes'">
     35          <p tal:repeat="paragraph context.notes.split('\n')"
     36             tal:content="paragraph"></p>
    3437        </div>
    3538        <ul class="workout-options">
    3639          <li>
    3740            <a href="" i18n:translate=""
    38              tal:attributes="href request.resource_url(context, 'edit')">
    39             edit workout
     41               tal:attributes="href request.resource_url(context, 'edit')">
     42              edit workout
    4043            </a>
    4144          </li>
    4245          <li>
    4346            <a href="" i18n:translate=""
    44              tal:attributes="href request.resource_url(context, 'update-from-file')">
    45             update with tracking file
     47               tal:attributes="href request.resource_url(context, 'update-from-file')">
     48              update with tracking file
    4649            </a>
    4750          </li>
    4851          <li class="owo-del"><a href="" i18n:translate=""
    49              tal:attributes="href request.resource_url(context, 'delete')">
     52                                 tal:attributes="href request.resource_url(context, 'delete')">
    5053            delete
    51             </a>
     54          </a>
    5255          </li>
    5356        </ul>
    … …  
    7275            <span><tal:t i18n:translate="">Speed</tal:t></span>
    7376            <span class="avg"><tal:t i18n:translate="">Avg.</tal:t>
    74             <tal:c tal:content="round(context.speed['avg'], 1)"></tal:c>km/h</span>
     77              <tal:c tal:content="round(context.speed['avg'], 1)"></tal:c>km/h</span>
    7578            <span class="max"><tal:t i18n:translate="">Max.</tal:t>
    76             <tal:c tal:content="round(context.speed['max'], 1)"></tal:c>km/h</span>
     79              <tal:c tal:content="round(context.speed['max'], 1)"></tal:c>km/h</span>
    7780          </li>
    7881          <li tal:condition="hr">
    7982            <span><tal:t i18n:translate="">Heart Rate</tal:t></span>
    8083            <span class="avg"><tal:t i18n:translate="">Avg.</tal:t>
    81             <tal:c tal:content="hr['avg']"></tal:c>bpm</span>
     84              <tal:c tal:content="hr['avg']"></tal:c>bpm</span>
    8285            <span class="max"><tal:t i18n:translate="">Max.</tal:t>
    83             <tal:c tal:content="hr['max']"></tal:c> bpm</span>
     86              <tal:c tal:content="hr['max']"></tal:c> bpm</span>
    8487          </li>
    8588          <li tal:condition="cad">
    8689            <span><tal:t i18n:translate="">Cadence</tal:t></span>
    8790            <span class="avg"><tal:t i18n:translate="">Avg.</tal:t>
    88             <tal:c tal:content="cad['avg']"></tal:c></span>
     91              <tal:c tal:content="cad['avg']"></tal:c></span>
    8992            <span class="max"><tal:t i18n:translate="">Max.</tal:t>
    90             <tal:c tal:content="cad['max']"></tal:c></span>
     93              <tal:c tal:content="cad['max']"></tal:c></span>
    9194          </li>
    9295          <li tal:condition="atemp">
    9396            <span><tal:t i18n:translate="">Temperature</tal:t></span>
    9497            <span class="min"><tal:t i18n:translate="">Min.</tal:t>
    95             <tal:c tal:content="atemp['min']"></tal:c>℃</span>
     98              <tal:c tal:content="atemp['min']"></tal:c>℃</span>
    9699            <span class="avg"><tal:t i18n:translate="">Avg.</tal:t>
    97             <tal:c tal:content="atemp['avg']"></tal:c>℃</span>
     100              <tal:c tal:content="atemp['avg']"></tal:c>℃</span>
    98101            <span class="max"><tal:t i18n:translate="">Max.</tal:t>
    99             <tal:c tal:content="atemp['max']"></tal:c>℃</span>
     102              <tal:c tal:content="atemp['max']"></tal:c>℃</span>
    100103          </li>
    101104        </ul>
     105        <div id="elevation"></div>
    102106      </div>
    103107    </div>
     108
    104109    <!--! Track map -->
    105110    <div id="map" tal:condition="context.has_gpx"></div>
    106 
    107     <!--! Additional map controls -->
    108 
    109     <div id="ow-analysis">
    110 
    111       <!--!
    112           FIXME: the list of available charts should come from the workout
    113           details, based on which data this workout has
    114         -->
    115       <!--! All those ids are needed for the leaflet openworkouts plugin -->
    116       <tal:r tal:repeat="chart ['elevation', 'heartrate', 'cadence', 'temperature']">
    117         <div id="ow-" tal:attributes="id 'ow-' + chart">
    118           <div class="ow-average" id=""
    119                tal:attributes="id 'ow-' + chart + '-average'"></div>
    120           <div class="ow-chart" id=""
    121                tal:attributes="id 'ow-' + chart + '-chart'"></div>
    122           <div class="ow-current" id=""
    123                tal:attributes="id 'ow-' + chart + '-current'"></div>
    124         </div>
    125       </tal:r>
    126 
    127     </div>
    128111  </metal:content>
    129112
    130113  <metal:body-js metal:fill-slot="body-js">
    131114
    132 
    133     <script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>
    134     <!--
    135     <script src="${request.static_url('ow:static/d3/d3.min.js')}"
     115    <script src="${request.static_url('ow:static/components/d3/d3.min.js')}"
    136116            tal:condition="context.has_gpx"></script>
    137     -->
    138117
    139118    <script src="${request.static_url('ow:static/components/Leaflet/leaflet.js')}"
    … …  
    143122            tal:condition="context.has_gpx"></script>
    144123
    145     <script src="${request.static_url('ow:static/components/Leaflet.Elevation/dist/leaflet.elevation-0.0.4.min.js')}"
     124    <script src="${request.static_url('ow:static/components/leaflet-elevation/leaflet-elevation.js')}"
    146125            tal:condition="context.has_gpx"></script>
    147126
Note: See TracChangeset for help on using the changeset viewer.