Journals
Keyword
@extends("lyout.public_layout") @section("body") <br> <br> <br> <div class="container"> <section id="pricing" class="pricing section"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>Journals</h2> <!-- <p><span>Check our</span> <span class="description-title">Pricing</span></p> --> </div><!-- End Section Title --> <div class="container"> <div class="row gy-3"> <div class="col-xl-3 col-lg-6" data-aos="fade-up" data-aos-delay="100"> <div class="pricing-item"> <h3> <a href="{{ asset('storage/' . $journal->file)}}"> <canvas id="preview-canvas-{{ $journal->id }}" style="border: 1px solid #ccc;width: 100%;height: 100%"> </canvas> </a> </h3> <h5>{{ $journal->title }}</h5> <ul> <li>{{ $journal->journal_type }}</li> </ul> <!-- <div class="btn-wrap"> <a href="#" class="btn-buy">Buy Now</a> </div> --> </div> </div><!-- End Pricing Item --> <div class="col-md-6"> <h3 style="color:blue">Keyword</h3> <p>{{ $journal->keyword }}</p> <h3 style="color:blue">Abstract</h3> <p>{{ $journal->abstract }}</p> </div> <!-- start making image from first page --> <!-- <script src="{{ asset('pub/assets/js/pdf.min.js')}}"></script> --> <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.4.120/pdf.min.js"></script> <script> document.addEventListener("DOMContentLoaded", function () { renderFirstPage('{{ asset('storage/' . $journal->file) }}', 'preview-canvas-{{ $journal->id }}'); }); function renderFirstPage(pdfUrl, canvasId) { const loadingTask = pdfjsLib.getDocument(pdfUrl); loadingTask.promise.then(pdf => { pdf.getPage(1).then(page => { const scale = 1.5; const viewport = page.getViewport({ scale }); const canvas = document.getElementById(canvasId); const context = canvas.getContext('2d'); canvas.width = viewport.width; canvas.height = viewport.height; const renderContext = { canvasContext: context, viewport: viewport }; page.render(renderContext); }); }).catch(err => { console.error("Error loading PDF:", err); }); } </script> <!-- end making image from first page --> </div> </div> </section><!-- /Pricing Section --> </div> <br> <br> <br> @endsection
Abstract
@extends("lyout.public_layout") @section("body") <br> <br> <br> <div class="container"> <section id="pricing" class="pricing section"> <!-- Section Title --> <div class="container section-title" data-aos="fade-up"> <h2>Journals</h2> <!-- <p><span>Check our</span> <span class="description-title">Pricing</span></p> --> </div><!-- End Section Title --> <div class="container"> <div class="row gy-3"> <div class="col-xl-3 col-lg-6" data-aos="fade-up" data-aos-delay="100"> <div class="pricing-item"> <h3> <a href="{{ asset('storage/' . $journal->file)}}"> <canvas id="preview-canvas-{{ $journal->id }}" style="border: 1px solid #ccc;width: 100%;height: 100%"> </canvas> </a> </h3> <h5>{{ $journal->title }}</h5> <ul> <li>{{ $journal->journal_type }}</li> </ul> <!-- <div class="btn-wrap"> <a href="#" class="btn-buy">Buy Now</a> </div> --> </div> </div><!-- End Pricing Item --> <div class="col-md-6"> <h3 style="color:blue">Keyword</h3> <p>{{ $journal->keyword }}</p> <h3 style="color:blue">Abstract</h3> <p>{{ $journal->abstract }}</p> </div> <!-- start making image from first page --> <!-- <script src="{{ asset('pub/assets/js/pdf.min.js')}}"></script> --> <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.4.120/pdf.min.js"></script> <script> document.addEventListener("DOMContentLoaded", function () { renderFirstPage('{{ asset('storage/' . $journal->file) }}', 'preview-canvas-{{ $journal->id }}'); }); function renderFirstPage(pdfUrl, canvasId) { const loadingTask = pdfjsLib.getDocument(pdfUrl); loadingTask.promise.then(pdf => { pdf.getPage(1).then(page => { const scale = 1.5; const viewport = page.getViewport({ scale }); const canvas = document.getElementById(canvasId); const context = canvas.getContext('2d'); canvas.width = viewport.width; canvas.height = viewport.height; const renderContext = { canvasContext: context, viewport: viewport }; page.render(renderContext); }); }).catch(err => { console.error("Error loading PDF:", err); }); } </script> <!-- end making image from first page --> </div> </div> </section><!-- /Pricing Section --> </div> <br> <br> <br> @endsection
Author Name
Samiulhaq
Biography
A customer wishing to borrow a video provides the empty box of the video they desire, their membership card, and payment – payment is always with the credit card used to open the customer account. The customer then returns the video to the store after watching it. If a loaned video is overdue by a day the customer's credit card is charged, and a reminder letter is sent to them. Each day after that a further card is made, and each week a reminder letter is sent. This continues until either the customer returns the video, or the charges are equal to the cost of replacing the video