File: /storage/v6964/avoxlive/public_html/application/views/backend/host/jitsi.php
<!DOCTYPE html>
<head>
<title>Title Here</title>
<link rel="icon" sizes="16x16" href="<?php echo base_url();?>uploads/logo.png">
<meta charset="utf-8" />
<link href="<?php echo base_url(); ?>optimum/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" >
<link type="text/css" rel="stylesheet" href="https://source.zoom.us/1.7.7/css/bootstrap.css"/>
<link type="text/css" rel="stylesheet" href="https://source.zoom.us/1.7.7/css/react-select.css"/>
<!--Owl carousel CSS -->
<link href="<?php echo base_url(); ?>optimum/plugins/bower_components/owl.carousel/owl.carousel.min.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url(); ?>optimum/plugins/bower_components/owl.carousel/owl.theme.default.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url(); ?>js/font-awesome-icon-picker/fontawesome-four-iconpicker.min.css" type="text/css" />
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="description" content="A complete and most powerful school system management system for all. Purchase and enjoy">
<meta content=" Optimum Linkup - Online Education & Learning Courses HTML CSS Responsive Template" name="description">
<meta name="author" content="Optimum Linkup Computers">
<meta name="keywords" content="multi school system, multi branch school, ofine school, super school, html rtl, html dir rtl,
rtl website template, bootstrap 4 rtl template, rtl bootstrap template, admin panel template rtl, admin panel rtl, html5 rtl, academy training course css template,
classes online training website templates, courses training html5 template design, education training rwd simple template, educational learning management jquery html,
elearning bootstrap education template, professional training center bootstrap html, institute coaching mobile responsive template,
marketplace html template premium, learning management system jquery html, clean online course teaching directory template,
online learning course management system, online course website template css html, premium lms training web template, training course responsive website"/>
</head>
<body>
<style type="text/css">
.navbar-inverse {
background-color: #2b3244;
border-color: #2b3244;
}
.navbar-header h4 {
margin: 0;
padding: 10px 15px;
color: #c4c2c2;
}
.navbar-right h5 {
margin: 0;
padding: 0px 0px;
color: #c4c2c2;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
border-color: transparent;
}
.gallery-scroll-bg .service-text{
width: 100%;
height: 220px;
}
.gallery-scroll-bg .service-text img{
width: 100%;
height: 240px;
}
.clinic-scroll {
padding: 0.5rem 0rem;
background-color: #f3f8f8;
width: 20%;
height: 160px;
float: right;
text-align: right;
}
@media screen and (max-width:1000px){
.clinic-scroll .service-text {
height: 180px!important;
}
.clinic-scroll .service-text img{
height: 100%;
width: 100%;
}
.clinic-scroll{
height: 240px !important;
}
.clinic-scroll h2{
font-size: 10px !important;
padding: 0px !important;
}
.gallery-scroll-bg{
height: 120px;
}
.gallery-scroll-bg .service-text{
width: 100%;
height: 120px;
}
.gallery-scroll-bg .service-text img{
width: 100%;
height: 100%;
}
/* #container{
height: 55vh !important;
} */
.clinic-scroll .service-text {
/* margin: 0px;
padding: 0px 10px;
text-align: center;
width: 100%; */
height: 180px!important;
/* border-radius: 0px;
overflow: hidden; */
/* border: 10px solid #f0f; */
/* -webkit-box-shadow: 0 3px 5px 0 rgb(32 113 117 / 33%);
box-shadow: 0 3px 5px 0 rgb(32 113 117 / 33%); */
/* border: 1px solid #e7e7e7 */
}
}
.clinic-scroll .service-text {
margin: 0px;
padding: 0px 10px;
text-align: center;
width: 100%;
height: 440px;
border-radius: 0px;
overflow: hidden;
/* border: 10px solid #f0f; */
/* -webkit-box-shadow: 0 3px 5px 0 rgb(32 113 117 / 33%);
box-shadow: 0 3px 5px 0 rgb(32 113 117 / 33%); */
/* border: 1px solid #e7e7e7 */
}
.clinic-scroll .service-text img{
width: 100%;
height: 100%;
object-fit: fill;
}
.clinic-scroll h2{
padding: 5px;
font-size: 30px;
font-weight: bold;
text-align: center;
}
#warning-message { display: none; }
@media only screen and (orientation:portrait){
#wrappers {
display:none;
}
#warning-message {
display:block;
}
#warning-message .display-message {
background: #fff;
overflow: hidden;
padding: 10px 0px 10px 0px;
border-radius: 20px;
margin: 2px;
border: 2px solid #f7fafc;
box-shadow: 4px 7px 5px -3px rgb(169 195 245 / 75%);
-webkit-box-shadow: 4px 7px 5px -3px rgb(169 195 245 / 75%);
-moz-box-shadow: 4px 7px 5px -3px rgba(169,195,245,0.75);
}
#warning-message h2{
font-size: 20px;
padding: 0px 20px;
}
}
@media only screen and (orientation:landscape){
#warning-message { display:none; }
}
</style>
<div id="warning-message">
<div id="display-message">
<h2>This website is only viewable in landscape mode</h2>
<h2>Please rotate the screen for better experience</h2>
</div>
</div>
<!-- Select * From Jitsi with Jitsi ID -->
<?php
include 'advertisement_block.php';
include 'exhibitor_advertisement_block.php';
$select = $this->db->get_where('jitsi', array('jitsi_id' => $jitsi_id))->result_array();
foreach ($select as $key => $row):
$user = explode('-', $row['user_id']);
$user_type = $user[0];
$user_id = $user[1];
$HostName = $this->db->get_where($user_type, array($user_type.'_id' => $user_id))->row();
$accountType = $this->session->userdata('login_type');
?>
<!-- Nav For Top Fix navbar-fixed-top -->
<div id="wrappers">
<nav id="nav-tool" class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<h4 style="color:white"><i class="fa fa-plus"></i> Meeting Title : <?=$row['title']?>
HOST BY :
<img src="<?=$this->crud_model->get_image_url($user_type, $user_id)?>" HostImageclass="img-circle" height="30" width="30"/> <?=$HostName->name?>
<a href="<?=base_url()?><?=$accountType.'/'.'jitsi'?>" style="color:white"> Back </a>
</h4>
</div>
<!-- <div class="navbar-form navbar-right">
<h5 style="color:white"> HOST BY :
<img src="<?=$this->crud_model->get_image_url($user_type, $user_id)?>" HostImageclass="img-circle" height="30" width="30"/> <?=$HostName->name?>
<a href="<?=base_url()?><?=$accountType.'/'.'jitsi'?>" style="color:white"> Back </a>
</h5>
<h5 style="color:#fff;"> <?php // echo $accountType ?></h5>
</div> -->
<!-- <img src="#"> -->
</div>
</nav>
</div>
<!-- Container That Render Jitsi -->
<div id="wrappers">
<div id="container" style="width:100%;height:65vh;">
</div>
<!-- Meet Jitsi API -->
<script src="https://8x8.vc/external_api.js"></script>
<?php
if ($accountType == 'exhibitor') {
//echo '<script>alert("This exhibitor Acc")</script>';
//$this->load->view('backend/index', 'refresh');
}
if ($accountType == 'visitor') {
//echo '<script>alert("This visitor Acc")</script>';
//$this->load->view('backend/index', 'refresh');
}
?>
<script>
var domain = "8x8.vc";
var options = {
userInfo : {
email : '<?=$accountType->email;?>' ,
displayName : '<?=
$account_type = $this->session->userdata('login_type');
$account_id = $account_type.'_id';
$name = $this->crud_model->get_type_name_by_id($account_type , $this->session->userdata($account_id), 'name');
echo $name;
?>',
moderator: true,
},
// roomName: "<?php echo $row['room'];?>",
roomName: "vpaas-magic-cookie-42d22ece486642bc99184ffbe1010e24/<?= $row['room'];?>",
width: "80%",
height: "106%",
// jwt: "eyJraWQiOiJ2cGFhcy1tYWdpYy1jb29raWUtNDJkMjJlY2U0ODY2NDJiYzk5MTg0ZmZiZTEwMTBlMjQvOTNkNWY4LVNBTVBMRV9BUFAiLCJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJhdWQiOiJqaXRzaSIsImV4cCI6MTYyODI2NDYxMiwibmJmIjoxNjI4MjU3NDA3LCJpc3MiOiJjaGF0Iiwicm9vbSI6IioiLCJzdWIiOiJ2cGFhcy1tYWdpYy1jb29raWUtNDJkMjJlY2U0ODY2NDJiYzk5MTg0ZmZiZTEwMTBlMjQiLCJjb250ZXh0Ijp7ImZlYXR1cmVzIjp7ImxpdmVzdHJlYW1pbmciOmZhbHNlLCJvdXRib3VuZC1jYWxsIjpmYWxzZSwic2lwLW91dGJvdW5kLWNhbGwiOmZhbHNlLCJ0cmFuc2NyaXB0aW9uIjpmYWxzZSwicmVjb3JkaW5nIjpmYWxzZX0sInVzZXIiOnsibW9kZXJhdG9yIjp0cnVlLCJuYW1lIjoiVGVzdCBVc2VyIiwiaWQiOiJhdXRoMHw2MDg2OWE2YmRlM2U4ZDAwNzFlMDk4MGYiLCJhdmF0YXIiOiIiLCJlbWFpbCI6InRlc3QudXNlckBjb21wYW55LmNvbSJ9fX0.W7Qgajnt0IwAnDr8jGaJPUCfj8EqnaN6PiVx_9eY5n1M5PnQ6jlefBmaGqDwDThLxjcTt7MtqYxL7GMkKMWBx3Rw43Zgan8wXtOWhiFk_GjkgyTmSfpZo_DsINgYt_o_8ii-NtrgnXAp6uN6w0ANE747VI6Dqmm84dkvDd3e1xrZ7OBu7HDF5KPRieGW24YMBE39S4_OeNEY8ev_Hue1MKJvOuImXPye9nKva8A5j13D-3Kz94E_RgOs5knHvSVcq3GRUALODj_jmzIMEuWhNVBWJzViJEhBAyAL3Ys0WResQzDuKvQIMggo8hK1JrmzhsuJS_o9Ftg6ct7h1cWzhg",
parentNode: document.querySelector('#container'),
configOverwrite: {
doNotStoreRoom: false,
startVideoMuted: 0,
startWithVideoMuted: true,
startWithAudioMuted: true,
enableWelcomePage: false,
prejoinPageEnabled: false,
disableRemoteMute: true,
remoteVideoMenu: {
disableKick: false,
},
},
interfaceConfigOverwrite: {
filmStripOnly: true,
// TOOLBAR_BUTTONS: [],
TOOLBAR_BUTTONS: ['microphone', 'camera', 'desktop', 'participant', 'fullscreen', 'fodeviceselection', 'hangup', 'chat','sharevideo', 'raisehand','tileview','videobackgroundblur',],
},
}
var api = new JitsiMeetExternalAPI(domain, options);
api.executeCommand('subject', '<?php echo $row['title'];?>');
</script>
<script src="<?php echo base_url(); ?>assets/js/jquery-3.3.1.min.js"></script>
<script src="<?php echo base_url(); ?>assets/js/owl-carousel-min.js"></script>
<?php endforeach;?>
<script>
$(document).ready(function() {
$('.gallery-scroll-inn').owlCarousel({
autoplay: true,
autoplayHoverPause: true,
autoplayTimeout: 20,
autoplaySpeed: 12000,
fluidSpeed: true,
loop: true,
margin: 20,
nav: false,
dots: false,
/*navText: [
"<i class='fa fa-chevron-left'></i>",
"<i class='fa fa-chevron-right'></i>"
], */
responsive: {
0: {
items: 1
},
600: {
items: 1
},
1000: {
items: 1
}
}
});
});
</script>
<script>
$(document).ready(function() {
$('.exhibitor-advertise-scroll-in').owlCarousel({
animateOut: 'fadeOut',
animateIn: 'fadeIn',
smartSpeed: 450,
autoplay: true,
loop: true,
dots: false,
margin: 0,
nav: false,
// navText: [
// "<i class='fa fa-chevron-left'></i>",
// "<i class='fa fa-chevron-right'></i>"
// ],
responsive: {
0: {
items: 1
},
600: {
items: 1
},
1000: {
items: 1
}
}
});
});
</script>
</body>
</html>