From edfe025fa47320a61a51df20aaffd3f8a32cb5b4 Mon Sep 17 00:00:00 2001
From: Amber Dev <amber.dev@viithiisys.com>
Date: Tue, 21 Jul 2020 12:39:08 +0530
Subject: [PATCH] added jitsi meet

---
 index.html                              |   5 +-
 src/pages/Common/UploadFiles.vue        |   8 ++-
 src/pages/Common/UploadPdf.vue          |  11 ++--
 src/pages/Course/courseDetail.vue       |   7 ++-
 src/pages/Dashboard/LiveOnlineClass.vue | 103 +++++++++++++-------------------
 src/pages/Dashboard/dashboard.vue       |   4 +-
 src/pages/Meet/meet.vue                 |   2 +-
 7 files changed, 63 insertions(+), 77 deletions(-)

diff --git a/index.html b/index.html
index 70affe2..ea82859 100644
--- a/index.html
+++ b/index.html
@@ -6,11 +6,12 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <!-- <link href="https://fonts.googleapis.com/css?family=Nunito,700%7CMaterial+Icons" rel="stylesheet"> -->
     <!-- <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500i,800|Material+Icons&display=swap" rel="stylesheet"> -->
-    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,700,800|Material+Icons&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,700,800|Material+Icons&display=swap"
+        rel="stylesheet">
     <title>School Management</title>
     <link rel="shortcut icon" href="/static/logo.png" type="image/x-icon">
     <meta name="description" content="School Management">
