krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-14 21:27:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

pug to html

Browse Source
This commit is contained in:
Matteo Pagliazzi
2019-10-12 16:33:05 +02:00
parent 88243a32fa
commit 07349c70bc
236 changed files with 16708 additions and 9648 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
website/client/src/components/achievements/wonChallenge.vue
View File

@@ -1,25 +1,56 @@
<template lang="pug">
b-modal#won-challenge(:title="$t('wonChallenge')", size='md', :hide-footer="true")
.modal-body.text-center
h4(v-markdown='user.achievements.challenges[user.achievements.challenges.length - 1]')
.row
.col-4
.achievement-karaoke-2x
.col-4
// @TODO: +generatedAvatar({sleep: false})
avatar.avatar(:member='user', :avatar-only='true')
.col-4
.achievement-karaoke-2x
p {{ $t('congratulations') }}
br
button.btn.btn-primary(@click='close()') {{ $t('hurray') }}
.modal-footer
.col-3
a.twitter-share-button(href='https://twitter.com/intent/tweet?text=#{tweet}&via=habitica&url=#{env.BASE_URL}/social/won-challenge&count=none') {{ $t('tweet') }}
.col-4(style='margin-left:.8em')
.fb-share-button(data-href='#{env.BASE_URL}/social/won-challenge', data-layout='button')
.col-4(style='margin-left:.8em')
a.tumblr-share-button(data-href='#{env.BASE_URL}/social/won-challenge', data-notes='none')
<template>
<b-modal
id="won-challenge"
:title="$t('wonChallenge')"
size="md"
:hide-footer="true"
>
<div class="modal-body text-center">
<h4 v-markdown="user.achievements.challenges[user.achievements.challenges.length - 1]"></h4><div class="row">
<div class="col-4">
<div class="achievement-karaoke-2x"></div>
</div><div class="col-4">
<!-- @TODO: +generatedAvatar({sleep: false})--><avatar
class="avatar"
:member="user"
:avatar-only="true"
/>
</div><div class="col-4">
<div class="achievement-karaoke-2x"></div>
</div>
</div><p>{{ $t('congratulations') }}</p><br><button
class="btn btn-primary"
@click="close()"
>
{{ $t('hurray') }}
</button>
</div><div class="modal-footer">
<div class="col-3">
<a
class="twitter-share-button"
href="https://twitter.com/intent/tweet?text=#{tweet}&via=habitica&url=#{env.BASE_URL}/social/won-challenge&count=none"
>{{ $t('tweet') }}</a>
</div><div
class="col-4"
style="margin-left:.8em"
>
<div
class="fb-share-button"
data-href="#{env.BASE_URL}/social/won-challenge"
data-layout="button"
></div>
</div><div
class="col-4"
style="margin-left:.8em"
>
<a
class="tumblr-share-button"
data-href="#{env.BASE_URL}/social/won-challenge"
data-notes="none"
></a>
</div>
</div>
</b-modal>
</template>
<style scoped>