Page MenuHomePhorge
Differential D2581 Diff 7351 src/resources/vue/Meet/Room.vue

Changeset View

Standalone View

View Options

src/resources/vue/Meet/Room.vue

Show First 20 Lines • Show All 120 Lines • ▼ Show 20 Lines <div id="meet-component">
<logon-form id="meet-auth" class="hidden" :dashboard="false" @success="authSuccess"></logon-form> <logon-form id="meet-auth" class="hidden" :dashboard="false" @success="authSuccess"></logon-form>
<div id="leave-dialog" class="modal" tabindex="-1" role="dialog"> <div id="leave-dialog" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title">{{ $t('meet.leave-title') }}</h5> <h5 class="modal-title">{{ $t('meet.leave-title') }}</h5>
<button type="button" class="close" data-dismiss="modal" :aria-label="$t('button.close')"> <button type="button" class="close" data-dismiss="modal" :aria-label="$t('btn.close')">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p>{{ $t('meet.leave-body') }}</p> <p>{{ $t('meet.leave-body') }}</p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-danger modal-action" data-dismiss="modal">{{ $t('button.close') }}</button> <button type="button" class="btn btn-danger modal-action" data-dismiss="modal">{{ $t('btn.close') }}</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div id="media-setup-dialog" class="modal" tabindex="-1" role="dialog"> <div id="media-setup-dialog" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title">{{ $t('meet.media-title') }}</h5> <h5 class="modal-title">{{ $t('meet.media-title') }}</h5>
<button type="button" class="close" data-dismiss="modal" :aria-label="$t('button.close')"> <button type="button" class="close" data-dismiss="modal" :aria-label="$t('btn.close')">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<form class="media-setup-form"> <form class="media-setup-form">
<div class="media-setup-preview"></div> <div class="media-setup-preview"></div>
<div class="input-group mt-2"> <div class="input-group mt-2">
<label for="setup-mic" class="input-group-prepend mb-0"> <label for="setup-mic" class="input-group-prepend mb-0">
Show All 11 Lines <div id="meet-component">
<select class="custom-select" id="setup-cam" v-model="camera" @change="setupCameraChange"> <select class="custom-select" id="setup-cam" v-model="camera" @change="setupCameraChange">
<option value="">{{ $t('form.none') }}</option> <option value="">{{ $t('form.none') }}</option>
<option v-for="cam in setup.cameras" :value="cam.deviceId" :key="cam.deviceId">{{ cam.label }}</option> <option v-for="cam in setup.cameras" :value="cam.deviceId" :key="cam.deviceId">{{ cam.label }}</option>
</select> </select>
</div> </div>
</form> </form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-secondary modal-action" data-dismiss="modal">{{ $t('button.close') }}</button> <button type="button" class="btn btn-secondary modal-action" data-dismiss="modal">{{ $t('btn.close') }}</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<room-options v-if="session.config" :config="session.config" :room="room" @config-update="configUpdate"></room-options> <room-options v-if="session.config" :config="session.config" :room="room" @config-update="configUpdate"></room-options>
</div> </div>
</template> </template>
▲ Show 20 Lines • Show All 264 Lines • ▼ Show 20 Lines export default {
// FIXME: Should the message close button act as the Deny button? Do we need the Deny button? // FIXME: Should the message close button act as the Deny button? Do we need the Deny button?
let body = $( let body = $(
`<div>` `<div>`
+ `<div class="picture"><img src="${data.picture}"></div>` + `<div class="picture"><img src="${data.picture}"></div>`
+ `<div class="content">` + `<div class="content">`
+ `<p class="mb-2"></p>` + `<p class="mb-2"></p>`
+ `<div class="text-right">` + `<div class="text-right">`
+ `<button type="button" class="btn btn-sm btn-success accept">${this.$t('button.accept')}</button>` + `<button type="button" class="btn btn-sm btn-success accept">${this.$t('btn.accept')}</button>`
+ `<button type="button" class="btn btn-sm btn-danger deny ml-2">${this.$t('button.deny')}</button>` + `<button type="button" class="btn btn-sm btn-danger deny ml-2">${this.$t('btn.deny')}</button>`
) )
this.$toast.message({ this.$toast.message({
className: 'join-request', className: 'join-request',
icon: 'user', icon: 'user',
timeout: 0, timeout: 0,
title: this.$t('meet.join-request'), title: this.$t('meet.join-request'),
// titleClassName: '', // titleClassName: '',
▲ Show 20 Lines • Show All 293 Lines • Show Last 20 Lines