diff --git a/src/pages/Dashboard/ChapterInfo.vue b/src/pages/Dashboard/ChapterInfo.vue
index 88e6833..b7ec62a 100644
--- a/src/pages/Dashboard/ChapterInfo.vue
+++ b/src/pages/Dashboard/ChapterInfo.vue
@@ -39,11 +39,19 @@
           </div>
           <!-- OTHER OPTIONS -->
           <div class="mt-5">
-            <ul class="subheading">
-              <li>Live online classes solution</li>
-              <li>Tutorial-pharmacetutical</li>
-              <li>HSP Interactive content</li>
-              <li>Assessment</li>
+            <ul class="subheading" style="cursor: pointer">
+              <li @click="$router.push({name: 'Live Online Class'})">
+                <v-btn flat>Live online classes solution</v-btn>
+              </li>
+              <!-- <li>
+                <v-btn flat>Tutorial-pharmacetutical</v-btn>
+              </li>
+              <li>
+                <v-btn flat>HSP Interactive content</v-btn>
+              </li>
+              <li>
+                <v-btn flat>Assessment</v-btn>
+              </li>-->
             </ul>
           </div>
 
diff --git a/src/pages/Dashboard/CourseDetails.vue b/src/pages/Dashboard/CourseDetails.vue
index 86920ca..6cd1a8d 100644
--- a/src/pages/Dashboard/CourseDetails.vue
+++ b/src/pages/Dashboard/CourseDetails.vue
@@ -76,7 +76,7 @@
           </v-layout>
         </v-flex>
         <v-spacer></v-spacer>
-        
+
         <!-- COURSES -->
         <v-flex xs12 md3>
           <v-card class="elevation-0 card-border" height="100%">
