diff --git a/website/client/components/challenges/challengeDetail.vue b/website/client/components/challenges/challengeDetail.vue
index 53d8a7867a..6633be274d 100644
--- a/website/client/components/challenges/challengeDetail.vue
+++ b/website/client/components/challenges/challengeDetail.vue
@@ -10,7 +10,7 @@
h1(v-markdown='challenge.name')
div
strong(v-once) {{$t('createdBy')}}:
- span {{challenge.leader.profile.name}}
+ span(v-if='challenge.leader && challenge.leader.profile') {{challenge.leader.profile.name}}
// @TODO: make challenge.author a variable inside the createdBy string (helps with RTL languages)
// @TODO: Implement in V2 strong.margin-left(v-once)
.svg-icon.calendar-icon(v-html="icons.calendarIcon")
diff --git a/website/client/components/groups/group.vue b/website/client/components/groups/group.vue
index 6ab7c7d95e..515e1eecdc 100644
--- a/website/client/components/groups/group.vue
+++ b/website/client/components/groups/group.vue
@@ -4,6 +4,7 @@
invite-modal(:group='this.group')
start-quest-modal(:group='this.group')
quest-details-modal(:group='this.group')
+ group-gems-modal
.col-12.col-sm-8.standard-page
.row
.col-6.title-details
@@ -20,7 +21,7 @@
span.number {{ group.memberCount | abbrNum }}
div(v-once) {{ $t('memberList') }}
.col-4(v-if='!isParty')
- .item-with-icon
+ .item-with-icon(@click='showGroupGems()')
.svg-icon.gem(v-html="icons.gem")
span.number {{group.balance * 4}}
div(v-once) {{ $t('guildBank') }}
@@ -47,7 +48,6 @@
.row
.col-12.hr
chat-message(:chat.sync='group.chat', :group-id='group._id', group-name='group.name')
-
.col-12.col-sm-4.sidebar
.row(:class='{"guild-background": !isParty}')
.col-6
@@ -453,6 +453,7 @@ import inviteModal from './inviteModal';
import chatMessage from '../chat/chatMessages';
import autocomplete from '../chat/autoComplete';
import groupChallenges from '../challenges/groupChallenges';
+import groupGemsModal from 'client/components/groups/groupGemsModal';
import markdownDirective from 'client/directives/markdown';
import bCollapse from 'bootstrap-vue/lib/components/collapse';
@@ -490,6 +491,7 @@ export default {
groupChallenges,
autocomplete,
questDetailsModal,
+ groupGemsModal,
},
directives: {
bToggle,
@@ -857,6 +859,9 @@ export default {
let quest = await this.$store.dispatch('quests:sendAction', {groupId: this.group._id, action: 'quests/reject'});
this.group.quest = quest;
},
+ showGroupGems () {
+ this.$root.$emit('show::modal', 'group-gems-modal');
+ },
},
};
diff --git a/website/client/components/groups/groupGemsModal.vue b/website/client/components/groups/groupGemsModal.vue
new file mode 100644
index 0000000000..70a2f9cba0
--- /dev/null
+++ b/website/client/components/groups/groupGemsModal.vue
@@ -0,0 +1,32 @@
+
+ b-modal#group-gems-modal(:title="$t('groupGems')", size='md', :hide-footer="true")
+ .modal-body
+ .row
+ .col-6.offset-3
+ h3 {{ $t('groupGemsDesc') }}
+ .modal-footer
+ .col-12.text-center
+ button.btn.btn-primary(@click='close()') {{$t('close')}}
+
+
+
+
+
diff --git a/website/client/components/notifications.vue b/website/client/components/notifications.vue
index 0aa2733a3b..5041cfa517 100644
--- a/website/client/components/notifications.vue
+++ b/website/client/components/notifications.vue
@@ -303,6 +303,11 @@ export default {
this.$root.$emit('show::modal', 'avatar-modal');
}
+ if (this.user.stats.hp <= 0) {
+ this.playSound('Death');
+ this.$root.$emit('show::modal', 'death');
+ }
+
if (this.questCompleted) {
this.$root.$emit('show::modal', 'quest-completed');
}
diff --git a/website/client/components/payments/amazonModal.vue b/website/client/components/payments/amazonModal.vue
index 572a20ef95..035f1ed12e 100644
--- a/website/client/components/payments/amazonModal.vue
+++ b/website/client/components/payments/amazonModal.vue
@@ -1,15 +1,22 @@
- b-modal#amazon-payment(title="Amazon", :hide-footer="true", size='lg')
+ b-modal#amazon-payment(title="Amazon", :hide-footer="true", size='md')
+ h2.text-center Continue with Amazon
#AmazonPayButton
#AmazonPayWallet(v-if="amazonPayments.loggedIn", style="width: 400px; height: 228px;")
#AmazonPayRecurring(v-if="amazonPayments.loggedIn && amazonPayments.type === 'subscription'",
style="width: 400px; height: 140px;")
.modal-footer
- .btn.btn-primary(:disabled="amazonPaymentsCanCheckout() || !amazonButtonEnabled",
- @click="amazonCheckOut()") {{ $t('checkout') }}
+ .text-center
+ .btn.btn-primary(v-if="amazonPaymentsCanCheckout",
+ @click="amazonCheckOut()") {{ $t('checkout') }}