diff --git a/src/Services/http.js b/src/Services/http.js
index bcd38b0..9c3448e 100644
--- a/src/Services/http.js
+++ b/src/Services/http.js
@@ -3,7 +3,7 @@ import store from '@/store/store'
 
 export default () => {
     return axios.create({
-        // baseURL: 'http://192.168.2.221:3002/v1',
+        // baseURL: 'http://192.168.4.220:3002/v1',
         baseURL: 'http://13.234.251.173:8001/v1',
         headers: {
             Authorization: `Bearer ${store.state.token}`
diff --git a/src/api/menu.js b/src/api/menu.js
index 6295d68..38d6e46 100644
--- a/src/api/menu.js
+++ b/src/api/menu.js
@@ -83,10 +83,10 @@ const Menu = [
         component: 'Library',
         icon: '/static/schoolIcons/Library.png',
         items: [
-            // { name: 'libraryMember', title: ' Library Member', component: 'libraryMember', action: '', },
+            { name: 'libraryMember', title: ' Library Member', component: 'libraryMember', action: '', },
             { name: 'Books', title: 'Books', component: 'Books', action: '', },
             // { name: 'Issue', title: ' Issue', component: 'Issue', action: '', },
-            // { name: 'eBooks', title: 'E-Books', component: 'eBooks', action: '', }
+            { name: 'eBooks', title: 'E-Books', component: 'eBooks', action: '', }
 
         ]
     },
diff --git a/src/pages/Dashboard/dashboard.vue b/src/pages/Dashboard/dashboard.vue
index 81a50a6..51a9dea 100644
--- a/src/pages/Dashboard/dashboard.vue
+++ b/src/pages/Dashboard/dashboard.vue
@@ -1,12 +1,82 @@
 <template>
   <v-app id="pages-dasboard">
-    <full-calendar
-      ref="calendar"
-      defaultView="month"
-      droppable="false"
-      :events="events"
-      :config="config"
-    ></full-calendar>
+    <v-container fluid grid-list-xl>
+      <!-- <v-card flat class="dashCard"> -->
+      <v-layout row wrap class="pt-3">
+        <!-- ***** Total Students ***** -->
+        <v-flex xs12 class="pt-2">
+          <v-layout row wrap>
+            <v-flex xs12 sm12 lg3 md4>
+              <v-card width="90" height="90" class="ml-3 pa-1 white iconCard" dark>
+                <img
+                  src="/static/schoolIcons/Students.png"
+                  class="iconOfDashboard"
+                  width="80"
+                  alt="Students"
+                />
+              </v-card>
+              <v-card class="pa-3" style="margin-top: -44px;">
+                <div class="body-2 grey--text text-xs-right">Students</div>
+                <br />
+                <h3 class="headline text-xs-right pb-4">{{ students.length }}</h3>
+              </v-card>
+            </v-flex>
+            <!-- ***** Total Parents ***** -->
+            <v-flex xs12 sm12 lg3 md4>
+              <v-card width="90" height="90" class="ml-3 pa-1 white agentIcon" dark>
+                <img
+                  src="/static/schoolIcons/Parents.png"
+                  width="80"
+                  class="iconOfDashboard"
+                  alt="Parents"
+                />
+              </v-card>
+              <v-card class="pa-3" style="margin-top: -44px;">
+                <div class="body-2 grey--text text-xs-right">Parents</div>
+                <br />
+                <h3 class="headline text-xs-right pb-4">{{ parents.length }}</h3>
+              </v-card>
+            </v-flex>
+            <!-- ***** Total Teachers***** -->
+            <v-flex xs12 sm12 lg3 md4>
+              <v-card width="90" height="90" class="ml-3 pa-1 white farmerIcon" dark>
+                <img
+                  src="/static/schoolIcons/Teachers.png"
+                  width="80"
+                  class="iconOfDashboard"
+                  alt="Teachers"
+                />
+              </v-card>
+              <v-card class="pa-3" style="margin-top: -44px;">
+                <div class="body-2 grey--text text-xs-right">Teachers</div>
+                <br />
+                <h3 class="headline text-xs-right pb-4">{{ teachers.length }}</h3>
+              </v-card>
+            </v-flex>
+            <!-- ***** Total Class***** -->
+            <v-flex xs12 sm12 lg3 md4>
+              <v-card width="90" height="90" class="ml-3 pa-1 white khasraIcon" dark>
+                <img src="/static/schoolIcons/Class.png" width="80" class="s" alt="class" />
+              </v-card>
+              <v-card class="pa-3" style="margin-top: -44px;">
+                <div class="body-2 grey--text text-xs-right">Class</div>
+                <br />
+                <h3 class="headline text-xs-right pb-4">{{ classes.length}}</h3>
+              </v-card>
+            </v-flex>
+          </v-layout>
+        </v-flex>
+      </v-layout>
+      <v-card class="pt-4 mt-3" flat>
+        <full-calendar
+          ref="calendar"
+          defaultView="month"
+          droppable="false"
+          :events="events"
+          :config="config"
+        ></full-calendar>
+      </v-card>
+    </v-container>
     <v-dialog v-model="dialog" max-width="500">
       <v-card color="grey lighten-4" flat>
         <v-toolbar dark color="fixcolors">
@@ -62,9 +132,21 @@ export default {
           this.dialog = true;
         }
       },
-      selected: {}
+      selected: {},
+      students: "",
+      parents: "",
+      teachers: "",
+      classes: ""
     };
   },
+  mounted() {
+    this.token = this.$store.state.token;
+    this.getData();
+    this.getStudents();
+    this.getTeachers();
+    this.getParents();
+    this.getClasses();
+  },
   methods: {
     date: function(date) {
       return moment(date).format("MMMM DD, YYYY  HH:mm:ss");
@@ -107,7 +189,6 @@ export default {
             this.$store.dispatch("Id", null);
           }
         });
-      var token = this.$store.state.token;
       http()
         .get("/getSchoolEventsList", {
           headers: { Authorization: "Bearer " + token }
@@ -128,6 +209,82 @@ export default {
             this.$store.dispatch("Id", null);
           }
         });
+    },
+    getStudents() {
+      http()
+        .get("/getStudentsList", {
+          headers: { Authorization: "Bearer " + this.token }
+        })
+        .then(response => {
+          this.students = response.data.data;
+          this.showLoader = false;
+        })
+        .catch(err => {
+          // 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);
+          }
+        });
+    },
+    getParents() {
+      http()
+        .get("/getParentsList", {
+          headers: { Authorization: "Bearer " + this.token }
+        })
+        .then(response => {
+          this.parents = response.data.data;
+          this.showLoader = false;
+        })
+        .catch(err => {
+          // 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);
+          }
+        });
+    },
+    getTeachers() {
+      http()
+        .get("/getTeachersList", {
+          headers: { Authorization: "Bearer " + this.token }
+        })
+        .then(response => {
+          this.teachers = response.data.data;
+          this.showLoader = false;
+        })
+        .catch(err => {
+          // 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);
+          }
+        });
+    },
+    getClasses() {
+      http()
+        .get("/getClassesList", {
+          headers: { Authorization: "Bearer " + this.token }
+        })
+        .then(response => {
+          this.classes = response.data.data;
+          this.showLoader = false;
+        })
+        .catch(err => {
+          // 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);
+          }
+        });
     }
     // eventSources() {
     //   const self = this;
