diff options
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> |