| | | 1 | | @{ |
| | 0 | 2 | | Layout = null; |
| | 0 | 3 | | ViewData["Title"] = "Вход"; |
| | | 4 | | } |
| | | 5 | | |
| | | 6 | | <!DOCTYPE html> |
| | | 7 | | <html lang="ru"> |
| | | 8 | | <head> |
| | | 9 | | <meta charset="utf-8" /> |
| | | 10 | | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| | 0 | 11 | | <title>@ViewData["Title"] - SlqStudio</title> |
| | | 12 | | |
| | | 13 | | <!-- Bootstrap CSS --> |
| | | 14 | | <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"/> |
| | | 15 | | <!-- Bootstrap Icons --> |
| | | 16 | | <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css"/> |
| | | 17 | | <style> |
| | | 18 | | body { |
| | | 19 | | display: flex; |
| | | 20 | | min-height: 100vh; |
| | | 21 | | flex-direction: column; |
| | | 22 | | background-color: #f8f9fa; |
| | | 23 | | } |
| | | 24 | | main { |
| | | 25 | | flex: 1; |
| | | 26 | | display: flex; |
| | | 27 | | align-items: center; |
| | | 28 | | justify-content: center; |
| | | 29 | | padding: 20px; |
| | | 30 | | } |
| | | 31 | | .auth-card { |
| | | 32 | | width: 100%; |
| | | 33 | | max-width: 500px; |
| | | 34 | | } |
| | | 35 | | .brand-logo { |
| | | 36 | | font-weight: 500; |
| | | 37 | | text-align: center; |
| | | 38 | | width: 100%; |
| | | 39 | | display: block; |
| | | 40 | | margin-bottom: 30px; |
| | | 41 | | font-size: 2.5rem; |
| | | 42 | | color: #0d6efd; |
| | | 43 | | } |
| | | 44 | | .form-control-with-icon { |
| | | 45 | | position: relative; |
| | | 46 | | } |
| | | 47 | | .form-control-with-icon i { |
| | | 48 | | position: absolute; |
| | | 49 | | top: 12px; |
| | | 50 | | left: 10px; |
| | | 51 | | z-index: 2; |
| | | 52 | | color: #6c757d; |
| | | 53 | | } |
| | | 54 | | .form-control-with-icon input { |
| | | 55 | | padding-left: 40px; |
| | | 56 | | } |
| | | 57 | | </style> |
| | | 58 | | </head> |
| | | 59 | | <body> |
| | | 60 | | <main> |
| | | 61 | | <div class="container"> |
| | | 62 | | <div class="auth-card mx-auto"> |
| | | 63 | | <span class="brand-logo">PIM конфигурация</span> |
| | | 64 | | |
| | | 65 | | <div class="card shadow-sm"> |
| | | 66 | | <div class="card-body p-4"> |
| | | 67 | | <h5 class="card-title text-center mb-4">Вход</h5> |
| | | 68 | | |
| | 0 | 69 | | @if (ViewBag.Error != null) |
| | | 70 | | { |
| | 0 | 71 | | <div class="alert alert-danger text-center">@ViewBag.Error</div> |
| | | 72 | | } |
| | | 73 | | |
| | | 74 | | <form method="post" asp-area="Studio2" asp-controller="Config" asp-action="Login"> |
| | | 75 | | <div class="mb-3 form-control-with-icon"> |
| | | 76 | | <i class="bi bi-person"></i> |
| | | 77 | | <input id="name" type="text" class="form-control" name="name" placeholder="Имя пользователя" |
| | | 78 | | </div> |
| | | 79 | | |
| | | 80 | | <div class="mb-4 form-control-with-icon"> |
| | | 81 | | <i class="bi bi-lock"></i> |
| | | 82 | | <input id="password" type="password" class="form-control" name="password" placeholder="Парол |
| | | 83 | | </div> |
| | | 84 | | |
| | | 85 | | <div class="d-grid"> |
| | | 86 | | <button type="submit" class="btn btn-primary"> |
| | | 87 | | <i class="bi bi-box-arrow-in-right me-2"></i>Войти |
| | | 88 | | </button> |
| | | 89 | | </div> |
| | | 90 | | </form> |
| | | 91 | | </div> |
| | | 92 | | </div> |
| | | 93 | | </div> |
| | | 94 | | </div> |
| | | 95 | | </main> |
| | | 96 | | |
| | | 97 | | <!-- Bootstrap JS Bundle with Popper --> |
| | | 98 | | <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> |
| | | 99 | | </body> |
| | | 100 | | </html> |