app/index.html

   1 <html>
   2 <head>
   3     <title> Cloudron Surfer </title>
   4
   5     <link rel="stylesheet" href="/admin/css/bootstrap.min.css">
   6     <link rel="stylesheet" href="/admin/css/style.css">
   7
   8 </head>
   9 <body id="app">
  10
  11     <nav class="navbar navbar-default" v-cloak>
  12         <div class="container-fluid">
  13             <!-- Brand and toggle get grouped for better mobile display -->
  14             <div class="navbar-header">
  15                 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
  16                     <span class="sr-only">Toggle navigation</span>
  17                     <span class="icon-bar"></span>
  18                     <span class="icon-bar"></span>
  19                     <span class="icon-bar"></span>
  20                 </button>
  21                 <a class="navbar-brand" href="#">Surfer</a>
  22             </div>
  23
  24             <!-- Collect the nav links, forms, and other content for toggling -->
  25             <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  26                 <ul class="nav navbar-nav navbar-right">
  27                     <li v-show="session.valid"><a href="#">Upload</a></li>
  28                     <li v-show="session.valid"><a href="#" ng-click="logout()">Logout</a></li>
  29                 </ul>
  30             </div>
  31         </div>
  32     </nav>
  33
  34     <div class="container" v-show="busy" v-cloak>
  35         <div class="row">
  36             <div class="col-lg-12">
  37                 <center>
  38                     Loading...
  39                 </center>
  40             </div>
  41         </div>
  42     </div>
  43
  44     <div class="container" v-show="!session.valid && !busy" v-cloak>
  45         <div class="row">
  46             <div class="col-lg-6 col-lg-offset-3">
  47                 <form v-on:submit.prevent="login()">
  48                     <div class="form-group">
  49                         <label for="inputUsername">Username</label>
  50                         <input type="text" class="form-control" id="inputUsername" v-model="loginData.username" placeholder="Username">
  51                     </div>
  52                     <div class="form-group">
  53                         <label for="inputPassword">Password</label>
  54                         <input type="password" class="form-control" id="inputPassword" v-model="loginData.password" placeholder="Password">
  55                     </div>
  56                     <button type="submit" class="btn btn-default">Submit</button>
  57                 </form>
  58             </div>
  59         </div>
  60     </div>
  61
  62     <div class="container" v-show="session.valid && !busy" v-cloak>
  63         <div class="row">
  64             <div class="col-lg-12">
  65                 <ol class="breadcrumb">
  66                     <li><a href="#">Home</a></li>
  67                     <li><a href="#">Library</a></li>
  68                     <li class="active">Data</li>
  69                 </ol>
  70             </div>
  71             <div class="col-lg-12">
  72                 <table class="table table-hover">
  73                     <thead>
  74                         <tr>
  75                             <th>Type</th>
  76                             <th>Name</th>
  77                             <th>Size</th>
  78                             <th>Modified</th>
  79                         </tr>
  80                     </thead>
  81                     <tbody>
  82                         <tr>
  83                             <th>Type</th>
  84                             <th>Name</th>
  85                             <th>Size</th>
  86                             <th>Modified</th>
  87                         </tr>
  88                     </tbody>
  89                 </table>
  90             </div>
  91         </div>
  92     </div>
  93
  94     <script src="/admin/js/jquery-1.12.1.min.js"></script>
  95     <script src="/admin/js/bootstrap.min.js"></script>
  96     <script src="/admin/js/vue.min.js"></script>
  97     <script src="/admin/js/superagent.js"></script>
  98     <script src="/admin/js/app.js"></script>
  99
 100 </body>
 101 </html>