Fixed book js not working

diff --git a/resources/assets/js/pages/book-show.js b/resources/assets/js/pages/book-show.js
index 7388cced1b6e28181672f0d904418d92e44d5e5d..45159ad0297f18aa78750fc5748ad88e6349331b 100644 (file)
--- a/resources/assets/js/pages/book-show.js
+++ b/resources/assets/js/pages/book-show.js
@@ -13,7 +13,7 @@ module.exports = {
             if (term.length == 0) return;
             this.searching = true;
             this.searchResults = '';
-            var searchUrl = this.$$.form.getAttribute('action');
+            var searchUrl = this.$els.form.getAttribute('action');
             searchUrl += '?term=' + encodeURIComponent(term);
             this.$http.get(searchUrl, function (data) {
                 this.$set('searchResults', data);

diff --git a/resources/views/books/show.blade.php b/resources/views/books/show.blade.php
index edd8a9b47a07abd0af0773f9a0d57c845cf5bb40..0485ccc156dcd8922481aa9752e28c5363d92adf 100644 (file)
--- a/resources/views/books/show.blade.php
+++ b/resources/views/books/show.blade.php
@@ -63,7 +63,7 @@
                     </div>
                 </div>
                 <div class="search-results" v-if="searching">
-                    <h3 class="text-muted">Search Results <a v-if="searching" v-on="click: clearSearch" class="text-small"><i class="zmdi zmdi-close"></i>Clear Search</a></h3>
+                    <h3 class="text-muted">Search Results <a v-if="searching" v-on:click="clearSearch" class="text-small"><i class="zmdi zmdi-close"></i>Clear Search</a></h3>
                     <div v-if="!searchResults">
                         @include('partials/loading-icon')
                     </div>
@@ -76,11 +76,11 @@
             <div class="col-md-4 col-md-offset-1">
                 <div class="margin-top large"></div>
                 <div class="search-box">
-                    <form v-on="submit: searchBook, input: checkSearchForm" v-el="form" action="/search/book/{{ $book->id }}">
+                    <form v-on:submit="searchBook" v-on:input="checkSearchForm" v-el:form action="/search/book/{{ $book->id }}">
                         {!! csrf_field() !!}
                         <input v-model="searchTerm" type="text" name="term" placeholder="Search This Book">
                         <button type="submit"><i class="zmdi zmdi-search"></i></button>
-                        <button v-if="searching" v-on="click: clearSearch" type="button primary"><i class="zmdi zmdi-close"></i></button>
+                        <button v-if="searching" v-on:click="clearSearch" type="button"><i class="zmdi zmdi-close"></i></button>
                     </form>
                 </div>
                 <div class="activity anim fadeIn">