diff --git a/resources/vue/components/courseware/IndexApp.vue b/resources/vue/components/courseware/IndexApp.vue
index 53238b43db7720d2b497fa67c87b803d55d6b298..2b1ad72a5e6db79a62d6117e014bafd03728138e 100644
--- a/resources/vue/components/courseware/IndexApp.vue
+++ b/resources/vue/components/courseware/IndexApp.vue
@@ -9,9 +9,6 @@
:ordered-structural-elements="orderedStructuralElements"
@select="selectStructuralElement"
></courseware-structural-element>
- <MountingPortal mountTo="#courseware-action-widget" name="sidebar-actions">
- <courseware-action-widget v-if="!showSearchResults && canEditSelected" :structural-element="selected"></courseware-action-widget>
- </MountingPortal>
<MountingPortal mountTo="#courseware-search-widget" name="sidebar-search">
<courseware-search-widget v-if="selected !== null"></courseware-search-widget>
</MountingPortal>
@@ -35,7 +32,6 @@ import CoursewareStructuralElement from './structural-element/CoursewareStructur
import CoursewareSearchResults from './structural-element/CoursewareSearchResults.vue';
import CoursewareCompanionBox from './layouts/CoursewareCompanionBox.vue';
import CoursewareCompanionOverlay from './layouts/CoursewareCompanionOverlay.vue';
-import CoursewareActionWidget from './widgets/CoursewareActionWidget.vue';
import CoursewareSearchWidget from './widgets/CoursewareSearchWidget.vue';
import StudipProgressIndicator from '../StudipProgressIndicator.vue';
@@ -46,7 +42,6 @@ export default {
components: {
CoursewareStructuralElement,
CoursewareSearchResults,
- CoursewareActionWidget,
CoursewareCompanionBox,
StudipProgressIndicator,
CoursewareSearchWidget,
@@ -81,13 +76,6 @@ export default {
return this.$gettext('Beim Laden der Seite ist ein Fehler aufgetreten.');
}
},
- canEditSelected() {
- if (this.selected) {
- return this.selected.attributes['can-edit'];
- }
-
- return false;
- }
},
methods: {
...mapActions({
diff --git a/resources/vue/components/courseware/structural-element/CoursewareStructuralElement.vue b/resources/vue/components/courseware/structural-element/CoursewareStructuralElement.vue
index fc27d5b188445fac50ad4c9f0f7107b1840d1c0e..d7b7942b66bdd7cb86e5a544783b3cc54650e6f7 100644
--- a/resources/vue/components/courseware/structural-element/CoursewareStructuralElement.vue
+++ b/resources/vue/components/courseware/structural-element/CoursewareStructuralElement.vue
@@ -84,6 +84,7 @@
:context="structuralElement.attributes.title"
@editCurrentElement="menuAction('editCurrentElement')"
@addElement="menuAction('addElement')"
+ @exportElement="menuAction('exportElement')"
@deleteCurrentElement="menuAction('deleteCurrentElement')"
@showInfo="menuAction('showInfo')"
@setBookmark="menuAction('setBookmark')"
@@ -1128,54 +1129,34 @@ export default {
},
menuItems() {
- let menu = [
- { id: 5, label: this.$gettext('Informationen anzeigen'), icon: 'info', emit: 'showInfo' },
- { id: 6, label: this.$gettext('Lesezeichen setzen'), icon: 'star', emit: 'setBookmark' },
- ];
- if (this.isFeedbackActivated) {
- if (this.canCreateFeedbackElement && !this.hasFeedbackElement) {
- menu.push({
- id: 7,
- label: this.$gettext('Feedback aktivieren'),
- icon: 'feedback',
- emit: 'showFeedbackCreate',
- });
- }
- if (this.hasFeedbackElement) {
- menu.push({
- id: 7,
- label: this.$gettext('Feedback anzeigen'),
- icon: 'feedback',
- emit: 'showFeedback',
- });
- }
- }
+ let menu = [];
- if (this.oerEnableSuggestions && this.inCourse && this.userId !== this.structuralElement.relationships.owner.data.id) {
- menu.push(
- { id: 8, label: this.$gettext('Seite für OER Campus vorschlagen'), icon: 'oer-campus',
- emit: 'showSuggest' }
- );
- }
- if (!document.documentElement.classList.contains('responsive-display')) {
- menu.push(
- { id: 9, label: this.$gettext('Als Vollbild anzeigen'), icon: 'screen-full',
- emit: 'activateFullscreen'},
- );
- }
if (this.canEdit) {
+ menu.push({ id: 1, label: this.$gettext('Seite hinzufügen'), icon: 'add', emit: 'addElement' });
+ menu.push({ id: 2, label: this.$gettext('Seite exportieren'), icon: 'export', emit: 'exportElement' });
+ menu.push({ id: 3, type: 'separator'});
+
+ if (this.blockedByAnotherUser && this.userIsTeacher) {
+ menu.push({
+ id: 4,
+ label: this.textRemoveLock.title,
+ icon: 'lock-unlocked',
+ emit: 'removeLock',
+ });
+ }
if (!this.blockedByAnotherUser) {
menu.push({
- id: 1,
+ id: 5,
label: this.$gettext('Seiteneinstellungen'),
icon: 'settings',
emit: 'editCurrentElement',
});
if (this.userIsTeacher) {
+ menu.push({ id: 7, type: 'separator'});
menu.push({
- id: 2,
+ id: 8,
label: this.commentable
? this.$gettext('Kommentare abschalten')
: this.$gettext('Kommentare aktivieren'),
@@ -1184,35 +1165,64 @@ export default {
});
if (!this.hasFeedback && !this.displayFeedback) {
menu.push({
- id: 3,
+ id: 9,
label: this.$gettext('Anmerkungen aktivieren'),
icon: 'exclaim-circle',
emit: 'showNote'
});
}
}
+ menu.push({ id: 11, type: 'separator'});
}
- if (this.blockedByAnotherUser && this.userIsTeacher) {
+
+ if (this.deletable && this.canEdit && !this.isTask && !this.blocked) {
menu.push({
- id: 1,
- label: this.textRemoveLock.title,
- icon: 'lock-unlocked',
- emit: 'removeLock',
+ id: 6,
+ label: this.$gettext('Seite löschen'),
+ icon: 'trash',
+ emit: 'deleteCurrentElement',
});
}
- menu.push({ id: 4, label: this.$gettext('Seite hinzufügen'), icon: 'add', emit: 'addElement' });
}
+ if (this.isFeedbackActivated) {
+ if (this.canCreateFeedbackElement && !this.hasFeedbackElement) {
+ menu.push({
+ id: 10,
+ label: this.$gettext('Feedback aktivieren'),
+ icon: 'feedback',
+ emit: 'showFeedbackCreate',
+ });
+ }
+ if (this.hasFeedbackElement) {
+ menu.push({
+ id: 10,
+ label: this.$gettext('Feedback anzeigen'),
+ icon: 'feedback',
+ emit: 'showFeedback',
+ });
+ }
+ }
+ menu.push({ id: 12, label: this.$gettext('Lesezeichen setzen'), icon: 'star', emit: 'setBookmark' });
+
+ if (this.oerEnableSuggestions && this.inCourse && this.userId !== this.structuralElement.relationships.owner.data.id) {
+ menu.push(
+ { id: 13, label: this.$gettext('Seite für OER Campus vorschlagen'), icon: 'oer-campus',
+ emit: 'showSuggest' }
+ );
+ }
+
if (this.context.type === 'users') {
- menu.push({ id: 10, label: this.$gettext('Öffentlichen Link erzeugen'), icon: 'group', emit: 'linkElement' });
- }
- if (this.deletable && this.canEdit && !this.isTask && !this.blocked) {
- menu.push({
- id: 11,
- label: this.$gettext('Seite löschen'),
- icon: 'trash',
- emit: 'deleteCurrentElement',
- });
+ menu.push({ id: 14, label: this.$gettext('Öffentlichen Link erzeugen'), icon: 'group', emit: 'linkElement' });
}
+
+ if (!document.documentElement.classList.contains('responsive-display')) {
+ menu.push({ id: 15, type: 'separator'});
+ menu.push(
+ { id: 16, label: this.$gettext('Als Vollbild anzeigen'), icon: 'screen-full',
+ emit: 'activateFullscreen'},
+ );
+ }
+
menu.sort((a, b) => a.id - b.id);
return menu;
@@ -1429,6 +1439,7 @@ export default {
showElementEditDialog: 'showElementEditDialog',
showElementAddDialog: 'showElementAddDialog',
showElementAddChooserDialog: 'showElementAddChooserDialog',
+ showElementExportChooserDialog: 'showElementExportChooserDialog',
showElementExportDialog: 'showElementExportDialog',
showElementPdfExportDialog: 'showElementPdfExportDialog',
showElementInfoDialog: 'showElementInfoDialog',
@@ -1494,6 +1505,9 @@ export default {
this.errorEmptyChapterName = false;
this.showElementAddChooserDialog(true);
break;
+ case 'exportElement':
+ this.showElementExportChooserDialog(true);
+ break;
case 'deleteCurrentElement':
await this.loadStructuralElement(this.currentId);
if (this.blockedByAnotherUser) {