darthsandmann/WEB
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

praktikum 3

Browse Source
This commit is contained in:
darthsandmann
2017-01-16 23:32:28 +01:00
parent 41af35a624
commit 0ef842e09e
171 changed files with 22681 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

194
Praktikum3/bt/static/css/main.css Executable file
View File

@ -0,0 +1,194 @@
/* main.css */
/* allgemeine Vorgaben */
body {
font-family: "Open Sans", sans-serif;
font-size: 12pt;
padding: 0;
margin: 0;
}
/* Basislayout */
.clSiteHeader {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 50px;
line-height: 50px;
margin: 0;
padding: 5px;
font-size: 12pt;
color: white;
background-color: #0000AA;
}
.clNav {
position: absolute;
top: 60px; /* height, padding, border, margin von idSiteHeader beachten */
left: 0;
bottom: 0;
width: 140px;
border-right: 1px solid;
margin: 0;
padding: 5px;
}
.clNav a, a:hover, a:visited, a:active{
display: block;
text-decoration: none;
margin-bottom: 10px;
}
.clNav a:hover {
font-weight: bold;
}
.clContentOuter {
position: absolute;
top: 60px; /* height, padding, border, margin von idSiteHeader beachten */
left: 151px;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
}
.clContent {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 5px;
}
/* Elemente im Content-Bereich */
.clContentHeader {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 30px;
line-height: 30px;
margin: 0;
padding: 5px;
font-size: 14pt;
text-align: center;
}
.clContentArea {
position: absolute;
top: 40px; /* height, padding, border, margin von idContentHeader beachten */
left: 0;
right: 0;
bottom: 40px; /* height, padding, border, margin von idButtonArea beachten */
margin: 0;
padding: 0px;
overflow-y: auto;
}
.clButtonArea {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 30px;
line-height: 30px;
margin: 0;
padding: 5px;
text-align: center;
background-color: #EEEEEE;
}
/* Links und Submit-Schalter im Buttonbereich gestalten */
.clButtonArea button, a, input[type="submit"] {
margin: 0 5px;
padding: 3px 6px;
font-size: 10pt;
text-decoration: none;
border: 1px solid;
color: black;
background-color: buttonface;
}
.clButtonArea button:disabled {
color: graytext;
}
/* unterschiedliche Kennzeichnungen je nach Bedienung vermeiden */
.clButtonArea a:hover, a:visited, a:active {
color: black;
}
/* Gestaltung von Tabellen */
#idList {
table-layout: fixed;
width: 80%;
border: 1px solid;
border-collapse: collapse;
margin:auto;
}
#idList th {
text-align: left;
padding-left: 6px;
}
#idList th, #idList td {
padding: 3px;
border: 1px solid;
}
/* damit wird jede ungerade Zeile in Tabellen mit einer anderen Hintergrundfarbe ausgegeben */
/* den Effekt nennt man auch "Zebra"-Tables */
tr:nth-of-type(odd) {
background-color:#ccc;
}
#idList tr.clSelected {
background-color: blue;
color: white;
}
/* Gestaltung von Formularen */
/* das Formular nochmals zusätzlich gestalten */
#idForm .clContentArea {
width: 500px;
margin: auto;
}
.clFormRow {
position: relative; /* damit das Element in jedem Fall "positioniert" ist und damit als Bezugspunkt geeignet ist */
height: 25px;
margin-bottom: 10px;
}
.clFormRow label {
position: absolute;
top: 0;
left: 0;
width: 150px;
text-align: right;
}
.clFormRow input {
position: absolute;
top: 0;
left: 160px;
width: 250px;
}
label span.clRequired {
color: red;
content: '*';
}
/* EOF */

33
Praktikum3/bt/static/html/index.html Executable file
View File

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html>
<head>
<title>
Bug-Tracker
</title>
<meta charset="UTF-8" />
<style type="text/css">
@import url("/css/main.css");
</style>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/es.js"></script>
<script type="text/javascript" src="/js/te.js"></script>
<script type="text/javascript" src="/js/tm.js"></script>
<!-- hier zur Verdeutlichung der Strukturierung Aufteilung in mehrere js-Quellen -->
<!-- wird man im produktiven Einsatz zu einer js-Quelle zusammenfassen -->
<script type="text/javascript" src="/js/app.js"></script>
<script type="text/javascript" src="/js/detail.js"></script>
<script type="text/javascript" src="/js/list.js"></script>
<script type="text/javascript" src="/js/nav.js"></script>
</head>
<body>
<header>
<h1 id="idSiteHeader" class="clSiteHeader">
Bug-Tracker // Hoster, Felix // Wansart, Kai
</h1>
</header>
<section id="idContentOuter" class="clContentOuter">
</section>
<nav id="idNav" class="clNav">
</nav>
</body>
</html>

BIN
Praktikum3/bt/static/images/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 318 B

105
Praktikum3/bt/static/js/app.js Executable file
View File

@ -0,0 +1,105 @@
// ----------------------------------------------
// Beispiel lit-x
// app.js
// ----------------------------------------------
// Verwendung von jquery, Single-Page / Ajax, Event-Service
// REST-Interface
// ----------------------------------------------
'use strict'
// ----------------------------------------------
// Namensraum einrichten
// ----------------------------------------------
let APP = {};
// ----------------------------------------------
APP.Application_cl = class {
// ----------------------------------------------
constructor () {
this.content_o = null; // das jeweils aktuelle Objekt im Contentbereich
this.nav_o = new APP.Nav_cl();
// this.listSources_o = new APP.ListView_cl('source', '/source/', 'sourceslist.tpl');
// this.detailSources_o = new APP.SourceDetailView_cl('source', '/source/', 'sourcedetail.tpl');
// this.listEvaluated_o = new APP.ListView_cl('evaluated', '/evaluated/', 'evaluatedlist.tpl');
// this.detailEvaluated_o = new APP.DetailView_cl('evaluated', '/evaluated/', 'evaluateddetail.tpl');
// Registrierungen
APP.es_o.subscribe_px(this, 'app');
}
notify_px (self_opl, message_spl, data_apl) {
switch (message_spl) {
case 'app':
switch (data_apl[0]) {
case 'init':
APP.tm_o = new TemplateManager_cl();
break;
case 'templates.loaded':
self_opl.nav_o.render_px();
// Liste Quellen im Content-Bereich anzeigen
// self_opl.setContent_p(self_opl.listSources_o, data_apl[1]);
break;
/* case 'source':
// Liste Quellen im Content-Bereich anzeigen
self_opl.setContent_p(self_opl.listSources_o, data_apl[1]);
break;
case 'source.add':
// (leeres) Detailformular im Content-Bereich anzeigen
self_opl.setContent_p(self_opl.detailSources_o, data_apl[1]);
break;
case 'source.edit':
// Detailformular im Content-Bereich anzeigen
self_opl.setContent_p(self_opl.detailSources_o, data_apl[1]);
break;
case 'evaluated':
// Liste Quellen im Content-Bereich anzeigen
self_opl.setContent_p(self_opl.listEvaluated_o, data_apl[1]);
break;
case 'evaluated.add':
// (leeres) Detailformular im Content-Bereich anzeigen
self_opl.setContent_p(self_opl.detailEvaluated_o, data_apl[1]);
break;
case 'evaluated.edit':
// Detailformular im Content-Bereich anzeigen
self_opl.setContent_p(self_opl.detailEvaluated_o, data_apl[1]);
break;*/
default:
console.warn('[Application_cl] unbekannte app-Notification: '+data_apl[0]);
break;
}
break;
default:
console.warn('[Application_cl] unbekannte Notification: '+message_spl);
break;
}
}
setContent_p (newContent_opl, data_opl) {
if (this.content_o != null) {
if (this.content_o === newContent_opl) { // Achtung: Vergleich auf Identität (===) und nicht nur auf Gleichheit (==)
// wird bereits angezeigt, keine Änderung
} else {
if (this.content_o.canClose_px()) {
this.content_o.close_px();
this.content_o = newContent_opl;
this.content_o.render_px(data_opl);
}
}
} else {
this.content_o = newContent_opl;
this.content_o.render_px(data_opl);
}
}
}
// ----------------------------------------------
$(document).ready(function(){
// ----------------------------------------------
// wird ausgeführt, wenn das Dokument vollständig geladen wurde
APP.es_o = new EventService_cl();
APP.app_o = new APP.Application_cl();
APP.es_o.publish_px('app', ['init', null]);
});
// EOF

142
Praktikum3/bt/static/js/detail.js Executable file
View File

@ -0,0 +1,142 @@
// ----------------------------------------------
// Beispiel lit-x
// detail.js
// ----------------------------------------------
// ----------------------------------------------
APP.DetailView_cl = class {
// ----------------------------------------------
constructor (name_spl, path_spl, template_spl) {
this.name_s = name_spl;
this.path_s = path_spl;
this.template_s = template_spl;
}
canClose_px () {
// Prüfen, ob Formularinhalt verändert wurde
let mod_b = this.isModified_p();
if (mod_b) {
if (confirm("Es gibt nicht gespeicherte Änderungen - verwerfen?")) {
mod_b = false;
}
}
return !mod_b;
}
close_px () {
this.exitHandler_p();
}
render_px (data_opl) {
let path_s;
if (data_opl != null) {
path_s = this.path_s + data_opl;
} else {
path_s = this.path_s + '0';
}
$.ajax({
dataType: "json",
url: path_s,
type: 'GET',
context: this
})
.done(function (data_opl) {
this.doRender_p(data_opl);
this.initHandler_p();
})
.fail(function(jqXHR_opl, textStatus_spl) {
alert( "[Detail] Fehler bei Anforderung: " + textStatus_spl );
});
}
doRender_p (data_opl) {
var markup_s = APP.tm_o.execute_px(this.template_s, data_opl);
$("#idContentOuter").html(markup_s);
this.storeFormContent_p();
}
initHandler_p () {
// Ereignisverarbeitung für das Formular einrichten
$("#idForm").on("click", "button", $.proxy(this.onClickButtons_p, this));
}
exitHandler_p () {
// Ereignisverarbeitung für das Formular aufheben
$("#idForm").off("click", "button", $.proxy(this.onClickButtons_p, this));
}
onClickButtons_p (event_opl) {
var do_b = false;
var path_s;
var action_s = $(event_opl.target).attr("data-action");
switch (action_s) {
case "back":
// Weiterleiten: Liste anfordern
APP.es_o.publish_px('app', [this.name_s, null]);
break;
case "save":
// Formularinhalt prüfen
if (this.isModified_p()) {
if (this.checkContent_p()) {
// kein klassisches submit, es wird auch keine neue Anzeige vorgenommen
var path_s = this.path_s;
var data_s = $("#idForm").serialize();
var type_s = 'PUT';
var id_s = $('#id_s').val();
if (id_s == '') {
type_s = 'POST';
}
$.ajax({
context: this,
dataType: "json",
data: data_s,
url: path_s,
type: type_s
})
.done(function (data_opl) {
// Umwandlung der JSON-Daten vom Server bereits erfolgt
$('#id_s').val(data_opl['id']);
// aktuellen Formularinhalt speichern
// (das Formular wird ja nicht mehr neu geladen!)
this.storeFormContent_p();
alert("Speichern ausgeführt!");
})
.fail(function(jqXHR_opl, textStatus_spl) {
alert( "Fehler bei Anforderung: " + textStatus_spl );
});
} else {
alert("Bitte prüfen Sie die Eingaben in den Formularfeldern!")
}
}
break;
}
// Weiterleitung und Standardbearbeitung unterbinden
event_opl.stopPropagation();
event_opl.preventDefault();
}
isModified_p () {
// Prüfen, ob Formularinhalt verändert wurde
var mod_b = this.FormContentOrg_s != $("#idForm").serialize();
return mod_b;
}
checkContent_p () {
return true;
}
storeFormContent_p () {
this.FormContentOrg_s = $("#idForm").serialize();
}
}
// ----------------------------------------------
APP.SourceDetailView_cl = class extends APP.DetailView_cl {
// ----------------------------------------------
//constructor (name_spl, path_spl, template_spl) {
// super.constructor(name_spl, path_spl, template_spl)
//}
checkContent_p () {
// hier nur zur Demonstration Prüfung des Typs gegen eine Werteliste
// (das realisiert man besser mit einer Liste)
var status_b = true;
var typ_s = $("#typ_s").val();
if ((typ_s != "Typ1") && (typ_s != "Typ2")) {
status_b = false;
}
return status_b;
}
}
// EOF

104
Praktikum3/bt/static/js/es.js Normal file
View File

@ -0,0 +1,104 @@
//------------------------------------------------------------------------------
// Event-Service: asynchroner Nachrichtenaustausch
//------------------------------------------------------------------------------
'use strict'
function each(object_opl, iterator_opl, context_opl) {
for (let key_s in object_opl) {
iterator_opl.call(context_opl, object_opl[key_s], key_s);
}
}
function findAll(object_opl, iterator_opl, context_opl) {
let results_a = [];
each(object_opl, function(value_opl, index_ipl) {
if (iterator_opl.call(context_opl, value_opl, index_ipl))
results_a.push(value_opl);
});
return results_a;
}
function compact(object_opl) {
return findAll(object_opl, function(value_opl) {
return value_opl != null;
});
}
//------------------------------------------------------------------------------
class EventService_cl {
//------------------------------------------------------------------------------
constructor () {
this.queue_o = [];
this.Subscriber_o = {};
window.onhashchange = this.send_p.bind(this);
}
send_p (event_opl) {
// der hash-Wert interessiert hier nicht
// gibt es Elemente in der queue?
if (this.queue_o.length > 0) {
let qentry_o = this.queue_o[0];
qentry_o[0].notify_px.apply(qentry_o[0], [qentry_o[0], qentry_o[1], qentry_o[2]]);
this.queue_o.shift();
}
if (this.queue_o.length > 0) {
let d_o = new Date();
window.location.hash = d_o.getTime();
}
event_opl.preventDefault();
return false;
}
subscribe_px (Subscriber_opl, Message_spl) {
if (Message_spl in this.Subscriber_o) {
// Message bekannt, Liste der Subscriber untersuchen
if (this.Subscriber_o[Message_spl].indexOf(Subscriber_opl) == -1) {
this.Subscriber_o[Message_spl].push(Subscriber_opl);
}
} else {
// Message noch nicht vorhanden, neu eintragen
this.Subscriber_o[Message_spl] = [Subscriber_opl];
}
}
unSubscribe_px (Subscriber_opl, Message_spl) {
if (Message_spl in this.Subscriber_o) {
// Message bekannt, Liste der Subscriber untersuchen
let Entry_a = this.Subscriber_o[Message_spl];
let index_i = Entry_a.indexOf(Subscriber_opl);
if (index_i >= 0) {
// Eintrag entfernen
Entry_a[index_i] = null;
Entry_a = compact(Entry_a); // compact liefert Kopie!
if (Entry_a.length == 0) {
// keine Subscriber mehr, kann entfernt werden
delete this.Subscriber_o[Message_spl];
}
}
} else {
// Message nicht vorhanden, falsche Anforderung
}
}
publish_px (Message_spl, Data_opl) {
let data_s = "<null>";
if ((Data_opl != undefined) && (Data_opl != null)) {
data_s = Data_opl.toString();
}
console.info('es - publish ' + Message_spl + ' ' + data_s);
let that = this;
each(this.Subscriber_o, function (value_apl, key_spl) {
// geliefert wird jeweils ein Wert, hier ein Array, und der Key
if (key_spl == Message_spl) {
// an alle Subscriber weitergeben
each(value_apl, function (entry_opl, index_ipl) {
// geliefert wird hier das Element und der Index
that.queue_o.push([entry_opl, Message_spl, Data_opl]);
let d_o = new Date();
window.location.hash = d_o.getTime();
}, this
);
}
}, this
)
}
}
// EOF

9210
Praktikum3/bt/static/js/jquery.js vendored Normal file
View File

File diff suppressed because it is too large Load Diff

143
Praktikum3/bt/static/js/list.js Executable file
View File

@ -0,0 +1,143 @@
// ----------------------------------------------
// Beispiel lit-x
// list.js
// ----------------------------------------------
// ----------------------------------------------
APP.ListView_cl = class {
// ----------------------------------------------
constructor (name_spl, path_spl, template_spl) {
this.name_s = name_spl;
this.path_s = path_spl;
this.template_s = template_spl;
}
canClose_px () {
return true;
}
close_px () {
this.exitHandler_p();
}
render_px (data_opl) {
// Parameter data_opl wird hier nicht benötigt
// Anforderung an den Server senden
$.ajax({
dataType: "json",
url: this.path_s,
type: 'GET',
context: this
})
.done(function (data_opl) {
this.doRender_p(data_opl);
this.initHandler_p();
this.initList_p();
})
.fail(function(jqXHR_opl, textStatus_spl) {
alert( "[Liste] Fehler bei Anforderung: " + textStatus_spl );
});
}
doRender_p (data_opl) {
// json-Daten bereits in js-Objekte umgesetzt
var markup_s = APP.tm_o.execute_px(this.template_s, data_opl);
$("#idContentOuter").html(markup_s);
}
initList_p () {
this.rowId_s = ""; // id der selektierten Zeile
// Buttons teilweise deaktivieren, bis eine Zeile ausgewählt wurde
this.disableButtons_p();
}
initHandler_p () {
// Ereignisverarbeitung einrichten
// Ereignisverarbeitung für die Tabelle einrichten
// man beachte: für jquery muss man CSS-Selektoren angeben, also #idList statt einfach nur idList !
$("#idList").on("click", "td", $.proxy(this.onClickList_p, this));
// Ereignisverarbeitung für die Schalter einrichten
$("#idListContent #idButtonArea").on("click", "button", $.proxy(this.onClickButtons_p, this));
}
exitHandler_p () {
// Ereignisverarbeitung aufheben
$("#idList").off("click", "td", $.proxy(this.onClickList_p, this));
$("#idListContent #idButtonArea").off("click", "button", $.proxy(this.onClickButtons_p, this));
}
onClickList_p (event_opl) {
// hier werden nur click-Events auf td-Elemente geliefert
if (this.rowId_s != "") {
$("#"+this.rowId_s).removeClass("clSelected"); // Achtung: jetzt ist nur die Bezeichnung der CSS-Klasse gemeint!
}
this.rowId_s = $(event_opl.target).parent().attr('id');
$("#"+this.rowId_s).addClass("clSelected");
this.enableButtons_p();
}
onClickButtons_p (event_opl) {
var action_s = $(event_opl.target).attr("data-action");
switch (action_s) {
case 'add':
// weiterleiten
APP.es_o.publish_px('app', [this.name_s+'.'+action_s, null]);
break;
case 'edit':
if (this.rowId_s != "") {
// Weiterleiten
APP.es_o.publish_px('app', [this.name_s+'.'+action_s, this.rowId_s]);
} else {
alert("Wählen Sie bitte einen Eintrag in der Tabelle aus!");
}
break;
case 'delete':
if (this.rowId_s != "") {
if (confirm("Soll der Datensatz gelöscht werden?")) {
// Id der selektierten Tabellenzeile anhängen
var path_s = this.path_s + this.rowId_s;
$.ajax({
context: this,
dataType: "json",
url: path_s,
type: 'DELETE'
})
.done(function (data_opl) {
// Auswertung der Rückmeldung
// der umständliche Weg:
// - Liste neu darstellen, hier vereinfacht durch neue Anforderung
//APP.es_o.publish_px('list', ['refresh', null]);
// einfacher mit direktem Entfernen der Zeile aus der Tabelle
// (id des gelöschten Eintrags wird in der Antwort geliefert)
$('#'+data_opl['id']).remove();
this.initList_p();
})
.fail(function(jqXHR_opl, textStatus_spl) {
alert( "[Liste] Fehler bei Anforderung: " + textStatus_spl );
});
}
} else {
alert("Wählen Sie bitte einen Eintrag in der Tabelle aus!");
}
break;
}
// Weiterleitung und Standardbearbeitung unterbinden
event_opl.stopPropagation();
event_opl.preventDefault();
}
// stärkere Einschränkung mit #idListContent notwendig, damit nicht die Buttons auf dem
// Formular ebenfalls geändert werden
enableButtons_p () {
$("#idListContent #idButtonArea button").each(function () {
if ($(this).attr("data-action") != "add") {
$(this).prop("disabled", false);
}
});
}
disableButtons_p () {
$("#idListContent #idButtonArea button").each(function () {
if ($(this).attr("data-action") != "add") {
$(this).prop("disabled", true);
}
});
}
}
// EOF

