first
This commit is contained in:
143
ManagementApp/Views/Storage/Index.cshtml
Normal file
143
ManagementApp/Views/Storage/Index.cshtml
Normal file
@ -0,0 +1,143 @@
|
||||
<div class="c-breadcrumbs d-f">
|
||||
<h2 class="title">Config Storage</h2>
|
||||
<div class="d-f breadcrumbs">
|
||||
<a href="javascript:void(0)" class="item">
|
||||
<span class="icon atg atg-home"></span>
|
||||
</a>
|
||||
<span class="sperate">></span>
|
||||
<a href="javascript:void(0)" class="item">
|
||||
Storage Management
|
||||
</a>
|
||||
<span class="sperate">></span>
|
||||
<a href="javascript:void(0)" class="item">
|
||||
Storage Setting
|
||||
</a>
|
||||
<span class="sperate">></span>
|
||||
<span class="item active">Config Storage</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cfull">
|
||||
<div class="r-n-g">
|
||||
<div class="c-12">
|
||||
<div class="card-body">
|
||||
<div class="d-f">
|
||||
<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>
|
||||
<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>
|
||||
</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">
|
||||
<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>
|
||||
|
||||
</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>
|
||||
<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 class="c-12">
|
||||
<div class="card-body">
|
||||
<div class="d-f">
|
||||
<h4>Your Storage</h4>
|
||||
<div class="more"><span class="atg atg-more"></span></div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@section jsLib {
|
||||
<script type="module" src="@Url.AbsoluteContent("~/js/js-page/6101.js")" js-lib></script>
|
||||
}
|
||||
|
Reference in New Issue
Block a user