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