diff --git a/src/pages/Dashboard/LiveOnlineClass.vue b/src/pages/Dashboard/LiveOnlineClass.vue
new file mode 100644
index 0000000..984afa7
--- /dev/null
+++ b/src/pages/Dashboard/LiveOnlineClass.vue
@@ -0,0 +1,516 @@
+<template>
+  <div class="body-color">
+    <!-- LOADER -->
+    <div class="loader" v-if="showLoader">
+      <v-progress-circular indeterminate color="white"></v-progress-circular>
+    </div>
+
+    <!-- SNACKBAR -->
+    <v-snackbar
+      :timeout="timeout"
+      :top="y === 'top'"
+      :right="x === 'right'"
+      :vertical="mode === 'vertical'"
+      v-model="snackbar"
+      :color="snackbarColor"
+    >
+      {{ text }}
+      <v-spacer></v-spacer>
+      <v-btn flat text @click="snackbar = false">X</v-btn>
+    </v-snackbar>
+
+    <!-- DIALOG TO ADD COURSE DISCUSSION FORUM -->
+    <v-dialog v-model="addForumDialog" max-width="500" persistent>
+      <v-card flat class="card-style pa-2" dark>
+        <v-layout>
+          <v-flex xs12>
+            <label class="title text-xs-center">Add Forum</label>
+            <v-icon size="24" class="right" @click="addForumDialog = false">cancel</v-icon>
+          </v-flex>
+        </v-layout>
+        <v-container fluid>
+          <v-layout align-center>
+            <v-flex xs12>
+              <v-flex xs12 sm12>
+                <v-form ref="form" v-model="valid" lazy-validation>
+                  <v-layout>
+                    <v-flex
+                      xs12
+                      class="text-xs-center text-sm-center text-md-center text-lg-center"
+                    >
+                      <v-avatar size="100px" v-if="!imageUrl">
+                        <img src="/static/icon/user.png" />
+                      </v-avatar>
+                      <input
+                        type="file"
+                        style="display: none"
+                        ref="image"
+                        accept="image/*"
+                        @change="onFilePicked"
+                      />
+                      <img
+                        :src="imageData.imageUrl"
+                        height="150"
+                        width="150"
+                        v-if="imageUrl"
+                        style="border-radius:50%; width:200px"
+                      />
+                    </v-flex>
+                  </v-layout>
+
+                  <v-layout wrap>
+                    <!-- SUBJECT -->
+                    <v-flex xs12 sm12>
+                      <v-layout>
+                        <v-flex xs4 sm4 class="pt-4 subheading">
+                          <label class="right hidden-xs-only hidden-sm-only">Subject:</label>
+                          <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Subject:</label>
+                        </v-flex>
+                        <v-flex xs8 sm8 class="ml-3">
+                          <v-text-field
+                            v-model="addForumParams.subject"
+                            placeholder="subject"
+                            type="text"
+                            :rules="cantBeEmpty"
+                            required
+                          ></v-text-field>
+                        </v-flex>
+                      </v-layout>
+                    </v-flex>
+                    <!-- DESCRIPTION -->
+                    <v-flex xs12 sm12>
+                      <v-layout>
+                        <v-flex xs4 sm4 class="pt-4 subheading">
+                          <label class="right hidden-xs-only hidden-sm-only">Description:</label>
+                          <label
+                            class="right hidden-lg-only hidden-md-only hidden-xl-only"
+                          >Description:</label>
+                        </v-flex>
+                        <v-flex xs8 sm8 class="ml-3">
+                          <v-text-field
+                            v-model="addForumParams.description"
+                            placeholder="Description"
+                            type="text"
+                            :rules="cantBeEmpty"
+                            required
+                          ></v-text-field>
+                        </v-flex>
+                      </v-layout>
+                    </v-flex>
+                    <!-- UPLOAD IMAGE -->
+                    <v-flex xs12 sm12>
+                      <v-layout>
+                        <v-flex xs4 class="pt-4 subheading">
+                          <label class="right hidden-xs-only hidden-sm-only">Upload Image:</label>
+                          <label class="right hidden-lg-only hidden-md-only hidden-xl-only">Upload :</label>
+                        </v-flex>
+                        <v-flex xs8 class="ml-3">
+                          <v-text-field
+                            label="Select Image"
+                            @click="pickFile"
+                            v-model="imageName"
+                            append-icon="attach_file"
+                          ></v-text-field>
+                        </v-flex>
+                      </v-layout>
+                    </v-flex>
+                  </v-layout>
+                  <v-layout>
+                    <v-flex xs12 sm12>
+                      <v-layout class="right">
+                        <v-btn @click="submit" round dark :loading="loading" class="add-button">Add</v-btn>
+                      </v-layout>
+                    </v-flex>
+                  </v-layout>
+                </v-form>
+              </v-flex>
+            </v-flex>
+          </v-layout>
+        </v-container>
+      </v-card>
+    </v-dialog>
+
+    <v-container grid-list-xl class="pt-0">
+      <v-layout row wrap class="mt-1">
+        <v-flex xs12 sm12 md9>
+          <v-layout column>
+            <!-- HEADING -->
+            <v-flex>
+              <div class="title side-bar-color font-weight-bold">Live Online Classes - Solution</div>
+              <div class="subheading grey--text lighten-1">This conference is in progress</div>
+              <div
+                class="subheading grey--text lighten-1"
+              >The session started at 1:00 there is 1 moderator</div>
+            </v-flex>
+
+            <!-- JOIN OR END SESSION -->
+            <v-flex>
+              <div>
+                <v-btn round class="open-dialog-button" dark>Join Session</v-btn>
+              </div>
+            </v-flex>
+
+            <!-- DATA TABLE -->
+            <v-flex>
+              <div>
+                <span class="subheading font-weight-bold">Recording</span>
+              </div>
+              <v-data-table
+                :headers="liveOnlineHeaders"
+                :items="liveOnlineHeaders"
+                :pagination.sync="pagination"
+                :search="search"
+                item-key="_id"
+              >
+                <template slot="items" slot-scope="props">
+                  <tr
+                    class="tr"
+                    @click="props.expanded = !props.expanded;courseDiscussionId = props.item._id;getDiscussionesThread(props.item._id)"
+                  >
+                    <td class="text-xs-center td td-row">
+                      <v-btn round class="open-dialog-button" dark>Join Session</v-btn>
+                    </td>
+                    <td class="td td-row text-xs-center">{{ }}</td>
+                    <td class="td td-row text-xs-center">{{ }}</td>
+                    <td class="td td-row text-xs-center">-</td>
+                    <td class="td td-row text-xs-center">{{ }}</td>
+                  </tr>
+                </template>
+              </v-data-table>
+            </v-flex>
+          </v-layout>
+        </v-flex>
+
+        <v-spacer></v-spacer>
+
+        <!-- COURSES - positioned to the right of the page -->
+        <v-flex xs12 sm12 md3>
+          <v-card class="elevation-0 card-border" height="100%">
+            <v-container class="pt-0">
+              <div class="side-bar-color font-weight-bold title">Courses</div>
+
+              <div v-for="(course,index) in courseData">
+                <v-btn
+                  flat
+                  class="subheading text-xs-start justify-left"
+                  style="cursor: pointer;"
+                  block
+                  @click="routeToCourseDetails(course._id)"
+                >
+                  <div style="width: 100%;text-align: left;">
+                    <v-icon style="color: red;padding-bottom: 3px;" size="15">play_arrow</v-icon>
+                    {{course.courseName}}
+                  </div>
+                </v-btn>
+              </div>
+            </v-container>
+          </v-card>
+        </v-flex>
+      </v-layout>
+    </v-container>
+  </div>
+</template>
+<script>
+import AllApiCalls from "@/Services/AllApiCalls.js";
+import http from "@/Services/http.js";
+import moment from "moment";
+export default {
+  mixins: [AllApiCalls],
+  data() {
+    return {
+      localStorage: localStorage,
+      valid: true,
+      addForumDialog: false,
+      addForumParams: {},
+      // UPLOAD IMAGE
+      imageName: "",
+      imageUrl: "",
+      imageFile: "",
+      imageData: {},
+
+      // DATA TABLE
+      search: "",
+      pagination: {
+        rowsPerPage: 10
+      },
+      liveOnlineHeaders: [
+        {
+          text: "Playback",
+          value: "attachementUrl",
+          sortable: false,
+          align: "center"
+        },
+        {
+          text: "Meeting",
+          align: "center",
+          sortable: false,
+          value: ""
+        },
+        {
+          text: "Recording",
+          value: "",
+          sortable: false,
+          align: "center"
+        },
+        {
+          text: "Description Preview",
+          value: "",
+          sortable: false,
+          align: "center"
+        },
+        { text: "Date", value: "", sortable: false, align: "center" },
+        { text: "Duration", value: "", sortable: false, align: "center" },
+        { text: "Toolbar", value: "", sortable: false, align: "center" }
+      ],
+      liveOnlineItems: [],
+
+      // COURSE DISCUSSION REPLTY FUNCTIONALITY
+      courseDiscussionId: "",
+      showReplyBox: false,
+      courseDiscussionData: [],
+      replyDescription: "",
+      loginId: "",
+      editedIndex: -1
+    };
+  },
+  methods: {
+    dates: function(date) {
+      return moment(date).format("MMMM DD, YYYY hh:mm A");
+    },
+    /* UPLOAD IMAGE */
+    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);
+        });
+      } else {
+        this.imageName = "";
+        this.imageFile = "";
+        this.imageUrl = "";
+      }
+    },
+    async submit() {
+      if (this.$refs.form.validate()) {
+        this.addForumParams.classId = localStorage.getItem("parentClassId");
+        this.addForumParams.courseId = this.$route.query.courseId;
+        this.addForumParams.studentId = localStorage.getItem("parentStudentId");
+
+        if (this.imageUrl) {
+          var str = this.imageUrl;
+          const [baseUrl, imageUrl] = str.split(/,/);
+          this.addForumParams.upload = imageUrl;
+        }
+        this.loading = true;
+        await http()
+          .post("/createCourseDiscussion", this.addForumParams)
+          .then(response => {
+            this.snackbar = true;
+            this.text = "Discussion added successfully";
+            this.snackbarColor = "green";
+            this.addForumDialog = false;
+            this.clear();
+            this.loading = false;
+            console.log("response of createCourseDiscussion - ", response);
+          })
+          .catch(error => {
+            this.snackbar = true;
+            this.text = error.response.data.message;
+            this.snackbarColor = "error";
+            this.loading = false;
+          });
+
+        /* getCourseDiscussionesList - to populate the data table */
+        await this.getCourseDiscussionesList({
+          courseId: this.$route.query.courseId,
+          classId: localStorage.getItem("parentClassId")
+        });
+        this.addForumDialog = false;
+      }
+    },
+    clear() {
+      this.$refs.form.reset();
+      this.imageUrl = "";
+    },
+    async routeToCourseDetails(courseId) {
+      /* getParticularCourseDetail- To get courseDetail - defined in GetApis.js*/
+      let response = await this.getParticularCourseDetail(courseId);
+
+      /* If the response is null then dont route */
+      if (response.data.data.length > 0) {
+        this.$router.push({
+          name: "Course Details",
+          query: { courseId: courseId }
+        });
+      } else {
+        this.seeSnackbar("No Data Available", "warning");
+      }
+    },
+
+    // COURSE DISCUSSION REPLY FUNCTIONALITY
+
+    getDiscussionesThread() {
+      // console.log("id", this.getSelectedData.courseId);
+      this.showLoader = true;
+      http()
+        .get("/getParticularCourseDiscussion", {
+          params: {
+            courseDiscussionId: this.courseDiscussionId
+          }
+        })
+        .then(response => {
+          //   console.log("response", response.data.data);
+          this.courseDiscussionData = response.data.data;
+          for (let i = 0; i < this.courseDiscussionData.length; i++) {
+            for (
+              let j = 0;
+              j < this.courseDiscussionData[i].forumThread.length;
+              j++
+            ) {
+              this.courseDiscussionData[i].forumThread[
+                j
+              ].showUpdateReplyThread = false;
+              this.courseDiscussionData[i].forumThread[
+                j
+              ].showDescriptionReplyThread = true;
+            }
+          }
+          this.showLoader = false;
+          this.showReplyBox = false;
+        })
+        .catch(error => {
+          console.log("err====>", error);
+          this.showLoader = false;
+        });
+    },
+    replyThreadDiscussion(selected) {
+      this.showLoader = true;
+      var payloadData = {
+        courseDiscussionId: selected._id,
+        studentId: localStorage.getItem("parentStudentId"),
+        description: this.replyDescription
+      };
+      http()
+        .put("/replyForumThread", payloadData)
+        .then(response => {
+          //   console.log("response", response.data.data);
+          this.showLoader = false;
+          this.getDiscussionesThread();
+        })
+        .catch(error => {
+          this.showLoader = false;
+        });
+    },
+    showUpdateReplyThreadDiscussion(item) {
+      this.editedIndex = this.courseDiscussionData.indexOf(item);
+      var editedItem = Object.assign({}, item);
+      var arrayOfcourseDiscussionData = [];
+      for (let i = 0; i < this.courseDiscussionData.length; i++) {
+        for (
+          let j = 0;
+          j < this.courseDiscussionData[i].forumThread.length;
+          j++
+        ) {
+          if (
+            editedItem._id == this.courseDiscussionData[i].forumThread[j]._id
+          ) {
+            this.courseDiscussionData[i].forumThread[
+              j
+            ].showUpdateReplyThread = true;
+            this.courseDiscussionData[i].forumThread[
+              j
+            ].showDescriptionReplyThread = false;
+          }
+        }
+        arrayOfcourseDiscussionData.push(this.courseDiscussionData[i]);
+      }
+      this.courseDiscussionData = arrayOfcourseDiscussionData;
+    },
+    updateRelpyThreadDiscussion(replyThread, selected) {
+      this.showLoader = true;
+      var payloadData = {
+        forumThreadId: replyThread._id,
+        courseDiscussionId: selected._id,
+        studentId: localStorage.getItem("parentStudentId"),
+        description: replyThread.description
+      };
+      http()
+        .put("/updateForumThread", payloadData)
+        .then(response => {
+          this.showLoader = false;
+          this.getDiscussionesThread();
+        })
+        .catch(error => {
+          this.showLoader = false;
+        });
+    },
+    deleteRelpyThreadDiscussion(id, courseDiscussionId) {
+      this.showLoader = true;
+      var payloadData = {
+        forumThreadId: id,
+        courseDiscussionId: courseDiscussionId
+      };
+      http()
+        .put(
+          "/deleteForumThread",
+          confirm("Are you sure you want to delete this?") && payloadData
+        )
+        .then(response => {
+          this.showLoader = false;
+          this.getDiscussionesThread();
+        })
+        .catch(error => {
+          this.showLoader = false;
+        });
+    }
+  },
+  async created() {
+    this.loginId = this.$store.state.id;
+    /* getStudentCourses - to get courseData - defined in GetApis.js*/
+    await this.getStudentCourses({
+      classId: localStorage.getItem("parentClassId"),
+      studentId: localStorage.getItem("parentStudentId")
+    });
+  }
+};
+</script>
+<style scoped>
+.side-bar-color {
+  color: #827bfa !important;
+  /* border-top-right-radius: 74px !important; */
+}
+.card-border {
+  border: 1px #bdbdbd solid;
+  border-radius: 3px;
+}
+.reply-desc {
+  border: 1px solid #f2f2f2;
+}
+.open-dialog-button {
+  background: #827bfa !important;
+  border-color: #827bfa !important;
+  text-transform: none !important;
+}
+
+.reply-btn {
+  background: #feb83c !important;
+  border-color: #feb83c !important;
+  text-transform: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/Dashboard/dashboard.vue b/src/pages/Dashboard/dashboard.vue
index b9bec2c..1371c2e 100644
--- a/src/pages/Dashboard/dashboard.vue
+++ b/src/pages/Dashboard/dashboard.vue
@@ -102,50 +102,49 @@
       <v-flex xs12 sm12 md9>
         <v-container fluid grid-list-xl>
           <!-- ***** Total Students ***** -->
-          <v-flex xs12 sm12 md12 v-if="$store.state.role != 'PARENT' ">
-            <v-layout wrap class>
-              <v-flex xs12 sm12 md3>
-                <router-link :to="{ name:'Students' }">
-                  <v-card class="card pink-bgcolor">
-                    <v-card-title primary-title class="titleCard white--text py-3">Students</v-card-title>
-                    <img src="/static/icon/student.png" class="ml-2" width="40" alt="icons" />
-                    <v-card-title class="headline py-1 white--text">{{ students.length }}</v-card-title>
-                  </v-card>
-                </router-link>
-              </v-flex>
-              <!-- ***** Total Teachers***** -->
-              <v-flex xs12 sm12 md3>
-                <router-link :to="{ name:'Teachers' }">
-                  <v-card flat class="card elevation-2 firozi-bgcolor">
-                    <v-card-title primary-title class="titleCard white--text py-3">Teachers</v-card-title>
-                    <img src="/static/icon/teacher.png" class="ml-2" width="40" alt="icons" />
+          <v-layout wrap class v-if="$store.state.role != 'PARENT' ">
+            <v-flex xs12 sm12 md3>
+              <router-link :to="{ name:'Students' }">
+                <v-card class="card pink-bgcolor">
+                  <v-card-title primary-title class="titleCard white--text py-3">Students</v-card-title>
+                  <img src="/static/icon/student.png" class="ml-2" width="40" alt="icons" />
+                  <v-card-title class="headline py-1 white--text">{{ students.length }}</v-card-title>
+                </v-card>
+              </router-link>
+            </v-flex>
+            <!-- ***** Total Teachers***** -->
+            <v-flex xs12 sm12 md3>
+              <router-link :to="{ name:'Teachers' }">
+                <v-card flat class="card elevation-2 firozi-bgcolor">
+                  <v-card-title primary-title class="titleCard white--text py-3">Teachers</v-card-title>
+                  <img src="/static/icon/teacher.png" class="ml-2" width="40" alt="icons" />
+
+                  <v-card-title class="headline py-1 white--text">{{ teachers.length }}</v-card-title>
+                </v-card>
+              </router-link>
+            </v-flex>
+            <!-- ***** Total Parents ***** -->
+            <v-flex xs12 sm12 md3>
+              <router-link :to="{ name:'Parents' }">
+                <v-card flat class="card yellow darken-3">
+                  <v-card-title primary-title class="titleCard white--text py-3">Parents</v-card-title>
+                  <img src="/static/icon/parents.png" class="ml-3" width="40px" alt="icons" />
+                  <v-card-title class="headline py-1 white--text">{{ parents.length }}</v-card-title>
+                </v-card>
+              </router-link>
+            </v-flex>
+            <!-- ***** Total Class***** -->
+            <v-flex xs12 sm12 md3>
+              <router-link :to="{ name:'Class' }">
+                <v-card flat class="card darkBlue-bgcolor">
+                  <v-card-title primary-title class="titleCard white--text py-3">Class</v-card-title>
+                  <img src="/static/icon/class.png" width="40" alt="icons" class="ml-2" />
+                  <v-card-title class="headline py-1 white--text">{{ classes.length }}</v-card-title>
+                </v-card>
+              </router-link>
+            </v-flex>
+          </v-layout>
 
-                    <v-card-title class="headline py-1 white--text">{{ teachers.length }}</v-card-title>
-                  </v-card>
-                </router-link>
-              </v-flex>
-              <!-- ***** Total Parents ***** -->
-              <v-flex xs12 sm12 md3>
-                <router-link :to="{ name:'Parents' }">
-                  <v-card flat class="card yellow darken-3">
-                    <v-card-title primary-title class="titleCard white--text py-3">Parents</v-card-title>
-                    <img src="/static/icon/parents.png" class="ml-3" width="40px" alt="icons" />
-                    <v-card-title class="headline py-1 white--text">{{ parents.length }}</v-card-title>
-                  </v-card>
-                </router-link>
-              </v-flex>
-              <!-- ***** Total Class***** -->
-              <v-flex xs12 sm12 md3>
-                <router-link :to="{ name:'Class' }">
-                  <v-card flat class="card darkBlue-bgcolor">
-                    <v-card-title primary-title class="titleCard white--text py-3">Class</v-card-title>
-                    <img src="/static/icon/class.png" width="40" alt="icons" class="ml-2" />
-                    <v-card-title class="headline py-1 white--text">{{ classes.length }}</v-card-title>
-                  </v-card>
-                </router-link>
-              </v-flex>
-            </v-layout>
-          </v-flex>
           <p
             v-if="studentsData.length === 0 && role == 'PARENT'"
             class="text-center title grey lighten-4 error--text"
@@ -1021,10 +1020,9 @@ export default {
     await this.getFeesAndCollectionsData();
     await this.getExpensesData();
     await this.getparentStudents();
-    await this.getMeetingEventes();
 
     /* get Latest events list for student login*/
-    if (this.$store.state.role != "TEACHER") {
+    if (this.$store.state.role == "PARENT") {
       let response = await this.studentMeetingEvents({
         studentId: localStorage.getItem("parentStudentId")
       });
@@ -1041,10 +1039,11 @@ export default {
         this.activityEvents.push(obj);
       }
     }
-    /* get Latest events list for teacher login*/
-    //  if(this.$store.state.role == "TEACHER"){
 
-    //  }
+    /* get Latest events list for teacher login*/
+    if (this.role == "TEACHER") {
+      await this.getMeetingEventes();
+    }
   }
 };
 </script>
diff --git a/src/router/paths.js b/src/router/paths.js
index 568e52c..efb5682 100644
--- a/src/router/paths.js
+++ b/src/router/paths.js
@@ -14,7 +14,7 @@ export default [{
         },
         name: 'NotFound',
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/NotFound/NotFound.vue`
@@ -28,7 +28,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Dashboard/dashboard.vue`
@@ -41,7 +41,7 @@ export default [{
         },
         name: 'ServerError',
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/NotFound/Error.vue`
@@ -55,7 +55,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Authentication/changepassword.vue`
@@ -68,7 +68,7 @@ export default [{
         },
         name: 'Teachers',
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Teachers/teachers.vue`
@@ -81,7 +81,7 @@ export default [{
         },
         name: 'Login',
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Authentication/Login.vue`
@@ -94,7 +94,7 @@ export default [{
         },
         name: 'forgetpassword',
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Authentication/forgetpassword.vue`
@@ -108,7 +108,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Students/students.vue`
@@ -122,7 +122,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Class/addclass.vue`
@@ -136,7 +136,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Section/section.vue`
@@ -150,7 +150,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/NoticeBoard/noticeBoard.vue`
@@ -164,7 +164,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/News/news.vue`
@@ -189,7 +189,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/TimeTable/timeTable.vue`
@@ -203,7 +203,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Notification/notification.vue`
@@ -217,7 +217,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Parent/parents.vue`
@@ -243,7 +243,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Dashboard/dashboard.vue`
@@ -257,7 +257,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Dashboard/CourseDetails.vue`
@@ -271,13 +271,27 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Dashboard/ChapterInfo.vue`
             )
     },
     {
+        path: '/LiveOnlineClass',
+        meta: {},
+        name: 'Live Online Class',
+        props: (route) => ({
+            type: route.query.type
+        }),
+        component: () =>
+            import(
+                /* webpackChunkName: "routes" */
+                /* webpackMode: "lazy-once" */
+                `@/pages/Dashboard/LiveOnlineClass.vue`
+            )
+    },
+    {
         path: '/CourseDiscussionForum',
         meta: {},
         name: 'Course Discussion Forum',
@@ -285,7 +299,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Dashboard/CourseDiscussionForum.vue`
@@ -299,7 +313,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Course/courseDiscussion.vue`
@@ -313,7 +327,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Course/discussion.vue`
@@ -327,7 +341,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Dashboard/Announcement.vue`
@@ -341,7 +355,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Annoucement/annoucementForum.vue`
@@ -355,7 +369,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/socialMedia/socialMedia.vue`
@@ -369,7 +383,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Gallery/gallery.vue`
@@ -383,7 +397,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Event/event.vue`
@@ -397,7 +411,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Holiday/holiday.vue`
@@ -411,7 +425,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/User/user.vue`
@@ -425,7 +439,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Attendence/studentAttendence.vue`
@@ -439,7 +453,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Attendence/teacherAttendence.vue`
@@ -453,7 +467,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 `@/pages/Payroll/salaryTemplate.vue`
             )
     },
@@ -465,7 +479,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 `@/pages/Payroll/hourlyTemplate.vue`
             )
     },
