BC-5508: add true-icon vuetify 3 for a11y

hpi-schul-cloud · Oct 17, 2023 · 6c8a4c1 · 6c8a4c1
1 parent 473c5d2
commit 6c8a4c1
Show file tree

Hide file tree

Showing 7 changed files with 24 additions and 3 deletions.
diff --git a/src/components/external-tools/configuration/ExternalToolConfigurator.vue b/src/components/external-tools/configuration/ExternalToolConfigurator.vue
@@ -45,9 +45,8 @@
 		<v-spacer class="mt-10"></v-spacer>
 		<v-alert
 			v-if="error && error.message"
-			light
 			prominent
-			variant="text"
+			variant="tonal"
 			type="error"
 		>
 			{{ t(getBusinessErrorTranslationKey(error)) }}

diff --git a/src/components/organisms/Ldap/LdapClassesSection.vue b/src/components/organisms/Ldap/LdapClassesSection.vue
@@ -7,6 +7,7 @@
 			v-model="checked"
 			inset
 			:label="$t('pages.administration.ldap.classes.activate.import')"
+			:true-icon="mdiCheck"
 			density="compact"
 			color="primary"
 		></v-switch>
@@ -78,6 +79,7 @@ import { required } from "@vuelidate/validators";
 import { ldapPathRegexValidator } from "@/utils/ldapConstants";
 import { defineComponent } from "vue";
 import useVuelidate from "@vuelidate/core";
+import { mdiCheck } from "@mdi/js";
 
 export default defineComponent({
 	setup() {
@@ -108,6 +110,7 @@ export default defineComponent({
 				},
 				{ key: "required", message: this.$t("common.validation.required") },
 			],
+			mdiCheck,
 		};
 	},
 	computed: {

diff --git a/src/components/organisms/administration/PrivacySettings.vue b/src/components/organisms/administration/PrivacySettings.vue
@@ -21,6 +21,7 @@
 							'pages.administration.school.index.privacySettings.labels.studentVisibility'
 						)
 					"
+					:true-icon="mdiCheck"
 					inset
 					flat
 					density="compact"
@@ -78,6 +79,7 @@
 					flat
 					density="compact"
 					color="primary"
+					:true-icon="mdiCheck"
 				/>
 				<p class="body-2 mb-0">
 					{{
@@ -102,6 +104,7 @@
 							'pages.administration.school.index.privacySettings.labels.chatFunction'
 						)
 					"
+					:true-icon="mdiCheck"
 					class="ml-1 mt-0"
 					data-testid="toggle_chat"
 					@update:model-value="
@@ -135,6 +138,7 @@
 							'pages.administration.school.index.privacySettings.labels.videoConference'
 						)
 					"
+					:true-icon="mdiCheck"
 					class="ml-1 mt-0"
 					data-testid="toggle_video_conference"
 					@update:model-value="
@@ -161,6 +165,7 @@
 <script setup lang="ts">
 import { envConfigModule } from "@/store";
 import { computed } from "vue";
+import { mdiCheck } from "@mdi/js";
 
 const props = defineProps({
 	permissions: {

diff --git a/src/components/share/ShareModalOptionsForm.vue b/src/components/share/ShareModalOptionsForm.vue
@@ -12,6 +12,7 @@
 				class="my-0 mr-n3"
 				inset
 				density="compact"
+				:true-icon="mdiCheck"
 			></v-switch>
 		</div>
 		<div class="d-flex justify-space-between">
@@ -26,6 +27,7 @@
 				class="my-0 mr-n3"
 				inset
 				density="compact"
+				:true-icon="mdiCheck"
 			></v-switch>
 		</div>
 	</div>
@@ -34,6 +36,7 @@
 <script>
 import { defineComponent, reactive, watch } from "vue";
 import { ShareTokenBodyParamsParentTypeEnum } from "@/serverApi/v3/api";
+import { mdiCheck } from "@mdi/js";
 
 // eslint-disable-next-line vue/require-direct-export
 export default defineComponent({
@@ -60,6 +63,7 @@ export default defineComponent({
 		emit("share-options-change", shareOptions);
 		return {
 			shareOptions,
+			mdiCheck,
 		};
 	},
 });

diff --git a/src/components/templates/TasksDashboardMain.vue b/src/components/templates/TasksDashboardMain.vue
@@ -20,6 +20,7 @@
 					flat
 					density="compact"
 					color="primary"
+					:true-icon="mdiCheck"
 				/>
 			</div>
 			<div v-else class="substitute-filter-placeholder"></div>
@@ -104,6 +105,7 @@ import {
 	mdiArchiveOutline,
 	mdiCheckCircleOutline,
 	mdiPlaylistEdit,
+	mdiCheck,
 } from "@mdi/js";
 
 import TasksDashboardStudent from "./TasksDashboardStudent";
@@ -132,6 +134,7 @@ export default {
 	data() {
 		return {
 			mdiPlus,
+			mdiCheck,
 		};
 	},
 	inject: [

diff --git a/src/pages/rooms/RoomOverview.page.vue b/src/pages/rooms/RoomOverview.page.vue
@@ -27,6 +27,7 @@
 							class="enable-disable"
 							:label="$t('pages.rooms.index.courses.arrangeCourses')"
 							:aria-label="$t('pages.rooms.index.courses.arrangeCourses')"
+							:true-icon="mdiCheck"
 							inset
 							flat
 							density="compact"
@@ -134,7 +135,7 @@ import ImportFlow from "@/components/share/ImportFlow.vue";
 import RoomWrapper from "@/components/templates/RoomWrapper.vue";
 import { roomsModule } from "@/store";
 import { I18N_KEY, NOTIFIER_MODULE_KEY } from "@/utils/inject";
-import { mdiMagnify } from "@mdi/js";
+import { mdiMagnify, mdiCheck } from "@mdi/js";
 import { buildPageTitle } from "@/utils/pageTitle";
 
 export default {
@@ -177,6 +178,7 @@ export default {
 			searchText: "",
 			dragging: false,
 			allowDragging: false,
+			mdiCheck,
 		};
 	},
 	computed: {

diff --git a/src/pages/rooms/tools/RoomVideoConferenceSection.vue b/src/pages/rooms/tools/RoomVideoConferenceSection.vue
@@ -54,6 +54,7 @@
 							class="my-0"
 							inset
 							density="compact"
+							:true-icon="mdiCheck"
 						></v-switch>
 					</div>
 					<div class="d-flex justify-space-between">
@@ -70,6 +71,7 @@
 							class="my-0"
 							inset
 							density="compact"
+							:true-icon="mdiCheck"
 						></v-switch>
 					</div>
 					<div class="d-flex justify-space-between">
@@ -86,6 +88,7 @@
 							class="my-0"
 							inset
 							density="compact"
+							:true-icon="mdiCheck"
 						></v-switch>
 					</div>
 				</v-card-text>
@@ -143,6 +146,7 @@ import {
 import VCustomDialog from "@/components/organisms/vCustomDialog.vue";
 import RoomModule from "@/store/room";
 import { useI18n } from "vue-i18n";
+import { mdiCheck } from "@mdi/js";
 
 export default defineComponent({
 	name: "RoomVideoConferenceSection",
@@ -299,6 +303,7 @@ export default defineComponent({
 			isErrorDialogOpen,
 			onCloseErrorDialog,
 			roomName,
+			mdiCheck,
 		};
 	},
 });