kopia lustrzana https://codeberg.org/nmkj/audon
97 wiersze
2.3 KiB
Vue
97 wiersze
2.3 KiB
Vue
<script>
|
|
import { useMastodonStore } from "../stores/mastodon";
|
|
import axios from "axios";
|
|
import { some } from "lodash-es";
|
|
import { mdiLinkVariant } from "@mdi/js";
|
|
|
|
export default {
|
|
setup() {
|
|
return {
|
|
mdiLinkVariant,
|
|
donStore: useMastodonStore(),
|
|
};
|
|
},
|
|
data() {
|
|
return {
|
|
canCreate: true,
|
|
query: "",
|
|
};
|
|
},
|
|
async created() {
|
|
const resp = await axios.get("/api/room");
|
|
if (resp.data.length > 0) {
|
|
this.canCreate = !some(resp.data, { role: "host" });
|
|
}
|
|
},
|
|
methods: {
|
|
async onLogout() {
|
|
// if (!confirm(this.$t("logoutConfirm"))) return;
|
|
|
|
try {
|
|
const resp = await axios.post("/app/logout");
|
|
if (resp.status === 200) {
|
|
this.donStore.$reset();
|
|
this.$router.push({ name: "login" });
|
|
}
|
|
} catch (error) {
|
|
console.log(error);
|
|
} finally {
|
|
this.donStore.$reset();
|
|
this.$router.push({ name: "login" });
|
|
}
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<main>
|
|
<div class="text-right">
|
|
<v-btn variant="outlined" color="red" @click="onLogout">
|
|
{{ $t("logout") }}
|
|
</v-btn>
|
|
</div>
|
|
<div class="text-center my-8">
|
|
<v-avatar class="rounded" size="100">
|
|
<v-img
|
|
:src="donStore.userinfo?.avatar"
|
|
:alt="donStore.userinfo?.displayName"
|
|
>
|
|
</v-img>
|
|
</v-avatar>
|
|
<h2 class="mt-5">
|
|
{{ donStore.userinfo?.displayName }}
|
|
</h2>
|
|
<div>
|
|
<a :href="donStore.userinfo?.url" class="plain">{{
|
|
donStore.myWebfinger
|
|
}}</a>
|
|
</div>
|
|
</div>
|
|
<v-row class="text-center" justify="center">
|
|
<!-- <v-col cols="12">
|
|
<v-text-field v-mode="query"></v-text-field>
|
|
</v-col> -->
|
|
<v-col cols="12">
|
|
<v-btn
|
|
:disabled="!canCreate"
|
|
block
|
|
:to="{ name: 'create' }"
|
|
color="indigo"
|
|
>{{ $t("createNewRoom") }}</v-btn
|
|
>
|
|
</v-col>
|
|
</v-row>
|
|
<div class="d-flex justify-center mt-6">
|
|
<v-alert :icon="mdiLinkVariant" :title="$t('staticLink.title')">
|
|
<div class="my-1">
|
|
<h4 style="word-break: break-all">
|
|
<a :href="donStore.myStaticLink" @click.prevent="">{{ donStore.myStaticLink }}</a>
|
|
</h4>
|
|
</div>
|
|
<p>{{ $t("staticLink.hint") }}</p>
|
|
</v-alert>
|
|
</div>
|
|
</main>
|
|
</template>
|