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 |