kopia lustrzana https://github.com/manuelkasper/sotlas-frontend
48 wiersze
1.1 KiB
Vue
48 wiersze
1.1 KiB
Vue
<template>
|
|
<span v-if="databaseCallsign">
|
|
{{ callsign }} (<strong><router-link :to="makeActivatorLinkUserId(userId)">{{ databaseCallsign }}</router-link></strong>)
|
|
</span>
|
|
<span v-else>
|
|
<router-link :to="makeActivatorLinkUserId(userId)"><strong>{{ callsign }}</strong></router-link>
|
|
</span>
|
|
</template>
|
|
|
|
<script>
|
|
import api from '../mixins/api.js'
|
|
import utils from '../mixins/utils.js'
|
|
|
|
export default {
|
|
name: 'FirstActivator',
|
|
props: {
|
|
callsign: String,
|
|
userId: Number
|
|
},
|
|
mixins: [utils, api],
|
|
methods: {
|
|
loadDatabaseCallsign () {
|
|
this.loadActivator(this.userId)
|
|
.then(activator => {
|
|
if (this.homeCallsign(this.callsign) !== this.homeCallsign(activator.callsign)) {
|
|
this.databaseCallsign = this.homeCallsign(activator.callsign)
|
|
} else {
|
|
this.databaseCallsign = null
|
|
}
|
|
})
|
|
}
|
|
},
|
|
mounted () {
|
|
this.loadDatabaseCallsign()
|
|
},
|
|
watch: {
|
|
userId () {
|
|
this.loadDatabaseCallsign()
|
|
}
|
|
},
|
|
data () {
|
|
return {
|
|
databaseCallsign: null
|
|
}
|
|
}
|
|
}
|
|
</script>
|