krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-19 07:37:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

Removed extra options and fixed copy userID (#10538)

Browse Source
This commit is contained in:
Keith Holliday
2018-07-21 08:11:29 -05:00
committed by GitHub
parent 91e91788ce
commit 7bead74b49
1 changed files with 18 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
website/client/components/groups/createPartyModal.vue
View File

@@ -19,19 +19,20 @@ b-modal#create-party-modal(title="Empty", size='lg', hide-footer=true)
p(v-once) {{$t('wantToJoinPartyDescription')}} p(v-once) {{$t('wantToJoinPartyDescription')}}
button.btn.btn-primary(v-once, @click='shareUserId()') {{$t('shartUserId')}} button.btn.btn-primary(v-once, @click='shareUserId()') {{$t('shartUserId')}}
.share-userid-options(v-if="shareUserIdShown") .share-userid-options(v-if="shareUserIdShown")
.option-item(v-once) .option-item(@click='copyUserId()')
.svg-icon(v-html="icons.copy") .svg-icon(v-html="icons.copy")
input(type="text", v-model="user._id", id="userIdInput")
| Copy User ID | Copy User ID
.option-item(v-once) //.option-item(v-once)
.svg-icon(v-html="icons.greyBadge") .svg-icon(v-html="icons.greyBadge")
| {{$t('lookingForGroup')}} | {{$t('lookingForGroup')}}
.option-item(v-once) //.option-item(v-once)
.svg-icon(v-html="icons.qrCode") .svg-icon(v-html="icons.qrCode")
| {{$t('qrCode')}} | {{$t('qrCode')}}
.option-item(v-once) //.option-item(v-once)
.svg-icon.facebook(v-html="icons.facebook") .svg-icon.facebook(v-html="icons.facebook")
| Facebook | Facebook
.option-item(v-once) //.option-item(v-once)
.svg-icon(v-html="icons.twitter") .svg-icon(v-html="icons.twitter")
| Twitter | Twitter
</template> </template>
@@ -108,10 +109,15 @@ b-modal#create-party-modal(title="Empty", size='lg', hide-footer=true)
border-radius: 2px; border-radius: 2px;
width: 220px; width: 220px;
position: absolute; position: absolute;
top: -8em; top: 9em;
left: 4.8em; left: 4.8em;
box-shadow: 0 2px 2px 0 rgba(26, 24, 29, 0.16), 0 1px 4px 0 rgba(26, 24, 29, 0.12); box-shadow: 0 2px 2px 0 rgba(26, 24, 29, 0.16), 0 1px 4px 0 rgba(26, 24, 29, 0.12);
#userIdInput {
position: absolute;
left: 1000rem;
}
.option-item { .option-item {
padding: 1em; padding: 1em;
@@ -183,6 +189,12 @@ export default {
this.$root.$emit('bv::hide::modal', 'create-party-modal'); this.$root.$emit('bv::hide::modal', 'create-party-modal');
this.$router.push('/party'); this.$router.push('/party');
}, },
copyUserId () {
const copyText = document.getElementById('userIdInput');
copyText.select();
document.execCommand('copy');
alert('User ID has been copied');
},
}, },
}; };
</script> </script>