@@ -477,7 +491,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 `@/pages/Payroll/manageSalary.vue`
             )
     },
@@ -499,7 +513,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Attendence/userAttendence.vue`
@@ -513,7 +527,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/feeTypes.vue`
@@ -527,7 +541,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/invoice.vue`
@@ -541,7 +555,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/paymentHistory.vue`
@@ -555,7 +569,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/expense.vue`
@@ -569,7 +583,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/income.vue`
@@ -583,7 +597,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Library/member.vue`
@@ -597,7 +611,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Library/books.vue`
@@ -611,7 +625,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Library/issue.vue`
@@ -625,7 +639,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Library/eBook.vue`
@@ -637,7 +651,7 @@ export default [{
         name: 'Edit Invoice',
         // props: (route) => ({ type: route.query.type }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/editInvoice.vue`
@@ -651,7 +665,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Attendence/viewStudentsAttendence.vue`
@@ -665,7 +679,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Attendence/viewTeacherAttendence.vue`
@@ -679,7 +693,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/viewInvoice.vue`
@@ -693,7 +707,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/viewPaymentInvoice.vue`
@@ -707,7 +721,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Account/globalPayment.vue`
@@ -721,7 +735,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Exam/exam.vue`
@@ -735,7 +749,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Exam/grade.vue`
@@ -749,7 +763,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Exam/examSchedule.vue`
@@ -763,7 +777,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Exam/examAttendence.vue`
@@ -777,7 +791,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Mark/mark.vue`
@@ -791,7 +805,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Mark/viewMark.vue`
@@ -805,7 +819,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Mark/markDistribution.vue`
@@ -819,7 +833,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Meet/meet.vue`
@@ -833,7 +847,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Administrator/academicYear.vue`
@@ -847,7 +861,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Administrator/systemAdmin.vue`
@@ -861,7 +875,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Administrator/resetPassword.vue`
@@ -875,7 +889,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Administrator/role.vue`
@@ -889,7 +903,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Administrator/bulkImport.vue`
@@ -903,7 +917,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Report/studentReport.vue`
@@ -917,7 +931,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Report/progressCardReport.vue`
@@ -931,7 +945,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 `@/pages/Report/idCard.vue`
             )
     },
