diff --git a/src/Services/http.js b/src/Services/http.js
index d2afc11..a862f5d 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',
         headers: {
             Authorization: `Bearer ${store.state.token}`
           }
diff --git a/src/pages/Section/section.vue b/src/pages/Section/section.vue
new file mode 100644
index 0000000..f070639
--- /dev/null
+++ b/src/pages/Section/section.vue
@@ -0,0 +1,707 @@
+<template>
+<v-app id="pages-dasboard">
+ <v-toolbar
+    class="fixcolors" 
+    fixed
+    app
+  >
+  <v-toolbar-title class="ml-0 pl-3">
+   <v-toolbar-side-icon @click.stop="handleDrawerToggle" class="hide"></v-toolbar-side-icon>
+    </v-toolbar-title>
+<!-- ****** SEARCH ALL EXISTING SECTION ****** -->
+    <v-flex xs7 sm3 class="userSearch">
+      <v-text-field
+        flat
+        append-icon="search"
+        label="Find your Teachers"
+        v-model="search"
+        color="white"
+        dark
+      >
+      </v-text-field>
+    </v-flex>
+      <v-spacer></v-spacer>
+      <v-menu offset-y origin="center center" :nudge-bottom="10" transition="scale-transition">
+     <v-btn icon large flat slot="activator">
+          <v-avatar size="40px">
+           <img src="/static/icon/user.png"/>
+          </v-avatar>
+      </v-btn>
+        <v-list class="pa-0">
+          <v-list-tile v-for="(item,index) in items" :to="!item.href ? { name: item.name } : null" :href="item.href" @click="item.click" ripple="ripple" :disabled="item.disabled" :target="item.target" rel="noopener" :key="index">
+             <v-list-tile-action v-if="item.icon">
+              <v-icon>{{ item.icon }}</v-icon>
+            </v-list-tile-action>
+            <v-list-tile-content>
+              <v-list-tile-title>{{ item.title }}</v-list-tile-title>
+            </v-list-tile-content>
+          </v-list-tile>
+        </v-list> 
+      </v-menu>
+  </v-toolbar>
+  <v-tabs grow slider-color="black">
+    <v-tab
+      ripple
+      @click="activeTab('existing')"
+      v-bind:class="{ active: isActive }"
+      id="tab"
+      class="subheading"
+    >Existing Section</v-tab>
+    <v-tab
+      ripple
+      @click="activeTab('new')"
+      v-bind:class="{ active: newActive }"
+      id="tab1"User
+      class="subheading"
+    >Add New Section</v-tab>
+
+<!-- ****** EDIT  SECTION  ****** -->
+    <v-tab-item>
+      <v-snackbar
+        :timeout="timeout"
+        :top="y === 'top'"
+        :right="x === 'right'"
+        :vertical="mode === 'vertical'"
+        v-model="snackbar"
+        color="success"
+      >{{ text }}</v-snackbar>
+      <v-dialog v-model="dialog" max-width="500px">
+        <v-toolbar color="white">
+          <v-spacer></v-spacer>
+          <v-toolbar-title>Edit Section</v-toolbar-title>
+          <v-spacer></v-spacer>
+        </v-toolbar>
+        <v-card>
+          <v-card-text>
+            <v-container>
+              <v-layout wrap justify-center>
+                <v-flex xs12 sm9>
+                  <v-form ref="forms" v-model="validEdit" lazy-validation>
+                    <v-layout style="position:relative;">
+                      <v-flex xs4 class="pt-4 subheading">
+                        <label>Class Name:</label>
+                      </v-flex>
+                      <v-flex xs8>
+                           <v-autocomplete
+                         :items="addclass"
+                         :label="editedItem.classData.classNum"
+                         v-model="select"
+                         item-text="classNum"
+                         :rules="classRules"
+                         item-value="_id"
+                         name="Select Class"
+                       ></v-autocomplete>
+                      </v-flex>                    
+                    </v-layout>
+                    <v-layout style="position:relative;">
+                      <v-flex xs4 class="pt-4 subheading">
+                        <label>Section Name:</label>
+                      </v-flex>
+                      <v-flex xs8>
+                        <v-text-field
+                          v-model="editedItem.name"
+                          placeholder="fill your Section Name"
+                          type="text"
+                          required
+                        ></v-text-field>
+                      </v-flex>
+                      
+                    </v-layout>
+                    <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-form>
+                </v-flex>
+              </v-layout>
+            </v-container>
+          </v-card-text>
+        </v-card>
+      </v-dialog>
+
+<!-- ****** PROFILE VIEW SECTION DATA ******  -->
+
+      <v-dialog v-model="dialog1" max-width="600px">
+        <v-toolbar color="white">
+          <v-spacer></v-spacer>
+          <v-toolbar-title>Section</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-container grid-list-md>
+              <v-layout wrap>
+                <v-flex><br><br>
+                   <v-layout>
+                     <v-flex xs5 sm6>
+                     <h5 class="right my-1">Class Name:</h5>
+                    </v-flex>
+                    <v-flex sm6 xs8>
+                    <h5 class="my-1">{{ editedItem.classData.classNum }}</h5>
+                  </v-flex>
+                 </v-layout>
+                 <v-layout>
+                     <v-flex xs5 sm6>
+                     <h5 class="right my-1">Section Name:</h5>
+                    </v-flex>
+                    <v-flex sm6 xs8>
+                    <h5 class="my-1">{{ editedItem.name }}</h5>
+                  </v-flex>
+                 </v-layout>
+                </v-flex>
+              </v-layout>
+            </v-container>
+          </v-card-text>
+        </v-card>
+      </v-dialog>
+
+      <v-snackbar
+        :timeout="timeout"
+        :top="y === 'top'"
+        :right="x === 'right'"
+        :vertical="mode === 'vertical'"
+        v-model="snackbar"
+        color="success"
+      >{{ text }}</v-snackbar>
+
+<!-- ****** EXISTING-USERS StudentS Table ****** -->
+
+      <v-data-table 
+      :headers="headers" 
+      :items="desserts" 
+      :pagination.sync="pagination"
+      :search="search"
+      >    
+        <template slot="items" slot-scope="props">
+          <td id="td" class="text-xs-center">{{ props.index}}</td>
+          <td id="td" class="text-xs-center">{{ props.item.classData.classNum}}</td>
+          <td id="td" class="text-xs-center">{{ props.item.name}}</td>
+          <td class="text-xs-center">
+            <span>
+              <img
+                style="cursor:pointer; width:25px; height:18px; "
+                class="mr-5"
+                @click="profile(props.item)"
+                src="/static/icon/eye1.png"
+              >
+              <img
+                style="cursor:pointer; width:20px; height:18px; "
+                class="mr-5"
+                @click="editItem(props.item)"
+                src="/static/icon/edit1.png"
+              >
+              <img
+                style="cursor:pointer; height:20px; "
+                class="mr-5"
+                @click="deleteItem(props.item)"
+                src="/static/icon/delete1.png"
+              >
+            </span>
+          </td>
+        </template>
+        <v-alert
+          slot="no-results"
+          :value="true"
+          color="error"
+          icon="warning"
+        >Your search for "{{ search }}" found no results.</v-alert>
+      </v-data-table>
+    </v-tab-item>
+
+<!-- ****** ADD multiple Students ****** -->
+
+    <v-tab-item>
+      <v-container>
+       <v-snackbar
+         :timeout="timeout"
+         :top="y === 'top'"
+         :right="x === 'right'"
+         :vertical="mode === 'vertical'"
+         v-model="snackbar"
+         color="success"
+        >{{ text }}</v-snackbar>
+      <v-flex xs12 sm8 offset-sm2 class="top">
+        <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-form ref="form" v-model="valid" lazy-validation>
+                  <v-layout>
+                    <v-flex xs4 class="pt-4 subheading">
+                      <label class="right">Section Name:</label>
+                    </v-flex>
+                    <v-flex xs6 class="ml-3">
+                      <v-text-field
+                        v-model="editedItem.name"
+                        placeholder="fill your Section Name"
+                        name="name"
+                        type="text"
+                        :rules="nameRules"
+                        required
+                      ></v-text-field>
+                    </v-flex>
+                  </v-layout>
+                  <v-layout>
+                    <v-flex xs4 class="pt-4 subheading">
+                      <label class="right">Select Class:</label>
+                    </v-flex>
+                    <v-flex xs6 class="ml-3">
+                    <v-autocomplete
+                      :items="addclass"
+                      label="Select Class"
+                      v-model="select"
+                      item-text="classNum"
+                      item-value="_id"
+                      name="Select Class"
+                      :rules="classRules"
+                      required
+                    ></v-autocomplete>
+                    </v-flex>
+                  </v-layout>
+                  <v-layout>
+                    <v-flex xs4 class="pt-4 subheading">
+                      <label class="right">Session:</label>
+                    </v-flex>
+                    <v-flex xs6 class="ml-3">
+                      <v-text-field
+                        v-model="editedItem.session"
+                        placeholder="fill your Session"
+                        name="name"
+                        type="text"
+                        :rules="sessionRules"
+                        required
+                      ></v-text-field>
+                    </v-flex>
+                  </v-layout>
+                    <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-card-actions>
+                   </v-flex>
+                  </v-layout>
+                </v-form>
+              </v-flex>
+            </v-layout>
+          </v-container>
+        </v-card>
+      </v-flex>
+     </v-container>
+   </v-tab-item>
+  </v-tabs>
+   <div class="loader" v-if="showLoader">
+      <v-progress-circular indeterminate color="white"></v-progress-circular>
+  </div>
+</v-app>
+</template>
+
+<script>
+import http from "@/Services/http.js";
+import Util from "@/util";
+
+export default {
+  data: () => ({
+    snackbar: false,
+    y: "top",
+    x: "right",
+    mode: "",
+    timeout: 3000,
+    text: "",
+    showLoader:false,
+    loading: false,
+    date:null,
+    search: '',
+    menu: false,
+    menu1:false,
+    dialog: false,
+    dialog1: false,
+    valid: true,
+    validEdit:true,
+    isActive: true,
+    newActive: false,
+    details: [],
+    AddUsercredentials: {},
+    pagination: {
+      rowsPerPage: 15
+    },
+    nameRules: [v => !!v || " Section Name is required"],
+    classRules:  [v => !!v || " Class Name is required"],
+    sessionRules:  [v => !!v || " Session is required"],
+    headers: [
+      {
+        text: "No",
+        align: "center",
+        sortable: false,
+        value: "No"
+      },
+      { text: "Class Name", value: "name", sortable: false, align: "center" },
+      { text: "Section Name", value: "sectionName", sortable: false, align: "center" },
+      { text: "Action", value: "", sortable: false, align: "center" }
+    ],
+    desserts: [],
+    addclass:[],
+    // addIncharge:[],
+    // selectIncharge:'',
+    select:'',
+    selectId:'',
+    editedIndex: -1,
+    editedItem: {
+      classData:{
+      classNum:"",
+      },
+      name:'',
+      session:new Date().getFullYear()
+      
+    },
+    items: [
+      {
+        href: "/changepassword",
+        title: "Change Password",
+        click: e => {
+          console.log(e);
+        }
+      },
+      {
+        href: "#",
+        title: "Logout",
+        click: e => {
+          window.getApp.$emit("APP_LOGOUT");
+        }
+      }
+    ]
+  }),
+   watch: {
+    menu (val) {
+      val && this.$nextTick(() => (this.$refs.picker.activePicker = 'YEAR'))
+    },
+    menu1 (val) {
+      val && this.$nextTick(() => (this.$refs.picker.activePicker = 'YEAR'))
+    }
+   },
+   methods: {
+    getSectionList() {
+      this.showLoader = true;
+      var token = this.$store.state.token;
+      http() 
+        .get("/getAllSections", { 
+          headers: { Authorization: "Bearer " + token } 
+         })
+        .then(response => {
+          this.desserts = response.data.data;
+          this.showLoader = false;
+          // console.log("getAllSections=====>",response.data.data)
+
+        })
+        .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);
+      console.log(this.editedItem)
+      this.dialog = true;
+    },
+    profile(item) {
+      this.editedIndex = this.desserts.indexOf(item);
+      this.editedItem = Object.assign({}, item);
+      this.dialog1 = true;
+    },
+    deleteItem(item) {
+      let deleteStudent = {
+        sectionId: item._id
+      };
+      http()
+        .delete("/deleteSection", 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 User";
+        }
+          this.getSectionList();
+        })
+        .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;
+    },
+    close2() {
+      this.dialog2 = false;
+    },
+    submit() {
+      if (this.$refs.forms.validate()) {
+         let addSection = {
+          name: this.editedItem.name,
+          classId: this.select,
+          session:this.editedItem.session
+        };
+        console.log(addSection)
+        http()
+          .post("/createSection", addSection)
+          .then(response => {
+            console.log(addSection)
+            // this.getStudentList();
+            if (this.snackbar = true) {
+              this.text = "New user added successfully";
+            }
+            
+          this.clear();
+          })
+          .catch(error => {
+            // console.log(error);
+            if (this.snackbar = true) {
+            this.text = error.response.data.message;
+          }
+          });
+      }
+    },
+    mail() {
+    },
+    download() {
+    },
+    clear() {
+      this.$refs.form.reset();
+    },
+    save() {
+      // if (this.$refs.form.validate()) {
+      let editStudent = {
+       name: this.editedItem.name,
+       classId: this.select,   
+       sectionId: this.editedItem._id
+      };
+      http()
+        .put("/updateSection", editStudent)
+        .then(response => {
+          // console.log("editStudent",editStudent);
+          if ((this.snackbar = true)) {
+            this.text = "Successfully Edit Existing User";
+          }
+            this.getSectionList();
+            // this.showLoader = false;
+        })
+        .catch(error => {
+            this.text = error.response.data.message;
+           // console.log(error);
+        });
+      this.close();
+    //  }
+    },
+    handleDrawerToggle() {
+      window.getApp.$emit("APP_DRAWER_TOGGLED");
+    },
+    handleFullScreen() {
+      Util.toggleFullScreen();
+    }
+  },
+  mounted() {
+    this.getSectionList();
+    
+    var token = this.$store.state.token;
+      http() 
+        .get("/getClassesList", { 
+          headers: { Authorization: "Bearer " + token } 
+         })
+        .then(response => {
+          this.addclass = response.data.data;
+          console.log("getClassesList=====>",this.addclass)
+
+        })
+        .catch(err => {
+          // console.log("err====>", err);
+          this.$router.replace({ path: '/' });
+        });
+  },
+
+  computed:{
+    toolbarColor() {
+      return this.$vuetify.options.extra.mainNav;
+    }
+  }
+};
+</script>
+<style scoped>
+.v-tabs__div {
+    text-transform: none;
+}
+.v-input__prepend-outer {
+    margin-right: 0px !important;
+}
+.v-card__actions .v-btn {
+  margin: 0 15px;
+  min-width: 120px;
+}
+ .primary {
+    background-color: #aaa !important;
+    border-color: #aaa !important;
+}
+h4 {
+  background-repeat: no-repeat;
+  padding: 8px;
+  margin: auto;
+  font-size: 25px;
+}
+#name {
+  position: absolute;
+  left: 100px;
+  top: 17px;
+}
+#icon {
+  position: absolute;
+  right: 8px;
+  top: 8px;
+}
+#m {
+  position: relative;
+  left: 135px;
+  top: -15px;
+}
+#G {
+  position: absolute;
+  top: 38px;
+  color: white;
+}
+#bt {
+  position: relative;
+  top: -20px;
+  left: 115px;
+}
+#e {
+  position: relative;
+  top: 5px;
+  right: -30px;
+  height: 17px;
+  cursor: pointer;
+}
+#d {
+  position: relative;
+  top: 5px;
+  right: -70px;
+  height: 17px;
+  cursor: pointer;
+}
+#td {
+  border: 1px solid #dddddd;
+  text-align: left;
+  padding: 8px;
+}
+#dialog {
+  height: 550px;
+}
+.active {
+  background-color: black;
+  color: white !important;
+}
+.activebtn {
+  color: black !important;
+}
+#flex {
+  height: 300px;
+}
+.top{
+  margin-top:100px;
+}
+.v-tabs__item a{
+  font-size:16px !important; 
+}
+@media screen and (max-width: 769px){
+  .top{
+    margin-top:0 !important;
+  } 
+  .userSearch .v-icon {
+    font-size: 20px !important;
+    margin-left: 20px ;
+  }
+}
+@media screen and (max-width: 380px) {
+.right {
+    float: none !important;
+}
+.subheading {
+    font-size: 14px !important;
+}
+.v-card__actions .v-btn{
+    margin: 0 0px;
+    min-width: 100px;
+}
+/* .searchIcon .v-icon {
+    font-size: 20px;
+    margin-left: 20px;
+} */
+.subheading {
+    font-size: 12px !important;
+}  
+h5 {
+    font-size: 13px;
+}
+}
+.v-icon{
+  font-size:30px;
+}
+@media screen and (min-width: 1270px){
+.hide{
+  display: none;
+}
+/* }
+@media screen and (max-width: 962px) {
+.imglogo{
+    position: absolute;
+    top: 13px;
+    left: 13px !important;
+    width: 70px;
+    height: 24px;
+} */
+}
+@media screen and (max-width: 420px){
+.userSearch .v-text-field .v-label{
+  line-height: 24px !important;
+}
+.userSearch .v-label{
+  font-size: 13px !important;
+}
+.v-list__tile {
+  font-size:14px;
+  padding: 0 10px;
+}
+.name{
+  font-size:15px; 
+}
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/Teachers/teachers.vue b/src/pages/Teachers/teachers.vue
index 075a041..7fc5701 100644
--- a/src/pages/Teachers/teachers.vue
+++ b/src/pages/Teachers/teachers.vue
@@ -767,13 +767,13 @@
                             v-model="imageName"
                             prepend-icon="attach_file"
                           ></v-text-field>
-                        <input
-                        type="file"
-                        style="display: none"
-                        ref="image"
-                        accept="image/*"
-                        @change="onFilePicked"
-                      >
+                           <input
+                           type="file"
+                           style="display: none"
+                           ref="image"
+                           accept="image/*"
+                           @change="onFilePicked"
+                         >
                         </v-flex>
                       </v-layout>
                     </v-flex>
diff --git a/src/pages/TimeTable/timeTable.vue b/src/pages/TimeTable/timeTable.vue
new file mode 100644
index 0000000..bde2ba9
--- /dev/null
+++ b/src/pages/TimeTable/timeTable.vue
@@ -0,0 +1,1240 @@
+<template>
+  <v-app id="pages-dasboard">
+    <v-toolbar class="fixcolors" fixed app>
+      <v-toolbar-title class="ml-0 pl-3">
+        <v-toolbar-side-icon @click.stop="handleDrawerToggle" class="hide"></v-toolbar-side-icon>
+      </v-toolbar-title>
+      <!-- ****** SEARCH ALL EXISTING TIME-TABLE ****** -->
+      <v-flex xs7 sm3 class="userSearch">
+        <v-text-field
+          flat
+          append-icon="search"
+          label="Find your Teachers"
+          v-model="search"
+          color="white"
+          dark
+        ></v-text-field>
+      </v-flex>
+      <v-spacer></v-spacer>
+      <v-menu offset-y origin="center center" :nudge-bottom="10" transition="scale-transition">
+        <v-btn icon large flat slot="activator">
+          <v-avatar size="40px">
+            <img src="/static/icon/user.png">
+          </v-avatar>
+        </v-btn>
+        <v-list class="pa-0">
+          <v-list-tile
+            v-for="(item,index) in items"
+            :to="!item.href ? { name: item.name } : null"
+            :href="item.href"
+            @click="item.click"
+            ripple="ripple"
+            :disabled="item.disabled"
+            :target="item.target"
+            rel="noopener"
+            :key="index"
+          >
+            <v-list-tile-action v-if="item.icon">
+              <v-icon>{{ item.icon }}</v-icon>
+            </v-list-tile-action>
+            <v-list-tile-content>
+              <v-list-tile-title>{{ item.title }}</v-list-tile-title>
+            </v-list-tile-content>
+          </v-list-tile>
+        </v-list>
+      </v-menu>
+    </v-toolbar>
+    <v-tabs grow slider-color="black">
+      <v-tab
+        ripple
+        @click="activeTab('existing')"
+        v-bind:class="{ active: isActive }"
+        id="tab"
+        class="subheading"
+      >Existing Time Table</v-tab>
+      <v-tab
+        ripple
+        @click="activeTab('new')"
+        v-bind:class="{ active: newActive }"
+        id="tab1"
+        User
+        class="subheading"
+      >Add New Time Table</v-tab>
+
+      <!-- ****** EDITS TIME-TABLE****** -->
+
+      <v-tab-item>
+        <v-snackbar
+          :timeout="timeout"
+          :top="y === 'top'"
+          :right="x === 'right'"
+          :vertical="mode === 'vertical'"
+          v-model="snackbar"
+          color="success"
+        >{{ text }}</v-snackbar>
+        <v-dialog v-model="dialog" max-width="1000px">
+          <v-flex xs12 sm12 class>
+            <v-toolbar color="white">
+              <v-spacer></v-spacer>
+              <v-toolbar-title>Edit Time Table</v-toolbar-title>
+              <v-spacer></v-spacer>
+            </v-toolbar>
+            <v-card flat>
+              <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="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="imageData.imageUrl"
+                        height="150"
+                        v-if="imageUrl"
+                        style="border-radius:50%; width:200px"
+                      >
+                    </v-flex>
+                  </v-layout>
+                  <v-flex xs12 sm12>
+                    <v-layout>
+                      <v-flex xs4 class="pt-4 subheading">
+                        <label class="right">class No:</label>
+                      </v-flex>
+                      <v-flex xs12 sm5 class="ml-3">
+                       <v-select
+                          :items="addclass"
+                          label="Select Class"
+                          v-model="editedItem.classNum"
+                          item-text="classNum"
+                          item-value= "_id"
+                          @change="getSections(editedItem.classNum)"
+                        ></v-select>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-flex xs12 sm12>
+                    <v-layout>
+                      <v-flex xs4 class="pt-4 subheading">
+                        <label class="right">Section Name:</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"                         
+                        ></v-select>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <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-card-actions>
+                    </v-flex>
+                  </v-layout>
+                </v-container>
+              </v-form>
+            </v-card>
+          </v-flex>
+        </v-dialog>
+
+        <!-- ****** ADD LECTURES TIME-TABLE ******  -->
+
+        <v-dialog v-model="dialogAddLecture" max-width="1000px">
+          <v-flex xs12 sm12 class>
+            <v-toolbar color="white">
+              <v-spacer></v-spacer>
+              <v-toolbar-title>Add Lecture</v-toolbar-title>
+              <v-spacer></v-spacer>
+            </v-toolbar>
+            <v-card flat>
+              <v-form ref="form" v-model="valid" lazy-validation>
+                <v-container fluid>
+                  <v-flex xs12 sm12>
+                    <v-layout>
+                      <v-flex xs4 class="pt-4 subheading">
+                        <label class="right">Subject Name:</label>
+                      </v-flex>
+                      <v-flex xs5 class="ml-3">
+                        <v-text-field
+                          v-model="addlectures.subjectName"
+                          :rules="subjectNameRules"
+                          placeholder="fill your Subject Name"
+                          type="text"
+                        ></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">Time In:</label>
+                      </v-flex>
+                      <v-flex xs5 class="ml-3">
+                        <v-text-field
+                          v-model="addlectures.timeIn"
+                          :rules="timeInRules"
+                          placeholder="fill your Time In"
+                          type="text"
+                        ></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">Time Out:</label>
+                      </v-flex>
+                      <v-flex xs5 class="ml-3">
+                        <v-text-field
+                          v-model="addlectures.timeOut"
+                          :rules="timeOutRules"
+                          placeholder="fill your Time Out"
+                          type="text"
+                        ></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">Select Teacher:</label>
+                      </v-flex>
+                      <v-flex xs5 class="ml-3">
+                        <v-select
+                          :items="addTeachers"
+                          label="Select Teacher"
+                          v-model="addlectures.teacherId"
+                          :rules="subjectNameRules"
+                          item-text="name"
+                          item-value="_id"
+                          required
+                        ></v-select>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-layout>
+                    <v-flex xs12 sm8 offset-sm2>
+                      <v-card-actions>
+                        <v-btn round dark @click.native="closedialogLecture">Cancel</v-btn>
+                        <v-spacer></v-spacer>
+                        <!-- <v-btn round dark @click="updateParticularTable">Save</v-btn> -->
+                        <v-btn round dark @click="AddLecture">Save</v-btn>
+
+                      </v-card-actions>
+                    </v-flex>
+                  </v-layout>
+                </v-container>
+              </v-form>
+            </v-card>
+          </v-flex>
+        </v-dialog>
+
+        <!-- ****** EDIT LECTURES TIME-TABLE ******  -->
+
+        <v-dialog v-model="dialogUpdateLectures" max-width="1000px">
+          <v-flex xs12 sm12 class>
+            <v-toolbar color="white">
+              <v-spacer></v-spacer>
+              <v-toolbar-title>Edit Lecture</v-toolbar-title>
+              <v-spacer></v-spacer>
+            </v-toolbar>
+            <v-card flat>
+              <v-form ref="form">
+                <v-container fluid>
+                  <v-flex xs12 sm12>
+                    <v-layout>
+                      <v-flex xs4 class="pt-4 subheading">
+                        <label class="right">Subject Name:</label>
+                      </v-flex>
+                      <v-flex xs5 class="ml-3">
+                        <v-text-field
+                          v-model="updateLectures.subjectName"
+                          placeholder="fill your Subject Name"
+                          type="text"
+                        ></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">Time In:</label>
+                      </v-flex>
+                      <v-flex xs5 class="ml-3">
+                        <v-text-field
+                          v-model="updateLectures.timeIn"
+                          placeholder="fill your Time In"
+                          type="text"
+                        ></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">Time Out:</label>
+                      </v-flex>
+                      <v-flex xs5 class="ml-3">
+                        <v-text-field
+                          v-model="updateLectures.timeOut"
+                          placeholder="fill your Time Out"
+                          type="text"
+                        ></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">Select Teacher:</label>
+                      </v-flex>
+                      <v-flex xs5 class="ml-3">
+                        <v-select
+                          :items="addTeachers"
+                          label="Select Teacher"
+                          v-model="updateLectures.teacherId"
+                          item-text="name"
+                          item-value="_id"
+                          required
+                        ></v-select>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-layout>
+                    <v-flex xs12 sm8 offset-sm2>
+                      <v-card-actions>
+                        <v-btn round dark @click.native="closeUpdateLectures">Cancel</v-btn>
+                        <v-spacer></v-spacer>
+                        <v-btn round dark @click="updateParticularTable">Save</v-btn>
+
+                      </v-card-actions>
+                    </v-flex>
+                  </v-layout>
+                </v-container>
+              </v-form>
+            </v-card>
+          </v-flex>
+        </v-dialog>
+        
+        <v-snackbar
+          :timeout="timeout"
+          :top="y === 'top'"
+          :right="x === 'right'"
+          :vertical="mode === 'vertical'"
+          v-model="snackbar"
+          color="success"
+        >{{ text }}</v-snackbar>
+
+        <!-- ****** EXISTING-USERS TIME-TABLE ****** -->
+        <v-flex xs12>
+          <v-data-table :headers="headers" :items="desserts" item-key="_id">
+            <template slot="items" slot-scope="props">
+              <tr
+                style="cursor: pointer;"
+                @click="getTimeTable(props.item), props.expanded = !props.expanded"
+              >
+                <td class="text-xs-center">{{ props.index }}</td>
+                <td class="text-xs-center">{{ props.item.classData.classNum}}</td>
+                <td class="text-xs-center">{{ props.item.sectionData.name }}</td>
+                <td class="text-xs-center">
+                  <span>
+                    <img
+                      style="cursor:pointer; width:20px; height:18px; "
+                      class="mr-5"
+                      @click="editItem(props.item)"
+                      src="/static/icon/edit1.png"
+                    >
+                    <img
+                      style="cursor:pointer; height:20px; "
+                      class="mr-5"
+                      @click="deleteItem(props.item)"
+                      src="/static/icon/delete1.png"
+                    >
+                  </span>
+                </td>
+              </tr>
+            </template>
+            <template slot="expand" slot-scope="props">
+              <v-data-table
+                :items="timeTableList.schedule"
+                hide-actions
+                item-key="title"
+                style="width: auto;"
+              >
+                <template slot="items" slot-scope="props">
+                  <tr>
+                    <td class="text-xs-left subheading"> <b> {{ props.item.day }} </b> </td>
+                    <td>
+                      <b> Subject</b><br/>
+                      <b> Time In</b><br/>
+                      <b> Time Out</b>
+                    </td>
+                    <td v-for="list in props.item.lectures">
+                      <b> {{ list.subjectName }} </b>
+                      <img
+                      style="cursor:pointer; width:20px; height:18px; "
+                      class="mr-2 ml-2"
+                      src="/static/icon/edit1.png"
+                      @click="updateTimeTable(list, timeTableList)"
+                    >
+                    <img
+                      style="cursor:pointer; height:20px; "
+                      src="/static/icon/delete1.png"
+                      @click="deleteTimeTable(list, timeTableList)"
+                    > 
+                      <br/> {{list.timeIn.slice(0,16)}} <br/> {{list.timeOut.slice(0,16)}}
+                    </td>
+                    <td >
+                    <v-icon 
+                     color="black"
+                     @click="addLecture(props.item._id, timeTableList._id)"
+                     >add_circle_outline</v-icon>
+                    </td>
+                  </tr>
+                </template>
+              </v-data-table>
+            </template>
+          </v-data-table>
+          <br>
+          <br>
+        </v-flex>
+      </v-tab-item>
+
+      <!-- ****** ADD MULTIPLE TIME-TABLE ****** -->
+
+      <v-tab-item>
+        <v-container>
+          <v-snackbar
+            :timeout="timeout"
+            :top="y === 'top'"
+            :right="x === 'right'"
+            :vertical="mode === 'vertical'"
+            v-model="snackbar"
+            color="success"
+          >{{ text }}</v-snackbar>
+          <v-flex xs12 sm12 class="my-4">
+            <v-card flat>
+              <v-form ref="form" v-model="valid" lazy-validation>
+                <v-container fluid>
+                  <v-layout>
+                    <v-flex
+                      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>
+                      <input
+                        type="file"
+                        style="display: none"
+                        ref="image"
+                        accept="image/*"
+                        @change="onFilePicked"
+                      >
+                      <img
+                        :src="imageData.imageUrl"
+                        height="150"
+                        v-if="imageUrl"
+                        style="border-radius:50%; width:200px"
+                      >
+                    </v-flex>
+                  </v-layout>
+                  <v-flex xs12>
+                    <v-layout>
+                      <v-flex xs4 class="pt-4 subheading">
+                        <label class="right">Select Class:</label>
+                      </v-flex>
+                      <v-flex xs4 class="ml-3">
+                        <v-select
+                          :items="addclass"
+                          label="Select Class"
+                          v-model="timeTable.select"
+                          item-text="classNum"
+                          item-value="_id"
+                          @change="getSections(timeTable.select)"
+                          required
+                        ></v-select>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-flex xs12>
+                    <v-layout>
+                      <v-flex xs4 class="pt-4 subheading">
+                        <label class="right">Select Section:</label>
+                      </v-flex>
+                      <v-flex xs4 class="ml-3">
+                        <v-select
+                          :items="addSection"
+                          label="Select Section"
+                          v-model="timeTable.selectSection"
+                          item-text="name"
+                          item-value="_id"
+                          required
+                        ></v-select>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-flex xs12>
+                    <v-layout>
+                      <v-flex xs4 class="pt-4 subheading">
+                        <label class="right">Select Teacher:</label>
+                      </v-flex>
+                      <v-flex xs4 class="ml-3">
+                        <v-select
+                          :items="addTeachers"
+                          label="Select Teacher"
+                          v-model="timeTable.selectTeacher"
+                          item-text="name"
+                          item-value="_id"
+                          required
+                        ></v-select>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-flex xs12>
+                    <v-layout>
+                      <v-flex xs4 class="pt-4 subheading">
+                        <label class="right">Select Day:</label>
+                      </v-flex>
+                      <v-flex xs4 class="ml-3">
+                        <v-select
+                          :items="addOneDay"
+                          label="Select Day"
+                          v-model="timeTable.selectDay"
+                          item-text="name"
+                          item-value="_id"
+                          required
+                        ></v-select>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-flex xs12>
+                    <v-layout>
+                      <v-flex xs4 class="pt-4 subheading">
+                        <label class="right">Time In:</label>
+                      </v-flex>
+                      <v-flex xs4 class="ml-3">
+                        <v-text-field
+                          v-model="timeTable.timeIn"
+                          placeholder="fill your Time In"
+                          type="text"
+                          :rules="timeInRules"
+                          required
+                        ></v-text-field>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-flex xs12>
+                    <v-layout>
+                      <v-flex xs4 class="pt-4 subheading">
+                        <label class="right">Time Out:</label>
+                      </v-flex>
+                      <v-flex xs4 class="ml-3">
+                        <v-text-field
+                          placeholder="fill your Time Out"
+                          :rules="timeOutRules"
+                          v-model="timeTable.timeOut"
+                          type="text"
+                          required
+                        ></v-text-field>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-flex xs12>
+                    <v-layout>
+                      <v-flex xs4 class="pt-4 subheading">
+                        <label class="right">Lecture No:</label>
+                      </v-flex>
+                      <v-flex xs4 class="ml-3">
+                        <v-text-field
+                          placeholder="fill your Lecture No"
+                          :rules="lectureRules"
+                          v-model="timeTable.lectureNum"
+                          type="number"
+                          required
+                        ></v-text-field>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-flex xs12>
+                    <v-layout>
+                      <v-flex xs4 class="pt-4 subheading">
+                        <label class="right">Subject Name:</label>
+                      </v-flex>
+                      <v-flex xs4 class="ml-3">
+                        <v-text-field
+                          placeholder="fill your Subject Name"
+                          :rules="subjectNameRules"
+                          v-model="timeTable.subjectName"
+                          type="text"
+                          required
+                        ></v-text-field>
+                      </v-flex>
+                    </v-layout>
+                  </v-flex>
+                  <v-layout>
+                    <v-flex xs12 sm6 offset-sm3>
+                      <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-card-actions>
+                    </v-flex>
+                  </v-layout>
+                </v-container>
+              </v-form>
+            </v-card>
+          </v-flex>
+        </v-container>
+      </v-tab-item>
+    </v-tabs>
+    <div class="loader" v-if="showLoader">
+      <v-progress-circular indeterminate color="white"></v-progress-circular>
+    </div>
+  </v-app>
+</template>
+
+<script>
+import http from "@/Services/http.js";
+import Util from "@/util";
+
+export default {
+  data: () => ({
+    y: "top",
+    x: "right",
+    mode: "",
+    timeout: 3000,
+    text: "",
+    search: "",
+    snackbar: false,
+    loading: false,
+    showLoader: false,
+    menu: false,
+    menu1: false,
+    dialog: false,
+    dialogAddLecture : false,
+    dialogUpdateLectures:false,
+    dialog1: false,
+    valid: true,
+    // validLeacture:true,
+    isActive: true,
+    newActive: false,
+    addclass: [],
+    addSection: [],
+    addTeachers: [],
+    gender: ["Male", "Female"],
+    AddUsercredentials: {},
+    pagination: {
+      rowsPerPage: 15
+    },
+    imageData: {},
+    imageName: "",
+    imageUrl: "",
+    imageFile: "",
+    timeInRules: [v => !!v || "Time In is required"],
+    timeOutRules: [v => !!v || "Time Out is required"],
+    lectureRules: [v => !!v || "Lecture No is required"],
+    subjectNameRules: [v => !!v || "Subject Name is required"],
+    headers: [
+      {
+        text: "No",
+        align: "center",
+        sortable: false,
+        value: "No"
+      },
+      {
+        text: "Class Name",
+        value: "subjectName",
+        sortable: false,
+        align: "center"
+      },
+      {
+        text: "Section Name",
+        value: "sectionData",
+        sortable: false,
+        align: "center"
+      },
+      { text: "Action", value: "", sortable: false, align: "center" }
+    ],
+    daysHeaders: [
+      { text: "Day", value: "dayday", sortable: false, align: "center" },
+      {
+        text: "Subject Name",
+        value: "subjectName",
+        sortable: false,
+        align: "center"
+      },
+      { text: "Time In", value: "timeIn", sortable: false, align: "center" },
+      { text: "Time Out", value: "timeOut", sortable: false, align: "center" }
+    ],
+    addOneDay: [
+      "Monday",
+      "Tuesday",
+      "Wednesday",
+      "Thursday",
+      "Friday",
+      "Saturday",
+      "Sunday"
+    ],
+    desserts: [],
+    timeTableList: [],
+    editedIndex: -1,
+    timeTable: {
+      select: "",
+      selectSection: "",
+      selectDay: "",
+      timeIn: "",
+      timeOut: "",
+      lectureNum: "",
+      subjectName: "",
+      selectTeacher: ""
+    },
+    editedItem: {
+      classNum:"",
+      selectSection: ""
+    },
+    addlectures: {
+       timeIn: "",
+       timeOut: "",
+       subjectName: "",
+       teacherId: "",
+       scheduleId:"",
+       timeTableId:""
+    },
+    updateLectures:{
+       timeIn: "",
+       timeOut: "",
+       subjectName: "",
+       teacherId: "",
+       lectureId:"",
+       scheduleId:"",
+    },
+    items: [
+      {
+        href: "/changepassword",
+        title: "Change Password",
+        click: e => {
+          console.log(e);
+        }
+      },
+      {
+        href: "#",
+        title: "Logout",
+        click: e => {
+          window.getApp.$emit("APP_LOGOUT");
+        }
+      }
+    ]
+  }),
+  watch: {
+    menu(val) {
+      val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
+    },
+    menu1(val) {
+      val && this.$nextTick(() => (this.$refs.picker.activePicker = "YEAR"));
+    }
+  },
+  methods: {
+    getSections(_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);
+        });
+    },
+    getTimeTable(item) {
+      this.showLoader = true;
+      var token = this.$store.state.token;
+      http()
+        .get(
+          "/getParticularTimeTable",
+          { params: { timeTableId: item._id } },
+          {
+            headers: { Authorization: "Bearer " + token }
+          }
+        )
+        .then(response => {
+          this.timeTableList = response.data.data;
+          this.showLoader = false;
+          // console.log("getParticularTimeTable=====>", this.timeTableList);
+        })
+        .catch(err => {
+          this.showLoader = false;
+          // console.log("err====>", err);
+        });
+    },
+    pickFile() {
+      this.$refs.image.click();
+    },
+
+    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);
+          // console.log("upload=======>", this.imageData.imageUrl);
+          // console.log("imageFile", this.imageFile);
+        });
+      } else {
+        this.imageName = "";
+        this.imageFile = "";
+        this.imageUrl = "";
+      }
+    },
+    getTimeTableList() {
+      this.showLoader = true;
+      var token = this.$store.state.token;
+      http()
+        .get("/getTimeTablesList", {
+          headers: { Authorization: "Bearer " + token }
+        })
+        .then(response => {
+          this.desserts = response.data.data;
+          this.showLoader = false;
+          // console.log("getTimeTableList=====>", response.data.data);
+        })
+        .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.dialog = true;
+    },
+    updateTimeTable(timeToUpdate, classToUpdate){
+      console.log('timeToUpdate, classToUpdate', timeToUpdate._id, classToUpdate.schedule);
+      for (let i = 0; i < classToUpdate.schedule.length; i++){
+      this.updateLectures.scheduleId = classToUpdate.schedule[i]._id;
+      }
+      this.updateLectures.lectureId = timeToUpdate._id,
+      this.updateLectures= timeToUpdate
+      this.dialogUpdateLectures = true;
+    },
+     addLecture(scheduleId, timeTableId){
+      // console.log('timeToAdd, classToAdd', scheduleId, timeTableId);
+      this.addlectures.scheduleId = scheduleId
+      this.addlectures.timeTableId = timeTableId
+      this.dialogAddLecture = true;
+    },
+    AddLecture(){
+      if (this.$refs.form.validate()) {
+      http()
+          .post("/addLecture", this.addlectures)
+          .then(response => {
+            // console.log("addTimeTable=====>", this.addlectures);
+            if ((this.snackbar = true)) {
+              this.text = "New Add Lecture successfully";
+            }
+             this.closedialogLecture();
+          })
+          .catch(error => {
+            if ((this.snackbar = true)) {
+              this.text = error.response.data.message;
+            }
+          });
+      }
+    },
+    updateParticularTable(){
+     let EditLecture = {
+      lectureId:this.updateLectures.lectureId,
+      scheduleId:this.updateLectures.scheduleId,
+      updatedLecture:{
+        timeIn:this.updateLectures.timeIn,
+        timeOut: this.updateLectures.timeOut,
+        subjectName: this.updateLectures.subjectName,
+        teacherId: this.updateLectures.teacherId,
+      }
+     }
+      console.log("updateLecture", EditLecture);
+       http()
+         .put("/updateLecture", EditLecture)
+         .then(response => {
+           console.log("updateLecture", EditLecture);
+           if ((this.snackbar = true)) {
+             this.text = "Successfully Edit Update Lecture";
+           }
+           this.$router.go(0)
+         })
+         .catch(error => {
+           // console.log(error);
+         });
+       this.closeUpdateLectures()
+    },
+    deleteItem(item) {
+      let deleteTimeTable = {
+        timeTableId: item._id
+      };
+      http()
+        .delete(
+          "/deleteTimeTable",
+          confirm("Are you sure you want to delete this?") && {
+            params: deleteTimeTable
+          }
+        )
+        .then(response => {
+          // console.log("deleteUers",deleteTimeTable)
+          if ((this.snackbar = true)) {
+            this.text = "Successfully delete Existing User";
+          }
+          this.getTimeTableList();
+        })
+        .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;
+    },
+    closedialogLecture() {
+      this.dialogAddLecture = false;
+      this.$router.go(0)
+    },
+    closeUpdateLectures(){
+      this.dialogUpdateLectures = false;
+    },
+    submit() {
+      if (this.$refs.form.validate()) {
+        let imageData = new FormData();
+        imageData.append("upload", this.imageFile);
+        // console.log(imageData);
+        let addTimeTable = {
+          sectionId: this.timeTable.selectSection,
+          classId: this.timeTable.select,
+          schedule: [
+            {
+              day: this.timeTable.selectDay,
+              lectures: [
+                {
+                  timeIn: this.timeTable.timeIn,
+                  timeOut: this.timeTable.timeOut,
+                  lectureNum: this.timeTable.lectureNum,
+                  subjectName: this.timeTable.subjectName,
+                  teacherId: this.timeTable.selectTeacher
+                }
+              ]
+            }
+          ]
+        };
+        http()
+          .post("/createTimeTable", addTimeTable)
+          .then(response => {
+            // console.log("addTimeTable=====>", addTimeTable);
+            if ((this.snackbar = true)) {
+              this.text = "New Time Table added successfully";
+            }
+            this.getTimeTableList();
+            this.clear();
+          })
+          .catch(error => {
+            // console.log(error);
+            if ((this.snackbar = true)) {
+              this.text = error.response.data.message;
+            }
+          });
+      }
+    },
+    mail() {},
+    download() {},
+    clear() {
+      this.$refs.form.reset();
+    },
+    save() {
+      let imageData = new FormData();
+      imageData.append("upload", this.imageFile);
+      // console.log(imageData);
+      let editTimeTable = {
+        timeTableId: this.editedItem._id,
+        classId: this.editedItem.classNum,
+        sectionId: this.editedItem.selectSection
+        // imageData
+      };
+        http()
+          .put("/updateTimeTable", editTimeTable)
+          .then(response => {
+            console.log("editTimeTable",editTimeTable);
+            if ((this.snackbar = true)) {
+              this.text = "Successfully Edit Existing User";
+            }
+            this.getTimeTableList();
+          })
+          .catch(error => {
+            // console.log(error);
+          });
+      this.close();
+    },
+    handleDrawerToggle() {
+      window.getApp.$emit("APP_DRAWER_TOGGLED");
+    },
+    handleFullScreen() {
+      Util.toggleFullScreen();
+    },
+    deleteTimeTable(timeToDelete){
+      // console.log('timeToUpdate', timeToDelete._id);
+      let deleteLecture = {
+        lectureId: timeToDelete._id
+      };
+      http()
+        .delete(
+          "/deleteLecture",
+          confirm("Are you sure you want to delete this?") && {
+            params: deleteLecture
+          }
+        )
+        .then(response => {
+          // console.log("deleteLecture",deleteLecture)
+          if ((this.snackbar = true)) {
+            this.text = "Successfully delete Existing User";
+          }
+          this.$router.go(0)
+          // this.getTimeTable();
+        })
+        .catch(error => {
+          console.log(error);
+        });
+    },
+  },
+  mounted() {
+    this.getTimeTableList();
+    var token = this.$store.state.token;
+    http()
+      .get("/getClassesList", {
+        headers: { Authorization: "Bearer " + token }
+      })
+      .then(response => {
+        this.addclass = response.data.data;
+        // console.log("getClassesList=====>",this.addclass)
+      })
+      .catch(err => {
+        // console.log("err====>", err);
+      });
+
+    http()
+      .get("/getTeachersList", {
+        headers: { Authorization: "Bearer " + token }
+      })
+      .then(response => {
+        this.addTeachers = response.data.data;
+        // console.log("getClassesList=====>",this.addTeachers)
+      })
+      .catch(err => {
+        // console.log("err====>", err);
+      });
+  },
+  computed: {
+    toolbarColor() {
+      return this.$vuetify.options.extra.mainNav;
+    }
+  }
+};
+</script>
+<style scoped>
+.theme--light .v-label, .application .theme--light.v-label {
+    color: black;
+}
+.v-tabs__div {
+  text-transform: none;
+}
+.v-input__prepend-outer {
+  margin-right: 0px !important;
+}
+.v-card__actions .v-btn {
+  margin: 0 15px;
+  min-width: 120px;
+}
+.primary {
+  background-color: #aaa !important;
+  border-color: #aaa !important;
+}
+h4 {
+  background-repeat: no-repeat;
+  padding: 8px;
+  margin: auto;
+  font-size: 25px;
+}
+#name {
+  position: absolute;
+  left: 100px;
+  top: 17px;
+}
+#icon {
+  position: absolute;
+  right: 8px;
+  top: 8px;
+}
+#m {
+  position: relative;
+  left: 135px;
+  top: -15px;
+}
+#G {
+  position: absolute;
+  top: 38px;
+  color: white;
+}
+#bt {
+  position: relative;
+  top: -20px;
+  left: 115px;
+}
+#e {
+  position: relative;
+  top: 5px;
+  right: -30px;
+  height: 17px;
+  cursor: pointer;
+}
+#d {
+  position: relative;
+  top: 5px;
+  right: -70px;
+  height: 17px;
+  cursor: pointer;
+}
+#td {
+  border: 1px solid #dddddd;
+  text-align: left;
+  padding: 8px;
+}
+#dialog {
+  height: 550px;
+}
+.active {
+  background-color: black;
+  color: white !important;
+}
+.activebtn {
+  color: black !important;
+}
+#flex {
+  height: 300px;
+}
+.top {
+  margin-top: 100px;
+}
+.v-tabs__item a {
+  font-size: 16px !important;
+}
+@media screen and (max-width: 769px) {
+  .top {
+    margin-top: 0 !important;
+  }
+  .userSearch .v-icon {
+    font-size: 20px !important;
+    margin-left: 20px;
+  }
+}
+@media screen and (max-width: 380px) {
+  .right {
+    float: none !important;
+  }
+  .subheading {
+    font-size: 14px !important;
+  }
+  .v-card__actions .v-btn {
+    margin: 0 0px;
+    min-width: 100px;
+  }
+  /* .searchIcon .v-icon {
+    font-size: 20px;
+    margin-left: 20px;
+} */
+  .subheading {
+    font-size: 12px !important;
+  }
+  h5 {
+    font-size: 13px;
+  }
+}
+.v-icon {
+  font-size: 30px;
+}
+@media screen and (min-width: 1270px) {
+  .hide {
+    display: none;
+  }
+  /* }
+@media screen and (max-width: 962px) {
+.imglogo{
+    position: absolute;
+    top: 13px;
+    left: 13px !important;
+    width: 70px;
+    height: 24px;
+} */
+}
+@media screen and (max-width: 420px) {
+  .userSearch .v-text-field .v-label {
+    line-height: 24px !important;
+  }
+  .userSearch .v-label {
+    font-size: 13px !important;
+  }
+  .v-list__tile {
+    font-size: 14px;
+    padding: 0 10px;
+  }
+  .name {
+    font-size: 15px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/static/icon/delete1.png b/static/icon/delete1.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ef9456c1b95dcafc493ce557088ef3826f74870
GIT binary patch
literal 682
zcmV;b0#*HqP)<h;3K|Lk000e1NJLTq000>P001Be1^@s6=bY0900001b5ch_0Itp)
z=>Px%WJyFpR7ef&mb-2fK@^7f<~0~wT%0Hh2tkWPPs0m9lb$G|p+ThL0VsF?Dk>g;
zh6W@cNQepwiqJ$sqM(T=5Q2b^Y#D>?<@?7otI29N#!d<fk2HI3|M}0(WoI@Bs#`lr
zlGlW@NxfdLzXG#RO;r(z<9KxvxgQ6Ay@D!8ssi{;EDXcvQ4~F?!i`3wl`PAyI(!+<
zFA@WYJdo^wBAdhE@PX&wqw)f0Y!TsWUT}mylpWGjfOi32K^I7Cpmq}9GDUXLzZg&X
zV+mXv+-Jf+EJVD2@NF>CJ0Xj9tKaY6$EnJ{El9$>NpXZ8#HdxclxPJ1ddPzPVmj)K
z<~CIy78z!>;kyRkJ^1^H3Rt3ctyVifD`_zg-nM+=*W9@^DB=#y*6w;{3td7kvRH3e
z$e*)TApbb|m&yNz{uW&W$=g%3EKSpkxn~B&=4TXm;nMx@!st}a_j;?<T4*#H%Ye-{
zgFJ?P8rif2vEt2UbJ5y?m!EUziUWBv>~uPhdcEEjzO(YPW7e?WBX3yT685`pxBD2|
z|FCU%EcPoRgy#1Y(&3I^pTIt<AT3hd`o^A;r%Nsg8J9jZb=TZZbW;8z#$j_gsYnhy
zh%zrS)$GluYd&35&A?RP|6+IPWL0+;k9#R6<=53vc>)vLKS=x|mrueeYyM);cj+JK
zUzJSLZ_hUIPw4)kX@X^s4FS2?E|dlT)o1f{Grn{={xHpvJ{SzvxRiDT0BGKhH+9ox
zd_`MW=Oh1|Y?^;Xj6D$FL=)+ubokcC%zK{^LtW)(?E66qDPKHrxXls#1tpm3>M~6`
Q_5c6?07*qoM6N<$g0m?-HUIzs

literal 0
HcmV?d00001