Залил изменения за долгое время
This commit is contained in:
@@ -1,16 +1,16 @@
|
||||
@page "/otchislenie/congratulation"
|
||||
@using Otchinslator.Components.Layout
|
||||
@layout OtchislenieLayout
|
||||
|
||||
<div>
|
||||
<div class="text-center mx-auto mb-4 font-bold text-4xl md:text-5xl w-max justify-center italic">Поздравляем!</div>
|
||||
<img class="w-96 h-96 mx-auto" src="img/party-popper.svg" alt=""/>
|
||||
<div class="flex flex-col space-y-4 lg:flex-row lg:space-x-4 lg:space-y-0 mt-4">
|
||||
<a href="/otchislenie/result" class="btn w-full lg:w-48 h-12 btn-primary rounded-full text-2xl">
|
||||
Назад
|
||||
</a>
|
||||
<a href="/" class="btn w-full lg:w-48 h-12 btn-primary rounded-full text-2xl">
|
||||
Выход
|
||||
</a>
|
||||
</div>
|
||||
@page "/otchislenie/congratulation"
|
||||
@using Otchinslator.Components.Layout
|
||||
@layout OtchislenieLayout
|
||||
|
||||
<div>
|
||||
<div class="text-center mx-auto mb-4 font-bold text-4xl md:text-5xl w-max justify-center italic">Поздравляем!</div>
|
||||
<img class="w-96 h-96 mx-auto" src="img/party-popper.svg" alt=""/>
|
||||
<div class="flex flex-col space-y-4 lg:flex-row lg:space-x-4 lg:space-y-0 mt-4">
|
||||
<a href="/otchislenie/result" class="btn w-full lg:w-48 h-12 btn-primary rounded-full text-2xl">
|
||||
Назад
|
||||
</a>
|
||||
<a href="/" class="btn w-full lg:w-48 h-12 btn-primary rounded-full text-2xl">
|
||||
Выход
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,22 +1,22 @@
|
||||
@page "/counter"
|
||||
@using Otchinslator.Components.Layout
|
||||
@layout OtchislenieLayout
|
||||
@rendermode InteractiveServer
|
||||
|
||||
<PageTitle>Counter</PageTitle>
|
||||
|
||||
<h1>Counter</h1>
|
||||
|
||||
<p role="status">Current count: @currentCount</p>
|
||||
|
||||
<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
|
||||
|
||||
@code {
|
||||
private int currentCount = 0;
|
||||
|
||||
private void IncrementCount()
|
||||
{
|
||||
currentCount++;
|
||||
}
|
||||
|
||||
@page "/counter"
|
||||
@using Otchinslator.Components.Layout
|
||||
@layout OtchislenieLayout
|
||||
@rendermode InteractiveServer
|
||||
|
||||
<PageTitle>Counter</PageTitle>
|
||||
|
||||
<h1>Counter</h1>
|
||||
|
||||
<p role="status">Current count: @currentCount</p>
|
||||
|
||||
<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
|
||||
|
||||
@code {
|
||||
private int currentCount = 0;
|
||||
|
||||
private void IncrementCount()
|
||||
{
|
||||
currentCount++;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -1,36 +1,36 @@
|
||||
@page "/Error"
|
||||
@using System.Diagnostics
|
||||
|
||||
<PageTitle>Error</PageTitle>
|
||||
|
||||
<h1 class="text-danger">Error.</h1>
|
||||
<h2 class="text-danger">An error occurred while processing your request.</h2>
|
||||
|
||||
@if (ShowRequestId)
|
||||
{
|
||||
<p>
|
||||
<strong>Request ID:</strong> <code>@RequestId</code>
|
||||
</p>
|
||||
}
|
||||
|
||||
<h3>Development Mode</h3>
|
||||
<p>
|
||||
Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
|
||||
</p>
|
||||
<p>
|
||||
<strong>The Development environment shouldn't be enabled for deployed applications.</strong>
|
||||
It can result in displaying sensitive information from exceptions to end users.
|
||||
For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
|
||||
and restarting the app.
|
||||
</p>
|
||||
|
||||
@code{
|
||||
[CascadingParameter] private HttpContext? HttpContext { get; set; }
|
||||
|
||||
private string? RequestId { get; set; }
|
||||
private bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
|
||||
|
||||
protected override void OnInitialized() =>
|
||||
RequestId = Activity.Current?.Id ?? HttpContext?.TraceIdentifier;
|
||||
|
||||
@page "/Error"
|
||||
@using System.Diagnostics
|
||||
|
||||
<PageTitle>Error</PageTitle>
|
||||
|
||||
<h1 class="text-danger">Error.</h1>
|
||||
<h2 class="text-danger">An error occurred while processing your request.</h2>
|
||||
|
||||
@if (ShowRequestId)
|
||||
{
|
||||
<p>
|
||||
<strong>Request ID:</strong> <code>@RequestId</code>
|
||||
</p>
|
||||
}
|
||||
|
||||
<h3>Development Mode</h3>
|
||||
<p>
|
||||
Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
|
||||
</p>
|
||||
<p>
|
||||
<strong>The Development environment shouldn't be enabled for deployed applications.</strong>
|
||||
It can result in displaying sensitive information from exceptions to end users.
|
||||
For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
|
||||
and restarting the app.
|
||||
</p>
|
||||
|
||||
@code{
|
||||
[CascadingParameter] private HttpContext? HttpContext { get; set; }
|
||||
|
||||
private string? RequestId { get; set; }
|
||||
private bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
|
||||
|
||||
protected override void OnInitialized() =>
|
||||
RequestId = Activity.Current?.Id ?? HttpContext?.TraceIdentifier;
|
||||
|
||||
}
|
||||
@@ -1,86 +1,86 @@
|
||||
@using Microsoft.AspNetCore.Components.Authorization
|
||||
@inject AuthenticationStateProvider AuthenticationStateProvider
|
||||
@page "/"
|
||||
|
||||
<PageTitle>Отчислятор 3000</PageTitle>
|
||||
|
||||
@code {
|
||||
private MarkupString GetLinkIfAuth(string link) => new MarkupString(AuthenticationStateProvider.GetAuthenticationStateAsync().Result.User.Identity?.IsAuthenticated == true ? link : "MicrosoftIdentity/Account/SignIn");
|
||||
}
|
||||
|
||||
<div class="relative">
|
||||
@* TODO: Дописать модальное окно *@
|
||||
<dialog id="info_modal" class="modal modal-bottom sm:modal-middle">
|
||||
<div class="modal-box">
|
||||
<h3 class="text-lg font-bold">Сервис отчислений</h3>
|
||||
<p class="py-4">Привет, это сервис отчислений!<br>Автор: <a target="_blank" href="https://t.me/serega404">@@serega404</a></p>
|
||||
<div class="modal-action">
|
||||
<form method="dialog">
|
||||
<button class="btn">Закрыть</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</dialog>
|
||||
@* TODO: Исправить расположение названия *@
|
||||
<div class="text-center font-bold text-4xl md:text-5xl w-max absolute left-1/2 -top-1/3 transform -translate-x-1/2 italic"><br>Отчислятор 3000</div>
|
||||
<div class="flex flex-col space-y-4 w-96">
|
||||
<div class="card rounded-badge bg-base-200 p-4">
|
||||
<h2 class="card-title text-center text-3xl justify-center my-4">Мне нужно...</h2>
|
||||
<div class="flex flex-col space-y-4 mt-1">
|
||||
<a href="@GetLinkIfAuth("otchislenie")" class="btn h-16 btn-primary rounded-full text-2xl relative">
|
||||
Отчислиться
|
||||
<div class="absolute bg-base-200 rounded-full right-1 w-14 h-14">
|
||||
@{
|
||||
if (new Random().Next(0, 100) < 10)
|
||||
{
|
||||
<img class="p-2" src="img/soldier.svg" alt=""/>
|
||||
}
|
||||
else
|
||||
{
|
||||
<img class="p-3" src="img/wheelchair.svg" alt=""/>
|
||||
}
|
||||
}
|
||||
</div>
|
||||
</a>
|
||||
<button class="btn h-16 btn-primary rounded-full text-2xl relative">
|
||||
Понизить курс
|
||||
<div class="absolute bg-base-200 rounded-full right-1 w-14 h-14">
|
||||
<svg class="p-2" fill="none" viewBox="0 0 24 24" id="down-trend-round" xmlns="http://www.w3.org/2000/svg">
|
||||
<path id="primary" d="M3,7l5.79,5.79a1,1,0,0,0,1.42,0l2.58-2.58a1,1,0,0,1,1.42,0L21,17" style="fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5;"></path><polyline id="primary-2" data-name="primary" points="17 17 21 17 21 13" style="fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5;"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
<i class="absolute text-sm bottom-0 text-base-200 font-medium">временно не доступно</i>
|
||||
</button>
|
||||
<button class="btn h-16 btn-primary p-0 rounded-full text-2xl relative">
|
||||
Уйти в академ
|
||||
<div class="absolute bg-base-200 rounded-full right-1 w-14 h-14">
|
||||
<img class="p-2" src="img/akadem.svg" alt=""/>
|
||||
</div>
|
||||
<i class="absolute text-sm bottom-0 text-base-200 font-medium">временно не доступно</i>
|
||||
</button>
|
||||
<div class="divider"></div>
|
||||
<CascadingAuthenticationState>
|
||||
<AuthorizeView>
|
||||
<Authorized>
|
||||
<a href="MicrosoftIdentity/Account/SignOut" class="btn btn-lg btn-primary rounded-full text-2xl relative">
|
||||
@context.User.Identity?.Name!.Split("@")[0]
|
||||
<div class="absolute bg-base-200 rounded-full right-1 w-14 h-14">
|
||||
<svg class="p-3" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16.5 15V19.5H5.5V5.5H16.5V10M10 12.5H22.5" stroke="#121923" stroke-width="1.2"/>
|
||||
<path d="M20 10L22.5 12.5L20 15" stroke="#121923" stroke-width="1.2"/>
|
||||
</svg>
|
||||
</div>
|
||||
</a>
|
||||
</Authorized>
|
||||
<NotAuthorized>
|
||||
<a class="btn btn-lg bg-green-300 rounded-full text-2xl" href="MicrosoftIdentity/Account/SignIn">Начать</a>
|
||||
</NotAuthorized>
|
||||
</AuthorizeView>
|
||||
</CascadingAuthenticationState>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<button onclick="info_modal.showModal()" class="btn btn-sm btn-primary bg-base-200 rounded-full text-1xl">?</button>
|
||||
</div>
|
||||
</div>
|
||||
@using Microsoft.AspNetCore.Components.Authorization
|
||||
@inject AuthenticationStateProvider AuthenticationStateProvider
|
||||
@page "/"
|
||||
|
||||
<PageTitle>Отчислятор 3000</PageTitle>
|
||||
|
||||
@code {
|
||||
private MarkupString GetLinkIfAuth(string link) => new MarkupString(AuthenticationStateProvider.GetAuthenticationStateAsync().Result.User.Identity?.IsAuthenticated == true ? link : "MicrosoftIdentity/Account/SignIn");
|
||||
}
|
||||
|
||||
<div class="relative">
|
||||
@* TODO: Дописать модальное окно *@
|
||||
<dialog id="info_modal" class="modal modal-bottom sm:modal-middle">
|
||||
<div class="modal-box">
|
||||
<h3 class="text-lg font-bold">Сервис отчислений</h3>
|
||||
<p class="py-4">Привет, это сервис отчислений!<br>Автор: <a target="_blank" href="https://t.me/serega404">@@serega404</a></p>
|
||||
<div class="modal-action">
|
||||
<form method="dialog">
|
||||
<button class="btn">Закрыть</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</dialog>
|
||||
@* TODO: Исправить расположение названия *@
|
||||
<div class="text-center font-bold text-4xl md:text-5xl w-max absolute left-1/2 -top-1/3 transform -translate-x-1/2 italic"><br>Отчислятор 3000</div>
|
||||
<div class="flex flex-col space-y-4 w-96">
|
||||
<div class="card rounded-badge bg-base-200 p-4">
|
||||
<h2 class="card-title text-center text-3xl justify-center my-4">Мне нужно...</h2>
|
||||
<div class="flex flex-col space-y-4 mt-1">
|
||||
<a href="@GetLinkIfAuth("otchislenie")" class="btn h-16 btn-primary rounded-full text-2xl relative">
|
||||
Отчислиться
|
||||
<div class="absolute bg-base-200 rounded-full right-1 w-14 h-14">
|
||||
@{
|
||||
if (new Random().Next(0, 100) < 10)
|
||||
{
|
||||
<img class="p-2" src="img/soldier.svg" alt=""/>
|
||||
}
|
||||
else
|
||||
{
|
||||
<img class="p-3" src="img/wheelchair.svg" alt=""/>
|
||||
}
|
||||
}
|
||||
</div>
|
||||
</a>
|
||||
<button class="btn h-16 btn-primary rounded-full text-2xl relative">
|
||||
Понизить курс
|
||||
<div class="absolute bg-base-200 rounded-full right-1 w-14 h-14">
|
||||
<svg class="p-2" fill="none" viewBox="0 0 24 24" id="down-trend-round" xmlns="http://www.w3.org/2000/svg">
|
||||
<path id="primary" d="M3,7l5.79,5.79a1,1,0,0,0,1.42,0l2.58-2.58a1,1,0,0,1,1.42,0L21,17" style="fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5;"></path><polyline id="primary-2" data-name="primary" points="17 17 21 17 21 13" style="fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5;"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
<i class="absolute text-sm bottom-0 text-base-200 font-medium">временно не доступно</i>
|
||||
</button>
|
||||
<button class="btn h-16 btn-primary p-0 rounded-full text-2xl relative">
|
||||
Уйти в академ
|
||||
<div class="absolute bg-base-200 rounded-full right-1 w-14 h-14">
|
||||
<img class="p-2" src="img/akadem.svg" alt=""/>
|
||||
</div>
|
||||
<i class="absolute text-sm bottom-0 text-base-200 font-medium">временно не доступно</i>
|
||||
</button>
|
||||
<div class="divider"></div>
|
||||
<CascadingAuthenticationState>
|
||||
<AuthorizeView>
|
||||
<Authorized>
|
||||
<a href="MicrosoftIdentity/Account/SignOut" class="btn btn-lg btn-primary rounded-full text-2xl relative">
|
||||
@context.User.Identity?.Name!.Split("@")[0]
|
||||
<div class="absolute bg-base-200 rounded-full right-1 w-14 h-14">
|
||||
<svg class="p-3" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16.5 15V19.5H5.5V5.5H16.5V10M10 12.5H22.5" stroke="#121923" stroke-width="1.2"/>
|
||||
<path d="M20 10L22.5 12.5L20 15" stroke="#121923" stroke-width="1.2"/>
|
||||
</svg>
|
||||
</div>
|
||||
</a>
|
||||
</Authorized>
|
||||
<NotAuthorized>
|
||||
<a class="btn btn-lg bg-green-300 rounded-full text-2xl" href="MicrosoftIdentity/Account/SignIn">Начать</a>
|
||||
</NotAuthorized>
|
||||
</AuthorizeView>
|
||||
</CascadingAuthenticationState>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<button onclick="info_modal.showModal()" class="btn btn-sm btn-primary bg-base-200 rounded-full text-1xl">?</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,9 +1,146 @@
|
||||
@page "/otchislenie"
|
||||
@page "/otchislenie/questionnaire"
|
||||
@using Otchinslator.Components.Layout
|
||||
@layout OtchislenieLayout
|
||||
<a href="/otchislenie/statement">questionnaire</a>
|
||||
|
||||
@code {
|
||||
|
||||
}
|
||||
@page "/otchislenie"
|
||||
@page "/otchislenie/questionnaire"
|
||||
@using Otchinslator.Components.Layout
|
||||
@layout OtchislenieLayout
|
||||
|
||||
<style>
|
||||
.button-cover, .knobs, .layer
|
||||
{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.button-custom
|
||||
{
|
||||
position: relative;
|
||||
top: 50%;
|
||||
width: 74px;
|
||||
height: 36px;
|
||||
margin: -20px auto 0 auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.button-custom.r, .button-custom.r .layer
|
||||
{
|
||||
border-radius: 100px;
|
||||
}
|
||||
|
||||
.checkbox-custom
|
||||
{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.knobs
|
||||
{
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
/* button-custom 1 */
|
||||
#button-custom-1 .knobs:before
|
||||
{
|
||||
content: 'D';
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
width: 20px;
|
||||
height: 10px;
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
line-height: 1;
|
||||
padding: 14px 14px;
|
||||
background-color: #03A9F4;
|
||||
border-radius: 50%;
|
||||
transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
|
||||
}
|
||||
|
||||
#button-custom-1 .checkbox-custom:checked + .knobs:before
|
||||
{
|
||||
content: '$';
|
||||
left: 42px;
|
||||
background-color: #89E592;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div class="relative">
|
||||
<div class="text-center font-bold text-4xl md:text-5xl w-max absolute left-1/2 -top-1/3 transform -translate-x-1/2 italic"><br>Небольшая анкета</div>
|
||||
<div class="flex flex-col space-y-4 w-96">
|
||||
<div class="card rounded-badge bg-base-200 p-4">
|
||||
<h2 class="card-title text-center text-3xl justify-center my-4">Кто ты воин?</h2>
|
||||
<div class="join rounded-full justify-center">
|
||||
<input class="join-item btn bg-white w-1/3" type="radio" name="options" aria-label="Баклан"/>
|
||||
<input class="join-item btn bg-white w-1/3" type="radio" name="options" aria-label="Спец" checked="checked"/>
|
||||
<input class="join-item btn bg-white w-1/3" type="radio" name="options" aria-label="Маг"/>
|
||||
</div>
|
||||
<div class="flex flex-col space-y-4 mt-1">
|
||||
<button class="btn h-16 btn-primary rounded-full text-2xl relative">
|
||||
Понизить курс
|
||||
<div class="absolute bg-base-200 rounded-full right-1 w-14 h-14">
|
||||
<svg class="p-2" fill="none" viewBox="0 0 24 24" id="down-trend-round" xmlns="http://www.w3.org/2000/svg">
|
||||
<path id="primary" d="M3,7l5.79,5.79a1,1,0,0,0,1.42,0l2.58-2.58a1,1,0,0,1,1.42,0L21,17" style="fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5;"></path><polyline id="primary-2" data-name="primary" points="17 17 21 17 21 13" style="fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5;"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
<i class="absolute text-sm bottom-0 text-base-200 font-medium">временно не доступно</i>
|
||||
</button>
|
||||
<button class="btn h-16 btn-primary p-0 rounded-full text-2xl relative">
|
||||
Уйти в академ
|
||||
<div class="absolute bg-base-200 rounded-full right-1 w-14 h-14">
|
||||
<img class="p-2" src="img/akadem.svg" alt=""/>
|
||||
</div>
|
||||
<i class="absolute text-sm bottom-0 text-base-200 font-medium">временно не доступно</i>
|
||||
</button>
|
||||
<div class="divider"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@* <div class="relative"> *@
|
||||
@* <div class="text-center font-bold text-4xl md:text-5xl w-max absolute -top-1/3 italic">Небольшая анкета</div> *@
|
||||
@* *@
|
||||
@* <div class="relative"> *@
|
||||
@*
|
||||
@* <div class="mb-4"> *@
|
||||
@* <h2 class="text-xl font-semibold mb-2">Курс?</h2> *@
|
||||
@* <div class="join"> *@
|
||||
@* <input class="join-item btn" type="radio" name="kurs" aria-label="1" checked="checked"/> *@
|
||||
@* <input class="join-item btn" type="radio" name="kurs" aria-label="2"/> *@
|
||||
@* <input class="join-item btn" type="radio" name="kurs" aria-label="3"/> *@
|
||||
@* <input class="join-item btn" type="radio" name="kurs" aria-label="4"/> *@
|
||||
@* <input class="join-item btn" type="radio" name="kurs" aria-label="5"/> *@
|
||||
@* </div> *@
|
||||
@* </div> *@
|
||||
@* <div class="mb-4"> *@
|
||||
@* <h2 class="text-xl font-semibold mb-2">Платник?</h2> *@
|
||||
@* <div class="button-custom r" id="button-custom-1"> *@
|
||||
@* <input type="checkbox" class="checkbox-custom"> *@
|
||||
@* <div class="knobs"></div> *@
|
||||
@* <div class="layer" style="background-color: white;"></div> *@
|
||||
@* </div> *@
|
||||
@* <div class="btn-group btn-group-horizontal"> *@
|
||||
@* <button class="btn btn-outline btn-primary">+</button> *@
|
||||
@* <button class="btn btn-outline">7</button> *@
|
||||
@* <button class="btn btn-outline">9</button> *@
|
||||
@* <button class="btn btn-outline">9</button> *@
|
||||
@* <button class="btn btn-outline">9</button> *@
|
||||
@* <button class="btn btn-outline">6</button> *@
|
||||
@* <button class="btn btn-outline">6</button> *@
|
||||
@* <button class="btn btn-outline">6</button> *@
|
||||
@* <button class="btn btn-outline">3</button> *@
|
||||
@* <button class="btn btn-outline">3</button> *@
|
||||
@* </div> *@
|
||||
@* </div> *@
|
||||
@* </div></div> *@
|
||||
@@ -1,54 +1,54 @@
|
||||
@page "/otchislenie/result"
|
||||
@using Otchinslator.Components.Layout
|
||||
@layout OtchislenieLayout
|
||||
|
||||
<script>
|
||||
function showCongratulation() {
|
||||
document.getElementById('congratulation').classList.remove('hidden');
|
||||
}
|
||||
</script>
|
||||
|
||||
<dialog id="SendToDirectorModal" class="modal modal-bottom sm:modal-middle">
|
||||
<div class="modal-box">
|
||||
<h3 class="text-lg font-bold">Отправка письма</h3>
|
||||
<p class="py-4">Вы уверены что хотите отправить ваше заявление директору?<br>Отменить отправку невозможно!</p>
|
||||
<div class="modal-action">
|
||||
<form method="dialog">
|
||||
<button class="btn btn-primary">Нет</button>
|
||||
<a href="/otchislenie/congratulation" class="btn btn-error">Да</a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</dialog>
|
||||
<div class="w-full">
|
||||
<div class="flex flex-col space-y-4 w-96 mx-auto">
|
||||
<div class="card rounded-badge bg-base-200 p-4">
|
||||
<div class="flex flex-col space-y-4 mt-1">
|
||||
<button onclick="SendToDirectorModal.showModal()" class="btn h-16 btn-primary rounded-full text-2xl relative">
|
||||
Отправить директору
|
||||
</button>
|
||||
<button id="downloadPDF" onclick="showCongratulation()" class="btn h-16 btn-primary rounded-full text-2xl relative">
|
||||
Скачать PDF
|
||||
<div class="absolute bg-base-200 rounded-full right-1 w-14 h-14">
|
||||
<img class="p-3" src="img/pdf.svg" alt=""/>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@* TODO: Сделать адаптив *@
|
||||
@* <div class="mt-9 flex flex-col space-y-4 lg:flex-row lg:space-x-4 lg:space-y-0 w-96 mx-auto" > *@
|
||||
<div class="mt-9 flex flex-col space-y-4 w-96 mx-auto" >
|
||||
<a href="/otchislenie/statement" class="btn w-96 h-14 btn-primary rounded-full text-2xl">
|
||||
Назад
|
||||
</a>
|
||||
<a href="/" class="btn w-96 h-14 btn-primary rounded-full text-2xl">
|
||||
Выход
|
||||
</a>
|
||||
</div>
|
||||
<div class="w-96 mx-auto mt-6">
|
||||
<a id="congratulation" href="/otchislenie/congratulation" class="btn w-full h-16 btn-primary rounded-full text-2xl hidden">
|
||||
Страница поздравления
|
||||
</a>
|
||||
</div>
|
||||
@page "/otchislenie/result"
|
||||
@using Otchinslator.Components.Layout
|
||||
@layout OtchislenieLayout
|
||||
|
||||
<script>
|
||||
function showCongratulation() {
|
||||
document.getElementById('congratulation').classList.remove('hidden');
|
||||
}
|
||||
</script>
|
||||
|
||||
<dialog id="SendToDirectorModal" class="modal modal-bottom sm:modal-middle">
|
||||
<div class="modal-box">
|
||||
<h3 class="text-lg font-bold">Отправка письма</h3>
|
||||
<p class="py-4">Вы уверены что хотите отправить ваше заявление директору?<br>Отменить отправку невозможно!</p>
|
||||
<div class="modal-action">
|
||||
<form method="dialog">
|
||||
<button class="btn btn-primary">Нет</button>
|
||||
<a href="/otchislenie/congratulation" class="btn btn-error">Да</a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</dialog>
|
||||
<div class="w-full">
|
||||
<div class="flex flex-col space-y-4 xl:w-1/2 sm:w-full mx-auto">
|
||||
<div class="card rounded-badge bg-base-200 p-4">
|
||||
<div class="flex flex-col space-y-4 mt-1">
|
||||
<button onclick="SendToDirectorModal.showModal()" class="btn h-16 btn-primary rounded-full text-2xl relative">
|
||||
Отправить директору
|
||||
</button>
|
||||
<button id="downloadPDF" onclick="showCongratulation()" class="btn h-16 btn-primary rounded-full text-2xl relative">
|
||||
Скачать PDF
|
||||
<div class="absolute bg-base-200 rounded-full right-1 w-14 h-14">
|
||||
<img class="p-3" src="img/pdf.svg" alt=""/>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@* TODO: Сделать адаптив *@
|
||||
@* <div class="mt-9 flex flex-col space-y-4 lg:flex-row lg:space-x-4 lg:space-y-0 w-96 mx-auto" > *@
|
||||
<div class="mt-9 flex flex-col space-y-4 w-96 mx-auto" >
|
||||
<a href="/otchislenie/statement" class="btn w-96 h-14 btn-primary rounded-full text-2xl">
|
||||
Назад
|
||||
</a>
|
||||
<a href="/" class="btn w-96 h-14 btn-primary rounded-full text-2xl">
|
||||
Выход
|
||||
</a>
|
||||
</div>
|
||||
<div class="w-96 mx-auto mt-6">
|
||||
<a id="congratulation" href="/otchislenie/congratulation" class="btn w-full h-16 btn-primary rounded-full text-2xl hidden">
|
||||
Страница поздравления
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,8 +1,8 @@
|
||||
@page "/otchislenie/statement"
|
||||
@using Otchinslator.Components.Layout
|
||||
@layout OtchislenieLayout
|
||||
<a href="/otchislenie/result">Statement</a>
|
||||
|
||||
@code {
|
||||
|
||||
@page "/otchislenie/statement"
|
||||
@using Otchinslator.Components.Layout
|
||||
@layout OtchislenieLayout
|
||||
<a href="/otchislenie/result">Statement</a>
|
||||
|
||||
@code {
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user