Compare commits
1 Commits
main
...
bc4a602daa
| Author | SHA1 | Date | |
|---|---|---|---|
| bc4a602daa |
@@ -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" />
|
||||
|
||||
@@ -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>
|
||||
@@ -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>()
|
||||
@@ -62,6 +65,6 @@ app.UseAuthorization();
|
||||
app.UseForwardedHeaders();
|
||||
|
||||
app.MapRazorComponents<App>();
|
||||
// .AddInteractiveServerRenderMode();
|
||||
// .AddInteractiveServerRenderMode();
|
||||
|
||||
app.Run();
|
||||
Reference in New Issue
Block a user