aboutsummaryrefslogtreecommitdiffhomepage
path: root/app/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'app/index.html')
-rw-r--r--app/index.html102
1 files changed, 89 insertions, 13 deletions
diff --git a/app/index.html b/app/index.html
index 8fb473d..5807724 100644
--- a/app/index.html
+++ b/app/index.html
@@ -5,21 +5,97 @@
5 <link rel="stylesheet" href="/admin/css/bootstrap.min.css"> 5 <link rel="stylesheet" href="/admin/css/bootstrap.min.css">
6 <link rel="stylesheet" href="/admin/css/style.css"> 6 <link rel="stylesheet" href="/admin/css/style.css">
7 7
8 <script src="/admin/js/jquery-1.12.1.min.js"></script>
9 <script src="/admin/js/bootstrap.min.js"></script>
10
11</head> 8</head>
12<body> 9<body id="app">
13 10
14<div class="wrapper"> 11 <nav class="navbar navbar-default" v-cloak>
15 <div class="content"> 12 <div class="container-fluid">
16 <h1> Surfer Admin </h1> 13 <!-- Brand and toggle get grouped for better mobile display -->
17 <p> 14 <div class="navbar-header">
18 Upload some files using the commandline tool. 15 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
19 <button class="btn btn-primary">Foobar</button> 16 <span class="sr-only">Toggle navigation</span>
20 </p> 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>
21 </div> 42 </div>
22</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>
23 99
24</body> 100</body>
25</html> 101</html>