42 lines
1.1 KiB
Vue
42 lines
1.1 KiB
Vue
<template>
|
|
<div class="quick-publish">
|
|
<o-button @click="$router.push({ name: ActorRouteName.MY_GROUPS })">
|
|
{{ t("Publish from a group") }}
|
|
</o-button>
|
|
<o-dropdown :teleport="teleport" position="bottom-right">
|
|
<template #trigger="{ active }">
|
|
<o-button
|
|
:title="t('Choose publishing')"
|
|
:icon-right="active ? 'menu-up' : 'menu-down'"
|
|
>
|
|
</o-button>
|
|
</template>
|
|
<o-dropdown-item
|
|
:label="t('Publish from a group')"
|
|
@click="$router.push({ name: ActorRouteName.MY_GROUPS })"
|
|
/>
|
|
<o-dropdown-item
|
|
:label="t('Publish as individual')"
|
|
@click="$router.push({ name: EventRouteName.CREATE_EVENT })"
|
|
/>
|
|
</o-dropdown>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { useI18n } from "vue-i18n";
|
|
import { ActorRouteName } from "@/router/actor";
|
|
import { EventRouteName } from "@/router/event";
|
|
const { t } = useI18n({ useScope: "global" });
|
|
</script>
|
|
<style scoped>
|
|
.quick-publish {
|
|
display: flex;
|
|
position: fixed;
|
|
right: 5%;
|
|
}
|
|
.quick-publish > div.o-drop {
|
|
left: -5px;
|
|
}
|
|
</style>
|