diff --git a/resources/vue/components/courseware/CoursewareAudioBlock.vue b/resources/vue/components/courseware/CoursewareAudioBlock.vue
index 70af59689bf719683c68cbc9d2832278d14dc600..d73142faa90b90b62b9b7048474e7d6d5d35c43e 100755
--- a/resources/vue/components/courseware/CoursewareAudioBlock.vue
+++ b/resources/vue/components/courseware/CoursewareAudioBlock.vue
@@ -9,9 +9,7 @@
@closeEdit="initCurrentData"
>
<template #content>
- <div v-if="showInvalidFolderMessage" class="messagebox messagebox_error">
- {{ invalidFolderMessageText }}
- </div>
+ <courseware-companion-box v-show="showInvalidFolderMessage" :msgCompanion="invalidFolderMessageText" mood="pointing"/>
<div v-if="currentTitle !== ''" class="cw-block-title">{{ currentTitle }}</div>
<audio
:src="currentURL"
diff --git a/resources/vue/components/courseware/CoursewareBeforeAfterBlock.vue b/resources/vue/components/courseware/CoursewareBeforeAfterBlock.vue
index e16aaaff51eafe54dbe9edf309f02443738eb6dd..7b4a63e2a7a0a0b8aa8b549112719139087f5a22 100755
--- a/resources/vue/components/courseware/CoursewareBeforeAfterBlock.vue
+++ b/resources/vue/components/courseware/CoursewareBeforeAfterBlock.vue
@@ -9,9 +9,7 @@
@closeEdit="initCurrentData"
>
<template #content>
- <div v-if="showInvalidFolderMessage" class="messagebox messagebox_error">
- {{ invalidFolderMessageText }}
- </div>
+ <courseware-companion-box v-show="showInvalidFolderMessage" :msgCompanion="invalidFolderMessageText" mood="pointing"/>
<TwentyTwenty :before="currentBeforeUrl" :after="currentAfterUrl" />
</template>
<template v-if="canEdit" #edit>
diff --git a/resources/vue/components/courseware/CoursewareCanvasBlock.vue b/resources/vue/components/courseware/CoursewareCanvasBlock.vue
index 13f9ea02325970b3db171bbb6628774a0b183ae9..70bfc4140d89b27d7934b1fd2b7d9f63c56965f0 100755
--- a/resources/vue/components/courseware/CoursewareCanvasBlock.vue
+++ b/resources/vue/components/courseware/CoursewareCanvasBlock.vue
@@ -9,9 +9,7 @@
@closeEdit="initCurrentData"
>
<template #content>
- <div v-if="showInvalidFolderMessage" class="messagebox messagebox_error">
- {{ invalidFolderMessageText }}
- </div>
+ <courseware-companion-box v-show="showInvalidFolderMessage" :msgCompanion="invalidFolderMessageText" mood="pointing"/>
<div v-if="currentTitle" class="cw-block-title">
{{ currentTitle }}
</div>
diff --git a/resources/vue/components/courseware/CoursewareDialogCardsBlock.vue b/resources/vue/components/courseware/CoursewareDialogCardsBlock.vue
index e50dea5bc20a493e89c36909204c09bc5e8f2570..57acf0e59fa8c0841126c007fc2bd7b5e2a2f710 100755
--- a/resources/vue/components/courseware/CoursewareDialogCardsBlock.vue
+++ b/resources/vue/components/courseware/CoursewareDialogCardsBlock.vue
@@ -9,9 +9,7 @@
@closeEdit="initCurrentData"
>
<template #content>
- <div v-if="showInvalidFolderMessage" class="messagebox messagebox_error">
- {{ invalidFolderMessageText }}
- </div>
+ <courseware-companion-box v-show="showInvalidFolderMessage" :msgCompanion="invalidFolderMessageText" mood="pointing"/>
<div class="cw-block-dialog-cards-content">
<button
class="cw-dialogcards-prev cw-dialogcards-navbutton"
diff --git a/resources/vue/components/courseware/CoursewareDocumentBlock.vue b/resources/vue/components/courseware/CoursewareDocumentBlock.vue
index 1a271f89c6144bb17e18afc48da97433289a5bb4..e7a6b2c85d75ff24c03878cb4976eadad9699ab9 100755
--- a/resources/vue/components/courseware/CoursewareDocumentBlock.vue
+++ b/resources/vue/components/courseware/CoursewareDocumentBlock.vue
@@ -9,9 +9,7 @@
@closeEdit="initCurrentData"
>
<template #content>
- <div v-if="showInvalidFolderMessage" class="messagebox messagebox_error">
- {{ invalidFolderMessageText }}
- </div>
+ <courseware-companion-box v-show="showInvalidFolderMessage" :msgCompanion="invalidFolderMessageText" mood="pointing"/>
<div v-if="hasFile" class="cw-pdf-header cw-block-title">
<button class="cw-pdf-button-prev" :class="{ inactive: pageNum - 1 === 0 }" @click="prevPage" />
<span class="cw-pdf-title">{{ currentTitle }}</span>
diff --git a/resources/vue/components/courseware/CoursewareDownloadBlock.vue b/resources/vue/components/courseware/CoursewareDownloadBlock.vue
index 255ad38758d3c427dd66dfeb09c0a6a759ba1545..592ca4586e241882f94fd6b1dda3d00f3970b739 100755
--- a/resources/vue/components/courseware/CoursewareDownloadBlock.vue
+++ b/resources/vue/components/courseware/CoursewareDownloadBlock.vue
@@ -9,9 +9,7 @@
@closeEdit="initCurrentData"
>
<template #content>
- <div v-if="showInvalidFolderMessage" class="messagebox messagebox_error">
- {{ invalidFolderMessageText }}
- </div>
+ <courseware-companion-box v-show="showInvalidFolderMessage" :msgCompanion="invalidFolderMessageText" mood="pointing"/>
<div v-if="currentTitle !== ''" class="cw-block-title">{{ currentTitle }}</div>
<div v-if="currentFile !== null" class="cw-block-download-content">
<div v-if="currentInfo !== '' && !userHasDownloaded" class="messagebox messagebox_info">
diff --git a/resources/vue/components/courseware/CoursewareFolderBlock.vue b/resources/vue/components/courseware/CoursewareFolderBlock.vue
index bcf6ccc56679f88cdd15f9b2496ccbc8107fd0cc..66b9ececbc86334dcdf2b5f2b96b72a907e6638a 100755
--- a/resources/vue/components/courseware/CoursewareFolderBlock.vue
+++ b/resources/vue/components/courseware/CoursewareFolderBlock.vue
@@ -9,9 +9,7 @@
@closeEdit="initCurrentData"
>
<template #content>
- <div v-if="showInvalidFolderMessage" class="messagebox messagebox_error">
- {{ invalidFolderMessageText }}
- </div>
+ <courseware-companion-box v-show="showInvalidFolderMessage" :msgCompanion="invalidFolderMessageText" mood="pointing"/>
<div v-if="currentTitle !== ''" class="cw-block-title">{{ currentTitle }}</div>
<ul class="cw-block-folder-list">
<li v-for="file in files" :key="file.id" class="cw-block-folder-file-item">
diff --git a/resources/vue/components/courseware/CoursewareGalleryBlock.vue b/resources/vue/components/courseware/CoursewareGalleryBlock.vue
index cca5b2677807d1eeea1c563073dff2cb92fcad3a..c299527f43925370e002bf3599dd84e29aa8da41 100755
--- a/resources/vue/components/courseware/CoursewareGalleryBlock.vue
+++ b/resources/vue/components/courseware/CoursewareGalleryBlock.vue
@@ -9,9 +9,7 @@
@closeEdit="initCurrentData"
>
<template #content>
- <div v-if="showInvalidFolderMessage" class="messagebox messagebox_error">
- {{ invalidFolderMessageText }}
- </div>
+ <courseware-companion-box v-show="showInvalidFolderMessage" :msgCompanion="invalidFolderMessageText" mood="pointing"/>
<div v-if="files.length !== 0" class="cw-block-gallery-content" :style="{ 'max-height': currentHeight + 'px' }">
<div
v-for="(image, index) in files"
diff --git a/resources/vue/components/courseware/CoursewareHeadlineBlock.vue b/resources/vue/components/courseware/CoursewareHeadlineBlock.vue
index 2d28340fa51ff75584a87998599f6071625352fb..c1763cd4a0b2a838681c98d7898659eef1f546dc 100755
--- a/resources/vue/components/courseware/CoursewareHeadlineBlock.vue
+++ b/resources/vue/components/courseware/CoursewareHeadlineBlock.vue
@@ -9,9 +9,7 @@
@closeEdit="closeEdit"
>
<template #content>
- <div v-if="showInvalidFolderMessage" class="messagebox messagebox_error">
- {{ invalidFolderMessageText }}
- </div>
+ <courseware-companion-box v-show="showInvalidFolderMessage" :msgCompanion="invalidFolderMessageText" mood="pointing"/>
<div
class="cw-block-headline-content"
:class="[currentStyle, currentHeight === 'half' ? 'half' : 'full']"
diff --git a/resources/vue/components/courseware/CoursewareImageMapBlock.vue b/resources/vue/components/courseware/CoursewareImageMapBlock.vue
index 76cbd98ddd379876e6b17f4cd03150ec5af5531f..cb9742c58d9da9f4fda3b7fafef4c1593634e2d9 100755
--- a/resources/vue/components/courseware/CoursewareImageMapBlock.vue
+++ b/resources/vue/components/courseware/CoursewareImageMapBlock.vue
@@ -9,9 +9,7 @@
@closeEdit="initCurrentData"
>
<template #content>
- <div v-if="showInvalidFolderMessage" class="messagebox messagebox_error">
- {{ invalidFolderMessageText }}
- </div>
+ <courseware-companion-box v-show="showInvalidFolderMessage" :msgCompanion="invalidFolderMessageText" mood="pointing"/>
<img :src="currentUrl" class="cw-image-map-original-img" ref="original_img" @load="buildCanvas" />
<canvas class="cw-image-map-canvas" ref="canvas"></canvas>
<img
diff --git a/resources/vue/components/courseware/CoursewareVideoBlock.vue b/resources/vue/components/courseware/CoursewareVideoBlock.vue
index be2f62e7f34e599af1094ff13a5ff34e0211e1ae..c5f70b522a1f1dfb3181469f0c0444eaa80e7ef4 100755
--- a/resources/vue/components/courseware/CoursewareVideoBlock.vue
+++ b/resources/vue/components/courseware/CoursewareVideoBlock.vue
@@ -9,9 +9,7 @@
@closeEdit="initCurrentData"
>
<template #content>
- <div v-if="showInvalidFolderMessage" class="messagebox messagebox_error">
- {{ invalidFolderMessageText }}
- </div>
+ <courseware-companion-box v-show="showInvalidFolderMessage" :msgCompanion="invalidFolderMessageText" mood="pointing"/>
<div v-if="currentTitle !== '' && currentURL" class="cw-block-title">{{ currentTitle }}</div>
<video
v-show="currentURL"
diff --git a/resources/vue/components/courseware/block-folder-validator-mixin.js b/resources/vue/components/courseware/block-folder-validator-mixin.js
index 2cfb3a399a573e3fe9d9bbc7f87219acb4ee3d62..333b6b3e9f1dd6a78078d77ccba1f82463493297 100644
--- a/resources/vue/components/courseware/block-folder-validator-mixin.js
+++ b/resources/vue/components/courseware/block-folder-validator-mixin.js
@@ -1,4 +1,5 @@
import { mapActions, mapGetters } from 'vuex';
+import CoursewareCompanionBox from './CoursewareCompanionBox.vue';
export const blockFolderValidatorMixin = {
computed: {
@@ -9,6 +10,9 @@ export const blockFolderValidatorMixin = {
return this.$gettext('Der Zugriff auf ausgewählte Datei(en) könnte gesperrt sein!')
}
},
+ components: {
+ CoursewareCompanionBox,
+ },
data() {
return {
showInvalidFolderMessage: false