Customizes Tax App

This commit is contained in:
Vazhin Tayeb 2021-01-18 19:55:59 +03:00
parent aaee792ae2
commit a0369615d2
6 changed files with 85 additions and 57 deletions

View File

@ -4,45 +4,64 @@
ViewData["Title"] = "Home page"; ViewData["Title"] = "Home page";
} }
<h1 class="col-lg-7 mt-5">General Directorate of Region Taxes and Real Estate</h1> <div class="container">
<div class="col-lg-7 d-flex flex-column">
<p class="lead mt-2">Welcome @Model.FirstName @Model.LastName!</p> <div class="col-lg-7">
<div class="bg-dark rounded py-3 px-4 mt-4"> <p class="lead mt-5">Welcome @Model.FirstName @Model.LastName!</p>
<h2 class="font-weight-bold mt-3 text-warning">Your total tax is:</h2> <h1 class="mt-4">General Directorate of Region Taxes and Real Estate</h1>
<p class="font-weight-bold text-light" style="font-size: 64px">@Model.TotalTax.ToString("N0") IQD</p>
</div> </div>
</div>
<h3>Taxable Properties</h3> <div class="col-lg-7 d-flex flex-column justify-content-center rounded py-3 px-4 shadow-sm"
style="margin-top: 60px; margin-bottom: 60px;">
<h3 class="font-weight-bold mt-3 text-custom">Your total tax is:</h3>
<p class="font-weight-bold text-black" style="font-size: 50px">@Model.TotalTax.ToString("N0") IQD</p>
</div>
<h4 class="my-4">Vehicles</h4> <div class="container mt-5">
<h4 class="mt-5 mb-3 font-weight-bold">Taxable Properties</h4>
<table class="table col-lg-7 mt-3"> <table class="table mt-3 rounded table-bordered">
<thead class="bg-dark"> <thead class="table-primary">
<tr> <tr>
<th scope="col" class="text-light">Model</th> <th scope="col">Area</th>
<th scope="col" class="text-light">License Plate</th> <th scope="col">Adress</th>
<th scope="col" class="text-light">Color</th>
<th scope="col" class="text-light">Type</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@foreach (var realEstate in Model.RealEstate)
@foreach (var vehicle in Model.Vehicles)
{ {
<tr>
<td>@realEstate.Area</td>
<td>@realEstate.Address</td>
</tr>
}
</tbody>
</table>
</div>
<div class="container">
<h4 class="mt-5 mb-3 font-weight-bold">Vehicles</h4>
<table class="table mt-3 rounded table-bordered">
<thead class="table-primary">
<tr>
<th scope="col">Model</th>
<th scope="col">License Plate</th>
<th scope="col">Color</th>
<th scope="col">Type</th>
</tr>
</thead>
<tbody>
@foreach (var vehicle in Model.Vehicles)
{
<tr> <tr>
<td>@vehicle.Model</td> <td>@vehicle.Model</td>
<td>@vehicle.LicensePlate</td> <td>@vehicle.LicensePlate</td>
<td>@vehicle.Color</td> <td>@vehicle.Color</td>
<td>@vehicle.Type</td> <td>@vehicle.Type</td>
</tr> </tr>
} }
</tbody> </tbody>
</table> </table>
</div>
</div>

View File

@ -29,7 +29,7 @@ namespace OidcSamples.TaxApp.Pages
public class RealEstate public class RealEstate
{ {
public int Id { get; set; } public int Id { get; set; }
public int Area { get; set; } public double Area { get; set; }
public string Address { get; set; } public string Address { get; set; }
public string Citizen_upn { get; set; } public string Citizen_upn { get; set; }
} }

View File

@ -11,10 +11,10 @@
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
</head> </head>
<body> <body class="bg-light">
<header> <header>
<nav <nav
class="navbar navbar-expand-sm justify-content-between navbar-toggleable-sm navbar-light bg-warning border-bottom box-shadow mb-3"> class="navbar navbar-expand-sm justify-content-between navbar-toggleable-sm navbar-light bg-custom text-light border-bottom box-shadow mb-3">
<div class="container d-inline-flex justify-content-between w-100"> <div class="container d-inline-flex justify-content-between w-100">
<img style="height: 72px;" src="~/images/logo.svg" alt=""> <img style="height: 72px;" src="~/images/logo.svg" alt="">
@ -26,13 +26,13 @@
<div class="navbar-collapse collapse flex-grow-0"> <div class="navbar-collapse collapse flex-grow-0">
<ul class="navbar-nav">@if (User.Identity.IsAuthenticated) <ul class="navbar-nav">@if (User.Identity.IsAuthenticated)
{ {
<span class="mr-sm-4 my-sm-0 my-2 bg-light text-secondary px-3 py-2 rounded" <span class="mr-sm-4 my-sm-0 my-2 border border-white text-white px-3 py-2 rounded"
style="font-weight: bold;">@User.Claims.First(c style="font-weight: bold;">@User.Claims.First(c
=> =>
c.Type c.Type
== ==
"name").Value</span> "name").Value</span>
<a class="btn btn-secondary" role="button" asp-controller="Authentication" <a class="btn btn-light" role="button" asp-controller="Authentication"
asp-action="Logout">Logout</a> asp-action="Logout">Logout</a>
} }
</ul> </ul>
@ -46,9 +46,9 @@
</main> </main>
</div> </div>
<footer class="border-top footer text-muted"> <footer class="border-top footer text-custom mt-5 position-static">
<div class="container"> <div class="container">
&copy; 2021 - OidcSamples.TaxApp - <a asp-area="" asp-page="/Privacy">Privacy</a> &copy; 2021 - Tax Service
</div> </div>
</footer> </footer>

View File

@ -18,7 +18,8 @@ a {
border-color: #1861ac; border-color: #1861ac;
} }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #fff; color: #fff;
background-color: #1b6ec2; background-color: #1b6ec2;
border-color: #1861ac; border-color: #1861ac;
@ -43,7 +44,7 @@ html {
} }
.box-shadow { .box-shadow {
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
} }
button.accept-policy { button.accept-policy {
@ -69,3 +70,11 @@ body {
white-space: nowrap; white-space: nowrap;
line-height: 60px; /* Vertically center the text there */ line-height: 60px; /* Vertically center the text there */
} }
.bg-custom {
background-color: #485460;
}
.text-custom {
color: #485460;
}

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 100 KiB

After

Width:  |  Height:  |  Size: 100 KiB