136 lines
4.4 KiB
Vue
136 lines
4.4 KiB
Vue
<template>
|
|
|
|
|
|
|
|
<div id="WRAPPER">
|
|
|
|
<!-- Side Menu -->
|
|
<menu-comp></menu-comp>
|
|
|
|
<!-- Side Dialog -->
|
|
<dialog-comp></dialog-comp>
|
|
|
|
<!-- Container -->
|
|
<router-view></router-view>
|
|
|
|
<!-- Pop-up Filter Background -->
|
|
<div id='popup-filter-background' v-show='gs.popup.filter' @click='gs.popup.hide()'></div>
|
|
|
|
<!-- Pop-up ROOM CREATE -->
|
|
<div class='popup' v-show='gs.popup.get(`room.create`).active'>
|
|
<span class='header'>Create {{ gs.popup.get(`room.create`).data.type }} room</span>
|
|
|
|
<span class='body form'>
|
|
<label for='channel_name'>Room Name</label>
|
|
<input type='text' name='channel_name' v-model='gs.popup.get(`room.create`).data.name'>
|
|
|
|
<label for='channel_name'>Room Type</label>
|
|
<span class='select-box' @click='gs.popup.get(`room.create`).data.type=`text`' :data-selected='gs.popup.get(`room.create`).data.type==`text`?1:0' data-type='text'>Text Room</span>
|
|
<span class='select-box' @click='gs.popup.get(`room.create`).data.type=`voice`' :data-selected='gs.popup.get(`room.create`).data.type==`voice`?1:0' data-type='voice'>Voice Room</span>
|
|
</span>
|
|
|
|
<span class='footer form'>
|
|
<button @click='gs.popup.hide()'>Cancel</button>
|
|
<button class='submit' @click='gs.popup.get(`room.create`).submit()'>Create Room</button>
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Pop-up CHANNEL CREATE -->
|
|
<div class='popup' v-show='gs.popup.get(`channel.create`).active'>
|
|
<span class='header'>Create {{ gs.popup.get(`channel.create`).data.type }} channel</span>
|
|
|
|
<span class='body form'>
|
|
<label for='channel_name'>Channel Name</label>
|
|
<input type='text' name='channel_name' v-model='gs.popup.get(`channel.create`).data.name'>
|
|
<label for='channel_link'>Channel Link</label>
|
|
<input type='text' name='channel_link' v-model='gs.popup.get(`channel.create`).data.link'>
|
|
</span>
|
|
|
|
<span class='footer form'>
|
|
<button @click='gs.popup.hide()'>Cancel</button>
|
|
<button class='submit' @click='gs.popup.get(`channel.create`).submit()'>Create Channel</button>
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Pop-up NICKNAME CHANGE -->
|
|
<div class='popup' v-show='gs.popup.get(`nickname.change`).active'>
|
|
<span class='header'>Change nickname</span>
|
|
|
|
<span class='body form'>
|
|
<label for='nickname'>Nickname</label>
|
|
<input type='text' name='nickname' v-model='gs.popup.get(`nickname.change`).data.value' :placeholder='gs.auth.user.username'>
|
|
|
|
<a @click='gs.popup.get(`nickname.change`).reset()'>Reset Nickname</a>
|
|
</span>
|
|
|
|
<span class='footer form'>
|
|
<button @click='gs.popup.hide()'>Cancel</button>
|
|
<button class='submit' @click='gs.popup.get(`nickname.change`).submit()'>Save</button>
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Pop-up CHANNEL INVITE -->
|
|
<div class='popup' v-show='gs.popup.get(`channel.invite`).active'>
|
|
<span class='header'>Invite a friend</span>
|
|
|
|
<span class='body form'>
|
|
<label for='username'>friend's username</label>
|
|
<input type='text' name='username' v-model='gs.popup.get(`channel.invite`).data.username'>
|
|
</span>
|
|
|
|
<span class='footer form'>
|
|
<button @click='gs.popup.hide()'>Cancel</button>
|
|
<button class='submit' @click='gs.popup.get(`channel.invite`).submit()'>Invite</button>
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Pop-up CHANNEL REMOVE -->
|
|
<div class='popup' v-show='gs.popup.get(`channel.remove`).active'>
|
|
<span class='header'>Remove channel</span>
|
|
|
|
<span class='body form'>
|
|
<p>You are about to remove the channel #<b>{{ gs.content.cbuf.label }}</b>, this operation cannot be undone.</p>
|
|
</span>
|
|
|
|
<span class='footer form'>
|
|
<button @click='gs.popup.hide()'>Cancel</button>
|
|
<button class='submit invalid' @click='gs.popup.get(`channel.remove`).submit()'>Remove</button>
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Pop-up CHANNEL LEAVE -->
|
|
<div class='popup' v-show='gs.popup.get(`channel.leave`).active'>
|
|
<span class='header'>Leave channel</span>
|
|
|
|
<span class='body form'>
|
|
<p>You are about to leave the channel #<b>{{ gs.content.cbuf.label }}</b>, this operation cannot be undone.</p>
|
|
</span>
|
|
|
|
<span class='footer form'>
|
|
<button @click='gs.popup.hide()'>Cancel</button>
|
|
<button class='submit invalid' @click='gs.popup.get(`channel.leave`).submit()'>Leave</button>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</template><script>
|
|
|
|
import menu_vue from './menu.vue'
|
|
import dialog_vue from './dialog.vue'
|
|
|
|
export default {
|
|
|
|
name: 'wrapper-',
|
|
|
|
data(){ return { gs: gs.get }; },
|
|
|
|
components: {
|
|
'MenuComp': menu_vue,
|
|
'DialogComp': dialog_vue
|
|
}
|
|
|
|
}
|
|
|
|
</script> |