resend password email

Author: rockstarr-programmerr

src/api/classroom.ts

@@ -1,5 +1,5 @@
 import Vue from 'vue'
-import { ClassroomListRes, ClassroomDetailRes, ClassroomCreateReq, AddStudentReq, RemoveStudentReq, AddReadingExercisesReq, RemoveReadingExercisesReq, ReadingExerciseReportRes, GetStudentReportReq, ClassroomUpdateReq } from '@/interfaces/api/classroom'
+import { ClassroomListRes, ClassroomDetailRes, ClassroomCreateReq, AddStudentReq, RemoveStudentReq, AddReadingExercisesReq, RemoveReadingExercisesReq, ReadingExerciseReportRes, GetStudentReportReq, ClassroomUpdateReq, ResendPasswordEmailReq } from '@/interfaces/api/classroom'
 import { Classroom } from '@/interfaces/classroom'
 import { endpoints, replacePk } from './endpoints'
 
@@ -51,9 +51,14 @@ export const classroom = {
     await Vue.axios.post(endpoint, payload)
   },
 
-  async getStudentReport (classroomPk: Classroom['pk'], params: GetStudentReportReq): Promise<ReadingExerciseReportRes[]> {
-    const endpoint = replacePk(endpoints.classroom.studentReadingReport, classroomPk)
+  async getStudentReport (pk: Classroom['pk'], params: GetStudentReportReq): Promise<ReadingExerciseReportRes[]> {
+    const endpoint = replacePk(endpoints.classroom.studentReadingReport, pk)
     const res = await Vue.axios.get(endpoint, { params })
     return res.data
+  },
+
+  async resendPasswordEmail (pk: Classroom['pk'], payload: ResendPasswordEmailReq): Promise<void> {
+    const endpoint = replacePk(endpoints.classroom.resendPasswordEmail, pk)
+    await Vue.axios.post(endpoint, payload)
   }
 }

src/api/endpoints.ts

@@ -22,7 +22,8 @@ export const endpoints = {
     removeStudents: '/classroom/classrooms/<pk>/remove-students/',
     addReadingExercises: '/classroom/classrooms/<pk>/add-reading-exercises/',
     removeReadingExercises: '/classroom/classrooms/<pk>/remove-reading-exercises/',
-    studentReadingReport: '/classroom/classrooms/<pk>/student-reading-report/'
+    studentReadingReport: '/classroom/classrooms/<pk>/student-reading-report/',
+    resendPasswordEmail: '/classroom/classrooms/<pk>/resend-password-email/'
   },
   readingExercise: {
     list: '/classroom/reading-exercises/',

src/interfaces/api/classroom.ts

@@ -39,3 +39,7 @@ export declare interface GetStudentReportReq {
   exercise_pk?: number;
   show_detail?: boolean;
 }
+
+export declare interface ResendPasswordEmailReq {
+  email: string;
+}

src/interfaces/user.ts

@@ -7,4 +7,5 @@ export declare interface User {
   user_type: 'teacher' | 'student';
   avatar: string | null;
   avatar_thumbnail: string | null;
+  last_login: string | null;
 }

src/views/classroom/ClassroomStudents.vue

@@ -82,7 +82,10 @@
             </v-icon>
           </template>
           <v-list dense>
-            <v-list-item>
+            <v-list-item
+              :disabled="item.last_login !== null"
+              @click="resendPasswordEmail(item)"
+            >
               <v-list-item-icon>
                 <v-icon>
                   mdi-email-outline
@@ -135,6 +138,7 @@ import { assertErrCode, status } from '@/utils/status-codes'
 import { Vue, Component } from 'vue-property-decorator'
 import { mapState } from 'vuex'
 import KLDialogConfirm from '@/components/KLDialogConfirm.vue'
+import { Api } from '@/api'
 
 @Component({
   computed: {
@@ -252,6 +256,16 @@ export default class ClassroomStudents extends Vue {
         this.loadingRemove = false
       })
   }
+
+  /**
+   * Resend password email
+   */
+  resendPasswordEmail (student: User): void {
+    Api.classroom.resendPasswordEmail(this.classroom.pk, {
+      email: student.email
+    })
+      .catch(unexpectedExc)
+  }
 }
 </script>