Dateiverwaltung für die WebBox
ulrich
2017-08-05 76660f9ecd53c1a6f41433c0e68ba73b507a6d39
Fancybox ein- und ausschalten
4 files modified
36 ■■■■ changed files
web/ui/api.js 10 ●●●●● patch | view | raw | blame | history
web/ui/data.js 4 ●●●● patch | view | raw | blame | history
web/ui/index.html 10 ●●●● patch | view | raw | blame | history
web/ui/ui.js 12 ●●●●● patch | view | raw | blame | history
web/ui/api.js
@@ -130,10 +130,12 @@
    $('#ansicht').click(fm_ansicht_umschalten);
    fm_set_modus();
    
    $("[data-fancybox]").fancybox({
      loop: true,
      idleTime: 2
    });
    if(fm_slideshow) {
      $("[data-fancybox]").fancybox({
        loop: true,
        idleTime: 2
      });
    }
  });
}
web/ui/data.js
@@ -79,6 +79,10 @@
    return miniatur;
  };
  
  this.dia = function() {
    return fm_slideshow;
  };
  this.miniurl = function() {
      var userid = $('#userMenu').text();
      if(self.fext === '') {
web/ui/index.html
@@ -23,9 +23,14 @@
      {{#files}}          
        <figure class="figure datei-figure text-center text-warning align-top datei-elem">
          {{#mini}}
            <a href="{{bildurl}}" data-fancybox="group" data-caption="">
            {{#dia}}
              <a href="{{bildurl}}" data-fancybox="group" data-caption="">
                <img class="datei" src="{{miniurl}}"  width="60" height="40" />
              </a>
            {{/dia}}
            {{^dia}}
              <img class="datei" src="{{miniurl}}"  width="60" height="40" />
            </a>
            {{/dia}}
          {{/mini}}
          {{^mini}}
            <i class="fa {{ typeClass }} fa-3x"></i>
@@ -122,6 +127,7 @@
              <a class="dropdown-item disabled" href="/file-cms/ui">Dateien verwalten</a>
              <a class="dropdown-item" href="/wbx-dbcon/ui">Datenbanken verwalten</a>
              <div class="dropdown-divider"></div>
              <a id="m-toggle-slideshow" class="dropdown-item" href="#">Diashow nicht zeigen</a>
              <a id="m-test" class="dropdown-item" href="#">Test</a>
              <a id="m-test-2" class="dropdown-item" href="#">Compile</a>
              <a id="m-test-3" class="dropdown-item" href="#">Compile all</a>
web/ui/ui.js
@@ -35,6 +35,7 @@
var DATA_DIR = "$daten";
var WWW_DIR = "www";
var compilerIssues;
var fm_slideshow = false;
function fm_init() {
  $("#mce-editor").hide();
@@ -63,6 +64,7 @@
  $('#m-copy').on('click', fm_menu_copy);
  $('#m-paste').on('click', fm_menu_paste);
  $('#m-shrink').on('click', fm_menu_shrink);
  $('#m-toggle-slideshow').on('click', fm_toggle_show_slideshow);
  $('#m-test').on('click', fm_menu_test);
  $('#m-test-2').on('click', fm_menu_compile);
  $('#m-test-3').on('click', fm_menu_compile_all);
@@ -86,6 +88,16 @@
  loc = window.location.protocol + '//' + window.location.host;
}
function fm_toggle_show_slideshow() {
  if(fm_slideshow) {
    $('#m-toggle-slideshow').text('Diashow nicht zeigen');
    fm_slideshow = false;
  } else {
    $('#m-toggle-slideshow').text('Diashow zeigen');
    fm_slideshow = true;
  }
}
function fm_resize_editor() {
  window.clearTimeout(tmo);
  tmo = window.setTimeout(function () {