From ee9709a9e1499cbea5983543103bba62c4a82103 Mon Sep 17 00:00:00 2001
From: CuriousMagpie <eilatan@gmail.com>
Date: Mon, 18 Sep 2023 16:30:30 -0400
Subject: [PATCH] WIP(profile): add banned banner, toggle switches now toggle,
 add "days" to Next Login Reward

---
 .../src/components/userMenu/profile.vue       | 47 +++++++++++++++++--
 website/common/locales/en/groups.json         |  1 +
 2 files changed, 45 insertions(+), 3 deletions(-)

diff --git a/website/client/src/components/userMenu/profile.vue b/website/client/src/components/userMenu/profile.vue
index 8c6890dff6..c1224ef44c 100644
--- a/website/client/src/components/userMenu/profile.vue
+++ b/website/client/src/components/userMenu/profile.vue
@@ -29,6 +29,24 @@
           v-html="$t('blockedUser')"
         >
         </div>
+        <div
+          v-if="hasPermission(userLoggedIn, 'moderator')"
+          class="banned-user d-flex mx-auto"
+        >
+          <span
+            v-if="hero.auth.blocked = true"
+          >
+            <span
+              v-once
+              class="svg-icon icon-16 color"
+              v-html="icons.block"
+            ></span>
+            <span
+              v-html="$t('bannedUser')"
+            >
+            </span>
+          </span>
+        </div>
         <div class="text-center nav">
           <div
             class="nav-item"
@@ -292,6 +310,9 @@
                       <toggle-switch
                         v-model="hero.flags.chatShadowMuted"
                         class="toggle-switch-outer ml-auto"
+                        @change.native.capture.stop="!hero.flags.chatShadowMuted
+                          ? adminTurnOnShadowMuting()
+                          : adminTurnOffShadowMuting()"
                       />
                     </span>
                   </b-dropdown-item>
@@ -315,6 +336,9 @@
                       <toggle-switch
                         v-model="hero.flags.chatRevoked"
                         class="toggle-switch-outer ml-auto"
+                        @change.native.capture.stop="!hero.flags.chatRevoked
+                          ? adminRevokeChat()
+                          : adminReinstateChat()"
                       />
                     </span>
                   </b-dropdown-item>
@@ -353,7 +377,7 @@
                   {{ $t('nextReward') }}:
                 </div>
                 <div class="info-item-value">
-                  {{ nextIncentive }}
+                  {{ nextIncentive }} {{ $t('days') }}
                 </div>
               </div>
             </div>
@@ -645,7 +669,6 @@
       }
     }
 
-
     .character-name {
       color: $gray-50;
       font-weight: bold;
@@ -769,6 +792,24 @@
     padding: 8px 16px;
   }
 
+  .banned-user {
+    background-color: $maroon-100;
+    border-radius: 4px;
+    color: $white;
+    height: 40px;
+    line-height: 1.71;
+    margin-top: 16px;
+    padding: 8px 16px;
+
+    .color {
+      color: $white !important;
+    }
+
+    svg {
+      display: inline;
+    }
+  }
+
   .state-pages {
     background-color: $gray-700;
     margin-left: 0px;
@@ -1110,7 +1151,7 @@ export default {
       return this.userLoggedIn.inbox.blocks.indexOf(this.user._id) !== -1;
     },
     // userBanned () {
-    //   return valueOf(this.user._id.auth.blocked);
+    //   return this.userLoggedIn.auth.blocked.valueOf(this.user._id.auth.blocked);
     // },
     canReport () {
       if (!this.user || !this.user.profile || !this.user.profile.flags) {
diff --git a/website/common/locales/en/groups.json b/website/common/locales/en/groups.json
index e9c882f4d7..01dc58016d 100644
--- a/website/common/locales/en/groups.json
+++ b/website/common/locales/en/groups.json
@@ -89,6 +89,7 @@
   "PMUnblockUserToSendMessages": "Unblock this user to continue sending and receiving messages.",
   "block": "Block Player",
   "blockedUser": "<strong>You blocked this player.</strong>&nbsp;They cannot send you Private Messages but you will still see their posts.",
+  "bannedUser": "<strong>This player has been banned.</strong>",
   "unblock": "Unblock Player",
   "blockYourself": "You cannot block yourself",
   "blockWarning": "This will have no effect if the player is an admin.",