Fuse-box client scripts integration + deps update

2017-04-01 17:07:01 -04:00
parent f6c519c5dc
commit fe0c4ce0c0
23 changed files with 32342 additions and 64195 deletions
--- a/client/js/components/search.js
+++ b/client/js/components/search.js
@@ -1,83 +1,87 @@
 'use strict'

-/* global $, Vue, _, socket */
+import $ from 'jquery'
+import _ from 'lodash'
+import Vue from 'vue'

-if ($('#search-input').length) {
-  $('#search-input').focus()
+module.exports = (socket) => {
+  if ($('#search-input').length) {
+    $('#search-input').focus()

-  $('.searchresults').css('display', 'block')
+    $('.searchresults').css('display', 'block')

-  var vueHeader = new Vue({
-    el: '#header-container',
-    data: {
-      searchq: '',
-      searchres: [],
-      searchsuggest: [],
-      searchload: 0,
-      searchactive: false,
-      searchmoveidx: 0,
-      searchmovekey: '',
-      searchmovearr: []
-    },
-    watch: {
-      searchq: (val, oldVal) => {
-        vueHeader.searchmoveidx = 0
-        if (val.length >= 3) {
-          vueHeader.searchactive = true
-          vueHeader.searchload++
-          socket.emit('search', { terms: val }, (data) => {
-            vueHeader.searchres = data.match
-            vueHeader.searchsuggest = data.suggest
-            vueHeader.searchmovearr = _.concat([], vueHeader.searchres, vueHeader.searchsuggest)
-            if (vueHeader.searchload > 0) { vueHeader.searchload-- }
-          })
-        } else {
-          vueHeader.searchactive = false
-          vueHeader.searchres = []
-          vueHeader.searchsuggest = []
-          vueHeader.searchmovearr = []
-          vueHeader.searchload = 0
+    var vueHeader = new Vue({
+      el: '#header-container',
+      data: {
+        searchq: '',
+        searchres: [],
+        searchsuggest: [],
+        searchload: 0,
+        searchactive: false,
+        searchmoveidx: 0,
+        searchmovekey: '',
+        searchmovearr: []
+      },
+      watch: {
+        searchq: (val, oldVal) => {
+          vueHeader.searchmoveidx = 0
+          if (val.length >= 3) {
+            vueHeader.searchactive = true
+            vueHeader.searchload++
+            socket.emit('search', { terms: val }, (data) => {
+              vueHeader.searchres = data.match
+              vueHeader.searchsuggest = data.suggest
+              vueHeader.searchmovearr = _.concat([], vueHeader.searchres, vueHeader.searchsuggest)
+              if (vueHeader.searchload > 0) { vueHeader.searchload-- }
+            })
+          } else {
+            vueHeader.searchactive = false
+            vueHeader.searchres = []
+            vueHeader.searchsuggest = []
+            vueHeader.searchmovearr = []
+            vueHeader.searchload = 0
+          }
+        },
+        searchmoveidx: (val, oldVal) => {
+          if (val > 0) {
+            vueHeader.searchmovekey = (vueHeader.searchmovearr[val - 1])
+              ? 'res.' + vueHeader.searchmovearr[val - 1].entryPath
+              : 'sug.' + vueHeader.searchmovearr[val - 1]
+          } else {
+            vueHeader.searchmovekey = ''
+          }
        }
      },
-      searchmoveidx: (val, oldVal) => {
-        if (val > 0) {
-          vueHeader.searchmovekey = (vueHeader.searchmovearr[val - 1])
-            ? 'res.' + vueHeader.searchmovearr[val - 1].entryPath
-            : 'sug.' + vueHeader.searchmovearr[val - 1]
-        } else {
-          vueHeader.searchmovekey = ''
+      methods: {
+        useSuggestion: (sug) => {
+          vueHeader.searchq = sug
+        },
+        closeSearch: () => {
+          vueHeader.searchq = ''
+        },
+        moveSelectSearch: () => {
+          if (vueHeader.searchmoveidx < 1) { return }
+          let i = vueHeader.searchmoveidx - 1
+
+          if (vueHeader.searchmovearr[i]) {
+            window.location.assign('/' + vueHeader.searchmovearr[i].entryPath)
+          } else {
+            vueHeader.searchq = vueHeader.searchmovearr[i]
+          }
+        },
+        moveDownSearch: () => {
+          if (vueHeader.searchmoveidx < vueHeader.searchmovearr.length) {
+            vueHeader.searchmoveidx++
+          }
+        },
+        moveUpSearch: () => {
+          if (vueHeader.searchmoveidx > 0) {
+            vueHeader.searchmoveidx--
+          }
        }
      }
-    },
-    methods: {
-      useSuggestion: (sug) => {
-        vueHeader.searchq = sug
-      },
-      closeSearch: () => {
-        vueHeader.searchq = ''
-      },
-      moveSelectSearch: () => {
-        if (vueHeader.searchmoveidx < 1) { return }
-        let i = vueHeader.searchmoveidx - 1
+    })

-        if (vueHeader.searchmovearr[i]) {
-          window.location.assign('/' + vueHeader.searchmovearr[i].entryPath)
-        } else {
-          vueHeader.searchq = vueHeader.searchmovearr[i]
-        }
-      },
-      moveDownSearch: () => {
-        if (vueHeader.searchmoveidx < vueHeader.searchmovearr.length) {
-          vueHeader.searchmoveidx++
-        }
-      },
-      moveUpSearch: () => {
-        if (vueHeader.searchmoveidx > 0) {
-          vueHeader.searchmoveidx--
-        }
-      }
-    }
-  })
-
-  $('main').on('click', vueHeader.closeSearch)
+    $('main').on('click', vueHeader.closeSearch)
+  }
 }