Fix char values issue (#13946)

* Fix selection highlight in avatar editor

* Add validation for Fix Character Values fields

website/client/src/components/settings/restoreModal.vue

@@ -143,12 +143,11 @@ export default {
   },
   methods: {
     close () {
+      this.validateInputs();
       this.$root.$emit('bv::hide::modal', 'restore');
     },
     restore () {
-      if (this.restoreValues.stats.lvl < 1) {
+      if (!this.validateInputs()) {
-        // @TODO:
-        // Notification.error(env.t('invalidLevel'), true);
         return;
       }
 
@@ -175,6 +174,35 @@ export default {
       this.$store.dispatch('user:set', settings);
       this.$root.$emit('bv::hide::modal', 'restore');
     },
+    validateInputs () {
+      const canRestore = ['hp', 'exp', 'gp', 'mp'];
+      let valid = true;
+
+      for (const stat of canRestore) {
+        if (this.restoreValues.stats[stat] === '') {
+          this.restoreValues.stats[stat] = this.user.stats[stat];
+          valid = false;
+        }
+      }
+
+      const inputLevel = Number(this.restoreValues.stats.lvl);
+      if (this.restoreValues.stats.lvl === ''
+        || !Number.isInteger(inputLevel)
+        || inputLevel < 1) {
+        this.restoreValues.stats.lvl = this.user.stats.lvl;
+        valid = false;
+      }
+
+      const inputStreak = Number(this.restoreValues.achievements.streak);
+      if (this.restoreValues.achievements.streak === ''
+        || !Number.isInteger(inputStreak)
+        || inputStreak < 0) {
+        this.restoreValues.achievements.streak = this.user.achievements.streak;
+        valid = false;
+      }
+
+      return valid;
+    },
   },
 };
 </script>