3 <title> Cloudron Surfer
</title>
5 <link rel=
"stylesheet" href=
"/admin/css/font-awesome.min.css">
6 <link rel=
"stylesheet" href=
"/admin/css/bootstrap.min.css">
7 <link rel=
"stylesheet" href=
"/admin/css/style.css">
12 <nav class=
"navbar navbar-default" v-cloak
>
13 <div class=
"container-fluid">
14 <!-- Brand and toggle get grouped for better mobile display -->
15 <div class=
"navbar-header">
16 <button type=
"button" class=
"navbar-toggle collapsed" data-toggle=
"collapse" data-target=
"#bs-example-navbar-collapse-1" aria-expanded=
"false">
17 <span class=
"sr-only">Toggle navigation
</span>
18 <span class=
"icon-bar"></span>
19 <span class=
"icon-bar"></span>
20 <span class=
"icon-bar"></span>
22 <a class=
"navbar-brand" href=
"#">Surfer
</a>
25 <!-- Collect the nav links, forms, and other content for toggling -->
26 <div class=
"collapse navbar-collapse" id=
"bs-example-navbar-collapse-1">
27 <ul class=
"nav navbar-nav navbar-right">
28 <li v-show=
"session.valid"><a href=
"#" v-on:
click=
"logout()">Logout
</a></li>
34 <div class=
"modal fade" tabindex=
"-1" role=
"dialog" id=
"modalDelete">
35 <div class=
"modal-dialog">
36 <div class=
"modal-content">
37 <div class=
"modal-header">
38 <button type=
"button" class=
"close" data-dismiss=
"modal" aria-label=
"Close"><span aria-hidden=
"true">×</span></button>
40 <div class=
"modal-body">
41 <h5 v-show=
"deleteData.isFile">Really delete
<span style=
"font-weight: bold;">{{ deleteData.filePath }}
</span>?
</h5>
42 <h5 v-show=
"deleteData.isDirectory">Really delete directory
<span style=
"font-weight: bold;">{{ deleteData.filePath }}
</span> and all its content?
</h5>
44 <div class=
"modal-footer">
45 <button type=
"button" class=
"btn btn-default" data-dismiss=
"modal">No
</button>
46 <button type=
"button" class=
"btn btn-danger" v-on:
click=
"del(deleteData)">Yes
</button>
52 <div class=
"container" v-show=
"busy" v-cloak
>
54 <div class=
"col-lg-12">
62 <div class=
"container" v-show=
"!session.valid && !busy" v-cloak
>
64 <div class=
"col-lg-6 col-lg-offset-3">
65 <form v-on:submit.
prevent=
"login()">
66 <div class=
"form-group">
67 <label for=
"inputUsername">Username
</label>
68 <input type=
"text" class=
"form-control" id=
"inputUsername" v-model=
"loginData.username" placeholder=
"Username">
70 <div class=
"form-group">
71 <label for=
"inputPassword">Password
</label>
72 <input type=
"password" class=
"form-control" id=
"inputPassword" v-model=
"loginData.password" placeholder=
"Password">
74 <button type=
"submit" class=
"btn btn-default">Submit
</button>
80 <div class=
"container" v-show=
"session.valid && !busy" v-cloak
>
82 <div class=
"col-lg-12">
84 <input type='file' v-el:upload
style=
"display: none"/>
85 <button class=
"btn btn-primary" v-on:
click=
"upload()">Upload
</button>
89 <div class=
"col-lg-12">
90 <ol class=
"breadcrumb">
91 <li><i class=
"fa fa-home"></i> </li>
92 <li v-for=
"part in pathParts">
97 <div class=
"col-lg-12">
98 <table class=
"table table-hover table-condensed">
105 <th style=
"text-align: right;">Action
</th>
109 <tr v-show=
"path !== '/'" v-on:
click=
"up()" class=
"hand">
110 <th><i class=
"fa fa-chevron-up"></i></th>
115 <tr v-for=
"entry in entries" v-on:
click=
"open(entry)" class=
"hand">
117 <i class=
"fa fa-folder-o" v-show=
"entry.isDirectory"></i>
118 <i class=
"fa fa-file-o" v-show=
"entry.isFile"></i>
120 <th>{{ entry.filePath }}
</th>
121 <th>{{ entry.size }}
</th>
122 <th>{{ entry.mtime }}
</th>
123 <th style=
"text-align: right;"><button class=
"btn btn-sm btn-danger" v-on:click.
stop=
"delAsk(entry)"><i class=
"fa fa-trash"></i></button></th>
131 <script src=
"/admin/js/jquery-1.12.1.min.js"></script>
132 <script src=
"/admin/js/bootstrap.min.js"></script>
133 <script src=
"/admin/js/vue.min.js"></script>
134 <script src=
"/admin/js/superagent.js"></script>
135 <script src=
"/admin/js/app.js"></script>