調整 _graphManagement.html 頁面
This commit is contained in:
SinoroWu
parent
13eac5639c
commit
7b446823f0
@ -64,7 +64,7 @@
|
|||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="mb-3">
|
<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>
|
</div>
|
||||||
|
|
||||||
<table class="table table-bordered table-striped text-center m-0">
|
<table class="table table-bordered table-striped text-center m-0">
|
||||||
@ -108,41 +108,52 @@
|
|||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<!-- TEST Button trigger modal -->
|
<!-- Upload Picture modal -->
|
||||||
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#staticBackdrop">
|
<div class="modal fade" id="uploadPicture" tabindex="-1" role="dialog" aria-hidden="true">
|
||||||
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">
|
|
||||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<h4 class="modal-title">
|
<h4 class="modal-title">
|
||||||
人員基本資料新增 / 修改
|
圖資上傳
|
||||||
</h4>
|
</h4>
|
||||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
<span aria-hidden="true"><i class="fal fa-times"></i></span>
|
<span aria-hidden="true"><i class="fal fa-times"></i></span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<form id="accManForm">
|
<form id="uploadForm">
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label" for="inpEmail">Email</label>
|
<label class="form-label" for="picNum">圖號</label>
|
||||||
<input type="email" id="inpEmail" name="inpEmail" class="form-control"
|
<input type="text" id="picNum" name="picNum" class="form-control">
|
||||||
placeholder="Email">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="form-group">
|
<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">
|
<input type="text" id="inpName" name="inpName" class="form-control">
|
||||||
</div>
|
</div>
|
||||||
</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>
|
</div>
|
||||||
<div class="modal-footer">
|
<div class="modal-footer">
|
||||||
@ -153,49 +164,3 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</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