diff --git a/frontend/src/components/PasswordChangeDialog.vue b/frontend/src/components/PasswordChangeDialog.vue index 8712b593db597754049a5415fc9ff5110382500e..5a14e10ef66600451daeb8bff2836a8a127d8aa3 100644 --- a/frontend/src/components/PasswordChangeDialog.vue +++ b/frontend/src/components/PasswordChangeDialog.vue @@ -77,10 +77,15 @@ export default { }) this.$emit('hide') }).catch(() => { + let reasons = '' + if (error.response) { + reasons = error.response.data.password.map(reason => `- ${reason}`).join('<br/>') + } this.$notify({ title: 'Error!', - text: 'Unable to change password', - type: 'error' + text: `Unable to change password<br/>${reasons}`, + type: 'error', + duration: -1 }) }) } diff --git a/frontend/src/components/RegisterDialog.vue b/frontend/src/components/RegisterDialog.vue index 5687f055f61f0909407d3b4a29f8e87b8e48abb4..b5c1f760241609072de1c4bf8dcba3b748f19bff 100644 --- a/frontend/src/components/RegisterDialog.vue +++ b/frontend/src/components/RegisterDialog.vue @@ -58,11 +58,17 @@ export default { this.loading = true registerTutor(this.credentials).then(() => { this.$emit('registered', this.credentials) - }).catch(() => { + }).catch(error => { + let reasons = '' + if (error.response) { + reasons = error.response.data.password.map(reason => `- ${reason}`).join('<br/>') + } + console.log(reasons) this.$notify({ title: 'Unable to register', - text: "Couldn't register a tutor account.", - type: 'error' + text: `Couldn't register a tutor account.<br/>${reasons}`, + type: 'error', + duration: -1 }) }).finally(() => { this.loading = false }) } diff --git a/frontend/src/components/SubmissionTypesOverview.vue b/frontend/src/components/SubmissionTypesOverview.vue index 3082ed569e3dd88d3e7777f2deaa3349b062b49b..88efc529d2985040292e18018de7e59335306844 100644 --- a/frontend/src/components/SubmissionTypesOverview.vue +++ b/frontend/src/components/SubmissionTypesOverview.vue @@ -1,6 +1,6 @@ <template> <v-card> - <v-card-title class="title">Assignment types</v-card-title> + <v-card-title class="title">Task types</v-card-title> <v-layout row wrap> <v-flex xs3> <v-list> @@ -16,7 +16,7 @@ </v-flex> <v-flex xs9> <v-layout v-if="!selectedSubmissionType" justify-center> - <strong>Select an assignment type on the left to see the description and solution.</strong> + <strong>Select a task type on the left to see the description and solution.</strong> </v-layout> <submission-type class="mr-2 mb-2" v-else v-bind="selectedSubmissionType"/> </v-flex> diff --git a/frontend/src/components/subscriptions/SubscriptionForList.vue b/frontend/src/components/subscriptions/SubscriptionForList.vue index c19b60bf6cfcb93651c83ba8283b370c94b992c7..d88fa9cfadfbb8049c46e91adb5ff2565efb4efe 100644 --- a/frontend/src/components/subscriptions/SubscriptionForList.vue +++ b/frontend/src/components/subscriptions/SubscriptionForList.vue @@ -8,11 +8,11 @@ <!-- dynamically set css class depending on active --> <v-list-tile-content :class="{'inactive-subscription': !active}" - class="ml-3"> + class="mr-3 subscription"> {{name}} </v-list-tile-content> <v-list-tile-action-text> - available: {{available}} + left: {{available}} </v-list-tile-action-text> </v-list-tile> </v-layout> @@ -55,4 +55,10 @@ export default class SubscriptionForList extends Vue { cursor: default; color: #B5B5B5; } + + .subscription { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } </style>