93 lines
2.5 KiB
Vue
93 lines
2.5 KiB
Vue
<template>
|
|
<Dialog :options="{ title: $t('Switch Team') }" v-model="show">
|
|
<template #body-content v-if="$team?.pg">
|
|
<div class="rounded bg-gray-100 px-3 py-2.5">
|
|
<div class="text-base text-gray-900">
|
|
{{ $t('You are currently logged in as') }}
|
|
<span class="font-medium">{{ $session.user }}</span>
|
|
</div>
|
|
<div class="mt-2 text-base text-gray-900">
|
|
{{ $t('The team dashboard you are viewing is') }}
|
|
<component
|
|
:is="$team.pg.is_desk_user ? 'a' : 'span'"
|
|
class="font-medium"
|
|
:class="{ underline: $team.pg.is_desk_user }"
|
|
:href="$team.pg.is_desk_user ? `/app/team/${$team.name}` : null"
|
|
target="_blank"
|
|
>
|
|
{{ $team.pg.user }}
|
|
</component>
|
|
</div>
|
|
</div>
|
|
<div class="-mb-3 mt-3 divide-y">
|
|
<div
|
|
class="flex items-center justify-between py-3"
|
|
v-for="team in $team.pg.valid_teams"
|
|
:key="team.name"
|
|
>
|
|
<div class="flex items-center space-x-2">
|
|
<span class="text-base text-gray-800">
|
|
{{ team.user }}
|
|
</span>
|
|
<Button
|
|
v-if="$team.pg.is_desk_user"
|
|
icon="external-link"
|
|
:link="`/app/team/${team.name}`"
|
|
variant="ghost"
|
|
/>
|
|
</div>
|
|
<Badge
|
|
class="whitespace-nowrap"
|
|
v-if="$team.name === team.name"
|
|
:label="$t('Currently Active')"
|
|
theme="green"
|
|
/>
|
|
<Button v-else @click="switchToTeam(team.name)">{{ $t('Switch') }}</Button>
|
|
</div>
|
|
</div>
|
|
<div class="mt-6 flex items-end gap-2" v-if="$session.isSystemUser">
|
|
<LinkControl
|
|
class="w-full"
|
|
:label="$t('Select Team')"
|
|
:options="{ pagetype: 'Team', filters: { enabled: 1 } }"
|
|
v-model="selectedTeam"
|
|
:description="$t('This feature is only available for system users')"
|
|
/>
|
|
<div class="pb-5">
|
|
<Button :disabled="!selectedTeam" @click="switchToTeam(selectedTeam)">
|
|
{{ $t('Switch') }}
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</Dialog>
|
|
</template>
|
|
<script>
|
|
import { switchToTeam } from '../data/team';
|
|
import LinkControl from './LinkControl.vue';
|
|
|
|
export default {
|
|
name: 'SwitchTeamDialog',
|
|
props: ['modelValue'],
|
|
emits: ['update:modelValue'],
|
|
components: { LinkControl },
|
|
computed: {
|
|
show: {
|
|
get() {
|
|
return this.modelValue;
|
|
},
|
|
set(value) {
|
|
this.$emit('update:modelValue', value);
|
|
}
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
selectedTeam: null
|
|
};
|
|
},
|
|
methods: {
|
|
switchToTeam
|
|
}
|
|
};
|
|
</script> |