|
|
@@ -1,5 +1,5 @@
|
|
|
<!DOCTYPE html>
|
|
|
-<html lang="en">
|
|
|
+<html lang="en" class="h-100">
|
|
|
<head>
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
<title>Leadership Health</title>
|
|
|
@@ -16,7 +16,7 @@
|
|
|
<link href="/css/call-minimal.css?v={{config('app.asset_version')}}" rel="stylesheet">
|
|
|
</head>
|
|
|
|
|
|
-<body class="p-0 m-0">
|
|
|
+<body class="p-0 m-0 h-100">
|
|
|
|
|
|
<div class="d-flex px-3 border-bottom">
|
|
|
<div class="py-2 font-weight-normal mcp-theme-1 d-inline-flex align-items-center">
|
|
|
@@ -31,7 +31,6 @@
|
|
|
|
|
|
{{-- check video button --}}
|
|
|
<button id="btn-start-video"
|
|
|
- onclick="window.StagVideo.init(); return false;"
|
|
|
class="btn btn-primary px-4 font-weight-bold d-block mx-auto my-3">
|
|
|
Check Video
|
|
|
</button>
|
|
|
@@ -41,13 +40,13 @@
|
|
|
<p><b>We were unable to access your microphone!</b></p>
|
|
|
<p>To allow access, please tap the blocked media icon in your browser's address bar (indicated in the figure below).</p>
|
|
|
<img src="/img/mic-access-chrome-desktop.png" class="mw-100 mx-auto mb-3 d-block">
|
|
|
- <p class="mb-0">Once you have allowed access, please click <b>Start Video</b> again to retry.</p>
|
|
|
+ <p class="mb-0">Once you have allowed access, please click <b>Check Video</b> again to retry.</p>
|
|
|
</div>
|
|
|
<div class="cam-access-chrome-desktop border bg-light rounded m-3 px-3 pt-3 pb-2 d-none">
|
|
|
<p><b>We were unable to access your camera!</b></p>
|
|
|
<p>To allow access, please tap the blocked media icon in your browser's address bar (indicated in the figure below).</p>
|
|
|
<img src="/img/mic-access-chrome-desktop.png" class="mw-100 mx-auto mb-3 d-block">
|
|
|
- <p class="mb-0">Once you have allowed access, please click <b>Start Video</b> again to retry.</p>
|
|
|
+ <p class="mb-0">Once you have allowed access, please click <b>Check Video</b> again to retry.</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
@@ -63,18 +62,6 @@
|
|
|
<button class="btn btn-danger" id="btn-hang-up" title="End">
|
|
|
<i class="fa fa-phone"></i>
|
|
|
</button>
|
|
|
-<!-- <button class="ml-2 btn btn-default bg-light border" id="btn-stop-camera" title="Stop Camera">
|
|
|
- <i class="fa fa-video"></i>
|
|
|
- </button>
|
|
|
- <button class="ml-2 btn btn-secondary d-none" id="btn-start-camera" title="Start Camera">
|
|
|
- <i class="fa fa-video-slash"></i>
|
|
|
- </button>
|
|
|
- <button class="ml-2 btn btn-default bg-light border" id="btn-mute-audio" title="Mute">
|
|
|
- <i class="fa fa-microphone"></i>
|
|
|
- </button>
|
|
|
- <button class="ml-2 btn btn-secondary d-none" id="btn-unmute-audio" title="Unmute">
|
|
|
- <i class="fa fa-microphone-slash"></i>
|
|
|
- </button>-->
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
@@ -157,16 +144,15 @@
|
|
|
this.$btnMuteAudio = $('#btn-mute-audio');
|
|
|
this.$btnUnmuteAudio = $('#btn-unmute-audio');
|
|
|
|
|
|
- this.registerSocket(() => {
|
|
|
- this.initMedia();
|
|
|
- });
|
|
|
+ this.registerSocket();
|
|
|
|
|
|
// event handlers
|
|
|
- // $(document)
|
|
|
- // .off('click.start-video', '#btn-start-video')
|
|
|
- // .on('click.start-video', '#btn-start-video', () => {
|
|
|
- // this.initMedia();
|
|
|
- // });
|
|
|
+ $(document)
|
|
|
+ .off('click.check-video', '#btn-start-video')
|
|
|
+ .on('click.check-video', '#btn-start-video', () => {
|
|
|
+ alert(1);
|
|
|
+ this.initMedia();
|
|
|
+ });
|
|
|
|
|
|
$(document)
|
|
|
.off('click.hang-up', '#btn-hang-up')
|
|
|
@@ -222,8 +208,6 @@
|
|
|
*/
|
|
|
|
|
|
this.initSocketEvents();
|
|
|
-
|
|
|
- _done.call(this);
|
|
|
});
|
|
|
},
|
|
|
|
|
|
@@ -702,7 +686,7 @@
|
|
|
|
|
|
};
|
|
|
|
|
|
- // window.StagVideo.init();
|
|
|
+ window.StagVideo.init();
|
|
|
|
|
|
}).call(window);
|
|
|
</script>
|
