Page MenuHomePhorge
Differential D2734 Diff 7825 src/resources/vue/Meet/RoomOptions.vue

Changeset View

Standalone View

View Options

src/resources/vue/Meet/RoomOptions.vue

<template> <template>
<div v-if="config"> <div v-if="config">
<div id="room-options-dialog" class="modal" tabindex="-1" role="dialog"> <div id="room-options-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.options') }}</h5> <h5 class="modal-title">{{ $t('meet.options') }}</h5>
<button type="button" class="close" data-dismiss="modal" :aria-label="$t('btn.close')"> <button type="button" class="btn-close" data-bs-dismiss="modal" :aria-label="$t('btn.close')"></button>
<span aria-hidden="true">&times;</span>
</button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<form id="room-options-password"> <form id="room-options-password">
<div id="password-input" class="input-group input-group-activable"> <div id="password-input" class="input-group input-group-activable mb-2">
<span class="input-group-text label">{{ $t('meet.password') }}:</span> <span class="input-group-text label">{{ $t('meet.password') }}:</span>
<span v-if="config.password" id="password-input-text" class="input-group-text">{{ config.password }}</span> <span v-if="config.password" id="password-input-text" class="input-group-text">{{ config.password }}</span>
<span v-else id="password-input-text" class="input-group-text text-muted">{{ $t('meet.password-none') }}</span> <span v-else id="password-input-text" class="input-group-text text-muted">{{ $t('meet.password-none') }}</span>
<input type="text" :value="config.password" name="password" class="form-control rounded-left activable"> <input type="text" :value="config.password" name="password" class="form-control rounded-start activable">
<div class="input-group-append"> <button type="button" @click="passwordSave" id="password-save-btn" class="btn btn-outline-primary activable rounded-end">{{ $t('btn.save') }}</button>
<button type="button" @click="passwordSave" id="password-save-btn" class="btn btn-outline-primary activable rounded-right">{{ $t('btn.save') }}</button>
<button type="button" v-if="config.password" id="password-clear-btn" @click="passwordClear" class="btn btn-outline-danger rounded">{{ $t('meet.password-clear') }}</button> <button type="button" v-if="config.password" id="password-clear-btn" @click="passwordClear" class="btn btn-outline-danger rounded">{{ $t('meet.password-clear') }}</button>
<button type="button" v-else @click="passwordSet" id="password-set-btn" class="btn btn-outline-primary rounded">{{ $t('meet.password-set') }}</button> <button type="button" v-else @click="passwordSet" id="password-set-btn" class="btn btn-outline-primary rounded">{{ $t('meet.password-set') }}</button>
</div> </div>
</div> <small class="text-muted">
<small class="form-text text-muted">
{{ $t('meet.password-text') }} {{ $t('meet.password-text') }}
</small> </small>
</form> </form>
<hr> <hr>
<form id="room-options-lock"> <form id="room-options-lock">
<div id="room-lock"> <div id="room-lock" class="mb-2">
<label for="room-lock-input">{{ $t('meet.lock') }}:</label> <label for="room-lock-input">{{ $t('meet.lock') }}:</label>
<input type="checkbox" id="room-lock-input" name="lock" value="1" :checked="config.locked" @click="lockSave"> <input type="checkbox" id="room-lock-input" name="lock" value="1" :checked="config.locked" @click="lockSave">
</div> </div>
<small class="form-text text-muted"> <small class="text-muted">
{{ $t('meet.lock-text') }} {{ $t('meet.lock-text') }}
</small> </small>
</form> </form>
<hr> <hr>
<form id="room-options-nomedia"> <form id="room-options-nomedia">
<div id="room-nomedia"> <div id="room-nomedia" class="mb-2">
<label for="room-nomedia-input">{{ $t('meet.nomedia') }}:</label> <label for="room-nomedia-input">{{ $t('meet.nomedia') }}:</label>
<input type="checkbox" id="room-nomedia-input" name="lock" value="1" :checked="config.nomedia" @click="nomediaSave"> <input type="checkbox" id="room-nomedia-input" name="lock" value="1" :checked="config.nomedia" @click="nomediaSave">
</div> </div>
<small class="form-text text-muted"> <small class="text-muted">
{{ $t('meet.nomedia-text') }} {{ $t('meet.nomedia-text') }}
</small> </small>
</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('btn.close') }}</button> <button type="button" class="btn btn-secondary modal-action" data-bs-dismiss="modal">{{ $t('btn.close') }}</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
props: { props: {
config: { type: Object, default: () => null }, config: { type: Object, default: () => null },
room: { type: String, default: () => null } room: { type: String, default: () => null }
}, },
mounted() { mounted() {
$('#room-options-dialog').on('show.bs.modal', e => { $('#room-options-dialog')[0].addEventListener('show.bs.modal', e => {
$(e.target).find('.input-group-activable.active').removeClass('active') $(e.target).find('.input-group-activable.active').removeClass('active')
}) })
}, },
methods: { methods: {
configSave(name, value, callback) { configSave(name, value, callback) {
const post = {} const post = {}
post[name] = value post[name] = value
▲ Show 20 Lines • Show All 43 Lines • Show Last 20 Lines