Dateiverwaltung für die WebBox
ulrich
2017-02-22 5ebb8e0cd3961f0c2fb0c9aaf0f4842be523318d
commit | author | age
dd9d2e 1 <!DOCTYPE html>
U 2 <html>
3   <head>
1f3919 4     <title>Flexbox Demo</title>
UH 5     <meta charset="UTF-8">
dd9d2e 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
U 7     <link rel="stylesheet" type="text/css" href="/jslib/bootstrap/css/bootstrap.min.css">
2dd0cf 8     <link rel="stylesheet" type="text/css" href="/jslib/font-awesome/css/font-awesome.min.css">
dd9d2e 9     <link rel="stylesheet" type="text/css" href="stile.css">
U 10   </head>
11   <body>
1f3919 12     <!-- Kopfzeile -->
UH 13     <div class="nord">
d6de87 14       
1f3919 15       <div id="menue"> <!-- Menue -->
UH 16         <ul class="nav">
17           <li class="nav-item dropdown">
18             <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Verwaltung</a>
19             <div class="dropdown-menu">
20               <a class="dropdown-item" href="/">WebBox</a>
21               <div class="dropdown-divider"></div>
22               <a class="dropdown-item" href="/wbx/mng">Apps</a>
23               <a class="dropdown-item" href="/um/ui">Benutzer</a>
24             </div>
25           </li>
26           <li class="nav-item dropdown">
27             <a id="userMenu" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
28             <div class="dropdown-menu">
29               <a id="logout" class="dropdown-item" href="#">Abmelden</a>
30             </div>
31           </li>
32         </ul>
33       </div> <!-- Menue -->
34       
35     </div>
36     <div class="inhalt">
37       <!-- westliche Seitenleiste -->
38       <div class="west hidden-xs-down">
c67f39 39           <!-- linke Seitenleiste mit Links -->
UH 40           <nav class="nav flex-column">
41             <a class="nav-link active" href="#">Active</a>
42             <a class="nav-link" href="#">Link</a>
43             <a class="nav-link" href="#">Link</a>
44             <a class="nav-link disabled" href="#">Disabled</a>
45           </nav>    
1f3919 46       </div>
UH 47       <!-- zentraler Inhaltsbereich -->
48       <div class="zentrum">
49         <div class="zentrum-bc">
2dd0cf 50           <nav class="breadcrumb">
U 51             <a class="breadcrumb-item" href="#">Home</a>
52             <a class="breadcrumb-item" href="#">Library</a>
53             <a class="breadcrumb-item" href="#">Data</a>
54             <span class="breadcrumb-item active">Bootstrap</span>
55             <div class="pull-right align-middle">
1f3919 56               <i class="fa fa-th-large"></i>
c67f39 57             </div>
2dd0cf 58           </nav>            
1f3919 59         </div>
UH 60         <div class="zentrum-liste">
61           <figure class="figure datei-figure text-center text-warning align-top">
62             <i class="fa fa-folder fa-3x"></i>
63             <figcaption class="figure-caption">Kurzer Text</figcaption>
64           </figure>   
65           <figure class="figure datei-figure text-center text-warning align-top">
66             <i class="fa fa-folder fa-3x"></i>
67             <figcaption class="figure-caption">A caption for the above image.</figcaption>
68           </figure>   
69           <figure class="figure datei-figure text-center text-warning align-top">
70             <i class="fa fa-folder fa-3x"></i>
71             <figcaption class="figure-caption">Ein ganz langer Text, der dieses Element benennt.</figcaption>
72           </figure>   
73           <figure class="figure datei-figure text-center text-warning align-top">
74             <i class="fa fa-folder fa-3x"></i>
75             <figcaption class="figure-caption">Wort</figcaption>
76           </figure>   
77           <figure class="figure datei-figure text-center text-warning align-top">
78             <i class="fa fa-folder fa-3x"></i>
79             <figcaption class="figure-caption">Wort2</figcaption>
80           </figure>   
81           <figure class="figure datei-figure text-center text-warning align-top">
82             <i class="fa fa-folder fa-3x"></i>
83             <figcaption class="figure-caption">Wort3</figcaption>
84           </figure>   
c67f39 85         </div>
UH 86       </div>
1f3919 87       <!-- oestliche Seitenleiste -->
UH 88       <!--
89       <div class="ost">
90         &ouml;stliche Seitenleiste
91       </div>
92       -->
dd9d2e 93     </div>
1f3919 94     <!-- Fusszeile -->
UH 95     <!--
96     <div class="sued">
97       Fu&szlig;zeile
98     </div>
99     -->
dd9d2e 100     <!-- Skripte -->
U 101     <script src="/jslib/jquery/jquery.min.js"></script>
102     <script src="/jslib/bootstrap/js/bootstrap.min.js"></script>
103     <script src="/jslib/mustache/mustache.min.js"></script>
104     <script src="ui.js"></script>
105     <script type="text/javascript" charset="utf-8">
106       //var ui;
107       $(document).ready(function() {
1f3919 108         // init
dd9d2e 109       });
U 110     </script>
111   </body>
112 </html>