rdme

README.md

@@ -43,6 +43,8 @@
 - add this one liner to your main js file and run `npm run watch` to compile your `js/css` files.
   + if you are having issues [Check](https://ctf0.wordpress.com/2017/09/12/laravel-mix-es6/).
   ```js
+  // app.js
+
   window.Vue = require('vue')
 
   require('../vendor/MediaManager/js/manager')

src/resources/assets/js/components/globalSearch/button.vue

@@ -1,5 +1,9 @@
 <template>
-    <button :disabled="loading" :class="{'is-static' : loading}" class="button" @click="done ? showSearchPanel() : init()">
+    <button v-tippy :disabled="loading"
+            :class="{'is-static' : loading}"
+            :title="trans('glbl_search')"
+            class="button"
+            @click="done ? showSearchPanel() : init()">
         <span class="icon"><icon :spin="loading" name="globe"/></span>
     </button>
 </template>
@@ -28,12 +32,15 @@ export default {
                     this.loading = false
                     this.done = true
                     EventHub.fire('global-search-index', data)
-                    parent.showNotif(parent.trans('glbl_search'))
+                    parent.showNotif(this.trans('glbl_search_avail'))
 
                 }).catch((err) => {
                     console.error(err)
                 })
         },
+        trans(key) {
+            return this.$parent.trans(key)
+        },
         showSearchPanel() {
             EventHub.fire('show-global-search')
         }

src/resources/assets/js/components/media.vue

@@ -115,7 +115,7 @@ export default {
     },
     created() {
         window.addEventListener('popstate', this.urlNavigation)
-        window.addEventListener('resize', debounce(this.scrollByRow, 500))
+        window.addEventListener('resize', debounce(this.scrollByRow, 250))
         document.addEventListener('keydown', this.shortCuts)
         this.init()
     },
@@ -140,6 +140,7 @@ export default {
     }, 250),
     beforeDestroy() {
         window.removeEventListener('popstate', this.urlNavigation)
+        window.removeEventListener('resize', this.scrollByRow)
         document.removeEventListener('keydown', this.shortCuts)
         this.noScroll('remove')
     },

src/resources/assets/js/modules/scroll.js

@@ -37,14 +37,16 @@ export default {
             })
         },
         scrollByRow() {
-            const cont = this.$refs['__stack-files'].$el
+            const cont = this.$refs['__stack-files'] ? this.$refs['__stack-files'].$el : null
 
-            let width = cont.clientWidth
-            let pad = parseInt(window.getComputedStyle(cont).paddingLeft) + parseInt(window.getComputedStyle(cont).paddingRight)
-            let contWidth = width - pad
-            let itemWidth = this.$refs.filesList.firstChild ? this.$refs.filesList.firstChild.clientWidth : 0
+            if (cont) {
+                let width = cont.clientWidth
+                let pad = parseInt(window.getComputedStyle(cont).paddingLeft) + parseInt(window.getComputedStyle(cont).paddingRight)
+                let contWidth = width - pad
+                let itemWidth = this.$refs.filesList.firstChild ? this.$refs.filesList.firstChild.clientWidth : 0
 
-            this.scrollByRows = Math.floor(contWidth / itemWidth)
+                this.scrollByRows = Math.floor(contWidth / itemWidth)
+            }
         }
     }
 }

src/resources/lang/en/messages.php

@@ -52,6 +52,8 @@
   'find' => 'Find...',
   'folder' => 'Folder',
   'found' => 'Found',
+  'glbl_search_avail' => 'Global Search Is Now Available.',
+  'go_to_folder' => 'Go To Folder !',
   'image' => 'Image',
   'items' => 'Item(s)',
   'last_modified' => 'Last Modified',
@@ -107,6 +109,5 @@
   'visibility_error' => '":attr" Visibility Couldn\'t Be Changed',
   'visibility_set' => 'Change Visibility',
   'visibility_success' => '":attr" Visibility Was Updated',
-  'go_to_folder' => 'Go To Folder !',
-  'glbl_search' => 'Global Search Is Now Available',
+  'glbl_search' => 'Global Search',
 );

src/resources/views/_manager.blade.php

@@ -30,6 +30,7 @@
         'stand_by' => trans('MediaManager::messages.stand_by'), 
         'new_uploads_notif' => trans('MediaManager::messages.new_uploads_notif'), 
         'glbl_search' => trans('MediaManager::messages.glbl_search'), 
+        'glbl_search_avail' => trans('MediaManager::messages.glbl_search_avail'), 
         'go_to_folder' => trans('MediaManager::messages.go_to_folder'), 
         'find' => trans('MediaManager::messages.find')
     ]) }}"

src/resources/views/media.blade.php

@@ -30,6 +30,6 @@
     {{-- footer --}}
     @stack('styles')
     @stack('scripts')
-    <script src="{{ asset("path/to/app.js") }}"></script>
+    <script src="{{ asset("js/app.js") }}"></script>
 </body>
-</html>
+</html>