Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Meet/Room.vue
| Show All 40 Lines | <div id="meet-component"> | ||||
| <button class="btn btn-link link-logout" @click="logout" title="Leave session"> | <button class="btn btn-link link-logout" @click="logout" title="Leave session"> | ||||
| <svg-icon icon="power-off"></svg-icon> | <svg-icon icon="power-off"></svg-icon> | ||||
| </button> | </button> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div id="meet-setup" class="card container mt-2 mt-md-5 mb-5"> | <div id="meet-setup" class="card container mt-2 mt-md-5 mb-5"> | ||||
| <div class="card-body"> | <div class="card-body"> | ||||
| <div class="card-title">Set up your session</div> | <div class="card-title text-center pb-2"><img :src="appUrl + themeDir + '/images/logo_header.png'" :alt="appName"></div> | ||||
| <div class="card-text"> | <div class="card-text"> | ||||
| <form class="media-setup-form row" @submit.prevent="joinSession"> | <form class="media-setup-form row" @submit.prevent="joinSession"> | ||||
| <div class="media-setup-preview col-sm-6 mb-3 mb-sm-0"> | <div class="media-setup-preview col-sm-6 mb-3 mb-sm-0"> | ||||
| <video class="rounded"></video> | <video class="rounded"></video> | ||||
| <div class="volume"><div class="bar"></div></div> | <div class="volume"><div class="bar"></div></div> | ||||
| </div> | </div> | ||||
| <div class="col-sm-6 align-self-center"> | <div class="col-sm-6 align-self-center"> | ||||
| <div class="input-group"> | <div class="input-group"> | ||||
| ▲ Show 20 Lines • Show All 201 Lines • ▼ Show 20 Lines | export default { | ||||
| 324: 'The room is closed. It will be open for others after you join.', | 324: 'The room is closed. It will be open for others after you join.', | ||||
| 325: 'The room is ready. Please, provide a valid password.', | 325: 'The room is ready. Please, provide a valid password.', | ||||
| 326: 'The room is locked. Please, enter your name and try again.', | 326: 'The room is locked. Please, enter your name and try again.', | ||||
| 327: 'Waiting for permission to join the room.', | 327: 'Waiting for permission to join the room.', | ||||
| 404: 'The room does not exist.', | 404: 'The room does not exist.', | ||||
| 429: 'Too many requests. Please, wait.', | 429: 'Too many requests. Please, wait.', | ||||
| 500: 'Failed to connect to the room. Server error.' | 500: 'Failed to connect to the room. Server error.' | ||||
| }, | }, | ||||
| session: {} | session: {}, | ||||
| appName: window.config['app.name'], | |||||
| appUrl: window.config['app.url'], | |||||
| themeDir: '/themes/' + window.config['app.theme'] | |||||
| } | } | ||||
| }, | }, | ||||
| mounted() { | mounted() { | ||||
| this.room = this.$route.params.room | this.room = this.$route.params.room | ||||
| // Initialize OpenVidu and do some basic checks | // Initialize OpenVidu and do some basic checks | ||||
| this.meet = new Meet($('#meet-session')[0]); | this.meet = new Meet($('#meet-session')[0]); | ||||
| this.canShareScreen = this.meet.isScreenSharingSupported() | this.canShareScreen = this.meet.isScreenSharingSupported() | ||||
| ▲ Show 20 Lines • Show All 474 Lines • Show Last 20 Lines | |||||