Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Meet/Room.vue
| Show All 27 Lines | <div id="meet-component"> | ||||
| </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">Set up your session</div> | ||||
| <div class="card-text"> | <div class="card-text"> | ||||
| <form class="setup-form row"> | <form class="setup-form row" @submit.prevent="joinSession"> | ||||
| <div id="setup-preview" class="col-sm-6 mb-3 mb-sm-0"> | <div id="setup-preview" class="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"> | ||||
| <label for="setup-microphone" class="input-group-prepend mb-0"> | <label for="setup-microphone" class="input-group-prepend mb-0"> | ||||
| <span class="input-group-text" title="Microphone"><svg-icon icon="microphone"></svg-icon></span> | <span class="input-group-text" title="Microphone"><svg-icon icon="microphone"></svg-icon></span> | ||||
| Show All 20 Lines | <div id="meet-component"> | ||||
| </div> | </div> | ||||
| <div class="input-group mt-2" v-if="session.config && session.config.requires_password"> | <div class="input-group mt-2" v-if="session.config && session.config.requires_password"> | ||||
| <label for="setup-password" class="input-group-prepend mb-0"> | <label for="setup-password" class="input-group-prepend mb-0"> | ||||
| <span class="input-group-text" title="Password"><svg-icon icon="key"></svg-icon></span> | <span class="input-group-text" title="Password"><svg-icon icon="key"></svg-icon></span> | ||||
| </label> | </label> | ||||
| <input type="password" class="form-control" id="setup-password" v-model="password" placeholder="Password"> | <input type="password" class="form-control" id="setup-password" v-model="password" placeholder="Password"> | ||||
| </div> | </div> | ||||
| <div class="mt-3"> | <div class="mt-3"> | ||||
| <button type="button" id="join-button" | <button type="submit" id="join-button" | ||||
| @click="joinSession" | |||||
| :class="'btn w-100 btn-' + (isRoomReady() ? 'success' : 'primary')" | :class="'btn w-100 btn-' + (isRoomReady() ? 'success' : 'primary')" | ||||
| > | > | ||||
| <span v-if="isRoomReady()">JOIN NOW</span> | <span v-if="isRoomReady()">JOIN NOW</span> | ||||
| <span v-else-if="roomState == 323">I'm the owner</span> | <span v-else-if="roomState == 323">I'm the owner</span> | ||||
| <span v-else>JOIN</span> | <span v-else>JOIN</span> | ||||
| </button> | </button> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| ▲ Show 20 Lines • Show All 252 Lines • ▼ Show 20 Lines | export default { | ||||
| $('#i' + id).remove() | $('#i' + id).remove() | ||||
| }) | }) | ||||
| }) | }) | ||||
| } | } | ||||
| }) | }) | ||||
| }, | }, | ||||
| // Entering the room | // Entering the room | ||||
| joinSession() { | joinSession() { | ||||
| // The form can be submitted not only via the submit button, | |||||
| // make sure the submit is allowed | |||||
| if ($('#meet-setup [type=submit]').prop('disabled')) { | |||||
| return; | |||||
| } | |||||
| if (this.roomState == 323) { | if (this.roomState == 323) { | ||||
| $('#meet-setup').addClass('hidden') | $('#meet-setup').addClass('hidden') | ||||
| $('#meet-auth').removeClass('hidden') | $('#meet-auth').removeClass('hidden') | ||||
| return | return | ||||
| } | } | ||||
| if (this.roomState != 'ready') { | if (this.roomState != 'ready') { | ||||
| this.initSession(true) | this.initSession(true) | ||||
| ▲ Show 20 Lines • Show All 196 Lines • Show Last 20 Lines | |||||