Skip to content

H
HRM-admin
Commit a6c3b4b4 authored by FionaChen's avatar FionaChen
Browse files
Options

修改文字以及調整 Modal

parent 8c040784
Hide whitespace changes
Inline Side-by-side
Showing with 155 additions and 158 deletions
index.html
View file @ a6c3b4b4
...@@ -103,8 +103,8 @@ ...@@ -103,8 +103,8 @@
</ul> </ul>
<div class="tab-content" id="myTabContent"> <div class="tab-content" id="myTabContent">
<!-- 管理員帳號 start --> <!-- 管理員帳號 start -->
<div class="tab-pane fade show active" id="adminMeb" role="tabpanel" aria-labelledby="adminMeb-tab"> <div class="tab-pane fade show active" id="adminMeb" role="tabpanel" aria-labelledby="adminMeb-tab">
<div class="search-group"> <div class="search-group">
<input type="text" class="input" placeholder="請輸入關鍵字"> <input type="text" class="input" placeholder="請輸入關鍵字">
<div class="dropdown-group"> <div class="dropdown-group">
...@@ -118,7 +118,7 @@ ...@@ -118,7 +118,7 @@
</div> </div>
</div> </div>
</div> </div>
<button type="button" class="btn-wt blue mr-auto">搜詢</button> <button type="button" class="btn-wt blue mr-auto">搜尋</button>
<button type="button" class="btn-wt blue" data-toggle="modal" <button type="button" class="btn-wt blue" data-toggle="modal"
data-target="#addAdminCount"><img src="images/icon/icon-add.svg" class="NB-show">新增帳號</button> data-target="#addAdminCount"><img src="images/icon/icon-add.svg" class="NB-show">新增帳號</button>
...@@ -151,7 +151,7 @@ ...@@ -151,7 +151,7 @@
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditAdminCount"> <button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditAdminCount">
<img src="images/icon/icon-edit.svg" class="NB-show"> <img src="images/icon/icon-edit.svg" class="NB-show">
<img src="images/icon/icon-edit-white.svg" class="phone-show"> <img src="images/icon/icon-edit-white.svg" class="phone-show">
<label class="phone-show">編輯 <label class="phone-show">編輯</label>
</button> </button>
</td> </td>
</tr> </tr>
...@@ -166,7 +166,7 @@ ...@@ -166,7 +166,7 @@
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditAdminCount"> <button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditAdminCount">
<img src="images/icon/icon-edit.svg" class="NB-show"> <img src="images/icon/icon-edit.svg" class="NB-show">
<img src="images/icon/icon-edit-white.svg" class="phone-show"> <img src="images/icon/icon-edit-white.svg" class="phone-show">
<label class="phone-show">編輯 <label class="phone-show">編輯</label>
</button> </button>
</td> </td>
</tr> </tr>
...@@ -181,7 +181,7 @@ ...@@ -181,7 +181,7 @@
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditAdminCount"> <button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditAdminCount">
<img src="images/icon/icon-edit.svg" class="NB-show"> <img src="images/icon/icon-edit.svg" class="NB-show">
<img src="images/icon/icon-edit-white.svg" class="phone-show"> <img src="images/icon/icon-edit-white.svg" class="phone-show">
<label class="phone-show">編輯 <label class="phone-show">編輯</label>
</button> </button>
</td> </td>
</tr> </tr>
...@@ -196,7 +196,7 @@ ...@@ -196,7 +196,7 @@
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditAdminCount"> <button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditAdminCount">
<img src="images/icon/icon-edit.svg" class="NB-show"> <img src="images/icon/icon-edit.svg" class="NB-show">
<img src="images/icon/icon-edit-white.svg" class="phone-show"> <img src="images/icon/icon-edit-white.svg" class="phone-show">
<label class="phone-show">編輯 <label class="phone-show">編輯</label>
</button> </button>
</td> </td>
</tr> </tr>
...@@ -211,7 +211,7 @@ ...@@ -211,7 +211,7 @@
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditAdminCount"> <button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditAdminCount">
<img src="images/icon/icon-edit.svg" class="NB-show"> <img src="images/icon/icon-edit.svg" class="NB-show">
<img src="images/icon/icon-edit-white.svg" class="phone-show"> <img src="images/icon/icon-edit-white.svg" class="phone-show">
<label class="phone-show">編輯 <label class="phone-show">編輯</label>
</button> </button>
</td> </td>
</tr> </tr>
...@@ -230,7 +230,7 @@ ...@@ -230,7 +230,7 @@
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditAdminCount"> <button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditAdminCount">
<img src="images/icon/icon-edit.svg" class="NB-show"> <img src="images/icon/icon-edit.svg" class="NB-show">
<img src="images/icon/icon-edit-white.svg" class="phone-show"> <img src="images/icon/icon-edit-white.svg" class="phone-show">
<label class="phone-show">編輯 <label class="phone-show">編輯</label>
</button> </button>
</td> </td>
</tr> </tr>
...@@ -245,7 +245,7 @@ ...@@ -245,7 +245,7 @@
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditAdminCount"> <button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditAdminCount">
<img src="images/icon/icon-edit.svg" class="NB-show"> <img src="images/icon/icon-edit.svg" class="NB-show">
<img src="images/icon/icon-edit-white.svg" class="phone-show"> <img src="images/icon/icon-edit-white.svg" class="phone-show">
<label class="phone-show">編輯 <label class="phone-show">編輯</label>
</button> </button>
</td> </td>
</tr> </tr>
...@@ -616,8 +616,7 @@ ...@@ -616,8 +616,7 @@
<div class="form-group mt-5"> <div class="form-group mt-5">
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<button type="button" class="btn btn-wt mr-3" data-dismiss="modal">取消</button> <button type="button" class="btn btn-wt mr-3" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-wt blue" <button type="button" class="btn btn-wt blue" data-toggle="modal" data-dismiss="modal" data-target="#SuccessModal">新增</button>
onclick="window.location.href='index.html'">確認</button>
</div> </div>
</div> </div>
</div> </div>
...@@ -633,186 +632,184 @@ ...@@ -633,186 +632,184 @@
<!-- 修改管理員帳號 --> <!-- 修改管理員帳號 -->
<div class="modal fade" id="EditAdminCount" tabindex="-1" aria-labelledby="EditAdminCount" <div class="modal fade" id="EditAdminCount" tabindex="-1" aria-labelledby="EditAdminCount" aria-hidden="true">
aria-hidden="true"> <div class="modal-dialog modal-sm0 modal-dialog-centered0 modal-adminSchool modal-message">
<div class="modal-dialog modal-sm0 modal-dialog-centered0 modal-adminSchool modal-message"> <div class="modal-content">
<div class="modal-content"> <div class="modal-header">
<div class="modal-header"> <label class="topic">修改管理員帳號</label>
<label class="topic">修改管理員帳號</label> <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">×</span>
<span aria-hidden="true">×</span> </button>
</button> </div>
</div> <div class="modal-body Addcont">
<div class="modal-body Addcont"> <form>
<form> <div>
<div> <div class="form-group row">
<div class="form-group row"> <label class="col-lg-3 col-sm-4 col-12 pl-0">ID</label>
<label class="col-lg-3 col-sm-4 col-12 pl-0">ID</label> <label class="col-lg-9 col-sm-8 col-12 pl-0">169040084</label>
<label class="col-lg-9 col-sm-8 col-12 pl-0">169040084</label> <!-- <input type="text" class="form-control noline form-control-sm col-lg-9 col-sm-8 col-12"> -->
<!-- <input type="text" class="form-control noline form-control-sm col-lg-9 col-sm-8 col-12"> --> </div>
</div> <div class="form-group row">
<div class="form-group row"> <label class="col-lg-3 col-sm-4 col-12 pl-0">姓名</label>
<label class="col-lg-3 col-sm-4 col-12 pl-0">姓名</label> <input type="text" class="form-control form-control-sm col-lg-9 col-sm-8 col-12" placeholder="管理員">
<input type="text" class="form-control form-control-sm col-lg-9 col-sm-8 col-12" placeholder="管理員"> </div>
</div> <div class="form-group row">
<div class="form-group row"> <label class="col-lg-3 col-sm-4 col-12 pl-0">帳號</label>
<label class="col-lg-3 col-sm-4 col-12 pl-0">帳號</label> <input type="text" class="form-control form-control-sm col-lg-9 col-sm-8 col-12" placeholder="admin123">
<input type="text" class="form-control form-control-sm col-lg-9 col-sm-8 col-12" placeholder="admin123"> </div>
</div> <div class="form-group row">
<div class="form-group row"> <label class="col-lg-3 col-sm-4 col-12 pl-0">輸入密碼</label>
<label class="col-lg-3 col-sm-4 col-12 pl-0">輸入密碼</label> <input type="password" class="form-control form-control-sm col-lg-9 col-sm-8 col-12" placeholder="******">
<input type="password" class="form-control form-control-sm col-lg-9 col-sm-8 col-12" placeholder="******"> </div>
</div> <div class="form-group row">
<div class="form-group row"> <label class="col-lg-3 col-sm-4 col-12 pl-0">確認密碼</label>
<label class="col-lg-3 col-sm-4 col-12 pl-0">確認密碼</label> <input type="password" class="form-control form-control-sm col-lg-9 col-sm-8 col-12" placeholder="******">
<input type="password" class="form-control form-control-sm col-lg-9 col-sm-8 col-12" placeholder="******"> </div>
</div> <div class="form-group row">
<div class="form-group row"> <label class="col-lg-3 col-sm-4 col-12 pl-0">角色</label>
<label class="col-lg-3 col-sm-4 col-12 pl-0">角色</label> <select name="select" class="custom-select col-lg-9 col-sm-8 col-12" id="Editselect_role">
<select name="select" class="custom-select col-lg-9 col-sm-8 col-12" id="Editselect_role"> <option selected>請選擇用戶角色</option>
<option selected>請選擇用戶角色</option> <option value="總管理員">總管理員</option>
<option value="總管理員">總管理員</option> <option value="超級管理員">超級管理員</option>
<option value="超級管理員">超級管理員</option> <option value="一般管理員">一般管理員</option>
<option value="一般管理員">一般管理員</option> </select>
</select>
</div>
<!-- 總管理員 -->
<div class="form-group row d-none" id="EditHRMmainAdmin">
<div class="col-lg-3 col-sm-4 col-sm-4 col-12">
</div> </div>
<div class="col-lg-9 col-sm-8 col-12 adminbg"> <!-- 總管理員 -->
<!-- edithomeinline 1 --> <div class="form-group row d-none" id="EditHRMmainAdmin">
<div class="custom-control custom-checkbox custom-control-inline mb-2"> <div class="col-lg-3 col-sm-4 col-sm-4 col-12">
<input type="checkbox" class="custom-control-input" id="main-admin-check"
checked>
<label class="custom-control-label" for="main-admin-check">總管理員帳號查看</label>
</div> </div>
<div class="col-lg-9 col-sm-8 col-12 adminbg">
<!-- edithomeinline 1 -->
<div class="custom-control custom-checkbox custom-control-inline mb-2">
<input type="checkbox" class="custom-control-input" id="main-admin-check"
checked>
<label class="custom-control-label" for="main-admin-check">總管理員帳號查看</label>
</div>
<!-- release inline 2 --> <!-- release inline 2 -->
<div class="custom-control custom-checkbox custom-control-inline mb-2"> <div class="custom-control custom-checkbox custom-control-inline mb-2">
<input type="checkbox" class="custom-control-input" id="main-admin-edit" <input type="checkbox" class="custom-control-input" id="main-admin-edit"
checked> checked>
<label class="custom-control-label" for="main-admin-edit">總管理員帳號修改</label> <label class="custom-control-label" for="main-admin-edit">總管理員帳號修改</label>
</div> </div>
<!-- edithomeinline 1 --> <!-- edithomeinline 1 -->
<div class="custom-control custom-checkbox custom-control-inline mb-2"> <div class="custom-control custom-checkbox custom-control-inline mb-2">
<input type="checkbox" class="custom-control-input" id="main-edc-check"> <input type="checkbox" class="custom-control-input" id="main-edc-check">
<label class="custom-control-label" for="main-edc-check">教育平台查看</label> <label class="custom-control-label" for="main-edc-check">教育平台查看</label>
</div> </div>
<!-- release inline 2 --> <!-- release inline 2 -->
<div class="custom-control custom-checkbox custom-control-inline"> <div class="custom-control custom-checkbox custom-control-inline">
<input type="checkbox" class="custom-control-input" id="main-HRM-check"> <input type="checkbox" class="custom-control-input" id="main-HRM-check">
<label class="custom-control-label" for="main-HRM-check">HRMS查看</label> <label class="custom-control-label" for="main-HRM-check">HRMS查看</label>
</div>
</div> </div>
</div>
</div>
<!-- 超級管理員 -->
<div class="form-group row d-none" id="EditHRMSuperAdmin">
<div class="col-lg-3 col-sm-4 col-sm-4 col-12">
</div> </div>
<div class="col-lg-9 col-sm-8 col-12 adminbg">
<!-- edithomeinline 1 -->
<div class="custom-control custom-checkbox custom-control-inline mb-2">
<input type="checkbox" class="custom-control-input" id="s-admin-check" checked>
<label class="custom-control-label" for="s-admin-check">超級管理員帳號查看</label>
</div>
<!-- release inline 2 --> <!-- 超級管理員 -->
<div class="custom-control custom-checkbox custom-control-inline mb-2"> <div class="form-group row d-none" id="EditHRMSuperAdmin">
<input type="checkbox" class="custom-control-input" id="s-admin-edit" checked> <div class="col-lg-3 col-sm-4 col-sm-4 col-12">
<label class="custom-control-label" for="s-admin-edit">超級管理員帳號修改</label>
</div>
<!-- edithomeinline 1 -->
<div class="custom-control custom-checkbox custom-control-inline mb-2">
<input type="checkbox" class="custom-control-input" id="s-edc-check">
<label class="custom-control-label" for="s-edc-check">教育平台查看</label>
</div> </div>
<div class="col-lg-9 col-sm-8 col-12 adminbg">
<!-- edithomeinline 1 -->
<div class="custom-control custom-checkbox custom-control-inline mb-2">
<input type="checkbox" class="custom-control-input" id="s-admin-check" checked>
<label class="custom-control-label" for="s-admin-check">超級管理員帳號查看</label>
</div>
<!-- release inline 2 --> <!-- release inline 2 -->
<div class="custom-control custom-checkbox custom-control-inline"> <div class="custom-control custom-checkbox custom-control-inline mb-2">
<input type="checkbox" class="custom-control-input" id="s-HRM-check"> <input type="checkbox" class="custom-control-input" id="s-admin-edit" checked>
<label class="custom-control-label" for="s-HRM-check">HRMS查看</label> <label class="custom-control-label" for="s-admin-edit">超級管理員帳號修改</label>
</div>
<!-- edithomeinline 1 -->
<div class="custom-control custom-checkbox custom-control-inline mb-2">
<input type="checkbox" class="custom-control-input" id="s-edc-check">
<label class="custom-control-label" for="s-edc-check">教育平台查看</label>
</div>
<!-- release inline 2 -->
<div class="custom-control custom-checkbox custom-control-inline">
<input type="checkbox" class="custom-control-input" id="s-HRM-check">
<label class="custom-control-label" for="s-HRM-check">HRMS查看</label>
</div>
</div> </div>
</div> </div>
</div>
<!-- 一般管理員 --> <!-- 一般管理員 -->
<div class="form-group row d-none" id="EditHRMadmin"> <div class="form-group row d-none" id="EditHRMadmin">
<div class="col-lg-3 col-sm-4 col-sm-4 col-12"> <div class="col-lg-3 col-sm-4 col-sm-4 col-12">
</div>
<div class="col-lg-9 col-sm-8 col-12 adminbg">
<!-- edithomeinline 1 -->
<div class="custom-control custom-checkbox custom-control-inline mb-2">
<input type="checkbox" class="custom-control-input" id="admin-check" checked>
<label class="custom-control-label" for="admin-check">一般管理員帳號查看</label>
</div> </div>
<div class="col-lg-9 col-sm-8 col-12 adminbg">
<!-- edithomeinline 1 -->
<div class="custom-control custom-checkbox custom-control-inline mb-2">
<input type="checkbox" class="custom-control-input" id="admin-check" checked>
<label class="custom-control-label" for="admin-check">一般管理員帳號查看</label>
</div>
<!-- release inline 2 --> <!-- release inline 2 -->
<div class="custom-control custom-checkbox custom-control-inline mb-2"> <div class="custom-control custom-checkbox custom-control-inline mb-2">
<input type="checkbox" class="custom-control-input" id="admin-edit" checked> <input type="checkbox" class="custom-control-input" id="admin-edit" checked>
<label class="custom-control-label" for="admin-edit">一般管理員帳號修改</label> <label class="custom-control-label" for="admin-edit">一般管理員帳號修改</label>
</div> </div>
<!-- edithomeinline 1 --> <!-- edithomeinline 1 -->
<div class="custom-control custom-checkbox custom-control-inline mb-2"> <div class="custom-control custom-checkbox custom-control-inline mb-2">
<input type="checkbox" class="custom-control-input" id="edc-check"> <input type="checkbox" class="custom-control-input" id="edc-check">
<label class="custom-control-label" for="edc-check">教育平台查看</label> <label class="custom-control-label" for="edc-check">教育平台查看</label>
</div> </div>
<!-- release inline 2 --> <!-- release inline 2 -->
<div class="custom-control custom-checkbox custom-control-inline"> <div class="custom-control custom-checkbox custom-control-inline">
<input type="checkbox" class="custom-control-input" id="HRM-check"> <input type="checkbox" class="custom-control-input" id="HRM-check">
<label class="custom-control-label" for="HRM-check">HRMS查看</label> <label class="custom-control-label" for="HRM-check">HRMS查看</label>
</div>
</div> </div>
</div> </div>
</div>
<div class="form-group row"> <div class="form-group row">
<label class="col-lg-3 col-sm-4 col-12">狀態</label> <label class="col-lg-3 col-sm-4 col-12">狀態</label>
<div class="col-lg-9 col-sm-8 col-12 d-flex flex-column"> <div class="col-lg-9 col-sm-8 col-12 d-flex flex-column">
<div class="mb-2 mt-2"> <div class="mb-2 mt-2">
<!-- Material inline 1 --> <!-- Material inline 1 -->
<div <div
class="custom-control custom-radio custom-control-inline align-items-center"> class="custom-control custom-radio custom-control-inline align-items-center">
<input type="radio" class="custom-control-input" id="defaultChecked" <input type="radio" class="custom-control-input" id="defaultChecked"
name="defaultExampleRadios" checked> name="defaultExampleRadios" checked>
<label class="custom-control-label" for="defaultChecked">啟用</label> <label class="custom-control-label" for="defaultChecked">啟用</label>
</div> </div>
<!-- Material inline 2 --> <!-- Material inline 2 -->
<div class="custom-control custom-radio custom-control-inline"> <div class="custom-control custom-radio custom-control-inline">
<input type="radio" class="custom-control-input" id="defaultUnchecked" <input type="radio" class="custom-control-input" id="defaultUnchecked"
name="defaultExampleRadios"> name="defaultExampleRadios">
<label class="custom-control-label" for="defaultUnchecked">停用</label> <label class="custom-control-label" for="defaultUnchecked">停用</label>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<!--<p>是否返回？</p>--> <!--<p>是否返回？</p>-->
<div class="form-group mt-5"> <div class="form-group mt-5">
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<button type="button" class="btn btn-wt mr-3" data-dismiss="modal">取消</button> <button type="button" class="btn btn-wt mr-3" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-wt blue" <button type="button" class="btn btn-wt blue" data-toggle="modal" data-dismiss="modal" data-target="#SuccessModal">新增</button>
onclick="window.location.href='index.html'">確認</button> </div>
</div> </div>
</div> </div>
</div>
</form> </form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<!--新增管理員帳號 --> <!--新增管理員帳號 -->
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment