mirror of
https://gitlab.com/PronounsPage/PronounsPage.git
synced 2025-10-05 02:51:23 -04:00
29 lines
845 B
Vue
29 lines
845 B
Vue
<template>
|
|
<div class="alert alert-warning text-start shadow p-4">
|
|
<p class="h4">
|
|
<Icon v="engine-warning"/>
|
|
<T>profile.sensitive.header</T><T>quotation.colon</T>
|
|
</p>
|
|
<ul>
|
|
<li v-for="warning in warnings">{{ warning }}</li>
|
|
</ul>
|
|
<button v-show="dismissed" class="btn btn-outline-success w-100" @click="$emit('blur')">
|
|
<Icon v="eye-slash"/>
|
|
<T>profile.sensitive.hide</T>
|
|
</button>
|
|
<button v-show="!dismissed" class="btn btn-outline-success w-100" @click="$emit('dismiss')">
|
|
<Icon v="check"/>
|
|
<T>profile.sensitive.display</T>
|
|
</button>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
warnings: { required: true },
|
|
dismissed: { type: Boolean },
|
|
},
|
|
}
|
|
</script>
|