Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | <template>
<muc-intro
:title="appointmentId ? appointmentId : ''"
:tagline="t('appointment')"
divider
variant="detail"
>
<p style="margin-top: 32px; padding-bottom: 8px">
<strong>{{ t("noLoginInfo") }}</strong>
</p>
<p style="padding-bottom: 32px">
{{ t("noLoginText") }}
</p>
<muc-button
icon="sing-in"
@click="requestLogin"
>
{{ t("login") }}
</muc-button>
</muc-intro>
</template>
<script lang="ts" setup>
import { MucButton, MucIntro } from "@muenchen/muc-patternlab-vue";
defineProps<{
appointmentId: string | null | undefined;
t: (key: string) => string;
}>();
const requestLogin = () => {
document.dispatchEvent(
new CustomEvent("authorization-request", {
detail: {
loginProvider: undefined,
authLevel: undefined,
},
})
);
};
</script>
<style scoped>
:deep(.m-intro-vertical__title) {
margin-bottom: 0 !important;
}
</style>
|