mirror of
https://github.com/filegator/filegator.git
synced 2025-10-28 03:31:49 +01:00
deploy: c9cb5afa91
This commit is contained in:
alcalbg
653
frontend/views/Browser.vue
Normal file
653
frontend/views/Browser.vue
Normal file
@@ -0,0 +1,653 @@
|
||||
<template>
|
||||
<div id="dropzone" class="container"
|
||||
@dragover="dropZone = can('upload') && ! isLoading ? true : false"
|
||||
@dragleave="dropZone = false"
|
||||
@drop="dropZone = false"
|
||||
>
|
||||
<div v-if="isLoading" id="loading" />
|
||||
|
||||
<Upload v-if="can('upload')" v-show="dropZone == false" :files="files" :drop-zone="dropZone" />
|
||||
|
||||
<b-upload v-if="dropZone && ! isLoading" multiple drag-drop>
|
||||
<b class="drop-info">{{ lang('Drop files to upload') }}</b>
|
||||
</b-upload>
|
||||
|
||||
<div v-if="!dropZone" class="container">
|
||||
<Menu />
|
||||
|
||||
<div id="browser">
|
||||
<div v-if="can('read')" class="is-flex is-justify-between">
|
||||
<div class="breadcrumb" aria-label="breadcrumbs">
|
||||
<ul>
|
||||
<li v-for="(item, index) in breadcrumbs" :key="index">
|
||||
<a @click="goTo(item.path)">{{ item.name }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<a id="search" class="search-btn" @click="search">
|
||||
<b-icon icon="search" size="is-small" />
|
||||
</a>
|
||||
<a id="sitemap" class="is-paddingless" @click="selectDir">
|
||||
<b-icon icon="sitemap" size="is-small" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section id="multi-actions" class="is-flex is-justify-between">
|
||||
<div>
|
||||
<b-field v-if="can('upload') && ! checked.length" class="file is-inline-block">
|
||||
<b-upload multiple native @input="files = $event">
|
||||
<a v-if="! checked.length" class="is-inline-block">
|
||||
<b-icon icon="upload" size="is-small" /> {{ lang('Add files') }}
|
||||
</a>
|
||||
</b-upload>
|
||||
</b-field>
|
||||
<a v-if="can(['read', 'write']) && ! checked.length" class="add-new is-inline-block">
|
||||
<b-dropdown :disabled="checked.length > 0" aria-role="list">
|
||||
<span slot="trigger">
|
||||
<b-icon icon="plus" size="is-small" /> {{ lang('New') }}
|
||||
</span>
|
||||
|
||||
<b-dropdown-item aria-role="listitem" @click="create('dir')">
|
||||
<b-icon icon="folder" size="is-small" /> {{ lang('Folder') }}
|
||||
</b-dropdown-item>
|
||||
<b-dropdown-item aria-role="listitem" @click="create('file')">
|
||||
<b-icon icon="file" size="is-small" /> {{ lang('File') }}
|
||||
</b-dropdown-item>
|
||||
|
||||
</b-dropdown>
|
||||
</a>
|
||||
<a v-if="can('batchdownload') && checked.length" class="is-inline-block" @click="batchDownload">
|
||||
<b-icon icon="download" size="is-small" /> {{ lang('Download') }}
|
||||
</a>
|
||||
<a v-if="can('write') && checked.length" class="is-inline-block" @click="copy">
|
||||
<b-icon icon="copy" size="is-small" /> {{ lang('Copy') }}
|
||||
</a>
|
||||
<a v-if="can('write') && checked.length" class="is-inline-block" @click="move">
|
||||
<b-icon icon="external-link-square-alt" size="is-small" /> {{ lang('Move') }}
|
||||
</a>
|
||||
<a v-if="can(['write', 'zip']) && checked.length" class="is-inline-block" @click="zip">
|
||||
<b-icon icon="file-archive" size="is-small" /> {{ lang('Zip') }}
|
||||
</a>
|
||||
<a v-if="can('write') && checked.length" class="is-inline-block" @click="remove">
|
||||
<b-icon icon="trash-alt" size="is-small" /> {{ lang('Delete') }}
|
||||
</a>
|
||||
</div>
|
||||
<div id="pagination" v-if="can('read')">
|
||||
<Pagination :perpage="perPage" @selected="perPage = $event" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<b-table v-if="can('read')"
|
||||
:data="content"
|
||||
:default-sort="defaultSort"
|
||||
:paginated="perPage > 0"
|
||||
:per-page="perPage"
|
||||
:current-page.sync="currentPage"
|
||||
:hoverable="true"
|
||||
:is-row-checkable="(row) => row.type != 'back'"
|
||||
:row-class="(row) => 'file-row type-'+row.type"
|
||||
:checked-rows.sync="checked"
|
||||
:loading="isLoading"
|
||||
:checkable="can('batchdownload') || can('write') || can('zip')"
|
||||
@contextmenu="rightClick"
|
||||
>
|
||||
<template slot-scope="props">
|
||||
<b-table-column :label="lang('Name')" :custom-sort="sortByName" field="data.name" sortable>
|
||||
<a class="is-block name" @click="itemClick(props.row)">
|
||||
{{ props.row.name }}
|
||||
</a>
|
||||
</b-table-column>
|
||||
|
||||
<b-table-column :label="lang('Size')" :custom-sort="sortBySize" field="data.size" sortable numeric width="150">
|
||||
{{ props.row.type == 'back' || props.row.type == 'dir' ? lang('Folder') : formatBytes(props.row.size) }}
|
||||
</b-table-column>
|
||||
|
||||
<b-table-column :label="lang('Time')" :custom-sort="sortByTime" field="data.time" sortable numeric width="200">
|
||||
{{ props.row.time ? formatDate(props.row.time) : '' }}
|
||||
</b-table-column>
|
||||
|
||||
<b-table-column id="single-actions" width="51">
|
||||
<b-dropdown v-if="props.row.type != 'back'" :disabled="checked.length > 0" aria-role="list" position="is-bottom-left">
|
||||
<button :ref="'ref-single-action-button-'+props.row.path" slot="trigger" class="button is-small">
|
||||
<b-icon icon="ellipsis-h" size="is-small" />
|
||||
</button>
|
||||
|
||||
<b-dropdown-item v-if="props.row.type == 'file' && can('download')" aria-role="listitem" @click="download(props.row)">
|
||||
<b-icon icon="download" size="is-small" /> {{ lang('Download') }}
|
||||
</b-dropdown-item>
|
||||
<b-dropdown-item v-if="props.row.type == 'file' && can(['download']) && hasPreview(props.row.path)" aria-role="listitem" @click="preview(props.row)">
|
||||
<b-icon icon="file-alt" size="is-small" /> {{ lang('View') }}
|
||||
</b-dropdown-item>
|
||||
<b-dropdown-item v-if="can('write')" aria-role="listitem" @click="copy($event, props.row)">
|
||||
<b-icon icon="copy" size="is-small" /> {{ lang('Copy') }}
|
||||
</b-dropdown-item>
|
||||
<b-dropdown-item v-if="can('write')" aria-role="listitem" @click="move($event, props.row)">
|
||||
<b-icon icon="external-link-square-alt" size="is-small" /> {{ lang('Move') }}
|
||||
</b-dropdown-item>
|
||||
<b-dropdown-item v-if="can('write')" aria-role="listitem" @click="rename($event, props.row)">
|
||||
<b-icon icon="file-signature" size="is-small" /> {{ lang('Rename') }}
|
||||
</b-dropdown-item>
|
||||
<b-dropdown-item v-if="can(['write', 'zip']) && isArchive(props.row)" aria-role="listitem" @click="unzip($event, props.row)">
|
||||
<b-icon icon="file-archive" size="is-small" /> {{ lang('Unzip') }}
|
||||
</b-dropdown-item>
|
||||
<b-dropdown-item v-if="can(['write', 'zip']) && ! isArchive(props.row)" aria-role="listitem" @click="zip($event, props.row)">
|
||||
<b-icon icon="file-archive" size="is-small" /> {{ lang('Zip') }}
|
||||
</b-dropdown-item>
|
||||
<b-dropdown-item v-if="can('write')" aria-role="listitem" @click="remove($event, props.row)">
|
||||
<b-icon icon="trash-alt" size="is-small" /> {{ lang('Delete') }}
|
||||
</b-dropdown-item>
|
||||
<b-dropdown-item v-if="props.row.type == 'file' && can('download')" v-clipboard:copy="getDownloadLink(props.row.path)" aria-role="listitem">
|
||||
<b-icon icon="clipboard" size="is-small" /> {{ lang('Copy link') }}
|
||||
</b-dropdown-item>
|
||||
</b-dropdown>
|
||||
</b-table-column>
|
||||
</template>
|
||||
</b-table>
|
||||
|
||||
<section id="bottom-info" class="is-flex is-justify-between">
|
||||
<div>
|
||||
<span>{{ lang('Selected', checked.length, totalCount) }}</span>
|
||||
</div>
|
||||
<div v-if="(showAllEntries || hasFilteredEntries) ">
|
||||
<input type="checkbox" id="checkbox" @click="toggleHidden">
|
||||
<label for="checkbox"> {{ lang('Show hidden') }}</label>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Vue from 'vue'
|
||||
import Menu from './partials/Menu'
|
||||
import Tree from './partials/Tree'
|
||||
import Editor from './partials/Editor'
|
||||
import Gallery from './partials/Gallery'
|
||||
import Search from './partials/Search'
|
||||
import Pagination from './partials/Pagination'
|
||||
import Upload from './partials/Upload'
|
||||
import api from '../api/api'
|
||||
import VueClipboard from 'vue-clipboard2'
|
||||
import _ from 'lodash'
|
||||
|
||||
Vue.use(VueClipboard)
|
||||
|
||||
export default {
|
||||
name: 'Browser',
|
||||
components: { Menu, Pagination, Upload },
|
||||
data() {
|
||||
return {
|
||||
dropZone: false,
|
||||
perPage: '',
|
||||
currentPage: 1,
|
||||
checked: [],
|
||||
isLoading: false,
|
||||
defaultSort: ['data.name', 'asc'],
|
||||
files: [],
|
||||
hasFilteredEntries: false,
|
||||
showAllEntries: false,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
breadcrumbs() {
|
||||
let path = ''
|
||||
let breadcrumbs = [{name: this.lang('Home'), path: '/'}]
|
||||
|
||||
_.forEach(_.split(this.$store.state.cwd.location, '/'), (dir) => {
|
||||
path += dir + '/'
|
||||
breadcrumbs.push({
|
||||
name: dir,
|
||||
path: path,
|
||||
})
|
||||
})
|
||||
|
||||
return _.filter(breadcrumbs, o => o.name)
|
||||
},
|
||||
content() {
|
||||
return this.$store.state.cwd.content
|
||||
},
|
||||
totalCount() {
|
||||
return Number(_.sumBy(this.$store.state.cwd.content, (o) => {
|
||||
return o.type == 'file' || o.type == 'dir'
|
||||
}))
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
'$route' (to) {
|
||||
this.isLoading = true
|
||||
this.checked = []
|
||||
this.currentPage = 1
|
||||
api.changeDir({
|
||||
to: to.query.cd
|
||||
})
|
||||
.then(ret => {
|
||||
this.$store.commit('setCwd', {
|
||||
content: this.filterEntries(ret.files),
|
||||
location: ret.location,
|
||||
})
|
||||
this.isLoading = false
|
||||
})
|
||||
.catch(error => {
|
||||
this.isLoading = false
|
||||
this.handleError(error)
|
||||
})
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
if (this.can('read')) {
|
||||
this.loadFiles()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toggleHidden() {
|
||||
this.showAllEntries = !this.showAllEntries
|
||||
this.loadFiles()
|
||||
this.checked = []
|
||||
},
|
||||
filterEntries(files){
|
||||
var filter_entries = this.$store.state.config.filter_entries
|
||||
this.hasFilteredEntries = false
|
||||
if (!this.showAllEntries && typeof filter_entries !== 'undefined' && filter_entries.length > 0){
|
||||
let filteredFiles = []
|
||||
_.forEach(files, (file) => {
|
||||
let filterContinue = false
|
||||
_.forEach(filter_entries, (ffilter_Entry) => {
|
||||
if (typeof ffilter_Entry !== 'undefined' && ffilter_Entry.length > 0){
|
||||
let filter_Entry = ffilter_Entry
|
||||
let filterEntry_type = filter_Entry.endsWith('/')? 'dir':'file'
|
||||
filter_Entry = filter_Entry.replace(/\/$/, '')
|
||||
let filterEntry_isFullPath = filter_Entry.startsWith('/')
|
||||
let filterEntry_tmpName = filterEntry_isFullPath? '/'+file.path : file.name
|
||||
filter_Entry = filterEntry_isFullPath? '/'+filter_Entry : filter_Entry
|
||||
filter_Entry = filter_Entry.replace(/[.+?^${}()|[\]\\]/g, '\\$&').replace(/\*/g, '.$&')
|
||||
let thisRegex = new RegExp('^'+filter_Entry+'$', 'iu')
|
||||
if(file.type == filterEntry_type && thisRegex.test(filterEntry_tmpName))
|
||||
{
|
||||
filterContinue = true
|
||||
this.hasFilteredEntries = true
|
||||
return false
|
||||
}
|
||||
}
|
||||
})
|
||||
if(!filterContinue){
|
||||
filteredFiles.push(file)
|
||||
}
|
||||
})
|
||||
return filteredFiles
|
||||
}
|
||||
return files
|
||||
},
|
||||
loadFiles() {
|
||||
api.getDir({
|
||||
to: '',
|
||||
})
|
||||
.then(ret => {
|
||||
this.$store.commit('setCwd', {
|
||||
content: this.filterEntries(ret.files),
|
||||
location: ret.location,
|
||||
})
|
||||
})
|
||||
.catch(error => this.handleError(error))
|
||||
},
|
||||
goTo(path) {
|
||||
this.$router.push({ name: 'browser', query: { 'cd': path }}).catch(() => {})
|
||||
},
|
||||
getSelected() {
|
||||
return _.reduce(this.checked, function(result, value) {
|
||||
result.push(value)
|
||||
return result
|
||||
}, [])
|
||||
},
|
||||
itemClick(item) {
|
||||
if (item.type == 'dir' || item.type == 'back') {
|
||||
this.goTo(item.path)
|
||||
} else if (this.can(['download']) && this.hasPreview(item.path)) {
|
||||
this.preview(item)
|
||||
} else if (this.can(['download'])) {
|
||||
this.download(item)
|
||||
}
|
||||
},
|
||||
rightClick(row, event) {
|
||||
if (row.type == 'back') {
|
||||
return
|
||||
}
|
||||
event.preventDefault()
|
||||
this.$refs['ref-single-action-button-'+row.path].click()
|
||||
},
|
||||
selectDir() {
|
||||
this.$modal.open({
|
||||
parent: this,
|
||||
hasModalCard: true,
|
||||
component: Tree,
|
||||
events: {
|
||||
selected: dir => {
|
||||
this.goTo(dir.path)
|
||||
}
|
||||
},
|
||||
})
|
||||
},
|
||||
copy(event, item) {
|
||||
this.$modal.open({
|
||||
parent: this,
|
||||
hasModalCard: true,
|
||||
component: Tree,
|
||||
events: {
|
||||
selected: dir => {
|
||||
this.isLoading = true
|
||||
api.copyItems({
|
||||
destination: dir.path,
|
||||
items: item ? [item] : this.getSelected(),
|
||||
})
|
||||
.then(() => {
|
||||
this.isLoading = false
|
||||
this.loadFiles()
|
||||
})
|
||||
.catch(error => {
|
||||
this.isLoading = false
|
||||
this.handleError(error)
|
||||
})
|
||||
this.checked = []
|
||||
}
|
||||
},
|
||||
})
|
||||
},
|
||||
move(event, item) {
|
||||
this.$modal.open({
|
||||
parent: this,
|
||||
hasModalCard: true,
|
||||
component: Tree,
|
||||
events: {
|
||||
selected: dir => {
|
||||
this.isLoading = true
|
||||
api.moveItems({
|
||||
destination: dir.path,
|
||||
items: item ? [item] : this.getSelected(),
|
||||
})
|
||||
.then(() => {
|
||||
this.isLoading = false
|
||||
this.loadFiles()
|
||||
})
|
||||
.catch(error => {
|
||||
this.isLoading = false
|
||||
this.handleError(error)
|
||||
})
|
||||
this.checked = []
|
||||
}
|
||||
},
|
||||
})
|
||||
},
|
||||
batchDownload() {
|
||||
let items = this.getSelected()
|
||||
|
||||
this.isLoading = true
|
||||
api.batchDownload({
|
||||
items: items,
|
||||
})
|
||||
.then(ret => {
|
||||
this.isLoading = false
|
||||
this.$dialog.alert({
|
||||
message: this.lang('Your file is ready'),
|
||||
confirmText: this.lang('Download'),
|
||||
onConfirm: () => {
|
||||
window.open(Vue.config.baseURL+'/batchdownload&uniqid='+ret.uniqid, '_blank')
|
||||
}
|
||||
})
|
||||
})
|
||||
.catch(error => {
|
||||
this.isLoading = false
|
||||
this.handleError(error)
|
||||
})
|
||||
},
|
||||
download(item) {
|
||||
window.open(this.getDownloadLink(item.path), '_blank')
|
||||
},
|
||||
search() {
|
||||
this.$modal.open({
|
||||
parent: this,
|
||||
hasModalCard: true,
|
||||
component: Search,
|
||||
events: {
|
||||
selected: item => {
|
||||
this.goTo(item.dir)
|
||||
}
|
||||
},
|
||||
})
|
||||
},
|
||||
preview(item) {
|
||||
let modal = null
|
||||
if (this.isImage(item.path)) {
|
||||
modal = Gallery
|
||||
}
|
||||
if (this.isText(item.path)) {
|
||||
modal = Editor
|
||||
}
|
||||
this.$modal.open({
|
||||
parent: this,
|
||||
props: { item: item },
|
||||
hasModalCard: true,
|
||||
component: modal,
|
||||
})
|
||||
},
|
||||
isArchive(item) {
|
||||
return item.type == 'file' && item.name.split('.').pop() == 'zip'
|
||||
},
|
||||
unzip(event, item) {
|
||||
this.$dialog.confirm({
|
||||
message: this.lang('Are you sure you want to do this?'),
|
||||
type: 'is-danger',
|
||||
cancelText: this.lang('Cancel'),
|
||||
confirmText: this.lang('Unzip'),
|
||||
onConfirm: () => {
|
||||
this.isLoading = true
|
||||
api.unzipItem({
|
||||
item: item.path,
|
||||
destination: this.$store.state.cwd.location,
|
||||
})
|
||||
.then(() => {
|
||||
this.isLoading = false
|
||||
this.loadFiles()
|
||||
})
|
||||
.catch(error => {
|
||||
this.isLoading = false
|
||||
this.handleError(error)
|
||||
})
|
||||
this.checked = []
|
||||
}
|
||||
})
|
||||
},
|
||||
zip(event, item) {
|
||||
this.$dialog.prompt({
|
||||
message: this.lang('Name'),
|
||||
cancelText: this.lang('Cancel'),
|
||||
confirmText: this.lang('Create'),
|
||||
inputAttrs: {
|
||||
value: this.$store.state.config.default_archive_name,
|
||||
placeholder: this.$store.state.config.default_archive_name,
|
||||
maxlength: 100,
|
||||
required: false,
|
||||
},
|
||||
onConfirm: (value) => {
|
||||
if (! value) {
|
||||
return
|
||||
}
|
||||
this.isLoading = true
|
||||
api.zipItems({
|
||||
name: value,
|
||||
items: item ? [item] : this.getSelected(),
|
||||
destination: this.$store.state.cwd.location,
|
||||
})
|
||||
.then(() => {
|
||||
this.isLoading = false
|
||||
this.loadFiles()
|
||||
})
|
||||
.catch(error => {
|
||||
this.isLoading = false
|
||||
this.handleError(error)
|
||||
})
|
||||
this.checked = []
|
||||
}
|
||||
})
|
||||
},
|
||||
rename(event, item) {
|
||||
this.$dialog.prompt({
|
||||
message: this.lang('New name'),
|
||||
cancelText: this.lang('Cancel'),
|
||||
confirmText: this.lang('Rename'),
|
||||
inputAttrs: {
|
||||
value: item ? item.name : this.getSelected()[0].name,
|
||||
maxlength: 100,
|
||||
required: false,
|
||||
},
|
||||
onConfirm: (value) => {
|
||||
this.isLoading = true
|
||||
api.renameItem({
|
||||
from: item.name,
|
||||
to: value,
|
||||
destination: this.$store.state.cwd.location,
|
||||
})
|
||||
.then(() => {
|
||||
this.isLoading = false
|
||||
this.loadFiles()
|
||||
})
|
||||
.catch(error => {
|
||||
this.isLoading = false
|
||||
this.handleError(error)
|
||||
})
|
||||
this.checked = []
|
||||
}
|
||||
})
|
||||
},
|
||||
create(type) {
|
||||
this.$dialog.prompt({
|
||||
cancelText: this.lang('Cancel'),
|
||||
confirmText: this.lang('Create'),
|
||||
inputAttrs: {
|
||||
placeholder: type == 'dir' ? 'MyFolder' : 'file.txt',
|
||||
maxlength: 100,
|
||||
required: false,
|
||||
},
|
||||
onConfirm: (value) => {
|
||||
this.isLoading = true
|
||||
api.createNew({
|
||||
type: type,
|
||||
name: value,
|
||||
destination: this.$store.state.cwd.location,
|
||||
})
|
||||
// TODO: cors is triggering this too early?
|
||||
.then(() => {
|
||||
this.isLoading = false
|
||||
this.loadFiles()
|
||||
})
|
||||
.catch(error => {
|
||||
this.isLoading = false
|
||||
this.handleError(error)
|
||||
})
|
||||
this.checked = []
|
||||
}
|
||||
})
|
||||
},
|
||||
remove(event, item) {
|
||||
this.$dialog.confirm({
|
||||
message: this.lang('Are you sure you want to do this?'),
|
||||
type: 'is-danger',
|
||||
cancelText: this.lang('Cancel'),
|
||||
confirmText: this.lang('Delete'),
|
||||
onConfirm: () => {
|
||||
this.isLoading = true
|
||||
api.removeItems({
|
||||
items: item ? [item] : this.getSelected(),
|
||||
})
|
||||
.then(() => {
|
||||
this.isLoading = false
|
||||
this.loadFiles()
|
||||
})
|
||||
.catch(error => {
|
||||
this.isLoading = false
|
||||
this.handleError(error)
|
||||
})
|
||||
this.checked = []
|
||||
}
|
||||
})
|
||||
},
|
||||
sortByName(a, b, order) {
|
||||
return this.customSort(a, b, !order, 'name')
|
||||
},
|
||||
sortBySize(a, b, order) {
|
||||
return this.customSort(a, b, !order, 'size')
|
||||
},
|
||||
sortByTime(a, b, order) {
|
||||
return this.customSort(a, b, !order, 'time')
|
||||
},
|
||||
customSort(a, b, order, param) {
|
||||
if (a.type == 'back') return -1
|
||||
if (b.type == 'back') return 1
|
||||
|
||||
if (a.type == 'dir' && b.type != 'dir') return -1
|
||||
if (b.type == 'dir' && a.type != 'dir') return 1
|
||||
|
||||
if (b.type == a.type) {
|
||||
if (a[param] === b[param]) return this.customSort(a, b, false, 'name')
|
||||
|
||||
if (_.isString(a[param])) return (a[param].localeCompare(b[param])) * (order ? -1 : 1)
|
||||
else return ((a[param] < b[param]) ? -1 : 1) * (order ? -1 : 1)
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#loading {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
z-index: 1000;
|
||||
top: 0;
|
||||
left: 0;
|
||||
user-drag: none;
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-drag: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
#dropzone {
|
||||
padding: 0;
|
||||
}
|
||||
#browser {
|
||||
margin: 50px auto 100px auto;
|
||||
}
|
||||
.breadcrumb a {
|
||||
font-weight: bold;
|
||||
}
|
||||
#multi-actions {
|
||||
min-height: 55px;
|
||||
}
|
||||
#multi-actions a {
|
||||
margin: 0 15px 15px 0;
|
||||
}
|
||||
#bottom-info {
|
||||
padding: 15px 0;
|
||||
}
|
||||
.file-row a {
|
||||
color: #373737;
|
||||
}
|
||||
.file-row a.name {
|
||||
word-break: break-all;
|
||||
}
|
||||
.file-row.type-dir a.name {
|
||||
font-weight: bold
|
||||
}
|
||||
#single-actions {
|
||||
padding: 6px 12px;
|
||||
}
|
||||
.drop-info {
|
||||
margin: 20% auto;
|
||||
}
|
||||
.search-btn {
|
||||
margin-right: 10px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user