44
Praktikum3/bt/static/js/nav.js Executable file
View File

@ -0,0 +1,44 @@
// ----------------------------------------------
// Beispiel lit-x
// nav.js
// ----------------------------------------------
// ----------------------------------------------
APP.Nav_cl = class {
// ----------------------------------------------
constructor () {
}
render_px () {
// zur Vereinfachung hier direkt den Inhalt des
// Navigationsbereichs anzeigen und die Ereignisverarbeitung einrichten
$.ajax({
dataType: "json",
url: '/navigation',
type: 'GET',
context: this
})
.done(function (data_opl) {
this.doRender_p(data_opl);
this.initHandler_p();
})
.fail(function(jqXHR_opl, textStatus_spl) {
alert( "[Nav_cl] Fehler bei Anforderung: " + textStatus_spl );
});
}
doRender_p (data_opl) {
let markup_s = APP.tm_o.execute_px('nav.tpl', data_opl);
$('#idNav').html(markup_s);
}
initHandler_p () {
// Ereignisverarbeitung für die Schalter einrichten
$("#idNav").on("click", "a", function (event_opl) {
var action_s = $(event_opl.target).attr('data-action');
// Weiterleitung! Das Nav-Objekt ist nicht für die Bearbeitung direkt verantwortlich
APP.es_o.publish_px('app', [action_s, null]);
// Weiterleitung und Standardbearbeitung unterbinden
event_opl.stopPropagation();
event_opl.preventDefault();
});
}
}
// EOF

266
Praktikum3/bt/static/js/te.js Executable file
View File

