diff --git a/public/js/client_waip.js b/public/js/client_waip.js
index d80172f..c4e4c71 100644
--- a/public/js/client_waip.js
+++ b/public/js/client_waip.js
@@ -1,16 +1,15 @@
// TODO: Remote-Reload per Socket
-// TODO: Client-Server-Version abgleichen
-// TODO: Modal bei Chrome, dass Audio erst bei interaktion aktiv
+// TODO: Modal bei Server-Verbindung, und Modal bei Reload
-$(document).ready(function() {
+$(document).ready(function () {
set_clock();
});
-$(window).on("resize", function() {
+$(window).on("resize", function () {
resize_text();
});
-$('#replay').on('click', function(event) {
+$('#replay').on('click', function (event) {
audio.play();
});
@@ -20,12 +19,12 @@ $('#replay').on('click', function(event) {
var waipAudio = document.getElementById('audio');
-waipAudio.addEventListener('ended', function(){
- $('.ion-md-pause').toggleClass("ion-md-play-circle");
+waipAudio.addEventListener('ended', function () {
+ $('.ion-md-pause').toggleClass("ion-md-play-circle");
});
- waipAudio.addEventListener("play", function () {
- $('.ion-md-play-circle').toggleClass("ion-md-pause");
+waipAudio.addEventListener("play", function () {
+ $('.ion-md-play-circle').toggleClass("ion-md-pause");
});
/* ############################ */
@@ -64,20 +63,20 @@ function resize_text() {
// Text nach bestimmter Laenge, in Abhaengigkeit von Zeichen, umbrechen
-function break_text_15(text){
+function break_text_15(text) {
var new_text;
new_text = text.replace(/.{15}(\s+|\-+)+/g, "$&@")
new_text = new_text.split(/@/);
- new_text= new_text.join("
");
+ new_text = new_text.join("
");
//console.log(new_text);
return new_text;
};
-function break_text_35(text){
+function break_text_35(text) {
var new_text;
new_text = text.replace(/.{50}\S*\s+/g, "$&@").split(/\s+@/);
- new_text= new_text.join("
");
+ new_text = new_text.join("
");
//console.log(new_text);
return new_text;
};
@@ -162,7 +161,7 @@ function start_counter(zeitstempel, ablaufzeit) {
end = new Date(t2[0], t2[1] - 1, t2[2], t2[3], t2[4], t2[5]);
clearInterval(counter_ID);
- counter_ID = setInterval(function() {
+ counter_ID = setInterval(function () {
do_progressbar(start, end);
}, 1000);
};
@@ -226,19 +225,19 @@ var geojson = L.geoJSON().addTo(map);
var socket = io('/waip');
// Wachen-ID bei Connect an Server senden
-socket.on('connect', function() {
+socket.on('connect', function () {
socket.emit('WAIP', wachen_id);
$('#waipModal').modal('hide');
});
-socket.on('connect_error', function(err) {
+socket.on('connect_error', function (err) {
$('#waipModalTitle').html('FEHLER');
$('#waipModalBody').html('Verbindung zum Server getrennt!');
$('#waipModal').modal('show');
});
// ID von Server und Client vergleichen, falls ungleich -> Seite neu laden
-socket.on('io.version', function(server_id) {
+socket.on('io.version', function (server_id) {
// TODO: socket.emit(lade client xxx neu)
if (client_id != server_id) {
$('#waipModalTitle').html('ACHTUNG');
@@ -247,33 +246,33 @@ socket.on('io.version', function(server_id) {
$('#waipModal').modal('hide');
};
$('#waipModal').modal('show');
- setTimeout(function() {
+ setTimeout(function () {
location.reload();
}, 10000);
};
});
// ggf. Fehler ausgeben
-socket.on('io.error', function(data) {
+socket.on('io.error', function (data) {
console.log('Error:', data);
});
// Sounds stoppen
-socket.on('io.stopaudio', function(data) {
+socket.on('io.stopaudio', function (data) {
var audio = document.getElementById('audio');
audio.pause;
});
// Sounds abspielen
-socket.on('io.playtts', function(data) {
+socket.on('io.playtts', function (data) {
var audio = document.getElementById('audio');
audio.src = (data);
// Audio-Blockade des Browsers erkennen
var promise = document.querySelector('audio').play();
if (promise !== undefined) {
- promise.then(function(_) {
+ promise.then(function (_) {
audio.play();
- }).catch(function(error) {
+ }).catch(function (error) {
//$('#waipModalTitle').html('Audio-Fehler');
//$('#waipModalBody').html('Die automatische Audio-Wiedergabe wird durch Ihren Browser blockiert! Fehlermeldung: ' + error.message);
//$('#waipModal').modal('show');
@@ -284,11 +283,11 @@ socket.on('io.playtts', function(data) {
});
// Daten löschen, Uhr anzeigen
-socket.on('io.standby', function(data) {
+socket.on('io.standby', function (data) {
// Einsatz-ID auf 0 setzen
waip_id = null;
// TODO: Wenn vorhanden, hier #hilfsfrist zurücksetzen
- $('#einsatz_art').removeClass(function(index, className) {
+ $('#einsatz_art').removeClass(function (index, className) {
return (className.match(/(^|\s)bg-\S+/g) || []).join(' ');
});
$('#einsatz_stichwort').removeClass();
@@ -307,13 +306,13 @@ socket.on('io.standby', function(data) {
});
// Einsatzdaten laden, Wachalarm anzeigen
-socket.on('io.neuerEinsatz', function(data) {
+socket.on('io.neuerEinsatz', function (data) {
// DEBUG
//console.log(data);
// Einsatz-ID speichern
waip_id = data.id;
// Hintergrund der Einsatzart zunächst entfernen
- $('#einsatz_art').removeClass(function(index, className) {
+ $('#einsatz_art').removeClass(function (index, className) {
return (className.match(/(^|\s)bg-\S+/g) || []).join(' ');
});
// Icon der Einsatzart enfernen
@@ -410,7 +409,7 @@ socket.on('io.neuerEinsatz', function(data) {
geojson.addTo(map);
map.fitBounds(geojson.getBounds());
map.setZoom(13);
- };
+ };
// Hilfsfrist setzen
start_counter(data.zeitstempel, data.ablaufzeit);
// Uhr ausblenden
@@ -473,28 +472,33 @@ function set_clock() {
setInterval(set_clock, 1000);
// Uhrzeit verschieben
-$(document).ready(function(){
- setTimeout(function(){ animateDiv(); },1000);
+$(document).ready(function () {
+ setTimeout(function () {
+ animateDiv();
+ }, 1000);
});
// neue Random-Position fuer Uhrzeit ermitteln
-function makeNewPosition(){
+function makeNewPosition() {
// Get viewport dimensions
var h = $('.fullheight').height() - $('.clock_y').height();
- var w = $('.fullheight').width() - $('.clock_y').width();
+ var w = $('.fullheight').width() - $('.clock_y').width();
var nh = Math.floor(Math.random() * h);
var nw = Math.floor(Math.random() * w);
- return [nh,nw];
+ return [nh, nw];
};
// Verschieben animieren
-function animateDiv(){
+function animateDiv() {
var newq = makeNewPosition();
var oldq = $('.clock_y').offset();
var speed = calcSpeed([oldq.top, oldq.left], newq);
- $('.clock_y').animate({ top: newq[0], left: newq[1] }, speed, function(){
- animateDiv();
- });
+ $('.clock_y').animate({
+ top: newq[0],
+ left: newq[1]
+ }, speed, function () {
+ animateDiv();
+ });
};
// Verschiebe-Geschindigkeit berechnen
@@ -503,7 +507,7 @@ function calcSpeed(prev, next) {
var y = Math.abs(prev[0] - next[0]);
var greatest = x > y ? x : y;
var speedModifier = 0.001;
- var speed = Math.ceil(greatest/speedModifier);
+ var speed = Math.ceil(greatest / speedModifier);
return speed;
};
@@ -511,20 +515,20 @@ function calcSpeed(prev, next) {
/* ####### Rückmeldung ####### */
/* ########################### */
-$('#rueckmeldung').each(function(index) {
- $(this).on("click", function(){
- $('#responseModal').modal('show');
- });
+$('#rueckmeldung').each(function (index) {
+ $(this).on("click", function () {
+ $('#responseModal').modal('show');
+ });
});
-$('#send_response').on('click', function() {
+$('#send_response').on('click', function () {
// Rückmeldung sammeln
var respo = {};
respo.einsatzkraft = $('#radios_res_ek').prop('checked');
respo.maschinist = $('#radios_res_ma').prop('checked');
respo.fuehrungskraft = $('#radios_res_fk').prop('checked');
respo.atemschutz = $('#cb_res_agt').prop('checked');
- socket.emit('response',waip_id,respo);
+ socket.emit('response', waip_id, respo);
});
@@ -534,15 +538,15 @@ var counter_tmld = [];
function add_resp_progressbar(p_id, p_type, p_agt, p_start, p_end) {
// Split timestamp into [ Y, M, D, h, m, s ]
//var t1 = zeitstempel.split(/[- :]/),
- //t2 = ablaufzeit.split(/[- :]/);
+ //t2 = ablaufzeit.split(/[- :]/);
//var start = new Date(t1[0], t1[1] - 1, t1[2], t1[3], t1[4], t1[5]),
- //end = new Date(t2[0], t2[1] - 1, t2[2], t2[3], t2[4], t2[5]);
+ //end = new Date(t2[0], t2[1] - 1, t2[2], t2[3], t2[4], t2[5]);
// Progressbar erstellen falls nicht existiert
- //
- //