relocating
This commit is contained in:
@@ -1,128 +0,0 @@
|
||||
function ToggleElement(elementClass) {
|
||||
var element = document.getElementsByClassName(elementClass);
|
||||
element[0].classList.toggle("show");
|
||||
}
|
||||
|
||||
function ToggleDisplay(elementID) {
|
||||
var element = document.getElementById(elementID);
|
||||
element.style.display = "block";
|
||||
}
|
||||
|
||||
function ToggleArea(elementID) {
|
||||
var area = document.getElementById(elementID);
|
||||
var areas = document.getElementsByClassName("area show");
|
||||
|
||||
for(var i = 0; i < areas.length; i++) {
|
||||
areas[i].classList.toggle("show");
|
||||
}
|
||||
|
||||
area.classList.toggle("show");
|
||||
}
|
||||
|
||||
function CloseElement(elementClass) {
|
||||
var element = document.getElementsByClassName(elementClass);
|
||||
element[0].style.display = "none";
|
||||
}
|
||||
|
||||
function CloseElementById(elementID) {
|
||||
var element = document.getElementById(elementID);
|
||||
element.style.display = "none";
|
||||
}
|
||||
|
||||
function GetAreaPosition(area) {
|
||||
ToggleArea(area);
|
||||
ToggleElement("area-choice-container");
|
||||
start();
|
||||
}
|
||||
|
||||
function ChangePage(url) {
|
||||
location.href = url;
|
||||
}
|
||||
|
||||
function AreaListCloseAll() {
|
||||
var areaListContainer = document.getElementById("AreaListContainer");
|
||||
var areaMainChoice = document.getElementById("area-main-choice");
|
||||
var chooseArea = document.getElementById("ChooseArea");
|
||||
|
||||
var areaForm = areaListContainer.getElementsByTagName("form");
|
||||
|
||||
for (let index = 0; index < areaForm.length; index++) {
|
||||
const element = areaForm[index];
|
||||
element.style.display = "none";
|
||||
}
|
||||
|
||||
chooseArea.style.display = "block";
|
||||
areaMainChoice.style.display = "block";
|
||||
}
|
||||
|
||||
function LoadButtonAreas() {
|
||||
const areaButtons = document.querySelectorAll("button");
|
||||
areaButtons.forEach((button) => {
|
||||
button.addEventListener("click", (event) =>{
|
||||
const target = event.target;
|
||||
if(target.hasAttribute("areaLocation")) {
|
||||
AreaListCloseAll();
|
||||
GetAreaPosition(target.getAttribute("areaLocation"));
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function LoadAreaChoiceButtons() {
|
||||
var areaMainChoice = document.getElementById("area-main-choice");
|
||||
var choiceButtons = areaMainChoice.querySelectorAll("button");
|
||||
|
||||
for (let index = 0; index < choiceButtons.length; index++) {
|
||||
const element = choiceButtons[index];
|
||||
if(element.hasAttribute("id")){
|
||||
element.addEventListener("click", (event) => {
|
||||
const target = event.target;
|
||||
ToggleDisplay(target.getAttribute("choice"));
|
||||
CloseElementById('area-main-choice');
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function GetCurrentDate() {
|
||||
var today = new Date();
|
||||
var date = today;
|
||||
return date;
|
||||
}
|
||||
|
||||
function EventDay() {
|
||||
const eventButtons = document.getElementsByName("EventButtons");
|
||||
|
||||
var month = GetCurrentDate().getMonth();
|
||||
var day = GetCurrentDate().getDate();
|
||||
|
||||
for (let index = 0; index < eventButtons.length; index++) {
|
||||
const element = eventButtons[index];
|
||||
// 20'ene November
|
||||
if(month == 10 && day == 20) {
|
||||
element.style.display = "block"
|
||||
} else {
|
||||
element.style.display = "none";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
window.onload = function() {
|
||||
const choiceButton = document.getElementById("choiceButton");
|
||||
const mapButton = document.getElementById("kortButton");
|
||||
|
||||
LoadButtonAreas();
|
||||
LoadAreaChoiceButtons();
|
||||
|
||||
EventDay();
|
||||
|
||||
choiceButton.addEventListener("click", (event) => {
|
||||
ToggleElement("area-choice-container");
|
||||
CloseElement("map-choice-wrapper");
|
||||
})
|
||||
|
||||
mapButton.addEventListener("click", (event) => {
|
||||
start();
|
||||
CloseElement("map-choice-wrapper");
|
||||
})
|
||||
}
|
||||
-22
@@ -1,22 +0,0 @@
|
||||
var slideIndex = 1;
|
||||
|
||||
function plusSlides(n) {
|
||||
showSlides(slideIndex += n);
|
||||
}
|
||||
|
||||
function currentSlide(n) {
|
||||
showSlides(slideIndex = n);
|
||||
}
|
||||
|
||||
function showSlides(n) {
|
||||
var i;
|
||||
var slides = document.getElementsByClassName("mySlides");
|
||||
|
||||
if (n > slides.length) {slideIndex = 1}
|
||||
if (n < 1) {slideIndex = slides.length}
|
||||
for (i = 0; i < slides.length; i++) {
|
||||
slides[i].style.display = "none";
|
||||
}
|
||||
|
||||
slides[slideIndex-1].style.display = "block";
|
||||
}
|
||||
@@ -1,210 +0,0 @@
|
||||
var radius = 6.371;
|
||||
var latitude;
|
||||
var longtitude;
|
||||
|
||||
var check = false;
|
||||
var accuracy;
|
||||
var mapIndex;
|
||||
|
||||
var mapPoints = {
|
||||
"munkebjergvej": {
|
||||
0: 182.84810370036618,
|
||||
1: 141.11583965948455,
|
||||
2: 1135.02004895843,
|
||||
3: 626.1412432644905
|
||||
},
|
||||
"risingsvej": {
|
||||
0: 0,
|
||||
1: 0,
|
||||
2: 808,
|
||||
3: 692
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
function start(){
|
||||
mapIndex = document.getElementById("mapIndex").getAttribute("value");
|
||||
|
||||
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera)
|
||||
|
||||
|
||||
const isIOSSafari = !!window.navigator.userAgent.match(/Version\/[\d\.]+.*Safari/);
|
||||
const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
|
||||
|
||||
function isMobileSafari() {
|
||||
var text = false;
|
||||
|
||||
if (isIOSSafari && isIOS) {
|
||||
|
||||
var r = confirm("Vi kan ikke finde din position på safari. \nVil du installere chrome?");
|
||||
|
||||
if (r == true) {
|
||||
window.location.href = "https://apps.apple.com/dk/app/google-chrome/id535886823?itscg=30200&itsct=apps_box_appicon"
|
||||
} else{
|
||||
return;
|
||||
}
|
||||
|
||||
}
|
||||
return text;
|
||||
}
|
||||
|
||||
if (isMobileSafari()) {
|
||||
alert(isMobileSafari());
|
||||
}
|
||||
|
||||
else{
|
||||
getUserLocation(check)
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function test()
|
||||
{
|
||||
latitude = 55.407442;
|
||||
longtitude = 10.420011;
|
||||
|
||||
LoadUserPosition("risingsvej", [55.40900, 10.41864], [55.40577, 10.42527] );
|
||||
}
|
||||
|
||||
function getUserLocation(Device){
|
||||
dot = '<img src="../images/bruger.svg" id= bruger style="position:absolute;width:' + 0 + 'px;height:' + 0 + 'px;top:' + 0 + 'px;left:' + 0 + 'px;">';
|
||||
document.body.innerHTML += dot;
|
||||
|
||||
if(Device == true){
|
||||
setInterval(function(){
|
||||
id = navigator.geolocation.getCurrentPosition(showPosition);
|
||||
|
||||
navigator.geolocation.clearWatch(id);
|
||||
}, 1000);
|
||||
|
||||
}
|
||||
else{
|
||||
id = navigator.geolocation.getCurrentPosition(showPosition);
|
||||
|
||||
navigator.geolocation.clearWatch(id);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function showPosition(position)
|
||||
{
|
||||
latitude = position.coords.latitude;
|
||||
longtitude = position.coords.longitude;
|
||||
accuracy = position.coords.accuracy;
|
||||
|
||||
switch (mapIndex) {
|
||||
case "0":
|
||||
LoadUserPosition('munkebjergvej', [55.38201, 10.40751], [55.37989, 10.41480]);
|
||||
break;
|
||||
case "1":
|
||||
LoadUserPosition('risingsvej', [55.40900, 10.41864], [55.40577, 10.42527]);
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
function LoadUserPosition(map, leftPoints, rightPoints)
|
||||
{
|
||||
const img = new Image();
|
||||
|
||||
img.onload = function()
|
||||
{
|
||||
var height = this.height;
|
||||
var width = this.width;
|
||||
|
||||
var imgposx = document.getElementById('School').offsetLeft;
|
||||
var imgposy = document.getElementById('School').offsetTop;
|
||||
|
||||
var TopLeftPosition = {
|
||||
scrX: imgposx,
|
||||
scrY: imgposy,
|
||||
lat: leftPoints[0],
|
||||
lng: leftPoints[1]
|
||||
}
|
||||
|
||||
var BottomRightPosition = {
|
||||
scrX: width + imgposx,
|
||||
scrY: height + imgposy,
|
||||
lat: rightPoints[0],
|
||||
lng: rightPoints[1]
|
||||
}
|
||||
|
||||
function latlngToGlobalXY(lat, lng){
|
||||
|
||||
let x = radius*lng*Math.cos((TopLeftPosition.lat + BottomRightPosition.lat)/2);
|
||||
|
||||
let y = radius*lat;
|
||||
return {x: x, y: y}
|
||||
}
|
||||
|
||||
TopLeftPosition.pos = latlngToGlobalXY(TopLeftPosition.lat, TopLeftPosition.lng);
|
||||
BottomRightPosition.pos = latlngToGlobalXY(BottomRightPosition.lat, BottomRightPosition.lng);
|
||||
|
||||
function latlngToScreenXY(lat, lng){
|
||||
|
||||
let pos = latlngToGlobalXY(lat, lng);
|
||||
|
||||
pos.perX = ((pos.x-TopLeftPosition.pos.x)/(BottomRightPosition.pos.x - TopLeftPosition.pos.x));
|
||||
|
||||
pos.perY = ((pos.y-TopLeftPosition.pos.y)/(BottomRightPosition.pos.y - TopLeftPosition.pos.y));
|
||||
|
||||
|
||||
return {
|
||||
x: TopLeftPosition.scrX + (BottomRightPosition.scrX - TopLeftPosition.scrX)*pos.perX,
|
||||
y: TopLeftPosition.scrY + (BottomRightPosition.scrY - TopLeftPosition.scrY)*pos.perY
|
||||
}
|
||||
}
|
||||
|
||||
var dot_size = 30;
|
||||
var half_dot = Math.floor(dot_size / 2);
|
||||
|
||||
function draw_point(x, y) {
|
||||
var dotpositionx = x + 0;
|
||||
var dotpostiony = y + 0;
|
||||
|
||||
var bruger = document.getElementById("bruger");
|
||||
bruger.style.visibility = "visible";
|
||||
bruger.style.width = "30px";
|
||||
bruger.style.height = "30px";
|
||||
bruger.style.top = dotpostiony + 'px';
|
||||
bruger.style.left = dotpositionx + 'px';
|
||||
}
|
||||
|
||||
var pos = latlngToScreenXY(latitude, longtitude);
|
||||
|
||||
if(insideMap(pos.x, pos.y, map)) {return}
|
||||
|
||||
draw_point(pos.x - half_dot, pos.y - half_dot);
|
||||
|
||||
document.getElementById('output').innerHTML = "Din Position. Latitude: " + latitude +
|
||||
" Longitude: " + longtitude + " Din X/Y Position. X: " + pos.x + " Y; " + pos.y + " Accuracy: "
|
||||
+ accuracy + " meter;";
|
||||
|
||||
navigator.geolocation.clearWatch(id);
|
||||
|
||||
}
|
||||
|
||||
img.src = '../images/maps/' + map + '.svg';
|
||||
}
|
||||
|
||||
last = false
|
||||
|
||||
function insideMap(x, y, map) {
|
||||
if(x < mapPoints[map][0] || y < mapPoints[map][1] || x > mapPoints[map][2] || y > mapPoints[map][3]) {
|
||||
if(last == true) {
|
||||
return true;
|
||||
}
|
||||
last = true;
|
||||
|
||||
var bruger = document.getElementById("bruger");
|
||||
bruger.style.visibility = "hidden";
|
||||
|
||||
alert("Vi kan ikke finde din lokation hvis du ikke er på skolen område.")
|
||||
|
||||
return true;
|
||||
} else {
|
||||
last = false;
|
||||
return false;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user