mirrors/filebrowser
1
0
Fork 0
mirror of https://github.com/filebrowser/filebrowser.git synced 2025-11-26 14:25:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

Improvements :)

Browse Source
This commit is contained in:
Henrique Dias
2017-06-28 22:20:28 +01:00
parent 7aa6a549f9
commit 84ddad027f
21 changed files with 467 additions and 445 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
_assets/src/components/Listing.vue
View File

@@ -1,6 +1,6 @@
<template>
<div id="listing"
:class="data.display"
:class="req.data.display"
@drop="drop"
@dragenter="dragEnter"
@dragend="dragEnd">
@@ -8,13 +8,13 @@
<div class="item header">
<div></div>
<div>
<p v-bind:class="{ active: data.sort === 'name' }" class="name"><span>Name</span>
<a v-if="data.sort === 'name' && data.order != 'asc'" href="?sort=name&order=asc"><i class="material-icons">arrow_upward</i></a>
<p v-bind:class="{ active: req.data.sort === 'name' }" class="name"><span>Name</span>
<a v-if="req.data.sort === 'name' && req.data.order != 'asc'" href="?sort=name&order=asc"><i class="material-icons">arrow_upward</i></a>
<a v-else href="?sort=name&order=desc"><i class="material-icons">arrow_downward</i></a>
</p>
<p v-bind:class="{ active: data.sort === 'size' }" class="size"><span>Size</span>
<a v-if="data.sort === 'size' && data.order != 'asc'" href="?sort=size&order=asc"><i class="material-icons">arrow_upward</i></a>
<p v-bind:class="{ active: req.data.sort === 'size' }" class="size"><span>Size</span>
<a v-if="req.data.sort === 'size' && req.data.order != 'asc'" href="?sort=size&order=asc"><i class="material-icons">arrow_upward</i></a>
<a v-else href="?sort=size&order=desc"><i class="material-icons">arrow_downward</i></a>
</p>
@@ -23,16 +23,15 @@
</div>
</div>
<h2 v-if="(data.numDirs + data.numFiles) == 0" class="message">It feels lonely here :'(</h2>
<h2 v-if="(req.data.numDirs + req.data.numFiles) == 0" class="message">It feels lonely here :'(</h2>
<h2 v-if="data.numDirs > 0">Folders</h2>
<div v-if="data.numDirs > 0">
<h2 v-if="req.data.numDirs > 0">Folders</h2>
<div v-if="req.data.numDirs > 0">
<item
v-for="(item, index) in data.items"
v-for="(item, index) in req.data.items"
v-if="item.isDir"
:key="base64(item.name)"
:id="base64(item.name)"
v-bind:selected="selected"
v-bind:index="index"
v-bind:name="item.name"
v-bind:isDir="item.isDir"
v-bind:url="item.url"
@@ -42,14 +41,13 @@
</item>
</div>
<h2 v-if="data.numFiles > 0">Files</h2>
<div v-if="data.numFiles > 0">
<h2 v-if="req.data.numFiles > 0">Files</h2>
<div v-if="req.data.numFiles > 0">
<item
v-for="(item, index) in data.items"
v-for="(item, index) in req.data.items"
v-if="!item.isDir"
:key="base64(item.name)"
:id="base64(item.name)"
v-bind:selected="selected"
v-bind:index="index"
v-bind:name="item.name"
v-bind:isDir="item.isDir"
v-bind:url="item.url"
@@ -73,11 +71,7 @@ import page from '../page.js'
export default {
name: 'preview',
data: function () {
return {
data: window.info.page.data,
selected: [],
multiple: false
}
return window.info
},
components: { Item },
mounted: function () {