diff --git a/src/api/menu.js b/src/api/menu.js
index f3e3cea..ad36837 100644
--- a/src/api/menu.js
+++ b/src/api/menu.js
@@ -322,6 +322,12 @@ const teacherMenu = [{
         icon: '/static/icon/student.png',
     },
     {
+        title: 'Meeting Event',
+        // group: 'apps',
+        name: 'Meeting Event',
+        icon: '/static/icon/student.png',
+    },
+    {
         title: 'Attendance',
         group: 'Attendance',
         component: 'Attendance',
diff --git a/src/pages/Course/courseDetail.vue b/src/pages/Course/courseDetail.vue
index c1efa0d..7fd5e92 100644
--- a/src/pages/Course/courseDetail.vue
+++ b/src/pages/Course/courseDetail.vue
@@ -25,7 +25,7 @@
                     item-text="classNum"
                     item-value="_id"
                     name="Select Class"
-                    @change="getCourses(getCourse.classId)"
+                    @change="getCourses(editedCourse.classId)"
                     class="mr-2"
                     required
                   ></v-select>
diff --git a/src/pages/Course/enrollStudents.vue b/src/pages/Course/enrollStudents.vue
index 7835d07..820efb3 100644
--- a/src/pages/Course/enrollStudents.vue
+++ b/src/pages/Course/enrollStudents.vue
@@ -56,8 +56,8 @@
         <tr class="tr" :active="props.selected" @click="props.selected = !props.selected">
           <td class="text-xs-center td td-row">
             <v-checkbox
-              :input-value="props.selected"
-              @change="selectParticularStudent(props.item._id)"
+              v-model="props.item.enroll"
+              @change="selectParticularStudent(props.item)"
               primary
               hide-details
             ></v-checkbox>
@@ -170,12 +170,7 @@ export default {
     studentsData: [],
     courseData: [],
     addSection: [],
-    selected: [],
-    SectionName: ["A", "B", "C", "D", "E", "F"],
-    classRules: [v => !!v || "Class is required"],
-    sectionRules: [v => !!v || "Class is required"],
-    studentRules: [v => !!v || "Student is required"],
-    dataValid: [v => !!v || "Date is required"]
+    selected: []
   }),
   methods: {
     save(date) {
@@ -227,6 +222,7 @@ export default {
           for (let i = 0; i < this.studentsData.length; i++) {
             this.studentsData[i].attendence = true;
           }
+          this.getParticularCourse();
         })
         .catch(error => {
           console.log("err====>", error);
@@ -234,9 +230,8 @@ export default {
         });
     },
     getStudentTable(id) {
-      console.log("id", this.getReport.courseId);
+      // console.log("id", this.getReport.courseId);
       this.getStudents();
-      this.getParticularCourse();
     },
     update() {
       var studentsAttendence = [];
@@ -268,10 +263,11 @@ export default {
     toggleAll() {
       if (this.selected.length) this.selected = [];
       else this.selected = this.studentsData.slice();
-      console.log("this.selected", this.selected);
-      console.log("selected====", selected);
       let selectedStudentsArray = [];
-      selectedStudentsArray.push({ studentId: selected.id });
+      for (let i = 0; i < this.selected.length; i++) {
+        selectedStudentsArray.push({ studentId: this.selected[i]._id });
+      }
+      // console.log("selectedStudentsArray", selectedStudentsArray);
       var payload = {
         courseId: this.getReport.courseId,
         enrollStudents: selectedStudentsArray
@@ -281,6 +277,7 @@ export default {
         .then(response => {
           this.snackbar = true;
           this.text = response.data.message;
+          this.getParticularCourse()
         })
         .catch(error => {
           this.snackbar = true;
@@ -288,23 +285,49 @@ export default {
         });
     },
     selectParticularStudent(selected) {
-      console.log("selected====", selected);
+      console.log("selected", selected);
       let selectedStudentsArray = [];
-      selectedStudentsArray.push({ studentId: selected });
-      var payload = {
-        courseId: this.getReport.courseId,
-        enrollStudents: selectedStudentsArray
-      };
-      http()
-        .put("/enrollStudents", payload)
-        .then(response => {
-          this.snackbar = true;
-          this.text = response.data.message;
-        })
-        .catch(error => {
-          this.snackbar = true;
-          this.text = error.response.data.message;
-        });
+      selectedStudentsArray.push({ studentId: selected._id });
+      if (
+        selected.enroll === true &&
+        selected.enroll === undefined &&
+        selected.enroll === null
+      ) {
+        var payload = {
+          courseId: this.getReport.courseId,
+          enrollStudents: selectedStudentsArray
+        };
+        http()
+          .put("/enrollStudents", payload)
+          .then(response => {
+            this.snackbar = true;
+            this.text = response.data.message;
+          })
+          .catch(error => {
+            this.snackbar = true;
+            this.text = error.response.data.message;
+          });
+      }
+      if (
+        selected.enroll == false &&
+        selected.enroll != undefined &&
+        selected.enroll != null
+      ) {
+        var payloadDeleteStudents = {
+          courseId: this.getReport.courseId,
+          enrollStudentsId: selected.enrollId
+        };
+        http()
+          .put("/deleteStudents", payloadDeleteStudents)
+          .then(response => {
+            this.snackbar = true;
+            this.text = response.data.message;
+          })
+          .catch(error => {
+            this.snackbar = true;
+            this.text = error.response.data.message;
+          });
+      }
     },
     getParticularCourse() {
       var payload = {
@@ -315,7 +338,17 @@ export default {
           params: payload
         })
         .then(response => {
-          conso.log("DTAAAAA", response.data.data);
+          for (let i = 0; i < response.data.data.enrollStudents.length; i++) {
+            var studentId = {};
+            studentId = response.data.data.enrollStudents[i];
+            for (let j = 0; j < this.studentsData.length; j++) {
+              if (studentId.studentId == this.studentsData[j]._id) {
+                console.log("studentId._id", studentId._id);
+                this.studentsData[j].enroll = true;
+                this.studentsData[j].enrollId = studentId._id;
+              }
+            }
+          }
           this.snackbar = true;
           this.text = response.data.message;
         })
diff --git a/src/pages/meetingEvent/meetingEvent.vue b/src/pages/meetingEvent/meetingEvent.vue
new file mode 100644
index 0000000..78417bc
--- /dev/null
+++ b/src/pages/meetingEvent/meetingEvent.vue
@@ -0,0 +1,711 @@
+<template>
+  <v-container fluid class="body-color">
+    <!-- ****** EDITS  EVENT  ****** -->
+    <v-dialog v-model="editEventdialog" max-width="500px">
+      <v-card flat class="card-style pa-2" dark>
+        <v-layout>
+          <v-flex xs12>
+            <label class="title text-xs-center">Edit Meeting Event</label>
+            <v-icon size="24" class="right" @click="editEventdialog = false">cancel</v-icon>
+          </v-flex>
+        </v-layout>
+        <v-container fluid>
+          <v-flex xs12 sm12>
+            <v-layout>
+              <v-flex xs4 class="pt-4 subheading">
+                <label class="right">Title:</label>
+              </v-flex>
+              <v-flex xs7 class="ml-3">
+                <v-text-field v-model="editedItem.title" 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">Date:</label>
+              </v-flex>
+              <v-flex xs7 class="ml-3">
+                <v-menu
+                  ref="menu"
+                  :close-on-content-click="false"
+                  v-model="menuEditDate"
+                  :nudge-right="40"
+                  lazy
+                  transition="scale-transition"
+                  offset-y
+                  full-width
+                  min-width="290px"
+                >
+                  <v-text-field
+                    slot="activator"
+                    v-model="editedItem.dateOfEvent"
+                    placeholder="Select date"
+                  ></v-text-field>
+                  <v-date-picker
+                    color="info"
+                    ref="picker"
+                    v-model="editedItem.dateOfEvent"
+                    @input="$refs.menu.save(editedItem.dateOfEvent)"
+                  ></v-date-picker>
+                </v-menu>
+              </v-flex>
+            </v-layout>
+          </v-flex>
+          <v-flex xs12 sm12>
+            <v-layout>
+              <v-flex xs4 class="pt-4 subheading">
+                <label class="right">Start Time:</label>
+              </v-flex>
+              <v-flex xs7 class="ml-3">
+                <v-menu
+                  ref="menuEdit"
+                  :close-on-content-click="false"
+                  v-model="menuEditTime"
+                  :nudge-right="40"
+                  :return-value.sync="editedItem.startTime"
+                  lazy
+                  transition="scale-transition"
+                  offset-y
+                  full-width
+                  max-width="290px"
+                  min-width="290px"
+                >
+                  <v-text-field
+                    slot="activator"
+                    v-model="editedItem.startTime"
+                    append-icon="access_time"
+                    readonly
+                  ></v-text-field>
+                  <v-time-picker
+                    v-model="editedItem.startTime"
+                    @change="$refs.menuEdit.save(editedItem.startTime)"
+                  ></v-time-picker>
+                </v-menu>
+              </v-flex>
+            </v-layout>
+          </v-flex>
+          <v-flex xs12 sm12>
+            <v-layout>
+              <v-flex xs4 class="pt-4 subheading">
+                <label class="right">Duration:</label>
+              </v-flex>
+              <v-flex xs7 class="ml-3">
+                <v-text-field v-model="editedItem.duration" type="text"></v-text-field>
+              </v-flex>
+            </v-layout>
+          </v-flex>
+          <v-layout>
+            <v-flex xs12>
+              <v-card-actions class="hidden-xs-only hidden-sm-only">
+                <v-spacer></v-spacer>
+                <v-btn round dark @click="save" class="add-button">Save</v-btn>
+              </v-card-actions>
+              <v-card-actions class="hidden-md-only hidden-lg-only hidden-xl-only">
+                <v-spacer></v-spacer>
+                <v-btn round dark @click="save" class="add-button">Save</v-btn>
+                <v-spacer></v-spacer>
+              </v-card-actions>
+            </v-flex>
+          </v-layout>
+        </v-container>
+      </v-card>
+    </v-dialog>
+    <!-- ****** PROFILE VIEW EVENT  ******  -->
+    <v-dialog v-model="viewEventdialog" max-width="500px">
+      <v-card flat class="card-style pa-3" dark>
+        <v-layout>
+          <v-flex xs12>
+            <label class="title text-xs-center">View Meeting Event</label>
+            <v-icon size="24" class="right" @click="viewEventdialog = false">cancel</v-icon>
+          </v-flex>
+        </v-layout>
+        <v-card-text>
+          <v-container grid-list-md>
+            <v-layout wrap>
+              <v-flex>
+                <v-layout>
+                  <v-flex xs4 sm6>
+                    <h5 class="right my-1">
+                      <b>Title:</b>
+                    </h5>
+                  </v-flex>
+                  <v-flex sm6 xs8>
+                    <h5 class="my-1">{{ editedItem.title }}</h5>
+                  </v-flex>
+                </v-layout>
+                <v-layout>
+                  <v-flex xs4 sm6>
+                    <h5 class="right my-1">
+                      <b>Date:</b>
+                    </h5>
+                  </v-flex>
+                  <v-flex sm6 xs8>
+                    <h5 class="my-1">{{ dates(editedItem.dateOfEvent) }}</h5>
+                  </v-flex>
+                </v-layout>
+                <v-layout>
+                  <v-flex xs4 sm6>
+                    <h5 class="right my-1">
+                      <b>Start Time:</b>
+                    </h5>
+                  </v-flex>
+                  <v-flex sm6 xs8>
+                    <h5 class="my-1">{{ editedItem.startTime }}</h5>
+                  </v-flex>
+                </v-layout>
+                <v-layout>
+                  <v-flex xs4 sm6>
+                    <h5 class="right my-1">
+                      <b>Type Of Event:</b>
+                    </h5>
+                  </v-flex>
+                  <v-flex sm6 xs8>
+                    <h5 class="my-1">{{ editedItem.typeOfEvent }}</h5>
+                  </v-flex>
+                </v-layout>
+                <v-layout v-if="editedItem.classId">
+                  <v-flex xs4 sm6>
+                    <h5 class="right my-1">
+                      <b>Class:</b>
+                    </h5>
+                  </v-flex>
+                  <v-flex sm6 xs8>
+                    <h5 class="my-1">{{ editedItem.classId.classNum }}</h5>
+                  </v-flex>
+                </v-layout>
+                <v-layout>
+                  <v-flex xs4 sm6>
+                    <h5 class="right my-1">
+                      <b>Duration:</b>
+                    </h5>
+                  </v-flex>
+                  <v-flex sm6 xs8>
+                    <h5 class="my-1">{{ editedItem.duration }}</h5>
+                  </v-flex>
+                </v-layout>
+              </v-flex>
+            </v-layout>
+          </v-container>
+        </v-card-text>
+      </v-card>
+    </v-dialog>
+
+    <!-- ******  EVENT TABLE ****** -->
+
+    <v-toolbar color="transparent" flat>
+      <v-btn
+        fab
+        dark
+        class="open-dialog-button hidden-xl-only hidden-md-only hidden-lg-only"
+        small
+        @click="meetEventDialog = true"
+      >
+        <v-icon dark>add</v-icon>
+      </v-btn>
+      <v-btn
+        round
+        class="open-dialog-button hidden-sm-only hidden-xs-only"
+        dark
+        @click="meetEventDialog = true"
+      >
+        <v-icon class="white--text pr-1" size="20">add</v-icon>Add Event
+      </v-btn>
+      <v-spacer></v-spacer>
+      <v-card-title class="body-1" v-show="show">
+        <v-btn icon large flat @click="displaySearch">
+          <v-avatar size="27">
+            <img src="/static/icon/search.png" alt="icon" />
+          </v-avatar>
+        </v-btn>
+      </v-card-title>
+      <v-flex xs8 sm8 md3 lg2 v-show="showSearch">
+        <v-layout>
+          <v-text-field v-model="search" label="Search" prepend-inner-icon="search" color="primary"></v-text-field>
+          <v-icon @click="closeSearch" color="error">close</v-icon>
+        </v-layout>
+      </v-flex>
+    </v-toolbar>
+    <v-data-table :headers="headers" :items="events" :pagination.sync="pagination" :search="search">
+      <template slot="items" slot-scope="props">
+        <tr class="tr">
+          <td class="td td-row">{{ props.index + 1}}</td>
+          <td
+            class="td td-row text-xs-center"
+          >{{ props.item.classId ? props.item.classId.classNum : "-" }}</td>
+          <td class="td td-row text-xs-center">{{ props.item.title }}</td>
+          <td class="td td-row text-xs-center">{{ dates(props.item.dateOfEvent) }}</td>
+          <td class="td td-row text-xs-center">{{ props.item.startTime }}</td>
+          <td class="td td-row text-xs-center">
+            <span>
+              <v-tooltip top>
+                <img
+                  slot="activator"
+                  style="cursor:pointer; width:25px; height:25px; "
+                  class="mr-3"
+                  @click="profile(props.item)"
+                  src="/static/icon/view.png"
+                />
+                <span>View</span>
+              </v-tooltip>
+              <v-tooltip top>
+                <img
+                  slot="activator"
+                  style="cursor:pointer; width:20px; height:18px; "
+                  class="mr-3"
+                  @click="editItem(props.item)"
+                  src="/static/icon/edit.png"
+                />
+                <span>Edit</span>
+              </v-tooltip>
+              <v-tooltip top>
+                <img
+                  slot="activator"
+                  style="cursor:pointer; width:20px; height:20px; "
+                  class="mr-3"
+                  @click="deleteItem(props.item)"
+                  src="/static/icon/delete.png"
+                />
+                <span>Delete</span>
+              </v-tooltip>
+            </span>
+          </td>
+        </tr>
+      </template>
+      <v-alert
+        slot="no-results"
+        :value="true"
+        color="error"
+        icon="warning"
+      >Your search for "{{ search }}" found no results.</v-alert>
+    </v-data-table>
+    <!-- ****** ADD MULTIPLE EVENT ****** -->
+    <v-dialog v-model="meetEventDialog" max-width="500px">
+      <v-card flat class="card-style pa-2" dark>
+        <v-layout>
+          <v-flex xs12>
+            <label class="title text-xs-center">Add Meeting Event</label>
+            <v-icon size="24" class="right" @click="meetEventDialog = false">cancel</v-icon>
+          </v-flex>
+        </v-layout>
+        <v-form ref="form" v-model="valid" lazy-validation>
+          <v-container fluid>
+            <v-flex xs12>
+              <v-layout>
+                <v-flex xs4 class="pt-4 subheading">
+                  <label class="right">Title:</label>
+                </v-flex>
+                <v-flex xs8 sm8 class="ml-3">
+                  <v-text-field
+                    v-model="meetEvent.title"
+                    placeholder="fill your Title"
+                    type="text"
+                    :rules="titleRules"
+                    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">Date:</label>
+                </v-flex>
+                <v-flex xs8 sm8 class="ml-3">
+                  <v-menu
+                    ref="menu1"
+                    :close-on-content-click="false"
+                    v-model="menu1"
+                    :nudge-right="40"
+                    :return-value.sync="meetEvent.dateOfEvent"
+                    app
+                    lazy
+                    transition="scale-transition"
+                    offset-y
+                    full-width
+                    min-width="290px"
+                  >
+                    <v-text-field
+                      slot="activator"
+                      :rules="dateRules"
+                      v-model="meetEvent.dateOfEvent"
+                      append-icon="event"
+                      placeholder="Select date"
+                    ></v-text-field>
+                    <v-date-picker
+                      color="info"
+                      v-model="meetEvent.dateOfEvent"
+                      @input="$refs.menu1.save(meetEvent.dateOfEvent)"
+                    ></v-date-picker>
+                  </v-menu>
+                </v-flex>
+              </v-layout>
+            </v-flex>
+            <v-flex xs12>
+              <v-layout>
+                <v-flex xs4 class="pt-4 subheading">
+                  <label class="right">Start Time:</label>
+                </v-flex>
+                <v-flex xs8 sm8 class="ml-3">
+                  <v-menu
+                    ref="menuA"
+                    :close-on-content-click="false"
+                    v-model="menu2"
+                    :nudge-right="40"
+                    :return-value.sync="meetEvent.startTime"
+                    lazy
+                    transition="scale-transition"
+                    offset-y
+                    full-width
+                    max-width="290px"
+                    min-width="290px"
+                  >
+                    <v-text-field
+                      slot="activator"
+                      v-model="meetEvent.startTime"
+                      placeholder="Select Start time"
+                      append-icon="access_time"
+                      :rules="startTimeRules"
+                      readonly
+                    ></v-text-field>
+                    <v-time-picker
+                      v-model="meetEvent.startTime"
+                      @change="$refs.menuA.save(meetEvent.startTime)"
+                    ></v-time-picker>
+                  </v-menu>
+                </v-flex>
+              </v-layout>
+            </v-flex>
+            <v-flex xs12>
+              <v-layout>
+                <v-flex xs4 class="pt-4 subheading">
+                  <label class="right">Type Of Event:</label>
+                </v-flex>
+                <v-flex xs8 sm8 class="ml-3">
+                  <v-select
+                    :items="typeOfEvent"
+                    label="Select Type Of Event"
+                    v-model="meetEvent.typeOfEvent"
+                    :rules="typeOfEventRules"
+                    @change="getSelectOption(meetEvent.typeOfEvent)"
+                  ></v-select>
+                </v-flex>
+              </v-layout>
+            </v-flex>
+            <v-flex xs12 v-show="classShow">
+              <v-layout>
+                <v-flex xs4 class="pt-4 subheading">
+                  <label class="right">Class:</label>
+                </v-flex>
+                <v-flex xs8 sm8 class="ml-3">
+                  <v-select
+                    :items="addclass"
+                    label="Select Class"
+                    v-model="meetEvent.classId"
+                    item-text="classNum"
+                    item-value="_id"
+                    @change="getCourses(meetEvent.classNum)"
+                  ></v-select>
+                </v-flex>
+              </v-layout>
+            </v-flex>
+            <v-flex xs12 v-show="courseShow">
+              <v-layout>
+                <v-flex xs4 class="pt-4 subheading">
+                  <label class="right">Courses:</label>
+                </v-flex>
+                <v-flex xs8 sm8 class="ml-3">
+                  <v-select
+                    :items="courseData"
+                    label="Select Course"
+                    v-model="meetEvent.courseId"
+                    item-text="coursrName"
+                    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">Duration</label>
+                </v-flex>
+                <v-flex xs8 sm8 class="ml-3">
+                  <v-text-field
+                    placeholder="fill your Description"
+                    :rules="descriptionRules"
+                    v-model="meetEvent.duration"
+                    type="text"
+                    required
+                  ></v-text-field>
+                </v-flex>
+              </v-layout>
+            </v-flex>
+            <v-layout>
+              <v-flex xs12>
+                <v-layout class="right">
+                  <v-btn @click="clear" round class="clear-button" dark>clear</v-btn>
+                  <v-btn @click="submit" round dark :loading="loading" class="add-button">Add</v-btn>
+                </v-layout>
+              </v-flex>
+            </v-layout>
+          </v-container>
+        </v-form>
+      </v-card>
+    </v-dialog>
+    <v-snackbar
+      :timeout="timeout"
+      :top="y === 'top'"
+      :right="x === 'right'"
+      :vertical="mode === 'vertical'"
+      v-model="snackbar"
+      :color="color"
+    >{{ text }}</v-snackbar>
+    <div class="loader" v-if="showLoader">
+      <v-progress-circular indeterminate color="white"></v-progress-circular>
+    </div>
+  </v-container>
+</template>
+
+<script>
+import http from "@/Services/http.js";
+import moment from "moment";
+
+export default {
+  data: () => ({
+    snackbar: false,
+    y: "top",
+    x: "right",
+    mode: "",
+    timeout: 5000,
+    text: "",
+    color: "",
+    loading: false,
+    date: null,
+    search: "",
+    color: "",
+    show: true,
+    meetEventDialog: false,
+    showSearch: false,
+    showLoader: false,
+    editEventdialog: false,
+    viewEventdialog: false,
+    valid: true,
+    addclass: [],
+    courseData: [],
+    pagination: {
+      rowsPerPage: 10
+    },
+    date: null,
+    menu1: false,
+    menu: false,
+    menuEditTime: false,
+    menuEditDate: false,
+    titleRules: [v => !!v || " Tilte is required"],
+    descriptionRules: [v => !!v || " Discription is required"],
+    dateRules: [v => !!v || "Date of event is required"],
+    startTimeRules: [v => !!v || "Start Time is required"],
+    typeOfEventRules: [v => !!v || "Type of event is required"],
+    headers: [
+      {
+        text: "No",
+        align: "",
+        sortable: false,
+        value: "No"
+      },
+      {
+        text: "Class",
+        value: "classNum",
+        sortable: false,
+        align: "center"
+      },
+      { text: "Title", value: "title", sortable: false, align: "center" },
+      {
+        text: "Date Of Event",
+        value: "dateOfEvent",
+        sortable: false,
+        align: "center"
+      },
+      {
+        text: "Start Time",
+        value: "startTime",
+        sortable: false,
+        align: "center"
+      },
+      { text: "Action", value: "", sortable: false, align: "center" }
+    ],
+    events: [],
+    typeOfEvent: ["Class", "Course"],
+    editedIndex: -1,
+    meetEvent: {
+      startTime: null
+    },
+    editedItem: {},
+    menu1: false,
+    menu2: false,
+    classShow: false,
+    courseShow: false,
+    loginId: ""
+  }),
+  methods: {
+    dates: function(date) {
+      return moment(date).format("MMMM DD, YYYY");
+    },
+    getEvents() {
+      this.showLoader = true;
+      var token = this.$store.state.token;
+      http()
+        .get("/getMeetingEventesList", {
+          params: { teacherId: this.loginId },
+          headers: { Authorization: "Bearer " + token }
+        })
+        .then(response => {
+          this.events = response.data.data;
+          this.showLoader = false;
+        })
+        .catch(error => {
+          // console.log("err====>", err);
+          this.showLoader = false;
+          if (error.response.status === 401) {
+            this.$router.replace({ path: "/" });
+            this.$store.dispatch("setToken", null);
+            this.$store.dispatch("Id", null);
+          }
+        });
+    },
+    editItem(item) {
+      this.editedIndex = this.events.indexOf(item);
+      this.editedItem = Object.assign({}, item);
+      this.editedItem.meetingEventId = item._id;
+      this.editEventdialog = true;
+    },
+    profile(item) {
+      this.editedIndex = this.events.indexOf(item);
+      this.editedItem = Object.assign({}, item);
+      this.viewEventdialog = true;
+    },
+
+    deleteItem(item) {
+      let deleteEvent = {
+        meetingEventId: item._id
+      };
+      http()
+        .delete(
+          "/deleteMeetingEvent",
+          confirm("Are you sure you want to delete this?") && {
+            params: deleteEvent
+          }
+        )
+        .then(response => {
+          this.snackbar = true;
+          this.text = response.data.message;
+          this.getEvents();
+          this.snackbar = true;
+          this.color = "green";
+          this.text = response.data.message;
+        })
+        .catch(error => {
+          this.snackbar = true;
+          this.text = error.response.data.message;
+          this.color = "error";
+          this.loading = false;
+        });
+    },
+    getSelectOption(type) {
+      if (type == "Class") {
+        this.classShow = true;
+        this.courseShow = false;
+      } else if (type == "Course") {
+        this.courseShow = true;
+      }
+    },
+    getAllClass() {
+      http()
+        .get("/getClassesList")
+        .then(response => {
+          this.addclass = response.data.data;
+        })
+        .catch(error => {
+          // console.log("err====>", err);
+          // this.$router.replace({ path: "/" });
+        });
+    },
+    getCourses(classId) {
+      this.showLoader = true;
+      http()
+        .get("/getCourseesList", {
+          params: {
+            classId: classId
+          }
+        })
+        .then(response => {
+          this.courseData = response.data.data;
+          this.showLoader = false;
+        })
+        .catch(err => {
+          console.log("err====>", err);
+          this.showLoader = false;
+        });
+    },
+    close() {
+      this.editEventdialog = false;
+    },
+    submit() {
+      if (this.$refs.form.validate()) {
+        this.loading = true;
+        http()
+          .post("/createMeetingEvent", this.meetEvent)
+          .then(response => {
+            this.snackbar = true;
+            this.text = response.data.message;
+            this.color = "green";
+            this.getEvents();
+            this.clear();
+            this.loading = false;
+            this.meetEventDialog = false;
+          })
+          .catch(error => {
+            this.snackbar = true;
+            this.text = error.response.data.message;
+            this.color = "error";
+            this.loading = false;
+          });
+      }
+    },
+    clear() {
+      this.$refs.form.reset();
+    },
+    save() {
+      delete this.editedItem.classId;
+      http()
+        .put("/updateMeetingEvent", this.editedItem)
+        .then(response => {
+          this.snackbar = true;
+          this.text = response.data.message;
+          this.color = "green";
+          this.getEvents();
+          this.close();
+        })
+        .catch(error => {
+          this.snackbar = true;
+          this.text = error.response.data.message;
+          this.color = "error";
+        });
+    },
+    displaySearch() {
+      (this.show = false), (this.showSearch = true);
+    },
+    closeSearch() {
+      this.showSearch = false;
+      this.show = true;
+      this.search = "";
+    }
+  },
+  mounted() {
+    this.loginId = this.$store.state.id;
+    this.getEvents();
+    this.getAllClass();
+  }
+};
+</script>
\ No newline at end of file
diff --git a/src/router/paths.js b/src/router/paths.js
index 4e88909..0b03671 100644
--- a/src/router/paths.js
+++ b/src/router/paths.js
@@ -853,6 +853,18 @@ export default [{
                 `@/pages/Annoucement/annoucement.vue`
             )
     },
+    {
+        path: '/meetingEvent',
+        meta: {},
+        name: 'Meeting Event',
+        props: (route) => ({ type: route.query.type }),
+        component: () =>
+            import (
+                /* webpackChunkName: "routes" */
+                /* webpackMode: "lazy-once" */
+                `@/pages/meetingEvent/meetingEvent.vue`
+            )
+    },
     //////SCHOOL
 
     {