diff --git a/resources/vue/components/courseware/CoursewareStructuralElement.vue b/resources/vue/components/courseware/CoursewareStructuralElement.vue
index 1da916de7db169f2aa17fa77e268bffb68d35c13..071094fa91512eea01e74f425dbe56b7ee44a1be 100644
--- a/resources/vue/components/courseware/CoursewareStructuralElement.vue
+++ b/resources/vue/components/courseware/CoursewareStructuralElement.vue
@@ -1214,14 +1214,14 @@ export default {
         },
         selectableTemplates() {
             return this.templates.filter(template => {
-                return template.attributes.purpose === this.newElementPurpose
+                return template.attributes.purpose === this.newChapterPurpose
             });
         },
     },
 
     methods: {
         ...mapActions({
-            createStructuralElement: 'createStructuralElement',
+            createStructuralElementWithTemplate: 'createStructuralElementWithTemplate',
             updateStructuralElement: 'updateStructuralElement',
             deleteStructuralElement: 'deleteStructuralElement',
             lockObject: 'lockObject',
@@ -1532,7 +1532,7 @@ export default {
                 parent_id = this.structuralElement.relationships.parent.data.id;
             }
             this.showElementAddDialog(false);
-            this.createStructuralElement({
+            this.createStructuralElementWithTemplate({
                 attributes: {
                     title: title,
                     purpose: purpose,