Skip to content

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

統計與資訊

parent ffbfd25c
Show whitespace changes
Inline Side-by-side
Showing with 868 additions and 1 deletion
css/style.css
View file @ b82a145f
......@@ -636,6 +636,10 @@ article {
padding-bottom: 150px;
}
article .article-topic {
display: none;
}
article .tab-cont {
padding: 0 20px;
}
......@@ -883,6 +887,158 @@ h1 {
display: none;
}
.highcharts-credits {
fill: #ffffff !important;
}
.highcharts-background {
opacity: 0;
}
.HC-area {
margin-top: 72px;
}
.HC-area .chart-topic {
border-left: #35a9e1 8px solid;
font-size: 24px;
color: #0e435d;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 16px;
height: 96px;
margin-bottom: -50px;
margin-left: 10%;
}
.HC-area .chart-topic .math {
font-size: 48px;
line-height: 40px;
}
.HC-area .chart-cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 650px;
}
.HC-area .chart-cont label {
font-size: 24px;
color: #fff;
}
.HC-area .HC-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.HC-area .HC-list .topic {
font-size: 24px;
line-height: 21px;
color: #0e435d;
margin-bottom: 20px;
}
.HC-area .HC-list .HC-cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 50px;
}
.HC-area .HC-list .HC-cont .cont-city {
padding-right: 35px;
}
.HC-area .HC-list .fam-order {
background-color: rgba(14, 67, 93, 0.05);
padding: 20px;
}
.HC-area .HC-list .fam-order .title {
padding: 4px 8px;
border-radius: 16px;
color: #fff;
background-color: #0e435d;
}
.HC-area .HC-list .fam-order .fam-cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.HC-area .HC-list .fam-order .order-cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin-top: 20px;
}
.HC-area .HC-list .fam-order .order-cont img {
width: 72px;
height: 72px;
margin-bottom: 8px;
}
.HC-area .HC-list .fam-order .order-cont label {
margin-bottom: 0px;
font-size: 15px;
letter-spacing: -.05rem;
}
@media (max-width: 1366px) {
.HC-area .chart-topic {
margin-left: 25px;
}
}
@media (min-width: 1366px) {
.HC-area .fam-order {
width: 85%;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.fam-order .fam-cont {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: start !important;
}
}
@media (max-width: 768px) {
article {
width: 88%;
......@@ -891,8 +1047,35 @@ h1 {
margin-right: 20px;
padding-top: 50px;
}
article.chart {
width: 100%;
padding: 0;
margin: 0;
}
article .article-topic {
font-size: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-item-align: center;
align-self: center;
margin: 30px;
}
article .article-topic label {
margin-top: 5px;
margin-left: 16px;
}
article .tab-cont {
padding: 0px;
padding: 30px 20px;
}
article .tab-cont .tab-pane {
padding: 0 20px;
......@@ -1207,5 +1390,25 @@ h1 {
.modal .modal-content.ItemsIcon .modal-footer {
background-color: rgba(251, 251, 251, 0);
}
.HC-area {
margin-top: 0px;
}
.HC-area .chart-cont {
height: 450px;
}
.HC-area .HC-list {
text-align: center;
}
.HC-area .HC-cont {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 420px) {
.HC-area {
height: 400px;
}
}
/*# sourceMappingURL=style.css.map */
\ No newline at end of file
edu-manage.html 0 → 100644
View file @ b82a145f
<!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>
<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"><img src="images/icon/side-OTP.svg">統計與資訊</a>
<!-- <div class="item-bg"></div> -->
</li>
<li>
<a href="edu-manage.html" class="items active"><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>
<div class="tab-cont">
<ul class="nav-tabs nav" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="adminMeb-tab" data-toggle="tab" href="#adminMeb" role="tab"
aria-controls="adminMeb" aria-selected="true">統計與資訊</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="RoleMeb-tab" data-toggle="tab" href="#RoleMeb" role="tab"
aria-controls="RoleMeb" aria-selected="false">各學校資訊</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<!-- 統計與資訊 start -->
<div class="tab-pane fade show active" id="adminMeb" role="tabpanel" aria-labelledby="adminMeb-tab">
<div class="row HC-area">
<div class="col-md-8 col-sm-12 col-12">
<div class="chart-topic">
<label>總註冊人數</label>
<label class="math">1,000人</label>
</div>
<!-- 圖表 -->
<div class="tab-pane fade show active" id="adminMeb" role="tabpanel" aria-labelledby="adminMeb-tab">
<div id="container" style="height: 600px; margin: 0" class="chart-cont">
</div>
</div>
</div>
<div class="col-md-4 col-sm-12 col-12">
<div class="row HC-list">
<div class="col-12 topic">各縣市學校數量</div>
<div class="col-xl-4 col-sm-6 col-12">
基隆市：25<br>
臺北市：67<br>
新北市：82<br>
桃園市：53<br>
新竹縣：26<br>
新竹市：45<br>
苗栗縣：18<br>
南投縣：9<br>
臺中市：32<br>
彰化縣：16<br>
雲林縣：6
</div>
<div class="col-xl-4 col-sm-6 col-12">
基隆市：25<br>
臺北市：67<br>
新北市：82<br>
桃園市：53<br>
新竹縣：26<br>
新竹市：45<br>
苗栗縣：18<br>
南投縣：9<br>
臺中市：32<br>
彰化縣：16<br>
雲林縣：6
</div>
</div>
</div>
</div>
</div>
<!-- 統計與資訊 end -->
<!-- -------------------- -->
<!-- 各學校資訊 start -->
<div class="tab-pane fade" id="RoleMeb" role="tabpanel" aria-labelledby="RoleMeb-tab">
<div class="search-group">
<input type="text" class="input" placeholder="請輸入關鍵字">
<div class="dropdown-group">
<div class="dropdown dropdown-status">
<button type="button" class="btn dropdown-toggle" type="button" id="dropdownMenuButton"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">全部</button>
<div class="dropdown-menu 72px" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#" seleted>全部</a>
<a class="dropdown-item" href="#">學校名稱</a>
<a class="dropdown-item" href="#">所屬縣市</a>
</div>
</div>
</div>
<button type="button" class="btn-wt blue"><img src="images/icon/icon-search.svg">搜尋</button>
</div>
<table class="table table-bordered table-striped table-hrm table-rwd">
<thead>
<tr class="tr-rwd-hide">
<th class="sortable sorter">學校名稱</th>
<th class="sortable sorter">所屬縣市</th>
<th class="sortable sorter">老師人數</th>
<th class="sortable sorter">學生人數</th>
</tr>
</thead>
<tbody>
<tr>
<td data-th="學校名稱">九份子國小</td>
<td data-th="所屬縣市">臺南市</td>
<td data-th="老師人數">200</td>
<td data-th="學生人數">3000</td>
</tr>
<tr>
<td data-th="學校名稱">大港國小</td>
<td data-th="所屬縣市">臺南市</td>
<td data-th="老師人數">200</td>
<td data-th="學生人數">3000</td>
</tr>
<tr>
<td data-th="學校名稱">海佃國小</td>
<td data-th="所屬縣市">臺南市</td>
<td data-th="老師人數">200</td>
<td data-th="學生人數">3000</td>
</tr>
<tr>
<td data-th="學校名稱">安順國小</td>
<td data-th="所屬縣市">臺南市</td>
<td data-th="老師人數">200</td>
<td data-th="學生人數">3000</td>
</tr>
<tr>
<td data-th="學校名稱">安順國中</td>
<td data-th="所屬縣市">臺南市</td>
<td data-th="老師人數">200</td>
<td data-th="學生人數">3000</td>
</tr>
<tr>
<td data-th="學校名稱">和順國小</td>
<td data-th="所屬縣市">臺南市</td>
<td data-th="老師人數">200</td>
<td data-th="學生人數">3000</td>
</tr>
<tr>
<td data-th="學校名稱">和順國中</td>
<td data-th="所屬縣市">臺南市</td>
<td data-th="老師人數">200</td>
<td data-th="學生人數">3000</td>
</tr>
</tbody>
</table>
<div class="pagination">
<a class="pren all"></a>
<a class="pren"></a>
<a class="page-number active" href="#">1</a>
<a class="page-number" href="#">2</a>
<a class="next active" href="#"></a>
<a class="next all active" href="#"></a>
</div>
</div>
<!-- 各學校資訊 end -->
</div>
</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">
<form>
<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 class="message-group">
<label>舊密碼</label>
<div class="col-12 col-noPadding text-center">
<p>是否返回？</p>
<div class="submitBlock">
<div class="d-flex justify-content-around">
<button type="button" class="btn btn-wt" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-wt blue" onclick="window.location.href='">確認</button>
</div>
</div>
</div>
</div> -->
</form>
</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="FailModalModal"
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 active"><img src="images/icon/side-OTP.svg">統計與資訊</a>
<!-- <div class="item-bg"></div> -->
</li>
<li>
<a href="edu-manage.html" class="items active"><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>
</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="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<!-- <script src="../js/highcharts.js"></script> -->
<script src="js/sortable.min.js"></script>
<script language="JavaScript">
$(document).ready(function() {
var chart = {
plotBackgroundColor: null,
plotBorderWidth: null,
// width: 685,
// height: 600,
plotShadow: false
};
var title = {
text: ''
};
var tooltip = {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
};
var plotOptions = {
pie: {
allowPointSelect: false,
cursor: 'pointer',
dataLabels: {
enabled: false
},
showInLegend: false
}
};
var series= [{ //數據
type: 'pie',
name: 'Browser share',
innerSize: '65%',
data: [
['老師', 33.3],
['學生', 33.3],
// {
// name: 'Chrome',
// y: 12.8,
// sliced: true,
// selected: true
// },
// ['Safari', 8.5],
// ['Opera', 6.2],
['家長', 33.4]
]
}];
Highcharts.setOptions({ //設定圖表底圖顏色
colors: ['#6a4c93', '#ffca3a', '#ff595e']
});
var json = {};
json.chart = chart;
json.title = title;
json.tooltip = tooltip;
json.series = series;
json.plotOptions = plotOptions;
$('#container').highcharts(json);
});
chart.reflowNow = function(){
this.containerHeight = this.options.chart.height || window.window.HighchartsAdapter.adapterRun(this.renderTo, 'height');
this.containerWidth = this.options.chart.width || window.window.HighchartsAdapter.adapterRun(this.renderTo, 'width');
this.setSize(this.containerWidth, this.containerHeight, false);
this.hasUserSize = null;
}
</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");
if (select_role == "總管理員") {
HRMmainAdmin.removeClass("d-none");
HRMadmin.addClass("d-none");
HRMSuperAdmin.addClass("d-none");
} else if (select_role == '超級管理員') {
HRMSuperAdmin.removeClass("d-none");
HRMmainAdmin.addClass("d-none");
HRMadmin.addClass("d-none");
} else if (select_role == '一般管理員') {
HRMadmin.removeClass("d-none");
HRMSuperAdmin.addClass("d-none");
HRMmainAdmin.addClass("d-none");
} else {
HRMadmin.addClass("d-none");
HRMmainAdmin.addClass("d-none");
HRMSuperAdmin.addClass("d-none");
}
});
$("#Editselect_role").on('change', function () {
var Editselect_role = $("#Editselect_role").val();
var EditHRMmainAdmin = $("#EditHRMmainAdmin");
var EditHRMSuperAdmin = $("#EditHRMSuperAdmin");
var EditHRMadmin = $("#EditHRMadmin");
if (Editselect_role == "總管理員") {
EditHRMmainAdmin.removeClass("d-none");
EditHRMadmin.addClass("d-none");
EditHRMSuperAdmin.addClass("d-none");
} else if (Editselect_role == '超級管理員') {
EditHRMSuperAdmin.removeClass("d-none");
EditHRMmainAdmin.addClass("d-none");
EditHRMadmin.addClass("d-none");
} else if (Editselect_role == '一般管理員') {
EditHRMadmin.removeClass("d-none");
EditHRMSuperAdmin.addClass("d-none");
EditHRMmainAdmin.addClass("d-none");
} else {
EditHRMadmin.addClass("d-none");
EditHRMmainAdmin.addClass("d-none");
EditHRMSuperAdmin.addClass("d-none");
}
});
</script>
<script>
// 修正打開新的modal並關閉上一個modal時，modal內容高度超過螢幕時scrollbar不會出現的問題...
$(function(){
// 使用bootstrap modal的shown.bs.modal這個event就可以顯示scrollbar
$('.modal').on('shown.bs.modal', function () {
$('body').addClass('modal-open');
})
$(".modal [data-toggle='modal']").click(function(){
$(this).closest(".modal").modal('hide');
// 修正關閉新modal時，modal scrollbar位置會留下寬度17px空白的問題
$('body').css("overflow","hidden").css("padding-right","0");
});
});
</script>
</body>
</html>
\ No newline at end of file
images/icon/icon-administrator-dark.svg 0 → 100644
View file @ b82a145f
<svg width="48" height="48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<path id="a" d="M0 0h48v48H0z"/>
</defs>
<g fill="none" fill-rule="evenodd">
<path d="M24 6c-1.654 0-3 1.346-3 3 0 1.655 1.346 3 3 3 1.655 0 3-1.345 3-3 0-1.654-1.345-3-3-3m0 8c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5M11 32c-1.654 0-3 1.346-3 3 0 1.655 1.346 3 3 3 1.655 0 3-1.345 3-3 0-1.654-1.345-3-3-3m0 8c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5M37 32c-1.654 0-3 1.346-3 3 0 1.655 1.346 3 3 3 1.655 0 3-1.345 3-3 0-1.654-1.345-3-3-3m0 8c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5" fill="#0E435D"/>
<g>
<mask id="b" fill="#fff">
<use xlink:href="#a"/>
</mask>
<path d="M43.536 43.168A10.97 10.97 0 0 0 37 41c-2.359 0-4.646.766-6.537 2.168A8.96 8.96 0 0 1 28 37c0-4.962 4.037-9 9-9s9 4.038 9 9a8.96 8.96 0 0 1-2.464 6.168m-11.489 1.339A8.957 8.957 0 0 1 37 43c1.77 0 3.486.534 4.953 1.507A8.942 8.942 0 0 1 37 46a8.944 8.944 0 0 1-4.953-1.493m-14.51-1.339A10.97 10.97 0 0 0 11 41c-2.36 0-4.646.766-6.537 2.168A8.96 8.96 0 0 1 2 37c0-4.962 4.037-9 9-9s9 4.038 9 9a8.96 8.96 0 0 1-2.464 6.168m-11.49 1.339A8.957 8.957 0 0 1 11 43c1.77 0 3.486.534 4.953 1.507A8.942 8.942 0 0 1 11 46a8.944 8.944 0 0 1-4.953-1.493M15 11c0-4.963 4.037-9 9-9s9 4.037 9 9a8.96 8.96 0 0 1-2.464 6.168A10.97 10.97 0 0 0 24 15c-2.36 0-4.646.766-6.537 2.168A8.96 8.96 0 0 1 15 11m9 9a8.944 8.944 0 0 1-4.953-1.493A8.957 8.957 0 0 1 24 17c1.77 0 3.486.533 4.953 1.507A8.942 8.942 0 0 1 24 20m13 6a10.955 10.955 0 0 0-7.537 3L25 26.423v-4.47c5.598-.508 10-5.225 10-10.953 0-6.066-4.935-11-11-11-6.066 0-11 4.934-11 11 0 5.728 4.402 10.445 10 10.952v4.471L18.537 29c-1.97-1.858-4.622-3-7.537-3-6.066 0-11 4.935-11 11 0 6.066 4.934 11 11 11 6.065 0 11-4.934 11-11 0-2.417-.786-4.653-2.113-6.471L24 28.155l4.112 2.374A10.94 10.94 0 0 0 26 37c0 6.066 4.934 11 11 11 6.065 0 11-4.934 11-11 0-6.065-4.935-11-11-11" fill="#0E435D" mask="url(#b)"/>
</g>
</g>
</svg>
images/icon/icon-alert.svg 0 → 100644
View file @ b82a145f
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<path d="M0 0h24v24H0z"/>
<path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" fill="#AF3737" fill-rule="nonzero"/>
</g>
</svg>
images/icon/icon-edu.svg 0 → 100644
View file @ b82a145f
<svg width="48" height="48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<path id="a" d="M0 0h48v26H0z"/>
</defs>
<g fill="none" fill-rule="evenodd">
<path d="M9 46c-1.654 0-3-1.345-3-3 0-1.654 1.346-3 3-3h34.306a5.241 5.241 0 0 0-.729 2H9a1 1 0 0 0 0 2h33.577c.117.755.369 1.428.73 2H9zM2 35c0-1.654 1.345-3 3-3h34.306a5.241 5.241 0 0 0-.729 2H5a1 1 0 0 0 0 2h33.577c.117.755.369 1.428.73 2H5c-1.655 0-3-1.345-3-3zm45 5a1 1 0 0 0 0-2h-4c-1.845 0-2.5-1.616-2.5-3s.655-3 2.5-3a1 1 0 0 0 0-2H5c-2.757 0-5 2.243-5 5s2.243 5 5 5h.01A4.967 4.967 0 0 0 4 43c0 2.757 2.243 5 5 5h38a1 1 0 0 0 0-2c-1.845 0-2.5-1.616-2.5-3s.655-3 2.5-3z" fill="#0E435D"/>
<g>
<mask id="b" fill="#fff">
<use xlink:href="#a"/>
</mask>
<path d="M24 2.033 43.038 7 24 11.966 4.962 7 24 2.033zM34 24H14V11.425l9.747 2.543a.983.983 0 0 0 .506 0L34 11.425V24zM.748 7.967 12 10.903V25a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1V10.903l8-2.087V19a1 1 0 0 0 2 0V8.294l1.252-.327a1 1 0 0 0 0-1.935l-23-6a.993.993 0 0 0-.505 0l-23 6a1 1 0 0 0 0 1.935z" fill="#0E435D" mask="url(#b)"/>
</g>
<path d="M25 7a1 1 0 1 0-2 0 1 1 0 0 0 2 0" fill="#0E435D"/>
</g>
</svg>
images/icon/icon-export.svg 0 → 100644
View file @ b82a145f
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g fill="#35A9E1" fill-rule="evenodd">
<path d="M19 13a1 1 0 0 0-1 1v8H2V6h8a1 1 0 0 0 0-2H1a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1"/>
<path d="M23.98.804c-.006-.03-.017-.057-.025-.086-.01-.034-.018-.068-.032-.1-.014-.034-.033-.065-.05-.097-.014-.025-.025-.051-.042-.076a.998.998 0 0 0-.277-.277c-.023-.016-.049-.027-.074-.04-.032-.018-.064-.038-.098-.052-.033-.013-.066-.021-.1-.031-.029-.009-.057-.02-.086-.026A.995.995 0 0 0 23 0h-6a1 1 0 0 0 0 2h3.586L9.293 13.293a1 1 0 1 0 1.414 1.414L22 3.414V7a1 1 0 0 0 2 0V1a1.03 1.03 0 0 0-.02-.196"/>
</g>
</svg>
images/icon/icon-hrms.svg 0 → 100644
View file @ b82a145f
<svg width="48" height="48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
<g fill="#0E435D" fill-rule="evenodd">
<path d="M15 24c-1.655 0-3 1.346-3 3s1.345 3 3 3c1.654 0 3-1.346 3-3s-1.346-3-3-3m0 8c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5"/>
<path d="M6 42v-2.372A12.893 12.893 0 0 1 15 36a12.89 12.89 0 0 1 9 3.628V42H6zm18-22v16.999A14.863 14.863 0 0 0 15 34a14.864 14.864 0 0 0-9 3V20h18zm1-2H5a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V19a1 1 0 0 0-1-1zM41 26H31a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2M41 30H31a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2M41 34H31a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2M41 38H31a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2"/>
<path d="M46 43c0 1.654-1.346 3-3 3H5c-1.655 0-3-1.346-3-3V19c0-1.654 1.345-3 3-3h38c1.654 0 3 1.346 3 3v24zM15 10h5c0 1.103.897 2 2 2h4c1.103 0 2-.897 2-2h5v4H15v-4zm7-8h4v8h-4V2zm21 12h-8v-4c0-1.103-.897-2-2-2h-5V2c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v6h-5c-1.103 0-2 .897-2 2v4H5c-2.757 0-5 2.243-5 5v24c0 2.757 2.243 5 5 5h38c2.757 0 5-2.243 5-5V19c0-2.757-2.243-5-5-5z"/>
</g>
</svg>
images/icon/icon-play.svg 0 → 100644
View file @ b82a145f
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<rect fill="#FFF" width="24" height="24" rx="12"/>
<path fill="#35A9E1" d="M18 12 8 18V6z"/>
</g>
</svg>
images/icon/icon-stop.svg 0 → 100644
View file @ b82a145f
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<rect fill="#FFF" width="24" height="24" rx="12"/>
<path fill="#35A9E1" d="M7 7h3v10H7zM14 7h3v10h-3z"/>
</g>
</svg>
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