Differential D3932 Diff 11270 src/resources/vue/CompanionApp/List.vue

Changeset View

Standalone View

				<template>
				<div class="container">
				<div class="card" id="companionapp-list">
				<div class="card-body">
				<div class="card-title">
				{{ $t('companion.title') }}
				<small><sup class="badge bg-primary">{{ $t('dashboard.beta') }}</sup></small>
				<btn-router v-if="!$root.isDegraded()" class="btn-success float-end" to="companion/new" icon="mobile-screen">
				{{ $t('companion.create') }}
				</btn-router>
				</div>
				<div class="card-text">
				<p>
				{{ $t('companion.description') }}
				</p>
				<p v-if="appDownloadLink" v-html="$t('companion.download-description', { href: appDownloadLink})"></p>
				<p>
				{{ $t('companion.description-detailed') }}
				</p>
				<div class="alert alert-warning">
				<p>
				{{ $t('companion.description-warning') }}
				</p>
				<div>
				<btn-router class="btn-success" to="companion/recovery" icon="mobile-screen">
				{{ $t('companion.create-recovery-device') }}
				</btn-router>
				</div>
				</div>
				</div>
				<div class="card-text">
				<list-widget :list="companions"></list-widget>
				</div>
				</div>
				</div>
				</div>
				</template>
				<script>
				import ListWidget from './ListWidget'
				import { library } from '@fortawesome/fontawesome-svg-core'

				library.add(
				require('@fortawesome/free-solid-svg-icons/faMobileScreen').definition,
				)

				export default {
				components: {
				ListWidget
				},
				data() {
				return {
				companions: [],
				appDownloadLink: window.config['app.companion_download_link']
				}
				},
				created() {
				axios.get('/api/v4/companions', { loader: true })
				.then(response => {
				//TODO show "NOt paired" in device-id field
				this.companions = response.data.list
				})
				.catch(this.$root.errorHandler)
				}
				}
				</script>