From f2cfe74567b47dc87e463d86457e2af2f5c72c45 Mon Sep 17 00:00:00 2001
From: Apurva Khatri <apurvakhatri@Apurvas-MacBook-Air.local>
Date: Thu, 5 Jan 2023 23:11:00 -0500
Subject: [PATCH] shortcode pdf added

---
 .DS_Store                         | Bin 0 -> 6148 bytes
 layouts/.DS_Store                 | Bin 0 -> 6148 bytes
 layouts/shortcodes/embed-pdf.html | 204 ++++++++++++++++++++++++++++++
 3 files changed, 204 insertions(+)
 create mode 100644 .DS_Store
 create mode 100644 layouts/.DS_Store
 create mode 100644 layouts/shortcodes/embed-pdf.html

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..dd07c4c2372404868f3beedc9300b544d1418f7b
GIT binary patch
literal 6148
zcmeHKL2uJA6n^ePn{Gnt0i<1!B5|Ec*P)4Nm#k|KlYqm5-~gyJwCW<#cxqBAR8`6u
z{sVu3E5C&Q!U?`-ds31DN2rir_53;Z_iX30W7k9^dW-QPQHzLNIHR+R<QK;E>>E}y
zB^)PI8yTe+v3wiGGTdO>0;_;kVA~YnZ?{e(O7WXe`TONf;SApXp-c_EPE(T9rWw+4
z;ag|!mkQURhz{uyC1swtSK-ycn_&!7jG(xGpiS|q!fj9t<_Gk?*c`3+{%3Z$Os~z}
z^fkPWqcrPuzKPn7bF1EPU3brY9bCy}kd3lM+8fPZ^3yXZ<M1Xw3ZF-l<*;?<TqfBl
zN+xp^5RE6Gym}EOW4Y|fMKVrRY@jRLX0thL?XOnd<IaJ1)IC`rc&n2x@(+)W*XyQx
z_x^*^%i+6tmdKBI1DL>ms_eGG8(=*u8oUqYNi35oYB;JvkLiNWX+TdYpg~#t8ncS?
z*`!M_&!|sNfIP3&S>+Y*xv&Cuq5BnPY6fp3FOiGOy{MH?j6oCDwoU=F#@xNF8<`!D
zRlq9nuNC0^!GkmU26K&S>p-He06+)D%8=*30vzKR^bO`3Q3De?6sSXmxnc+%j&jfN
ze1o}09ZterK7{F6m>Y^vy`z0k(Mk9kZE6*;3X~Pt(T^=Y{|CRn|CfX8lU2Yf@Lwq)
zoPN;n;g!tUy76*+)_U+aa5m=U8dV4qa~!J-AI1A{WvKHw1N05%8c_nXe*}~aHn9r)
HRRw+m0XDIA

literal 0
HcmV?d00001

diff --git a/layouts/.DS_Store b/layouts/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..ae4fe9aff1a54ec801b43007254bd534a15f1ab6
GIT binary patch
literal 6148
zcmeHK&u`N(82#K8=4?Xh0i<1!B5|EY>842&m#mD#t^~mWP)U};BD}b2Qi@bn%6a=^
zcHLjH|AiC0&vwz;fV2}r%%Al6Ire*T{PM#w5sCgJdq&hDB8g;d1t@+K+|SvFmTOrD
z3UiKAs_2Z=vC=0Ewr}_s9pHN>X^*<d9lCM<Ql(S$@q=-R-1%VwHRcZ}qal5wgeIh@
z;`@Drf7sxUz#QY*$bpK=Wxja4!ruT_Q;Mvp#8p-FZFLNB(a@B*dTmBI0rK^&j`RIC
znsi!@++42Gk;==e+r1X8wf4RH>r%>1`5`{l)3{2iN!d@v@A&Ao)+$}plk`nKoDMn<
zU+AJr@?tnPf;=07^8RgJWO~}ylOijPHntry2!cUpYc}iccelgc-obo3oE`K~-`m}v
z&jb1B$<ybr24B=!q0cc7gupvz;(@~jus0iUuHnbmcw8u5d`AC5yU=*_4tNLdmILk^
zAUE&UwEb+o1KxpKIKbbB5Xl%htSy>P2MV(V0JhO=0(JgnWKHNWa#&kL4?<We&`O2d
zVhAfod+2zP!`h;ilW?04;YJp2ha$}AIDcs9BqEEx^bU9jmK|8LhaF!3U;cUjzbx`c
z-U08xf8~H^AH_#~Ov$aSjmhy^8zMg<Iha>l{3SufEXCmRQoMyUf%cFqz{p{35iJP+
OBVcUsg?HeuI`9*`*pb!%

literal 0
HcmV?d00001

diff --git a/layouts/shortcodes/embed-pdf.html b/layouts/shortcodes/embed-pdf.html
new file mode 100644
index 0000000..e977f03
--- /dev/null
+++ b/layouts/shortcodes/embed-pdf.html
@@ -0,0 +1,204 @@
+<script type="text/javascript" src= '{{"/" | relURL}}/js/pdf-js/build/pdf.js'></script>
+<style>
+#the-canvas {
+  border: 1px solid black;
+  direction: ltr;
+  width: 100%;
+  height: auto;
+  display: none;
+}
+
+#paginator {
+  display: none;
+  text-align: center;
+  margin-bottom: 10px;
+}
+
+#loadingWrapper {
+  display: none;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 350px;
+}
+
+#loading {
+  display: inline-block;
+  width: 50px;
+  height: 50px;
+  border: 3px solid #d2d0d0;;
+  border-radius: 50%;
+  border-top-color: #383838;
+  animation: spin 1s ease-in-out infinite;
+  -webkit-animation: spin 1s ease-in-out infinite;
+}
+
+@keyframes spin {
+  to { -webkit-transform: rotate(360deg); }
+}
+@-webkit-keyframes spin {
+  to { -webkit-transform: rotate(360deg); }
+}
+</style>
+
+<div id="paginator">
+    <button id="prev">Previous</button>
+    <button id="next">Next</button>
+    &nbsp; &nbsp;
+    <span>Page: <span id="page_num"></span> / <span id="page_count"></span></span>
+</div>
+<div id="embed-pdf-container">
+    <div id="loadingWrapper">
+      <div id="loading"></div>
+    </div>
+    <canvas id="the-canvas"></canvas>
+</div>
+
+<script type="text/javascript">
+window.onload = function() {
+// If absolute URL from the remote server is provided, configure the CORS
+// header on that server.
+var url = "{{.Site.BaseURL}}" + '{{ .Get "url" }}';
+
+var hidePaginator = "{{ .Get "hidePaginator" }}" === "true";
+var hideLoader = "{{ .Get "hideLoader" }}" === "true";
+var selectedPageNum = parseInt("{{ .Get "renderPageNum" }}") || 1;
+
+// Loaded via <script> tag, create shortcut to access PDF.js exports.
+var pdfjsLib = window['pdfjs-dist/build/pdf'];
+
+// The workerSrc property shall be specified.
+pdfjsLib.GlobalWorkerOptions.workerSrc = "{{.Site.BaseURL}}" + '/js/pdf-js/build/pdf.worker.js';
+
+// Change the Scale value for lower or higher resolution.
+var pdfDoc = null,
+    pageNum = selectedPageNum,
+    pageRendering = false,
+    pageNumPending = null,
+    scale = 3,
+    canvas = document.getElementById('the-canvas'),
+    ctx = canvas.getContext('2d'),
+    paginator = document.getElementById("paginator"),
+    loadingWrapper = document.getElementById('loadingWrapper');
+
+
+// Attempt to show paginator and loader if enabled
+showPaginator();
+showLoader();
+
+/**
+ * Get page info from document, resize canvas accordingly, and render page.
+ * @param num Page number.
+ */
+function renderPage(num) {
+  pageRendering = true;
+  // Using promise to fetch the page
+  pdfDoc.getPage(num).then(function(page) {
+    var viewport = page.getViewport({scale: scale});
+    canvas.height = viewport.height;
+    canvas.width = viewport.width;
+
+    // Render PDF page into canvas context
+    var renderContext = {
+      canvasContext: ctx,
+      viewport: viewport
+    };
+    var renderTask = page.render(renderContext);
+
+    // Wait for rendering to finish
+    renderTask.promise.then(function() {
+      pageRendering = false;
+      showContent();
+      
+      if (pageNumPending !== null) {
+        // New page rendering is pending
+        renderPage(pageNumPending);
+        pageNumPending = null;
+      }
+    });
+  });
+
+  // Update page counters
+  document.getElementById('page_num').textContent = num;
+}
+
+/**
+ * Hides loader and shows canvas
+ */
+function showContent() {
+  loadingWrapper.style.display = 'none';
+  canvas.style.display = 'block';
+}
+
+/**
+ * If we haven't disabled the loader, show loader and hide canvas
+ */
+function showLoader() {
+  if(hideLoader) return
+  loadingWrapper.style.display = 'flex';
+  canvas.style.display = 'none';
+}
+
+/**
+ * If we haven't disabled the paginator, show paginator
+ */
+function showPaginator() {
+  if(hidePaginator) return
+  paginator.style.display = 'block';
+}
+
+/**
+ * If another page rendering in progress, waits until the rendering is
+ * finished. Otherwise, executes rendering immediately.
+ */
+function queueRenderPage(num) {
+  if (pageRendering) {
+    pageNumPending = num;
+  } else {
+    renderPage(num);
+  }
+}
+
+/**
+ * Displays previous page.
+ */
+function onPrevPage() {
+  if (pageNum <= 1) {
+    return;
+  }
+  pageNum--;
+  queueRenderPage(pageNum);
+}
+document.getElementById('prev').addEventListener('click', onPrevPage);
+
+/**
+ * Displays next page.
+ */
+function onNextPage() {
+  if (pageNum >= pdfDoc.numPages) {
+    return;
+  }
+  pageNum++;
+  queueRenderPage(pageNum);
+}
+document.getElementById('next').addEventListener('click', onNextPage);
+
+/**
+ * Asynchronously downloads PDF.
+ */
+pdfjsLib.getDocument(url).promise.then(function(pdfDoc_) {
+  pdfDoc = pdfDoc_;
+  var numPages = pdfDoc.numPages;
+  document.getElementById('page_count').textContent = numPages;
+  
+  // If the user passed in a number that is out of range, render the last page.
+  if(pageNum > numPages) {
+    pageNum = numPages
+  }
+
+  // Initial/first page rendering
+  renderPage(pageNum);
+});
+}
+
+</script>