2018-03-21 17:44:27 +00:00
|
|
|
<template>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="WRAPPER">
|
|
|
|
|
|
|
|
<!-- Side Menu -->
|
|
|
|
<menu-comp></menu-comp>
|
|
|
|
|
|
|
|
<!-- Side Dialog -->
|
|
|
|
<dialog-comp></dialog-comp>
|
|
|
|
|
|
|
|
<!-- Container -->
|
2018-03-21 23:53:32 +00:00
|
|
|
<router-view></router-view>
|
2018-03-21 17:44:27 +00:00
|
|
|
|
2018-03-22 17:15:57 +00:00
|
|
|
<!-- Pop-up -->
|
|
|
|
<div class='popup'>
|
|
|
|
<span class='header'>Create text channel</span>
|
|
|
|
|
|
|
|
<span class='body'>
|
|
|
|
<label for='channel_name'>Channel Name</label>
|
|
|
|
<input type='text' name='channel_name'>
|
|
|
|
|
|
|
|
<label for='channel_name'>Channel Type</label>
|
|
|
|
<div class='select'>
|
|
|
|
<span class='select-box' @click='selected=0' :data-selected='selected==0?1:0' data-type='text'>Text Channel</span>
|
|
|
|
<span class='select-box' @click='selected=1' :data-selected='selected==1?1:0' data-type='voice'>Voice Channel</span>
|
|
|
|
</div>
|
|
|
|
</span>
|
|
|
|
|
|
|
|
<span class='footer'>
|
|
|
|
<button>Cancel</button>
|
|
|
|
<button>Create Channel</button>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
|
2018-03-21 17:44:27 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</template><script>
|
|
|
|
|
|
|
|
import menu_vue from './menu.vue'
|
|
|
|
import dialog_vue from './dialog.vue'
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
|
|
|
name: 'wrapper-',
|
|
|
|
|
2018-03-22 17:15:57 +00:00
|
|
|
data(){ return { gs: gs.get, selected: 1}; },
|
2018-03-21 17:44:27 +00:00
|
|
|
|
|
|
|
components: {
|
|
|
|
'MenuComp': menu_vue,
|
|
|
|
'DialogComp': dialog_vue
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
</script>
|