144 lines
6.8 KiB
Plaintext
144 lines
6.8 KiB
Plaintext
<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>
|
|
}
|
|
|