@@ -141,9 +298,6 @@ export default {
     //     }
     //   ];
     // }
-  },
-  mounted() {
-    this.getData();
   }
 };
 </script>
@@ -166,4 +320,29 @@ export default {
   transition-duration: 0.4s;
   box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
+.iconCard {
+  position: relative !important;
+  border-radius: 4px;
+  z-index: 1;
+}
+.agentIcon {
+  position: relative !important;
+  border-radius: 4px;
+  z-index: 1;
+}
+.farmerIcon {
+  position: relative !important;
+  border-radius: 4px;
+  z-index: 1;
+}
+.khasraIcon {
+  position: relative !important;
+  border-radius: 4px;
+  z-index: 1;
+}
+.maleFarmerIcon {
+  position: relative !important;
+  border-radius: 4px;
+  z-index: 1;
+}
 </style>
\ No newline at end of file
diff --git a/src/pages/Library/eBook.vue b/src/pages/Library/eBook.vue
index 8209735..93d8877 100644
--- a/src/pages/Library/eBook.vue
+++ b/src/pages/Library/eBook.vue
@@ -37,13 +37,13 @@
               </v-toolbar-title>
               <v-spacer></v-spacer>
             </v-toolbar>
-            <v-card-text style="height:600px;">
+            <v-card-text style="height:760px;">
               <v-form ref="form">
                 <v-container fluid>
                   <v-layout row>
                     <v-flex
                       xs12
-                      class="text-xs-center text-sm-center text-md-center text-lg-center my-4 mr-4"
+                      class="text-xs-center text-sm-center text-md-center text-lg-center mr-4"
                     >
                       <input
                         type="file"
@@ -51,9 +51,22 @@
                         ref="image"
                         accept="image/*"
                         multiple
-                        @change="onFilePicked"
+                        @change="onImagePicked"
                       />
                       <v-layout justify-center>
+                        <v-flex v-if="files != ''">
+                          <img :src="files" height="450" width="500;" />
+                        </v-flex>
+                      </v-layout>
+                      <img
+                        v-if="editedItem.coverPhotoUrl && files == '' "
+                        :src="editedItem.coverPhotoUrl"
+                        height="450"
+                        width="500"
+                        alt="eBooks"
+                        class="pa-2"
+                      />
+                      <!-- <v-layout justify-center>
                         <v-flex
                           xs3
                           v-for="Image in editedItem.newsImageUrl"
@@ -61,13 +74,7 @@
                           v-if="editedItem.newsImageUrl"
                           class="profile-image-wrapper"
                         >
-                          <img
-                            :src="Image.imageUrl"
-                            height="160"
-                            width="160"
-                            alt="eBooks"
-                            class="pa-2"
-                          />
+                         
                           <v-icon
                             class="red edit-profile-icon"
                             dark
@@ -77,30 +84,27 @@
                         <v-flex v-for="(file, index) in files" :key="index">
                           <img :src="file" height="160" width="160" class="pa-2" />
                         </v-flex>
-                      </v-layout>
+                      </v-layout>-->
                       <img
                         src="/static/icon/user.png"
-                        v-if="editedItem.newsImageUrl ==''"
+                        v-if="editedItem.coverPhotoUrl == ''"
                         height="160"
                         width="160"
                         alt="Books"
                       />
                     </v-flex>
                   </v-layout>
-                  <!-- </v-layout> -->
                   <v-layout>
                     <v-flex xs12 sm12>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
-                          <label class="right">Title:</label>
+                          <label class="right">Name:</label>
                         </v-flex>
                         <v-flex xs5 class="ml-3">
                           <v-text-field
-                            v-model="editedItem.title"
-                            placeholder="fill your Title"
-                            name="name"
+                            v-model="editedItem.name"
+                            placeholder="fill your Name"
                             type="text"
-                            required
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
@@ -108,28 +112,38 @@
                     <v-flex xs12 sm12>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
-                          <label class="right">Description:</label>
+                          <label class="right">Author:</label>
+                        </v-flex>
+                        <v-flex xs5 class="ml-3">
+                          <v-text-field placeholder="fill your Author" v-model="editedItem.author"></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">Class:</label>
                         </v-flex>
                         <v-flex xs5 class="ml-3">
                           <v-text-field
-                            placeholder="fill your Description"
-                            v-model="editedItem.description"
-                            type="text"
-                            name="email"
-                            required
+                            v-model="editedItem.className"
+                            :items="addClass"
+                            label="Select Class"
+                            item-text="classNum"
+                            item-value="_id"
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
                     </v-flex>
-                    <v-flex xs12>
+                    <v-flex xs12 sm12>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
-                          <label class="right">Add New Images:</label>
+                          <label class="right">Upload Image:</label>
                         </v-flex>
                         <v-flex xs5 class="ml-3">
                           <v-text-field
                             label="Select Image"
-                            @click="pickFile"
+                            @click="pickImage"
                             v-model="imageName"
                             append-icon="attach_file"
                             multiple
@@ -137,13 +151,45 @@
                         </v-flex>
                       </v-layout>
                     </v-flex>
+                    <v-flex xs12 sm12>
+                      <v-layout>
+                        <v-flex xs4 class="pt-4 subheading">
+                          <label class="right">Upload File:</label>
+                        </v-flex>
+                        <v-flex xs5 class="ml-3">
+                          <input
+                            type="file"
+                            style="display: none"
+                            ref="file"
+                            @change="onFilePicked"
+                          />
+                          <v-text-field
+                            label="Select File"
+                            @click="pickFile"
+                            v-model="fileName"
+                            append-icon="attach_file"
+                            multiple
+                          ></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">Private:</label>
+                        </v-flex>
+                        <v-flex xs5 class="ml-3">
+                          <v-checkbox v-model="editedItem.private"></v-checkbox>
+                        </v-flex>
+                      </v-layout>
+                    </v-flex>
                   </v-layout>
                   <v-layout>
                     <v-flex xs12 sm8 offset-sm2>
                       <v-card-actions>
                         <v-btn round dark @click.native="close">Cancel</v-btn>
                         <v-spacer></v-spacer>
-                        <v-btn round dark @click="save">Save</v-btn>
+                        <v-btn round dark @click="save" :loading="loadingUpadte">Save</v-btn>
                       </v-card-actions>
                     </v-flex>
                   </v-layout>
@@ -186,11 +232,11 @@
           <template slot="items" slot-scope="props">
             <td class="text-xs-center">{{ props.index + 1}}</td>
             <td id="td" class="text-xs-center">
-              <img :src="props.item.fileUrl" alt="newsImage" width="100" height="70" />
+              <img :src="props.item.coverPhotoUrl" alt="newsImage" width="100" height="70" />
             </td>
             <td id="td" class="text-xs-center">{{ props.item.name}}</td>
             <td id="td" class="text-xs-center">{{ props.item.author}}</td>
-            <td id="td" class="text-xs-center">{{ props.item.classId}}</td>
+            <td id="td" class="text-xs-center">{{ props.item.classId.classNum}}</td>
 
             <td class="text-xs-center">
               <span>
@@ -253,8 +299,8 @@
                         @change="onImagePicked"
                       />
                       <v-layout justify-center>
-                        <v-flex v-if="files">
-                          <img :src="files" height="160" width="160px;" />
+                        <v-flex v-if="files != ''">
+                          <img :src="files" height="240" width="260px;" />
                         </v-flex>
                       </v-layout>
                       <img
@@ -341,7 +387,7 @@
                       <v-flex xs4 class="ml-3">
                         <input type="file" style="display: none" ref="file" @change="onFilePicked" />
                         <v-text-field
-                          label="Select Image"
+                          label="Select File"
                           @click="pickFile"
                           v-model="fileName"
                           append-icon="attach_file"
@@ -395,6 +441,7 @@ export default {
     timeout: 3000,
     text: "",
     loading: false,
+    loadingUpadte: false,
     date: null,
     search: "",
     showLoader: false,
@@ -446,26 +493,6 @@ export default {
     token: ""
   }),
   methods: {
-    getSections(_id) {
-      console.log("_id", _id);
-      var token = this.$store.state.token;
-      http()
-        .get(
-          "/getSectionsList",
-          { params: { classId: _id } },
-          {
-            headers: { Authorization: "Bearer " + token }
-          }
-        )
-        .then(response => {
-          this.addSection = response.data.data;
-          // console.log("getSectionsList=====>", this.addSection);
-        })
-        .catch(err => {
-          console.log("err====>", err);
-          // this.$router.replace({ path: '/' });
-        });
-    },
     pickImage() {
       this.$refs.image.click();
     },
@@ -486,7 +513,6 @@ export default {
         fr.readAsDataURL(files[0]);
         fr.addEventListener("load", () => {
           this.files = fr.result;
-          console.log("uploadImagethis.files=======>", this.files);
         });
       } else {
         this.imageName = "";
@@ -495,7 +521,7 @@ export default {
         this.imageUrl = "";
       }
     },
-    getBooksList() {
+    getEBooksList() {
       this.showLoader = true;
       http()
         .get("/getEBooksList", {
@@ -504,16 +530,15 @@ export default {
         .then(response => {
           this.eBookData = response.data.data;
           this.showLoader = false;
-          console.log("getNewsList=====>", response.data.data);
         })
         .catch(err => {
           // 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);
-          // }
+          if (error.response.status === 401) {
+            this.$router.replace({ path: "/" });
+            this.$store.dispatch("setToken", null);
+            this.$store.dispatch("Id", null);
+          }
         });
     },
     onFilePicked(e) {
@@ -540,6 +565,7 @@ export default {
       this.files = [];
       this.editedIndex = this.eBookData.indexOf(item);
       this.editedItem = Object.assign({}, item);
+      this.editedItem.className = item.classId.classNum;
       this.dialog = true;
     },
     profile(item) {
@@ -548,45 +574,24 @@ export default {
       this.dialog1 = true;
     },
     deleteItem(item) {
-      let deleteNews = {
-        newsId: item._id
+      let deleteEBooks = {
+        ebookId: item._id
       };
       http()
         .delete(
-          "/deleteNews",
+          "/deleteEBook",
           confirm("Are you sure you want to delete this?") && {
-            params: deleteNews
+            params: deleteEBooks
           }
         )
         .then(response => {
-          // console.log("deleteNews",deleteNews)
-          if ((this.snackbar = true)) {
-            this.text = "Successfully delete Existing News";
-          }
-          this.getNewsList();
-        })
-        .catch(error => {
-          // console.log(error);
-        });
-    },
-    deleteImage(imageId, newsId) {
-      console.log(imageId, newsId);
-      let deleteImages = {
-        newsId: newsId,
-        imageId: imageId
-      };
-      http()
-        .put("/deleteImages", deleteImages)
-        .then(response => {
-          console.log("deleteNews", deleteImages);
-          if ((this.snackbar = true)) {
-            this.text = "Image deleted Successfully";
-          }
-          this.getNewsList();
-          this.close();
+          this.snackbar = true;
+          this.text = "Successfully delete Existing News";
+          this.getEBooksList();
         })
         .catch(error => {
-          console.log(error);
+          this.snackbar = true;
+          this.text = error.response.data.message;
         });
     },
     activeTab(type) {
@@ -628,18 +633,18 @@ export default {
         http()
           .post("/createEBook", this.addEBooks)
           .then(response => {
-            if ((this.snackbar = true)) {
-              this.text = "New E-Book added successfully";
-            }
+            this.snackbar = true;
+            this.text = "New E-Book added successfully";
             this.addEBooks.uploadCover = "";
-            // this.getNewsList();
+            this.addEBooks.uploadFile = "";
+            this.files = "";
+            this.getEBooksList();
             this.loading = false;
             this.clear();
           })
           .catch(error => {
-            if ((this.snackbar = true)) {
-              this.text = error.response.data.message;
-            }
+            this.snackbar = true;
+            this.text = error.response.data.message;
           });
       }
     },
@@ -647,31 +652,35 @@ export default {
       this.$refs.form.reset();
     },
     save() {
-      if (this.files) {
-        var ary = [];
-        var imageData = [];
-        ary = this.files;
-        for (let i = 0; i < ary.length; i++) {
-          const [baseUrl, imageUrl] = ary[i].split(/,/);
-          imageData.push(imageUrl);
-          this.editedItem.uploadCover = imageData;
-        }
+      this.loadingUpadte = true;
+      if (this.files.length > 0) {
+        const [baseUrl, imageUrl] = this.files.split(/,/);
+        this.editedItem.uploadCover = imageUrl;
+        // console.log("anyFile.split(/,/)", this.addEBooks.uploadCover);
       }
       if (this.anyFile) {
         const [baseUrl, fileUrl] = this.anyFile.split(/,/);
-        console.log("anyFile.split(/,/)", fileUrl);
+        this.editedItem.uploadFile = fileUrl;
+        // console.log("anyFile.split(/,/)", this.addEBooks.uploadFile);
       }
+      this.editedItem.ebookId = this.editedItem._id;
       http()
-        .put("/updateNews", editNews)
+        .put("/updateEBook", this.editedItem)
         .then(response => {
-          // console.log("updateNews",updateNews);
-          if ((this.snackbar = true)) {
-            this.text = "Successfully Edit Existing News";
-          }
-          this.getNewsList();
+          this.loadingUpadte = false;
+          this.snackbar = true;
+          this.text = "Successfully Edit Existing E-Book";
+          this.getEBooksList();
+          this.editedItem.uploadFile = "";
+          this.editedItem.uploadCover = "";
+          this.anyFile = "";
+          this.files = "";
           this.close();
         })
         .catch(error => {
+          this.loadingUpadte = false;
+          this.snackbar = true;
+          this.text = error.response.data.message;
           // console.log(error);
         });
     },
@@ -691,7 +700,7 @@ export default {
   },
   mounted() {
     this.token = this.$store.state.token;
-    this.getBooksList();
+    this.getEBooksList();
     this.getAllClass();
     // this.editItem;
   },
diff --git a/src/pages/Library/issue.vue b/src/pages/Library/issue.vue
index 21c367c..5ec05a3 100644
--- a/src/pages/Library/issue.vue
+++ b/src/pages/Library/issue.vue
@@ -213,6 +213,33 @@
         >{{ text }}</v-snackbar>
 
         <!-- ****** EXISTING-USERS NEWS TABLE ****** -->
+        <v-card>
+          <v-layout>
+            <v-flex lg1 xs4 md4 xl1 class="hidden-xs-only">
+              <label class="right pt-4">Library ID:</label>
+            </v-flex>
+            <v-flex lg2 md3 xs7>
+              <v-text-field class="pl-3" @keyup.enter="searchLibrary" v-model="libraryId" placeholder="fill your library Id"></v-text-field>
+            </v-flex>
+            <v-flex lg9 md3 xs5>
+              <v-btn
+                round
+                class="black mt-1 right hidden-xs-only"
+                @click="searchLibrary"
+                :loading="loadingSearch"
+                dark
+              >Search</v-btn>
+              <v-btn
+                round
+                class="black mt-4 right hidden-sm-only hidden-xl-only hidden-md-only hidden-lg-only"
+                :loading="loadingSearch"
+                @click="searchLibrary"
+                small
+                dark
+              >Search</v-btn>
+            </v-flex>
+          </v-layout>
+        </v-card>
         <v-data-table
           :headers="headers"
           :items="desserts"
@@ -347,7 +374,7 @@
                       </v-flex>
                     </v-layout>
                   </v-flex>
-                   <v-flex xs12>
+                  <v-flex xs12>
                     <v-layout>
                       <v-flex xs4 class="pt-4 subheading">
                         <label class="right">Subject Code:</label>
@@ -361,7 +388,7 @@
                       </v-flex>
                     </v-layout>
                   </v-flex>
-                   <v-flex xs12>
+                  <v-flex xs12>
                     <v-layout>
                       <v-flex xs4 class="pt-4 subheading">
                         <label class="right">Serial No:</label>
@@ -423,7 +450,9 @@ export default {
     mode: "",
     timeout: 3000,
     text: "",
+    libraryId: "",
     loading: false,
+    loadingSearch: false,
     date: null,
     search: "",
     showLoader: false,
@@ -528,21 +557,33 @@ export default {
     //     this.imageUrl = "";
     //   }
     // },
-    getIssueList() {
+    searchLibrary() {
       this.showLoader = true;
+      this.loadingSearch = true;
       var token = this.$store.state.token;
       http()
-        .get("/getIssueList", {
-          headers: { Authorization: "Bearer " + token }
-        })
+        .get(
+          "/getLibrary",
+          {
+            params: { libraryId: this.libraryId }
+          },
+          {
+            headers: { Authorization: "Bearer " + this.token }
+          }
+        )
         .then(response => {
-          this.desserts = response.data.data;
+          // this.desserts = response.data.data;
           this.showLoader = false;
+          this.loadingSearch = false;
+
           // console.log("getIssueList=====>",this.desserts)
         })
-        .catch(err => {
+        .catch(error => {
           // console.log("err====>", err);
           this.showLoader = false;
+          this.loadingSearch = false;
+          this.snackbar = true;
+          this.text = error.response.data.message;
           if (error.response.status === 401) {
             this.$router.replace({ path: "/" });
             this.$store.dispatch("setToken", null);
diff --git a/src/pages/Library/member.vue b/src/pages/Library/member.vue
index 3014fb3..8ea7993 100644
--- a/src/pages/Library/member.vue
+++ b/src/pages/Library/member.vue
@@ -8,7 +8,413 @@
       v-model="snackbar"
       color="success"
     >{{ text }}</v-snackbar>
-    <!-- Add Library Dialog -->
+
+    <!-- ****** PROFILE VIEW STUDENTS LIBRARY MEMBER DEATILS ******  -->
+
+    <v-dialog v-model="dialogStudents" max-width="1100px" scrollable>
+      <v-card>
+        <v-toolbar color="grey lighten-2" flat>
+          <v-spacer></v-spacer>
+          <v-toolbar-title>Student Profile</v-toolbar-title>
+          <v-spacer></v-spacer>
+          <v-icon @click="closeViewStudent">close</v-icon>
+        </v-toolbar>
+        <v-card-text style="height: 700px;">
+          <v-flex align-center justify-center layout text-xs-center class="mt-3">
+            <v-avatar size="160px">
+              <img src="/static/icon/user.png" v-if="!editedItem.profilePicUrl" />
+              <img :src="editedItem.profilePicUrl" v-else-if="editedItem.profilePicUrl" />
+            </v-avatar>
+          </v-flex>
+          <v-container grid-list-md>
+            <v-layout wrap>
+              <v-flex xs12>
+                <v-layout wrap>
+                  <v-flex xs12 sm6>
+                    <v-layout>
+                      <v-flex xs6 sm5>
+                        <h5 class="right my-1">
+                          <b>Full Name:</b>
+                        </h5>
+                      </v-flex>
+                      <v-flex sm7 xs6>
+                        <h5 class="my-1 left">{{ editedItem.name }}</h5>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-flex xs12 sm6>
+                    <v-layout>
+                      <v-flex xs6 sm4>
+                        <h5 class="right my-1">
+                          <b>Email:</b>
+                        </h5>
+                      </v-flex>
+                      <v-flex sm8 xs6>
+                        <h5 class="my-1 left">{{ editedItem.email }}</h5>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                </v-layout>
+                <v-layout wrap>
+                  <v-flex xs12 sm6>
+                    <v-layout>
+                      <v-flex xs6 sm5>
+                        <b>
+                          <h5 class="right my-1">
+                            <b>Gender:</b>
+                          </h5>
+                        </b>
+                      </v-flex>
+                      <v-flex sm7 xs6>
+                        <h5 class="my-1 left">{{ editedItem.gender }}</h5>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-flex xs12 sm6>
+                    <v-layout>
+                      <v-flex xs6 sm4>
+                        <b>
+                          <h5 class="right my-1">
+                            <b>D.O.B:</b>
+                          </h5>
+                        </b>
+                      </v-flex>
+                      <v-flex sm7 xs6>
+                        <h5 class="my-1">{{ dates(editedItem.dob) }}</h5>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                </v-layout>
+                <v-layout wrap>
+                  <v-flex xs12 sm6>
+                    <v-layout>
+                      <v-flex xs6 sm5>
+                        <b>
+                          <h5 class="right my-1">
+                            <b>Blood Group:</b>
+                          </h5>
+                        </b>
+                      </v-flex>
+                      <v-flex sm7 xs6>
+                        <h5 class="my-1 left">{{ editedItem.bloodGroup }}</h5>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-flex xs12 sm6>
+                    <v-layout>
+                      <v-flex xs6 sm4>
+                        <b>
+                          <h5 class="right my-1">
+                            <b>Allergies:</b>
+                          </h5>
+                        </b>
+                      </v-flex>
+                      <v-flex sm8 xs6>
+                        <h5 class="my-1">{{ editedItem.allergies }}</h5>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                </v-layout>
+                <v-layout wrap>
+                  <v-flex xs12 sm6>
+                    <v-layout>
+                      <v-flex xs6 sm5>
+                        <b>
+                          <h5 class="right my-1">
+                            <b>Height:</b>
+                          </h5>
+                        </b>
+                      </v-flex>
+                      <v-flex sm7 xs6>
+                        <h5 class="my-1 left">{{ editedItem.height }}</h5>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-flex xs12 sm6>
+                    <v-layout>
+                      <v-flex xs6 sm4>
+                        <b>
+                          <h5 class="right my-1">
+                            <b>Weight:</b>
+                          </h5>
+                        </b>
+                      </v-flex>
+                      <v-flex sm8 xs6>
+                        <h5 class="my-1">{{ editedItem.weight }}</h5>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                </v-layout>
+                <v-layout wrap>
+                  <v-flex xs12 sm6>
+                    <v-layout>
+                      <v-flex xs6 sm5>
+                        <b>
+                          <h5 class="right my-1">
+                            <b>City:</b>
+                          </h5>
+                        </b>
+                      </v-flex>
+                      <v-flex sm7 xs6>
+                        <h5 class="my-1 left">{{ editedItem.city }}</h5>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-flex xs12 sm6>
+                    <v-layout>
+                      <v-flex xs6 sm4>
+                        <b>
+                          <h5 class="right my-1">
+                            <b>State:</b>
+                          </h5>
+                        </b>
+                      </v-flex>
+                      <v-flex sm8 xs6>
+                        <h5 class="my-1">{{ editedItem.state }}</h5>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                </v-layout>
+                <v-layout wrap>
+                  <v-flex xs12 sm6>
+                    <v-layout>
+                      <v-flex xs6 sm5>
+                        <b>
+                          <h5 class="right my-1">
+                            <b>Pincode:</b>
+                          </h5>
+                        </b>
+                      </v-flex>
+                      <v-flex sm7 xs6>
+                        <h5 class="my-1">{{ editedItem.pincode }}</h5>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-flex xs12 sm5>
+                    <v-layout>
+                      <v-flex xs6 sm5>
+                        <b>
+                          <h5 class="right my-1">
+                            <b>Country:</b>
+                          </h5>
+                        </b>
+                      </v-flex>
+                      <v-flex sm7 xs6>
+                        <h5 class="my-1">{{ editedItem.country }}</h5>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                </v-layout>
+                <v-layout wrap>
+                  <v-flex xs12 sm6>
+                    <v-layout>
+                      <v-flex sm5 xs6>
+                        <b>
+                          <h5 class="right my-1">
+                            <b>Mobile No:</b>
+                          </h5>
+                        </b>
+                      </v-flex>
+                      <v-flex sm6 xs6>
+                        <h5 class="my-1">{{ editedItem.mobile }}</h5>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-flex xs12 sm6>
+                    <v-layout>
+                      <v-flex xs6 sm4>
+                        <b>
+                          <h5 class="right my-1">
+                            <b>Library ID :</b>
+                          </h5>
+                        </b>
+                      </v-flex>
+                      <v-flex sm8 xs6>
+                        <h5 class="my-1">{{ editedItem.libraryId }}</h5>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                </v-layout>
+                <v-layout wrap>
+                  <v-flex xs12 sm5>
+                    <v-layout>
+                      <v-flex xs6 sm6>
+                        <b>
+                          <h5 class="right my-1">
+                            <b>Library Fee:</b>
+                          </h5>
+                        </b>
+                      </v-flex>
+                      <v-flex sm6 xs6>
+                        <h5 class="my-1">{{ editedItem.libraryFee }}</h5>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-flex xs12 sm6>
+                    <v-layout>
+                      <v-flex xs6 sm6>
+                        <b>
+                          <h5 class="my-1 right">
+                            <b>Academic Year:</b>
+                          </h5>
+                        </b>
+                      </v-flex>
+                      <v-flex sm5 xs6>
+                        <h5 class="my-1">{{ editedItem.establishmentYear }}</h5>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                </v-layout>
+                <v-layout wrap>
+                  <v-flex xs12 sm5>
+                    <v-layout>
+                      <v-flex xs6 sm6>
+                        <b>
+                          <h5 class="my-1 right">
+                            <b>Medical Notes:</b>
+                          </h5>
+                        </b>
+                      </v-flex>
+                      <v-flex sm5 xs6>
+                        <h5 class="my-1">{{ editedItem.medicalNotes }}</h5>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-flex xs12 sm6>
+                    <v-layout>
+                      <v-flex xs6 sm6>
+                        <b>
+                          <h5 class="right my-1">
+                            <b>Roll No. :</b>
+                          </h5>
+                        </b>
+                      </v-flex>
+                      <v-flex sm6 xs8>
+                        <h5 class="my-1">{{ editedItem.rollNo }}</h5>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                </v-layout>
+                <v-layout wrap>
+                  <v-flex xs12 sm5>
+                    <v-layout>
+                      <v-flex xs6 sm6>
+                        <b>
+                          <h5 class="my-1 right">
+                            <b>present Address:</b>
+                          </h5>
+                        </b>
+                      </v-flex>
+                      <v-flex sm5 xs6>
+                        <h5 class="my-1">{{ editedItem.presentAddress }}</h5>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-flex xs12 sm6>
+                    <v-layout>
+                      <v-flex xs6 sm6>
+                        <b>
+                          <h5 class="right my-1">
+                            <b>present Address:</b>
+                          </h5>
+                        </b>
+                      </v-flex>
+                      <v-flex sm6 xs8>
+                        <h5 class="my-1">{{ editedItem.permanentAddress }}</h5>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                </v-layout>
+              </v-flex>
+            </v-layout>
+          </v-container>
+        </v-card-text>
+      </v-card>
+    </v-dialog>
+
+    <!-- Edit Student Library Member Dialog -->
+
+    <v-dialog v-model="editStudentdialog" max-width="600px" scrollable>
+      <v-card flat>
+        <v-toolbar color="grey lighten-2" flat>
+          <v-spacer></v-spacer>
+          <v-toolbar-title>
+            <h3>Edit Student Profile</h3>
+          </v-toolbar-title>
+          <v-spacer></v-spacer>
+        </v-toolbar>
+        <v-card-text style="height: 426px;">
+          <v-form ref="form">
+            <v-container fluid>
+              <v-layout>
+                <v-flex
+                  xs12
+                  class="text-xs-center text-sm-center text-md-center text-lg-center mr-4"
+                >
+                  <v-avatar size="160px">
+                    <img src="/static/icon/user.png" v-if="!editedItem.profilePicUrl && !imageUrl" />
+                    <img
+                      :src="editedItem.profilePicUrl"
+                      v-else-if="editedItem.profilePicUrl && !imageUrl"
+                    />
+                    <img
+                      v-if="imageUrl"
+                      :src="imageUrl"
+                      height="150"
+                      style="border-radius:50%; width:200px"
+                    />
+                  </v-avatar>
+                </v-flex>
+              </v-layout>
+              <v-layout wrap>
+                <v-flex xs12 sm12 md10>
+                  <v-layout>
+                    <v-flex xs4 class="pt-4 subheading">
+                      <label class="right hidden-xs-only hidden-sm-only">Library ID:</label>
+                      <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Library ID:</label>
+                    </v-flex>
+                    <v-flex xs8 class="ml-3">
+                      <v-text-field
+                        v-model="editedItem.libraryId"
+                        placeholder="fill your Library ID"
+                      ></v-text-field>
+                    </v-flex>
+                  </v-layout>
+                </v-flex>
+                <v-flex xs12 sm12 md10>
+                  <v-layout>
+                    <v-flex xs4 class="pt-4 subheading">
+                      <label class="right hidden-xs-only hidden-sm-only">Library Fee:</label>
+                      <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Library Fee:</label>
+                    </v-flex>
+                    <v-flex xs8 class="ml-3">
+                      <v-text-field
+                        v-model="editedItem.libraryFee"
+                        placeholder="fill your Library Fee"
+                      ></v-text-field>
+                    </v-flex>
+                  </v-layout>
+                </v-flex>
+              </v-layout>
+              <v-layout>
+                <v-flex xs12 sm12>
+                  <v-layout>
+                    <v-flex xs6>
+                      <v-btn round dark @click.native="closeEditStudentDialog">Cancel</v-btn>
+                    </v-flex>
+                    <v-flex xs6>
+                      <v-btn @click="save" round dark :loading="loading" class="right">Save</v-btn>
+                    </v-flex>
+                  </v-layout>
+                </v-flex>
+              </v-layout>
+            </v-container>
+          </v-form>
+        </v-card-text>
+      </v-card>
+    </v-dialog>
+    <!-- Add Student Library Member Dialog -->
+
     <v-dialog v-model="addLibrary" max-width="600px">
       <v-toolbar color="grey lighten-2">
         <v-spacer></v-spacer>
@@ -21,14 +427,19 @@
         <v-card-text>
           <v-container>
             <v-layout wrap justify-center>
-              <v-flex xs12 sm9>
-                <v-form>
+              <v-flex xs12 sm12 md10>
+                <v-form ref="form" v-model="valid" lazy-validation>
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
                       <label class="right pr-3">Library Id:</label>
                     </v-flex>
                     <v-flex xs8>
-                      <v-text-field v-model="addBook.libraryId" placeholder="fill your Library ID"></v-text-field>
+                      <v-text-field
+                        v-model="addBook.libraryId"
+                        :rules="libraryIdRules"
+                        type="number"
+                        placeholder="fill your Library ID"
+                      ></v-text-field>
                     </v-flex>
                   </v-layout>
                   <v-layout>
@@ -38,14 +449,16 @@
                     <v-flex xs8>
                       <v-text-field
                         v-model="addBook.libraryFee"
+                        type="number"
+                        :rules="libraryFeeRules"
                         placeholder="fill your Library Fee"
                       ></v-text-field>
                     </v-flex>
                   </v-layout>
                   <v-card-actions>
-                    <v-btn round dark @click.native="close">Cancel</v-btn>
+                    <v-btn round dark @click.native="addLibrary = false">Cancel</v-btn>
                     <v-spacer></v-spacer>
-                    <v-btn round dark @click="submit">Add Member</v-btn>
+                    <v-btn round dark @click="submit" :loading="loading">Add Member</v-btn>
                   </v-card-actions>
                 </v-form>
               </v-flex>
@@ -98,21 +511,15 @@
         <td id="td" class="text-xs-center">{{ props.item.name}}</td>
         <td id="td" class="text-xs-center">{{ props.item.rollNo }}</td>
         <td id="td" class="text-xs-center">{{ props.item.email }}</td>
-        <!-- <td id="td" class="text-xs-center">{{ dates(props.item.dob) }}</td> -->
-        <!-- <td id="td" class="text-xs-center">{{ props.item.gender }}</td> -->
-        <!-- <td id="td" class="text-xs-center">{{ props.item.parentId.fatherName }}</td> -->
-        <!-- <td id="td" class="text-xs-center">{{ props.item.parentId.motherName }}</td> -->
-        <!-- <td id="td" class="text-xs-center">{{ props.item.establishmentYear }}</td>  -->
-        <!-- <td id="td" class="text-xs-center">{{ props.item.mobile}}</td> -->
-
         <td class="text-xs-center">
           <img
+            v-if="!props.item.libraryId"
             style="cursor:pointer; width:25px; height:18px; "
             class="mr-5"
-            @click="addLibrary = true"
+            @click="addLibraryData(props.item)"
             src="/static/icon/add.png"
           />
-          <span>
+          <span v-if="props.item.libraryId">
             <img
               style="cursor:pointer; width:25px; height:18px; "
               class="mr-5"
@@ -163,6 +570,11 @@ export default {
     showLoader: false,
     loading: false,
     addLibrary: false,
+    dialogStudents: false,
+    editStudentdialog: false,
+    valid: true,
+    libraryIdRules: [v => !!v || "Library Id Fee is required"],
+    libraryFeeRules: [v => !!v || "Library Fee is required"],
     date: null,
     search: "",
     addclass: [],
@@ -181,8 +593,8 @@ export default {
         value: "index"
       },
       {
-        text: "Profile Pic",
-        value: "profilePicUrl",
+        text: "Photo",
+        value: "uploadCover",
         sortable: false,
         align: "center"
       },
@@ -192,9 +604,11 @@ export default {
       { text: "Action", value: "", sortable: false, align: "center" }
     ],
     studentData: [],
+    editedItem: {},
     parentId: "",
     token: "",
-    selectStudents: {}
+    selectStudents: {},
+    editedIndex: -1
   }),
   methods: {
     getAllStudents() {
@@ -210,271 +624,98 @@ export default {
         })
         .catch(err => {
           // console.log("err====>", err);
-          // this.$router.replace({ path: "/" });
+          if (error.response.status === 401) {
+            this.$router.replace({ path: "/" });
+            this.$store.dispatch("setToken", null);
+            this.$store.dispatch("Id", null);
+          }
+        });
+    },
+    addLibraryData(item) {
+      this.addBook.studentId = item._id;
+      this.addLibrary = true;
+    },
+    editItem(item) {
+      this.editedIndex = this.studentData.indexOf(item);
+      this.editedItem = Object.assign({}, item);
+      this.editStudentdialog = true;
+    },
+    dates: function(date) {
+      return moment(date).format("MMMM DD, YYYY");
+    },
+    profile(item) {
+      console.log("item", item);
+      this.editedIndex = this.studentData.indexOf(item);
+      this.editedItem = Object.assign({}, item);
+      this.dialogStudents = true;
+    },
+    deleteItem(item) {
+      let deleteStudentLibraryData = {
+        studentId: item._id,
+        libraryId: item.libraryId
+
+      };
+      http()
+        .put(
+          "/deleteLibrary",
+          confirm("Are you sure you want to delete this?") && deleteStudentLibraryData )
+        .then(response => {
+          this.snackbar = true;
+          this.text = "Delete Successfully";
+          this.getAllStudents();
+        })
+        .catch(error => {
+          // console.log(error);
         });
     },
-    // getSection(_id) {
-    //   var token = this.$store.state.token;
-    //   http()
-    //     .get(
-    //       "/getSectionsList",
-    //       { params: { classId: _id } },
-    //       {
-    //         headers: { Authorization: "Bearer " + token }
-    //       }
-    //     )
-    //     .then(response => {
-    //       this.addSection = response.data.data;
-    //       console.log("getSectionsList=====>", this.addSection);
-    //     })
-    //     .catch(err => {
-    //       // console.log("err====>", err);
-    //       // this.$router.replace({ path: '/' });
-    //     });
-    // },
-    // pickFile() {
-    //   this.$refs.image.click();
-    // },
-    // dates: function(date) {
-    //   return moment(date).format("MMMM DD, YYYY");
-    // },
-    // onFilePicked(e) {
-    //   // console.log(e)
-    //   const files = e.target.files;
-    //   this.imageData.upload = e.target.files[0];
-    //   if (files[0] !== undefined) {
-    //     this.imageName = files[0].name;
-    //     if (this.imageName.lastIndexOf(".") <= 0) {
-    //       return;
-    //     }
-    //     const fr = new FileReader();
-    //     fr.readAsDataURL(files[0]);
-    //     fr.addEventListener("load", () => {
-    //       this.imageUrl = fr.result;
-    //       this.imageFile = files[0]; // this is an image file that can be sent to server...
-    //       this.imageData.imageUrl = URL.createObjectURL(this.imageFile);
-    //     });
-    //   } else {
-    //     this.imageName = "";
-    //     this.imageFile = "";
-    //     this.imageUrl = "";
-    //   }
-    // },
-    // getStudentList() {
-    //   this.showLoader = true;
-    //   var token = this.$store.state.token;
-    //   http()
-    //     .get("/getStudentsList", {
-    //       headers: { Authorization: "Bearer " + token }
-    //     })
-    //     .then(response => {
-    //       this.desserts = response.data.data;
-    //       this.showLoader = false;
-    //       // console.log("getStudentList=====>",this.desserts)
-    //     })
-    //     .catch(err => {
-    //       // console.log("err====>", err);
-    //       this.showLoader = false;
-    //       this.$router.replace({ path: "/" });
-    //     });
-    // },
-    // editItem(item) {
-    //   this.editedIndex = this.desserts.indexOf(item);
-    //   this.editedItem = Object.assign({}, item);
-    //   this.editedItem.fatherName = item.parentId.fatherName;
-    //   this.editedItem.fatherCellNo = item.parentId.fatherCellNo;
-    //   this.editedItem.motherName = item.parentId.motherName;
-    //   this.editedItem.motherCellNo = item.parentId.motherCellNo;
-    //   // if(this.editedItem.dob != undefined){
-    //   //     this.editedItem.dob = this.editedItem.dob.substring(0, 10)
-    //   // }else if(this.editedItem.dob = undefined){
-    //   //     this.editedItem.dob = ''
-    //   // }
-    //   this.editedItem.dob =
-    //     this.editedItem.dob != undefined
-    //       ? (this.editedItem.dob = this.editedItem.dob.substring(0, 10))
-    //       : (this.editedItem.dob = "");
-    //   this.dialog = true;
-    // },
-    // profile(item) {
-    //   console.log("item", item);
-    //   this.editedIndex = this.desserts.indexOf(item);
-    //   this.editedItem = Object.assign({}, item);
-    //   this.editedItem.fatherName = item.parentId.fatherName;
-    //   this.editedItem.fatherCellNo = item.parentId.fatherCellNo;
-    //   this.editedItem.motherName = item.parentId.motherName;
-    //   this.editedItem.motherCellNo = item.parentId.motherCellNo;
-    //   this.dialog1 = true;
-    // },
-    // deleteItem(item) {
-    //   let deleteStudent = {
-    //     studentId: item._id
-    //   };
-    //   http()
-    //     .delete(
-    //       "/deleteStudent",
-    //       confirm("Are you sure you want to delete this?") && {
-    //         params: deleteStudent
-    //       }
-    //     )
-    //     .then(response => {
-    //       // console.log("deleteUers",deleteStudent)
-    //       if ((this.snackbar = true)) {
-    //         this.text = "Successfully delete Existing Student";
-    //       }
-    //       this.getStudentList();
-    //     })
-    //     .catch(error => {
-    //       // console.log(error);
-    //     });
-    // },
-    // activeTab(type) {
-    //   switch (type) {
-    //     case "existing":
-    //       this.newActive = false;
-    //       this.isActive = true;
-    //       break;
-    //     default:
-    //       this.newActive = true;
-    //       this.isActive = false;
-    //       break;
-    //   }
-    // },
-    // close() {
-    //   this.dialog = false;
-    //   setTimeout(() => {
-    //     this.editedItem = Object.assign({}, this.defaultItem);
-    //     this.editedIndex = -1;
-    //   }, 300);
-    // },
-    // close1() {
-    //   this.dialog1 = false;
-    // },
+    close() {
+      this.dialog = false;
+    },
+    closeEditStudentDialog() {
+      this.editStudentdialog = false;
+    },
+    closeViewStudent() {
+      this.dialogStudents = false;
+    },
     submit() {
       if (this.$refs.form.validate()) {
         this.loading = true;
         http()
-          .post("/addBook", this.addBook)
+          .put("/addLibrary", this.addBook)
           .then(response => {
-            // console.log(addStudent);
-            // if ((this.snackbar = true)) {
-            //   this.text = "New Student added successfully";
-            // }
-            // this.getStudentList();
+            this.snackbar = true;
+            this.text = "New Library Member added successfully";
+            this.getAllStudents();
             this.clear();
+            this.addLibrary = false;
             this.loading = false;
           })
           .catch(error => {
             // console.log(error);
-            if ((this.snackbar = true)) {
-              this.text = error.response.data.message;
-            }
+            this.snackbar = true;
+            this.text = error.response.data.message;
             this.loading = false;
           });
       }
     },
-    // clear() {
-    //   this.$refs.form.reset();
-    // },
-    // save() {
-    //   let editStudent = {
-    //     studentId: this.editedItem._id,
-    //     name: this.editedItem.name,
-    //     email: this.editedItem.email,
-    //     role: this.editedItem.role,
-    //     dob: this.editedItem.dob,
-    //     city: this.editedItem.city,
-    //     pincode: this.editedItem.pincode,
-    //     country: this.editedItem.country,
-    //     permanentAddress: this.editedItem.permanentAddress,
-    //     presentAddress: this.editedItem.presentAddress,
-    //     mobile: this.editedItem.mobile,
-    //     state: this.editedItem.state,
-    //     gender: this.editedItem.gender,
-    //     establishmentYear: this.editedItem.establishmentYear,
-    //     classId: this.editedItem.select,
-    //     sectionId: this.editedItem.selectSection,
-    //     bloodGroup: this.editedItem.bloodGroup,
-    //     allergies: this.editedItem.allergies,
-    //     medicalNotes: this.editedItem.medicalNotes,
-    //     height: this.editedItem.height,
-    //     weight: this.editedItem.weight,
-    //     rollNo: this.editedItem.rollNo
-    //   };
-    //   if (this.imageUrl) {
-    //     var str = this.imageUrl;
-    //     const [baseUrl, imageUrl] = str.split(/,/);
-    //     editStudent.upload = imageUrl;
-    //   }
-    //   http()
-    //     .put("/updateStudent", editStudent)
-    //     .then(response => {
-    //       if ((this.snackbar = true)) {
-    //         this.text = "Successfully Student Existing User";
-    //       }
-    //       this.findStudents();
-    //       this.close();
-    //     })
-    //     .catch(error => {
-    //       // console.log(error);
-    //       if ((this.snackbar = true)) {
-    //         this.text = error.response.data.statusText;
-    //       }
-    //     });
-    // },
-    // submitParentDetails() {
-    //   if (this.$refs.parentForm.validate()) {
-    //     let addparentDetails = {
-    //       email: this.parentData.email,
-    //       fatherName: this.parentData.fatherName,
-    //       fatherCellNo: this.parentData.fatherCellNo,
-    //       motherName: this.parentData.motherName,
-    //       motherCellNo: this.parentData.motherCellNo,
-    //       role: "PARENT"
-    //     };
-    //     this.loading = true;
-    //     http()
-    //       .post("/createParent", addparentDetails)
-    //       .then(response => {
-    //         this.parentId = response.data.data.id;
-    //         this.e2 = 2;
-    //         if ((this.snackbar = true)) {
-    //           this.text = "successfully";
-    //         }
-    //         // this.getStudentList();
-    //         this.clear();
-    //         this.loading = false;
-    //       })
-    //       .catch(error => {
-    //         console.log(error.response.data);
-    //         if ((this.snackbar = true)) {
-    //           this.text = error.response.data.message;
-    //           this.text = error.response.data.statusText;
-    //         }
-    //         this.loading = false;
-    //       });
-    //   }
-    // },
-    // getParentDetails() {
-    //   if (this.parentData.email) {
-    //     http()
-    //       .get("getParticularParent", {
-    //         params: { email: this.parentData.email },
-    //         headers: {
-    //           Authorization: "Bearer " + this.$store.state.token
-    //         }
-    //       })
-    //       .then(response => {
-    //         this.showNext = true;
-    //         this.showParent = false;
-    //         this.parentData = response.data.data;
-    //         this.parentId = response.data.data._id;
-    //       })
-    //       .catch(error => {
-    //         console.log("err====>", error.response.data.message);
-    //       });
-    //   }
-    // }
+    clear() {
+      this.$refs.form.reset();
+    },
+    save() {
+      this.editedItem.studentId = this.editedItem._id;
+      http()
+        .put("/updateLibrary", this.editedItem)
+        .then(response => {
+          this.snackbar = true;
+          this.text = "Edit  Library Member Successfully";
+          this.getAllStudents();
+          this.closeEditStudentDialog();
+        })
+        .catch(error => {
+          this.snackbar = true;
+          this.text = error.response.data.statusText;
+        });
+    },
     getAllClass() {
       http()
         .get("/getClassesList", {
diff --git a/src/pages/Students/students.vue b/src/pages/Students/students.vue
index 48aafb7..a46000f 100644
--- a/src/pages/Students/students.vue
+++ b/src/pages/Students/students.vue
@@ -29,7 +29,7 @@
           color="success"
         >{{ text }}</v-snackbar>
         <v-dialog v-model="dialog" max-width="1500px" scrollable>
-          <v-card flat style="height: 586px;" class="mx-2">
+          <v-card flat>
             <v-toolbar color="grey lighten-2" flat>
               <v-spacer></v-spacer>
               <v-toolbar-title>
@@ -37,7 +37,7 @@
               </v-toolbar-title>
               <v-spacer></v-spacer>
             </v-toolbar>
-            <v-card-text>
+            <v-card-text  style="height: 586px;">
               <v-form ref="form">
                 <v-container fluid>
                   <v-layout>
@@ -524,14 +524,14 @@
         <!-- ****** PROFILE VIEW STUDENTS DEATILS ******  -->
 
         <v-dialog v-model="dialog1" max-width="1100px" scrollable>
-          <v-card style="height: 700px;" class="mx-2">
+          <v-card >
             <v-toolbar color="grey lighten-2" flat>
               <v-spacer></v-spacer>
               <v-toolbar-title>Student Profile</v-toolbar-title>
               <v-spacer></v-spacer>
               <v-icon @click="close1">close</v-icon>
             </v-toolbar>
-            <v-card-text>
+            <v-card-text style="height: 700px;">
               <v-flex align-center justify-center layout text-xs-center class="mt-3">
                 <v-avatar size="160px">
                   <img src="/static/icon/user.png" v-if="!editedItem.profilePicUrl" />
diff --git a/static/css/custom.css b/static/css/custom.css
index 756ef53..18dd9e9 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -247,4 +247,11 @@ h4 {
         width: 33px;
         margin-top: 5px;
     }
+    .iconOfDashboard {
+        top: 0px !important;
+        left: 0px !important;
+        height: 80px !important;
+        width: 80px !important;
+        margin-top: 0px !important;
+    }
 }
\ No newline at end of file