text:"Hey, the map changed! Some devices only report certain types of measurement, and different measurements have different colour scales.",
attachTo:{element:"#map",on:"bottom"},
buttons:this.get_buttons()
});
this.tour.addStep("layer-showhide",{
this.tour.addStep({
text:"You can show and hide the device markers and the heatmap here.",
attachTo:{
element:".leaflet-control-layers",
@ -61,7 +61,7 @@ class Tour {
buttons:this.get_buttons()
});
this.tour.addStep("map-controls",{
this.tour.addStep({
text:"You can control the zoom level and go fullscreen here. You can also zoom with your mouse wheel if you have one, and pan by clicking and dragging.",
attachTo:{
element:".leaflet-top.leaflet-left",
@ -70,7 +70,7 @@ class Tour {
buttons:this.get_buttons()
});
this.tour.addStep("device-graph",{
this.tour.addStep({
text:"By clicking a blue marker, you can view additional information about that device. Not all device are actively reporting data. <strong>Try clicking one now.</strong>",
text:"This is a device information popup. By default it displays recent data that the device has reported on the line graph, but you can control this with the blue buttons.",
attachTo:{
element:".popup-device",
@ -90,7 +90,7 @@ class Tour {
},
buttons:this.get_buttons()
});
this.tour.addStep("device-graph-b",{
this.tour.addStep({
text:"By clicking here, you can see the specification of the device, including its software, sensor models, exact location, more. <strong>Click this now.</strong>",
attachTo:{
element:".tabs :first-child",
@ -101,7 +101,7 @@ class Tour {
});
this.tour.addStep("report-bug",{
this.tour.addStep({
text:"If you find a bug, you can report it by clicking this button.",
attachTo:{
element:"button[value='Report bug']",
@ -109,7 +109,7 @@ class Tour {
},
buttons:this.get_buttons()
});
this.tour.addStep("changelog",{
this.tour.addStep({
text:"The changelog will be automatically shown every time this web interface updates. Click the version information here to review it again at other times.",
attachTo:{
element:"button[value~='built']",
@ -119,7 +119,7 @@ class Tour {
});
this.tour.addStep("complete",{
this.tour.addStep({
text:"Tour complete!\nIf you need any additional assistance, let us know :-)",