| | |
| | | function Mediazentrale() { |
| | | var self = this; |
| | | var appMenu; |
| | | // var vorlagen; |
| | | var cache; // mustache templates |
| | | |
| | | this.ablageort_liste = function() { |
| | |
| | | document.querySelector(".zentraler-inhalt").innerHTML = html; |
| | | self.addEvtListener('.entity-eintrag', 'click', function (event) { |
| | | var t = event.target; |
| | | //self.meldung_mit_timeout(t.textContent, 1500); |
| | | self.http_get('../api/store/Ablageort/' + t.textContent, function(responseText){ |
| | | ablageort = JSON.parse(responseText); |
| | | self.ablageort_form(ablageort); |
| | | }); |
| | | }); |
| | | self.addEvtListener('#neu-btn', 'click', function (event) { |
| | | eval("self.ablageort_form" + "(this)"); |
| | | }); |
| | | }); |
| | | }); |
| | | }; |
| | |
| | | self.vorlage_laden_und_fuellen("data/tpl/form_ablageort.tpl", ort, function (html) { |
| | | document.querySelector(".zentraler-inhalt").innerHTML = html; |
| | | self.addEvtListener('#ok-btn', 'click', function () { |
| | | var aName = document.querySelector('#ablageort-name').value; |
| | | aName = aName.replace(' ', '').replace(/[\W]+/g, ''); |
| | | var a = new Ablageort( |
| | | document.querySelector('#ablageort-name').value, |
| | | aName, |
| | | document.querySelector('#ablageort-ort').value, |
| | | document.querySelector('#ablageort-url').value |
| | | ); |
| | | var daten = JSON.stringify(a); |
| | | if(typeof ort === "undefined") { |
| | | if(typeof ort === "undefined" || ort.name !== aName) { |
| | | // neu |
| | | self.http_post('../api/store/Ablageort', daten, function (responseText) { |
| | | // hier die Antwort verarbeiten |
| | | }); |
| | | } else { |
| | | // aendern |
| | | self.http_put('../api/store/Ablageort', daten, function (responseText) { |
| | | // hier die Antwort verarbeiten |
| | | }); |
| | | } |
| | | //document.querySelector(".zentraler-inhalt").innerHTML = ''; |
| | | self.ablageort_liste(); |
| | | }); |
| | | self.addEvtListener('#cancel-btn', 'click', function () { |
| | | document.querySelector(".zentraler-inhalt").innerHTML = ''; |
| | | //document.querySelector(".zentraler-inhalt").innerHTML = ''; |
| | | self.ablageort_liste(); |
| | | }); |
| | | self.addEvtListener('#loeschen-btn', 'click', function() { |
| | | var aoname = document.querySelector('#ablageort-name').value; |
| | |
| | | self.addEvtListener('#ja-btn', 'click', function() { |
| | | self.http_delete('../api/store/Ablageort/' + aoname, '', function (responseText) { |
| | | // hier die Antwort verarbeiten |
| | | self.dialog_schliessen(); |
| | | //document.querySelector(".zentraler-inhalt").innerHTML = ''; |
| | | self.ablageort_liste(); |
| | | }); |
| | | }); |
| | | }); |
| | |
| | | } |
| | | }; |
| | | |
| | | /* asynchroner HTTP Client */ |
| | | |
| | | this.http_get = function (u, cb) { |
| | | self.http_call('GET', u, null, cb); |
| | | }; |
| | |
| | | }; |
| | | |
| | | this.http_delete = function (u, data, cb) { |
| | | console.log("delete " + u); |
| | | self.http_call('DELETE', u, data, cb); |
| | | }; |
| | | |
| | |
| | | xhr.open(method, url); |
| | | if (method === 'GET') { |
| | | xhr.send(); |
| | | } else if (method === 'POST' || method === 'PUT') { |
| | | } else if (method === 'POST' || method === 'PUT' || method === 'DELETE') { |
| | | xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); |
| | | xhr.send(data); |
| | | } |
| | | }; |
| | | |
| | | this.serialisieren = function (obj) { |
| | | return '{"' + obj.constructor.name + '":' + JSON.stringify(obj) + '}'; |
| | | }; |
| | | |
| | | |
| | | |
| | | |
| | | /* ab hier aus App-Vorlage */ |
| | | |
| | |
| | | self.http_get(vurl, function(antwort) { |
| | | self.cache[vurl] = antwort; |
| | | self.dialog_zeigen(vurl, msgTpl, cb); |
| | | //self.dialog_zeigen(vurl, antwort, cb); |
| | | //self.vorlage_fuellen(vurl, inhalt, cb); |
| | | }); |
| | | } else { |
| | | self.dialog_zeigen(vurl, msgTpl, cb); |
| | | //self.dialog_zeigen(vurl, vorlage, cb); |
| | | } |
| | | }; |
| | | |
| | | this.dialog_zeigen = function (vurl, inhalt, cb) { |
| | | var dlg = document.querySelector(".dialog"); |
| | | self.html_erzeugen( |
| | | vurl, |
| | | inhalt, |
| | | function (html) { |
| | | //dlg.html(html); |
| | | dlg.style.height = '7em'; |
| | | dlg.innerHTML = html; |
| | | document.querySelector('.close-btn').addEventListener('click', self.dialog_schliessen); |
| | | //dlg.slideDown(300); |
| | | if(typeof(cb) !== 'function') { |
| | | // .. |
| | | } else { |
| | | cb(); |
| | | } |
| | | }); |
| | | self.html_erzeugen(vurl, inhalt, function (html) { |
| | | dlg.style.height = '7em'; |
| | | dlg.innerHTML = html; |
| | | document.querySelector('.close-btn').addEventListener('click', self.dialog_schliessen); |
| | | if(typeof(cb) !== 'function') { |
| | | // .. |
| | | } else { |
| | | cb(); |
| | | } |
| | | }); |
| | | }; |
| | | |
| | | |
| | | /* |
| | | this.dialog_zeigen = function (vurl, inhalt) { |
| | | var dlg = document.querySelector(".dialog"); |
| | | self.html_erzeugen( |
| | | vurl, |
| | | inhalt, |
| | | function (html) { |
| | | //dlg.html(html); |
| | | dlg.style.height = '5em'; |
| | | dlg.innerHTML = html; |
| | | document.querySelector('.close-btn').addEventListener('click', self.dialog_schliessen); |
| | | //dlg.slideDown(300); |
| | | }); |
| | | }; |
| | | */ |
| | | |
| | | self.dialog_schliessen = function () { |
| | | document.querySelector('.close-btn').removeEventListener('click', self.dialog_schliessen); |
| | | //$('.dialog').slideUp(300); |
| | | var dlg = document.querySelector('.dialog'); |
| | | //dlg.style.display = "none"; |
| | | dlg.style.height = '0'; |
| | | dlg.innerHTML = ''; |
| | | }; |
| | |
| | | }; |
| | | |
| | | this.vorlage_fuellen = function (vurl, inhalt, cb) { |
| | | //console.log("vorlage " + self.cache[vurl]); |
| | | //console.log("render " + inhalt); |
| | | cb(Mustache.render(self.cache[vurl], inhalt)); |
| | | }; |
| | | |
| | |
| | | Inhalt gefüllt ist |
| | | */ |
| | | this.vorlage_laden_und_fuellen = function (vurl, inhalt, cb) { |
| | | /* |
| | | $.ajax({ |
| | | url: vurl, |
| | | type: "GET", |
| | | dataType : "text" |
| | | }).done(function( vorlage ) { |
| | | self.cache[vurl] = vorlage; |
| | | self.vorlage_fuellen(vurl, inhalt, cb); |
| | | }); |
| | | */ |
| | | var xmlhttp = new XMLHttpRequest(); |
| | | xmlhttp.onreadystatechange = function () { |
| | | if (this.readyState == 4 && this.status == 200) { |