-    <script src='https://meet.jit.si/external_api.js'></script>
+    <script src='https://meet.intrack.in/external_api.js'></script>
     <link href="./static/css/custom.css" rel="stylesheet" />
     <!-- <style>
         [v-cloak] {
diff --git a/src/pages/Common/UploadFiles.vue b/src/pages/Common/UploadFiles.vue
index fc11f8e..98a6f60 100644
--- a/src/pages/Common/UploadFiles.vue
+++ b/src/pages/Common/UploadFiles.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <v-text-field
-      :label="label"
+      :placeholder="label"
       @click="clickInputTag"
       v-model="fileName"
       append-icon="attach_file"
@@ -66,8 +66,10 @@ export default {
       this.fileToLoad = null;
       this.fileName = null;
       this.fileInBase64 = null;
-      document.getElementById(this.id).type = "text";
-      document.getElementById(this.id).type = "file";
+      let inputTag = document.getElementById(this.id);
+      inputTag.value = null;
+      // inputTag.type = "text";
+      // inputTag.type = "file";
 
       let fileData = {
         fileName: this.fileName,
diff --git a/src/pages/Common/UploadPdf.vue b/src/pages/Common/UploadPdf.vue
index e492631..829d40c 100644
--- a/src/pages/Common/UploadPdf.vue
+++ b/src/pages/Common/UploadPdf.vue
@@ -70,16 +70,17 @@ export default {
       this.fileToLoad = null;
       this.fileName = null;
       this.fileInBase64 = null;
-      document.getElementById(this.id).type = "text";
-      document.getElementById(this.id).type = "file";
+      let inputTag = document.getElementById(this.id);
+      inputTag.value = null;
+      // inputTag.type = "text";
+      // inputTag.type = "file";
 
       let fileData = {
         fileName: this.fileName,
         fileInBase64: this.fileInBase64,
-        emptyPdf: ""
+        trigger: ""
       };
-      this.$emit("pdfFileSelected", fileData);
-      // console.log("its reset - ", fileData);
+      this.$emit("fileSelected", fileData);
     }
   },
   watch: {
diff --git a/src/pages/Course/courseDetail.vue b/src/pages/Course/courseDetail.vue
index 9545354..f58dae2 100644
--- a/src/pages/Course/courseDetail.vue
+++ b/src/pages/Course/courseDetail.vue
@@ -728,7 +728,12 @@
             <v-layout>
               <v-flex xs12 sm12>
                 <v-layout class="right">
-                  <v-btn @click="clear();" round dark class="clear-button">Clear</v-btn>
+                  <v-btn
+                    @click="clear();"
+                    round
+                    dark
+                    class="clear-button"
+                  >Clear</v-btn>
                   <v-btn @click="submit" round dark :loading="loading" class="add-button">Add</v-btn>
                 </v-layout>
               </v-flex>
diff --git a/src/pages/Dashboard/LiveOnlineClass.vue b/src/pages/Dashboard/LiveOnlineClass.vue
index 9ec89a9..c033e9c 100644
--- a/src/pages/Dashboard/LiveOnlineClass.vue
+++ b/src/pages/Dashboard/LiveOnlineClass.vue
@@ -29,8 +29,8 @@
               <div
                 class="title side-bar-color font-weight-bold"
               >Live Online Classes - {{$route.query.chapterName}}</div>
-              <!-- <div class="subheading grey--text lighten-1">{{startLiveSession}}</div>
-              <div
+              <div class="subheading grey--text lighten-1">{{liveLink}}</div>
+              <!-- <div
                 class="subheading grey--text lighten-1"
               >The session started at 1:00 there is 1 moderator</div>-->
             </v-flex>
@@ -38,39 +38,19 @@
             <!-- JOIN OR END SESSION -->
             <v-flex>
               <div>
-                <v-btn round class="open-dialog-button" dark v-if="studentBtn">{{studentBtn}}</v-btn>
+                <v-btn
+                  round
+                  class="open-dialog-button"
+                  dark
+                  v-if="studentBtn"
+                  @click="startConference();"
+                >{{studentBtn}}</v-btn>
                 <span class="subheading grey--twxt lighten-1" v-else>Session hasnt started yet</span>
               </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-flex>
+              <div id="jitsi-container"></div>
+            </v-flex>
           </v-layout>
         </v-flex>
 
@@ -99,36 +79,6 @@
                 >{{startLiveSession}}</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>Start 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-flex>
               <div id="jitsi-container"></div>
             </v-flex>
@@ -200,6 +150,7 @@ export default {
       liveOnlineItems: [],
 
       // JITSI CONTAINER
+      liveLink: "",
       token: "",
       selectStudents: {},
       classRules: [v => !!v || " Class Name is required"],
@@ -222,6 +173,7 @@ export default {
           audioInput: "<deviceLabel>",
           audioOutput: "<deviceLabel>",
           videoInput: "<deviceLabel>",
+          prejoinPageEnabled: false,
           roomName: this.room,
           height: 500,
           parentNode: document.getElementById("jitsi-container"),
@@ -266,7 +218,7 @@ export default {
           console.log("Local User Joined");
 
           _this.api.executeCommand("displayName", _this.username);
-          _this.api.executeCommand("password", this.roomPassword);
+          _this.api.executeCommand("password", _this.roomPassword);
         });
       } catch (error) {
         console.error("Failed to load Jitsi API", error);
@@ -341,6 +293,31 @@ export default {
       this.startLiveSession = "Start Session";
       this.studentBtn = "";
     } else {
+      this.liveLink = response.data.data[0].link;
+      this.room = response.data.data[0].roomName;
+      this.username = response.data.data[0].teacherId.name;
+      this.roomPassword = response.data.data[0].password;
+      // this.room = response.data.data[0].roomName;
+      var this_ = this;
+      console.log(this.room, this.roomPassword, this.username);
+
+      // // this.username = response.data.data.LiveClasses.teacherName;
+      // this.roomPassword = response.data.data[0].password;
+      // var this_ = this;
+      if (this.username != "" || this.room != "") {
+        if (window.JitsiMeetExternalAPI) {
+          // var person = prompt("Please enter your name:", "Rabie");
+          if (this_.username != null || this_.username != "") {
+            this.username = this.username;
+          }
+          // var room = prompt("Please enter your room:", "Test Room");
+          if (this_.room != null || this_.room != "") {
+            this.room = this.room;
+          }
+          // this.startConference();
+        }
+      }
+
       if (response.data.data[0].sessionStatus == "ENDED") {
         this.startLiveSession = "Start Session";
         this.studentBtn = "";
diff --git a/src/pages/Dashboard/dashboard.vue b/src/pages/Dashboard/dashboard.vue
index b3f93f2..20485e7 100644
--- a/src/pages/Dashboard/dashboard.vue
+++ b/src/pages/Dashboard/dashboard.vue
@@ -150,7 +150,7 @@
             class="text-center title grey lighten-4 error--text"
           >You have no student registered with school</p>
           <!-- ACCOUNT -->
-          <!-- <v-layout v-if="role != 'PARENT'">
+          <v-layout v-if="role == 'SUPERADMIN'|| role == 'ADMIN'">
             <v-flex xs12>
               <v-card class="card mt-2 account-Card">
                 <h4>
@@ -213,7 +213,7 @@
                 </v-layout>
               </v-card>
             </v-flex>
-          </v-layout>-->
+          </v-layout>
 
           <v-card class="mt-2 card" v-if="role != 'PARENT'">
             <!-- <full-calendar
diff --git a/src/pages/Meet/meet.vue b/src/pages/Meet/meet.vue
index 6acf04a..dc1cd4a 100644
--- a/src/pages/Meet/meet.vue
+++ b/src/pages/Meet/meet.vue
@@ -66,7 +66,7 @@ export default {
     startConference() {
       var _this = this;
       try {
-        const domain = "meet.jit.si";
+        const domain = "meet.intrack.in";
         const options = {
           audioInput: "<deviceLabel>",
           audioOutput: "<deviceLabel>",
-- 
2.0.0