Fixes #883 and refs #897

Closes #883

resources/vue/components/courseware/CoursewareManagerElementItem.vue

@@ -16,12 +16,12 @@
         >
             {{ element.attributes.title }}
             <div v-if="sortChapters" class="cw-manager-element-item-buttons">
-                <a v-if="canMoveUp" href="#" @click="moveUp" :title="$gettext('Element nach oben verschieben')">
-                    <studip-icon :class="{'cw-manager-icon-disabled' : !canMoveUp}" shape="arr_2up" size="16" role="clickable" />
-                </a>
-                <a v-if="canMoveDown" href="#" @click="moveDown" :title="$gettext('Element nach unten verschieben')">
-                    <studip-icon :class="{'cw-manager-icon-disabled' : !canMoveDown}" shape="arr_2down" size="16" role="clickable" />
-                </a>
+                <button :disabled="!canMoveUp" @click="moveUp" :title="$gettext('Element nach oben verschieben')">
+                    <studip-icon shape="arr_2up" role="sort" />
+                </button>
+                <button :disabled="!canMoveDown" @click="moveDown" :title="$gettext('Element nach unten verschieben')">
+                    <studip-icon shape="arr_2down" role="sort" />
+                </button>
             </div>
         </div>
     </div>

resources/vue/store/courseware/courseware.module.js

@@ -498,7 +498,14 @@ export const actions = {
                 data: childrenResourceIdentifiers,
             },
             { root: true }
-        );
+        ).then(() => dispatch(
+            `${parent.type}/loadRelated`,
+            {
+                parent: { type: parent.type, id: parent.id },
+                relationship: 'children',
+            },
+            { root: true }
+        )).then(() => dispatch('courseware-structure/build', null, { root: true }));
     },
 
     async createStructuralElement({ dispatch }, { attributes, parentId, currentId }) {