diff options
| author | Johannes Zellner <johannes@nebulon.de> | 2016-03-01 14:11:23 +0100 |
|---|---|---|
| committer | Johannes Zellner <johannes@nebulon.de> | 2016-03-01 14:11:23 +0100 |
| commit | 6eb72d64efc4a22aeb6cd5f52d1e4508ffed137f (patch) | |
| tree | a5f9f3e370082fe58e5a6d736712b2684fde344b /app/index.html | |
| parent | 0fd8904c881ce9de7fc4737989f0c1e820987f59 (diff) | |
| download | Surfer-6eb72d64efc4a22aeb6cd5f52d1e4508ffed137f.tar.gz Surfer-6eb72d64efc4a22aeb6cd5f52d1e4508ffed137f.tar.zst Surfer-6eb72d64efc4a22aeb6cd5f52d1e4508ffed137f.zip | |
Add basic admin ui
Diffstat (limited to 'app/index.html')
| -rw-r--r-- | app/index.html | 102 |
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> |