@@ -943,7 +957,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 `@/pages/Report/admitCard.vue`
             )
     },
@@ -955,7 +969,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/generalSetting/generalSetting.vue`
@@ -969,7 +983,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 `@/pages/Academic/assignment.vue`
             )
     },
@@ -981,7 +995,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 `@/pages/Academic/routine.vue`
             )
     },
@@ -993,7 +1007,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 `@/pages/Academic/subject.vue`
             )
     },
@@ -1005,7 +1019,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 `@/pages/Academic/syllabus.vue`
             )
     },
@@ -1017,7 +1031,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Course/course.vue`
@@ -1031,7 +1045,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Course/courseDetail.vue`
@@ -1045,7 +1059,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Course/enrollStudents.vue`
@@ -1059,7 +1073,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/changeStudents/changeStudents.vue`
@@ -1073,7 +1087,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/Annoucement/annoucement.vue`
@@ -1087,7 +1101,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/meetingEvent/meetingEvent.vue`
@@ -1103,7 +1117,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/School/school.vue`
@@ -1117,7 +1131,7 @@ export default [{
             type: route.query.type
         }),
         component: () =>
-            import (
+            import(
                 /* webpackChunkName: "routes" */
                 /* webpackMode: "lazy-once" */
                 `@/pages/School/viewSchoolDashboard.vue`