nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-20 00:42:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added navigator to shared page with folders when you have multiple folders within for better user experience

Browse Source 
Title name of favourite folder overflowed sidebar when you have long title
Share button in image preview appear when you are in shared public folder
This commit is contained in:
Peter Papp
2020-11-21 10:33:27 +01:00
parent a3dd817e7a
commit a72a672aaf
8 changed files with 269 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
resources/js/components/FilesView/FilePreviewNavigationPanel.vue
View File

@@ -3,7 +3,7 @@
<div class="name-wrapper">
<x-icon @click="closeFullPreview" size="22" class="icon-close"></x-icon>
<div class="name-count-wrapper">
<p class="title">{{ formatedName }}</p>
<p class="title">{{ formattedName }}</p>
<span class="file-count"> ({{ showingImageIndex + ' ' + $t('pronouns.of') + ' ' + filteredFiles.length }}) </span>
</div>
<span id="fast-preview-menu" class="fast-menu-icon" @click="menuOpen" v-if="$checkPermission(['master', 'editor'])">
@@ -17,7 +17,7 @@
<div class="navigation-icons">
<div class="navigation-tool-wrapper">
<ToolbarButton source="download" class="mobile-hide" @click.native="downloadItem" :action="$t('actions.download')" />
<ToolbarButton source="share" class="mobile-hide" :class="{ 'is-inactive': canShareInView }" :action="$t('actions.share')" @click.native="shareItem" />
<ToolbarButton v-if="canShowShareView" :class="{ 'is-inactive': canShareInView }" @click.native="shareItem" source="share" class="mobile-hide" :action="$t('actions.share')" />
<ToolbarButton v-if="this.fileInfoDetail[0].type === 'image'" source="print" :action="$t('actions.print')" @click.native="printMethod()" />
</div>
</div>
@@ -54,8 +54,7 @@ export default {
})
return activeIndex
},
formatedName() {
formattedName() {
//Name length handling
let name = this.fileInfoDetail[0].name
let windowWidth = window.innerWidth
@@ -75,8 +74,11 @@ export default {
})
}
},
canShowShareView() {
return this.$isThisLocation(['base', 'participant_uploads', 'latest', 'shared'])
},
canShareInView() {
return !this.$isThisLocation(['base', 'participant_uploads', 'latest', 'shared', 'public'])
return ! this.$isThisLocation(['base', 'participant_uploads', 'latest', 'shared'])
}
},
data() {