Gecko [ gandhischool.edu.np ]

Name	Size	Permission
about_organization.blade.php	4.05 KB	-rw-rw-r--
aboutus.blade.php	6.68 KB	-rw-rw-r--
advisory_board.blade.php	1.86 KB	-rw-rw-r--
app.blade.php	9.95 KB	-rw-rw-r--
books.blade.php	2.65 KB	-rw-rw-r--
committee.blade.php	2.11 KB	-rw-rw-r--
gallery.blade.php	1.64 KB	-rw-rw-r--
index.blade.php	11.61 KB	-rw-rw-r--
member.blade.php	3.92 KB	-rw-rw-r--
news.blade.php	1.91 KB	-rw-rw-r--
patrons.blade.php	1.77 KB	-rw-rw-r--
publication.blade.php	2.08 KB	-rw-rw-r--
reports.blade.php	2.29 KB	-rw-rw-r--
show_gallery.blade.php	3.34 KB	-rw-rw-r--
show_news.blade.php	1.82 KB	-rw-rw-r--
show_publication.blade.php	3.7 KB	-rw-rw-r--
video.blade.php	1.55 KB	-rw-rw-r--

Code Editor : show_publication.blade.php

@extends('frontend.app')
@section('content')

<div class="container-fluid bg-primary py-5 mb-5 page-header">
    <div class="container py-5">
        <div class="row justify-content-center">
            <div class="col-lg-10 text-center">
                <h1 class="display-3 text-white animated slideInDown">publication </h1>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb justify-content-center">
                        <li class="breadcrumb-item"><a class="text-white" href="/">Home</a></li>
                        <li class="breadcrumb-item text-white active" aria-current="page"> <a href="/publication">publication</a></li>
                        <li class="breadcrumb-item text-white active" aria-current="page"> <a >Read</a></li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="col-md-8" id="viewpdf">
            <div>
                <span style="float: left; font-size:30pt; color:black;">{{$single_publication->title}}</span>
            </div>
            <div class="expand" id="expand">
               <a href="/files/{{$single_publication->file}}" target="_blank"> <i style="float: right; font-size:30pt" id="expand" class="fas fa-expand"></i> </a> 
            </div>
            <div class="d-none" id="compress">
                <a onclick="changeClassNameCompress()"> <i style="float: right; font-size:30pt" class="fas fa-compress"></i> </a> 
            </div>
            <br> 
                <object data="/files/{{$single_publication->file}}" type="application/pdf"  width="100%" height="800px"> 
                    <p>It appears you don't have a PDF plugin for this browser.
                    No biggie... you can <a href="/files/{{$single_publication->file}}">click here to
                    download the PDF file.</a></p>  
                </object>
        </div>
        <div class="col-md-4" id="viewpdf2"  >
            <h3> Other publication</h3>
            <ul  class="list-group" style="margin-left: 1rem;">
                @foreach ($publication as $data)
                <li class="list-group-item">
                    <a href="/publication/{{$data->id}}" > @if($single_publication->id == $data->id) <u> {{$data->title}} </u> @else {{$data->title}} @endif</a>
                </li>   
                @endforeach
            </ul>
        </div>
    </div>
</div>
@endsection
@section('scripts')
<script>
    function changeClassName() {
      var element = document.querySelector("#viewpdf");
      var element2 = document.querySelector("#viewpdf2");
      var expand = document.querySelector("#expand");
      var compress = document.querySelector("#compress");
      element.classList.remove("col-md-8");
      element.classList.add("col-md-12");
      element2.classList.remove("col-md-4");
      element2.classList.add("d-none");
      expand.classList.remove("expand");
      expand.classList.add("d-none");
      compress.classList.remove("d-none");
      compress.classList.add("compress");

}
    function changeClassNameCompress() {
      var element = document.querySelector("#viewpdf");
      var element2 = document.querySelector("#viewpdf2");
      var expand = document.querySelector("#expand");
      var compress = document.querySelector("#compress");
      element.classList.remove("col-md-12");
      element.classList.add("col-md-8");
      element2.classList.remove("d-none");
      element2.classList.add("col-md-4");
      expand.classList.remove("d-none");
      expand.classList.add("expand");
      compress.classList.remove("compress");
      compress.classList.add("d-none");

}
    </script>
@endsection

${this.title}

Code Editor : show_publication.blade.php