Dateiverwaltung für die WebBox
ulrich
2021-01-06 53119fbeeaf9dbbf6c3a2ae492b9940cb5550054
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html>
  <head>
    <title>Fotos</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="/jslib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/jslib/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/jslib/fancybox/jquery.fancybox.min.css">
    <link rel="stylesheet" type="text/css" href="/jslib/lightbox/lightbox.css">
    <link rel="stylesheet" type="text/css" href="stile.css">
    <script id="tpl-kacheln" type="x-tmpl-mustache">
      {{#files}}          
        <figure class="figure datei-figure text-center text-warning align-top datei-elem">
          {{#mini}}
            {{#dia}}
              <a href="{{bildurl}}" data-fancybox="group" data-caption="">
                <img class="datei" src="{{miniurl}}" />
              </a>
            {{/dia}}
            {{^dia}}
              <img class="datei" src="{{miniurl}}" />
            {{/dia}}
          {{/mini}}
          {{^mini}}
            <i class="fa {{ typeClass }} fa-3x"></i>
          {{/mini}}        
          <figcaption class="figure-caption dateiname">{{ fileName }}</figcaption>
        </figure>   
      {{/files}}          
    </script>
  </head>
  <body>
    <!-- Kopfzeile -->
    <div class="nord">
    </div>
    <div class="inhalt">
      <!-- westliche Seitenleiste -->
      <div class="west hidden-xs-down">
      </div>
      <!-- zentraler Inhaltsbereich -->
      <div class="zentrum">
        
        <!-- Dateikacheln/-liste Start -->
        <div class="zentrum-liste pl-3 pr-3" id="dateien"></div>
        <!-- Dateikacheln Ende -->
        
      </div>
      <!-- oestliche Seitenleiste -->
      <div class="ost"></div>
      
    </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>
    
    <script src="/jslib/tether/tether.min.js"></script>
    <script src="/jslib/bootstrap/js/bootstrap.min.js"></script>
    <script src="/jslib/mustache/mustache.min.js"></script>
    <script src="/jslib/fancybox/jquery.fancybox.min.js"></script>
    <script src="/jslib/lightbox/lightbox.min.js"></script>
    <script src="data.js"></script>
    <script src="foto-ui.js"></script>
    <script type="text/javascript" charset="utf-8">
      //var ui;
      $(document).ready(function() {
        fo_init();
      });
    </script>
  </body>
</html>