update TWA Management v0.0.1

This commit is contained in:
2025-11-05 10:08:06 +07:00
parent d4e91c7960
commit b4b191f829
73 changed files with 2249 additions and 418 deletions

View File

@ -6,3 +6,7 @@
<h1 class="display-4">Welcome</h1>
<p>Learn about <a href="https://learn.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
</div>
@section jsLib {
<script type="module" src="@Url.AbsoluteContent("~/js/js-page/1000.js")" js-lib></script>
}

View File

@ -1,43 +1,122 @@
<div class="c">
<div class="r j-c-center h-100vh pt-5 pb-5">
<div class="c-s-12 c-m-10 c-l-8 c-x-10 c-sx-8 w-login mt-auto mb-auto">
<div class="r-n-g j-c-center a-i-center">
<div class="d-n c-x-6 d-x-b">
<img src="~/images/img1.jpg" class="w-100" />
</div>
<div class="c-12 c-x-6">
<div class="h-100 d-f a-i-center">
<div class="ws-login d-f f-c a-i-center">
<span class="ws-title">Đăng Nhập</span>
<div class="ws-input mb-4">
<span class="label-input">Tài khoản</span>
<div class="c-input d-f a-i-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M313.6 304c-28.7 0-42.5 16-89.6 16-47.1 0-60.8-16-89.6-16C60.2 304 0 364.2 0 438.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-25.6c0-74.2-60.2-134.4-134.4-134.4zM400 464H48v-25.6c0-47.6 38.8-86.4 86.4-86.4 14.6 0 38.3 16 89.6 16 51.7 0 74.9-16 89.6-16 47.6 0 86.4 38.8 86.4 86.4V464zM224 288c79.5 0 144-64.5 144-144S303.5 0 224 0 80 64.5 80 144s64.5 144 144 144zm0-240c52.9 0 96 43.1 96 96s-43.1 96-96 96-96-43.1-96-96 43.1-96 96-96z" /></svg>
<input type="text" class="input" placeholder="Nhập tài khoản" />
</div>
</div>
<div class="ws-input">
<span class="label-input">Mật khẩu</span>
<div class="c-input d-f a-i-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zM264 392c0 22.1-17.9 40-40 40s-40-17.9-40-40v-48c0-22.1 17.9-40 40-40s40 17.9 40 40v48zm32-168H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z" /></svg>
<input type="password" class="input" placeholder="Nhập mật khẩu" />
</div>
</div>
<div class="ws-forgot ml-auto">
<a href="#">Quên mật khẩu?</a>
</div>
<div class="ws-btn d-f j-c-center">
<div class="btn-mask"></div>
<button class="btn btn-effect">Đăng nhập</button>
</div>
<div class="ws-signup d-f f-c a-i-center">
<span>Đăng ký tài khoản bằng ID</span>
<a href="#">Đăng Ký</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="main-login">
<div class="con-img">
<img src="~/images/login/@Shared.RandomImages()" />
</div>
<div class="c-login">
<div class="frm-login">
<div class="ws-login">
<div class="frm-header d-f f-c a-i-center">
<a app-nav href="@Url.AbsoluteContent("~/")" class="c_logo d-f j-c-center">
<img src="@Url.AbsoluteContent("~/images/logo/slogo.png")">
</a>
</div>
<div class="AWizard tabcontents">
<div class="tabcontent">
<div class="frm-header">
<h2 class="title">Sign In</h2>
<span class="d-f f-wrap desc">Bạn chưa có tài khoản? <a href="javascript:void(0)" class="ml-2" id="navSignUp">Đăng ký ngay</a></span>
</div>
<div class="frm-input mt-4">
<label>Username</label>
<div class="c-input">
<span class="ico atg a-1x atg-user"></span>
<input type="text" class="input" placeholder="Your username" />
<span class="line"></span>
</div>
</div>
<div class="frm-input">
<label>Password</label>
<div class="c-input">
<span class="ico atg a-1x atg-user"></span>
<input type="password" class="input" placeholder="Your password" />
<span class="line"></span>
</div>
</div>
<div class="frm-header d-f f-wrap j-c-between a-i-center">
<a href="javascript:void(0)" id="forgetPass">Forget the password?</a>
<button class="btn btn-primary btn-effect">Sign In</button>
</div>
</div>
<div class="tabcontent">
<div class="frm-header">
<h2 class="title">Don't You Remember Password?</h2>
</div>
<div class="frm-input mt-4">
<label>Địa chỉ email</label>
<div class="c-input">
<span class="ico atg a-1x atg-user"></span>
<input type="text" class="input" placeholder="Nhập email" />
<span class="line"></span>
</div>
</div>
<div class="frm-header d-f j-c-end">
<button class="btn btn-secondary btnCB btn-effect mr-2">Quay lại</button>
<button class="btn btn-primary btn-effect">Lấy lại mật khẩu</button>
</div>
<div class="frm-header d-f f-c">
<span class="hint">
Mật khẩu mới sẽ được gửi về hộp thư trong email của bạn.
</span>
<span class="hint mt-2">
Sau khi được cấp mật khẩu mới vui lòng đổi lại mật khẩu trong trang thông tin tài khoản.
</span>
<span class="mt-2 hint">Trường hợp không nhận được email? <a href="javascript:void(0)" class="">Hãy nhắn tin cho chúng tôi!</a></span>
</div>
</div>
<div class="tabcontent">
<div class="frm-header">
<h2 class="title">Sign Up</h2>
</div>
<div class="frm-input mt-4">
<label>Địa chỉ email</label>
<div class="c-input">
<span class="ico atg a-1x atg-user"></span>
<input type="text" class="input" placeholder="Nhập email" />
<span class="line"></span>
</div>
</div>
<div class="frm-input">
<label>Mật khẩu</label>
<div class="c-input">
<span class="ico atg a-1x atg-user"></span>
<input type="password" class="input" placeholder="Nhập mật khẩu" />
<span class="line"></span>
</div>
</div>
<div class="frm-input">
<label>Nhập lại mật khẩu</label>
<div class="c-input">
<span class="ico atg a-1x atg-user"></span>
<input type="password" class="input" placeholder="Nhập lại mật khẩu" />
<span class="line"></span>
</div>
</div>
<div class="frm-input">
<label>Họ & tên</label>
<div class="c-input">
<span class="ico atg a-1x atg-user"></span>
<input type="text" class="input" placeholder="Nhập họ tên" />
<span class="line"></span>
</div>
</div>
<div class="frm-header d-f j-c-end">
<button class="btn btn-secondary btnCB btn-effect mr-2">Quay lại</button>
<button class="btn btn-primary btn-effect">Đăng ký</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@section jsLib {
<script type="module" src="@Url.AbsoluteContent("~/js/js-page/10001.js")" js-lib></script>
}

