]>
git.immae.eu Git - perso/Immae/Projets/Nodejs/Surfer.git/blob - public.html
2ddf543eb09f735e1113f774b7c2a2ed61a9ff0c
3 <title> Surfer
</title>
5 <meta name=
"viewport" content=
"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
7 <link rel=
"icon" type=
"image/png" href=
"/_admin/img/logo.png">
9 <link rel=
"stylesheet" href=
"/_admin/css/theme-chalk_2.11.1.css">
10 <link rel=
"stylesheet" href=
"/_admin/css/style.css">
12 <script src=
"/_admin/js/jquery-1.12.1.min.js"></script>
13 <script src=
"/_admin/js/vue.min.js"></script>
14 <script src=
"/_admin/js/element-ui_2.11.1.min.js"></script>
15 <script src=
"/_admin/js/element-ui_en_2.11.1.min.js"></script>
16 <script src=
"/_admin/js/filesize.min.js"></script>
17 <script src=
"/_admin/js/superagent.js"></script>
26 <el-row type=
"flex" justify=
"space-between">
27 <div style=
"flex-grow: 2; padding: 0 7px;">
28 <p style=
"font-size: 24px; margin: 4px 0;">{{ path }}
</p>
32 <el-button type=
"primary" icon=
"el-icon-user" size=
"small">Login
</el-button>
40 <center><h1><i class=
"el-icon-loading"></i></h1></center>
43 <div v-show=
"!busy && entries.length" v-cloak
>
45 <el-table :
data=
"entries" style=
"max-width: 1280px; width: 100%" height=
"100%" empty-text=
"Folder is emtpy" :
default-sort=
"{ prop: 'filePath', order: 'descending' }" @
row-click=
"open">
46 <el-table-column prop=
"previewUrl" label=
"Type" width=
"80px" sortable
>
47 <template slot-scope=
"scope">
48 <el-image v-bind:
src=
"scope.row.previewUrl" class=
"list-icon" style=
"width: 32px; height: 32px" fit=
"cover"></el-image>
51 <el-table-column prop=
"filePath" label=
"Name" sortable
></el-table-column>
52 <el-table-column prop=
"size" label=
"Size" width=
"150px" sortable :
formatter=
"prettyFileSize"></el-table-column>
53 <el-table-column prop=
"mtime" label=
"Modified" width=
"150px" sortable :
formatter=
"prettyDate"></el-table-column>
54 <el-table-column label=
"Actions" align=
"right" width=
"200px" class-name=
"list-actions">
55 <template slot-scope=
"scope">
56 <el-button size=
"small" icon=
"el-icon-download" type=
"text" plain circle
v-show=
"scope.row.isFile" @click.
stop=
"onDownload(scope.row)"></el-button>
63 <div v-show=
"!busy && !entries.length">
69 <el-drawer :
title=
"activeEntry.filePath":
with-header=
"false" :visible.
sync=
"previewDrawerVisible" direction=
"rtl" size=
"50%">
70 <div style=
"display: flex; flex-direction: column; height: 100%;">
71 <iframe :
src=
"activeEntry.fullPath" style=
"width: 100%; height: 100%; border: none; margin: 10px;"></iframe>
73 <el-button size=
"small" icon=
"el-icon-download" style=
"margin: 10px;" @click.
stop=
"onDownload(activeEntry)">Download
</el-button>
74 <a :
href=
"activeEntry.fullPath" target=
"_blank">
75 <el-button size=
"small" icon=
"el-icon-link" style=
"margin: 10px;">Open
</el-button>
86 <script src=
"/_admin/js/public.js"></script>