New client misc with some more misc (#8929)

* Added markdown

* Added styles and option for debug menu

* Added sm icons

* Began styling autocomplete

* Added autocomplete styles

* Added more challenge categories

* Updated challenge participants modal

* Fixed challenge list updating without reload

* Added close and delete challenge

* Fixed form placeholder, adjusted desc style and fixed create button style

* Fixed faq collapsing and style

* Fixed repeating ending

* Fixed delete account

* Fixed party fetch issue

* Fixed scope issue

* Added member count filters

* Fixed create button style

* Fixed badge color display

* Updated tavern styles

* Fixed some party styles

* Updated login styles

* Fixed login redirect

* Fixed initial login process

* Added done local

website/client/components/challenges/closeChallengeModal.vue

@@ -10,11 +10,10 @@ div
       .col-12
         strong(v-once) {{$t('selectChallengeWinnersDescription')}}
       .col-12
-        b-dropdown(:text="$t('sort')", right=true)
-          b-dropdown-item(@click='sort(option.value)')
-            | Member
+        select.form-control(v-model='winnerId')
+          option(v-for='member in members', :value='member._id') {{member.profile.name}}
       .col-12
-        button.btn.btn-primary(v-once) {{$t('awardWinners')}}
+        button.btn.btn-primary(v-once, @click='closeChallenge') {{$t('awardWinners')}}
       .col-12
         hr
         .or {{$t('or')}}
@@ -78,26 +77,29 @@ import bDropdown from 'bootstrap-vue/lib/components/dropdown';
 import bDropdownItem from 'bootstrap-vue/lib/components/dropdown-item';
 
 export default {
-  props: ['challenge'],
+  props: ['challengeId', 'members'],
   components: {
     bModal,
     bDropdown,
     bDropdownItem,
   },
-
   data () {
     return {
+      winnerId: '',
     };
   },
   methods: {
-    closeChallenge () {
-      // this.challenge = this.$store.dispatch('challenges:selectChallengeWinner', {
-      //   challengeId: this.challengeId,
-      //   winnerId: this.winnerId,
-      // });
+    async closeChallenge () {
+      this.challenge = await this.$store.dispatch('challenges:selectChallengeWinner', {
+        challengeId: this.challengeId,
+        winnerId: this.winnerId,
+      });
+      this.$router.push('/challenges/myChallenges');
     },
-    deleteChallenge () {
-      // this.challenge = this.$store.dispatch('challenges:deleteChallenge', {challengeId: this.challengeId});
+    async deleteChallenge () {
+      if (!confirm('Are you sure you want to delete this challenge?')) return;
+      this.challenge = await this.$store.dispatch('challenges:deleteChallenge', {challengeId: this.challengeId});
+      this.$router.push('/challenges/myChallenges');
     },
   },
 };