Added libs into project and fixed ol lists

[bookstack] / resources / views / books / show.blade.php

diff --git a/resources/views/books/show.blade.php b/resources/views/books/show.blade.php
index 1b6009504a24b42d5fcea8b645f4fdc3f3dc40e3..a9f02aaed714edc6addd0f6910cdeb5459fbe8e9 100644 (file)
--- a/resources/views/books/show.blade.php
+++ b/resources/views/books/show.blade.php
@@ -32,7 +32,7 @@
             <div class="col-md-7">
 
                 <h1>{{$book->name}}</h1>
-                <div class="book-content anim fadeIn" v-if="!searching">
+                <div class="book-content anim fadeIn" v-show="!searching">
                     <p class="text-muted">{{$book->description}}</p>
 
                     <div class="page-list">
@@ -62,8 +62,8 @@
                         </p>
                     </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>
+                <div class="search-results" v-show="searching">
+                    <h3 class="text-muted">Search Results <a v-if="searching" @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" v-on:input="checkSearchForm" v-el:form action="/search/book/{{ $book->id }}">
+                    <form @submit="searchBook" @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"><i class="zmdi zmdi-close"></i></button>
+                        <button v-if="searching" @click="clearSearch" type="button"><i class="zmdi zmdi-close"></i></button>
                     </form>
                 </div>
                 <div class="activity anim fadeIn">