Залил изменения за долгое время

src/Otchinslator/Components/Pages/Questionnaire.razor

@@ -2,8 +2,145 @@
 @page "/otchislenie/questionnaire"
 @using Otchinslator.Components.Layout
 @layout OtchislenieLayout
-<a href="/otchislenie/statement">questionnaire</a>
-
-@code {
 
+<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> *@

src/Otchinslator/Components/Pages/Result.razor

@@ -21,7 +21,7 @@
     </div>
 </dialog>
 <div class="w-full">
-    <div class="flex flex-col space-y-4 w-96 mx-auto">
+    <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">

src/Otchinslator/Otchinslator.csproj

@@ -18,9 +18,9 @@
       <UpToDateCheckBuilt Include="tailwind.config.js" Set="Css" />
     </ItemGroup>
     
-    <Target Name="Tailwind" BeforeTargets="Build">
+    <!-- <Target Name="Tailwind" BeforeTargets="Build">
       <Exec Command="npm run css:build"/>
-    </Target>
+    </Target> -->
 
     <ItemGroup>
       <PackageReference Include="Microsoft.Identity.Web" Version="3.2.2" />

src/Otchinslator/Properties/launchSettings.json

@@ -25,7 +25,7 @@
         "commandName": "Project",
         "dotnetRunMessages": true,
         "launchBrowser": true,
-        "applicationUrl": "http://localhost:5211",
+        "applicationUrl": "http://0.0.0.0:5211",
         "environmentVariables": {
           "ASPNETCORE_ENVIRONMENT": "Development"
         }

src/Otchinslator/appsettings.json

@@ -0,0 +1,17 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  },
+  "AzureAd": {
+    "Instance": "https://login.microsoftonline.com/",
+    "TenantId": "sfedu.ru",
+    "ClientId": "ab679823-ea58-4c45-9af5-3284b1285aa2",
+    "ClientSecret": "DGu8Q~S5R8YbrNpklfB1aI5~JKdoSxEcgavKDc_s",
+    "Domain": "sfedu.onmicrosoft.com", //Application ID URI without Application (client) ID and https
+    "CallbackPath": "/signin-oidc"
+  },
+  "AllowedHosts": "*"
+}

src/Otchinslator/wwwroot/css/site.css

@@ -9,7 +9,3 @@
 html {
     scrollbar-width: none; /* Firefox */
 }
-
-.w-192 {
-    width: 48rem;
-}