serega404/Otchislator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI фиксы
All checks were successful
Build and deploy / Publish image (push) Successful in 5m43s
Details

Browse Source
This commit is contained in:
Sergey Karmanov
2025-04-01 14:38:48 +03:00
parent e519a4d126
commit d67683aecd
1 changed files with 8 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/Otchinslator/Components/Pages/FirstApril.razor
View File

@@ -70,32 +70,29 @@
</div> </div>
</dialog> </dialog>
<div class="relative"> <div class="relative flex flex-col items-center justify-center">
<div <div class="text-center font-bold text-3xl md:text-5xl w-max italic mb-3">
class="text-center font-bold text-3xl md:text-5xl w-max absolute left-1/2 -top-1/4 transform -translate-x-1/2 italic">
<br>Заявление на отчисление<p class="text-2xl font-normal">отправлено директору</p> <br>Заявление на отчисление<p class="text-2xl font-normal">отправлено директору</p>
</div> </div>
<div id="pdfrenderer"> <div id="pdfrenderer" class="flex justify-center">
</div> </div>
<div class="join w-full mt-4 flex gap-2"> <div class="join w-96 sm:w-[27rem] mt-4 flex gap-2 justify-center">
<button onclick="denyModal.showModal()" class="btn btn-error rounded-full flex-grow w-30"> <button onclick="denyModal.showModal()" class="btn btn-error rounded-full flex-grow w-30 flex items-center justify-center">
Отозвать Отозвать
</button> </button>
<a id="downloadPDF" target="_blank" href="/getStatement" <a id="downloadPDF" target="_blank" href="/getStatement"
class="btn btn-primary bg-base-200 border-base-200 rounded-full flex-grow-0 w-[3rem]"> class="btn btn-primary bg-base-200 border-base-200 rounded-full flex-grow-0 w-[3rem] flex items-center justify-center relative">
@* Скачать PDF *@ <div class="absolute inset-0 flex items-center justify-center">
<div class="absolute rounded-full w-12 h-12">
<img class="p-3" src="img/pdf.svg" alt=""/> <img class="p-3" src="img/pdf.svg" alt=""/>
</div> </div>
</a> </a>
</div> </div>
</div> </div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.10.377/pdf.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.10.377/pdf.min.js"></script>
<script> <script>
const pdfrenderer = document.getElementById('pdfrenderer'); const pdfrenderer = document.getElementById('pdfrenderer');
const url = '/getStatement'; const url = '/getStatement';
pdfrenderer.innerHTML = '<canvas id="pdf-canvas" class="w-96 sm:w-[32rem] rounded-2xl"></canvas>'; pdfrenderer.innerHTML = '<canvas id="pdf-canvas" class="w-96 sm:w-[27rem] rounded-2xl justify-center"></canvas>';
pdfjsLib.getDocument(url).promise.then(function (pdf) { pdfjsLib.getDocument(url).promise.then(function (pdf) {
pdf.getPage(1).then(function (page) { pdf.getPage(1).then(function (page) {
const viewport = page.getViewport({scale: 1}); const viewport = page.getViewport({scale: 1});