Change css/js indentation to 4 spaces
parent
c3b3fff6ba
commit
859cf03201
|
@ -16,6 +16,10 @@ indent_size = 4
|
||||||
indent_style = space
|
indent_style = space
|
||||||
indent_size = 2
|
indent_size = 2
|
||||||
|
|
||||||
[*.{js,html}]
|
[*.{html}]
|
||||||
indent_style = space
|
indent_style = space
|
||||||
indent_size = 2
|
indent_size = 2
|
||||||
|
|
||||||
|
[*.{css,js}]
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 4
|
||||||
|
|
|
@ -0,0 +1,141 @@
|
||||||
|
.alert-debug {
|
||||||
|
color: black;
|
||||||
|
background-color: white;
|
||||||
|
border-color: #d6e9c6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.alert-info {
|
||||||
|
color: #3a87ad;
|
||||||
|
background-color: #d9edf7;
|
||||||
|
border-color: #bce8f1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.alert-success {
|
||||||
|
color: #468847;
|
||||||
|
background-color: #dff0d8;
|
||||||
|
border-color: #d6e9c6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.alert-warning {
|
||||||
|
color: black;
|
||||||
|
background-color: orange;
|
||||||
|
border-color: #d6e9c6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.alert-error {
|
||||||
|
color: #b94a48;
|
||||||
|
background-color: #f2dede;
|
||||||
|
border-color: #eed3d7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.img-avatar {
|
||||||
|
border: 2px solid white;
|
||||||
|
border-radius: 50px;
|
||||||
|
float: left;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: -7px;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-navbar {
|
||||||
|
margin-top: 2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#map {
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
width: 100%;
|
||||||
|
height: 450px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#call2action {
|
||||||
|
margin-top: 240px;
|
||||||
|
height: 88px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.img-gs-front {
|
||||||
|
width: 200px;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gs-front-data {
|
||||||
|
float: right;
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gs-front-line {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navbar-logo {
|
||||||
|
width: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#call2action .btn-lg {
|
||||||
|
margin-left: 30px;
|
||||||
|
margin-top: -8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.axis path,
|
||||||
|
.axis line {
|
||||||
|
fill: none;
|
||||||
|
stroke: black;
|
||||||
|
shape-rendering: crispEdges;
|
||||||
|
}
|
||||||
|
|
||||||
|
.axis text {
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
.timeline-label {
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#timeline2 .axis {
|
||||||
|
transform: translate(0px,30px);
|
||||||
|
-ms-transform: translate(0px,30px); /* IE 9 */
|
||||||
|
-webkit-transform: translate(0px,30px); /* Safari and Chrome */
|
||||||
|
-o-transform: translate(0px,30px); /* Opera */
|
||||||
|
-moz-transform: translate(0px,30px); /* Firefox */
|
||||||
|
}
|
||||||
|
|
||||||
|
.coloredDiv {
|
||||||
|
height:20px; width:20px; float:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.playpause {
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit-profile-buttons {
|
||||||
|
margin-right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notice {
|
||||||
|
text-align: center;
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
|
||||||
|
.calculation-result {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#map-station {
|
||||||
|
margin-top: 2%;
|
||||||
|
width: 100%;
|
||||||
|
height: 200px;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.station-view-image {
|
||||||
|
width: 200px;
|
||||||
|
float: right;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.station-edit-image {
|
||||||
|
width: 200px;
|
||||||
|
float: right;
|
||||||
|
}
|
|
@ -1,143 +0,0 @@
|
||||||
/* line 5, ../sass/project.scss */
|
|
||||||
.alert-debug {
|
|
||||||
color: black;
|
|
||||||
background-color: white;
|
|
||||||
border-color: #d6e9c6;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* line 11, ../sass/project.scss */
|
|
||||||
.alert-info {
|
|
||||||
color: #3a87ad;
|
|
||||||
background-color: #d9edf7;
|
|
||||||
border-color: #bce8f1;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* line 17, ../sass/project.scss */
|
|
||||||
.alert-success {
|
|
||||||
color: #468847;
|
|
||||||
background-color: #dff0d8;
|
|
||||||
border-color: #d6e9c6;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* line 23, ../sass/project.scss */
|
|
||||||
.alert-warning {
|
|
||||||
color: black;
|
|
||||||
background-color: orange;
|
|
||||||
border-color: #d6e9c6;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* line 29, ../sass/project.scss */
|
|
||||||
.alert-error {
|
|
||||||
color: #b94a48;
|
|
||||||
background-color: #f2dede;
|
|
||||||
border-color: #eed3d7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.img-avatar {
|
|
||||||
border: 2px solid white;
|
|
||||||
border-radius: 50px;
|
|
||||||
float: left;
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-top: -7px;
|
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main-navbar {
|
|
||||||
margin-top: 2%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#map {
|
|
||||||
position: absolute;
|
|
||||||
top: 0px;
|
|
||||||
width: 100%;
|
|
||||||
height: 450px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#call2action {
|
|
||||||
margin-top: 240px;
|
|
||||||
height: 88px;
|
|
||||||
margin-bottom: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.img-gs-front {
|
|
||||||
width: 200px;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gs-front-data {
|
|
||||||
float: right;
|
|
||||||
width: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gs-front-line {
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#navbar-logo {
|
|
||||||
width: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#call2action .btn-lg {
|
|
||||||
margin-left: 30px;
|
|
||||||
margin-top: -8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.axis path,
|
|
||||||
.axis line {
|
|
||||||
fill: none;
|
|
||||||
stroke: black;
|
|
||||||
shape-rendering: crispEdges;
|
|
||||||
}
|
|
||||||
.axis text {
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-size: 10px;
|
|
||||||
}
|
|
||||||
.timeline-label {
|
|
||||||
font-family: sans-serif;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
#timeline2 .axis {
|
|
||||||
transform: translate(0px,30px);
|
|
||||||
-ms-transform: translate(0px,30px); /* IE 9 */
|
|
||||||
-webkit-transform: translate(0px,30px); /* Safari and Chrome */
|
|
||||||
-o-transform: translate(0px,30px); /* Opera */
|
|
||||||
-moz-transform: translate(0px,30px); /* Firefox */
|
|
||||||
}
|
|
||||||
.coloredDiv {
|
|
||||||
height:20px; width:20px; float:left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.playpause {
|
|
||||||
margin-right: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.edit-profile-buttons {
|
|
||||||
margin-right: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.notice {
|
|
||||||
text-align: center;
|
|
||||||
color: #888;
|
|
||||||
}
|
|
||||||
|
|
||||||
.calculation-result {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#map-station {
|
|
||||||
margin-top: 2%;
|
|
||||||
width: 100%;
|
|
||||||
height: 200px;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.station-view-image {
|
|
||||||
width: 200px;
|
|
||||||
float: right;
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.station-edit-image {
|
|
||||||
width: 200px;
|
|
||||||
float: right;
|
|
||||||
}
|
|
|
@ -4,31 +4,30 @@ var map = L.mapbox.map('map', 'pierros.jbf6la1j',{
|
||||||
}).setView([40, 0], 3);
|
}).setView([40, 0], 3);
|
||||||
|
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
|
|
||||||
$('#successful a.toggle').click(function (e) {
|
$('#successful a.toggle').click(function (e) {
|
||||||
e.preventDefault()
|
e.preventDefault()
|
||||||
$(this).tab('show')
|
$(this).tab('show')
|
||||||
})
|
})
|
||||||
|
|
||||||
$.ajax({
|
$.ajax({
|
||||||
url: "/api/stations/?format=json"
|
url: '/api/stations/?format=json'
|
||||||
}).done(function(data) {
|
}).done(function(data) {
|
||||||
data.forEach(function(m) {
|
data.forEach(function(m) {
|
||||||
L.mapbox.featureLayer({
|
L.mapbox.featureLayer({
|
||||||
type: 'Feature',
|
type: 'Feature',
|
||||||
geometry: {
|
geometry: {
|
||||||
type: 'Point',
|
type: 'Point',
|
||||||
coordinates: [
|
coordinates: [
|
||||||
parseFloat(m.lng),
|
parseFloat(m.lng),
|
||||||
parseFloat(m.lat)
|
parseFloat(m.lat)
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
properties: {
|
properties: {
|
||||||
title: m.name,
|
title: m.name,
|
||||||
'marker-size': 'large',
|
'marker-size': 'large',
|
||||||
'marker-color': '#666',
|
'marker-color': '#666',
|
||||||
}
|
}
|
||||||
}).addTo(map);
|
}).addTo(map);
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
|
@ -1,91 +1,77 @@
|
||||||
$(function () {
|
$(function () {
|
||||||
$('#datetimepicker-start').datetimepicker();
|
$('#datetimepicker-start').datetimepicker();
|
||||||
$('#datetimepicker-start').data("DateTimePicker").setMinDate(moment().add(1,'h'));
|
$('#datetimepicker-start').data('DateTimePicker').setMinDate(moment().add(1,'h'));
|
||||||
$('#datetimepicker-end').datetimepicker();
|
$('#datetimepicker-end').datetimepicker();
|
||||||
$("#datetimepicker-start").on("dp.change",function (e) {
|
$("#datetimepicker-start").on('dp.change',function (e) {
|
||||||
//Setting minimum and maximum for end
|
//Setting minimum and maximum for end
|
||||||
$('#datetimepicker-end').data("DateTimePicker").setMinDate(e.date);
|
$('#datetimepicker-end').data('DateTimePicker').setMinDate(e.date);
|
||||||
$('#datetimepicker-end').data("DateTimePicker").setMaxDate(moment(e.date).add(24, 'h'));
|
$('#datetimepicker-end').data('DateTimePicker').setMaxDate(moment(e.date).add(24, 'h'));
|
||||||
});
|
});
|
||||||
|
|
||||||
$('#satellite-selection').change( function() {
|
$('#satellite-selection').change( function() {
|
||||||
var norad = $(this).find(':selected').data("norad");
|
var norad = $(this).find(':selected').data('norad');
|
||||||
$('#transponder-selection').prop("disabled", false);
|
$('#transponder-selection').prop('disabled', false);
|
||||||
$('#transponder-selection option').hide();
|
$('#transponder-selection option').hide();
|
||||||
$('#transponder-selection option[data-satellite="'+norad+'"]').show().prop("selected", true);
|
$('#transponder-selection option[data-satellite="'+norad+'"]').show().prop('selected', true);
|
||||||
if($('#transponder-selection option:visible').length === 0) {
|
if($('#transponder-selection option:visible').length === 0) {
|
||||||
$('#transponder-selection').prop("disabled", true);
|
$('#transponder-selection').prop('disabled', true);
|
||||||
$('#transponder-selection option[id="no-transponder"]').show().prop("selected", true);
|
$('#transponder-selection option[id="no-transponder"]').show().prop('selected', true);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
$( document ).ready( function(){
|
$( document ).ready( function(){
|
||||||
$('#calculate-observation').click( function(){
|
$('#calculate-observation').click( function(){
|
||||||
$('.calculation-result').show();
|
$('.calculation-result').show();
|
||||||
var satellite = $('#satellite-selection').val();
|
var satellite = $('#satellite-selection').val();
|
||||||
var start_time = $('#datetimepicker-start input').val();
|
var start_time = $('#datetimepicker-start input').val();
|
||||||
var end_time = $('#datetimepicker-end input').val();
|
var end_time = $('#datetimepicker-end input').val();
|
||||||
|
|
||||||
$.ajax({
|
$.ajax({
|
||||||
url: '/prediction_windows/'+satellite+'/'+start_time+'/'+end_time+'/'
|
url: '/prediction_windows/' + satellite + '/' + start_time + '/' + end_time + '/'
|
||||||
}).done(function(data) {
|
}).done(function(data) {
|
||||||
var dc = 0; //Data counter
|
var dc = 0; //Data counter
|
||||||
var suggested_data = [];
|
var suggested_data = [];
|
||||||
$.each(data, function( i,k ){
|
$.each(data, function( i,k ){
|
||||||
label = k.id + " - " + k.name;
|
label = k.id + ' - ' + k.name;
|
||||||
var times = [];
|
var times = [];
|
||||||
//console.log(k);
|
$.each(k.window, function( m,n ){
|
||||||
$.each(k.window, function( m,n ){
|
var starting_time = moment(n.start).valueOf();
|
||||||
var starting_time = moment(n.start).valueOf();
|
var ending_time = moment(n.end).valueOf();
|
||||||
var ending_time = moment(n.end).valueOf();
|
$('#windows-data').append('<input type="hidden" name="'+dc+'-starting_time" value="'+n.start+'">');
|
||||||
$('#windows-data').append('<input type="hidden" name="'+dc+'-starting_time" value="'+n.start+'">');
|
$('#windows-data').append('<input type="hidden" name="'+dc+'-ending_time" value="'+n.end+'">');
|
||||||
$('#windows-data').append('<input type="hidden" name="'+dc+'-ending_time" value="'+n.end+'">');
|
$('#windows-data').append('<input type="hidden" name="'+dc+'-station" value="'+k.id+'">');
|
||||||
$('#windows-data').append('<input type="hidden" name="'+dc+'-station" value="'+k.id+'">');
|
times.push({starting_time: starting_time, ending_time: ending_time})
|
||||||
times.push({starting_time: starting_time, ending_time: ending_time})
|
dc = dc +1;
|
||||||
dc = dc +1;
|
});
|
||||||
});
|
suggested_data.push({label : label, times : times});
|
||||||
suggested_data.push({label : label, times : times});
|
});
|
||||||
//console.log(k);
|
|
||||||
//console.log(k.name);
|
$('#windows-data').append('<input type="hidden" name="total" value="'+dc+'">');
|
||||||
|
timeline_init(start_time, end_time, suggested_data);
|
||||||
});
|
});
|
||||||
|
});
|
||||||
$('#windows-data').append('<input type="hidden" name="total" value="'+dc+'">');
|
|
||||||
/*data.each(function( index ){
|
|
||||||
var data_groundstation = $(this).data('groundstation');
|
|
||||||
var data_time_start = 1000 * $(this).data('start');
|
|
||||||
var data_time_end = 1000 * $(this).data('end');
|
|
||||||
observation_data.push({label : data_groundstation, times : [{starting_time: data_time_start, ending_time: data_time_end}]});
|
|
||||||
});*/
|
|
||||||
timeline_init(start_time, end_time, suggested_data);
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|
||||||
function timeline_init( start, end, payload ){
|
function timeline_init( start, end, payload ){
|
||||||
var start_time_timeline = moment(start).valueOf();
|
var start_time_timeline = moment(start).valueOf();
|
||||||
var end_time_timeline = moment(end).valueOf();
|
var end_time_timeline = moment(end).valueOf();
|
||||||
|
|
||||||
$('#timeline').empty();
|
$('#timeline').empty();
|
||||||
|
|
||||||
var chart = d3.timeline()
|
var chart = d3.timeline()
|
||||||
.stack()
|
.stack()
|
||||||
.beginning(start_time_timeline)
|
.beginning(start_time_timeline)
|
||||||
.ending(end_time_timeline)
|
.ending(end_time_timeline)
|
||||||
.hover(function (d, i, datum) {
|
.hover(function (d, i, datum) {
|
||||||
// d is the current rendering object
|
var div = $('#hoverRes');
|
||||||
// i is the index during d3 rendering
|
var colors = chart.colors();
|
||||||
// datum is the id object
|
div.find('.coloredDiv').css('background-color', colors(i))
|
||||||
var div = $('#hoverRes');
|
div.find('#name').text(datum.label);
|
||||||
var colors = chart.colors();
|
})
|
||||||
div.find('.coloredDiv').css('background-color', colors(i))
|
.margin({left:140, right:10, top:0, bottom:50})
|
||||||
div.find('#name').text(datum.label);
|
.tickFormat({format: d3.time.format('%H:%M'), tickTime: d3.time.minutes, tickInterval: 30, tickSize: 6});
|
||||||
})
|
|
||||||
.margin({left:140, right:10, top:0, bottom:50})
|
|
||||||
.tickFormat({format: d3.time.format("%H:%M"), tickTime: d3.time.minutes, tickInterval: 30, tickSize: 6})
|
|
||||||
;
|
|
||||||
|
|
||||||
var svg = d3.select("#timeline").append("svg").attr("width", 1140)
|
var svg = d3.select('#timeline').append('svg').attr('width', 1140)
|
||||||
.datum(payload).call(chart);
|
.datum(payload).call(chart);
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,52 +1,46 @@
|
||||||
// Timeline loading
|
|
||||||
|
|
||||||
observation_start = 1000 * $('#observation-info').data('start');
|
observation_start = 1000 * $('#observation-info').data('start');
|
||||||
observation_end = 1000 * $('#observation-info').data('end');
|
observation_end = 1000 * $('#observation-info').data('end');
|
||||||
|
|
||||||
var observation_data = [];
|
var observation_data = [];
|
||||||
|
|
||||||
$('.observation-data').each(function( index ){
|
$('.observation-data').each(function( index ){
|
||||||
var data_groundstation = $(this).data('groundstation');
|
var data_groundstation = $(this).data('groundstation');
|
||||||
var data_time_start = 1000 * $(this).data('start');
|
var data_time_start = 1000 * $(this).data('start');
|
||||||
var data_time_end = 1000 * $(this).data('end');
|
var data_time_end = 1000 * $(this).data('end');
|
||||||
observation_data.push({label : data_groundstation, times : [{starting_time: data_time_start, ending_time: data_time_end}]});
|
observation_data.push({label : data_groundstation, times : [{starting_time: data_time_start, ending_time: data_time_end}]});
|
||||||
});
|
});
|
||||||
|
|
||||||
var chart = d3.timeline()
|
var chart = d3.timeline()
|
||||||
.stack()
|
.stack()
|
||||||
.beginning(observation_start)
|
.beginning(observation_start)
|
||||||
.ending(observation_end)
|
.ending(observation_end)
|
||||||
.hover(function (d, i, datum) {
|
.hover(function (d, i, datum) {
|
||||||
// d is the current rendering object
|
var div = $('#hoverRes');
|
||||||
// i is the index during d3 rendering
|
var colors = chart.colors();
|
||||||
// datum is the id object
|
div.find('.coloredDiv').css('background-color', colors(i))
|
||||||
var div = $('#hoverRes');
|
div.find('#name').text(datum.label);
|
||||||
var colors = chart.colors();
|
})
|
||||||
div.find('.coloredDiv').css('background-color', colors(i))
|
.margin({left:140, right:10, top:0, bottom:50})
|
||||||
div.find('#name').text(datum.label);
|
.tickFormat({format: d3.time.format("%H:%M"), tickTime: d3.time.minutes, tickInterval: 30, tickSize: 6});
|
||||||
})
|
|
||||||
.margin({left:140, right:10, top:0, bottom:50})
|
|
||||||
.tickFormat({format: d3.time.format("%H:%M"), tickTime: d3.time.minutes, tickInterval: 30, tickSize: 6})
|
|
||||||
;
|
|
||||||
|
|
||||||
var svg = d3.select("#timeline").append("svg").attr("width", 1140)
|
var svg = d3.select("#timeline").append("svg").attr("width", 1140)
|
||||||
.datum(observation_data).call(chart);
|
.datum(observation_data).call(chart);
|
||||||
|
|
||||||
// Waveform loading
|
// Waveform loading
|
||||||
$('.observation-data').each(function( index ){
|
$('.observation-data').each(function( index ){
|
||||||
var wavesurfer = Object.create(WaveSurfer);
|
var wavesurfer = Object.create(WaveSurfer);
|
||||||
var data_payload_url = $(this).data('payload');
|
var data_payload_url = $(this).data('payload');
|
||||||
var container_el = '#data-' + $(this).data('id');
|
var container_el = '#data-' + $(this).data('id');
|
||||||
|
|
||||||
wavesurfer.init({
|
wavesurfer.init({
|
||||||
container: container_el,
|
container: container_el,
|
||||||
waveColor: '#bf7fbf',
|
waveColor: '#bf7fbf',
|
||||||
progressColor: 'purple'
|
progressColor: 'purple'
|
||||||
});
|
});
|
||||||
|
|
||||||
$(this).find('.playpause').click( function(){
|
$(this).find('.playpause').click( function(){
|
||||||
wavesurfer.playPause();
|
wavesurfer.playPause();
|
||||||
});
|
});
|
||||||
|
|
||||||
wavesurfer.load(data_payload_url);
|
wavesurfer.load(data_payload_url);
|
||||||
});
|
});
|
||||||
|
|
|
@ -1,14 +1,14 @@
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
//Reading data for station
|
// Reading data for station
|
||||||
var station_info = $('#station-info').data();
|
var station_info = $('#station-info').data();
|
||||||
|
|
||||||
//Init the map
|
// Init the map
|
||||||
L.mapbox.accessToken = 'pk.eyJ1IjoicGllcnJvcyIsImEiOiJhTVZyWmE4In0.kl2j9fi24LDXfB3MNdN76w';
|
L.mapbox.accessToken = 'pk.eyJ1IjoicGllcnJvcyIsImEiOiJhTVZyWmE4In0.kl2j9fi24LDXfB3MNdN76w';
|
||||||
var map = L.mapbox.map('map-station', 'pierros.jbf6la1j',{
|
var map = L.mapbox.map('map-station', 'pierros.jbf6la1j',{
|
||||||
zoomControl: false
|
zoomControl: false
|
||||||
}).setView([station_info.lat, station_info.lng], 6);
|
}).setView([station_info.lat, station_info.lng], 6);
|
||||||
|
|
||||||
//Add a marker
|
// Add a marker
|
||||||
L.mapbox.featureLayer({
|
L.mapbox.featureLayer({
|
||||||
type: 'Feature',
|
type: 'Feature',
|
||||||
geometry: {
|
geometry: {
|
||||||
|
|
Loading…
Reference in New Issue