update v0.0.2 twa sys
This commit is contained in:
@ -6,113 +6,116 @@
|
||||
<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">
|
||||
<a app-nav href="@Url.AbsoluteContent("~/")" class="c_logo d-f j-c-center mb-4">
|
||||
<img src="@Url.AbsoluteContent("~/images/logo/slogo.png")">
|
||||
|
||||
</a>
|
||||
<div class="AWizard tabcontents">
|
||||
<div class="tabcontent">
|
||||
|
||||
<div class="frm-header">
|
||||
<h2 class="title">Sign In</h2>
|
||||
<span class="d-f f-wrap desc a-i-center">Don’t have an account? <a href="javascript:void(0)" class="ml-2" id="navSignUp">Sign up</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 id="txtUser" type="text" class="input" placeholder="Your username" />
|
||||
<span class="line"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="frm-input mb-2">
|
||||
<label>Password</label>
|
||||
<div class="c-input">
|
||||
<span class="ico atg a-1x atg-user"></span>
|
||||
<input id="txtPass" type="password" class="input" placeholder="Your password" />
|
||||
<span class="line"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="c_validation" id="frm_login_summary">
|
||||
<p class="mess_error"></p>
|
||||
</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" id="SignIn">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 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>
|
||||
|
||||
@ -19,120 +19,122 @@
|
||||
<div class="cfull">
|
||||
<div class="r-n-g">
|
||||
<div class="c-12">
|
||||
<div class="card-body">
|
||||
<div class="d-f">
|
||||
<div class="card-body" data-dropdown>
|
||||
<div class="d-f dropdown aslidedown">
|
||||
<h4>Storage Initialization</h4>
|
||||
<div class="more"><span class="atg atg-more"></span></div>
|
||||
</div>
|
||||
<div class="d-f f-c form-group-con mb-2 ">
|
||||
<div class="form-group d-f f-c">
|
||||
<label>Total Size</label>
|
||||
<div class="input-custom d-f c-12 c-s-6">
|
||||
<button class="input-append left d-f a-i-center minus btn-effect waves-float">
|
||||
<span class="atg atg-minus"></span>
|
||||
</button>
|
||||
<div class="d-f w-100">
|
||||
<input id="totalSize" type="text" default-value="1" max-value="10000" min-value="1" step-value="1" placeholder="Dung Lượng Storage" validation-isEmpty />
|
||||
<span class="input-append right">Gb</span>
|
||||
<div class="sub-item">
|
||||
<div class="d-f f-c form-group-con mb-2 ">
|
||||
<div class="form-group d-f f-c">
|
||||
<label>Total Size</label>
|
||||
<div class="input-custom d-f c-12 c-s-6">
|
||||
<button class="input-append left d-f a-i-center minus btn-effect waves-float">
|
||||
<span class="atg atg-minus"></span>
|
||||
</button>
|
||||
<div class="d-f w-100">
|
||||
<input id="totalSize" type="text" default-value="1" max-value="10000" min-value="1" step-value="1" placeholder="Dung Lượng Storage" validation-isEmpty />
|
||||
<span class="input-append right">Gb</span>
|
||||
</div>
|
||||
<button class="input-append right d-f a-i-center plus btn-effect waves-float">
|
||||
<span class="atg atg-1x atg-plus"></span>
|
||||
</button>
|
||||
</div>
|
||||
<button class="input-append right d-f a-i-center plus btn-effect waves-float">
|
||||
<span class="atg atg-1x atg-plus"></span>
|
||||
</button>
|
||||
</div>
|
||||
<label>List Storage Server</label>
|
||||
<div class="input-custom amultitag d-f c-12 c-s-6" id="listStorage">
|
||||
<div class="d-f w-100 input-content"></div>
|
||||
<div class="input-append right d-f a-i-center plus btn-effect waves-float btn-Add">
|
||||
<span class="atg atg-plus"></span>
|
||||
<label>List Storage Server</label>
|
||||
<div class="input-custom amultitag d-f c-12 c-s-6" id="listStorage">
|
||||
<div class="d-f w-100 input-content"></div>
|
||||
<div class="input-append right d-f a-i-center plus btn-effect waves-float btn-Add">
|
||||
<span class="atg atg-plus"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-f f-c mt-1">
|
||||
<div class="invalid-feedback mess-empty"></div>
|
||||
</div>
|
||||
<div class="brn-group">
|
||||
<button id="btAdd" type="button" class="btn btn-effect btn-primary mt-2 waves-effect waves-float d-f a-i-center">
|
||||
Save
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-f f-c mt-1">
|
||||
<div class="invalid-feedback mess-empty"></div>
|
||||
</div>
|
||||
<div class="brn-group">
|
||||
<button id="btAdd" type="button" class="btn btn-effect btn-primary mt-2 waves-effect waves-float d-f a-i-center">
|
||||
Add
|
||||
</button>
|
||||
<button id="btLogin" type="button" class="btn btn-effect btn-primary mt-2 waves-effect waves-float d-f a-i-center">
|
||||
Login Microsoft 365
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="c-12">
|
||||
<div class="card-body">
|
||||
<div class="d-f">
|
||||
<div class="card-body" data-dropdown>
|
||||
<a class="d-f dropdown aslidedown">
|
||||
<h4>Storage Setting</h4>
|
||||
<div class="more"><span class="atg atg-more"></span></div>
|
||||
</div>
|
||||
<h5 class="mt-2 mb-2">Search Fillter</h5>
|
||||
<div class="d-f f-c form-group-con mb-2 ">
|
||||
<div class="form-group d-f f-c">
|
||||
<div class="input-group">
|
||||
<input id="inpKey" type="text" placeholder="Keyword" validation-isEmpty />
|
||||
</div>
|
||||
<div class="d-f f-c mt-1">
|
||||
<div class="invalid-feedback mess-empty"></div>
|
||||
</a>
|
||||
<div class="sub-item">
|
||||
<h5 class="mt-2 mb-2">Search Fillter</h5>
|
||||
<div class="d-f f-c form-group-con mb-2 ">
|
||||
<div class="form-group d-f f-c">
|
||||
<div class="input-group">
|
||||
<input id="inpKey" type="text" placeholder="Keyword" validation-isEmpty />
|
||||
</div>
|
||||
<div class="d-f f-c mt-1">
|
||||
<div class="invalid-feedback mess-empty"></div>
|
||||
|
||||
</div>
|
||||
<div class="brn-group">
|
||||
<button id="btSearch" type="button" class="btn btn-effect btn-primary mt-2 waves-effect waves-float d-f a-i-center">
|
||||
Search
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="atabs">
|
||||
<div class="tab-item">
|
||||
<a href="javascript:void(0)" class="item active">Searched Result</a>
|
||||
</div>
|
||||
<div class="tab-item">
|
||||
<a href="javascript:void(0)" class="item" disabled>Update Item</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-f f-c form-group-con">
|
||||
<div class="form-group tabcontents">
|
||||
<div class="tabcontent">
|
||||
<div class="c-table">
|
||||
</div>
|
||||
<div class="brn-group">
|
||||
<button id="btSearch" type="button" class="btn btn-effect btn-primary mt-2 waves-effect waves-float d-f a-i-center">
|
||||
Search
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tabcontent">
|
||||
<div class="d-f f-c form-group-con mb-2 ">
|
||||
<div class="form-group d-f f-c">
|
||||
<h5 class="mt-2 mb-2">Edit Storage Type</h5>
|
||||
<label for="inpType">Storage Type Name</label>
|
||||
<div class="input-group">
|
||||
<input id="inpEID" type="hidden" />
|
||||
<input id="inpEType" type="text" placeholder="Type Name" validation-isEmpty />
|
||||
</div>
|
||||
<div class="d-f f-c mt-1">
|
||||
<div class="invalid-feedback mess-empty"></div>
|
||||
</div>
|
||||
<div class="brn-group d-f mt-2">
|
||||
<button id="btUpdate" type="button" class="btn btn-effect btn-primary waves-effect waves-float d-f a-i-center">
|
||||
Update
|
||||
</button>
|
||||
<button id="btBack" type="button" class="btn btn-effect btn-primary ml-2 waves-effect waves-float d-f a-i-center">
|
||||
Cancel
|
||||
</button>
|
||||
</div>
|
||||
<div class="atabs">
|
||||
<div class="tab-item">
|
||||
<a href="javascript:void(0)" class="item active">Searched Result</a>
|
||||
</div>
|
||||
<div class="tab-item">
|
||||
<a href="javascript:void(0)" class="item" disabled>Update Item</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-f f-c form-group-con">
|
||||
<div class="form-group tabcontents">
|
||||
<div class="tabcontent">
|
||||
<div class="c-table">
|
||||
</div>
|
||||
</div>
|
||||
<div class="tabcontent">
|
||||
<div class="d-f f-c form-group-con mb-2 ">
|
||||
<div class="form-group d-f f-c">
|
||||
<h5 class="mt-2 mb-2">Edit Storage Type</h5>
|
||||
<label for="inpType">Storage Type Name</label>
|
||||
<div class="input-group">
|
||||
<input id="inpEID" type="hidden" />
|
||||
<input id="inpEType" type="text" placeholder="Type Name" validation-isEmpty />
|
||||
</div>
|
||||
<div class="d-f f-c mt-1">
|
||||
<div class="invalid-feedback mess-empty"></div>
|
||||
</div>
|
||||
<div class="brn-group d-f mt-2">
|
||||
<button id="btUpdate" type="button" class="btn btn-effect btn-primary waves-effect waves-float d-f a-i-center">
|
||||
Update
|
||||
</button>
|
||||
<button id="btBack" type="button" class="btn btn-effect btn-primary ml-2 waves-effect waves-float d-f a-i-center">
|
||||
Cancel
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="c-12">
|
||||
<div class="card-body">
|
||||
<div class="d-f">
|
||||
<div class="card-body" data-dropdown>
|
||||
<div class="d-f dropdown aslidedown">
|
||||
<h4>Your Storage</h4>
|
||||
<div class="more"><span class="atg atg-more"></span></div>
|
||||
</div>
|
||||
<div class="sub-item">
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user