/*
|
Aufzeichnungsplaner
|
Copyright (C) 2020 Ulrich Hilger, https://uhilger.de
|
|
This program is free software: you can redistribute it and/or modify
|
it under the terms of the GNU Affero General Public License as published by
|
the Free Software Foundation, either version 3 of the License, or
|
(at your option) any later version.
|
|
This program is distributed in the hope that it will be useful,
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
GNU Affero General Public License for more details.
|
|
You should have received a copy of the GNU Affero General Public License
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
*/
|
|
function App() {
|
var self = this;
|
var wochentag;
|
var mone;
|
var channels;
|
var outPath;
|
|
/**
|
* Den Aufnahmeplaner initialisieren
|
*/
|
this.init = function () {
|
self.wochentag = ['Sonntag','Montag','Dienstag','Mittwoch',
|
'Donnerstag','Freitag','Samstag' ];
|
|
// Monatskuerzel in englisch fuer den 'at'-Befehl
|
self.mone = ['jan', 'feb', 'mar', 'apr', 'may', 'jun',
|
'jul', 'aug', 'sep', 'oct', 'nov', 'dec'];
|
|
/*
|
* die folgenden Konstanten koennten auch ueber eine Konfigurationsdatei
|
* oder eine API vom Server bereitgestellt werden
|
*/
|
self.channels = "/media/extssd/mc/channels.conf";
|
self.outPath = "/home/fred/work/";
|
|
self.channelsLesen();
|
|
// Bedienelemente an Programmlogik binden
|
var elem = self.elementAnbinden("startdatum");
|
elem.valueAsDate = new Date();
|
self.elementAnbinden("bez");
|
self.elementAnbinden("startzeit");
|
self.elementAnbinden("dauer");
|
self.elementAnbinden("sender");
|
|
/*
|
* initial die Einstellungen einsammeln und
|
* an der Bedienoberflaeche zeigen
|
*/
|
self.collectSettings();
|
};
|
|
/**
|
* Ein Element aus dem Document Object Model (DOM) an das Eingabe-Ereignis
|
* (oninput) binden um auf diese Weise dessen geaenderten Inhalt in die
|
* Ausgabe des Infotextes zu uebernehmen
|
*
|
* @param {type} ename name des anzubindenden Elements
|
* @returns {elem|Element} das angebundene Element
|
*/
|
this.elementAnbinden = function(ename) {
|
elem = document.getElementById(ename);
|
elem.oninput = self.collectSettings;
|
return elem;
|
};
|
|
/*
|
* collectSettings nimmt die aktuellen Einstellungen aus den Eingabeelementen
|
* und bildet eine Textausgabe aller aktuell eingegebenen Parameter
|
* sowie das Kommando fuer gnutv und gibt diese in den Elementen
|
* 'info' und 'cmd' aus.
|
*/
|
this.collectSettings = function() {
|
// das Startdatum bestimmen und in den Infotext uebernehmen
|
var start = self.getStart();
|
var infotext = "<br>Start: " + self.wochentag[start.getDay()] + ", "
|
+ self.datumZuDatumText(start)
|
+ ", " + self.zeitZuText(start, ":") + " Uhr";
|
|
// den Endezeitpunkt bestimmen und in den Infotext uebernehmen
|
var ende = self.getEnde();
|
var endzeit = self.wochentag[ende.getDay()] + ", "
|
+ self.datumZuDatumText(ende) + ", "
|
+ self.zeitZuText(ende, ":");
|
infotext = infotext + "<br>Ende: " + endzeit + " Uhr";
|
|
// die Dauer in Sekunden sowie in Minuten bestimmen und dem Infotext anfuegen
|
var dauerSekunden = document.getElementById("dauer").value;
|
infotext = infotext + "<br>Dauer: " + dauerSekunden / 60 + " Minuten"
|
+ " (" + dauerSekunden + " Sekunden)";
|
|
/*
|
* Die eingegebene Bezeichnung fuer die Aufnahme bestimmen und um
|
* Startdatum, -zeit und Sender ergaenzen und das Ganze in den Infotext
|
* uebernehmen
|
* Es wird '.ts' fuer 'transport stream' angefuegt, wenn keine
|
* Dateierweiterung in der Bezeichnung angegeben ist. Bei DVB wird der
|
* Inhalt ueblicherweise als 'transport stream' bezeichnet.
|
*/
|
var bez = document.getElementById("bez").value;
|
var dotpos = bez.indexOf(".");
|
var fname = self.outPath;
|
var sender = document.getElementById("sender").value;
|
if(dotpos > -1) {
|
fname = fname + bez.substring(0, dotpos) + "-" + self.fts(start) + "-"
|
+ sender + bez.substring(dotpos);
|
} else {
|
fname = fname + bez + "-" + self.fts(start) + "-" + sender + ".ts";
|
}
|
infotext = infotext + "<br>" + fname;
|
|
// den Infotext im DOM-Element 'info' anzeigen
|
document.getElementById("info").innerHTML = infotext;
|
|
/*
|
* im DOM-Element 'cmd' wird der Befehl zusammengstellt und angezeigt
|
* wie er fuer die Programmierung einer Aufzeichnung mit Hilfe von
|
* gnutv und at benoetigt wird.
|
*
|
* Beispiel:
|
* echo "gnutv -channels /media/extssd/mc/channels.conf
|
* -out file /home/fred/work/test-2020-02-01-1050-arteHD.ts
|
* -timeout 300 arteHD" | at 1050 feb 01
|
*/
|
document.getElementById("cmd").innerHTML = 'echo "gnutv -channels '
|
+ self.channels + ' -out file '
|
+ fname + ' -timeout ' + dauerSekunden + ' ' + sender
|
+ '" | at ' + self.zeitZuText(start) + ' '
|
+ self.mone[start.getMonth()] + ' ' + start.getDate();
|
};
|
|
/*
|
* getEnde fuegt dem Startzeitpunkt aus getStart() die Dauer hinzu
|
* und bildet so den Endzeitpunkt, der als Datumsobjekt zurueckgegeben wird
|
*/
|
this.getEnde = function() {
|
var endeZeitpunkt = self.getStart();
|
endeZeitpunkt.setMilliseconds(endeZeitpunkt.getMilliseconds()
|
+ (document.getElementById("dauer").value * 1000));
|
return endeZeitpunkt;
|
};
|
|
/*
|
* getStart setzt aus dem Datumseingabefeld und dem Schieberegler fuer die
|
* Startzeit den Startzeitpunkt zusammen und gibt diesen als Datumsobjekt
|
* zurueck
|
*
|
* Wenn das Datumseingabefeld kein Datum enthaelt, wird das heutige Datum
|
* mit der Zeit des Schiebereglers kombiniert.
|
*/
|
this.getStart = function() {
|
var startdatum = document.getElementById("startdatum").valueAsDate;
|
startdatum.setHours(0);
|
startdatum.setMilliseconds(startdatum.getMilliseconds()
|
+ (document.getElementById("startzeit").value * 1000));
|
return startdatum;
|
};
|
|
/*
|
* Die Sender aus der Datei channels.conf lesen und in eine
|
* HTML-Auswahlliste ueberfuehren
|
*/
|
this.channelsLesen = function() {
|
var url = 'channels.conf';
|
self.http_get(url, function (antwort) {
|
var zeilen = antwort.split("\n");
|
zeilen.sort();
|
var senderAuswahl = document.getElementById("sender");
|
var sender;
|
for(var i = 0; i < zeilen.length; i++) {
|
sender = document.createElement("option");
|
sender.textContent = zeilen[i].split(":")[0];
|
senderAuswahl.appendChild(sender);
|
}
|
});
|
};
|
|
/**
|
* Die Funktion http_get ruft einen Inhalt ueber HTTP GET ab
|
*
|
* @param {type} url der aufzurufende URL
|
* @param {type} process die Funktion, der die Antwort uebergeben
|
* werden soll
|
*/
|
this.http_get = function (url, process) {
|
var xmlhttp = new XMLHttpRequest();
|
xmlhttp.onreadystatechange = function() {
|
if (this.readyState == 4 && this.status == 200) {
|
process(this.responseText);
|
}
|
};
|
xmlhttp.open("GET", url, true);
|
xmlhttp.send();
|
};
|
|
/* -----------------------------------------------------------------------
|
* Nachfolgend einige Hilfsfunktionen zur Umwandlung von Datum-Objekten
|
* zu Text.
|
*
|
* Solche Funktionen gibt es auch fertig in Bibliotheken wie
|
* z.B. Moment.js. Hier werden allerdings nur wenige solche
|
* Funktionen benoetigt so dass sich die zusaetzliche
|
* Abhaengigkeit nicht lohnt, die mit der Verwendung der Bibliothek
|
* entstuende.
|
* ---------------------------------------------------------------------- */
|
|
/*
|
* Aus einem Datums-Objekt einen Text im Format JJJJ-MM-TT machen
|
*/
|
this.datumZuText = function(datum) {
|
var tag = self.textZweistellig(datum.getDate());
|
var monat = self.textZweistellig(datum.getMonth() + 1);
|
var jahr = datum.getFullYear();
|
return jahr + "-" + monat + "-" + tag;
|
};
|
|
/*
|
* Aus einem Datums-Objekt einen Text im Format TT.MM.JJJJ machen
|
*/
|
this.datumZuDatumText = function(datum) {
|
var tag = self.textZweistellig(datum.getDate());
|
var monat = self.textZweistellig(datum.getMonth() + 1);
|
var jahr = datum.getFullYear();
|
return tag + "." + monat + "." + jahr;
|
};
|
|
/*
|
* Aus einem Datums-Objekt einen Text im Format SS:MM machen
|
*
|
* Das Trennzeichen, z.B. ":" kann im Parameter trennzeichen
|
* uebergeben werden. trennzeichen darf auch leer bleiben.
|
*/
|
this.zeitZuText = function(datum, trennzeichen) {
|
var std = self.textZweistellig(datum.getHours());
|
var min = self.textZweistellig(datum.getMinutes());
|
if(trennzeichen) {
|
return std + trennzeichen + min;
|
} else {
|
return std + "" + min;
|
}
|
};
|
|
/*
|
* Aus einer Zahl einen Text machen und dabei einstellige
|
* Werte mit einer Null auffuellen
|
*/
|
this.textZweistellig = function(zahl) {
|
if(zahl < 10) {
|
return "0" + zahl;
|
} else {
|
return zahl;
|
}
|
};
|
|
/**
|
* Aus einem Datum den Textausdruck JJJJ-MM-TT-hhmm machen
|
* (fts: file name timestamp)
|
*
|
* @param {type} datum das Datumsobjekt aus dem der Text gemacht werden soll
|
* @returns {String} der Text im Format JJJJ-MM-TT-hhmm
|
*/
|
this.fts = function(datum) {
|
return self.datumZuText(datum) + "-" + self.zeitZuText(datum);
|
};
|
}
|
