diff options
| author | Trygve Laugstøl <trygvis@inamo.no> | 2015-08-18 01:00:03 +0200 |
|---|---|---|
| committer | Trygve Laugstøl <trygvis@inamo.no> | 2015-08-18 01:00:03 +0200 |
| commit | f8de7e3ce331b80be37ede2f070f9ad92150581c (patch) | |
| tree | 4cbc5d505f19d2abe33e5b68e19f37e44f27f8b5 /index.html | |
| download | gpx-gallery-f8de7e3ce331b80be37ede2f070f9ad92150581c.tar.gz gpx-gallery-f8de7e3ce331b80be37ede2f070f9ad92150581c.tar.bz2 gpx-gallery-f8de7e3ce331b80be37ede2f070f9ad92150581c.tar.xz gpx-gallery-f8de7e3ce331b80be37ede2f070f9ad92150581c.zip | |
o Initial import.
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 70 |
1 files changed, 70 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..23574a1 --- /dev/null +++ b/index.html @@ -0,0 +1,70 @@ +<html> +<head> + <script src="bower_components/jquery/dist/jquery.js" type="application/javascript"></script> + <script src="bower_components/angular/angular.js" type="application/javascript"></script> + <script src="bower_components/leaflet/dist/leaflet-src.js" type="application/javascript"></script> + <!--<script src="bower_components/leaflet-gpx/gpx.js" type="application/javascript"></script>--> + <script src="gpx.js" type="application/javascript"></script> + <script src="gpx-gallery.js" type="application/javascript"></script> + <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css"> + <link rel="stylesheet" href="bower_components/leaflet/dist/leaflet.css"/> + <style type="text/css"> + .info { + padding: 6px 8px; + font: 14px/16px Arial, Helvetica, sans-serif; + background: white; + background: rgba(255, 255, 255, 0.8); + box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); + border-radius: 5px; + } + + .info h4 { + margin: 0 0 5px; + color: #777; + } + + .legend { + line-height: 18px; + color: #555; + } + + .legend i { + width: 18px; + height: 18px; + float: left; + margin-right: 8px; + opacity: 0.7; + } + + .icon-start i, + .icon-end i, + .icon-stop i { + margin-left: -10px; + margin-top: -10px; + } + </style> +</head> +<body ng-app="gpx-gallery"> +<script type="text/ng-template" id="templates/top-right.html"> + <div class="info legend"> + <div ng-repeat="s in segments.list()" style="width: 100%" ng-click="s.focus()"> + {{s.title}} <i style="background-color: {{s.color}}; width: 3em"></i><br ng-if="!$last"/> + </div> + </div> +</script> +<script type="text/ng-template" id="templates/bottom-right.html"> + <div> + + </div> +</script> +<div ng-controller="GpxGalleryController as ctrl"> + <span ng-if="!ctrl.ready">loading ...</span> + <insert-map + ng-show="ctrl.ready" + style="height: 100%; width: 100%;" + segments="ctrl.segments" + top-right="'templates/top-right.html'" + bottom-right="'templates/bottom-right.html'"></insert-map> +</div> +</body> +</html> |