Added the setting to swap ability scores and modifiers to the account page

app/imports/api/users/Users.js

@@ -83,6 +83,15 @@ const userSchema = new SimpleSchema({
     blackbox: true,
     optional: true,
   },
+  preferences: {
+    type: Object,
+    optional: true,
+    defaultValue: {},
+  },
+  'preferences.swapAbilityScoresAndModifiers': {
+    type: Boolean,
+    optional: true,
+  },
 });
 
 Meteor.users.attachSchema(userSchema);
@@ -192,6 +201,36 @@ Meteor.users.setUsername = new ValidatedMethod({
 	}
 });
 
+Meteor.users.setPreference = new ValidatedMethod({
+  name: 'users.setPreference',
+	validate: new SimpleSchema({
+    preference:{
+      type: String,
+    },
+    value: {
+      type: SimpleSchema.oneOf(Boolean),
+    },
+  }).validator(),
+  mixins: [RateLimiterMixin],
+  rateLimit: {
+    numRequests: 5,
+    timeInterval: 5000,
+  },
+	run({preference, value}){
+		if (!this.userId) throw 'You can only set preferences once logged in';
+    let prefPath = `preferences.${preference}`
+    if (value == true){
+      return Meteor.users.update(this.userId, {
+        $set: {[prefPath]: true},
+      });
+    } else {
+      return Meteor.users.update(this.userId, {
+        $unset: {[prefPath]: 1},
+      });
+    }
+	},
+});
+
 Meteor.users.subscribeToLibrary = new ValidatedMethod({
   name: 'users.subscribeToLibrary',
 	validate: new SimpleSchema({

app/imports/server/publications/users.js

@@ -11,6 +11,7 @@ Meteor.publish('user', function(){
       darkMode: 1,
       subscribedLibraries: 1,
       profile: 1,
+      preferences: 1,
       'services.patreon.id': 1,
       'services.patreon.entitledCents': 1,
       'services.patreon.entitledCentsOverride': 1,

app/imports/ui/pages/Account.vue

@@ -6,12 +6,23 @@
     >
       <v-list>
         <v-list-tile>
-          <v-switch
-            :input-value="darkMode"
+          <smart-switch
+            :value="darkMode"
             label="Dark mode"
             @change="setDarkMode"
           />
         </v-list-tile>
+        <v-list-tile>
+          <smart-switch
+            label="Swap ability scores and modifiers"
+            :value="
+              user &&
+                user.preferences &&
+                user.preferences.swapAbilityScoresAndModifiers
+            "
+            @change="swapAbilityScoresAndModifiers"
+          />
+        </v-list-tile>
 
         <v-subheader>
           Username
@@ -186,8 +197,14 @@
         Meteor.logout();
         router.push('/');
       },
-      setDarkMode(value){
-        Meteor.users.setDarkMode.call({darkMode: !!value});
+      setDarkMode(value, ack){
+        Meteor.users.setDarkMode.call({darkMode: !!value}, ack);
+      },
+      swapAbilityScoresAndModifiers(value, ack){
+        Meteor.users.setPreference.call({
+          preference: 'swapAbilityScoresAndModifiers',
+          value: !!value,
+        }, ack);
       },
       generateKey(){
         Meteor.users.gnerateApiKey.call(error => {

app/imports/ui/properties/components/attributes/AbilityListTile.vue

@@ -5,10 +5,20 @@
   >
     <v-list-tile-action class="mr-4">
       <div class="display-1 mod">
-        {{ numberToSignedString(model.modifier) }}
+        <template v-if="swapScoresAndMods">
+          {{ model.value }}
+        </template>
+        <template v-else>
+          {{ numberToSignedString(model.modifier) }}
+        </template>
       </div>
       <div class="title value">
-        {{ model.value }}
+        <template v-if="swapScoresAndMods">
+          {{ numberToSignedString(model.modifier) }}
+        </template>
+        <template v-else>
+          {{ model.value }}
+        </template>
       </div>
     </v-list-tile-action>
 
@@ -36,7 +46,15 @@ export default {
 		click(e){
 			this.$emit('click', e);
 		},
-	}
+	},
+  meteor: {
+    swapScoresAndMods(){
+      let user = Meteor.user();
+      return user &&
+        user.preferences &&
+        user.preferences.swapAbilityScoresAndModifiers;
+    }
+  }
 }
 </script>