Enabled e-mail action in alert dialog and alerts overview action indicators.

components/alerts/alerts.vue

@@ -320,16 +320,22 @@ function toggleFilterCombined() {
 					<div class="alert-triggers">
 						<Icon
 							v-if="alert.notify && alert.isFromPreset"
-							v-tooltip="{ content: 'Notify in traxxx, added as quick alert', ariaId: `alert-notify-preset-${alert.id}` }"
+							v-tooltip="{ content: alert.notify ? 'Notify in traxxx, added as quick alert' : undefined, ariaId: `alert-notify-preset-${alert.id}` }"
 							icon="bell-plus"
 							class="trigger"
 						/>
 
 						<Icon
-							v-else-if="alert.notify"
-							v-tooltip="{ content: 'Notify in traxxx', ariaId: `alert-notify-${alert.id}` }"
+							v-else
+							v-tooltip="{ content: alert.notify ? 'Notify in traxxx' : undefined, ariaId: `alert-notify-${alert.id}` }"
 							icon="bell2"
-							class="trigger"
+							:class="{ trigger: alert.notify }"
+						/>
+
+						<Icon
+							v-tooltip="'E-mail me'"
+							icon="envelop5"
+							:class="{ trigger: alert.email }"
 						/>
 
 						<Icon
@@ -340,19 +346,11 @@ function toggleFilterCombined() {
 						/>
 
 						<Icon
-							v-else-if="alert.stashes.length > 0"
+							v-else
 							v-tooltip="alert.stashes.length > 0 ? { content: 'Add to Favorites', ariaId: `alert-favorites-${alert.id}` } : undefined"
 							icon="heart7"
-							class="trigger"
+							:class="{ trigger: alert.stashes.length > 0 }"
 						/>
-
-						<!--
-						<Icon
-							icon="envelop5"
-							title="E-mail me"
-							:class="{ trigger: alert.email }"
-						/>
-						-->
 					</div>
 
 					<div class="alert-actions">

components/alerts/create.vue

@@ -24,7 +24,11 @@ const props = defineProps({
 
 const emit = defineEmits(['alert', 'close']);
 
-const { assets } = inject('pageContext');
+const {
+	assets,
+	user,
+	env,
+} = inject('pageContext');
 
 const actors = ref(props.presetActors);
 const actorResults = ref([]);
@@ -462,8 +466,10 @@ function selectStash(selectedStash) {
 					/>
 				</label>
 
-				<!--
-				<label class="field email">
+				<label
+					v-if="env.emailEnabled && user.email"
+					class="field email"
+				>
 					<span>E-mail me</span>
 
 					<Checkbox
@@ -471,7 +477,6 @@ function selectStash(selectedStash) {
 						@change="(checked) => email = checked"
 					/>
 				</label>
-				-->
 
 				<div class="stash">
 					<ul class="field-items nolist noselect">