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=
"modal fade" tabindex=
"-1" role=
"dialog" id=
"modalcreateDirectory">
53 <div class=
"modal-dialog">
54 <div class=
"modal-content">
55 <div class=
"modal-header">
56 <button type=
"button" class=
"close" data-dismiss=
"modal" aria-label=
"Close"><span aria-hidden=
"true">×</span></button>
57 <h4 class=
"modal-title">New Directory Name
</h4>
59 <div class=
"modal-body">
60 <form v-on:submit.
prevent=
"createDirectory(createDirectoryData)">
61 <div class=
"form-group">
62 <input type=
"text" class=
"form-control" v-model=
"createDirectoryData" placeholder=
"Name">
64 <button type=
"submit" style=
"display: none;"></button>
67 <div class=
"modal-footer">
68 <button type=
"button" class=
"btn btn-default" data-dismiss=
"modal">Close
</button>
69 <button type=
"button" class=
"btn btn-primary" v-on:
click=
"createDirectory(createDirectoryData)">Create
</button>
75 <div class=
"container" v-show=
"busy" v-cloak
>
77 <div class=
"col-lg-12">
79 <i class=
"fa fa-refresh fa-4x fa-spin"></i>
85 <div class=
"container" v-show=
"!session.valid && !busy" v-cloak
>
87 <div class=
"col-lg-6 col-lg-offset-3">
88 <form v-on:submit.
prevent=
"login()">
89 <div class=
"form-group">
90 <label for=
"inputUsername">Username
</label>
91 <input type=
"text" class=
"form-control" id=
"inputUsername" v-model=
"loginData.username" placeholder=
"Username">
93 <div class=
"form-group">
94 <label for=
"inputPassword">Password
</label>
95 <input type=
"password" class=
"form-control" id=
"inputPassword" v-model=
"loginData.password" placeholder=
"Password">
97 <button type=
"submit" class=
"btn btn-default">Submit
</button>
103 <div class=
"container" v-show=
"session.valid && !busy" v-cloak
>
105 <div class=
"col-lg-12">
107 <input type='file' v-el:upload
style=
"display: none"/>
108 <button class=
"btn btn-primary" v-on:
click=
"upload()">Upload
</button>
112 <div class=
"col-lg-12">
113 <ol class=
"breadcrumb">
114 <li><i class=
"fa fa-home"></i> </li>
115 <li v-for=
"part in pathParts">
120 <div class=
"col-lg-12">
121 <table class=
"table table-hover table-condensed">
128 <th style=
"text-align: right;">Action
</th>
132 <tr v-show=
"path !== '/'" v-on:
click=
"up()" class=
"hand">
133 <th><i class=
"fa fa-chevron-up"></i></th>
139 <tr v-for=
"entry in entries" v-on:
click=
"open(entry)" class=
"hand">
141 <img v-bind:
src=
"entry.previewUrl" height=
"48px" width=
"48px"/>
143 <th>{{ entry.filePath }}
</th>
144 <th>{{ entry.size | prettyFileSize }}
</th>
145 <th><span v-my-tooltip=
"foobar" data-toggle=
"tooltip" title=
"{{ entry.mtime }}">{{ entry.mtime | prettyDate }}
</span></th>
146 <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>
151 <div class=
"col-lg-12" style=
"text-align: right;">
152 <button class=
"btn btn-default btn-sm" v-on:
click=
"createDirectoryAsk()">Create Directory
</button>
157 <script src=
"/_admin/js/jquery-1.12.1.min.js"></script>
158 <script src=
"/_admin/js/bootstrap.min.js"></script>
159 <script src=
"/_admin/js/vue.min.js"></script>
160 <script src=
"/_admin/js/filesize.min.js"></script>
161 <script src=
"/_admin/js/superagent.js"></script>
162 <script src=
"/_admin/js/app.js"></script>