調整 _graphManagement.html 頁面
This commit is contained in:
parent
13eac5639c
commit
7b446823f0
@ -64,7 +64,7 @@
|
||||
|
||||
<div class="row">
|
||||
<div class="mb-3">
|
||||
<a href="#" class="btn btn-success">+ 上傳</a>
|
||||
<a href="#" class="btn btn-success" data-toggle="modal" data-target="#uploadPicture">+ 上傳</a>
|
||||
</div>
|
||||
|
||||
<table class="table table-bordered table-striped text-center m-0">
|
||||
@ -108,41 +108,52 @@
|
||||
|
||||
</main>
|
||||
|
||||
<!-- TEST Button trigger modal -->
|
||||
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#staticBackdrop">
|
||||
Launch static backdrop modal
|
||||
</button>
|
||||
|
||||
<div class="mb-3"> <a href="#" class="btn btn-success" data-toggle="modal" data-target="#accManModal">+ 新增</a>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="accManModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<!-- Upload Picture modal -->
|
||||
<div class="modal fade" id="uploadPicture" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">
|
||||
人員基本資料新增 / 修改
|
||||
圖資上傳
|
||||
</h4>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true"><i class="fal fa-times"></i></span>
|
||||
</button>
|
||||
</div>
|
||||
<form id="accManForm">
|
||||
<form id="uploadForm">
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="inpEmail">Email</label>
|
||||
<input type="email" id="inpEmail" name="inpEmail" class="form-control"
|
||||
placeholder="Email">
|
||||
<label class="form-label" for="picNum">圖號</label>
|
||||
<input type="text" id="picNum" name="picNum" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label class="form-label" for="inpName">姓名</label>
|
||||
<label class="form-label" for="inpName">圖名</label>
|
||||
<input type="text" id="inpName" name="inpName" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group mt-2">
|
||||
<label class="form-label" for="mainCategory">主要類別</label>
|
||||
<input type="text" id="mainCategory" name="mainCategory" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group mt-2">
|
||||
<label class="form-label" for="subcategory">子類別</label>
|
||||
<input type="text" id="subcategory" name="subcategory" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<button type="button" class="btn btn-secondary">上傳檔案</button>
|
||||
</div>
|
||||
<small>欲上傳之檔案名</small>
|
||||
<div class="col-md-12">
|
||||
<button type="button" class="btn btn-secondary mt-2">上傳檔案</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
@ -152,50 +163,4 @@
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- TEST Modal -->
|
||||
<div class="modal fade" id="staticBackdrop" data-backdrop="static" data-keyboard="false" tabindex="-1"
|
||||
aria-labelledby="staticBackdropLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
...
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn btn-primary">Understood</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade modal-backdrop-transparent" id="modal-shortcut" tabindex="-1" role="dialog"
|
||||
aria-labelledby="modal-shortcut" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-top modal-transparent" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<ul class="app-list w-auto h-auto p-0 text-left">
|
||||
<li>
|
||||
<a href="intel_introduction.html" class="app-list-item text-white border-0 m-0">
|
||||
<div class="icon-stack">
|
||||
<i class="base base-7 icon-stack-3x opacity-100 color-primary-500 "></i>
|
||||
<i class="base base-7 icon-stack-2x opacity-100 color-primary-300 "></i>
|
||||
<i class="fal fa-home icon-stack-1x opacity-100 color-white"></i>
|
||||
</div>
|
||||
<span class="app-list-name">
|
||||
Home
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
Loading…
Reference in New Issue
Block a user