BC-5954: fix vuetify warnings

hpi-schul-cloud · Dec 19, 2023 · 586b834 · 586b834
1 parent 3818fc0
commit 586b834
Show file tree

Hide file tree

Showing 8 changed files with 13 additions and 19 deletions.
diff --git a/src/components/administration/ProvisioningOptionsPage.vue b/src/components/administration/ProvisioningOptionsPage.vue
@@ -8,8 +8,6 @@
 			:label="t('components.administration.provisioningOptions.class.label')"
 			:loading="isLoading"
 			v-model="provisioningOptions.class"
-			inset
-			dense
 			data-testid="checkbox-option-class"
 			class="ml-1"
 		/>
@@ -25,8 +23,6 @@
 			:label="t('components.administration.provisioningOptions.course.label')"
 			:loading="isLoading"
 			v-model="provisioningOptions.course"
-			inset
-			dense
 			data-testid="checkbox-option-course"
 			class="ml-1"
 		/>
@@ -44,8 +40,6 @@
 			"
 			:loading="isLoading"
 			v-model="provisioningOptions.others"
-			inset
-			dense
 			data-testid="checkbox-option-others"
 			class="ml-1"
 		/>
@@ -65,7 +59,7 @@
 				class="mr-2"
 				data-testid="provisioning-options-cancel-button"
 				color="secondary"
-				outlined
+				variant="outlined"
 				@click="onCancel"
 				>{{ t("common.actions.cancel") }}</v-btn
 			>
@@ -74,7 +68,7 @@
 				class="mr-2"
 				data-testid="provisioning-options-save-button"
 				color="primary"
-				depressed
+				variant="flat"
 				@click="onSave(provisioningOptions)"
 				:disabled="isLoading"
 				>{{ t("common.actions.save") }}</v-btn

diff --git a/src/components/feature-board-external-tool-element/ExternalToolElement.vue b/src/components/feature-board-external-tool-element/ExternalToolElement.vue
@@ -5,7 +5,7 @@
 		data-testid="board-external-tool-element"
 		dense
 		elevation="0"
-		outlined
+		variant="outlined"
 		ref="externalToolElement"
 		:ripple="false"
 		tabindex="0"

diff --git a/src/components/feature-board-file-element/FileContentElement.vue b/src/components/feature-board-file-element/FileContentElement.vue
@@ -4,7 +4,7 @@
 		data-testid="board-file-element"
 		dense
 		elevation="0"
-		:outlined="isOutlined"
+		:variant="isOutlined ? 'outlined' : 'elevated'"
 		ref="fileContentElement"
 		:ripple="false"
 		tabindex="0"

diff --git a/src/components/feature-board-file-element/content/display/audio-display/AudioDisplay.vue b/src/components/feature-board-file-element/content/display/audio-display/AudioDisplay.vue
@@ -1,5 +1,5 @@
 <template>
-	<ContentElementBar class="audioPlayer grey darken-3">
+	<ContentElementBar class="audioPlayer bg-grey-darken-3">
 		<template #element>
 			<audio ref="audio" loading="lazy" />
 			<v-btn
@@ -8,7 +8,7 @@
 				icon
 				@click="onPlay"
 				color="white"
-				small
+				size="small"
 			>
 				<v-icon> {{ mdiPause }}</v-icon>
 			</v-btn>
@@ -18,7 +18,7 @@
 				icon
 				@click="onPlay"
 				color="white"
-				small
+				size="small"
 			>
 				<v-icon>{{ mdiPlay }}</v-icon>
 			</v-btn>
@@ -29,7 +29,7 @@
 				color="white"
 				thumb-color="white"
 				track-color="black"
-				:value="currentTime"
+				:model-value="currentTime"
 				start="0"
 				end="duration"
 				step="durationStep"
@@ -38,7 +38,7 @@
 				@click="stopPropagation"
 				@mousedown="stopPropagation"
 				@mouseup="stopPropagation"
-				@input="onInputSlider"
+				@update:model-value="onInputSlider"
 			/>
 			<SpeedMenu :rate="rate" @updateRate="onSpeedRateChange" />
 		</template>

diff --git a/src/components/feature-board-link-element/components/LinkContentElementDisplay.vue b/src/components/feature-board-link-element/components/LinkContentElementDisplay.vue
@@ -4,7 +4,7 @@
 		ref="linkContentElementDisplay"
 		dense
 		elevation="0"
-		:outlined="true"
+		variant="outlined"
 		:ripple="false"
 		tabindex="0"
 		:loading="isLoading ? 'primary' : false"

diff --git a/src/components/feature-board-submission-element/components/SubmissionContentElement.vue b/src/components/feature-board-submission-element/components/SubmissionContentElement.vue
@@ -4,7 +4,7 @@
 		data-testid="board-submission-element"
 		dense
 		elevation="0"
-		outlined
+		variant="outlined"
 		ref="submissionContentElement"
 		:ripple="false"
 		tabindex="0"

diff --git a/src/components/feature-board/card/CardHost.vue b/src/components/feature-board/card/CardHost.vue
@@ -10,7 +10,7 @@
 				ref="cardHost"
 				:height="isLoading ? height : 'auto'"
 				:class="{ 'drag-disabled': isEditMode }"
-				outlined
+				variant="outlined"
 				tabindex="0"
 				min-height="120px"
 				:elevation="isEditMode ? 6 : isHovered ? 4 : 2"

diff --git a/src/components/molecules/vRoomGroupAvatar.vue b/src/components/molecules/vRoomGroupAvatar.vue
@@ -19,7 +19,7 @@
 			<v-card
 				:height="size"
 				:width="size"
-				outlined
+				variant="outlined"
 				class="ma-0 card-component"
 				:aria-label="
 					$t('pages.rooms.a11y.group.text', {