[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 = ''; },
|
reset(){ this.data.value = ''; },
|
||||||
submit(){ gs.get.content.change_username(this.data.value) && this.parent.hide(); }
|
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;
|
z-index: 100;
|
||||||
|
|
||||||
|
&[data-open='1']{
|
||||||
|
background-image: url('../asset/svg/cross.svg');
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* (3) Container BODY */
|
/* (3) Container BODY */
|
||||||
|
|
|
@ -87,14 +87,14 @@
|
||||||
<div class='dialog'>
|
<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 class='title'>{{ gs.auth.user.username }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class='body'>
|
<div class='body'>
|
||||||
|
|
||||||
<div v-show='minipop' class='minipopup'>
|
<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='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='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>
|
<span data-icon='edit' @click='gs.popup.show(`nickname.change`); minipop=false'>Change nickname</span>
|
||||||
|
|
|
@ -69,6 +69,21 @@
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue