ClientApp (Cards, Login, Register, Privacy и View-ы связанные с операциями, Layout и HomeController)

P.S. надизайнились, потом возможно что-то допридумаем
This commit is contained in:
nikbel2004@outlook.com 2024-05-01 22:14:11 +04:00
parent a636aacf95
commit 391de9d2ea
12 changed files with 204 additions and 34 deletions

View File

@ -23,6 +23,56 @@ namespace BankClientApp.Controllers
return View(); return View();
} }
public IActionResult Enter()
{
return View();
}
public IActionResult Login()
{
return View();
}
public IActionResult Register()
{
return View();
}
public IActionResult CreateCard()
{
return View();
}
public IActionResult CreateReport()
{
return View();
}
public IActionResult ReportBankCard()
{
return View();
}
public IActionResult Crediting()
{
return View();
}
public IActionResult Debiting()
{
return View();
}
public IActionResult MoneyTransfers()
{
return View();
}
public IActionResult Cards()
{
return View();
}
[ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)] [ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
public IActionResult Error() public IActionResult Error()
{ {

View File

@ -13,7 +13,7 @@
<div class="text-center"> <div class="text-center">
@{ @{
<p> <p>
<a asp-action="CreateAccount">Оформить банковскую карту</a> <a asp-action="CreateCard">Оформить банковскую карту</a>
</p> </p>
<table class="table"> <table class="table">
<thead> <thead>

View File

@ -0,0 +1,54 @@
@{
ViewData["Title"] = "Оформление банковской карты";
}
<div class="text-center">
<h2 class="display-4">Оформление банковской карты</h2>
</div>
<form method="post">
<div class="row mb-2">
<div class="col-4">Клиент:</div>
<div class="col-8">
<select id="client" name="clientId" class="form-control" asp-items="@(new SelectList( @ViewBag.Clients, "Id", "FullName"))"></select>
</div>
</div>
<div class="row mb-2">
<div class="col-4">Номер карты:</div>
<div class="col-8">
<input type="text" id="accountNumber" class="form-control" name="accountNumber" required />
</div>
</div>
<div class="row mb-2">
<div class="col-4">Период:</div>
<div class="col-8">
<input type="date" id="period" class="form-control" name="period" required />
</div>
</div>
<div class="row mb-2">
<div class="col-4">Баланс:</div>
<div class="col-8">
<input type="number" id="balance" class="form-control" name="balance" value=0 required min=0 />
</div>
</div>
<div class="row mb-2">
<div class="col-8"></div>
<div class="col-4">
<input type="submit" value="Создать" class="form-control" class="btn btn-dark" />
</div>
</div>
</form>
<script>
function createNum(len) {
chrs = '0123456789';
var str = '';
for (var i = 0; i < len; i++) {
var pos = Math.floor(Math.random() * chrs.length);
str += chrs.substring(pos, pos + 1);
}
return str;
}
document.getElementById("CardNumber").value = createNum(16);
document.getElementById("password").value = createNum(4);
</script>

View File

@ -0,0 +1,5 @@
@*
For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
}

View File

@ -0,0 +1,5 @@
@*
For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
}

View File

@ -4,7 +4,19 @@
<div class="text-center"> <div class="text-center">
<h1 class="display-4">Добро пожаловать</h1> <h1 class="display-4">Добро пожаловать</h1>
<img src="https://cdn.fishki.net/upload/users/2022/06/12/1061211/2b8a167a3b89c460017e4b76fa61462b.jpg" alt="*" class="img-fluid" style="display: block; margin: 0 auto;">
</div> </div>
<div class="text-center mx-auto">
<h2 class="text-center"> Страница пользователя </h2>
<img src="https://i1.ytimg.com/vi/nNQemfCR9Ms/maxresdefault.jpg" alt="*" class="img-fluid" style="width: 70%; display: block; margin: 0 auto;">
@{
if (APIClient.Client == null)
{
<h3 class="display-3" style="font-size: 50px"> Сначала авторизуйся </h3>
return;
}
<h3 class="display-3"> Здравствуйте, @APIClient.Client.Name @APIClient.Client.Patronymic </h3>
}
</div>

View File

@ -6,9 +6,16 @@
<h2 class="display-4">Вход в приложение</h2> <h2 class="display-4">Вход в приложение</h2>
</div> </div>
<form class="form-signin text-center" method="post">
<h1 class="h3 mb-3 font-weight-normal">Логин</h1> <form class="form-signin text-center w-50 mx-auto" method="post">
<input type="email" id="login" name="login" class="form-control" placeholder="Почта" required autofocus> <div class="mt-3 mb-3 h3">
<input type="password" id="password" name="password" class="form-control" placeholder="Пароль" required> <label for="login" class="form-label font-weight-normal">Логин</label>
<button class="btn btn-lg btn-warning btn-block" type="submit" asp-controller="Home" asp-action="Login">Войти</button> <input type="text" name="login" id="login" class="form-control" placeholder="Логин" required autofocus />
</div>
<div class="mb-3 h3">
<label for="password" class="form-label font-weight-normal">Пароль</label>
<input type="password" name="password" id="password" class="form-control" placeholder="Пароль" required />
</div>
<button type="submit" class="btn btn-primary btn-warning btn-block mt-2">Вход</button>
</form> </form>

View File

@ -0,0 +1,29 @@
@{
ViewData["Title"] = "Переводы меджу счетами";
}
<div class="text-center">
<h2 class="display-4">Перевод между счетами</h2>
</div>
<form class="mx-auto w-75" method="post">
<div class="row mt-5 mb-2">
<div class="col-4">Номер счёта для снятия:</div>
<div class="col-8">
</div>
</div>
<div class="row mt-4 mb-2">
<div class="col-4">Номер счёта для начисления:</div>
<div class="col-8">
</div>
</div>
<div class="row mt-4 mb-2">
<div class="col-4 h3">Сумма перевода:</div>
<div class="col-8">
<input type="number" id="sumMoneyTransfer" class="form-control" name="sumMoneyTransfer" required min=1 value=1 />
</div>
</div>
<div class="row mt-4 mb-2">
<input type="submit" style="width: 100%" value="Перевести" class="btn btn-dark" />
</div>
</form>

View File

@ -9,28 +9,29 @@
<div class="text-center"> <div class="text-center">
<h2 class="display-4">Личные данные</h2> <h2 class="display-4">Личные данные</h2>
</div> </div>
<form method="post" class="form-signin">
<form method="post" class="form-signin w-75 mx-auto">
<div class="row"> <div class="row">
<div class="col-4">Логин:</div> <div class="col-4 mt-2">Логин:</div>
<input type="email" id="login" name="login" class="form-control" placeholder="Почта" value=@Html.DisplayFor(modelItem => Model.Email) required> <input type="email" id="login" name="login" class="form-control" placeholder="Почта" value=@Html.DisplayFor(modelItem => Model.Email) required>
</div> </div>
<div class="row"> <div class="row">
<div class="col-4">Пароль:</div> <div class="col-4 mt-2">Пароль:</div>
<input type="password" id="password" name="password" class="form-control" placeholder="Пароль" value=@Html.DisplayFor(modelItem => Model.Password) required> <input type="password" id="password" name="password" class="form-control" placeholder="Пароль" value=@Html.DisplayFor(modelItem => Model.Password) required>
</div> </div>
<div class="row"> <div class="row">
<div class="col-4">Имя:</div> <div class="col-4 mt-2">Имя:</div>
<input type="text" id="name" name="name" class="form-control" placeholder="Имя" value=@Html.DisplayFor(modelItem => Model.Name) required> <input type="text" id="name" name="name" class="form-control" placeholder="Имя" value=@Html.DisplayFor(modelItem => Model.Name) required>
<div class="col-4">Фамилия:</div> <div class="col-4 mt-2">Фамилия:</div>
<input type="text" id="surname" name="surname" class="form-control" placeholder="Фамилия" value=@Html.DisplayFor(modelItem => Model.Surname) required> <input type="text" id="surname" name="surname" class="form-control" placeholder="Фамилия" value=@Html.DisplayFor(modelItem => Model.Surname) required>
<div class="col-4">Отчество:</div> <div class="col-4 mt-2">Отчество:</div>
<input type="text" id="patronymic" name="patronymic" class="form-control" placeholder="Отчество" value=@Html.DisplayFor(modelItem => Model.Patronymic) required> <input type="text" id="patronymic" name="patronymic" class="form-control" placeholder="Отчество" value=@Html.DisplayFor(modelItem => Model.Patronymic) required>
</div> </div>
<div class="row mb-2"> <div class="row mt-2">
<div class="col-4">Телефон:</div> <div class="col-4">Телефон:</div>
<input type="text" id="telephone" name="telephone" class="form-control" placeholder="Телефон" value=@Html.DisplayFor(modelItem => Model.MobilePhone) required> <input type="text" id="telephone" name="telephone" class="form-control" placeholder="Телефон" value=@Html.DisplayFor(modelItem => Model.MobilePhone) required>
</div> </div>
<div class="row mb-2"> <div class="row mt-2 mb-2">
<button class="btn btn-lg btn-warning btn-block mb-2" type="submit" asp-controller="Home" asp-action="Privacy">Coхранить</button> <button class="btn btn-lg btn-warning btn-block mb-2" type="submit" asp-controller="Home" asp-action="Privacy">Coхранить</button>
<button class="btn btn-lg btn-warning btn-block" type="submit" asp-controller="Home" asp-action="Logout">Выйти из аккаунта</button> <button class="btn btn-lg btn-warning btn-block" type="submit" asp-controller="Home" asp-action="Logout">Выйти из аккаунта</button>
</div> </div>

View File

@ -3,17 +3,16 @@
} }
<div class="text-center"> <div class="text-center">
<h2 class="display-4">Регистрация</h2> <h1 class="display-4">Регистрация</h1>
</div> </div>
<form class="form-signin text-center" method="post"> <form class="form-signin text-center w-75 mx-auto" method="post">
<h1 class="h3 mb-3 font-weight-normal">Регистрация</h1> <input type="email" id="login" name="login" class="form-control mb-2" placeholder="Почта" required>
<input type="email" id="login" name="login" class="form-control" placeholder="Почта" required> <input type="password" id="password" name="password" class="form-control mb-2" placeholder="Пароль" required>
<input type="password" id="password" name="password" class="form-control" placeholder="Пароль" required> <input type="text" id="name" name="name" class="form-control mb-2" placeholder="Имя" required>
<input type="text" id="name" name="name" class="form-control" placeholder="Имя" required> <input type="text" id="surname" name="surname" class="form-control mb-2" placeholder="Фамилия" required>
<input type="text" id="surname" name="surname" class="form-control" placeholder="Фамилия" required> <input type="text" id="patronymic" name="patronymic" class="form-control mb-2" placeholder="Отчество" required>
<input type="text" id="patronymic" name="patronymic" class="form-control" placeholder="Отчество" required> <input type="text" id="telephone" name="telephone" class="form-control mb-2" placeholder="Телефон" required>
<input type="text" id="telephone" name="telephone" class="form-control" placeholder="Телефон" required>
<button class="btn btn-lg btn-warning btn-block" type="submit" asp-controller="Home" asp-action="Register">Регистрация</button> <button class="btn btn-lg btn-warning btn-block" type="submit" asp-controller="Home" asp-action="Register">Регистрация</button>
</form> </form>

View File

@ -0,0 +1,5 @@
@*
For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
}

View File

@ -12,30 +12,33 @@
<header> <header>
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3"> <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
<div class="container-fluid"> <div class="container-fluid">
<a asp-controller="Home" asp-action="Index">
<a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">Банк "Вы Банкрот"</a> <img src="https://img.icons8.com/?size=80&id=CvryVUzkqqMu&format=png" alt="*" class="navbar-toggler" style="display: block; margin: 0 auto; height:">
</a>
<a class="navbar-brand ms-4" asp-area="" asp-controller="Home" asp-action="Index">Банк "Вы Банкрот"</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent" <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation"> aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="navbar-collapse collapse d-sm-inline-flex justify-content-between"> <div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
<ul class="navbar-nav flex-grow-1"> <ul class="navbar-nav flex-grow-1 me-2">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Cards">Банковские карты</a> <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Cards">Банковские карты</a>
</li> </li>
<li class="nav-item dropdown"> <li class="nav-item dropdown me-2">
<a class="nav-link dropdown-toggle" id="operationsDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Операции</a> <a class="nav-link dropdown-toggle" id="operationsDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Операции</a>
<ul class="dropdown-menu" aria-labelledby="operationsDropdown"> <ul class="dropdown-menu" aria-labelledby="operationsDropdown">
<li><a class="dropdown-item" asp-controller="Home" asp-action="Crediting">Пополнение карты</a></li> <li><a class="dropdown-item" asp-controller="Home" asp-action="Crediting">Пополнение карты</a></li>
<li><a class="dropdown-item" asp-controller="Home" asp-action="Debiting">Снятие с карты</a></li> <li><a class="dropdown-item" asp-controller="Home" asp-action="Debiting">Снятие с карты</a></li>
<li><a class="dropdown-item" asp-controller="Home" asp-action="MoneyTransfers">Заявки на перевод</a></li>
</ul> </ul>
</li> </li>
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="reportsDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Отчеты</a> <a class="nav-link dropdown-toggle" id="reportsDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Отчеты</a>
<ul class="dropdown-menu" aria-labelledby="reportsDropdown"> <ul class="dropdown-menu" aria-labelledby="reportsDropdown">
<li><a class="dropdown-item" asp-controller="Home" asp-action="ReportWithAccounts">Отчёт по аккаунтам</a></li> <li><a class="dropdown-item" asp-controller="Home" asp-action="ReportBankCard">Отчёт по банковским картам</a></li>
<li><a class="dropdown-item" asp-controller="Home" asp-action="CreateReport">Отчёт за период</a></li> <li><a class="dropdown-item" asp-controller="Home" asp-action="CreateReport">Отчёт за период</a></li>
<li><a class="dropdown-item" asp-controller="Home" asp-action="Diagram">Диаграмма</a></li> <li><a class="dropdown-item" asp-controller="Home" asp-action="Diagram">Диаграмма</a></li>
</ul> </ul>
@ -48,10 +51,10 @@
<a class="nav-link" asp-controller="Home" asp-action="Privacy">Личные данные</a> <a class="nav-link" asp-controller="Home" asp-action="Privacy">Личные данные</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="btn btn-primary" asp-controller="Home" asp-action="Enter">Вход</a> <a class="btn btn-primary ms-2 me-2" asp-controller="Home" asp-action="Login">Вход</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="btn btn-primary me-2" asp-controller="Home" asp-action="Register">Регистрация</a> <a class="btn btn-primary ms-2" asp-controller="Home" asp-action="Register">Регистрация</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -66,7 +69,7 @@
<footer class="border-top footer text-muted"> <footer class="border-top footer text-muted">
<div class="container"> <div class="container">
&copy; 2024 - BankClientApp - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a> &copy; 2024 - Банк "Вы Банкротищеее" - <a asp-area="" asp-controller="Home" asp-action="Privacy">Личные данные</a>
</div> </div>
</footer> </footer>
<script src="~/lib/jquery/dist/jquery.min.js"></script> <script src="~/lib/jquery/dist/jquery.min.js"></script>