OSCE Timer Master V2
Hier kannst du die Einstellungen zum Timer vornehmen. Gebe dazu das korrekte Passwort ein.
Falls bereits ein Timer Preset vorhanden ist, folge diesen Schritten:
- Wähle das richtige “Timer Preset” aus.
- Überprüfe hier unter “Timer Settings” die korrekt eingetragenen Zeitdauern.
- Falls die Zeitdauern geändert werden müssen, so können diese einfach bearbeitet und anschliessend mit “Update Zeiten” aktualisiert werden.
Falls noch kein eigenes Timer Preset erstellt wurde, so kann dies wie folgt erstellt werden:
- Trage dazu unter “Timer Settings” die richtigen Zeitdauern (in Sekunden!) ein.
- Klicke anschliessend auf “Timer hinzufügen”.
- Im kleinen Fenster kann nun ein Name für den Timer gewählt werden. Klicke nach Eingabe auf “OK”.
- Dein Timer wurde gespeichert und ist nun bereit zur Verwendung.
Um den Timer zu starten und die anderen Geräte zu synchronisieren, folge folgenden Schritten:
- Klicke im Master Modul auf “Start”, wenn der Timer gestartet werden soll.
- Synchronisiere die anderen Geräte (“Slaves”), in dem du auf diesen Geräten auf “Sync” klickst.
- Der Timer läuft nun so lange, bis er mit “Stop” gestoppt wird.
Eine kleine Zeitdifferenz zwischen dem Master- und Slave Timern ist normal. Falls sie zu gross ist, kann durch erneuten Klick auf “Sync” diese reduziert werden.
<?php
//Master Timer
global $wpdb;
$ajax_url = admin_url( 'admin-ajax.php' );
echo '
';
getAllPlusMinusImgs();
correctAndUpdatePauseBlockNr();
});
plus_icon_imgs[i].setAttribute("listener", "true");
}
}
var minus_icon_imgs = document.querySelectorAll(".minus_icon");
for (var i = 0; i 1)
{
pause_block_table.deleteRow(rowIndex);
getAllPlusMinusImgs();
correctAndUpdatePauseBlockNr();
}
});
minus_icon_imgs[i].setAttribute("listener", "true");
}
}
}
function correctAndUpdatePauseBlockNr()
{
for (var i = 1; i < pause_block_table.rows.length; i++)
{
pause_block_table.rows[i].cells[0].innerHTML = i;
var data = {
action: "osce_timer_update_pause_blocks",
AnzahlStudenten: pause_block_table.rows[i].cells[1].firstChild.value,
PausenZeit: pause_block_table.rows[i].cells[2].firstChild.value,
BlockReihenfolge: i,
AnzahlBloecke: pause_block_table.rows.length -1,
TNr: timer_presets_dropdown.value,
};
jQuery.post("' . $ajax_url . '", data, function (response) {
});
}
}
const pausen_activate_checkbox = document.getElementById(
"pausen_activate_checkbox"
);
displayPauseEinstellungen();
pausen_activate_checkbox.addEventListener("change", function (
pausen_activate_checkbox_change
) {
pausen_activate_checkbox_change.preventDefault();
var data = {
action: "osce_timer_update_ring_times_v2",
Vorbereitungszeit: Vorbereitung_Zeit_Input.value,
Schallzeit: Schall_Zeit_Input.value,
Wechselzeit: Wechsel_Zeit_Input.value,
PausenAktiviert: pausen_activate_checkbox.checked,
TNr: timer_presets_dropdown.value,
};
jQuery.post("' . $ajax_url . '", data, function (response) {
});
displayPauseEinstellungen();
});
function displayPauseEinstellungen() {
if (pausen_activate_checkbox.checked) {
pause_settings_div.style.display = "block";
} else {
pause_settings_div.style.display = "none";
}
}
var Alarm_Zeitpunkte_Inputs = document.querySelectorAll(".zeit_inputs");
var Alarm_Zeitpunkte_Array = [];
var Alarmzeitpunkt_Rest_Array = [];
var Pause_Zeitpunkte_Array = [];
var Pause_aktiviert = 0;
var Pausezeitpunkt_Rest_Array = [];
var PauseProPosten_Array = [];
var aktuelle_Phase = 0;
var aktueller_Block = 1;
ColorBalkenUpdate(0);
ColorPostenBlockUpdate(1);
var timer_running = 0;
var Gesamte_Zeit;
function CalculateAlarmzeitpunke() {
Alarm_Zeitpunkte_Array = [];
for (var i = 0; i Zahl > 9
if (Alarmzeitpunkt_Rest_sec > 9) {
var Alarmzeitpunkt_Rest_sec_string = Alarmzeitpunkt_Rest_sec.toString();
Alarmzeitpunkt_Rest_Array = [];
for (
var j = 0, len = Alarmzeitpunkt_Rest_sec_string.length;
j < len;
j++
) {
Alarmzeitpunkt_Rest_Array.push(
Alarmzeitpunkt_Rest_sec_string.charAt(j)
);
}
Alarmzeitpunkt_sec_1 = Number(Alarmzeitpunkt_Rest_Array[0]);
Alarmzeitpunkt_sec_2 = Number(Alarmzeitpunkt_Rest_Array[1]);
}
//wenn Einzahlige Sekunden
else {
Alarmzeitpunkt_sec_1 = 0;
Alarmzeitpunkt_sec_2 = Number(Alarmzeitpunkt_Rest_sec);
}
Alarm_Zeitpunkte_Array.push(Alarmzeitpunkt_min);
Alarm_Zeitpunkte_Array.push(Alarmzeitpunkt_sec_1);
Alarm_Zeitpunkte_Array.push(Alarmzeitpunkt_sec_2);
}
}
function CalculatePausenZeitpunkte()
{
//Pause Zeit
Pause_Zeitpunkte_Array = [];
var Pause_Zeitpunkte_Inputs = document.querySelectorAll(".Zeit_Pause_inputs");
var Anzahl_studenten_inputs = document.querySelectorAll(".Anzahl_studenten_inputs");
for (var i = 0; i anderer Algorithmus
//wenn ganze Zahl
if (Number.isInteger(Pausezeitpunkt))
{
Pausezeitpunkt_min = Pausezeitpunkt;
Pausezeitpunkt_sec_1 = 0;
Pausezeitpunkt_sec_2 = 0;
}
else
{
Pausezeitpunkt_min = Math.floor(Pausezeitpunkt);
Pausezeitpunkt_Rest_sec = Math.round((Pausezeitpunkt - Pausezeitpunkt_min)*60);
//split Rest Sec in beide Digits wenn zweistellig -> Zahl > 9
if (Pausezeitpunkt_Rest_sec > 9) {
var Pausezeitpunkt_Rest_sec_string = Pausezeitpunkt_Rest_sec.toString();
Pausezeitpunkt_Rest_Array = [];
for (var j = 0, len = Pausezeitpunkt_Rest_sec_string.length; j < len; j++) {
Pausezeitpunkt_Rest_Array.push(Pausezeitpunkt_Rest_sec_string.charAt(j));
}
Pausezeitpunkt_sec_1 = Number(Pausezeitpunkt_Rest_Array[0]);
Pausezeitpunkt_sec_2 = Number(Pausezeitpunkt_Rest_Array[1]);
}
//wenn Einzahlige Sekunden
else {
Pausezeitpunkt_sec_1 = 0;
Pausezeitpunkt_sec_2 = Number(Pausezeitpunkt_Rest_sec);
}
}
Pause_Zeitpunkte_Array.push(Pausezeitpunkt_min);
Pause_Zeitpunkte_Array.push(Pausezeitpunkt_sec_1);
Pause_Zeitpunkte_Array.push(Pausezeitpunkt_sec_2);
if (Pause_Zeitpunkte_Inputs[i].getAttribute("listener") !== "true") {
Pause_Zeitpunkte_Inputs[i].addEventListener("change", function (Pause_Zeit_Inputs_change) {
Pause_Zeit_Inputs_change.preventDefault();
CalculatePausenZeitpunkte();
});
Pause_Zeitpunkte_Inputs[i].setAttribute("listener", "true");
}
}
PauseProPosten_Array = [];
var Anzahl_Studenten_Summe = 0;
for (var i = 0; i < Anzahl_studenten_inputs.length; i++)
{
Anzahl_Studenten_Summe += Number(Anzahl_studenten_inputs[i].value);
PauseProPosten_Array.push(Anzahl_Studenten_Summe);
}
}
function adaptBalkenRatios() {
Gesamte_Zeit =
Number(Vorbereitung_Zeit_Input.value) +
Number(Schall_Zeit_Input.value) +
Number(Wechsel_Zeit_Input.value);
Vorbereitung_Balken.style.width =
(Number(Vorbereitung_Zeit_Input.value) / Gesamte_Zeit) * 100 + "%";
Schall_Balken.style.width =
(Number(Schall_Zeit_Input.value) / Gesamte_Zeit) * 100 + "%";
Wechsel_Balken.style.width =
(Number(Wechsel_Zeit_Input.value) / Gesamte_Zeit) * 100 - 5 + "%";
}
delete_timer_button.addEventListener("click", function (
delete_timer_button_click
) {
delete_timer_button_click.preventDefault();
var confirmation = window.confirm(
"Bist du sicher, dass du den ausgewählten Timer löschen möchtest?"
);
if (confirmation) {
var data = {
action: "osce_timer_delete_timer",
TNr: timer_presets_dropdown.value,
};
jQuery.post("' . $ajax_url . '", data, function (response) {
timer_presets_dropdown.selectedIndex = 0;
for (var i = 0; i < timer_presets_dropdown.length; i++) {
if (timer_presets_dropdown.options[i].value == response.data.TNr)
timer_presets_dropdown.remove(i);
}
updateDisplayTimer();
});
}
});
add_timer_button.addEventListener("click", function (add_timer_button_click) {
add_timer_button_click.preventDefault();
var TimerName = window.prompt(
"Unter welchem Name soll der Timer gespeichert werden?",
"zB. OSCE Timer Basel vom 08.10.2020"
);
CalculateAlarmzeitpunke();
CalculatePausenZeitpunkte();
var data = {
action: "osce_timer_add_timer_v2",
Vorbereitungszeit: Vorbereitung_Zeit_Input.value,
Schallzeit: Schall_Zeit_Input.value,
Wechselzeit: Wechsel_Zeit_Input.value,
TimerName: TimerName,
MinCount: Alarm_Zeitpunkte_Array[0],
S1Count: Alarm_Zeitpunkte_Array[1],
S2Count: Alarm_Zeitpunkte_Array[2],
PausenAktiviert: pausen_activate_checkbox.checked,
};
jQuery.post("' . $ajax_url . '", data, function (response) {
//Add Timer to Dropdown + select it
var neuerTimerOption = document.createElement("option");
neuerTimerOption.text = response.data.Name;
neuerTimerOption.value = response.data.TNr;
timer_presets_dropdown.add(neuerTimerOption);
timer_presets_dropdown.value = response.data.TNr;
correctAndUpdatePauseBlockNr();
updateDisplayTimer();
});
});
function updateDisplayTimer() {
var data = {
action: "osce_timer_get_timer_v2",
TNr: timer_presets_dropdown.value,
};
jQuery.post("' . $ajax_url . '", data, function (response) {
Vorbereitung_Zeit_Input.value = response.data.Vorbereitungszeit;
Schall_Zeit_Input.value = response.data.Schallzeit;
Wechsel_Zeit_Input.value = response.data.Wechsel;
first_minute_zahl.innerHTML = response.data.MinCount;
first_second_zahl.innerHTML = response.data.S1Count;
second_second_zahl.innerHTML = response.data.S2Count;
aktuelle_Phase = response.data.aktuelle_Phase;
PostenCount.innerHTML = response.data.PostenCount;
if (response.data.PausenAktiviert == 1) {
pausen_activate_checkbox.checked = true;
pause_settings_div.style.display = "block";
pause_settings_div.innerHTML = response.data.pause_block_table;
getAllPlusMinusImgs();
} else {
pausen_activate_checkbox.checked = false;
pause_settings_div.style.display = "none";
pause_settings_div.innerHTML = response.data.pause_block_table;
getAllPlusMinusImgs();
}
if (window.timer_running == 0 && response.data.TimerRunning == 1) {
Timer1 = setInterval(count_timer, 1000);
window.timer_running = 1;
}
if (response.data.TimerRunning == 0) {
window.clearInterval(Timer1);
window.timer_running = 0;
}
adaptBalkenRatios();
if (aktuelle_Phase < 1) {
Phase_Func = aktuelle_Phase;
} else {
Phase_Func = aktuelle_Phase - 1;
}
ColorBalkenUpdate(Phase_Func);
ColorPostenBlockUpdate(aktueller_Block);
CalculateAlarmzeitpunke();
CalculatePausenZeitpunkte();
getAllPlusMinusImgs();
});
}
timer_presets_dropdown.addEventListener("change", function (
timer_presets_dropdown_change
) {
timer_presets_dropdown_change.preventDefault();
updateDisplayTimer();
});
CalculateAlarmzeitpunke();
CalculatePausenZeitpunkte();
//set Timer to start at first given Time
first_minute_zahl.innerHTML = Alarm_Zeitpunkte_Array[0];
first_second_zahl.innerHTML = Alarm_Zeitpunkte_Array[1];
second_second_zahl.innerHTML = Alarm_Zeitpunkte_Array[2];
var data = {
action: "osce_timer_reset_time",
MinCount: Alarm_Zeitpunkte_Array[0],
S1Count: Alarm_Zeitpunkte_Array[1],
S2Count: Alarm_Zeitpunkte_Array[2],
TNr: timer_presets_dropdown.value,
};
jQuery.post("' . $ajax_url . '", data, function (response) {});
var timer_running = 0;
var Timer1;
if (start_button.value == 1) {
Timer1 = setInterval(count_timer, 1000);
window.timer_running = 1;
}
update_button.addEventListener("click", function (update_button_click) {
update_button_click.preventDefault();
//update Zeiten
CalculateAlarmzeitpunke();
CalculatePausenZeitpunkte();
adaptBalkenRatios();
correctAndUpdatePauseBlockNr();
var data = {
action: "osce_timer_reset_time",
MinCount: Alarm_Zeitpunkte_Array[0],
S1Count: Alarm_Zeitpunkte_Array[1],
S2Count: Alarm_Zeitpunkte_Array[2],
TNr: timer_presets_dropdown.value,
};
jQuery.post("' . $ajax_url . '", data, function (response) {});
first_minute_zahl.innerHTML = Alarm_Zeitpunkte_Array[0];
first_second_zahl.innerHTML = Alarm_Zeitpunkte_Array[1];
second_second_zahl.innerHTML = Alarm_Zeitpunkte_Array[2];
aktuelle_Phase = 0;
var data = {
action: "osce_timer_update_ring_times_v2",
Vorbereitungszeit: Vorbereitung_Zeit_Input.value,
Schallzeit: Schall_Zeit_Input.value,
Wechselzeit: Wechsel_Zeit_Input.value,
PausenAktiviert: pausen_activate_checkbox.checked,
TNr: timer_presets_dropdown.value,
};
jQuery.post("' . $ajax_url . '", data, function (response) {});
});
function ColorBalkenUpdate(Phase) {
//set Background des Aktuellen Balkens
for (var i = 0; i < Balken_Gesamt.length; i++) {
if (i == Phase) {
Balken_Gesamt[i].style.backgroundColor = "LightBlue";
} else {
Balken_Gesamt[i].style.backgroundColor = "";
}
}
}
function ColorPostenBlockUpdate(Phase) {
//set Background des aktuellen Postens
for (var i = 1; i 0) {
second_second_zahl.innerHTML--;
}
//Ausnahmen wenn letzte Ziffer 0
else {
if (first_second_zahl.innerHTML > 0) {
first_second_zahl.innerHTML--;
second_second_zahl.innerHTML = 9;
}
//wenn auch zweite Sekundenziffer = 0
else {
if (first_minute_zahl.innerHTML == 1 && aktuelle_Phase == 2)
{
Sound_files_gesamt[4].play();
}
if (first_minute_zahl.innerHTML > 0) {
first_minute_zahl.innerHTML--;
first_second_zahl.innerHTML = 5;
second_second_zahl.innerHTML = 9;
}
//wenn alle drei Ziffern 0 sind
else {
//wenn Pause nicht gewünscht -> normal
if (pausen_activate_checkbox.checked == false) {
first_minute_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase];
first_second_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase + 1];
second_second_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase + 2];
ColorBalkenUpdate(aktuelle_Phase);
Sound_files_gesamt[aktuelle_Phase].play();
if (aktuelle_Phase == 2) {
aktuelle_Phase = 0;
PostenCount.innerHTML++;
} else {
aktuelle_Phase++;
}
}
//wenn Pausen aktiviert und 0:00 erreicht wird
else {
// -> am Anfang des Posten schauen, ob es eine Pause gibt -> Text ändern
if (aktuelle_Phase == 0 && Pause_aktiviert == 0) {
if ((Number(PostenCount.innerHTML) + 1) == PauseProPosten_Array[(aktueller_Block - 1)] && Number(PostenCount.innerHTML) > 0) {
if ((Number(PostenCount.innerHTML) + 1) == PauseProPosten_Array[PauseProPosten_Array.length - 1])
{
Wechsel_Balken.innerHTML = "Ende";
}
else
{
Wechsel_Balken.innerHTML = "Pause";
}
}
}
//wenn letzte Phase erreicht und nicht in Pause -> überprüfe ob Pause ja oder nein -> wenn ja -> initiation, sonst normal
if (aktuelle_Phase == 2 && Pause_aktiviert == 0) {
if ((Number(PostenCount.innerHTML) + 1) == PauseProPosten_Array[(aktueller_Block - 1)] && Number(PostenCount.innerHTML) > 0)
{
PostenCount.innerHTML++;
//wenn letzter Block durch ist -> Timer Stoppen!
if (PostenCount.innerHTML == PauseProPosten_Array[PauseProPosten_Array.length - 1])
{
Wechsel_Balken.innerHTML = "Ende";
ColorBalkenUpdate(2);
Sound_files_gesamt[2].play();
window.clearInterval(Timer1);
window.timer_running = 0;
Pause_aktiviert = 1;
//Update Database -> Stopped
var data = {
action: "osce_timer_update_time",
MinCount: first_minute_zahl.innerHTML,
S1Count: first_second_zahl.innerHTML,
S2Count: second_second_zahl.innerHTML,
TimerRunning: 0,
aktuelle_Phase: aktuelle_Phase,
aktueller_Block: aktueller_Block,
PostenCount: PostenCount.innerHTML,
BlockCount: aktueller_Block,
Pause_aktiviert: Pause_aktiviert,
TNr: timer_presets_dropdown.value,
};
jQuery.post("' . $ajax_url . '", data, function (response) {});
}
else
{
first_minute_zahl.innerHTML = Pause_Zeitpunkte_Array[3 * (aktueller_Block - 1)];
first_second_zahl.innerHTML = Pause_Zeitpunkte_Array[3 * (aktueller_Block - 1) + 1];
second_second_zahl.innerHTML = Pause_Zeitpunkte_Array[3 * (aktueller_Block - 1) + 2];
Sound_files_gesamt[3].play();
ColorBalkenUpdate(2);
Pause_aktiviert = 1;
aktuelle_Phase = 0;
aktueller_Block++;
}
}
//keine Pause -> normal weiter
else {
first_minute_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase];
first_second_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase + 1];
second_second_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase + 2];
ColorBalkenUpdate(aktuelle_Phase);
Sound_files_gesamt[aktuelle_Phase].play();
if (aktuelle_Phase == 2) {
aktuelle_Phase = 0;
PostenCount.innerHTML++;
} else {
aktuelle_Phase++;
}
}
}
//wenn nicht in der letzten Phase -> normal weiter
else {
//wenn Pause aktiviert -> Beenden
if (Pause_aktiviert == 1) {
Pause_aktiviert = 0;
aktuelle_Phase = 0;
first_minute_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase];
first_second_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase + 1];
second_second_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase + 2];
Wechsel_Balken.innerHTML = "Wechselzeit";
Sound_files_gesamt[aktuelle_Phase].play();
ColorBalkenUpdate(aktuelle_Phase);
ColorPostenBlockUpdate(aktueller_Block);
}
first_minute_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase];
first_second_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase + 1];
second_second_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase + 2];
ColorBalkenUpdate(aktuelle_Phase);
Sound_files_gesamt[aktuelle_Phase].play();
if (aktuelle_Phase == 2) {
aktuelle_Phase = 0;
PostenCount.innerHTML++;
} else {
aktuelle_Phase++;
}
}
}
}
}
}
//Update Database
var data = {
action: "osce_timer_update_time",
MinCount: first_minute_zahl.innerHTML,
S1Count: first_second_zahl.innerHTML,
S2Count: second_second_zahl.innerHTML,
TimerRunning: 1,
aktuelle_Phase: aktuelle_Phase,
aktueller_Block: aktueller_Block,
PostenCount: PostenCount.innerHTML,
BlockCount: aktueller_Block,
Pause_aktiviert: Pause_aktiviert,
TNr: timer_presets_dropdown.value,
};
jQuery.post("' . $ajax_url . '", data, function (response) {});
}
';
?>
';
echo '
const timer_container_div = document.getElementById("timer_container");
timer_container_div.style.display = "none";
var pw_request = prompt("Bitte das Passwort eingeben", "Passwort");
var data = {
action: "osce_timer_get_master_timer_html",
Password: pw_request
};
jQuery.post("' . $ajax_url . '", data, function (response) {
if (response.data.pwCorrect == true)
{
timer_container_div.style.display = "block";
}
else
{
timer_container_div.style.display = "block";
timer_container_div.innerHTML = "
'; echo '
'; echo '
'; echo '
Timer Presets: '; foreach ($timer_info as $timer) { echo 'TNr . '">' . $timer->Name . ''; } echo '
Timer Einstellungen (Zeit in s):
Pausen aktivieren?
'; //Audio Elemente echo '
';
$ajax_url = admin_url( 'admin-ajax.php' );
echo 'const first_minute_zahl = document.getElementById("first_minute");
const first_second_zahl = document.getElementById("first_second");
const second_second_zahl = document.getElementById("second_second");
const start_button = document.getElementById("start_button");
const stop_button = document.getElementById("stop_button");
const reset_button = document.getElementById("reset_button");
const Vorbereitung_Zeit_Input = document.getElementById("Vorbereitung_Zeit");
const Schall_Zeit_Input = document.getElementById("Schall_Zeit");
const Wechsel_Zeit_Input = document.getElementById("Wechsel_Zeit");
const update_button = document.getElementById("update_button");
const delete_timer_button = document.getElementById("delete_timer_button");
const add_timer_button = document.getElementById("add_timer_button");
const pause_settings_div = document.getElementById("pause_settings_div");
const PostenCount = document.getElementById("PostenCount");
const Vorbereitung_Balken = document.getElementById("Vorbereitung_Balken");
const Schall_Balken = document.getElementById("Schall_Balken");
const Wechsel_Balken = document.getElementById("Wechsel_Balken");
var Sound_files_gesamt = document.querySelectorAll(".sound_files");
var Balken_Gesamt = document.querySelectorAll(".balken");
var timer_presets_dropdown = document.getElementById("timer_presets");
var Pause_Zeitpunkte_Inputs = document.querySelectorAll(".Zeit_Pause_inputs");
var Anzahl_studenten_inputs = document.querySelectorAll(".Anzahl_studenten_inputs");
getAllPlusMinusImgs();
function getAllPlusMinusImgs()
{
var plus_icon_imgs = document.querySelectorAll(".plus_icon");
for (var i = 0; i < plus_icon_imgs.length; i++)
{
if (plus_icon_imgs[i].getAttribute("listener") !== "true")
{
plus_icon_imgs[i].addEventListener("click", function(plus_icon_imgs_click){
plus_icon_imgs_click.preventDefault();
var rowIndex = plus_icon_imgs_click.target.parentNode.parentNode.rowIndex;
var NewRow = pause_block_table.insertRow(rowIndex + 1);
var cellBlockNr = NewRow.insertCell(0);
var cellAnzahlStudenten = NewRow.insertCell(1);
var cellZeitPause = NewRow.insertCell(2);
var cellAktionen = NewRow.insertCell(3);
cellBlockNr.innerHTML = rowIndex + 1;
cellAnzahlStudenten.innerHTML = '';
cellZeitPause.innerHTML = '';
cellAktionen.innerHTML = 'Passwort inkorrekt
"; } }); '; $timer_info = $wpdb->get_results("SELECT * FROM `tbl_nd_timer`"); $start_TNr = $timer_info[0]->TNr; $MinCount = $timer_info[0]->MinCount; $S1Count = $timer_info[0]->S1Count; $S2Count = $timer_info[0]->S2Count; $TimerRunning = $timer_info[0]->Aktiviert; $Vorbereitung_Zeit = $timer_info[0]->Vorbereitung; $Schall_Zeit = $timer_info[0]->Schallzeit; $Wechsel_Zeit = $timer_info[0]->Wechsel; $aktuelle_Phase = $timer_info[0]->Phase; $Pausen_Aktiviert = $timer_info[0]->PausenAktiviert; $PostenCount = $timer_info[0]->PostenCount; $timer_pause_blocks = $wpdb->get_results("SELECT * FROM `tbl_nd_timer_pause_blocks` WHERE TNr = "$start_TNr" order by BlockReihenfolge asc;"); $anzahl_Bloecke = $wpdb->num_rows; $current_user = wp_get_current_user(); $STNr = $current_user->ID; $Gesamte_Zeit = $Vorbereitung_Zeit + $Schall_Zeit + $Wechsel_Zeit; echo '.clock_element { display: inline-block; font-size: 20vw; } .clock_container {text-align: center;} .zeit_inputs { width: 100px;} .Progress_Balken { text-align: center; width: 100%; } .balken { border:1px solid black; display: inline-block; } #pause_block_table td { text-align: center; vertical-align: middle; } #pause_block_table th { text-align: center; vertical-align: middle; } input { text-align: center; } '; echo '' . $MinCount . '
:
' . $S1Count . '
' . $S2Count . '
'; echo '
Vorbereitungszeit
Schallzeit
Wechselzeit
'; echo '
Fertige Posten:
' . $PostenCount . '
'; echo '
Timer Presets: '; foreach ($timer_info as $timer) { echo 'TNr . '">' . $timer->Name . ''; } echo '
Timer Einstellungen (Zeit in s):
Vorbereitungszeit:
Schallzeit:
Wechselzeit:
Pausen aktivieren?
| Block Nr | Kandidaten (Anzahl Posten) | Zeit Pause (in Minuten) | Aktionen |
|---|---|---|---|
| ' . ($timer_pause_blocks[$i]->BlockReihenfolge) .' | AnzahlStudenten . '"> | PausenZeit . '"> |   |
'; //Audio Elemente echo '
';
getAllPlusMinusImgs();
correctAndUpdatePauseBlockNr();
});
plus_icon_imgs[i].setAttribute("listener", "true");
}
}
var minus_icon_imgs = document.querySelectorAll(".minus_icon");
for (var i = 0; i 1)
{
pause_block_table.deleteRow(rowIndex);
getAllPlusMinusImgs();
correctAndUpdatePauseBlockNr();
}
});
minus_icon_imgs[i].setAttribute("listener", "true");
}
}
}
function correctAndUpdatePauseBlockNr()
{
for (var i = 1; i < pause_block_table.rows.length; i++)
{
pause_block_table.rows[i].cells[0].innerHTML = i;
var data = {
action: "osce_timer_update_pause_blocks",
AnzahlStudenten: pause_block_table.rows[i].cells[1].firstChild.value,
PausenZeit: pause_block_table.rows[i].cells[2].firstChild.value,
BlockReihenfolge: i,
AnzahlBloecke: pause_block_table.rows.length -1,
TNr: timer_presets_dropdown.value,
};
jQuery.post("' . $ajax_url . '", data, function (response) {
});
}
}
const pausen_activate_checkbox = document.getElementById(
"pausen_activate_checkbox"
);
displayPauseEinstellungen();
pausen_activate_checkbox.addEventListener("change", function (
pausen_activate_checkbox_change
) {
pausen_activate_checkbox_change.preventDefault();
var data = {
action: "osce_timer_update_ring_times_v2",
Vorbereitungszeit: Vorbereitung_Zeit_Input.value,
Schallzeit: Schall_Zeit_Input.value,
Wechselzeit: Wechsel_Zeit_Input.value,
PausenAktiviert: pausen_activate_checkbox.checked,
TNr: timer_presets_dropdown.value,
};
jQuery.post("' . $ajax_url . '", data, function (response) {
});
displayPauseEinstellungen();
});
function displayPauseEinstellungen() {
if (pausen_activate_checkbox.checked) {
pause_settings_div.style.display = "block";
} else {
pause_settings_div.style.display = "none";
}
}
var Alarm_Zeitpunkte_Inputs = document.querySelectorAll(".zeit_inputs");
var Alarm_Zeitpunkte_Array = [];
var Alarmzeitpunkt_Rest_Array = [];
var Pause_Zeitpunkte_Array = [];
var Pause_aktiviert = 0;
var Pausezeitpunkt_Rest_Array = [];
var PauseProPosten_Array = [];
var aktuelle_Phase = 0;
var aktueller_Block = 1;
ColorBalkenUpdate(0);
ColorPostenBlockUpdate(1);
var timer_running = 0;
var Gesamte_Zeit;
function CalculateAlarmzeitpunke() {
Alarm_Zeitpunkte_Array = [];
for (var i = 0; i Zahl > 9
if (Alarmzeitpunkt_Rest_sec > 9) {
var Alarmzeitpunkt_Rest_sec_string = Alarmzeitpunkt_Rest_sec.toString();
Alarmzeitpunkt_Rest_Array = [];
for (
var j = 0, len = Alarmzeitpunkt_Rest_sec_string.length;
j < len;
j++
) {
Alarmzeitpunkt_Rest_Array.push(
Alarmzeitpunkt_Rest_sec_string.charAt(j)
);
}
Alarmzeitpunkt_sec_1 = Number(Alarmzeitpunkt_Rest_Array[0]);
Alarmzeitpunkt_sec_2 = Number(Alarmzeitpunkt_Rest_Array[1]);
}
//wenn Einzahlige Sekunden
else {
Alarmzeitpunkt_sec_1 = 0;
Alarmzeitpunkt_sec_2 = Number(Alarmzeitpunkt_Rest_sec);
}
Alarm_Zeitpunkte_Array.push(Alarmzeitpunkt_min);
Alarm_Zeitpunkte_Array.push(Alarmzeitpunkt_sec_1);
Alarm_Zeitpunkte_Array.push(Alarmzeitpunkt_sec_2);
}
}
function CalculatePausenZeitpunkte()
{
//Pause Zeit
Pause_Zeitpunkte_Array = [];
var Pause_Zeitpunkte_Inputs = document.querySelectorAll(".Zeit_Pause_inputs");
var Anzahl_studenten_inputs = document.querySelectorAll(".Anzahl_studenten_inputs");
for (var i = 0; i anderer Algorithmus
//wenn ganze Zahl
if (Number.isInteger(Pausezeitpunkt))
{
Pausezeitpunkt_min = Pausezeitpunkt;
Pausezeitpunkt_sec_1 = 0;
Pausezeitpunkt_sec_2 = 0;
}
else
{
Pausezeitpunkt_min = Math.floor(Pausezeitpunkt);
Pausezeitpunkt_Rest_sec = Math.round((Pausezeitpunkt - Pausezeitpunkt_min)*60);
//split Rest Sec in beide Digits wenn zweistellig -> Zahl > 9
if (Pausezeitpunkt_Rest_sec > 9) {
var Pausezeitpunkt_Rest_sec_string = Pausezeitpunkt_Rest_sec.toString();
Pausezeitpunkt_Rest_Array = [];
for (var j = 0, len = Pausezeitpunkt_Rest_sec_string.length; j < len; j++) {
Pausezeitpunkt_Rest_Array.push(Pausezeitpunkt_Rest_sec_string.charAt(j));
}
Pausezeitpunkt_sec_1 = Number(Pausezeitpunkt_Rest_Array[0]);
Pausezeitpunkt_sec_2 = Number(Pausezeitpunkt_Rest_Array[1]);
}
//wenn Einzahlige Sekunden
else {
Pausezeitpunkt_sec_1 = 0;
Pausezeitpunkt_sec_2 = Number(Pausezeitpunkt_Rest_sec);
}
}
Pause_Zeitpunkte_Array.push(Pausezeitpunkt_min);
Pause_Zeitpunkte_Array.push(Pausezeitpunkt_sec_1);
Pause_Zeitpunkte_Array.push(Pausezeitpunkt_sec_2);
if (Pause_Zeitpunkte_Inputs[i].getAttribute("listener") !== "true") {
Pause_Zeitpunkte_Inputs[i].addEventListener("change", function (Pause_Zeit_Inputs_change) {
Pause_Zeit_Inputs_change.preventDefault();
CalculatePausenZeitpunkte();
});
Pause_Zeitpunkte_Inputs[i].setAttribute("listener", "true");
}
}
PauseProPosten_Array = [];
var Anzahl_Studenten_Summe = 0;
for (var i = 0; i < Anzahl_studenten_inputs.length; i++)
{
Anzahl_Studenten_Summe += Number(Anzahl_studenten_inputs[i].value);
PauseProPosten_Array.push(Anzahl_Studenten_Summe);
}
}
function adaptBalkenRatios() {
Gesamte_Zeit =
Number(Vorbereitung_Zeit_Input.value) +
Number(Schall_Zeit_Input.value) +
Number(Wechsel_Zeit_Input.value);
Vorbereitung_Balken.style.width =
(Number(Vorbereitung_Zeit_Input.value) / Gesamte_Zeit) * 100 + "%";
Schall_Balken.style.width =
(Number(Schall_Zeit_Input.value) / Gesamte_Zeit) * 100 + "%";
Wechsel_Balken.style.width =
(Number(Wechsel_Zeit_Input.value) / Gesamte_Zeit) * 100 - 5 + "%";
}
delete_timer_button.addEventListener("click", function (
delete_timer_button_click
) {
delete_timer_button_click.preventDefault();
var confirmation = window.confirm(
"Bist du sicher, dass du den ausgewählten Timer löschen möchtest?"
);
if (confirmation) {
var data = {
action: "osce_timer_delete_timer",
TNr: timer_presets_dropdown.value,
};
jQuery.post("' . $ajax_url . '", data, function (response) {
timer_presets_dropdown.selectedIndex = 0;
for (var i = 0; i < timer_presets_dropdown.length; i++) {
if (timer_presets_dropdown.options[i].value == response.data.TNr)
timer_presets_dropdown.remove(i);
}
updateDisplayTimer();
});
}
});
add_timer_button.addEventListener("click", function (add_timer_button_click) {
add_timer_button_click.preventDefault();
var TimerName = window.prompt(
"Unter welchem Name soll der Timer gespeichert werden?",
"zB. OSCE Timer Basel vom 08.10.2020"
);
CalculateAlarmzeitpunke();
CalculatePausenZeitpunkte();
var data = {
action: "osce_timer_add_timer_v2",
Vorbereitungszeit: Vorbereitung_Zeit_Input.value,
Schallzeit: Schall_Zeit_Input.value,
Wechselzeit: Wechsel_Zeit_Input.value,
TimerName: TimerName,
MinCount: Alarm_Zeitpunkte_Array[0],
S1Count: Alarm_Zeitpunkte_Array[1],
S2Count: Alarm_Zeitpunkte_Array[2],
PausenAktiviert: pausen_activate_checkbox.checked,
};
jQuery.post("' . $ajax_url . '", data, function (response) {
//Add Timer to Dropdown + select it
var neuerTimerOption = document.createElement("option");
neuerTimerOption.text = response.data.Name;
neuerTimerOption.value = response.data.TNr;
timer_presets_dropdown.add(neuerTimerOption);
timer_presets_dropdown.value = response.data.TNr;
correctAndUpdatePauseBlockNr();
updateDisplayTimer();
});
});
function updateDisplayTimer() {
var data = {
action: "osce_timer_get_timer_v2",
TNr: timer_presets_dropdown.value,
};
jQuery.post("' . $ajax_url . '", data, function (response) {
Vorbereitung_Zeit_Input.value = response.data.Vorbereitungszeit;
Schall_Zeit_Input.value = response.data.Schallzeit;
Wechsel_Zeit_Input.value = response.data.Wechsel;
first_minute_zahl.innerHTML = response.data.MinCount;
first_second_zahl.innerHTML = response.data.S1Count;
second_second_zahl.innerHTML = response.data.S2Count;
aktuelle_Phase = response.data.aktuelle_Phase;
PostenCount.innerHTML = response.data.PostenCount;
if (response.data.PausenAktiviert == 1) {
pausen_activate_checkbox.checked = true;
pause_settings_div.style.display = "block";
pause_settings_div.innerHTML = response.data.pause_block_table;
getAllPlusMinusImgs();
} else {
pausen_activate_checkbox.checked = false;
pause_settings_div.style.display = "none";
pause_settings_div.innerHTML = response.data.pause_block_table;
getAllPlusMinusImgs();
}
if (window.timer_running == 0 && response.data.TimerRunning == 1) {
Timer1 = setInterval(count_timer, 1000);
window.timer_running = 1;
}
if (response.data.TimerRunning == 0) {
window.clearInterval(Timer1);
window.timer_running = 0;
}
adaptBalkenRatios();
if (aktuelle_Phase < 1) {
Phase_Func = aktuelle_Phase;
} else {
Phase_Func = aktuelle_Phase - 1;
}
ColorBalkenUpdate(Phase_Func);
ColorPostenBlockUpdate(aktueller_Block);
CalculateAlarmzeitpunke();
CalculatePausenZeitpunkte();
getAllPlusMinusImgs();
});
}
timer_presets_dropdown.addEventListener("change", function (
timer_presets_dropdown_change
) {
timer_presets_dropdown_change.preventDefault();
updateDisplayTimer();
});
CalculateAlarmzeitpunke();
CalculatePausenZeitpunkte();
//set Timer to start at first given Time
first_minute_zahl.innerHTML = Alarm_Zeitpunkte_Array[0];
first_second_zahl.innerHTML = Alarm_Zeitpunkte_Array[1];
second_second_zahl.innerHTML = Alarm_Zeitpunkte_Array[2];
var data = {
action: "osce_timer_reset_time",
MinCount: Alarm_Zeitpunkte_Array[0],
S1Count: Alarm_Zeitpunkte_Array[1],
S2Count: Alarm_Zeitpunkte_Array[2],
TNr: timer_presets_dropdown.value,
};
jQuery.post("' . $ajax_url . '", data, function (response) {});
var timer_running = 0;
var Timer1;
if (start_button.value == 1) {
Timer1 = setInterval(count_timer, 1000);
window.timer_running = 1;
}
update_button.addEventListener("click", function (update_button_click) {
update_button_click.preventDefault();
//update Zeiten
CalculateAlarmzeitpunke();
CalculatePausenZeitpunkte();
adaptBalkenRatios();
correctAndUpdatePauseBlockNr();
var data = {
action: "osce_timer_reset_time",
MinCount: Alarm_Zeitpunkte_Array[0],
S1Count: Alarm_Zeitpunkte_Array[1],
S2Count: Alarm_Zeitpunkte_Array[2],
TNr: timer_presets_dropdown.value,
};
jQuery.post("' . $ajax_url . '", data, function (response) {});
first_minute_zahl.innerHTML = Alarm_Zeitpunkte_Array[0];
first_second_zahl.innerHTML = Alarm_Zeitpunkte_Array[1];
second_second_zahl.innerHTML = Alarm_Zeitpunkte_Array[2];
aktuelle_Phase = 0;
var data = {
action: "osce_timer_update_ring_times_v2",
Vorbereitungszeit: Vorbereitung_Zeit_Input.value,
Schallzeit: Schall_Zeit_Input.value,
Wechselzeit: Wechsel_Zeit_Input.value,
PausenAktiviert: pausen_activate_checkbox.checked,
TNr: timer_presets_dropdown.value,
};
jQuery.post("' . $ajax_url . '", data, function (response) {});
});
function ColorBalkenUpdate(Phase) {
//set Background des Aktuellen Balkens
for (var i = 0; i < Balken_Gesamt.length; i++) {
if (i == Phase) {
Balken_Gesamt[i].style.backgroundColor = "LightBlue";
} else {
Balken_Gesamt[i].style.backgroundColor = "";
}
}
}
function ColorPostenBlockUpdate(Phase) {
//set Background des aktuellen Postens
for (var i = 1; i 0) {
second_second_zahl.innerHTML--;
}
//Ausnahmen wenn letzte Ziffer 0
else {
if (first_second_zahl.innerHTML > 0) {
first_second_zahl.innerHTML--;
second_second_zahl.innerHTML = 9;
}
//wenn auch zweite Sekundenziffer = 0
else {
if (first_minute_zahl.innerHTML == 1 && aktuelle_Phase == 2)
{
Sound_files_gesamt[4].play();
}
if (first_minute_zahl.innerHTML > 0) {
first_minute_zahl.innerHTML--;
first_second_zahl.innerHTML = 5;
second_second_zahl.innerHTML = 9;
}
//wenn alle drei Ziffern 0 sind
else {
//wenn Pause nicht gewünscht -> normal
if (pausen_activate_checkbox.checked == false) {
first_minute_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase];
first_second_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase + 1];
second_second_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase + 2];
ColorBalkenUpdate(aktuelle_Phase);
Sound_files_gesamt[aktuelle_Phase].play();
if (aktuelle_Phase == 2) {
aktuelle_Phase = 0;
PostenCount.innerHTML++;
} else {
aktuelle_Phase++;
}
}
//wenn Pausen aktiviert und 0:00 erreicht wird
else {
// -> am Anfang des Posten schauen, ob es eine Pause gibt -> Text ändern
if (aktuelle_Phase == 0 && Pause_aktiviert == 0) {
if ((Number(PostenCount.innerHTML) + 1) == PauseProPosten_Array[(aktueller_Block - 1)] && Number(PostenCount.innerHTML) > 0) {
if ((Number(PostenCount.innerHTML) + 1) == PauseProPosten_Array[PauseProPosten_Array.length - 1])
{
Wechsel_Balken.innerHTML = "Ende";
}
else
{
Wechsel_Balken.innerHTML = "Pause";
}
}
}
//wenn letzte Phase erreicht und nicht in Pause -> überprüfe ob Pause ja oder nein -> wenn ja -> initiation, sonst normal
if (aktuelle_Phase == 2 && Pause_aktiviert == 0) {
if ((Number(PostenCount.innerHTML) + 1) == PauseProPosten_Array[(aktueller_Block - 1)] && Number(PostenCount.innerHTML) > 0)
{
PostenCount.innerHTML++;
//wenn letzter Block durch ist -> Timer Stoppen!
if (PostenCount.innerHTML == PauseProPosten_Array[PauseProPosten_Array.length - 1])
{
Wechsel_Balken.innerHTML = "Ende";
ColorBalkenUpdate(2);
Sound_files_gesamt[2].play();
window.clearInterval(Timer1);
window.timer_running = 0;
Pause_aktiviert = 1;
//Update Database -> Stopped
var data = {
action: "osce_timer_update_time",
MinCount: first_minute_zahl.innerHTML,
S1Count: first_second_zahl.innerHTML,
S2Count: second_second_zahl.innerHTML,
TimerRunning: 0,
aktuelle_Phase: aktuelle_Phase,
aktueller_Block: aktueller_Block,
PostenCount: PostenCount.innerHTML,
BlockCount: aktueller_Block,
Pause_aktiviert: Pause_aktiviert,
TNr: timer_presets_dropdown.value,
};
jQuery.post("' . $ajax_url . '", data, function (response) {});
}
else
{
first_minute_zahl.innerHTML = Pause_Zeitpunkte_Array[3 * (aktueller_Block - 1)];
first_second_zahl.innerHTML = Pause_Zeitpunkte_Array[3 * (aktueller_Block - 1) + 1];
second_second_zahl.innerHTML = Pause_Zeitpunkte_Array[3 * (aktueller_Block - 1) + 2];
Sound_files_gesamt[3].play();
ColorBalkenUpdate(2);
Pause_aktiviert = 1;
aktuelle_Phase = 0;
aktueller_Block++;
}
}
//keine Pause -> normal weiter
else {
first_minute_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase];
first_second_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase + 1];
second_second_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase + 2];
ColorBalkenUpdate(aktuelle_Phase);
Sound_files_gesamt[aktuelle_Phase].play();
if (aktuelle_Phase == 2) {
aktuelle_Phase = 0;
PostenCount.innerHTML++;
} else {
aktuelle_Phase++;
}
}
}
//wenn nicht in der letzten Phase -> normal weiter
else {
//wenn Pause aktiviert -> Beenden
if (Pause_aktiviert == 1) {
Pause_aktiviert = 0;
aktuelle_Phase = 0;
first_minute_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase];
first_second_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase + 1];
second_second_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase + 2];
Wechsel_Balken.innerHTML = "Wechselzeit";
Sound_files_gesamt[aktuelle_Phase].play();
ColorBalkenUpdate(aktuelle_Phase);
ColorPostenBlockUpdate(aktueller_Block);
}
first_minute_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase];
first_second_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase + 1];
second_second_zahl.innerHTML =
Alarm_Zeitpunkte_Array[3 * aktuelle_Phase + 2];
ColorBalkenUpdate(aktuelle_Phase);
Sound_files_gesamt[aktuelle_Phase].play();
if (aktuelle_Phase == 2) {
aktuelle_Phase = 0;
PostenCount.innerHTML++;
} else {
aktuelle_Phase++;
}
}
}
}
}
}
//Update Database
var data = {
action: "osce_timer_update_time",
MinCount: first_minute_zahl.innerHTML,
S1Count: first_second_zahl.innerHTML,
S2Count: second_second_zahl.innerHTML,
TimerRunning: 1,
aktuelle_Phase: aktuelle_Phase,
aktueller_Block: aktueller_Block,
PostenCount: PostenCount.innerHTML,
BlockCount: aktueller_Block,
Pause_aktiviert: Pause_aktiviert,
TNr: timer_presets_dropdown.value,
};
jQuery.post("' . $ajax_url . '", data, function (response) {});
}
';
?>
