Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/File/List.vue
| Show All 22 Lines | <div class="container"> | ||||
| <tbody> | <tbody> | ||||
| <tr v-for="file in files" :key="file.id" @click="$root.clickRecord"> | <tr v-for="file in files" :key="file.id" @click="$root.clickRecord"> | ||||
| <td class="name"> | <td class="name"> | ||||
| <svg-icon icon="file"></svg-icon> | <svg-icon icon="file"></svg-icon> | ||||
| <router-link :to="{ path: 'file/' + file.id }">{{ file.name }}</router-link> | <router-link :to="{ path: 'file/' + file.id }">{{ file.name }}</router-link> | ||||
| </td> | </td> | ||||
| <td class="buttons"> | <td class="buttons"> | ||||
| <btn class="button-download p-0 ms-1" @click="fileDownload(file)" icon="download" :title="$t('btn.download')"></btn> | <btn class="button-download p-0 ms-1" @click="fileDownload(file)" icon="download" :title="$t('btn.download')"></btn> | ||||
| <btn class="button-delete text-danger p-0 ms-1" @click="fileDelete(file)" icon="trash-alt" :title="$t('btn.delete')"></btn> | <btn class="button-delete text-danger p-0 ms-1" @click="fileDelete(file)" icon="trash-can" :title="$t('btn.delete')"></btn> | ||||
| </td> | </td> | ||||
| </tr> | </tr> | ||||
| </tbody> | </tbody> | ||||
| <list-foot :colspan="2" :text="$t('file.list-empty')"></list-foot> | <list-foot :colspan="2" :text="$t('file.list-empty')"></list-foot> | ||||
| </table> | </table> | ||||
| <list-more v-if="hasMore" :on-click="loadFiles"></list-more> | <list-more v-if="hasMore" :on-click="loadFiles"></list-more> | ||||
| </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 ListTools from '../Widgets/ListTools' | import ListTools from '../Widgets/ListTools' | ||||
| import { library } from '@fortawesome/fontawesome-svg-core' | import { library } from '@fortawesome/fontawesome-svg-core' | ||||
| import { faFile, faDownload, faUpload } from '@fortawesome/free-solid-svg-icons' | |||||
| library.add(faFile, faDownload, faUpload) | library.add( | ||||
| require('@fortawesome/free-solid-svg-icons/faFile').definition, | |||||
| require('@fortawesome/free-solid-svg-icons/faDownload').definition, | |||||
| require('@fortawesome/free-solid-svg-icons/faUpload').definition, | |||||
| ) | |||||
| export default { | export default { | ||||
| mixins: [ ListTools ], | mixins: [ ListTools ], | ||||
| data() { | data() { | ||||
| return { | return { | ||||
| api: {}, | api: {}, | ||||
| files: [] | files: [] | ||||
| } | } | ||||
| ▲ Show 20 Lines • Show All 73 Lines • Show Last 20 Lines | |||||