[scss.dialog] added toggle 'unfold'/'exit' icon in header [popup] added 'channel.invite' must implement lib.channel-controller.invite(username)
This commit is contained in:
parent
5bad9bfc73
commit
2a2637251d
|
@ -0,0 +1,68 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="18"
|
||||
height="18"
|
||||
class="button-2ZR58H open-3KjR1l"
|
||||
version="1.1"
|
||||
id="svg877"
|
||||
sodipodi:docname="cross.svg"
|
||||
inkscape:version="0.92.2 5c3e80d, 2017-08-06">
|
||||
<metadata
|
||||
id="metadata883">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<defs
|
||||
id="defs881" />
|
||||
<sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1015"
|
||||
id="namedview879"
|
||||
showgrid="false"
|
||||
inkscape:zoom="16.165247"
|
||||
inkscape:cx="7.1430357"
|
||||
inkscape:cy="5.1436479"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="29"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg877" />
|
||||
<g
|
||||
id="g875"
|
||||
fill-rule="evenodd"
|
||||
fill="none">
|
||||
<path
|
||||
d="M0 0h18v18H0"
|
||||
id="path869" />
|
||||
<path
|
||||
d="M4.5 4.5l9 9"
|
||||
id="path871"
|
||||
stroke-linecap="round"
|
||||
stroke="#FFF" />
|
||||
<path
|
||||
d="M13.5 4.5l-9 9"
|
||||
id="path873"
|
||||
stroke-linecap="round"
|
||||
stroke="#FFF" />
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 1.8 KiB |
|
@ -46,6 +46,14 @@ export default class PopupController{
|
|||
reset(){ this.data.value = ''; },
|
||||
submit(){ gs.get.content.change_username(this.data.value) && this.parent.hide(); }
|
||||
});
|
||||
/* (4) Invite to channel */
|
||||
this.register('channel.invite', {
|
||||
data: {
|
||||
username: ''
|
||||
},
|
||||
reset(){ this.data.username = ''; },
|
||||
submit(){ gs.get.channel.invite(this.data.username) && this.parent.hide(); }
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
|
|
@ -36,6 +36,10 @@
|
|||
|
||||
z-index: 100;
|
||||
|
||||
&[data-open='1']{
|
||||
background-image: url('../asset/svg/cross.svg');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* (3) Container BODY */
|
||||
|
|
|
@ -87,14 +87,14 @@
|
|||
<div class='dialog'>
|
||||
|
||||
|
||||
<div class='header' @click='minipop = !minipop'>
|
||||
<div class='header' @click='minipop = !minipop' :data-open='minipop?1:0'>
|
||||
<div class='title'>{{ gs.auth.user.username }}</div>
|
||||
</div>
|
||||
|
||||
<div class='body'>
|
||||
|
||||
<div v-show='minipop' class='minipopup'>
|
||||
<span class='special sa' @click='gs.popup.show(`user.invite`); minipop=false'>Invite people</span>
|
||||
<span class='special sa' @click='gs.popup.show(`channel.invite`); minipop=false'>Invite people</span>
|
||||
<span data-icon='create' @click='gs.popup.show(`channel.create`); minipop=false'>Create channel</span>
|
||||
<span data-icon='category' @click='gs.popup.show(`room.create`); minipop=false'>Create room</span>
|
||||
<span data-icon='edit' @click='gs.popup.show(`nickname.change`); minipop=false'>Change nickname</span>
|
||||
|
|
|
@ -69,6 +69,21 @@
|
|||
</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>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue