Format patron names (#119)

* Extract capitalize() into new core util

Was never crazy about initial implementation as page component method.

This is a modest start to extracting a common core (#109) and will prove
immediately useful in formatting patron names.

* Consistent formatting for patron names

Uppercase for first letter. Lowercase for the rest.

> Even though it might result in false formatting for edge cases,
preferable over haphazard look when patrons enter all upper or lower.

pages/_location/spaces/_category.vue

@@ -26,15 +26,16 @@
 <script>
 import moment from 'moment'
 import { mapState } from 'vuex'
+import signage from '~/utils/core'
 import labStats from '~/utils/labstats'
 import libCal from '~/utils/libcal'
 import SpaceAvailability from '~/components/SpaceAvailability'
 
 export default {
   head () {
     return {
-      title: this.capitalize(this.$route.params.category),
-      titleTemplate: this.capitalize(this.$route.params.location) + ' - %s',
+      title: signage.capitalize(this.$route.params.category),
+      titleTemplate: signage.capitalize(this.$route.params.location) + ' - %s',
       link: [
         { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Lato:300,400,700' },
         // TODO: Use packages for officiaal Vue.js component
@@ -109,11 +110,6 @@ export default {
         category: this.$route.params.category
       })
     }, 1000 * 60)
-  },
-  methods: {
-    capitalize (string) {
-      return string.charAt(0).toUpperCase() + string.slice(1)
-    }
   }
 }
 </script>

utils/core.js

@@ -0,0 +1,7 @@
+const core = {
+  capitalize: function (string) {
+    return string.charAt(0).toUpperCase() + string.slice(1)
+  }
+}
+
+export default core

utils/libcal.js

@@ -1,4 +1,5 @@
 import schema from '~/utils/schema'
+import signage from '~/utils/core'
 import _ from 'lodash'
 import moment from 'moment'
 import nanoid from 'nanoid'
@@ -128,6 +129,14 @@ const libCal = {
         }
         return true
       })
+      // Consistent formatting for patron names
+      // -- even though it might result in false formatting for edge cases, preferable
+      // -- over haphazard look when patrons enter all upper or lower
+      .map(b => {
+        b.firstName = libCal.formatPatronName(b.firstName)
+        b.lastName = libCal.formatPatronName(b.lastName)
+        return b
+      })
       // Fill gaps between & pad bookings with available slots
       .flatMap(function (booking, index, allBookings) {
         const paddedBooking = [booking]
@@ -191,6 +200,9 @@ const libCal = {
   formatDate: function (date) {
     return moment(date).format('Y-MM-DD')
   },
+  formatPatronName: function (name) {
+    return signage.capitalize(name.toLowerCase())
+  },
   formatStatusChange: function (datetime) {
     const statusChange = datetime === null ? 'no upcoming openings' : moment(datetime).calendar()
     return statusChange === '12:00 am' ? 'Midnight' : statusChange