viithiisys / School-Management-dashboard

Browse Code »

Commit add6421d55951776a8edf5c86d5ac309e0acf509

Authored by Shikha Mishra 2020-08-17 05:07:46 -0400

1 parent d10c266324

Exists in master and in 2 other branches

Improve updateCourseDetail API and improve design in course detail screen

Showing 2 changed files with 118 additions and 115 deletions Show diff stats

src/pages/Course/courseDetail.vue

Diff comments View file @add6421

 <template>
   <v-container fluid class="body-color">
     <!-- ****** Edit Chapter detail  ****** -->
     <v-dialog v-model="editCourseDetailDialog" max-width="1000px" scrollable>
       <v-card class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Edit Chapter</label>
             <v-icon size="24" class="right" @click="editCourseDetailDialog = false">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-card-text>
           <v-layout wrap>
             <v-flex xs12 sm12>
               <v-layout>
                 <v-flex xs4 class="pt-4 subheading">
                   <label class="right">Select Class:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <v-select
                     small
                     :items="addclass"
                     label="Select Class"
                     v-model="editedCourse.classId"
                     item-text="classNum"
                     item-value="_id"
                     name="Select Class"
                     @change="getCourses(editedCourse.classId)"
                     class="mr-2"
                     required
                   ></v-select>
                 </v-flex>
               </v-layout>
             </v-flex>
             <v-flex xs12 sm12>
               <v-layout>
                 <v-flex xs4 class="pt-4 subheading">
                   <label class="right">Select Course:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <v-select
                     :items="courseData"
                     label="Select Course"
                     v-model="editedCourse.courseId"
                     item-text="courseName"
                     item-value="_id"
                     required
                     class="ml-2"
                   ></v-select>
                 </v-flex>
               </v-layout>
             </v-flex>
           </v-layout>
           <v-layout>
             <v-flex xs12 sm12 md11 lg11>
               <v-card-actions class="hidden-xs-only hidden-sm-only">
                 <v-spacer></v-spacer>
                 <v-btn round dark @click="save" :loading="editLoading" class="add-button mr-4">Save</v-btn>
               </v-card-actions>
               <v-card-actions class="hidden-md-only hidden-lg-only hidden-xl-only">
                 <v-spacer></v-spacer>
                 <v-btn round dark @click="save" :loading="editLoading" class="add-button">Save</v-btn>
                 <v-spacer></v-spacer>
               </v-card-actions>
             </v-flex>
           </v-layout>
         </v-card-text>
       </v-card>
     </v-dialog>
     <!-- DIALOG BOX -  EDIT CHAPTER-->
     <v-dialog v-model="editChapterDetailDialog" max-width="1000px" scrollable>
       <v-card class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Edit Chapter</label>
             <v-icon
               size="24"
               class="right"
               @click="editChapterDetailDialog = false; trigger = 'reset'; emptyPdf = 'reset' "
             >cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-card-text>
           <v-layout wrap>
             <!-- CHAPTER NAME -->
             <v-flex xs12 sm12>
               <v-layout>
                 <v-flex xs4 class="pt-4 subheading">
                   <label class="right">Chapter Name:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <v-text-field
                     v-model="editChapter.chapterName"
                     placeholder="fill your Title"
                     type="text"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
             </v-flex>
             <!-- DESCRIPTION -->
             <v-flex xs12 sm12>
               <v-layout>
                 <v-flex xs4 class="pt-4 subheading">
                   <label class="right">Description:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <v-text-field
                     placeholder="fill your Description"
                     v-model="editChapter.description"
                     type="text"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
             </v-flex>
             <!-- UPLOAD PPT -->
             <!-- <v-flex xs12>
               <v-layout>
                 <v-flex xs4 class="pt-4 subheading">
                   <label class="right">Upload PPT:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <UploadFiles
                     @fileSelected="fileSelected($event,'uploadPPT')"
                     label="Add PPT"
                     reference="EditPpt"
                     id="editPptInput"
                     :trigger="trigger"
                   ></UploadFiles>
                 </v-flex>
               </v-layout>
             </v-flex>-->
             <!-- UPLOAD PDF -->
             <v-flex xs12>
               <v-layout>
                 <v-flex xs4 class="pt-4 subheading">
                   <label class="right">Upload PDF:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <UploadPdf
                     @pdfFileSelected="pdfFileSelected($event,'uploadPDF')"
                     label="Add PDF"
                     reference="editPdf"
                     id="editPdfInput"
                     :emptyPdf="emptyPdf"
                   ></UploadPdf>
                 </v-flex>
               </v-layout>
             </v-flex>
           </v-layout>
           <!-- <v-flex xs12 v-if="editChapter.chapterPoints.length != 0">
             <v-layout
               wrap
               v-for="(editChapterPoint,index) in editChapter.chapterPoints"
               :key="index"
             >
               <v-flex xs12 sm12 md4 class="pt-4 subheading">
                 <label class="right hidden-xs-only hidden-sm-only">Chapter Points:</label>
                 <label class="hidden-md-only hidden-lg-only hidden-xl-only">Chapter Points:</label>
               </v-flex>
               <v-layout>
                 <v-flex xs10 sm10 sm5 md9 class="ml-3">
                   <v-text-field :value="editChapterPoint" type="text" required></v-text-field>
                 </v-flex>
                 <v-flex xs2 class="pt-4">
                   <v-icon @click="deleteUrl(index)">cancel</v-icon>
                 </v-flex>
               </v-layout>
             </v-layout>
           </v-flex>-->
           <v-flex xs12>
             <div v-for="(updateImage,index) in updates" :key="index">
               <v-layout wrap>
                 <v-flex xs12 sm12 md4 class="pt-4 subheading">
                   <label class="right hidden-xs-only hidden-sm-only">Chapter Points:</label>
                   <label class="hidden-md-only hidden-lg-only hidden-xl-only">Chapter Points:</label>
                 </v-flex>
                 <v-layout>
                   <v-flex xs10 sm12 md9 class="ml-3">
                     <v-text-field
                       v-model="updateImage.value"
                       placeholder="Upload new Chapter Points"
                       required
                     ></v-text-field>
                   </v-flex>
                   <v-flex xs2 class="pt-4">
                     <v-icon @click="deleteUpdate(index)" v-if="index !=0">cancel</v-icon>
                     <v-icon @click="update">add_circle</v-icon>
                   </v-flex>
                 </v-layout>
               </v-layout>
             </div>
           </v-flex>
           <v-layout>
             <v-flex xs12 sm12 md11 lg11>
               <v-card-actions class="hidden-xs-only hidden-sm-only">
                 <v-spacer></v-spacer>
                 <v-btn
                   round
                   dark
                   @click="saveChapter"
                   :loading="editLoading"
                   class="add-button mr-4"
                 >Save</v-btn>
               </v-card-actions>
               <v-card-actions class="hidden-md-only hidden-lg-only hidden-xl-only">
                 <v-spacer></v-spacer>
                 <v-btn
                   round
                   dark
                   @click="saveChapter"
                   :loading="editLoading"
                   class="add-button"
                 >Save</v-btn>
                 <v-spacer></v-spacer>
               </v-card-actions>
             </v-flex>
           </v-layout>
         </v-card-text>
       </v-card>
     </v-dialog>
     <!-- ADD NEW CHAPTER-->
     <v-dialog v-model="addChapterDialog" max-width="1000px" scrollable>
       <v-card class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Add Chapter Detail</label>
             <v-icon
               size="24"
               class="right"
               @click="addChapterDialog = false;  trigger = 'reset'; emptyPdf = 'reset' "
             >cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-card-text>
           <v-layout wrap>
             <v-flex xs12 sm12>
               <v-layout>
                 <v-flex xs4 class="pt-4 subheading">
                   <label class="right">Chapter Name:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <v-text-field
                     v-model="addChapterItem.chapterName"
                     placeholder="fill your Title"
                     type="text"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
             </v-flex>
             <v-flex xs12 sm12>
               <v-layout>
                 <v-flex xs4 class="pt-4 subheading">
                   <label class="right">Description:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <v-text-field
                     placeholder="fill your Description"
                     v-model="addChapterItem.description"
                     type="text"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
             </v-flex>
             <!-- UPLOAD PPT -->
             <!-- <v-flex xs12>
               <v-layout>
                 <v-flex xs4 class="pt-4 subheading">
                   <label class="right">Upload PPT:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <UploadFiles
                     @fileSelected="fileSelected($event,'uploadPPT')"
                     label="Add PPT"
                     reference="newChapterPpt"
                     id="newChapterPptInput"
                     :trigger="trigger"
                   ></UploadFiles>
                 </v-flex>
               </v-layout>
             </v-flex>-->
             <!-- UPLOAD PDF -->
             <v-flex xs12>
               <v-layout>
                 <v-flex xs4 class="pt-4 subheading">
                   <label class="right">Upload PDF:</label>
                 </v-flex>
                 <v-flex xs8 sm6 class="ml-3">
                   <UploadPdf
                     @pdfFileSelected="pdfFileSelected($event,'uploadPDF')"
                     label="Add PDF"
                     reference="newChapterPdf"
                     id="newChapterPdfInput"
                     :emptyPdf="emptyPdf"
                   ></UploadPdf>
                 </v-flex>
               </v-layout>
             </v-flex>
           </v-layout>
           <v-flex xs12>
             <div v-for="(chapterPoints,index) in findsChapterPoint" :key="index">
               <v-layout>
                 <v-flex xs4 class="pt-4 subheading">
                   <label class="right">Chapter Points:</label>
                 </v-flex>
                 <v-flex xs8 sm8 md6 class="ml-3">
                   <v-text-field
                     placeholder="fill your Chapter Points"
                     v-model="chapterPoints.value"
                     type="text"
                     name="link"
                     required
                   ></v-text-field>
                 </v-flex>
                 <v-flex xs2 class="pt-4">
                   <v-icon @click="deleteChapterPoint(index)" v-if="index !=0 ">cancel</v-icon>
                   <v-icon @click="addChapterPoint()">add_circle</v-icon>
                 </v-flex>
               </v-layout>
             </div>
           </v-flex>
           <v-layout>
             <v-flex xs12 sm12 md11 lg11>
               <v-card-actions class="hidden-xs-only hidden-sm-only">
                 <v-spacer></v-spacer>
                 <v-btn
                   round
                   dark
                   @click="submitChapter"
                   :loading="editLoading"
                   class="add-button mr-4"
                 >Submit</v-btn>
               </v-card-actions>
               <v-card-actions class="hidden-md-only hidden-lg-only hidden-xl-only">
                 <v-spacer></v-spacer>
                 <v-btn round dark @click="save" :loading="editLoading" class="add-button">Save</v-btn>
                 <v-spacer></v-spacer>
               </v-card-actions>
             </v-flex>
           </v-layout>
         </v-card-text>
       </v-card>
     </v-dialog>
     <!-- ****** PROFILE Gallery ******  -->
     <v-dialog v-model="viewProfileGallery" max-width="1000" scrollable>
       <v-card flat class="card-style pa-3" dark>
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">View Course Detail</label>
             <v-icon size="24" class="right" @click="closeProfileGallery">cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-card-text>
           <v-container grid-list-md>
             <v-layout wrap>
               <v-flex xs12>
                 <v-layout>
                   <v-flex xs4 sm6>
                     <h5 class="right my-1">
                       <b>Chapter Name:</b>
                     </h5>
                   </v-flex>
                   <v-flex sm6 xs8>
                     <h5 class="my-1">{{ editedItem.chapterName }}</h5>
                   </v-flex>
                 </v-layout>
                 <v-layout>
                   <v-flex xs4 sm6>
                     <h5 class="right my-1">
                       <b>Description:</b>
                     </h5>
                   </v-flex>
                   <v-flex sm6 xs8>
                     <h5 class="my-1">{{ editedItem.description }}</h5>
                   </v-flex>
                 </v-layout>
                 <v-layout>
                   <v-flex xs5 sm6>
                     <h5 class="right my-1">
                       <b>Chapter Points:</b>
                     </h5>
                   </v-flex>
                   <v-flex sm6 xs8>
                     <h5 class="my-1">
                       <ul v-for="chapterPoint in editedItem.chapterPoints" :key="chapterPoint">
                         <li>{{ chapterPoint}}</li>
                       </ul>
                     </h5>
                   </v-flex>
                 </v-layout>
                 <!-- LINK TO PDF -->
                 <v-layout row justify-center>
                   <v-flex xs6>
                     <div style="width: 100%;">
                       <a
                         :href="editedItem.pdfFileUrl"
                         target="_blank"
                         style="text-decoration: none!important;"
                       >
                         <v-btn flat block>
                           <span>
                             <h5>
                               <b>Open PDF</b>
                             </h5>
                           </span>
                         </v-btn>
                       </a>
                     </div>
                   </v-flex>
                 </v-layout>
               </v-flex>
             </v-layout>
           </v-container>
         </v-card-text>
       </v-card>
     </v-dialog>
     <!-- ****** Course Detail TABLE ****** -->
