Dateiverwaltung für die WebBox
ulrich
2021-01-21 e3cec295db825d2f0a1c465a159161c541eb5b5a
Rueckmeldung ueber Fusszeile nue gemacht.
4 files modified
1 files added
106 ■■■■■ changed files
web/ui/index.html 6 ●●●●● patch | view | raw | blame | history
web/ui2/data/tpl/fuss.tpl 5 ●●●●● patch | view | raw | blame | history
web/ui2/js/app.js 78 ●●●● patch | view | raw | blame | history
web/ui2/js/data.js 4 ●●●● patch | view | raw | blame | history
web/ui2/stile.css 13 ●●●●● patch | view | raw | blame | history
web/ui/index.html
@@ -235,12 +235,6 @@
    </div>
    <!-- Fusszeile -->
    <div class="sued">
      <button id="fusszeile-schliessen" type="button" class="close" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
      <div class="system-out">
      </div>
    </div>
    <!-- Skripte -->
    <script src="/jslib/jquery/jquery.min.js"></script>
web/ui2/data/tpl/fuss.tpl
New file
@@ -0,0 +1,5 @@
<div class="close-btn-fuss pointer-cursor">&#10006;</div>
<div class="system-out">
  {{ mtext }}
</div>
web/ui2/js/app.js
@@ -181,6 +181,7 @@
  this.fm_fusszeile_zeigen = function() {
    var suedDiv = document.querySelector('.sued');
    suedDiv.classList.add('sued-open');
    suedDiv.style.height = '7em';
    //$('.sued').show();
  };
@@ -759,7 +760,7 @@
    // 'liste' enthaelt:
    // {"List":[{"java.lang.String":"test3.txt"},{"java.lang.String":"Test1.txt"},{"java.lang.String":"Test2.txt"}]}
    // und wird auf dem Server zu einer List[ArrayList<String>] bei der jede ArrayList<String> nur ein Element hat 
    console.log(liste);
    //console.log(liste);
    return liste;
  };
@@ -777,24 +778,6 @@
        self.dialog_schliessen();
      });
    });    
    /*
    $('#modal_ok').click(function() {
      // hier umbenennen
      fm_rename_file(fname, pfad, $('#dateiname').val());
    });
    $('#saveModalTitle').text('Datei umbenennen');
    $('#dialogfrage').text("Neuer Dateiname?");
    if(fname !== undefined) {
      $('#dateiname').val(fname);
      $('#dateiname').attr('placeholder', 'Dateiname');
      $('#saveModal').modal({
        keyboard: false,
        show: true
      });
    }
    */
  };
  
  this.fm_menu_html_export = function() {
@@ -857,41 +840,9 @@
    var gewaehlte = document.querySelector('.datei-gewaehlt');
    var fname = gewaehlte.textContent;
    self.datei_ansehen_oder_bearbeiten(fname);
    /*
    if(fname.endsWith('htmi')) {
      //self.fm_edit_as_doc();
      self.fm_get_file_content('doc', fname);
    } else {
      //self.fm_edit_as_text();
      self.fm_get_file_content('text', fname);
    }
    */
  };
  /*
  this.fm_edit_as_text = function() {
    self.fm_get_sel_for_file_content('text');
  };
  this.fm_edit_as_doc = function() {
    self.fm_get_sel_for_file_content('doc');
  };
  this.fm_get_sel_for_file_content = function(typ) {
    var gewaehlte = document.querySelector('.datei-gewaehlt');
    //var fname = $(gewaehlte).find('.dateiname').text();
    var fname = gewaehlte.textContent;
    self.fm_get_file_content(typ, fname);
  };
  */
  this.fm_get_file_content = function(typ, fname) {
    //var gewaehlte = document.querySelector('.datei-gewaehlt');
    //var fname = $(gewaehlte).find('.dateiname').text();
    //var fname = gewaehlte.textContent;
    //console.log('fname: ' + fname);
    self.openFileName = fname;
    var m = '?c=de.uhilger.filecms.api.FileMgr&m=getCode&p=' + self.pfad + '&p=' + fname;
    var u = '../svc' + m;
@@ -925,14 +876,8 @@
    }
    var m = '?c=de.uhilger.filecms.api.FileMgr&m=' + method;
    var u = '../svc' + m;
    //var data = '&p=' + self.pfad + '&p=' + saveFileName + '&p=' +
    //        encodeURIComponent(content);
    var data = '&p=' + self.pfad + '&p=' + saveFileName + '&p=' + 
            encodeURIComponent(content);
    // '{"foo": "bar"}'
    //var data = '{"p1": "' + self.pfad + '", "p2": "' + saveFileName +
    //        '", "p3": "' + encodeURIComponent(self.escapeHtml(content)) + '"}';
    self.fm_post(u, data, "text", function(resp) {
      // ...
    });
@@ -992,10 +937,21 @@
    m = m + '&p=' + fn; 
    var u = '../svc' + m;
    self.fm_get(u, "text", function(resp) {
      //$('.system-out').empty();
      document.querySelector('.system-out').innerHtml = 'Rueckmeldung vom Entpacken: ' + resp;
      self.fm_fusszeile_zeigen();
      self.fm_get_list(pfad);
      var mtx = new Meldung('Rueckmeldung vom Entpacken: ' + resp);
      //console.log(mtx);
      self.html_erzeugen("data/tpl/fuss.tpl", mtx, function(html) {
        //console.log(html);
        var elem = document.querySelector('.sued');
        elem.innerHTML = html;
        document.querySelector('.close-btn-fuss').addEventListener('click', function(){
          var suedDiv = document.querySelector('.sued');
          document.querySelector('.close-btn-fuss').removeEventListener('click', this);
          suedDiv.classList.remove('sued-open');
          suedDiv.style.height = '0';
        });
        self.fm_fusszeile_zeigen();
        self.fm_get_list(self.pfad);
      });
    });  
  };
web/ui2/js/data.js
@@ -27,6 +27,10 @@
/* ----- Objekte ----- */
function Meldung(tx) {
  this.mtext = tx;
}
function IssueList(il) {
  this.issues = il;
}
web/ui2/stile.css
@@ -42,7 +42,7 @@
  height: 1.5em;
  overflow: hidden;
  transition: all 0.3s ease-in;
  background-color: lightgray;
  background-color: #fcfce1;
}
.west {
  flex-grow: 0;
@@ -182,6 +182,17 @@
  color: #b8b8b8;
}
.close-btn-fuss {
  /*position: absolute;
  top: 0px;
  right: 0.4em;*/
  float: right;
  margin: 0;
  padding: 0;
  font-size: 1.3em;
  color: #b8b8b8;
}
.system-out {
  height: 8em;
  overflow-y: auto;