@ -0,0 +1,266 @@
//------------------------------------------------------------------------------
// Template-Engine
//------------------------------------------------------------------------------
'use strict'
class Generator_cl {
constructor () {
this.reset_px();
}
reset_px () {
this.code_a = ['var result_a = [];\n'];
}
write_px (text_spl) {
// Escape-Zeichen bei Strings ergänzen
var text_s = text_spl.replace(/"/g, '\\"');
text_s = text_s.replace(/'/g, "\\'");
this.code_a.push('result_a.push("' + text_s + '");\n');
}
code_px (code_spl) {
if (code_spl.startsWith('if')) {
this.code_a.push('if (' + code_spl.substr(2) + ') {\n');
} else if (code_spl.startsWith('else')) {
this.code_a.push('} else {\n');
} else if (code_spl.startsWith('endif')) {
this.code_a.push('}\n');
} else if (code_spl.startsWith('for')) {
this.code_a.push('for (' + code_spl.substr(3) + ') {\n');
} else if (code_spl.startsWith('endfor')) {
this.code_a.push('}\n');
} else {
this.code_a.push(code_spl + '\n');
}
}
substitute_px (subst_spl) {
let value_s = subst_spl == null ? '' : String(subst_spl);
this.code_a.push('result_a.push(' + value_s + ');\n');
}
generate_px () {
var result_s = this.code_a.join('') + ' return result_a.join("");';
var f_o = new Function ('context', result_s);
return f_o;
}
}
class TemplateCompiler_cl {
constructor () {
this.gen_o = new Generator_cl();
this.reset_px();
}
reset_px () {
this.gen_o.reset_px();
this.preservePreWS_b = false;
this.preservePostWS_b = false;
}
setPreWS_px (on_bpl) {
if ((on_bpl == undefined) || (on_bpl == false)) {
this.preservePreWS_b = false;
} else {
this.preservePreWS_b = true;
}
}
setPostWS_px (on_bpl) {
if ((on_bpl == undefined) || (on_bpl == false)) {
this.preservePostWS_b = false;
} else {
this.preservePostWS_b = true;
}
}
compile_px (source_spl) {
var state_i = 0;
var pos_i = 0;
var len_i = source_spl.length;
var text_s = '';
var code_s = '';
var subst_s = '';
this.gen_o.reset_px();
var doubletest_f = function (char_spl) {
var status_b = false;
if ((pos_i + 1) < len_i) {
if ((source_spl[pos_i] == char_spl) && (source_spl[pos_i+1] == char_spl)) {
status_b = true;
}
}
return status_b;
}
while (pos_i < len_i) {
switch (state_i) {
case 0:
// outside
if (source_spl[pos_i] == '@') { // ECMA 5!
if (doubletest_f('@') == false) {
state_i = 2;
code_s = '';
} else {
// als normales Zeichen verarbeiten, ein Zeichen überlesen
state_i = 1;
text_s = '@';
pos_i++;
}
} else if (source_spl[pos_i] == '#') {
if (doubletest_f('#') == false) {
state_i = 3;
subst_s = '';
} else {
// als normales Zeichen verarbeiten, ein Zeichen überlesen
state_i = 1;
text_s = '#';
pos_i++;
}
} else if ((source_spl[pos_i] == ' ') || (source_spl[pos_i] == '\t')) {
state_i = 4;
text_s = '';
pos_i--; // Zeichen erneut verarbeiten
} else {
state_i = 1;
text_s = '';
pos_i--; // Zeichen erneut verarbeiten
}
break;
case 1:
// inText
if (source_spl[pos_i] == '@') {
if (doubletest_f('@') == false) {
// Textende, neuer Code
state_i = 0;
this.gen_o.write_px(text_s);
pos_i--; // Zeichen erneut verarbeiten
} else {
// als normales Zeichen verarbeiten, ein Zeichen überlesen
text_s += '@';
pos_i++;
}
} else if (source_spl[pos_i] == '#') {
if (doubletest_f('#') == false) {
// Textende, neue Substitution
state_i = 0;
this.gen_o.write_px(text_s);
pos_i--; // Zeichen erneut verarbeiten
// Textende, neuer Code
} else {
// als normales Zeichen verarbeiten, ein Zeichen überlesen
text_s += '#';
pos_i++;
}
} else if ((source_spl[pos_i] == ' ') || (source_spl[pos_i] == '\t')) {
// Textende
state_i = 0;
this.gen_o.write_px(text_s);
pos_i--; // Zeichen erneut verarbeiten
} else {
// sammeln
if ((source_spl[pos_i] != '\n') && (source_spl[pos_i] != '\r')) {
text_s += source_spl[pos_i];
} else if (source_spl[pos_i] == '\n') {
text_s += '\\n';
} else {
text_s += '\\r';
}
}
break;
case 2:
// inCode
if (source_spl[pos_i] == '@') {
if (doubletest_f('@') == false) {
// zu Ende, erzeugen
this.gen_o.code_px(code_s);
state_i = 5; //0
} else {
// als normales Zeichen verarbeiten, ein Zeichen überlesen
code_s += '@';
pos_i++;
}
} else {
// sammeln
code_s += source_spl[pos_i];
}
break;
case 3:
// inSubst
// Verdopplung # hier nicht zulässig!
if (source_spl[pos_i] == '#') {
// zu Ende, erzeugen
this.gen_o.substitute_px(subst_s);
state_i = 0;
} else {
// sammeln
subst_s += source_spl[pos_i];
}
break;
case 4:
// pre-code-whitespace
switch (source_spl[pos_i]) {
case ' ':
case '\t':
// sammeln
text_s += source_spl[pos_i];
break;
default:
state_i = 0;
if (source_spl[pos_i] != '@') {
this.gen_o.write_px(text_s);
} else {
if (doubletest_f('@') == false) {
// Whitespace vor Code-Beginn erkannt
if (this.preservePreWS_b == true) {
// trotzdem ausgeben
this.gen_o.write_px(text_s);
}
} // ansonsten wie normales Zeichen behandeln
}
pos_i--; // Zeichen erneut verarbeiten
}
break;
case 5:
// post-code-whitespace
switch (source_spl[pos_i]) {
case '\n':
text_s += '\\n';
state_i = 0;
break;
case '\r':
text_s += '\\r';
state_i = 0;
break;
case ' ':
case '\t':
// ggf. sammeln
text_s += source_spl[pos_i];
break;
default:
// Whitespace nach Code erkannt
if (this.preservePostWS_b == true) {
// trotzdem ausgeben
this.gen_o.write_px(text_s);
}
state_i = 0;
pos_i--; // Zeichen erneut verarbeiten
}
break;
}
pos_i++;
}
// welcher Zustand liegt abschließend vor?
if (state_i == 1) {
this.gen_o.write_px(text_s);
} else if (state_i == 2) {
this.gen_o.code_px(code_s);
} else if (state_i == 3) {
this.gen_o.substitute_px(subst_s);
} else if (state_i == 4) {
if (this.preservePreWS_b == true) {
this.gen_o.write_px(text_s);
}
} else if (state_i == 5) {
if (this.preservePostWS_b == true) {
this.gen_o.write_px(text_s);
}
}
return this.gen_o.generate_px();
}
}
// EOF

61
Praktikum3/bt/static/js/tm.js Executable file
View File

@ -0,0 +1,61 @@
//------------------------------------------------------------------------------
// Template-Manager
// - Laden und Bereitstellen von Template-Quellen
//------------------------------------------------------------------------------
// depends-on:
// jquery
// te
//------------------------------------------------------------------------------
'use strict'
class TemplateManager_cl {
constructor () {
this.templates_o = {};
this.compiled_o = {};
this.teCompiler_o = new TemplateCompiler_cl();
// Templates als Ressource anfordern und speichern
var path_s = "/templates/";
$.ajax({
dataType: "json",
url: path_s,
type: 'GET',
context: this
})
.done(function (data_opl) {
this.templates_o = data_opl['templates'];
// Benachrichtigung senden
APP.es_o.publish_px('app', ['templates.loaded', null]);
})
.fail(function(jqXHR_opl, textStatus_spl) {
alert( "[tm] Fehler bei Anforderung: " + textStatus_spl );
});
}
get_px (name_spl) {
if (name_spl in this.templates_o) {
return this.templates_o[name_spl];
} else {
return null;
}
}
execute_px (name_spl, data_opl) {
var compiled_o = null;
if (name_spl in this.compiled_o) {
compiled_o = this.compiled_o[name_spl];
} else {
// Übersetzen und ausführen
if (name_spl in this.templates_o) {
this.teCompiler_o.reset_px();
compiled_o = this.teCompiler_o.compile_px(this.templates_o[name_spl]);
this.compiled_o[name_spl] = compiled_o;
}
}
if (compiled_o != null) {
return compiled_o(data_opl);
} else {
return null;
}
}
}
// EOF