Add new version in repository

resources/views/load/pdf/pdfjs.blade.php

@@ -0,0 +1,52 @@
+@if(!defined('LOAD_PDFJS'))
+	@push('scripts')
+		<script type="text/javascript" src="//mozilla.github.io/pdf.js/build/pdf.js"></script>
+		<script type="text/javascript">
+
+			var pdfjsLib = window['pdfjs-dist/build/pdf'];
+			var canvas = null;
+
+			// The workerSrc property shall be specified.
+			pdfjsLib.GlobalWorkerOptions.workerSrc = '//mozilla.github.io/pdf.js/build/pdf.worker.js';
+
+			window.initPDFViewer = function(url, container) {
+				canvas = container;
+				var loadingTask = pdfjsLib.getDocument(url);
+
+				loadingTask.promise.then(function(pdf) {
+					console.log('PDF loaded');
+					// Fetch the first page
+					var pageNumber = 1;
+					pdf.getPage(pageNumber).then(function(page) {
+					    console.log('Page loaded');
+					    
+					    var scale = 0.25;
+					    var viewport = page.getViewport({scale: scale});
+
+					    console.log(canvas);
+
+					    // Prepare canvas using PDF page dimensions
+					    // var canvas = document.getElementById('the-canvas');
+					    var context = canvas.getContext('2d');
+					    canvas.height = viewport.height;
+					    canvas.width = viewport.width;
+
+					    // Render PDF page into canvas context
+					    var renderContext = {
+					    	canvasContext: context,
+					    	viewport: viewport
+					    };
+					    var renderTask = page.render(renderContext);
+					    renderTask.promise.then(function () {
+					    	console.log('Page rendered');
+					    });
+					});
+				}, function (reason) {
+					// PDF loading error
+					console.error(reason);
+				});
+			};
+		</script>
+	@endpush
+	@php(define('LOAD_PDFJS', true))
+@endif

resources/views/load/pdf/pdfjs2.blade.php

@@ -0,0 +1,56 @@
+@if(!defined('LOAD_PDFJS'))
+	@push('scripts')
+		<script type="text/javascript" src="{{ asset('/assets/plugins/pdfjs/pdf.js') }}"></script>
+		<script type="text/javascript">
+			PDFJS.workerSrc = "{{ asset('/assets/plugins/pdfjs/pdf.worker.js') }}";
+
+			var numPage = 1;
+			var totalPage = null;
+			var pdfContainer = null;
+
+			function pdfRender(file, container) {
+				pdfContainer = container;
+				var oPdf = PDFJS.getDocument(file);
+				oPdf.then(renderPDF);
+			}
+
+			function renderPDF(pdf){
+				// au premier appel de la fonction, on récupère le nombre de pages
+				if (totalPage == null){
+					totalPage = pdf.numPages;
+				}
+				// Si on est dans les pages du PDF, on récupère la page et via Promise, on demande le rendu de la page
+				if (numPage <= totalPage){
+					pdf.getPage(numPage).then(renderPage);
+					numPage++;
+					// Puis 1 seconde plus tard, on affiche la page suivante
+					setTimeout(function() {
+						renderPDF(pdf);
+					}, 1000);
+				}
+			}
+
+			function renderPage(page){
+				console.log(pdfContainer);
+				// L'échelle de l'image
+				var scale = 1;
+				var viewport = page.getViewport(scale);
+				// Le canvas qui contiendra le rendu du PDF
+				var canvas = document.getElementById('canvasPDF');
+				var context = canvas.getContext('2d');
+				// On définit la taille du canvas pour lui appliquer la taille du PDF
+				canvas.height = viewport.height;
+				canvas.width = viewport.width;
+				// Contexte de rendu avec le contexte 2D du canvas et le viewport pour la page PDF à afficher
+				var renderContext = {
+				  canvasContext: context,
+				  viewport: viewport
+				};
+				// On lance le rendu de la page
+				page.render(renderContext);
+			}
+
+		</script>
+	@endpush
+	@php(define('LOAD_PDFJS', true))
+@endif

resources/views/load/pdf/pdfobject.blade.php

@@ -0,0 +1,30 @@
+@if(!defined('LOAD_PDFOBJECT'))
+	@push('scripts')
+		<script type="text/javascript" src="{{ asset('/assets/plugins/pdfobject/pdfobject.min.js') }}"></script>
+		<script>
+			function PDFViewer(url) {
+				console.log('PDFViewer');
+				console.log(url);
+				console.log(btoa(url));
+				var url_open = "{{ route('Core.PDF.view') }}/" + btoa(url);
+				console.log(url_open);
+				openModal("{{ __('pdf_viewer') }}", '#pdf-viewer', url_open, false, false, false, true);
+			}
+
+
+			function PDFPreviewer(url, model) {
+				var pdfOptions = {
+					pdfOpenParams: {
+						pagemode: "thumbs",
+						navpanes: 1,
+						toolbar: 1,
+						statusbar: 0,
+						view: "FitV"
+					}
+				};
+				PDFObject.embed(url, "#" + model + "-preview", pdfOptions);
+			}
+		</script>
+	@endpush
+	@php(define('LOAD_PDFOBJECT', true))
+@endif

resources/views/load/pdf/viewerjs.blade.php

@@ -0,0 +1,9 @@
+@if(!defined('LOAD_VIEWERJS'))
+	@push('css')
+		<link rel="stylesheet" href="{{ asset('/assets/plugins/ViewerJS/viewer.min.css') }}">   
+	@endpush
+	@push('scripts')
+		<script type="text/javascript" src="{{ asset('/assets/plugins/ViewerJS/viewer.min.js') }}"></script>
+	@endpush
+	@php(define('LOAD_VIEWERJS', true))
+@endif