nicoeri/filebrowser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: moved 'Create Folder' button (#2659)

Browse Source
This commit is contained in:
ArthurMousatov 2023-08-26 17:18:54 -04:00
parent 5aa1bfb51b
commit c629e92410
3 changed files with 72 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/components/prompts/Copy.vue
View File

@ -6,10 +6,26 @@
<div class="card-content"> <div class="card-content">
<p>{{ $t("prompts.copyMessage") }}</p> <p>{{ $t("prompts.copyMessage") }}</p>
<file-list @update:selected="(val) => (dest = val)"></file-list> <file-list ref="fileList" @update:selected="(val) => (dest = val)">
</file-list>
</div> </div>
<div class="card-action"> <div
class="card-action"
style="display: flex; align-items: center; justify-content: space-between;"
>
<template v-if="user.perm.create">
<button
class="button button--flat"
@click="$refs.fileList.createDir()"
:aria-label="$t('sidebar.newFolder')"
:title="$t('sidebar.newFolder')"
style="justify-self: left;"
>
<span>{{ $t("sidebar.newFolder") }}</span>
</button>
</template>
<div>
<button <button
class="button button--flat button--grey" class="button button--flat button--grey"
@click="$store.commit('closeHovers')" @click="$store.commit('closeHovers')"
@ -28,6 +44,7 @@
</button> </button>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>
@ -46,7 +63,7 @@ export default {
dest: null, dest: null,
}; };
}, },
computed: mapState(["req", "selected"]), computed: mapState(["req", "selected", "user"]),
methods: { methods: {
copy: async function (event) { copy: async function (event) {
event.preventDefault(); event.preventDefault();

12
frontend/src/components/prompts/FileList.vue
View File

@ -21,18 +21,6 @@
{{ $t("prompts.currentlyNavigating") }} <code>{{ nav }}</code {{ $t("prompts.currentlyNavigating") }} <code>{{ nav }}</code
>. >.
</p> </p>
<template v-if="user.perm.create">
<button
class="button button--flat"
@click="createDir()"
:aria-label="$t('sidebar.newFolder')"
:title="$t('sidebar.newFolder')"
>
<span style="vertical-align: bottom">{{
$t("sidebar.newFolder")
}}</span>
</button>
</template>
</div> </div>
</template> </template>

21
frontend/src/components/prompts/Move.vue
View File

@ -5,10 +5,26 @@
</div> </div>
<div class="card-content"> <div class="card-content">
<file-list @update:selected="(val) => (dest = val)"></file-list> <file-list ref="fileList" @update:selected="(val) => (dest = val)">
</file-list>
</div> </div>
<div class="card-action"> <div
class="card-action"
style="display: flex; align-items: center; justify-content: space-between;"
>
<template v-if="user.perm.create">
<button
class="button button--flat"
@click="$refs.fileList.createDir()"
:aria-label="$t('sidebar.newFolder')"
:title="$t('sidebar.newFolder')"
style="justify-self: left;"
>
<span>{{ $t("sidebar.newFolder") }}</span>
</button>
</template>
<div>
<button <button
class="button button--flat button--grey" class="button button--flat button--grey"
@click="$store.commit('closeHovers')" @click="$store.commit('closeHovers')"
@ -28,6 +44,7 @@
</button> </button>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>