115 lines
3.3 KiB
PHP
115 lines
3.3 KiB
PHP
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
|
|
<style>
|
|
.card-clickable {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.dashboard-card {
|
|
color: white;
|
|
}
|
|
|
|
.bg-blue {
|
|
background-color: #337ab7;
|
|
}
|
|
|
|
.bg-yellow {
|
|
background-color: #f0ad4e;
|
|
}
|
|
|
|
.bg-green {
|
|
background-color: #5cb85c;
|
|
}
|
|
|
|
.bg-red {
|
|
background-color: #d9534f;
|
|
}
|
|
|
|
.card-footer a {
|
|
color: white;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.card-footer .fa {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.fa-5x {
|
|
font-size: 4em;
|
|
}
|
|
|
|
.huge {
|
|
font-size: 2.5em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.bg-detail {
|
|
background-color: #F5F5F5;
|
|
}
|
|
|
|
.bg-detail .bg_blue_font {
|
|
color: #337ab7;
|
|
}
|
|
|
|
.bg-detail .bg_yellow_font {
|
|
color: #f0ad4e;
|
|
}
|
|
|
|
.bg-detail .bg_green_font {
|
|
color: #5cb85c;
|
|
}
|
|
|
|
.bg-detail .bg_red_font {
|
|
color: #d9534f;
|
|
}
|
|
</style>
|
|
</head>
|
|
<div class="row">
|
|
<div class="col-lg">
|
|
<div class="card dashboard-card bg-blue card-clickable" onclick="document.location.href='/admin/board?category=<?= BOARD['CATEGORY']['REQUESTTASK'] ?>&worker_uid=<?= $viewDatas['authContext']->getUID() ?>';">
|
|
<div class=" card-body">
|
|
<div class="row">
|
|
<div class="col-4"><i class="fa fa-comments fa-5x"></i></div>
|
|
<div class="col-8 text-end">
|
|
<div class="huge"><?= $viewDatas['boardRequestTaskCount'] ?></div>
|
|
<div class="bg-blue">요청업무 알림</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class=" card-footer d-flex justify-content-between align-items-center bg-detail">
|
|
<span class="bg_blue_font">자세히보기</span><i class="fa fa-arrow-circle-right bg_blue_font"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg">
|
|
<div class="card dashboard-card bg-yellow card-clickable" onclick="document.location.href='/admin/customer/service';">
|
|
<div class=" card-body">
|
|
<div class="row">
|
|
<div class="col-4"><i class="fa fa-plus-square-o fa-5x"></i></div>
|
|
<div class="col-8 text-end">
|
|
<div class="huge"><?= $viewDatas['newServiceCount'] ?></div>
|
|
<div>최근 <?= $viewDatas['interval'] ?>일간 신규서버수</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer d-flex justify-content-between align-items-center bg-detail">
|
|
<span class="bg_yellow_font">자세히보기</span><i class="fa fa-arrow-circle-right bg_yellow_font"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg">
|
|
<div class="card dashboard-card bg-red card-clickable" onclick="document.location.href='/admin/customer/payment';">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-4"><i class="fa fa-support fa-5x"></i></div>
|
|
<div class="col-8 text-end">
|
|
<div class="huge"><?= number_format($viewDatas['unPaidTotalCount']) ?>건/<?= number_format($viewDatas['unPaidTotalAmount']) ?>원</div>
|
|
<div><?= date("Y-m-d") ?> 금일 기준 미납 서비스</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer d-flex justify-content-between align-items-center bg-detail">
|
|
<a href="/admin/customer/payment'"><span class="bg_red_font">자세히보기</span></a><i class="fa fa-arrow-circle-right bg_red_font"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|