<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>訂閱管理後台</title>
<!--共用css-->
<link rel="stylesheet" type="text/css" href="libary/bootstrap-4.5.0-dist/css/bootstrap.min.css">
<link rel="preconnect" type="text/css" href="https://fonts.gstatic.com">
<link rel="stylesheet" type="text/css"
href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap">
<link rel="stylesheet" type="text/css" href="libary/fontawesome-free-5.13.0-web/css/all.css">
<!-- <link rel="stylesheet" type="text/css" href="css/style.min.css"> -->
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<!-- https://codepen.io/rexkirby/details/mzgLk -->
<aside>
<div>
<!-- <a>
<svg version="1.1" id="nav-btn" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
<path id="list-view-icon" d="M462,108.857H50V50h412V108.857z M462,167.714H50v58.857h412V167.714z M462,285.429H50v58.857h412
V285.429z M462,403.143H50V462h412V403.143z" />
</svg>
</a> -->
<!-- <div class="align-items-baseline navbar-light">
<button type="button" class="navbar-toggler navbar-toggler-admin" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation" id="nav-btn">
<span class="navbar-toggler-icon"></span>
</button>
</div> -->
<!-- <div class="ham-area">
<button type="button" class="" data-toggle="modal" data-target="#confirmBackToCalendarMgnt">返回</button>
</div> -->
<div class="ham-area align-items-baseline navbar-light">
<button type="button" class="navbar-toggler navbar-toggler-admin" type="button" data-toggle="modal"
data-target="#ItemsIconModal">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<!-- <h1>Side Nav</h1> -->
<nav class="leftColum">
<ul class="item-list">
<li>
<a href="index.html" class="items active"><img src="images/icon/side-OTP.svg">管理員帳號</a>
<!-- <div class="item-bg"></div> -->
</li>
<li>
<a href="edu-manage.html" class="items"><img src="images/icon/side-HRM.svg">教育平台管理</a>
</li>
<li>
<a href="HRMS-manage.html" class="items"><img src="images/icon/side-member.svg">HRMS管理</a>
</li>
<div class="version">目前版本：V 0.0.1</div>
</ul>
</nav>
<!-- <div class="vertical-line"></div> -->
</div>
</aside>
<header class="headerbar">
<!-- 會員選單 -->
<div class="login-cont">
<label>admin456，您好！</label>
<div class="d-flex justify-content-center">
<button type="button" class="btn-wt mr-2" data-toggle="modal"
data-target="#confirmBackToCalendarMgnt" data-dismiss="modal">修改密碼</button>
<button type="button" class="btn-wt mr-2" onclick="location.href='#'">登出</button>
</div>
</div>
<!-- menu 底圖 -->
<!-- <div class="menubg">
</div> -->
</header>
<article class="chart">
<div class="article-topic">
<img src="images/icon/icon-setting2.svg"><label>帳號設定</label>
</div>
<div class="account-area row">
<a class="account-cont top" data-toggle="modal" href="#confirmBackToCalendarMgnt">
<img src="images/icon/icon-password.svg">
<label>修改密碼</label>
</a>
<a class="account-cont" href="#">
<img src="images/icon/icon-logout.svg">
<label>登出</label>
</a>
</div>
</article>
<!-- ********************* Modal ********************* -->
<!-- 修改密碼 -->
<div class="modal fade" id="confirmBackToCalendarMgnt" tabindex="-1" aria-labelledby="confirmBackToStudentMgnt"
aria-hidden="true">
<div class="modal-dialog changecode modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<label class="topic">修改密碼</label>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body password">
<div class="row form-group">
<span class="col-4">舊密碼</span>
<input type="text" class="form-control form-control-sm col-8" name="systemAdminAccount"
value="">
<span class="small form-text text-danger w-100 text-center">密碼錯誤。</span>
</div>
<div class="row form-group">
<span class="col-4">新密碼</span>
<input type="text" class="form-control form-control-sm col-8" name="systemAdminAccount"
value="">
<span class="small form-text text-danger w-100 text-center">新密碼與下列不同。</span>
</div>
<div class="row form-group">
<span class="col-4">確認密碼</span>
<input type="text" class="form-control form-control-sm col-8" name="systemAdminAccount"
value="">
<span class="small form-text text-danger w-100 text-center">新密碼與上列不同。</span>
</div>
<div class="d-flex justify-content-center mt-5">
<button type="button" class="btn btn-wt mr-3" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-wt blue" data-toggle="modal" data-dismiss="modal" data-target="#SuccessModal">確認</button>
</div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<!-- /修改密碼 -->
<!-- 修改成功 -->
<div class="modal fade" id="SuccessModal" tabindex="-1" aria-labelledby="SuccessModal"
aria-hidden="true">
<div class="modal-dialog success modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header whitebg">
<!-- <label class="topic">修改密碼</label> -->
<button type="button" class="close whitebg" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" class="">×</span>
</button>
</div>
<div class="modal-body checkcont">
<div class="row form-group justify-content-center">
<span class="col-12 text-center">修改成功</span>
<img src="images/icon/image-success.svg" class="mt-3">
</div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<!-- 修改成功 -->
<!-- 修改失敗 -->
<div class="modal fade" id="FailModal" tabindex="-1" aria-labelledby="FailModal"
aria-hidden="true">
<div class="modal-dialog success modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header whitebg">
<!-- <label class="topic">修改密碼</label> -->
<button type="button" class="close whitebg" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" class="">×</span>
</button>
</div>
<div class="modal-body checkcont">
<div class="row form-group justify-content-center">
<span class="col-12 text-center">修改失敗</span>
<img src="images/icon/image-fail.svg" class="mt-3">
</div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<!-- 修改成功 -->
<!-- 手機板選單 -->
<div class="modal ItemsIcon fade" id="ItemsIconModal" tabindex="-1" aria-labelledby="ItemsIconModal"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content ItemsIcon">
<div class="modal-header ItemsIcon">
<button type="button" class="close whitebg" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" class="">×</span>
</button>
</div>
<div class="modal-body checkcont height100">
<div class="phoneItem">
<ul class="item-list">
<li>
<a href="index.html" class="items"><img src="images/icon/side-OTP.svg">管理員帳號</a>
<!-- <div class="item-bg"></div> -->
</li>
<li>
<a href="edu-manage.html" class="items"><img src="images/icon/side-HRM.svg">教育平台管理</a>
</li>
<li>
<a href="HRMS-manage.html" class="items"><img src="images/icon/side-member.svg">HRMS管理</a>
</li>
<li>
<a href="account.html" class="items active"><img src="images/icon/icon-setting.svg">帳號設定</a>
</li>
</ul>
</div>
<!-- <div class="row form-group justify-content-center">
<span class="col-12 text-center">修改成功</span>
<img src="images/icon/image-success.svg" class="mt-3">
</div> -->
</div>
<!-- <div class="modal-footer">
</div> -->
</div>
</div>
</div>
<!-- 手機板選單 -->
<!-- js files -->
<script type="text/javascript" src="js/jquery.js"></script>
<!-- <script type="text/javascript" src="js/popper.min.js"></script> -->
<script type="text/javascript" src="libary/bootstrap-4.5.0-dist/js/bootstrap.js"></script>
<script type="text/javascript" src="js/sortingTable.js"></script>
<script type="text/javascript" src="libary/slick-1.8.1/slick/slick.min.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"></script>
<script src="js/main.js"></script>
<script src="js/sortable.min.js"></script>
<script>
$("#nav-btn").click(function () {
$("nav").toggle("slow");
});
</script>
<script>
$("#select_role").on('change', function () {
var select_role = $("#select_role").val();
var HRMmainAdmin = $("#HRMmainAdmin");
var HRMSuperAdmin = $("#HRMSuperAdmin");
var HRMadmin = $("#HRMadmin");
//var role_inquire = $("#role_iquire");
if (select_role == "總管理員") {
HRMmainAdmin.removeClass("d-none");
HRMadmin.addClass("d-none");
HRMSuperAdmin.addClass("d-none");
//role_inquire.addClass("d-none");
} else if (select_role == '超級管理員') {
HRMSuperAdmin.removeClass("d-none");
HRMmainAdmin.addClass("d-none");
HRMadmin.addClass("d-none");
//role_inquire.addClass("d-none");
} else if (select_role == '一般管理員') {
HRMadmin.removeClass("d-none");
HRMSuperAdmin.addClass("d-none");
HRMmainAdmin.addClass("d-none");
//role_inquire.addClass("d-none");
//} else if (select_role == '查詢者') {
// role_inquire.removeClass("d-none");
// admin.addClass("d-none");
// HRMmainAdmin.addClass("d-none");
// admin.addClass("d-none");
} else {
HRMadmin.addClass("d-none");
HRMmainAdmin.addClass("d-none");
HRMSuperAdmin.addClass("d-none");
//role_inquire.addClass("d-none");
}
});
$("#Editselect_role").on('change', function () {
var Editselect_role = $("#Editselect_role").val();
var EditHRMmainAdmin = $("#EditHRMmainAdmin");
var EditHRMSuperAdmin = $("#EditHRMSuperAdmin");
var EditHRMadmin = $("#EditHRMadmin");
//var role_inquire = $("#role_iquire");
if (Editselect_role == "總管理員") {
EditHRMmainAdmin.removeClass("d-none");
EditHRMadmin.addClass("d-none");
EditHRMSuperAdmin.addClass("d-none");
//role_inquire.addClass("d-none");
} else if (Editselect_role == '超級管理員') {
EditHRMSuperAdmin.removeClass("d-none");
EditHRMmainAdmin.addClass("d-none");
EditHRMadmin.addClass("d-none");
//role_inquire.addClass("d-none");
} else if (Editselect_role == '一般管理員') {
EditHRMadmin.removeClass("d-none");
EditHRMSuperAdmin.addClass("d-none");
EditHRMmainAdmin.addClass("d-none");
//role_inquire.addClass("d-none");
//} else if (Editselect_role == '查詢者') {
// role_inquire.removeClass("d-none");
// admin.addClass("d-none");
// EditHRMmainAdmin.addClass("d-none");
// admin.addClass("d-none");
} else {
EditHRMadmin.addClass("d-none");
EditHRMmainAdmin.addClass("d-none");
EditHRMSuperAdmin.addClass("d-none");
//role_inquire.addClass("d-none");
}
});
</script>
</body>
</html>