diff --git a/src/App.vue b/src/App.vue
index 76a687c..49edf93 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -40,6 +40,7 @@ import AppDrawer from '@/components/pageHeader/AppDrawer';
 import AppToolbar from '@/components/pageHeader/AppToolbar';
 import menu from '@/api/menu';
 import AppEvents from  './event';
+
 export default {
   components: {
     AppDrawer,
diff --git a/src/Services/http.js b/src/Services/http.js
index 3d11187..c8bbbd5 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://139.59.58.160:8001/v1',
         headers: {
             Authorization: `Bearer ${store.state.token}`
diff --git a/src/pages/Class/addclass.vue b/src/pages/Class/addclass.vue
index f31c76b..29ca70f 100644
--- a/src/pages/Class/addclass.vue
+++ b/src/pages/Class/addclass.vue
@@ -211,12 +211,7 @@
             <v-card flat>
               <v-container fluid fill-height>
                 <v-layout align-center>
-                  <v-flex xs12>
-                    <v-flex offset-xs5>
-                      <v-avatar size="55px">
-                        <img src="/static/icon/user.png">
-                      </v-avatar>
-                    </v-flex>
+                  <v-flex xs12 class="mt-4">
                     <v-form ref="form" v-model="valid" lazy-validation>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
@@ -236,9 +231,9 @@
                       <v-layout>
                         <v-flex xs12 sm9 offset-sm2>
                           <v-card-actions>
-                            <v-btn @click="clear" round dark>clear</v-btn>
                             <v-spacer></v-spacer>
                             <v-btn @click="submit" round dark :loading="loading">Add</v-btn>
+                            <v-spacer></v-spacer>
                           </v-card-actions>
                         </v-flex>
                       </v-layout>
diff --git a/src/pages/News/news.vue b/src/pages/News/news.vue
index 62a4766..9909be3 100644
--- a/src/pages/News/news.vue
+++ b/src/pages/News/news.vue
@@ -73,83 +73,42 @@
           v-model="snackbar"
           color="success"
         >{{ text }}</v-snackbar>
-        <v-dialog v-model="dialog" max-width="1000px">
-          <v-flex xs12 sm12>
-            <v-toolbar class="grey lighten-2">
+        <v-dialog v-model="dialog" max-width="1000px" scrollable>
+            <v-card flat>
+              <v-toolbar class="grey lighten-2" flat>
               <v-spacer></v-spacer>
               <v-toolbar-title > <h3>Edit News</h3></v-toolbar-title>
               <v-spacer></v-spacer>
-            </v-toolbar>
-            <v-card flat>
+             </v-toolbar>
+             <v-card-text style="height:600px;">
               <v-form ref="form">
                 <v-container fluid>
-                  <v-layout>
-                    <!-- <v-flex
+                  <v-layout row>
+                  <v-flex
                       xs12
-                      class="text-xs-center text-sm-center text-md-center text-lg-center mr-4"
+                      class="text-xs-center text-sm-center text-md-center text-lg-center my-4 mr-4"
                     >
-                      <v-avatar size="150px">
-                        <img src="/static/icon/user.png" v-if="!editedItem.newsImageUrl">
-                        <span v-for = "image in editedItem.newsImageUrl">
-                        <img :src="image" alt="newsImage" v-if="editedItem.newsImageUrl">
-                      </span>
-                      </v-avatar> -->
                       <input
-                        type = "file"
-                        style="display: none"
+                        type="file"
+                        style = "display: none"
                         ref="image"
                         accept="image/*"
+                        multiple
                         @change="onFilePicked"
                       >
-                      <v-flex align-center justify-center layout text-xs-center >
-                      <!-- <v-avatar size="50px" style="position:absolute; top:20px;">
-                        <img src="/static/icon/user.png">
-                      </v-avatar> -->
-                    <span v-for = "image in editedItem.newsImageUrl" class="mt-4 pa-2">
-                      <img :src="image" alt="News" width="240" height="180">
-                    </span>
-                    </v-flex>
-                    <!-- </v-flex> -->
-                  </v-layout>
-                  <v-layout>
-                    <v-flex xs12 sm12>
-                      <v-layout>
-                        <v-flex xs4 class="pt-4 subheading">
-                          <label class="right">Select Class:</label>
-                        </v-flex>
-                        <v-flex xs5 class="ml-3">
-                          <v-select
-                            :items="addclass"
-                            label="Select Class"
-                            v-model="editedItem.select"
-                            item-text="classNum"
-                            item-value="_id"
-                            name="Select Class"
-                            @change="getSections(editedItem.select)"
-                            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 Section:</label>
-                        </v-flex>
-                        <v-flex xs5 class="ml-3">
-                          <v-select
-                            :items="addSection"
-                            label="Select Section"
-                            v-model="editedItem.selectSection"
-                            item-text="name"
-                            item-value="_id"
-                            name="Select Section"
-                            required
-                          ></v-select>
-                        </v-flex>
-                      </v-layout>
+                      <v-layout justify-center>
+                       <v-flex xs3 v-for="image in editedItem.newsImageUrl"  :key="image" v-if="editedItem.newsImageUrl" class="profile-image-wrapper">
+                        <img :src="image.imageUrl" height="160" width="160" alt="News" class="pa-2">
+                         <v-icon class="red edit-profile-icon" dark @click="deleteImage(image._id,editedItem._id)">close</v-icon>
+                      </v-flex>
+                      <v-flex v-for="(file, index) in files" :key="index" v-if="files" v-else-if="editedItem.newsImageUrl">
+                        <img :src="file" height="160" width="160" class="pa-2">
+                      </v-flex>
+                    </v-layout>
+                    <img src="/static/icon/user.png" v-if="editedItem.newsImageUrl ==''" height="160" width="160" alt="News">
                     </v-flex>
                   </v-layout>
+                  <!-- </v-layout> -->
                   <v-layout>
                     <v-flex xs12 sm12>
                       <v-layout>
@@ -186,7 +145,7 @@
                     <v-flex xs12>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
-                          <label class="right">Uplaod Image:</label>
+                          <label class="right">Add New Images:</label>
                         </v-flex>
                         <v-flex xs5 class="ml-3">
                           <v-text-field
@@ -211,26 +170,26 @@
                   </v-layout>
                 </v-container>
               </v-form>
+             </v-card-text>
             </v-card>
-          </v-flex>
         </v-dialog>
 
         <!-- ****** PROFILE VIEW ALL NEWS DEATILS ******  -->
 
         <v-dialog v-model="dialog1" max-width="800px">
-          <v-toolbar color="grey lighten-2">
+          <v-card>
+            <v-toolbar color="grey lighten-2" flat>
             <v-spacer></v-spacer>
             <v-toolbar-title><h3>News</h3></v-toolbar-title>
             <v-spacer></v-spacer>
             <v-icon @click="close1">close</v-icon>
-          </v-toolbar>
-          <v-card>
+           </v-toolbar>
             <v-flex align-center justify-center layout text-xs-center >
               <!-- <v-avatar size="50px" style="position:absolute; top:20px;">
                 <img src="/static/icon/user.png">
               </v-avatar> -->
-              <span v-for = "image in editedItem.newsImageUrl" class="mt-4 pa-2">
-                <img :src="image" alt="News" width="240" height="180">
+              <span v-for="(image,id) in editedItem.newsImageUrl" :key="id" class="mt-4 pa-2">
+                <img :src="image.imageUrl" alt="News" width="240" height="180">
             </span>
             </v-flex>
             <v-card-text>
@@ -280,9 +239,7 @@
             <td class="text-xs-center">{{ props.index}}</td>
             <td id="td"class="text-xs-center">
             <span v-for = "image in props.item.newsImageUrl" class="pa-2">
-              <!-- <v-avatar size = "70"> -->
-                <img :src="image" alt="newsImage" width="100" height="70">
-              <!-- </v-avatar>  -->
+                <img :src="image.imageUrl" alt="newsImage" width="100" height="70">
             </span>
               </td>
             <td id="td" class="text-xs-center">{{ props.item.title}}</td>
@@ -338,7 +295,7 @@
                 <v-container fluid>
                   <v-layout>
                     <v-flex
-                      xs6 offset-sm3
+                      xs12
                       class="text-xs-center text-sm-center text-md-center text-lg-center my-4 mr-4"
                     >
                       <input
@@ -349,13 +306,12 @@
                         multiple
                         @change="onFilePicked"
                       >
-                      <v-layout>
-                       <v-flex v-for="(file, index) in files" :key="index">
-                        <v-avatar size="140">
-                       <img :src = "file.url" height="200" width="320px;">
-                     </v-avatar>
+                      <v-layout justify-center>
+                       <v-flex v-for="(file, index) in files" :key="index" v-if="files">
+                        <img :src="file" height="160" width="160px;">
                       </v-flex>
                     </v-layout>
+                    <img src="/static/icon/user.png" v-if="files ==''" height="140" width="180px;">
                     </v-flex>
                   </v-layout>
                     <v-flex xs12>
@@ -549,16 +505,16 @@ export default {
           return;
       }
       this.files = [];
-      console.log("files", this.files);
+      // console.log("files", this.files);
       /** Select many image and showing many image add to news card **/
       const test = Array.from(files).forEach((file, idx) => {
         const fr = new FileReader();
         const getResult = new Promise(resolve => {
           fr.onload = e => {
-            this.files.push({
-              id: idx,
-              url: e.target.result
-            });
+            this.files.push(
+              // id: idx,
+             e.target.result
+            );
           };
         });
         fr.readAsDataURL(file);
@@ -570,7 +526,7 @@ export default {
       fr.readAsDataURL(files[0]);
       fr.addEventListener("load", () => {
       this.imageFile = files; // this is an image file that can be sent to server...
-      console.log("uploadImage=======>", this.imageFile );
+      // console.log("uploadImage=======>", this.imageFile );
       });
       } else {
         this.imageName = "";
@@ -628,6 +584,25 @@ export default {
           // 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();
+        })
+        .catch(error => {
+          console.log(error);
+        });
+    },
     activeTab(type) {
       switch (type) {
         case "existing":
@@ -655,15 +630,19 @@ export default {
       console.log("===========>",this.image)
       this.loading = true;
       if (this.$refs.form.validate()) {
-        let newsData = new FormData();        
-        for( var i = 0; i < this.imageFile.length; i++ ){
-          let file = this.imageFile[i];
-          newsData.append("upload", file );
+      //   let newsData = new FormData();        
+      //   for( var i = 0; i < this.imageFile.length; i++ ){
+      //     let file = this.imageFile[i];
+      //     newsData.append("upload", file );
+      //   }
+      //   newsData.append("title",this.addNews.title);
+      //   newsData.append("description",this.addNews.description);
+      //   console.log("newsDataData",newsData);
+        let newsData ={
+          title:this.addNews.title,
+          description:this.addNews.description,
+          upload:this.files
         }
-        newsData.append("title",this.addNews.title);
-        newsData.append("description",this.addNews.description);
-        console.log("newsDataData",newsData);
-
         http()
           .post("/createNews", newsData)
           .then(response => {
@@ -688,13 +667,18 @@ export default {
       this.$refs.form.reset();
     },
     save() {
-        let newsData = new FormData();        
-        for( var i = 0; i < this.imageFile.length; i++ ){
-          let file = this.imageFile[i];
-          newsData.append("upload", file );
-        }
-        newsData.append("title",this.editedItem.title);
-        newsData.append("description",this.editedItem.description);
+        // let imageData = new FormData();        
+        // for( var i = 0; i < this.imageFile.length; i++ ){
+        //   let file = this.imageFile[i];
+        //   imageData.append("upload", file );
+        // }
+        // console.log(imageData)
+       let editNews = {
+         title:this.editedItem.title,
+         description:this.editedItem.description,
+         newsId:this.editedItem._id,
+         upload:this.files
+      }
       http()
         .put("/updateNews", editNews)
         .then(response => {
@@ -703,11 +687,11 @@ export default {
             this.text = "Successfully Edit Existing News";
           }
           this.getNewsList();
+          this.close();
         })
         .catch(error => {
           // console.log(error);
         });
-      this.close();
     },
     handleDrawerToggle() {
       window.getApp.$emit("APP_DRAWER_TOGGLED");
@@ -829,6 +813,23 @@ h4 {
 .list{
   padding: 0 0px !important;
 }
+.profile-image-wrapper {
+  position: relative;
+ }
+ .edit-profile-icon {
+  position: absolute;
+  right: 15px;
+  top: 15px;
+  cursor: pointer;
+ }
+ .profile-image-wrapper > .edit-profile-icon {
+    right: 10%;
+    top: 0%;
+    margin-top: 8px;
+    border-radius: 50%;
+    padding: 7px;
+    font-size: 20px;
+}
 @media screen and (max-width: 769px) {
   .top {
     margin-top: 0 !important;
diff --git a/src/pages/Section/section.vue b/src/pages/Section/section.vue
index 6e824b0..841ecb5 100644
--- a/src/pages/Section/section.vue
+++ b/src/pages/Section/section.vue
@@ -240,12 +240,7 @@
         <v-card flat>
           <v-container fluid fill-height>
             <v-layout align-center>
-              <v-flex xs12>
-                <v-flex offset-xs5>
-                  <v-avatar size="55px">
-                    <img src="/static/icon/user.png">
-                  </v-avatar>
-                </v-flex>
+              <v-flex xs12 class="mt-4">
                 <v-form ref="form" v-model="valid" lazy-validation>
                   <v-layout>
                     <v-flex xs4 class="pt-4 subheading">
diff --git a/src/pages/Students/students.vue b/src/pages/Students/students.vue
index 37820c3..db333e0 100644
--- a/src/pages/Students/students.vue
+++ b/src/pages/Students/students.vue
@@ -72,14 +72,14 @@
           v-model="snackbar"
           color="success"
         >{{ text }}</v-snackbar>
-        <v-dialog v-model="dialog" max-width="1300px">
-          <v-flex xs12 sm12 class="">
-            <v-toolbar color="grey lighten-2">
+        <v-dialog v-model="dialog" max-width="1300px" 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 flat>
+            <v-card-text style="height: 800px;">
               <v-form ref="form">
                 <v-container fluid>
                   <v-layout>
@@ -87,8 +87,16 @@
                       xs12
                       class="text-xs-center text-sm-center text-md-center text-lg-center mr-4"
                     >
-                      <v-avatar size="100px">
-                        <img src="/static/icon/user.png" v-if="!imageUrl">
+                      <v-avatar size="160px">
+                       <img src="/static/icon/user.png" v-if="!editedItem.profilePicUrl">
+                        <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>
                       <input
                         type="file"
@@ -97,12 +105,6 @@
                         accept="image/*"
                         @change="onFilePicked"
                       >
-                      <img
-                        :src="imageData.imageUrl"
-                        height="150"
-                        v-if="imageUrl"
-                        style="border-radius:50%; width:200px"
-                      >
                     </v-flex>
                   </v-layout>
                   <v-layout>
@@ -391,7 +393,6 @@
                         </v-flex>
                       </v-layout>
                     </v-flex>
-
                     <v-flex xs12 sm4>
                       <v-layout>
                         <v-flex xs4 class="pt-4 subheading">
@@ -402,7 +403,7 @@
                             label="Select Image"
                             @click="pickFile"
                             v-model="imageName"
-                            prepend-icon="attach_file"
+                            append-icon="attach_file"
                           ></v-text-field>
                         </v-flex>
                       </v-layout>
@@ -412,7 +413,7 @@
                         <v-flex xs4 class="pt-4 subheading">
                           <label class="right">Present Address:</label>
                         </v-flex>
-                        <v-flex xs8 class="ml-3">
+                        <v-flex xs8 class="ml-2">
                           <v-text-field
                             v-model="editedItem.presentAddress"
                             placeholder="fill Your present Address"
@@ -422,54 +423,57 @@
                       </v-layout>
                     </v-flex>
                   </v-layout>
+                  <v-layout>
+                      <v-flex xs12>
                       <v-layout>
-                        <v-flex xs3 class="pt-4 subheading">
-                          <label>Permanent Address:</label>
+                        <v-flex xs1 class="pt-4 subheading" style="flex-basis: 13.333333% !important; max-width: 13.333333% !important;">
+                          <label class="right">Permanent Address:</label>
                         </v-flex>
-                        <v-flex xs9>
-                          <v-text-field
-                            name="input-4-3"
+                        <v-flex xs11 class="ml-2">
+                          <v-textarea
+                            rows="1"
                             v-model="editedItem.permanentAddress"
                             placeholder="fill Your Permanent Address"
                             required
-                          ></v-text-field>
+                          ></v-textarea>
                         </v-flex>
                       </v-layout>
+                    </v-flex>
+                  </v-layout>
                   <v-layout>
                     <v-flex xs12 sm12>
                      <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-card-actions>
+                     </v-card-actions>
                     </v-flex>
-                  </v-layout>
-                </v-container>
-              </v-form>
+                   </v-layout>
+                 </v-container>
+               </v-form>
+             </v-card-text>
             </v-card>
-          </v-flex>
         </v-dialog>
 
         <!-- ****** PROFILE VIEW STUDENTS DEATILS ******  -->
-        <v-dialog v-model="dialog1" max-width="600px">
-          <v-toolbar color="grey lighten-2">
-            <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-dialog v-model="dialog1" max-width="600px" scrollable>
           <v-card>
-            <v-flex align-center justify-center layout text-xs-center>
-              <v-avatar size="50px" style="position:absolute; top:20px;">
-                <img src="/static/icon/user.png">
+             <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 style="height: 760px;">
+              <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-card-text>
               <v-container grid-list-md>
                 <v-layout wrap>
-                  <v-flex>
-                    <br>
-                    <br>
+                  <v-flex>  
                     <v-layout>
                       <v-flex xs5 sm6>
                         <h5 class="right my-1">Full Name:</h5>
@@ -622,12 +626,12 @@
                           <v-select
                             :items="addclass"
                             label="Select Class"
-                            v-model="addStudents.select"
+                            v-model="selectStudents.select"
                             item-text="classNum"
                             item-value="_id"
                             name="Select Class"
                             :rules="classRules"
-                            @change="getSections(addStudents.select)"
+                            @change="getSections(selectStudents.select)"
                             class="px-4"
                             required
                           ></v-select>
@@ -635,7 +639,7 @@
                           <v-select
                             :items="addSection"
                             label="Select Section"
-                            v-model="addStudents.selectSection"
+                            v-model="selectStudents.selectSection"
                             item-text="name"
                             item-value="_id"
                             name="Select Section"
@@ -656,6 +660,10 @@
         >
           <template slot="items" slot-scope="props">
             <td id="td" class="text-xs-center">{{ props.index}}</td>
+            <td id="td" class="text-xs-center">
+            <v-avatar><img :src="props.item.profilePicUrl" v-if="props.item.profilePicUrl">
+             <img  src="/static/icon/user.png" v-else-if="!props.item.profilePicUrl">
+            </v-avatar></td>
             <td id="td" class="text-xs-center">{{ props.item.name}}</td>
             <td id="td" class="text-xs-center">{{ props.item.email }}</td>
             <td id="td" class="text-xs-center">{{ dates(props.item.dob) }}</td>
@@ -751,7 +759,7 @@
                             item-value="_id"
                             name="Select Class"
                             :rules="classRules"
-                            @change="getSections(addStudents.select)"
+                            @change="getSection(addStudents.select)"
                             required
                           ></v-select>
                         </v-flex>
@@ -1390,6 +1398,7 @@ export default {
         sortable: false,
         value: "No"
       },
+      { text: "Profile Pic", value: "profilePicUrl", sortable: false, align: "center" },
       { text: "Name", value: "name", sortable: false, align: "center" },
       { text: "Email", value: "email", sortable: false, align: "center" },
       { text: "Dob", value: "dob", sortable: false, align: "center" },
@@ -1423,6 +1432,10 @@ export default {
       selectSection: "",
       establishmentYear: new Date().getFullYear()
     },
+      selectStudents: {
+      elect: "",
+      selectSection: "",
+      },
     editedItem: {
       role: "STUDENT",
       name: "",
@@ -1481,7 +1494,7 @@ export default {
      http()
         .get(
           "/getStudentWithClass",
-          { params: { classId: this.addStudents.select,sectionId: this.addStudents.selectSection,} }
+          { params: { classId: this.selectStudents.select,sectionId: this.selectStudents.selectSection,} }
         )
         .then(response => {
           this.desserts = response.data.data;
@@ -1512,6 +1525,25 @@ export default {
           // this.$router.replace({ path: '/' });
         });
     },
+    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();
     },
@@ -1627,9 +1659,6 @@ export default {
     // },
     submit() {
       if (this.$refs.form.validate()) {
-        let imageData = new FormData();
-        imageData.append("upload", this.imageFile);
-        console.log(imageData);
         let addStudent = {
           name: this.addStudents.name,
           email: this.addStudents.email,
@@ -1650,8 +1679,7 @@ export default {
           establishmentYear: this.addStudents.establishmentYear,
           classId: this.addStudents.select,
           sectionId: this.addStudents.selectSection,
-          imageData
-          // upload:this.imageFile
+          upload:this.imageUrl
         };
         this.loading = true;
         http()
@@ -1680,9 +1708,6 @@ export default {
       this.$refs.form.reset();
     },
     save() {
-       let imageData = new FormData();
-        imageData.append("upload", this.imageFile);
-        console.log(imageData);
       let editStudent = {
           studentId:this.editedItem._id,
           name: this.editedItem.name,
@@ -1704,7 +1729,7 @@ export default {
           establishmentYear: this.editedItem.establishmentYear,
           classId: this.editedItem.select,
           sectionId: this.editedItem.selectSection,
-          imageData
+          upload:this.imageUrl
       };
       http()
         .put("/updateStudent", editStudent)
diff --git a/src/pages/Teachers/teachers.vue b/src/pages/Teachers/teachers.vue
index d125014..c2f5a48 100644
--- a/src/pages/Teachers/teachers.vue
+++ b/src/pages/Teachers/teachers.vue
@@ -70,14 +70,14 @@
           v-model="snackbar"
           color="success"
         >{{ text }}</v-snackbar>
-        <v-dialog v-model="dialog" max-width="1100px">
-          <v-flex xs12 sm12 class="my-4">
-            <v-toolbar color="grey lighten-2">
+        <v-dialog v-model="dialog" max-width="1100px" scrollable>
+            <v-card flat>
+              <v-toolbar color="grey lighten-2" flat>
               <v-spacer></v-spacer>
               <v-toolbar-title>Edit Teacher Profile</v-toolbar-title>
               <v-spacer></v-spacer>
-            </v-toolbar>
-            <v-card flat>
+              </v-toolbar>
+              <v-card-text style="height: 800px;">
               <v-form ref="form">
                 <v-container fluid>
                   <v-layout>
@@ -85,8 +85,16 @@
                       xs12
                       class="text-xs-center text-sm-center text-md-center text-lg-center my-4 mr-4"
                     >
-                      <v-avatar size="100px">
-                        <img src="/static/icon/user.png" v-if="!imageUrl">
+                      <v-avatar size="160px">
+                        <img src="/static/icon/user.png" v-if="!editedItem.profilePicUrl">
+                        <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>
                       <input
                         type="file"
@@ -95,12 +103,6 @@
                         accept="image/*"
                         @change="onFilePicked"
                       >
-                      <img
-                        v-if="imageUrl"
-                        :src="imageUrl"
-                        height="150"
-                        style="border-radius:50%; width:200px"
-                      >
                     </v-flex>
                   </v-layout>
                   <v-layout>
@@ -348,31 +350,30 @@
                   </v-layout>
                 </v-container>
               </v-form>
+             </v-card-text>
             </v-card>
-          </v-flex>
         </v-dialog>
 
 <!-- ****** PROFILE VIEW TEACHERS DETAILS ******  -->
 
-        <v-dialog v-model="dialog1" max-width="600px">
-          <v-toolbar color="grey lighten-2">
+        <v-dialog v-model="dialog1" max-width="600px" scrollable>
+          <v-card>
+            <v-toolbar color="grey lighten-2" flat>
             <v-spacer></v-spacer>
             <v-toolbar-title><h3>Teacher Profile</h3></v-toolbar-title>
             <v-spacer></v-spacer>
             <v-icon @click="close1">close</v-icon>
           </v-toolbar>
-          <v-card>
-            <v-flex align-center justify-center layout text-xs-center>
-              <v-avatar size="50px" style="position:absolute; top:20px;">
-                <img src="/static/icon/user.png">
-              </v-avatar>
-            </v-flex>
-            <v-card-text>
+            <v-card-text style="height: 700px;">
               <v-container grid-list-md>
                 <v-layout wrap>
                   <v-flex>
-                    <br>
-                    <br>
+                  <v-flex align-center justify-center layout text-xs-center>
+                   <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-layout>
                       <v-flex xs5 sm6>
                         <h5 class="right my-1">Full Name:</h5>
@@ -485,6 +486,10 @@
         >
           <template slot="items" slot-scope="props">
             <td id="td" class="text-xs-center">{{ props.index}}</td>
+            <td id="td" class="text-xs-center">
+            <v-avatar><img :src="props.item.profilePicUrl" v-if="props.item.profilePicUrl">
+             <img  src="/static/icon/user.png" v-else-if="!props.item.profilePicUrl">
+            </v-avatar></td>
             <td id="td" class="text-xs-center">{{ props.item.name}}</td>
             <td id="td" class="text-xs-center">{{ props.item.email }}</td>
             <td id="td" class="text-xs-center">{{ dates(props.item.dob) }}</td>
@@ -545,13 +550,6 @@
                       <v-avatar size="100px">
                         <img src="/static/icon/user.png" v-if="!imageUrl">
                       </v-avatar>
-                      <!-- <input
-                        type="file"
-                        style="display: none"
-                        ref="image"
-                        accept="image/*"
-                        @change="onFilePicked"
-                      > -->
                       <img
                         :src="imageUrl"
                         height="150"
@@ -1104,6 +1102,7 @@ export default {
         sortable: false,
         value: "No"
       },
+      { text: "Profile Pic", value: "profilePicUrl", sortable: false, align: "center" },
       { text: "Name", value: "name", sortable: false, align: "center" },
       { text: "Email", value: "email", sortable: false, align: "center" },
       { text: "DOB", value: "dob", sortable: false, align: "center" },
@@ -1200,7 +1199,7 @@ export default {
           this.imageFile = files[0]; // this is an image file that can be sent to server...
           // this.imageData.imageUrl = URL.createObjectURL(this.imageFile);
           // console.log("upload=======>", this.imageData.imageUrl);
-          console.log("imageFile", this.imageFile);
+          console.log("imageFile", this.imageUrl );
         });
       } else {
         this.imageName = "";
@@ -1293,9 +1292,9 @@ export default {
     // },
     submit() {
       if (this.$refs.form.validate()) {
-        let images = new FormData();
-        images.append("upload", this.imageFile);
-        console.log(images);
+        // let images = new FormData();
+        // images.append("upload",this.imageUrl);
+        // console.log(images);
         // var form_data = new FormData();
         //  for (var key in addTeacher) {
         //     if (key === 'upload') {
@@ -1304,7 +1303,7 @@ export default {
         //      form_data.append(key, addTeacher[key])
         //    }
         //  }
-        console.log("images",images)
+        // console.log("images",images)
         let addTeacher = {
           name: this.addTeachers.name,
           email: this.addTeachers.email,
@@ -1318,7 +1317,7 @@ export default {
           mobileNo: this.addTeachers.mobileNo,
           state: this.addTeachers.state,
           joinDate: this.addTeachers.joinDate,
-          images
+          upload:this.imageUrl
           // upload:this.imageFile
         };
         // console.log("addTeacher============>", addTeacher);
@@ -1364,7 +1363,7 @@ export default {
         mobileNo: this.editedItem.mobileNo,
         state: this.editedItem.state,
         joinDate: this.editedItem.joinDate,
-        // imageData,
+        upload:this.imageUrl
       };
       http()
         .put("/updateTeacher", editTeacher)