Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/File/Info.vue
| <template> | <template> | ||||
| <div class="container"> | <div class="container"> | ||||
| <div class="card" id="file-info"> | <div class="card" id="file-info"> | ||||
| <div class="card-body"> | <div class="card-body"> | ||||
| <div class="card-title"> | <div class="card-title"> | ||||
| {{ file.name }} | {{ file.name }} | ||||
| <btn v-if="file.canDelete" class="btn-outline-danger button-delete float-end" @click="fileDelete" icon="trash-alt">{{ $t('file.delete') }}</btn> | <btn v-if="file.canDelete" class="btn-outline-danger button-delete float-end" @click="fileDelete" icon="trash-can">{{ $t('file.delete') }}</btn> | ||||
| </div> | </div> | ||||
| <div class="card-text"> | <div class="card-text"> | ||||
| <ul class="nav nav-tabs mt-3" role="tablist"> | <ul class="nav nav-tabs mt-3" role="tablist"> | ||||
| <li class="nav-item"> | <li class="nav-item"> | ||||
| <a class="nav-link active" id="tab-general" href="#general" role="tab" aria-controls="general" aria-selected="true" @click="$root.tab"> | <a class="nav-link active" id="tab-general" href="#general" role="tab" aria-controls="general" aria-selected="true" @click="$root.tab"> | ||||
| {{ $t('form.general') }} | {{ $t('form.general') }} | ||||
| </a> | </a> | ||||
| </li> | </li> | ||||
| ▲ Show 20 Lines • Show All 43 Lines • ▼ Show 20 Lines | <div class="container"> | ||||
| <div class="list-group p-0"> | <div class="list-group p-0"> | ||||
| <div v-for="item in shares" :key="item.id" class="list-group-item"> | <div v-for="item in shares" :key="item.id" class="list-group-item"> | ||||
| <div class="d-flex w-100 justify-content-between"> | <div class="d-flex w-100 justify-content-between"> | ||||
| <span class="user lh-lg"> | <span class="user lh-lg"> | ||||
| <svg-icon icon="user"></svg-icon> {{ item.user }} | <svg-icon icon="user"></svg-icon> {{ item.user }} | ||||
| </span> | </span> | ||||
| <span class="d-inline-block"> | <span class="d-inline-block"> | ||||
| <btn class="btn-link p-1" :icon="['far', 'clipboard']" :title="$t('btn.copy')" @click="copyLink(item.link)"></btn> | <btn class="btn-link p-1" :icon="['far', 'clipboard']" :title="$t('btn.copy')" @click="copyLink(item.link)"></btn> | ||||
| <btn class="btn-link text-danger p-1" icon="trash-alt" :title="$t('btn.delete')" @click="shareDelete(item.id)"></btn> | <btn class="btn-link text-danger p-1" icon="trash-can" :title="$t('btn.delete')" @click="shareDelete(item.id)"></btn> | ||||
| </span> | </span> | ||||
| </div> | </div> | ||||
| <code>{{ item.link }}</code> | <code>{{ item.link }}</code> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| import FileAPI from '../../js/files.js' | import FileAPI from '../../js/files.js' | ||||
| import { library } from '@fortawesome/fontawesome-svg-core' | import { library } from '@fortawesome/fontawesome-svg-core' | ||||
| import { faDownload } from '@fortawesome/free-solid-svg-icons' | |||||
| library.add(faDownload) | library.add( | ||||
| require('@fortawesome/free-regular-svg-icons/faClipboard').definition, | |||||
| require('@fortawesome/free-solid-svg-icons/faDownload').definition, | |||||
| ) | |||||
| export default { | export default { | ||||
| data() { | data() { | ||||
| return { | return { | ||||
| file: {}, | file: {}, | ||||
| fileId: null, | fileId: null, | ||||
| shares: [] | shares: [] | ||||
| } | } | ||||
| ▲ Show 20 Lines • Show All 67 Lines • Show Last 20 Lines | |||||