blueweather/js/index.js

58 lines
2.6 KiB
JavaScript
Raw Normal View History

class BlueWeatherIndex {
constructor() {
this.initDone = false
this.blueweather = new BlueWeather()
this.initDone = true
this.loadLocations()
}
loadLocations () {
2019-07-22 22:40:49 +02:00
// page: -1 for dashboard or sensor id
var mainContent = document.getElementById('locationsList')
var loader = document.getElementById('loader')
mainContent.style = "opacity: 0;"
loader.style = "padding-left: 50%; padding-top:15px; opacity: 1; width:0;"
this.blueweather.getLocations(true, function(locations) {
var locationsList = document.getElementById("locationsList")
locationsList.innerHTML = ""
for(var location in locations) {
var thisLocation = locations[location]
var locDiv = document.createElement("div")
locationsList.appendChild(locDiv)
locDiv.classList.add("media", "text-muted", "pt-3")
locDiv.innerHTML = '<svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" src="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 32x32"><rect width="100%" height="100%" fill="#007bff" /><text x="50%" y="50%" fill="#007bff" dy=".3em">32x32</text></svg>'
var locBody = document.createElement("p")
locDiv.appendChild(locBody)
locBody.classList.add("media-body", "pb-3", "mb-0", "small", "lh-125", "border-bottom", "border-gray")
var locHeading = document.createElement("strong")
locBody.appendChild(locHeading)
locHeading.classList.add("d-block", "text-gray-dark")
var locHeadingText = document.createElement("a")
locHeading.appendChild(locHeadingText)
2019-07-22 22:52:18 +02:00
locHeadingText.href = "dashboard.html?params=" + JSON.stringify({loc: parseInt(thisLocation.id)})
locHeadingText.innerHTML = thisLocation.locationname
var locLocationLink = document.createElement("a")
locBody.appendChild(locLocationLink)
locLocationLink.href = "https://www.openstreetmap.org/#map=19/" + thisLocation.latitude + "/" + thisLocation.longitude
locLocationLink.target = "blank"
locLocationLink.innerHTML = "View on map"
}
2019-07-22 22:40:49 +02:00
loader.style = "padding-left: 50%; padding-top:0px; opacity: 0; width:0; height:0;"
mainContent.classList.add("opacity-animated");
mainContent.style = "opacity: 1;"
})
}
}
index = new BlueWeatherIndex()