diff options
| author | Johannes Zellner <johannes@nebulon.de> | 2016-03-01 15:10:25 +0100 |
|---|---|---|
| committer | Johannes Zellner <johannes@nebulon.de> | 2016-03-01 15:10:25 +0100 |
| commit | d3312ed1aace3c72570f60be56d846fb9ecbc584 (patch) | |
| tree | 7c55ab933fae9c5577bd8f098da98da3cd5ad577 /app/index.html | |
| parent | 6eb72d64efc4a22aeb6cd5f52d1e4508ffed137f (diff) | |
| download | Surfer-d3312ed1aace3c72570f60be56d846fb9ecbc584.tar.gz Surfer-d3312ed1aace3c72570f60be56d846fb9ecbc584.tar.zst Surfer-d3312ed1aace3c72570f60be56d846fb9ecbc584.zip | |
Make directory listing navigatable
Diffstat (limited to 'app/index.html')
| -rw-r--r-- | app/index.html | 31 |
1 files changed, 22 insertions, 9 deletions
diff --git a/app/index.html b/app/index.html index 5807724..773b5cf 100644 --- a/app/index.html +++ b/app/index.html | |||
| @@ -2,6 +2,7 @@ | |||
| 2 | <head> | 2 | <head> |
| 3 | <title> Cloudron Surfer </title> | 3 | <title> Cloudron Surfer </title> |
| 4 | 4 | ||
| 5 | <link rel="stylesheet" href="/admin/css/font-awesome.min.css"> | ||
| 5 | <link rel="stylesheet" href="/admin/css/bootstrap.min.css"> | 6 | <link rel="stylesheet" href="/admin/css/bootstrap.min.css"> |
| 6 | <link rel="stylesheet" href="/admin/css/style.css"> | 7 | <link rel="stylesheet" href="/admin/css/style.css"> |
| 7 | 8 | ||
| @@ -63,27 +64,39 @@ | |||
| 63 | <div class="row"> | 64 | <div class="row"> |
| 64 | <div class="col-lg-12"> | 65 | <div class="col-lg-12"> |
| 65 | <ol class="breadcrumb"> | 66 | <ol class="breadcrumb"> |
| 66 | <li><a href="#">Home</a></li> | 67 | <li><i class="fa fa-home"></i> </li> |
| 67 | <li><a href="#">Library</a></li> | 68 | <li v-for="part in pathParts"> |
| 68 | <li class="active">Data</li> | 69 | {{ part }} |
| 70 | </li> | ||
| 69 | </ol> | 71 | </ol> |
| 70 | </div> | 72 | </div> |
| 71 | <div class="col-lg-12"> | 73 | <div class="col-lg-12"> |
| 72 | <table class="table table-hover"> | 74 | <table class="table table-hover table-condensed"> |
| 73 | <thead> | 75 | <thead> |
| 74 | <tr> | 76 | <tr> |
| 75 | <th>Type</th> | 77 | <th>Type</th> |
| 76 | <th>Name</th> | 78 | <th>Name</th> |
| 77 | <th>Size</th> | 79 | <th>Size</th> |
| 78 | <th>Modified</th> | 80 | <th>Modified</th> |
| 81 | <th style="text-align: right;">Action</th> | ||
| 79 | </tr> | 82 | </tr> |
| 80 | </thead> | 83 | </thead> |
| 81 | <tbody> | 84 | <tbody> |
| 82 | <tr> | 85 | <tr v-show="path !== '/'" v-on:click="up()" class="hand"> |
| 83 | <th>Type</th> | 86 | <th><i class="fa fa-chevron-up"></i></th> |
| 84 | <th>Name</th> | 87 | <th>..</th> |
| 85 | <th>Size</th> | 88 | <th></th> |
| 86 | <th>Modified</th> | 89 | <th></th> |
| 90 | </tr> | ||
| 91 | <tr v-for="entry in entries" v-on:click="open(entry)" class="hand"> | ||
| 92 | <th> | ||
| 93 | <i class="fa fa-folder-o" v-show="entry.isDirectory"></i> | ||
| 94 | <i class="fa fa-file-o" v-show="entry.isFile"></i> | ||
| 95 | </th> | ||
| 96 | <th>{{ entry.filePath }}</th> | ||
| 97 | <th>{{ entry.size }}</th> | ||
| 98 | <th>{{ entry.mtime }}</th> | ||
| 99 | <th style="text-align: right;"><button class="btn btn-sm btn-danger"><i class="fa fa-trash"></i></button></th> | ||
| 87 | </tr> | 100 | </tr> |
| 88 | </tbody> | 101 | </tbody> |
| 89 | </table> | 102 | </table> |