Добавил посхалку на 1е апреля

2025-03-10 03:59:18 +03:00
3 changed files with 33 additions and 24 deletions
--- a/src/Otchinslator/Components/App.razor
+++ b/src/Otchinslator/Components/App.razor
@@ -3,9 +3,9 @@

 <head>
    <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <base href="/"/>
-    <meta property="og:image" content="/favicon.png" />
+    @* TODO: скачать шрифты *@
    <link rel="preconnect" href="https://fonts.googleapis.com"> 
    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/css/styles.css" asp-append-version="true" />
--- a/src/Otchinslator/Components/Pages/FirstApril.razor
+++ b/src/Otchinslator/Components/Pages/FirstApril.razor
@@ -9,15 +9,6 @@

 <PageTitle>Заяление отправлено | 1 апреля</PageTitle>

-<style>
-    html, body {
-        margin: 0;
-        padding: 0;
-        width: 100%;
-        height: 100dvh;
-    }
-</style>
-
@code {

    protected override async Task OnInitializedAsync()
@@ -38,7 +29,7 @@

        var userData = new UserData
        {
-            reason = "Прошу отчислить меня по собственному желанию в связи с не желанием продолжать обучение в данном учебном заведении, и планами перевестись в ДГТУ.",
+            reason = "Прошу отчислить меня по собственному желанию в связи с не желанием продолжать обучение в данном учебном заведении, планирую перевестись в ДГТУ.",
            email = userEmail,
            phone = "",
            fio = userFIO,
@@ -60,8 +51,10 @@
 <dialog id="denyModal" class="modal modal-bottom sm:modal-middle">
    <div class="modal-box">
        <h3 class="text-lg font-bold text-center">С 1 апреля!</h3>
+        @* <p class="py-4 font-bold text-center"></p> *@
        <img src="https://risovach.ru/upload/2013/04/mem/moe-lico_15228723_orig_.jpeg" class="h-80 my-2 mx-auto"
             alt=""/>
+        @* <p class="text-center">.</p> *@
        <div class="modal-action justify-center">
            <form method="dialog">
                <button class="btn btn-primary">Понял, принял</button>
@@ -70,29 +63,41 @@
    </div>
 </dialog>

-<div class="relative flex flex-col items-center justify-center">
-    <div class="text-center font-bold text-3xl md:text-5xl w-max italic mb-3">
+<div class="relative">
+    <div
+        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>
    </div>
-    <div id="pdfrenderer" class="flex justify-center">
+    <div id="pdfrenderer">
+        <object data="/getStatement" type="application/pdf" class="w-96 sm:w-[32rem] h-[30rem] rounded-2xl text-center">
+            <p>Не удалось отобразить заявление</p>
+            <button id="alterRender" class="btn btn-primary my-2">использовать альтернативную отрисовку</button>
+            <p>или откойте в браузере на основе Firefox</p>
+        </object>
    </div>
-    <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 flex items-center justify-center">
+    <div class="join w-full mt-4 flex gap-2">
+        <button onclick="denyModal.showModal()" class="btn btn-error rounded-full flex-grow w-30">
            Отозвать
        </button>
        <a id="downloadPDF" target="_blank" href="/getStatement"
-           class="btn btn-primary bg-base-200 border-base-200 rounded-full flex-grow-0 w-[3rem] flex items-center justify-center relative">
-            <div class="absolute inset-0 flex items-center justify-center">
-                <img class="p-2" src="img/pdf.svg" alt=""/>
+           class="btn btn-primary bg-base-200 border-base-200 rounded-full flex-grow-0 w-[3rem]">
+            @* Скачать PDF *@
+            <div class="absolute rounded-full w-12 h-12">
+                <img class="p-3" src="img/pdf.svg" alt=""/>
            </div>
        </a>
    </div>
 </div>
+
 <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.10.377/pdf.min.js"></script>
 <script>
+    const alterRenderButton = document.getElementById('alterRender');
+    alterRenderButton.addEventListener('click', alterRender);
+
+    function alterRender() {
        const pdfrenderer = document.getElementById('pdfrenderer');
        const url = '/getStatement';
-        pdfrenderer.innerHTML = '<canvas id="pdf-canvas" class="w-96 sm:w-[27rem] rounded-2xl justify-center"></canvas>';
+        pdfrenderer.innerHTML = '<canvas id="pdf-canvas" class="w-96 rounded-2xl"></canvas>';
        pdfjsLib.getDocument(url).promise.then(function (pdf) {
            pdf.getPage(1).then(function (page) {
                const viewport = page.getViewport({scale: 1});
@@ -109,4 +114,5 @@
                page.render(renderContext);
            });
        });
+    }
 </script>
--- a/src/Otchinslator/Program.cs
+++ b/src/Otchinslator/Program.cs
@@ -24,6 +24,8 @@ builder.Services.AddControllersWithViews(options =>
 }).AddMicrosoftIdentityUI().AddDataAnnotationsLocalization();
 builder.Services.Configure<ForwardedHeadersOptions>(options =>
 {
+    options.KnownNetworks.Clear();
+    options.KnownProxies.Clear();
    options.ForwardedHeaders = ForwardedHeaders.XForwardedFor | ForwardedHeaders.XForwardedProto;
 });

@@ -40,6 +42,7 @@ builder.Services.AddRazorComponents()
    .AddInteractiveServerComponents();
 builder.Services.AddJSComponents();

+builder.Services.AddRazorPages(); //////////////
 builder.Services.AddServerSideBlazor(); //////////////

 builder.Services.AddOptions<GotenbergSharpClientOptions>()