View File

@ -1,7 +1,7 @@
<div class="c-logo">
<div class="logo d-f f-c a-i-center">
<img src="~/images/logo3.svg" />
<span class="mt-1 logo-name">Resort Management</span>
<img src="~/images/logo/slogo.png" />
<span class="pt-3 pb-2 logo-name">Management System</span>
</div>
<div class="d-b d-x-n hd-close">
<svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" stroke="#7367f0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="d-block d-xl-none feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
@ -18,7 +18,7 @@
</div>
<div class="m-footer d-f f-c">
<span>
<b>Copyright<sup>©</sup></b> 2024 ATG Technology
<b>Copyright<sup>©</sup></b> 2025 TWA
</span>
<span class="mt-1"><b>Version: </b> 0.0.1a</span>
</div>

View File

@ -62,6 +62,7 @@
<div id="footer">
@await Html.PartialAsync("~/Views/Partial/Footer.cshtml")
</div>
@section jsLib {
<script type="module" src="@Url.AbsoluteContent("~/js/js-page/asyncLayout.js")" js-lib></script>
}

View File

@ -0,0 +1,9 @@
<section id="header">
</section>
<section id="footer">
</section>
@section jsLib {
<script type="module" src="@Url.AbsoluteContent("~/js/js-page/asyncLoginLayout.js")" js-lib></script>
}