調整 _graphManagement.html 頁面

This commit is contained in:
SinoroWu 2022-11-22 17:18:39 +08:00
parent 13eac5639c
commit 7b446823f0

View File

@ -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">
@ -153,49 +164,3 @@
</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">&times;</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>