WEB/Praktikum3/bt/static/js/app.js

// ----------------------------------------------
// 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.listProjekt_o     = new APP.ListView_cl('projekt', '/projekt/', 'projektlist.tpl');
      this.detailProjekt_o   = new APP.DetailView_cl('projekt', '/projekt/', 'projektdetail.tpl');

      this.listKomponente_o     = new APP.ListView_cl('komponente', '/komponente/', 'komponentelist.tpl');
      this.detailKomponente_o   = new APP.DetailView_cl('komponente', '/komponente/', 'komponentedetail.tpl');

      // 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 'projekt':
            self_opl.setContent_p(self_opl.listProjekt_o, data_apl[1]);
            break;
         case 'projekt.add':
            // (leeres) Detailformular im Content-Bereich anzeigen
            self_opl.setContent_p(self_opl.detailProjekt_o, data_apl[1]);
            break;
         case 'projekt.edit':
            // Detailformular im Content-Bereich anzeigen
            self_opl.setContent_p(self_opl.detailProjekt_o, data_apl[1]);
            break;
         case 'komponente':
            self_opl.setContent_p(self_opl.listKomponente_o, data_apl[1]);
            break;
         case 'komponente.add':
            // (leeres) Detailformular im Content-Bereich anzeigen
            self_opl.setContent_p(self_opl.detailKomponente_o, data_apl[1]);
            break;
         case 'komponente.edit':
            // Detailformular im Content-Bereich anzeigen
            self_opl.setContent_p(self_opl.detailKomponente_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