-    <v-container grid-list-lg class="pa-0">
+    <v-toolbar color="transparent" flat>
-      <v-layout row wrap>
+      <!-- <v-flex xs1>
-        <!-- <v-btn
+          <v-btn round class="open-dialog-button" dark @click="addCourseDetailDialog = true">
-          fab
+            <v-icon  size="20">add</v-icon>
-          dark
-          class="open-dialog-button hidden-xl-only hidden-md-only hidden-lg-only"
-          small
-          @click="addCourseDetailDialog = true"
-        >
-          <v-icon dark>add</v-icon>
-        </v-btn>-->
-        <v-flex xs12 sm4>
-          <v-btn block round class="open-dialog-button" dark @click="addCourseDetailDialog = true">
-            <v-icon class="white--text pr-1" size="20">add</v-icon>
             <span class="hidden-sm-and-down">Add Course Detail</span>
             <span class="hidden-md-and-up">Add</span>
           </v-btn>
-        </v-flex>
+      </v-flex>-->
+      <v-btn
+        fab
+        dark
+        class="open-dialog-button hidden-xl-only hidden-md-only hidden-lg-only"
+        small
+        @click="addCourseDetailDialog = true"
+      >
+        <v-icon dark>add</v-icon>
+      </v-btn>
+      <v-flex xs1 class="hidden-sm-only hidden-xs-only">
+        <v-btn round class="open-dialog-button" dark @click="addCourseDetailDialog = true">
+          <v-icon class="white--text pr-1" size="20">add</v-icon>Add Course Detail
+        </v-btn>
+      </v-flex>
+      <v-spacer></v-spacer>
+      <v-flex xs12 sm4 md2>
+        <v-select
+          :items="addclass"
+          label="Select Class"
+          v-model="getCourse.classId"
+          item-text="classNum"
+          item-value="_id"
+          name="Select Class"
+          @change="getCourses(getCourse.classId)"
+          required
+        ></v-select>
+      </v-flex>
+      <v-flex xs12 sm4 md2 class="ml-2">
+        <v-select
+          :items="courseData"
+          label="Select Course"
+          v-model="getCourse.courseId"
+          item-text="courseName"
+          item-value="_id"
+          required
+          @change="getCourseDetailsList(getCourse.courseId)"
+        ></v-select>
+      </v-flex>
-        <v-flex xs12 sm4 md2>
+      <v-flex xs12 sm1 v-if="show">
-          <v-select
+        <v-btn icon large flat @click="show = false;showSearch = true;">
-            :items="addclass"
+          <v-avatar size="27">
-            label="Select Class"
+            <img src="/static/icon/search.png" alt="icon" />
-            v-model="getCourse.classId"
+          </v-avatar>
-            item-text="classNum"
+        </v-btn>
-            item-value="_id"
+      </v-flex>
-            name="Select Class"
-            @change="getCourses(getCourse.classId)"
-            required
-          ></v-select>
-        </v-flex>
-        <v-flex xs12 sm4 md2>
-          <v-select
-            :items="courseData"
-            label="Select Course"
-            v-model="getCourse.courseId"
-            item-text="courseName"
-            item-value="_id"
-            required
-            @change="getCourseDetailsList(getCourse.courseId)"
-          ></v-select>
-        </v-flex>
-        <v-flex xs12 sm1 v-if="show">
+      <v-flex xs12 sm3 md3 v-if="showSearch" class="ml-2">
-          <v-btn icon large flat @click="show = false;showSearch = true;">
+        <div style="display: inline-block;width: 70%;">
-            <v-avatar size="27">
+          <v-text-field
-              <img src="/static/icon/search.png" alt="icon" />
+            autofocus
-            </v-avatar>
+            v-model="search"
-          </v-btn>
+            label="Search"
-        </v-flex>
+            prepend-inner-icon="search"
+            color="primary"
+          ></v-text-field>
+        </div>
+        <div style="display: inline-block;">
+          <v-icon @click="closeSearch" color="error">close</v-icon>
+        </div>
+      </v-flex>
+    </v-toolbar>
-        <v-flex xs12 sm3 md3 v-if="showSearch">
-          <div style="display: inline-block;width: 70%;">
-            <v-text-field
-              autofocus
-              v-model="search"
-              label="Search"
-              prepend-inner-icon="search"
-              color="primary"
-            ></v-text-field>
-          </div>
-          <div style="display: inline-block;">
-            <v-icon @click="closeSearch" color="error">close</v-icon>
-          </div>
-        </v-flex>
-      </v-layout>
-    </v-container>
     <v-data-table
       :headers="headers"
       :items="CourseDetailsList"
       :pagination.sync="pagination"
       :search="search"
       item-key="_id"
     >
       <template slot="items" slot-scope="props">
         <tr class="tr" @click="courseTableRow(props.item._id)">
           <td class="td td-row">{{ props.index + 1}}</td>
           <td class="td td-row text-xs-center">{{ props.item.classId.classNum }}</td>
           <td class="td td-row text-xs-center">{{ props.item.courseId.courseName }}</td>
           <td class="td td-row text-xs-center">
             <div style="vertical-align: top;">
               <v-tooltip top>
                 <v-icon
                   slot="activator"
                   style="cursor:pointer;font-size:22px;position: relative;top: -4px; "
                   class="mr-3"
                   @click="addChapters(props.item)"
                 >add_circle_outline</v-icon>
                 <span>Add</span>
               </v-tooltip>
               <v-tooltip top>
                 <img
                   slot="activator"
                   style="cursor:pointer; width:25px; height:25px; "
                   class="mr-3"
                   @click="props.expanded = !props.expanded"
                   src="/static/icon/view.png"
                 />
                 <span>View</span>
               </v-tooltip>
               <v-tooltip top>
                 <img
                   slot="activator"
                   style="cursor:pointer; width:20px; height:18px; "
                   class="mr-3"
                   @click="editItem(props.item)"
                   src="/static/icon/edit.png"
                 />
                 <span>Edit</span>
               </v-tooltip>
               <v-tooltip top>
                 <img
                   slot="activator"
                   style="cursor:pointer; width:20px; height:20px; "
                   class="mr-3"
                   @click="deleteItem(props.item)"
                   src="/static/icon/delete.png"
                 />
                 <span>Delete</span>
               </v-tooltip>
             </div>
           </td>
         </tr>
       </template>
       <!-- CHAPTERS IN A COURSE -->
       <template slot="expand">
         <v-data-table :items="chapters" hide-actions item-key="chapterName" style="width: auto;">
           <template slot="items" slot-scope="props">
             <tr class="tr" @click="props.expanded = !props.expanded">
               <td class="td td-row">{{ props.index + 1}}</td>
               <td class="text-xs-center td td-row">{{ props.item.chapterName}}</td>
               <td class="text-xs-center td td-row">{{ props.item.description }}</td>
               <td class="text-xs-center td td-row">
                 <v-tooltip top>
                   <v-icon
                     slot="activator"
                     style="cursor:pointer;font-size:22px;position: relative;top: -4px; "
                     class="mr-3"
                     @click="$router.push({name: 'Live Online Class', query: {chapterId: props.item._id, chapterName: props.item.chapterName, courseId: getCourse.courseId, classId: getCourse.classId }})"
                   >video_call</v-icon>
                   <span>Live Session</span>
                 </v-tooltip>
                 <v-tooltip top>
                   <img
                     slot="activator"
                     style="cursor:pointer; width:25px; height:25px; "
                     class="mr-3"
                     @click="profile(props.item)"
                     src="/static/icon/view.png"
                   />
                   <span>View</span>
                 </v-tooltip>
                 <v-tooltip top>
                   <img
                     slot="activator"
                     style="cursor:pointer; width:20px; height:18px; "
                     class="mr-3"
                     @click="editChapterItem(props.item)"
                     src="/static/icon/edit.png"
                   />
                   <span>Edit</span>
                 </v-tooltip>
                 <v-tooltip top>
                   <img
                     slot="activator"
                     style="cursor:pointer; width:20px; height:20px; "
                     class="mr-3"
                     @click="deleteChapters(props.item)"
                     src="/static/icon/delete.png"
                   />
                   <span>Delete Chapter</span>
                 </v-tooltip>
               </td>
             </tr>
           </template>
         </v-data-table>
       </template>
       <v-alert
         slot="no-results"
         :value="true"
         color="error"
         icon="warning"
       >Your search for "{{ search }}" found no results.</v-alert>
     </v-data-table>
     <!-- ****** ADD Course Detail  ****** -->
     <v-dialog v-model="addCourseDetailDialog" max-width="600px" persistent>
       <v-card flat class="card-style pa-2" dark>
         <v-layout>
           <v-flex xs12>
             <label class="title text-xs-center">Add Course Details</label>
             <v-icon
               size="24"
               class="right"
               @click="addCourseDetailDialog = false; clear() ; trigger = 'reset' ; emptyPdf = 'reset' "
             >cancel</v-icon>
           </v-flex>
         </v-layout>
         <v-form ref="form" v-model="valid" lazy-validation>
           <v-container fluid>
             <v-flex xs12>
               <v-layout>
                 <v-flex xs4 class="pt-4 subheading">
                   <label class="right hidden-xs-only hidden-sm-only">Select Class:</label>
                   <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Class:</label>
                 </v-flex>
                 <v-flex xs8 sm8 md7 class="ml-3">
                   <v-select
                     :items="addclass"
                     label="Select Class"
                     v-model="addCourseDetail.classId"
                     item-text="classNum"
                     item-value="_id"
                     name="Select Class"
                     :rules="clsssRules"
                     @change="getCourses(addCourseDetail.classId)"
                     required
                   ></v-select>
                 </v-flex>
               </v-layout>
             </v-flex>
             <v-flex xs12>
               <v-layout>
                 <v-flex xs4 class="pt-4 subheading">
                   <label class="right hidden-xs-only hidden-sm-only">Select Course:</label>
                   <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Course:</label>
                 </v-flex>
                 <v-flex xs8 sm8 md7 class="ml-3">
                   <v-select
                     :items="courseData"
                     label="Select Course"
                     v-model="addCourseDetail.courseId"
                     item-text="courseName"
                     item-value="_id"
                     :rules="courseRules"
                     required
                   ></v-select>
                 </v-flex>
               </v-layout>
             </v-flex>
             <v-flex xs12>
               <v-layout>
                 <v-flex xs4 class="pt-4 subheading">
                   <label class="right">Chapter Name:</label>
                 </v-flex>
                 <v-flex xs8 sm8 md7 class="ml-3">
                   <v-text-field
                     v-model="addCourseDetail.chapterName"
                     placeholder="fill your Title"
                     name="name"
                     type="text"
                     :rules="chapterNameRules"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
             </v-flex>
             <!-- DESCRIPTION -->
             <v-flex xs12>
               <v-layout>
                 <v-flex xs4 class="pt-4 subheading">
                   <label class="right">Description:</label>
                 </v-flex>
                 <v-flex xs8 sm8 md7 class="ml-3">
                   <v-text-field
                     placeholder="fill your Description"
                     :rules="descriptionRules"
                     v-model="addCourseDetail.description"
                     type="text"
                     name="email"
                     required
                   ></v-text-field>
                 </v-flex>
               </v-layout>
             </v-flex>
             <!-- UPLOAD PPT -->
             <!-- <v-flex xs12>
               <v-layout>
                 <v-flex xs4 class="pt-4 subheading">
                   <label class="right">Upload PPT:</label>
                 </v-flex>
                 <v-flex xs8 sm8 md7 class="ml-3">
                   <UploadFiles
                     @fileSelected="fileSelected($event,'uploadPPT')"
                     label="Add PPT"
                     reference="newCoursePpt"
                     id="newCoursePptInput"
                     :trigger="trigger"
                   ></UploadFiles>
                 </v-flex>
               </v-layout>
             </v-flex>-->
             <!-- UPLOAD PDF -->
             <v-flex xs12>
               <v-layout>
                 <v-flex xs4 class="pt-4 subheading">
                   <label class="right">Upload PDF:</label>
                 </v-flex>
                 <v-flex xs8 sm8 md7 class="ml-3">
                   <UploadPdf
                     @pdfFileSelected="pdfFileSelected($event,'uploadPDF')"
                     label="Add PDF"
                     reference="newCoursePdf"
                     id="newCoursePdfInput"
                     :emptyPdf="emptyPdf"
                   ></UploadPdf>
                 </v-flex>
               </v-layout>
             </v-flex>
             <v-layout>
               <v-flex xs12>
                 <div v-for="(chapterPoints,index) in finds" :key="index">
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right">Chapter Points:</label>
                     </v-flex>
                     <v-flex xs8 sm8 md6 class="ml-3">
                       <v-text-field
                         placeholder="fill your Chapter Points"
                         v-model="chapterPoints.value"
                         type="text"
                         required
                       ></v-text-field>
                     </v-flex>
                     <v-flex xs2 class="pt-4">
                       <v-icon @click="deleteFind(index)" v-if="index !=0 ">cancel</v-icon>
                       <v-icon @click="addFind">add_circle</v-icon>
                     </v-flex>
                   </v-layout>
                 </div>
               </v-flex>
             </v-layout>
             <v-layout>
               <v-flex xs12 sm12>
                 <v-layout class="right">
                   <v-btn @click="clear();" round dark class="clear-button">Clear</v-btn>
                   <v-btn @click="submit" round dark :loading="loading" class="add-button">Add</v-btn>
                 </v-layout>
               </v-flex>
             </v-layout>
           </v-container>
         </v-form>
       </v-card>
     </v-dialog>
     <v-snackbar
       :timeout="timeout"
       :top="y === 'top'"
       :right="x === 'right'"
       :vertical="mode === 'vertical'"
       v-model="snackbar"
       :color="color"
     >{{ text }}</v-snackbar>
     <div class="loader" v-if="showLoader">
       <v-progress-circular indeterminate color="white"></v-progress-circular>
     </div>
   </v-container>
 </template>
 <script>
 import http from "@/Services/http.js";
 import UploadFiles from "@/pages/Common/UploadFiles.vue";
 import UploadPdf from "@/pages/Common/UploadPdf.vue";
 import AllApiCalls from "@/Services/AllApiCalls.js";
 export default {
   mixins: [AllApiCalls],
   components: {
     UploadFiles,
     UploadPdf,
   },
   data: () => ({
     snackbar: false,
     y: "top",
     x: "right",
     mode: "",
     timeout: 3000,
     text: "",
     loading: false,
     color: "",
     date: null,
     search: "",
     show: true,
     addCourseDetailDialog: false,
     showSearch: false,
     showLoader: false,
     editCourseDetailDialog: false,
     editChapterDetailDialog: false,
     viewProfileGallery: false,
     valid: true,
     editLoading: false,
     addclass: [],
     courseData: [],
     addSection: [],
     getCourse: {},
     finds: [{ value: "" }],
     findsChapterPoint: [{ value: "" }],
     updates: [],
     youTubeLink: {},
     addCourseDetail: {
       chapters: [
         {
           chapterName: "",
           description: "",
           chapterPoints: [],
         },
       ],
     },
     chapters: [],
     pagination: {
       rowsPerPage: 10,
     },
     editFiles: [],
     files: [],
     courseData: [],
     token: "",
     courseId: "",
     clsssRules: [(v) => !!v || " Class is required"],
     courseRules: [(v) => !!v || " Course is required"],
     chapterNameRules: [(v) => !!v || " Tilte is required"],
     descriptionRules: [(v) => !!v || " Description is required"],
     headers: [
       {
         align: "",
         text: "No",
         sortable: false,
         value: "index",
       },
       {
         text: "Class Name",
         value: "classNum",
         sortable: false,
         align: "center",
       },
       {
         text: "Course Name",
         value: "courseName",
         sortable: false,
         align: "center",
       },
       { text: "Action", value: "", sortable: false, align: "center" },
     ],
     CourseDetailsList: [],
     editedIndex: -1,
     editedItem: {},
     editedCourse: {},
     editChapter: {
       chapterPoints: [],
     },
     index: "",
     addChapterItem: {},
     addChapterItemObj: {},
     addChapterDialog: false,
     showData: false,
   }),
   methods: {
     getCourses(classId) {
       this.showLoader = true;
       http()
         .get("/getCourseesList", {
           params: {
             classId: classId,
           },
         })
         .then((response) => {
           this.editChapter.courseId = "";
           this.courseData = response.data.data;
           // console.log("this.courseData", this.courseData);
           this.showLoader = false;
         })
         .catch((err) => {
           console.log("err====>", err);
           this.showLoader = false;
         });
     },
     getCourseDetailsList() {
       this.showLoader = true;
       http()
         .get("/getParticularCourseDetail", {
           params: {
             courseId: this.getCourse.courseId,
           },
         })
         .then((response) => {
           this.CourseDetailsList = response.data.data;
           if (this.CourseDetailsList.length === 0) {
             this.showLoader = false;
             this.snackbar = true;
             this.text = "Data not found!";
             this.color = "error";
             return;
           }
           this.showData = true;
           if (response.data.data[0]) {
             this.chapters = response.data.data[0].chapters;
           }
           this.showLoader = false;
         })
         .catch((error) => {
           // console.log("err====>", err);
           this.showLoader = false;
           if (error.response.status === 401) {
             this.$router.replace({ path: "/" });
             this.$store.dispatch("setToken", null);
             this.$store.dispatch("Id", null);
           }
         });
     },
     courseTableRow(id) {
       this.courseId = id;
     },
     addChapters(item) {
       this.editedIndex = this.CourseDetailsList.indexOf(item);
       this.addChapterItemObj = Object.assign({}, item);
       this.addChapterItem.courseDetailId = this.addChapterItemObj._id;
       this.addChapterDialog = true;
     },
     submitChapter() {
       this.addChapterItem.chapterPoints = [];
       for (let i = 0; i < this.findsChapterPoint.length; i++) {
         this.addChapterItem.chapterPoints.push(this.findsChapterPoint[i].value);
       }
       this.loading = true;
       http()
         .put("/addChapters", this.addChapterItem)
         .then((response) => {
           this.addChapterDialog = false;
           this.loading = false;
           this.snackbar = true;
           this.text = response.data.message;
           this.color = "green";
           this.addChapterItem = {};
           this.removeChapterPoint();
           this.getCourseDetailsList();
         })
         .catch((error) => {
           this.snackbar = true;
           this.text = error.response.data.message;
           this.color = "error";
           this.loading = false;
         });
     },
     profile(item) {
       console.log("chaper - ", item);
       this.editedIndex = this.chapters.indexOf(item);
       this.editedItem = Object.assign({}, item);
       this.viewProfileGallery = true;
     },
     editItem(item) {
       this.editedIndex = this.CourseDetailsList.indexOf(item);
       this.editedCourse = Object.assign({}, item);
       this.editCourseDetailDialog = true;
     },
     editChapterItem(item) {
       this.editedIndex = this.chapters.indexOf(item);
       this.editChapter = Object.assign({}, item);
       this.updates = [];
       for (let i = 0; i < this.editChapter.chapterPoints.length; i++) {
         this.updates.push({ value: this.editChapter.chapterPoints[i] });
       }
       this.editChapterDetailDialog = true;
     },
     deleteItem(item) {
       let deleteGallery = {
         courseDetailId: item._id,
       };
       http()
         .delete(
           "/deleteCourseDetail",
           confirm("Are you sure you want to delete this?") && {
             params: deleteGallery,
             headers: {
               Authorization: "Bearer " + this.token,
             },
           }
         )
         .then((response) => {
           this.snackbar = true;
           this.text = "Successfully delete Course Details";
           this.color = "green";
           this.getCourseDetailsList();
         })
         .catch((error) => {
           // console.log(error);
           this.snackbar = true;
           this.text = error.response.data.message;
           this.color = "error";
         });
     },
     deleteChapters(item) {
       // console.log("item", item);
       let deleteChapters = {
         courseDetailId: this.courseId,
         chapterId: item._id,
       };
       http()
         .put(
           "/deleteChapters",
           confirm("Are you sure you want to delete this?") && deleteChapters
         )
         .then((response) => {
           this.snackbar = true;
           this.text = "Successfully delete Chapters";
           this.color = "green";
           this.getCourseDetailsList();
         })
         .catch((error) => {
           // console.log(error);
           this.snackbar = true;
           this.text = error.response.data.message;
           this.color = "error";
         });
     },
     close() {
       this.editCourseDetailDialog = false;
     },
     closeProfileGallery() {
       this.viewProfileGallery = false;
     },
     submit() {
       let chapters = [];
       var chapterPoints = [];
       for (let i = 0; i < this.finds.length; i++) {
         chapterPoints.push(this.finds[i].value);
         // console.log("this.finds[i].value", this.finds[i].value);
         chapters = [
           {
             chapterName: this.addCourseDetail.chapterName,
             description: this.addCourseDetail.description,
             chapterPoints: chapterPoints,
             uploadPdf: this.pdfFile,
             uploadPpt: this.pptFile,
           },
         ];
       }
       if (this.$refs.form.validate()) {
         // console.log("this.addCourseDetail", this.addCourseDetail);
         var courseDetailsData = {
           classId: this.addCourseDetail.classId,
           courseId: this.addCourseDetail.courseId,
           chapters: chapters,
         };
         this.loading = true;
         http()
           .post("/createCourseDetail", courseDetailsData)
           .then((response) => {
             this.addCourseDetailDialog = false;
             this.loading = false;
             this.snackbar = true;
             this.text = response.data.message;
             this.color = "green";
             this.clear();
             this.trigger = "reset";
             this.emptyPdf = "reset";
             this.removeAddFind();
           })
           .catch((error) => {
             this.snackbar = true;
             this.text = error.response.data.message;
             this.color = "error";
             this.loading = false;
           });
       }
     },
     clear() {
       this.$refs.form.reset();
     },
     saveChapter() {
       this.editedItem.courseDetailId = this.editedItem._id;
       // console.log("this.updates", this.updates);
       var chapterPoints = [];
       for (let i = 0; i < this.updates.length; i++) {
         chapterPoints.push(this.updates[i].value);
       }
       var updateData = {
         courseDetailId: this.courseId,
         chapterId: this.editChapter._id,
         chapterName: this.editChapter.chapterName,
         description: this.editChapter.description,
         chapterPoints: chapterPoints,
         uploadPdf: this.pdfFile,
         uploadPpt: this.pptFile,
       };
       this.editLoading = true;
       http()
         .put("/updateChapters", updateData)
         .then((response) => {
           this.editChapterDetailDialog = false;
           this.snackbar = true;
           this.text = response.data.message;
           this.color = "green";
           this.editLoading = false;
           // this.removeUpdatePoints();
           this.trigger = "reset";
           this.emptyPdf = "reset";
           this.getCourseDetailsList();
         })
         .catch((error) => {
           this.editLoading = false;
           this.snackbar = true;
           this.text = error.response.data.message;
           this.color = "error";
         });
     },
     save() {
       var updateData = {
         courseDetailId: this.editedCourse._id,
-        courseId: this.editedCourse.courseId,
+        courseId: this.editedCourse.courseId._id,
-        classId: this.editedCourse.classId,
+        classId: this.editedCourse.classId._id,
       };
       this.editLoading = true;
       http()
         .put("/updateCourseDetail", updateData)
         .then((response) => {
           this.getCourseDetailsList();
           this.editCourseDetailDialog = false;
           this.snackbar = true;
           this.text = response.data.message;
           this.color = "green";
           this.editLoading = false;
           // this.editChapterPointName = "";
           this.editFiles = [];
         })
         .catch((error) => {
           this.editLoading = false;
           this.snackbar = true;
           this.text = error.response.data.message;
           this.color = "error";
         });
     },
     getAllClasses() {
       http()
         .get("/getClassesList", {
           headers: { Authorization: "Bearer " + this.token },
         })
         .then((response) => {
           this.addclass = response.data.data;
         })
         .catch((err) => {
           // console.log("err====>", err);
         });
     },
     removeChapterPoint: function () {
       this.findsChapterPoint = [{ value: "" }];
     },
     removeAddFind: function () {
       this.finds = [{ value: "" }];
     },
     addFind: function () {
       this.finds.push({ value: "" });

src/pages/Report/admitCard.vue

Diff comments View file @add6421

1	<template>	1	<template>
2	<v-container fluid class="body-color">	2	<v-container fluid class="body-color">
3	<!-- ** Admit Card Table ** -->	3	<!-- ** Admit Card Table ** -->
4	<v-card flat class="elevation-0 transparent">	4	<v-card flat class="elevation-0 transparent">
5	<v-form ref="form" v-model="valid" lazy-validation>	5	<v-form ref="form" v-model="valid" lazy-validation>
6	<v-flex xs12 sm12 lg12>	6	<v-flex xs12 sm12 lg12>
7	<v-layout wrap>	7	<v-layout wrap>
8	<v-flex xs12 sm12 lg3>	8	<v-flex xs12 sm12 lg3>
9	<v-layout>	9	<v-layout>
10	<v-flex xs12 sm12 lg10 class="ml-2">	10	<v-flex xs12 sm12 lg10 class="ml-2">
11	<v-autocomplete	11	<v-autocomplete
12	v-model="getReport.examId"	12	v-model="getReport.examId"
13	label="Please Select Exam"	13	label="Please Select Exam"
14	:items="examData"	14	:items="examData"
15	item-text="examName"	15	item-text="examName"
16	item-value="_id"	16	item-value="_id"
17	:rules="examRules"	17	:rules="examRules"
18	@change="getExamList"	18	@change="getExamList"
19	required	19	required
20	></v-autocomplete>	20	></v-autocomplete>
21	</v-flex>	21	</v-flex>
22	</v-layout>	22	</v-layout>
23	</v-flex>	23	</v-flex>
24		24
25	<v-flex xs12 sm12 lg3 v-if="getReport.examId">	25	<v-flex xs12 sm12 lg3 v-if="getReport.examId">
26	<v-layout>	26	<v-layout>
27	<v-flex xs12 sm12 lg10 class="ml-2">	27	<v-flex xs12 sm12 lg10 class="ml-2">
28	<v-select	28	<v-select
29	v-model="getReport.classId"	29	v-model="getReport.classId"
30	label="Select your class"	30	label="Select your class"
31	type="text"	31	type="text"
32	:items="classList"	32	:items="classList"
33	item-text="classNum"	33	item-text="classNum"
34	item-value="_id"	34	item-value="_id"
35	:rules="classRules"	35	:rules="classRules"
36	@change="getSections(getReport.classId)"	36	@change="getSections(getReport.classId)"
37	required	37	required
38	></v-select>	38	></v-select>
39	</v-flex>	39	</v-flex>
40	</v-layout>	40	</v-layout>
41	</v-flex>	41	</v-flex>
42	<v-flex xs12 sm12 lg3 v-if="getReport.classId">	42	<v-flex xs12 sm12 lg3 v-if="getReport.classId">
43	<v-layout>	43	<v-layout>
44	<v-flex xs12 sm12 lg10 class="ml-2">	44	<v-flex xs12 sm12 lg10 class="ml-2">
45	<v-select	45	<v-select
46	:items="addSection"	46	:items="addSection"
47	label="Select your Section"	47	label="Select your Section"
48	v-model="getReport.sectionId"	48	v-model="getReport.sectionId"
49	item-text="name"	49	item-text="name"
50	item-value="_id"	50	item-value="_id"
51	name="Select Section"	51	name="Select Section"
52	@change="getStudents"	52	@change="getStudents"
53	:rules="sectionRules"	53	:rules="sectionRules"
54	required	54	required
55	></v-select>	55	></v-select>
56	</v-flex>	56	</v-flex>
57	</v-layout>	57	</v-layout>
58	</v-flex>	58	</v-flex>
59	<v-flex xs12 sm12 lg3 v-if="getReport.sectionId">	59	<v-flex xs12 sm12 lg3 v-if="getReport.sectionId">
60	<v-layout>	60	<v-layout>
61	<v-flex xs12 sm12 lg10 class="ml-2">	61	<v-flex xs12 sm12 lg10 class="ml-2">
62	<v-select	62	<v-select
63	:items="getStudentsList"	63	:items="getStudentsList"
64	label="Select your student"	64	label="Select your student"
65	v-model="getReport.studentId"	65	v-model="getReport.studentId"
66	item-text="name"	66	item-text="name"
67	item-value="_id"	67	item-value="_id"
68	:rules="studentRules"	68	:rules="studentRules"
69	required	69	required
70	></v-select>	70	></v-select>
71	</v-flex>	71	</v-flex>
72	</v-layout>	72	</v-layout>
73	</v-flex>	73	</v-flex>
74		74
75	<v-flex xs12 sm12 lg3>	75	<v-flex xs12 sm12 lg3>
76	<v-layout>	76	<v-layout>
77	<v-flex xs12 sm12 lg10 class="ml-2">	77	<v-flex xs12 sm12 lg10 class="ml-2">
78	<v-autocomplete	78	<v-autocomplete
79	label="Please Select View Type"	79	label="Please Select View Type"
80	type="text"	80	type="text"
81	:rules="typeRules"	81	:rules="typeRules"
82	:items="typeList"	82	:items="typeList"
83	v-model="getReport.form"	83	v-model="getReport.form"
84	item-text="name"	84	item-text="name"
85	item-value="value"	85	item-value="value"
86
87	required	86	required
88	></v-autocomplete>	87	></v-autocomplete>
89	</v-flex>	88	</v-flex>
90	</v-layout>	89	</v-layout>
91	</v-flex>	90	</v-flex>
92	<v-flex xs12 sm12 lg3>	91	<v-flex xs12 sm12 lg3>
93	<v-btn	92	<v-btn
94	@click="getSchedule"	93	@click="getSchedule"
95	round	94	round
96	dark	95	dark
97	:loading="loading"	96	:loading="loading"
98	class="open-dialog-button mt-3"	97	class="open-dialog-button mt-3"
99	>Get Report</v-btn>	98	>Get Report</v-btn>
100	</v-flex>	99	</v-flex>
101	</v-layout>	100	</v-layout>
102	</v-flex>	101	</v-flex>
103	</v-form>	102	</v-form>
104	</v-card>	103	</v-card>
105	<div v-show="showTable">	104	<div v-show="showTable">
106	<v-flex xs12 sm12 md10 style="margin:auto">	105	<v-flex xs12 sm12 md10 style="margin:auto">
107	<v-layout>	106	<v-layout>
108	<v-flex xs12>	107	<v-flex xs12>
109	<v-btn class="open-dialog-button right" round dark @click="printAdmitReport()">	108	<v-btn class="open-dialog-button right" round dark @click="printAdmitReport()">
110	Print	109	Print
111	<v-icon right dark>print</v-icon>	110	<v-icon right dark>print</v-icon>
112	</v-btn>	111	</v-btn>
113	</v-flex>	112	</v-flex>
114	</v-layout>	113	</v-layout>
115	<div id="printMe" v-if="frontPart">	114	<div id="printMe" v-if="frontPart">
116	<v-card	115	<v-card
117	style="	116	style="
118	background-color: #fff;	117	background-color: #fff;
119	border: 1px solid #ddd;	118	border: 1px solid #ddd;
120	color: rgba(0,0,0,0.87);	119	color: rgba(0,0,0,0.87);
121	overflow-x: auto;	120	overflow-x: auto;
122	display: block;	121	display: block;
123	padding:14px !important;	122	padding:14px !important;
124	webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12) !important;	123	webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12) !important;
125	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12) !important;"	124	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12) !important;"
126	>	125	>
127	<v-layout style="border-bottom: 1px solid #ddd;margin: 8px; auto">	126	<v-layout style="border-bottom: 1px solid #ddd;margin: 8px; auto">
128	<v-flex xs3 style="margin-bottom:0px">	127	<v-flex xs3 style="margin-bottom:0px">
129	<img	128	<img
130	:src="userData.schoolLogoUrl"	129	:src="userData.schoolLogoUrl"
131	style="widht:80px;height:80px;"	130	style="widht:80px;height:80px;"
132	alt="logo"	131	alt="logo"
133	v-if="userData.schoolLogoUrl"	132	v-if="userData.schoolLogoUrl"
134	/>	133	/>
135	<img	134	<img
136	src="/static/default_thumb.png"	135	src="/static/default_thumb.png"
137	style="widht:80px;height:80px;"	136	style="widht:80px;height:80px;"
138	v-else-if="!userData.schoolLogoUrl"	137	v-else-if="!userData.schoolLogoUrl"
139	/>	138	/>
140	</v-flex>	139	</v-flex>
141	<v-flex xs5 style="text-align:center;margin-bottom:0px">	140	<v-flex xs5 style="text-align:center;margin-bottom:0px">
142	<p	141	<p
143	style="font-size:24px;color: #700CE8;letter-spacing:1px;margin-bottom: 4px"	142	style="font-size:24px;color: #700CE8;letter-spacing:1px;margin-bottom: 4px"
144	>{{ userData.name }}</p>	143	>{{ userData.name }}</p>
145	<p>{{ userData.address }}, {{ userData.pinCode }}</p>	144	<p>{{ userData.address }} {{ userData.pinCode }}</p>
146	<div>	145	<div>
147	<h4>{{ getScheduleList.scheduleData[0].examId.examName }} Exam Admit Card</h4>	146	<h4>{{ getScheduleList.scheduleData[0].examId.examName }} Exam Admit Card</h4>
148	</div>	147	</div>
149	</v-flex>	148	</v-flex>
150	<v-flex xs4 style="text-align:center;margin-bottom:0px">	149	<v-flex xs4 style="text-align:center;margin-bottom:0px">
151	<!-- <img	150	<!-- <img
152	v-if="getScheduleList.studentData.profilePicUrl"	151	v-if="getScheduleList.studentData.profilePicUrl"
153	:src="getScheduleList.studentData.profilePicUrl"	152	:src="getScheduleList.studentData.profilePicUrl"
154	style="widht:80px;height:80px;"	153	style="widht:80px;height:80px;"
155	/>	154	/>
156	<img	155	<img
157	v-if="!getScheduleList.studentData.profilePicUrl"	156	v-if="!getScheduleList.studentData.profilePicUrl"
158	src="/static/icon/user.png"	157	src="/static/icon/user.png"
159	style="widht:80px;"	158	style="widht:80px;"
160	/> -->	159	/>-->
161	<img	160	<img
162	src="/static/icon/user.png"	161	src="/static/icon/user.png"
163	v-if="!getScheduleList.studentData.profilePicUrl"	162	v-if="!getScheduleList.studentData.profilePicUrl"
164	width="80"	163	width="80"
165	/>	164	/>
166	<img	165	<img
167	:src="getScheduleList.studentData.profilePicUrl"	166	:src="getScheduleList.studentData.profilePicUrl"
168	onerror="this.src='/static/icon/user.png';"	167	onerror="this.src='/static/icon/user.png';"
169	v-if="getScheduleList.studentData.profilePicUrl"	168	v-if="getScheduleList.studentData.profilePicUrl"
170	width="80"	169	width="80"
171	/>	170	/>
172	</v-flex>	171	</v-flex>
173	</v-layout>	172	</v-layout>
174	<v-layout>	173	<v-layout>
175	<v-flex xs5 style="margin-bottom:10px">	174	<v-flex xs5 style="margin-bottom:10px">
176	<p style="font-size: 16px;margin:0px;margin-bottom:8px;">	175	<p style="font-size: 16px;margin:0px;margin-bottom:8px;">
177	<b>Name :</b>	176	<b>Name :</b>
178	<span>{{getScheduleList.studentData.name}}</span>	177	<span>{{getScheduleList.studentData.name}}</span>
179	</p>	178	</p>
180	<p style="font-size: 16px;margin:0px;margin-bottom:8px;">	179	<p style="font-size: 16px;margin:0px;margin-bottom:8px;">
181	<b>Class :</b>	180	<b>Class :</b>
182	<span>{{getScheduleList.studentData.classId.classNum}}</span>	181	<span>{{getScheduleList.studentData.classId.classNum}}</span>
183	</p>	182	</p>
184	<p style="font-size: 16px;margin:0px;margin-bottom:8px;">	183	<p style="font-size: 16px;margin:0px;margin-bottom:8px;">
185	<b>Roll :</b>	184	<b>Roll :</b>
186	<span>{{getScheduleList.studentData.rollNo}}</span>	185	<span>{{getScheduleList.studentData.rollNo}}</span>
187	</p>	186	</p>
188	</v-flex>	187	</v-flex>
189	<v-flex xs5 style="margin-bottom:10px">	188	<v-flex xs5 style="margin-bottom:10px">
190	<p style="font-size: 16px;margin:0px;margin-bottom:8px;">	189	<p style="font-size: 16px;margin:0px;margin-bottom:8px;">
191	<b>Section :</b>	190	<b>Section :</b>
192	<span>{{getScheduleList.studentData.sectionId.name }}</span>	191	<span>{{getScheduleList.studentData.sectionId.name }}</span>
193	</p>	192	</p>
194	<p style="font-size: 16px;margin:0px;margin-bottom:8px;">	193	<p style="font-size: 16px;margin:0px;margin-bottom:8px;">
195	<b>Blood Group :</b>	194	<b>Blood Group :</b>
196	<span style="color: #707478">{{getScheduleList.studentData.bloodGroup }}</span>	195	<span style="color: #707478">{{getScheduleList.studentData.bloodGroup }}</span>
197	</p>	196	</p>
198	<p style="font-size: 16px;margin:0px;margin-bottom:8px;">Subject in which Appearing</p>	197	<p style="font-size: 16px;margin:0px;margin-bottom:8px;">Subject in which Appearing</p>
199	</v-flex>	198	</v-flex>
200	</v-layout>	199	</v-layout>
201	<table	200	<table
202	class="mb-5 tableRsponsive feeTypeTable"	201	class="mb-5 tableRsponsive feeTypeTable"
203	style="border: 1px solid lightgrey;	202	style="border: 1px solid lightgrey;
204	border-collapse: collapse;!important	203	border-collapse: collapse;!important
205	table-layout: auto !important;	204	table-layout: auto !important;
206	width: 100% !important;"	205	width: 100% !important;"
207	>	206	>
208	<thead style="border: 1px solid lightgrey !important;">	207	<thead style="border: 1px solid lightgrey !important;">
209	<tr style="border: 1px solid lightgrey !important;padding:4px;">	208	<tr style="border: 1px solid lightgrey !important;padding:4px;">
210	<td style="border: 1px solid lightgrey !important;padding: 6px;">No</td>	209	<td style="border: 1px solid lightgrey !important;padding: 6px;">No</td>
211	<td style="border: 1px solid lightgrey !important;padding: 6px;">Exam Date</td>	210	<td style="border: 1px solid lightgrey !important;padding: 6px;">Exam Date</td>
212	<td style="border: 1px solid lightgrey !important;padding: 6px;">Start Time</td>	211	<td style="border: 1px solid lightgrey !important;padding: 6px;">Start Time</td>
213	<td style="border: 1px solid lightgrey !important;padding: 6px;">End Time</td>	212	<td style="border: 1px solid lightgrey !important;padding: 6px;">End Time</td>
214	<td style="border: 1px solid lightgrey !important;padding: 6px;">Subject Name</td>	213	<td style="border: 1px solid lightgrey !important;padding: 6px;">Subject Name</td>
215	</tr>	214	</tr>
216	</thead>	215	</thead>
217	<tbody style="border: 1px solid lightgrey !important;">	216	<tbody style="border: 1px solid lightgrey !important;">
218	<tr v-for="(scheduleData,i) in getScheduleList.scheduleData" :key="i">	217	<tr v-for="(scheduleData,i) in getScheduleList.scheduleData" :key="i">
219	<td style="border:1px solid lightgrey !important; padding:6px;">{{ i + 1 }}</td>	218	<td style="border:1px solid lightgrey !important; padding:6px;">{{ i + 1 }}</td>
220	<td	219	<td
221	style="border: 1px solid lightgrey !important;padding: 6px;"	220	style="border: 1px solid lightgrey !important;padding: 6px;"
222	>{{ scheduleData.date ? scheduleData.date : '-' }}</td>	221	>{{ scheduleData.date ? scheduleData.date : '-' }}</td>
223	<td	222	<td
224	style="border: 1px solid lightgrey !important;padding: 6px;"	223	style="border: 1px solid lightgrey !important;padding: 6px;"
225	>{{ scheduleData.timeFrom ? scheduleData.timeFrom : "-" }}</td>	224	>{{ scheduleData.timeFrom ? scheduleData.timeFrom : "-" }}</td>
226	<td	225	<td
227	style="border: 1px solid lightgrey !important;padding: 6px;"	226	style="border: 1px solid lightgrey !important;padding: 6px;"
228	>{{ scheduleData.timeTo ? scheduleData.timeTo : "-"}}</td>	227	>{{ scheduleData.timeTo ? scheduleData.timeTo : "-"}}</td>
229	<td	228	<td
230	style="border: 1px solid lightgrey !important;padding: 6px;"	229	style="border: 1px solid lightgrey !important;padding: 6px;"
231	>{{ scheduleData.subjectName ? scheduleData.subjectName : "-" }}</td>	230	>{{ scheduleData.subjectName ? scheduleData.subjectName : "-" }}</td>
232	</tr>	231	</tr>
233	<tr v-if="getScheduleList.scheduleData.length === 0">	232	<tr v-if="getScheduleList.scheduleData.length === 0">
234	<td style="border: 1px soild lightgrey !importand;padding:6px;">-</td>	233	<td style="border: 1px soild lightgrey !importand;padding:6px;">-</td>
235	<td style="border: 1px solid lightgrey !important;padding: 6px;">-</td>	234	<td style="border: 1px solid lightgrey !important;padding: 6px;">-</td>
236	<td style="border: 1px solid lightgrey !important;padding: 6px;">-</td>	235	<td style="border: 1px solid lightgrey !important;padding: 6px;">-</td>
237	<td style="border: 1px solid lightgrey !important;padding: 6px;">-</td>	236	<td style="border: 1px solid lightgrey !important;padding: 6px;">-</td>
238	<td style="border: 1px solid lightgrey !important;padding: 6px;">-</td>	237	<td style="border: 1px solid lightgrey !important;padding: 6px;">-</td>
239	</tr>	238	</tr>
240	</tbody>	239	</tbody>
241	</table>	240	</table>
242	</v-card>	241	</v-card>
243	</div>	242	</div>
244	<div id="printMe" v-if="backPart">	243	<div id="printMe" v-if="backPart">
245	<v-card	244	<v-card
246	style="	245	style="
247	text-align:center	246	text-align:center
248	background-color: #fff;	247	background-color: #fff;
249	border: 1px solid #ddd;	248	border: 1px solid #ddd;
250	color: rgba(0,0,0,0.87);	249	color: rgba(0,0,0,0.87);
251	overflow-x: auto;	250	overflow-x: auto;
252	display: block;	251	display: block;
253	padding:14px !important;	252	padding:14px !important;
254	webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12) !important;	253	webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12) !important;
255	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12) !important;"	254	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.14), 0px 0px 0px 0px rgba(0,0,0,0.12) !important;"
256	>	255	>
257	<div	256	<div
258	style="	257	style="
259	margin-bottom: 16px;	258	margin-bottom: 16px;
260	overflow: hidden;	259	overflow: hidden;
261	padding: 50px 90px;"	260	padding: 50px 90px;"
262	>	261	>
263	<ol style="	262	<ol style="
264	margin: 0;	263	margin: 0;
265	margin-bottom: 10px;">	264	margin-bottom: 10px;">
266	<p	265	<p
267	style="	266	style="
268	margin-bottom: 16px;	267	margin-bottom: 16px;
269	line-height: 20px;	268	line-height: 20px;
270	text-align: left;"	269	text-align: left;"
271	>	270	>
272	<b>1. Do not Carry these Electronic Gadgets:</b>	271	<b>1. Do not Carry these Electronic Gadgets:</b>
273	Electronic gadgets(Bluetooth devices,head phones,pen/buttonhole cameras,scanner,calculator,storage devices etc)	272	Electronic gadgets(Bluetooth devices,head phones,pen/buttonhole cameras,scanner,calculator,storage devices etc)
274	in the examination lab. These items are strictly prohibited from examination lab.	273	in the examination lab. These items are strictly prohibited from examination lab.
275	</p>	274	</p>
276	<p	275	<p
277	style="	276	style="
278	margin-bottom: 16px;	277	margin-bottom: 16px;
279	line-height: 20px;	278	line-height: 20px;
280	text-align: left;"	279	text-align: left;"
281	>	280	>
282	<b>2. Do not Carry these Ornaments:</b>	281	<b>2. Do not Carry these Ornaments:</b>
283	Candidates should also not wear charms,veil,items containing such as rings,bracelet,earings,nose-pin,chains,	282	Candidates should also not wear charms,veil,items containing such as rings,bracelet,earings,nose-pin,chains,
284	necklace,pendants,badge,broach,hair-pin,hair-band.	283	necklace,pendants,badge,broach,hair-pin,hair-band.
285	</p>	284	</p>
286	<p	285	<p
287	style="	286	style="
288	margin-bottom: 16px;	287	margin-bottom: 16px;
289	line-height: 20px;	288	line-height: 20px;
290	text-align: left;"	289	text-align: left;"
291	>	290	>
292	<b>3. What Candidates wear to Examination hall:</b>	291	<b>3. What Candidates wear to Examination hall:</b>
293	Candidates should not wear clothes with full sleeves or big button,etc. Candidates are adviced to wear open footwear	292	Candidates should not wear clothes with full sleeves or big button,etc. Candidates are adviced to wear open footwear
294	like slippers,sandals instead of shoes as the candidates could be asked to remove shoes by the frisking staff.	293	like slippers,sandals instead of shoes as the candidates could be asked to remove shoes by the frisking staff.
295	</p>	294	</p>
296	<p	295	<p
297	style="	296	style="
298	margin-bottom: 16px;	297	margin-bottom: 16px;
299	line-height: 20px;	298	line-height: 20px;
300	text-align: left;"	299	text-align: left;"
301	>	300	>
302	<b>4. Do not carry Stationary:</b>	301	<b>4. Do not carry Stationary:</b>
303	Pen/pencil and paper for rough work would be provided in examination lab. Electronic watch (timer)will be available	302	Pen/pencil and paper for rough work would be provided in examination lab. Electronic watch (timer)will be available
304	on the computer screen alloted to the candidates.	303	on the computer screen alloted to the candidates.
305	</p>	304	</p>
306	<p	305	<p
307	style="	306	style="
308	margin-bottom: 16px;	307	margin-bottom: 16px;
309	line-height: 20px;	308	line-height: 20px;
310	text-align: left;"	309	text-align: left;"
311	>	310	>
312	<b>5. Do not Carry Bags:</b>	311	<b>5. Do not Carry Bags:</b>
313	Don not Carry back pack, College bag or any other bag like hand bag. If candidates brings any bag, they must make a	312	Don not Carry back pack, College bag or any other bag like hand bag. If candidates brings any bag, they must make a
314	arrangement for safe custody of these items.The Commission shall not make any arrangement nor be responsible for the	313	arrangement for safe custody of these items.The Commission shall not make any arrangement nor be responsible for the
315	safe custody of such items.	314	safe custody of such items.
316	</p>	315	</p>
317	<p	316	<p
318	style="	317	style="
319	margin-bottom: 16px;	318	margin-bottom: 16px;
320	line-height: 20px;	319	line-height: 20px;
321	text-align: left;"	320	text-align: left;"
322	>	321	>
323	<b>6. What will Happen if you carry Prohibited items to Exam Hall:</b>	322	<b>6. What will Happen if you carry Prohibited items to Exam Hall:</b>
324	If any such prohibited item is found in the possession of a candidate in examination lab, his/her candidature is liable	323	If any such prohibited item is found in the possession of a candidate in examination lab, his/her candidature is liable
325	to be canceled and legal/criminal proceedings could be initiated against him/her. He/she would also liable to be debarred	324	to be canceled and legal/criminal proceedings could be initiated against him/her. He/she would also liable to be debarred
326	from appearing in future examinations of the Commission for a period of 3 years.	325	from appearing in future examinations of the Commission for a period of 3 years.
327	</p>	326	</p>
328	<p	327	<p
329	style="	328	style="
330	margin-bottom: 16px;	329	margin-bottom: 16px;
331	line-height: 20px;	330	line-height: 20px;
332	text-align: left;	331	text-align: left;
333	"	332	"
334	>	333	>
335	<b>7. Candidate should not create Disturbance in Exam Hall:</b>	334	<b>7. Candidate should not create Disturbance in Exam Hall:</b>
336	If any candidate is found obstructing the conduct of examination or creating disturbances at the examination venue,	335	If any candidate is found obstructing the conduct of examination or creating disturbances at the examination venue,
337	his/her candidature shall be summarily canceled.	336	his/her candidature shall be summarily canceled.
338	</p>	337	</p>
339	</ol>	338	</ol>
340	</div>	339	</div>
341	</v-card>	340	</v-card>
342	</div>	341	</div>
343	</v-flex>	342	</v-flex>
344	</div>	343	</div>
345	<v-snackbar	344	<v-snackbar
346	:timeout="timeout"	345	:timeout="timeout"
347	:top="y === 'top'"	346	:top="y === 'top'"
348	:right="x === 'right'"	347	:right="x === 'right'"
349	:vertical="mode === 'vertical'"	348	:vertical="mode === 'vertical'"
350	v-model="snackbar"	349	v-model="snackbar"
351	:color="color"	350	:color="color"
352	>{{ text }}</v-snackbar>	351	>{{ text }}</v-snackbar>
353	<div class="loader" v-if="showLoader">	352	<div class="loader" v-if="showLoader">
354	<v-progress-circular indeterminate color="white"></v-progress-circular>	353	<v-progress-circular indeterminate color="white"></v-progress-circular>
355	</div>	354	</div>
356	</v-container>	355	</v-container>
357	</template>	356	</template>
358	<script>	357	<script>
359	import http from "@/Services/http.js";	358	import http from "@/Services/http.js";
360	import moment from "moment";	359	import moment from "moment";
361	import _ from "underscore";	360	import _ from "underscore";
362		361
363	export default {	362	export default {
364	data: () => ({	363	data: () => ({
365	snackbar: false,	364	snackbar: false,
366	color: "",	365	color: "",
367	y: "top",	366	y: "top",
368	x: "right",	367	x: "right",
369	mode: "",	368	mode: "",
370	timeout: 10000,	369	timeout: 10000,
371	text: "",	370	text: "",
372	showLoader: false,	371	showLoader: false,
373	valid: true,	372	valid: true,
374	userData: {},	373	userData: {},
375	frontPart: false,	374	frontPart: false,
376	backPart: false,	375	backPart: false,
377	loading: false,	376	loading: false,
378	showTable: false,	377	showTable: false,
379	showData: false,	378	showData: false,
380	hideprintAdmitReport: false,	379	hideprintAdmitReport: false,
381	examRules: [v => !!v \|\| "Exam Field is required"],	380	examRules: [(v) => !!v \|\| "Exam Field is required"],
382	classRules: [v => !!v \|\| "Class Field Required"],	381	classRules: [(v) => !!v \|\| "Class Field Required"],
383	sectionRules: [v => !!v \|\| "Section Field is required"],	382	sectionRules: [(v) => !!v \|\| "Section Field is required"],
384	studentRules: [v => !!v \|\| "Student Field is required"],	383	studentRules: [(v) => !!v \|\| "Student Field is required"],
385	typeRules: [v => !!v \|\| "Type Field is required"],	384	typeRules: [(v) => !!v \|\| "Type Field is required"],
386	backgroundRules: [v => !!v \|\| "Background Field is required"],	385	backgroundRules: [(v) => !!v \|\| "Background Field is required"],
387		386
388	pagination: {	387	pagination: {
389	rowsPerPage: 10	388	rowsPerPage: 10,
390	},	389	},
391	search: "",	390	search: "",
392		391
393	classList: [],	392	classList: [],
394	studentData: {},	393	studentData: {},
395	scheduleData: {},	394	scheduleData: {},
396	examData: [],	395	examData: [],
397	addSection: [],	396	addSection: [],
398	getStudentsList: [],	397	getStudentsList: [],
399	getScheduleList: [],	398	getScheduleList: [],
400	getScheduleListArray: [],	399	getScheduleListArray: [],
401	getReport: {},	400	getReport: {},
402	examName: [],	401	examName: [],
403	typeList: [	402	typeList: [
404	{	403	{
405	name: "Front Part",	404	name: "Front Part",
406	value: "frontPart"	405	value: "frontPart",
407	},	406	},
408	{	407	{
409	name: "Back Part",	408	name: "Back Part",
410	value: "backPart"	409	value: "backPart",
411	}	410	},
412	],	411	],
413	backgroundList: ["Yes", "No"],	412	backgroundList: ["Yes", "No"],
414	headers: [	413	headers: [
415	{	414	{
416	text: "No",	415	text: "No",
417	align: "",	416	align: "",
418	sortable: false,	417	sortable: false,
419	value: "No"	418	value: "No",
420	},	419	},
421	{	420	{
422	text: "Exam Date",	421	text: "Exam Date",
423	align: "center",	422	align: "center",
424	sortable: false,	423	sortable: false,
425	value: "date"	424	value: "date",
426	},	425	},
427	{	426	{
428	text: "Start Time",	427	text: "Start Time",
429	align: "center",	428	align: "center",
430	sortable: false,	429	sortable: false,
431	value: "timeFrom"	430	value: "timeFrom",
432	},	431	},
433	{	432	{
434	text: "End Time",	433	text: "End Time",
435	align: "center",	434	align: "center",
436	sortable: false,	435	sortable: false,
437	value: "timeTo"	436	value: "timeTo",
438	},	437	},
439	{	438	{
440	text: "Subject Name",	439	text: "Subject Name",
441	align: "center",	440	align: "center",
442	sortable: false,	441	sortable: false,
443	value: "subjectName"	442	value: "subjectName",
444	}	443	},
445	]	444	],
446	}),	445	}),
447		446
448	mounted() {	447	mounted() {
449	this.token = this.$store.state.token;	448	this.token = this.$store.state.token;
450	this.getClass();	449	this.getClass();
451	this.getExamList();	450	this.getExamList();
452	this.getUserData();	451	this.getUserData();
453	},	452	},
454		453
455	methods: {	454	methods: {
456	getExamList() {	455	getExamList() {
457	this.showLoader = true;	456	this.showLoader = true;
458	this.loadingSearch = true;	457	this.loadingSearch = true;
459	http()	458	http()
460	.get("/getExamsList", {	459	.get("/getExamsList", {
461	headers: { Authorization: "Bearer " + this.token }	460	headers: { Authorization: "Bearer " + this.token },
462	})	461	})
463	.then(response => {	462	.then((response) => {
464	this.examData = response.data.data;	463	this.examData = response.data.data;
465	this.showLoader = false;	464	this.showLoader = false;
466	this.loadingSearch = false;	465	this.loadingSearch = false;
467	})	466	})
468	.catch(error => {	467	.catch((error) => {
469	this.showLoader = false;	468	this.showLoader = false;
470	this.loadingSearch = false;	469	this.loadingSearch = false;
471	this.snackbar = true;	470	this.snackbar = true;
472	this.text = error.response.data.message;	471	this.text = error.response.data.message;
473	if (error.response.status === 401) {	472	if (error.response.status === 401) {
474	this.$router.replace({ path: "/" });	473	this.$router.replace({ path: "/" });
475	this.$store.dispatch("setToken", null);	474	this.$store.dispatch("setToken", null);
476	this.$store.dispatch("Id", null);	475	this.$store.dispatch("Id", null);
477	}	476	}
478	});	477	});
479	},	478	},
480	getClass() {	479	getClass() {
481	this.showLoader = true;	480	this.showLoader = true;
482	http()	481	http()
483	.get("/getClassesList", {	482	.get("/getClassesList", {
484	headers: { Authorization: "Bearer " + this.token }	483	headers: { Authorization: "Bearer " + this.token },
485	})	484	})
486	.then(response => {	485	.then((response) => {
487	this.classList = response.data.data;	486	this.classList = response.data.data;
488	this.showLoader = false;	487	this.showLoader = false;
489	})	488	})
490	.catch(error => {	489	.catch((error) => {
491	this.showLoader = false;	490	this.showLoader = false;
492	// console.log("err====>", err);	491	// console.log("err====>", err);
493	});	492	});
494	},	493	},
495	getSections(_id) {	494	getSections(_id) {
496	this.showLoader = true;	495	this.showLoader = true;
497	http()	496	http()
498	.get(	497	.get(
499	"/getSectionsList",	498	"/getSectionsList",
500	{ params: { classId: _id } },	499	{ params: { classId: _id } },
501	{	500	{
502	headers: { Authorization: "Bearer " + this.token }	501	headers: { Authorization: "Bearer " + this.token },
503	}	502	}
504	)	503	)
505	.then(response => {	504	.then((response) => {
506	this.addSection = response.data.data;	505	this.addSection = response.data.data;
507	this.showLoader = false;	506	this.showLoader = false;
508	})	507	})
509	.catch(err => {	508	.catch((err) => {
510	this.showLoader = false;	509	this.showLoader = false;
511	// console.log("err====>", err);	510	// console.log("err====>", err);
512	});	511	});
513	},	512	},
514	getStudents() {	513	getStudents() {
515	this.showLoader = true;	514	this.showLoader = true;
516	http()	515	http()
517	.get("/getStudentWithClass", {	516	.get("/getStudentWithClass", {
518	params: {	517	params: {
519	classId: this.getReport.classId,	518	classId: this.getReport.classId,
520	sectionId: this.getReport.sectionId	519	sectionId: this.getReport.sectionId,
521	}	520	},
522	})	521	})
523	.then(response => {	522	.then((response) => {
524	this.getStudentsList = response.data.data;	523	this.getStudentsList = response.data.data;
525	this.showLoader = false;	524	this.showLoader = false;
526	})	525	})
527	.catch(error => {	526	.catch((error) => {
528	console.log("err====>", error);	527	console.log("err====>", error);
529	this.showLoader = false;	528	this.showLoader = false;
530	});	529	});
531	},	530	},
532	getSchedule() {	531	getSchedule() {
533	if (this.$refs.form.validate()) {	532	if (this.$refs.form.validate()) {
534	this.showLoader = true;	533	this.showLoader = true;
535	http()	534	http()
536	.get("/getScheduleForParticularStudent", {	535	.get("/getScheduleForParticularStudent", {
537	params: {	536	params: {
538	examId: this.getReport.examId,	537	examId: this.getReport.examId,
539	classId: this.getReport.classId,	538	classId: this.getReport.classId,
540	sectionId: this.getReport.sectionId,	539	sectionId: this.getReport.sectionId,
541	studentId: this.getReport.studentId	540	studentId: this.getReport.studentId,
542	}	541	},
543	})	542	})
544	.then(response => {	543	.then((response) => {
545	this.showTable = true;	544	this.showTable = true;
546	this.getScheduleList = response.data.data;	545	this.getScheduleList = response.data.data;
547	if (response.data.data.scheduleData.length === 0) {	546	if (response.data.data.scheduleData.length === 0) {
548	this.showLoader = false;	547	this.showLoader = false;
549	this.snackbar = true;	548	this.snackbar = true;
550	this.text = 'Data not found!';	549	this.text = "Data not found!";
551	this.color = "error";	550	this.color = "error";
552	return;	551	return;
553	}	552	}
554	this.showData = true;	553	this.showData = true;
555	if (this.getReport.form === "frontPart") {	554	if (this.getReport.form === "frontPart") {
556	this.frontPart = true;	555	this.frontPart = true;
557	this.backPart = false;	556	this.backPart = false;
558	}	557	}
559	if (this.getReport.form === "backPart") {	558	if (this.getReport.form === "backPart") {
560	this.frontPart = false;	559	this.frontPart = false;
561	this.backPart = true;	560	this.backPart = true;
562	}	561	}
563	this.showLoader = false;	562	this.showLoader = false;
564	})	563	})
565	.catch(error => {	564	.catch((error) => {
566	this.showLoader = false;	565	this.showLoader = false;
567	});	566	});
568	}	567	}
569	},	568	},
570		569
571	printAdmitReport() {	570	printAdmitReport() {
572	// Pass the element id here	571	// Pass the element id here
573	this.$htmlToPaper("printMe");	572	this.$htmlToPaper("printMe");
574	},	573	},
575	getUserData() {	574	getUserData() {
576	http()	575	http()
577	.get("/getParticularUserDetail")	576	.get("/getParticularUserDetail")
578	.then(response => {	577	.then((response) => {
579	this.userData = response.data.data;	578	this.userData = response.data.data;
580	})	579	})
581	.catch(error => {	580	.catch((error) => {
582	if (error.response.status === 401) {	581	if (error.response.status === 401) {
583	this.$router.replace({ path: "/" });	582	this.$router.replace({ path: "/" });
584	this.$store.dispatch("setToken", null);	583	this.$store.dispatch("setToken", null);
585	this.$store.dispatch("Id", null);	584	this.$store.dispatch("Id", null);
586	}	585	}
587	});	586	});
588	}	587	},
589	// created() {	588	// created() {
590	// this.$root.$on("app:search", search => {	589	// this.$root.$on("app:search", search => {
591	// this.search = search;	590	// this.search = search;
592	// });	591	// });
593	// },	592	// },
594	// beforeDestroy() {	593	// beforeDestroy() {
595	// // dont forget to remove the listener	594	// // dont forget to remove the listener
596	// this.$root.$off("app:search");	595	// this.$root.$off("app:search");
597	// }	596	// }
598	}	597	},
599	};	598	};
600	</script>	599	</script>
601	<style>	600	<style>
602	.admincardreport {	601	.admincardreport {
603	border: 1px solid #ddd;	602	border: 1px solid #ddd;
604	overflow: hidden;	603	overflow: hidden;
605	padding: 20px 50px;	604	padding: 20px 50px;
606	/* margin-bottom: 10px;	605	/* margin-bottom: 10px;
607	min-height: 443px; */	606	min-height: 443px; */
608	}	607	}
609	.line {	608	.line {
610	border-bottom: 1px solid #ddd;	609	border-bottom: 1px solid #ddd;
611	overflow: hidden;	610	overflow: hidden;
612	padding-bottom: 10px;	611	padding-bottom: 10px;
613	vertical-align: middle;	612	vertical-align: middle;
614	/* margin-bottom: 4px; */	613	/* margin-bottom: 4px; */
615	}	614	}
616	.school-logo {	615	.school-logo {
617	float: left;	616	float: left;
618	}	617	}
619	.student-logo {	618	.student-logo {
620	position: absolute;	619	position: absolute;
621	top: 221px;	620	top: 221px;
622	right: 221px;	621	right: 221px;
623	}	622	}
624	.school-name {	623	.school-name {
625	box-sizing: border-box;	624	box-sizing: border-box;
626	align-items: center;	625	align-items: center;
627	}	626	}
628	/* .student-info {	627	/* .student-info {
629	float: left;	628	float: left;
630	width: max-content;	629	width: max-content;
631	text-align: initial;	630	text-align: initial;
632	} */	631	} */
633	.student-info {	632	.student-info {
634	width: 50%;	633	width: 50%;
635	float: left;	634	float: left;
636	text-align: initial;	635	text-align: initial;
637	}	636	}
638	.student-info p {	637	.student-info p {
639	width: 50%;	638	width: 50%;
640	float: left;	639	float: left;
641	margin-bottom: 1px;	640	margin-bottom: 1px;
642	padding: 0 0px;	641	padding: 0 0px;
643	font-size: 12px;	642	font-size: 12px;
644	}	643	}
645	.admitcardreportbackend ol {	644	.admitcardreportbackend ol {
646	margin: 0;	645	margin: 0;
647	margin-bottom: 10px;	646	margin-bottom: 10px;
648	}	647	}
649	.admitcardreportbackend p {	648	.admitcardreportbackend p {
650	line-height: 20px;	649	line-height: 20px;
651	text-align: left;	650	text-align: left;
652	}	651	}
653	</style>	652	</style>