Forecast: add right panel
This commit is contained in:
Jaeeun.Cho
parent
ec0fc7a487
commit
0a3d243c1a
|
|
@ -419,7 +419,7 @@ while($list=mysqli_fetch_array($result, MYSQLI_ASSOC)) {
|
||||||
}
|
}
|
||||||
|
|
||||||
$strList .= "
|
$strList .= "
|
||||||
<tr class='$classSTR'>
|
<tr class='$classSTR' data-id=\"$c_uid\" data-name=\"".htmlspecialchars($c_nameSTR, ENT_QUOTES)."\" data-name>
|
||||||
<td>
|
<td>
|
||||||
<label class='container-chk'>
|
<label class='container-chk'>
|
||||||
<!--input type='checkbox' checked='checked'-->
|
<!--input type='checkbox' checked='checked'-->
|
||||||
|
|
@ -428,7 +428,7 @@ while($list=mysqli_fetch_array($result, MYSQLI_ASSOC)) {
|
||||||
</label>
|
</label>
|
||||||
</td>
|
</td>
|
||||||
<td>$list_numberSTR</td>
|
<td>$list_numberSTR</td>
|
||||||
<td><a onclick=\"javascript:window.open('/index_intranet.php?view=customer_detail&mode=update&c_uid=$c_uid&page=$page&key_word=$key_word&column=$column&switched=$getSWHStr&sorting_type=$sorting_type&switch=$switch','_blank');\" style='cursor:pointer;cursor:hand;'><b class='customer-info-detail'>$c_nameSTR</b></a> $driverPopup</td>
|
<td><a class='restaurant-link' onclick=\"javascript:window.open('/index_intranet.php?view=customer_detail&mode=update&c_uid=$c_uid&page=$page&key_word=$key_word&column=$column&switched=$getSWHStr&sorting_type=$sorting_type&switch=$switch','_blank');\" style='cursor:pointer;cursor:hand;'><b class='customer-info-detail'>$c_nameSTR</b></a> $driverPopup</td>
|
||||||
<td>$c_accountno</td>
|
<td>$c_accountno</td>
|
||||||
<td>$c_maincontainer</td>
|
<td>$c_maincontainer</td>
|
||||||
<td>$c_containerSTR</td>
|
<td>$c_containerSTR</td>
|
||||||
|
|
@ -603,7 +603,7 @@ if ($c_type_r == 'R') {
|
||||||
$driverPopup = "<a data-toggle='modal' class='customerShortInfo' data-target='#myModalcustomerShortInfo' data-id=\"$c_uid\" data-history-type='standard-access'>❓</a>";
|
$driverPopup = "<a data-toggle='modal' class='customerShortInfo' data-target='#myModalcustomerShortInfo' data-id=\"$c_uid\" data-history-type='standard-access'>❓</a>";
|
||||||
|
|
||||||
$strList_r .= "
|
$strList_r .= "
|
||||||
<tr class='bg-request'>
|
<tr class='bg-request' data-id=\"$c_uid\" data-name=\"".htmlspecialchars($c_nameSTR, ENT_QUOTES)."\" data-name>
|
||||||
<td>
|
<td>
|
||||||
<label class='container-chk'>
|
<label class='container-chk'>
|
||||||
<!--input type='checkbox' checked='checked'-->
|
<!--input type='checkbox' checked='checked'-->
|
||||||
|
|
@ -612,7 +612,7 @@ if ($c_type_r == 'R') {
|
||||||
</label>
|
</label>
|
||||||
</td>
|
</td>
|
||||||
<td>R</td>
|
<td>R</td>
|
||||||
<td><a onclick=\"javascript:window.open('/index_intranet.php?view=customer_detail&mode=update&c_uid=$c_uid&page=$page&key_word=$key_word&column=$column&switched=$getSWHStr&sorting_type=$sorting_type&switch=$switch','_blank');\" style='cursor:pointer;cursor:hand;'><b class='customer-info-detail'>$c_nameSTR</b></a> $driverPopup</td>
|
<td><a class='restaurant-link' onclick=\"javascript:window.open('/index_intranet.php?view=customer_detail&mode=update&c_uid=$c_uid&page=$page&key_word=$key_word&column=$column&switched=$getSWHStr&sorting_type=$sorting_type&switch=$switch','_blank');\" style='cursor:pointer;cursor:hand;'><b class='customer-info-detail'>$c_nameSTR</b></a> $driverPopup</td>
|
||||||
<td>$c_accountno</td>
|
<td>$c_accountno</td>
|
||||||
<td>$c_maincontainer</td>
|
<td>$c_maincontainer</td>
|
||||||
<td>$c_containerSTR</td>
|
<td>$c_containerSTR</td>
|
||||||
|
|
@ -704,7 +704,7 @@ if ($c_type_p == 'P') {
|
||||||
$driverPopup = "<a data-toggle='modal' class='customerShortInfo' data-target='#myModalcustomerShortInfo' data-id=\"$c_uid\" data-history-type='standard-access'>❓</a>";
|
$driverPopup = "<a data-toggle='modal' class='customerShortInfo' data-target='#myModalcustomerShortInfo' data-id=\"$c_uid\" data-history-type='standard-access'>❓</a>";
|
||||||
|
|
||||||
$strList_s .= "
|
$strList_s .= "
|
||||||
<tr class='bg-period'>
|
<tr class='bg-period' data-id=\"$c_uid\" data-name=\"".htmlspecialchars($c_nameSTR, ENT_QUOTES)."\" data-name>
|
||||||
<td>
|
<td>
|
||||||
<label class='container-chk'>
|
<label class='container-chk'>
|
||||||
<!--input type='checkbox' checked='checked'-->
|
<!--input type='checkbox' checked='checked'-->
|
||||||
|
|
@ -713,8 +713,8 @@ if ($c_type_p == 'P') {
|
||||||
</label>
|
</label>
|
||||||
</td>
|
</td>
|
||||||
<td>S</td>
|
<td>S</td>
|
||||||
<td><a onclick=\"javascript:window.open('/index_intranet.php?view=customer_detail&mode=update&c_uid=$c_uid&page=$page&key_word=$key_word&column=$column&switched=$getSWHStr&sorting_type=$sorting_type&switch=$switch','_blank');\" style='cursor:pointer;cursor:hand;'><b class='customer-info-detail'>$c_nameSTR</b></a> $driverPopup</td>
|
<td><a class='restaurant-link' onclick=\"javascript:window.open('/index_intranet.php?view=customer_detail&mode=update&c_uid=$c_uid&page=$page&key_word=$key_word&column=$column&switched=$getSWHStr&sorting_type=$sorting_type&switch=$switch','_blank');\" style='cursor:pointer;cursor:hand;'><b class='customer-info-detail'>$c_nameSTR</b></a> $driverPopup</td>
|
||||||
<td>$c_accountno</td>
|
<td>$c_accountno</td>
|
||||||
<td>$c_maincontainer</td>
|
<td>$c_maincontainer</td>
|
||||||
<td>$c_containerSTR</td>
|
<td>$c_containerSTR</td>
|
||||||
<td>$c_paymenttype</td>
|
<td>$c_paymenttype</td>
|
||||||
|
|
@ -1561,3 +1561,117 @@ $(document).ready(function(){
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- End of Modal -->
|
<!-- End of Modal -->
|
||||||
|
|
||||||
|
|
||||||
|
<div class="offcanvas offcanvas-end" tabindex="-1" id="customerInfoCanvas" data-bs-backdrop="false" data-bs-scroll="true">
|
||||||
|
<div class="offcanvas-header" style="background: #2A9B56;">
|
||||||
|
<h4 class="offcanvas-title" id="customerCanvasTitle" style="color: #FFFFFF;"></h4>
|
||||||
|
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas"></button>
|
||||||
|
</div>
|
||||||
|
<div class="offcanvas-body" id="customerInfoBody">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(document).on("click", "label.container-chk, label.container-chk *", function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
});
|
||||||
|
|
||||||
|
$(document).on("click", "a.restaurant-link", function(e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
});
|
||||||
|
|
||||||
|
let openedCid = null;
|
||||||
|
let panelOpen = false;
|
||||||
|
|
||||||
|
const canvasEl = document.getElementById("customerInfoCanvas");
|
||||||
|
const customerCanvas = new bootstrap.Offcanvas(canvasEl);
|
||||||
|
|
||||||
|
$(document).on("click", "tr[data-id]", function () {
|
||||||
|
|
||||||
|
const cid = $(this).data("id");
|
||||||
|
const cname = $(this).data("name");
|
||||||
|
const $row = $(this);
|
||||||
|
|
||||||
|
console.log(cname)
|
||||||
|
// 기존 선택 스타일 제거
|
||||||
|
$("tr[data-id]").removeClass("selected-row");
|
||||||
|
|
||||||
|
// 동일한 row 클릭 → 패널 닫을 때 선택 해제, 패널 열리면 다시 선택 표시
|
||||||
|
if (cid === openedCid) {
|
||||||
|
if (panelOpen) {
|
||||||
|
customerCanvas.hide();
|
||||||
|
openedCid = null;
|
||||||
|
return;
|
||||||
|
} else {
|
||||||
|
customerCanvas.show();
|
||||||
|
$row.addClass("selected-row");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 다른 row 선택 → 새 row만 하이라이트
|
||||||
|
openedCid = cid;
|
||||||
|
$row.addClass("selected-row");
|
||||||
|
|
||||||
|
$("#customerCanvasTitle").text(cname);
|
||||||
|
$("#customerInfoBody").html("불러오는 중...");
|
||||||
|
|
||||||
|
customerCanvas.show();
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: "lib/shortInfo_right_lib.php",
|
||||||
|
type: "post",
|
||||||
|
data: { c_uid: cid },
|
||||||
|
success: function (res) {
|
||||||
|
$("#customerInfoBody").html(res);
|
||||||
|
},
|
||||||
|
error: function () {
|
||||||
|
$("#customerInfoBody").html("데이터를 불러올 수 없습니다.");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// Offcanvas 열림/닫힘 상태 추적
|
||||||
|
canvasEl.addEventListener("shown.bs.offcanvas", function () {
|
||||||
|
panelOpen = true;
|
||||||
|
});
|
||||||
|
|
||||||
|
canvasEl.addEventListener("hidden.bs.offcanvas", function () {
|
||||||
|
panelOpen = false;
|
||||||
|
|
||||||
|
// 패널이 닫히면 선택 해제
|
||||||
|
$("tr[data-id]").removeClass("selected-row");
|
||||||
|
openedCid = null;
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
#customerInfoCanvas {
|
||||||
|
width: 30%;
|
||||||
|
height: 100vh !important;
|
||||||
|
overflow-y: auto !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.customer-offcanvas-header {
|
||||||
|
background: #2A9B56;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customerInfoBody {
|
||||||
|
max-height: calc(100vh - 60px);
|
||||||
|
overflow-y: auto;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
tr.selected-row {
|
||||||
|
outline: 2px solid red !important;
|
||||||
|
outline-offset: -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
tr a {
|
||||||
|
color: #212529;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,288 @@
|
||||||
|
<?php
|
||||||
|
include getenv("DOCUMENT_ROOT")."/include/session_include.php";
|
||||||
|
|
||||||
|
$c_uid = $_POST["c_uid"] ?? $_GET["c_uid"] ?? "";
|
||||||
|
$note_page = intval($_POST["note_page"] ?? 1);
|
||||||
|
$oil_page = intval($_POST["oil_page"] ?? 1);
|
||||||
|
|
||||||
|
if ($c_uid == "") {
|
||||||
|
echo "Invalid data. [Err - c_uid / FORECAST-POPUP]";
|
||||||
|
exit();
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 날짜 포맷 함수 */
|
||||||
|
function onlyDate($str) {
|
||||||
|
if (!$str || strlen($str) < 8) return "";
|
||||||
|
return substr($str, 0, 4) . "-" . substr($str, 4, 2) . "-" . substr($str, 6, 2);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-----------------------------------
|
||||||
|
고객 기본 정보
|
||||||
|
------------------------------------*/
|
||||||
|
$customerQuery = "
|
||||||
|
SELECT *
|
||||||
|
FROM tbl_customer
|
||||||
|
WHERE c_uid = '$c_uid'
|
||||||
|
";
|
||||||
|
$customerResult = $jdb->nQuery($customerQuery, "customer query error");
|
||||||
|
$firstRow = mysqli_fetch_array($customerResult, MYSQLI_ASSOC);
|
||||||
|
|
||||||
|
// $c_nameSTR = htmlspecialchars($firstRow['c_name'], ENT_QUOTES);
|
||||||
|
$c_commentSTR = htmlspecialchars($firstRow['c_comment_ri'], ENT_QUOTES);
|
||||||
|
|
||||||
|
|
||||||
|
/*-----------------------------------
|
||||||
|
NOTE 데이터
|
||||||
|
------------------------------------*/
|
||||||
|
$notesPerPage = 3;
|
||||||
|
|
||||||
|
// 전체 개수 조회
|
||||||
|
$noteCountQuery = "
|
||||||
|
SELECT COUNT(*) AS total
|
||||||
|
FROM tbl_note
|
||||||
|
WHERE n_customeruid = '$c_uid'
|
||||||
|
";
|
||||||
|
$noteCountResult = $jdb->nQuery($noteCountQuery, "note count error");
|
||||||
|
$noteCount = mysqli_fetch_array($noteCountResult, MYSQLI_ASSOC)['total'];
|
||||||
|
|
||||||
|
$totalNotePages = ceil($noteCount / $notesPerPage);
|
||||||
|
if ($note_page < 1) $note_page = 1;
|
||||||
|
$note_start = ($note_page - 1) * $notesPerPage;
|
||||||
|
|
||||||
|
// NOTE 조회
|
||||||
|
$noteQuery = "
|
||||||
|
SELECT *
|
||||||
|
FROM tbl_customer tc
|
||||||
|
LEFT OUTER JOIN tbl_note tn ON tc.c_uid = tn.n_customeruid
|
||||||
|
LEFT OUTER JOIN tbl_member tm ON tn.n_memberuid = tm.m_uid
|
||||||
|
WHERE tc.c_uid = '$c_uid'
|
||||||
|
ORDER BY tn.n_createddate DESC
|
||||||
|
LIMIT $note_start, $notesPerPage
|
||||||
|
";
|
||||||
|
$noteResult = $jdb->nQuery($noteQuery, "note query error");
|
||||||
|
|
||||||
|
|
||||||
|
/*-----------------------------------
|
||||||
|
OIL HISTORY 데이터
|
||||||
|
------------------------------------*/
|
||||||
|
$oilPerPage = 10;
|
||||||
|
|
||||||
|
// 전체 개수 조회
|
||||||
|
$oilCountQuery = "
|
||||||
|
SELECT COUNT(*) AS total
|
||||||
|
FROM tbl_daily
|
||||||
|
WHERE d_customeruid = '$c_uid'
|
||||||
|
AND d_status = 'F'
|
||||||
|
";
|
||||||
|
$oilCountResult = $jdb->nQuery($oilCountQuery, "oil count error");
|
||||||
|
$oilCount = mysqli_fetch_array($oilCountResult, MYSQLI_ASSOC)['total'];
|
||||||
|
|
||||||
|
$totalOilPages = ceil($oilCount / $oilPerPage);
|
||||||
|
if ($oil_page < 1) $oil_page = 1;
|
||||||
|
$oil_start = ($oil_page - 1) * $oilPerPage;
|
||||||
|
|
||||||
|
// 데이터 조회
|
||||||
|
$oilQuery = "
|
||||||
|
SELECT *
|
||||||
|
FROM tbl_daily td
|
||||||
|
LEFT OUTER JOIN tbl_request tr ON td.d_ruid = tr.r_uid
|
||||||
|
LEFT OUTER JOIN tbl_member tm ON td.d_driveruid = tm.m_uid
|
||||||
|
WHERE td.d_customeruid = '$c_uid'
|
||||||
|
AND td.d_status = 'F'
|
||||||
|
ORDER BY td.d_visitdate DESC
|
||||||
|
LIMIT $oil_start, $oilPerPage
|
||||||
|
";
|
||||||
|
$oilResult = $jdb->nQuery($oilQuery, "oil query error");
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
||||||
|
<div class="rightinfo-container">
|
||||||
|
|
||||||
|
<h3 class="rightinfo-title">Comment</h3>
|
||||||
|
<div class="rightinfo-value"><?= nl2br($c_commentSTR) ?></div>
|
||||||
|
|
||||||
|
<!-- NOTE SECTION -->
|
||||||
|
<h3 class="note-title">Note</h3>
|
||||||
|
|
||||||
|
<table class="note-table">
|
||||||
|
<tr>
|
||||||
|
<th>Date</th>
|
||||||
|
<th>Note</th>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<?php while ($note = mysqli_fetch_array($noteResult, MYSQLI_ASSOC)) {
|
||||||
|
$date = onlyDate($note['n_createddate']);
|
||||||
|
$txt = nl2br(htmlspecialchars($note['n_note'], ENT_QUOTES));
|
||||||
|
|
||||||
|
echo "
|
||||||
|
<tr>
|
||||||
|
<td class='td-date'>$date</td>
|
||||||
|
<td class='td-note'>$txt</td>
|
||||||
|
</tr>";
|
||||||
|
} ?>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<div class="pagination">
|
||||||
|
<?php
|
||||||
|
$blockSize = 5;
|
||||||
|
$noteBlock = ceil($note_page / $blockSize);
|
||||||
|
$noteStart = ($noteBlock - 1) * $blockSize + 1;
|
||||||
|
$noteEnd = min($noteStart + $blockSize - 1, $totalNotePages);
|
||||||
|
|
||||||
|
if ($noteStart > 1) {
|
||||||
|
echo "<a class='page-btn arrow' href='#' onclick='loadNotePage(\"$c_uid\", ".($noteStart-1)."); return false;'>«</a>";
|
||||||
|
}
|
||||||
|
|
||||||
|
for ($i = $noteStart; $i <= $noteEnd; $i++) {
|
||||||
|
$act = ($i == $note_page) ? "active" : "";
|
||||||
|
echo "<a class='page-btn $act' href='#' onclick='loadNotePage(\"$c_uid\", $i); return false;'>$i</a>";
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($noteEnd < $totalNotePages) {
|
||||||
|
echo "<a class='page-btn arrow' href='#' onclick='loadNotePage(\"$c_uid\", ".($noteEnd+1)."); return false;'>»</a>";
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- OIL HISTORY SECTION -->
|
||||||
|
<h3 class="note-title">Oil History</h3>
|
||||||
|
|
||||||
|
<table class="note-table">
|
||||||
|
<tr>
|
||||||
|
<th>Date</th>
|
||||||
|
<th>Quantity</th>
|
||||||
|
<th>Paid (Cash)</th>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<?php while ($oil = mysqli_fetch_array($oilResult, MYSQLI_ASSOC)) {
|
||||||
|
$date = onlyDate($oil['d_visitdate']);
|
||||||
|
$qty = number_format($oil['d_quantity']);
|
||||||
|
$drv = $oil['m_initial'] ?: "-";
|
||||||
|
$pay = ($oil['d_paystatus'] == "P") ? "Paid ($".$oil['d_payamount'].")" : "Unpaid";
|
||||||
|
|
||||||
|
echo "
|
||||||
|
<tr>
|
||||||
|
<td class='td-date'>$date</td>
|
||||||
|
<td class='td-qty'>$qty</td>
|
||||||
|
<td class='td-pay'>$pay</td>
|
||||||
|
</tr>";
|
||||||
|
} ?>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<div class="pagination">
|
||||||
|
<?php
|
||||||
|
$oilBlock = ceil($oil_page / $blockSize);
|
||||||
|
$oilStart = ($oilBlock - 1) * $blockSize + 1;
|
||||||
|
$oilEnd = min($oilStart + $blockSize - 1, $totalOilPages);
|
||||||
|
|
||||||
|
if ($oilStart > 1) {
|
||||||
|
echo "<a class='page-btn arrow' href='#' onclick='loadOilPage(\"$c_uid\", ".($oilStart-1)."); return false;'>«</a>";
|
||||||
|
}
|
||||||
|
|
||||||
|
for ($i = $oilStart; $i <= $oilEnd; $i++) {
|
||||||
|
$act = ($i == $oil_page) ? "active" : "";
|
||||||
|
echo "<a class='page-btn $act' href='#' onclick='loadOilPage(\"$c_uid\", $i); return false;'>$i</a>";
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($oilEnd < $totalOilPages) {
|
||||||
|
echo "<a class='page-btn arrow' href='#' onclick='loadOilPage(\"$c_uid\", ".($oilEnd+1)."); return false;'>»</a>";
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function loadNotePage(c_uid, page) {
|
||||||
|
$.ajax({
|
||||||
|
url: "/lib/shortInfo_right_lib.php",
|
||||||
|
type: "POST",
|
||||||
|
data: { c_uid: c_uid, note_page: page },
|
||||||
|
success: function(res) {
|
||||||
|
$(".rightinfo-container").parent().html(res);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadOilPage(c_uid, page) {
|
||||||
|
$.ajax({
|
||||||
|
url: "/lib/shortInfo_right_lib.php",
|
||||||
|
type: "POST",
|
||||||
|
data: { c_uid: c_uid, oil_page: page },
|
||||||
|
success: function(res) {
|
||||||
|
$(".rightinfo-container").parent().html(res);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.rightinfo-container {
|
||||||
|
padding: 5px;
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rightinfo-title, .note-title {
|
||||||
|
font-size: 17px;
|
||||||
|
font-weight: 600;
|
||||||
|
border-bottom: 1px solid #2A9B56;
|
||||||
|
}
|
||||||
|
|
||||||
|
.note-title {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.note-table {
|
||||||
|
width: 100%;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.note-table th {
|
||||||
|
background: #2A9B56;
|
||||||
|
color: white;
|
||||||
|
padding: 5px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.note-table td {
|
||||||
|
padding: 5px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.td-date { width: 20%; }
|
||||||
|
|
||||||
|
.note-table tr:nth-child(even) {
|
||||||
|
background: #f6f6f6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination {
|
||||||
|
text-align: center;
|
||||||
|
margin: 10px 0 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-btn {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 5px 7px;
|
||||||
|
margin: 0 3px;
|
||||||
|
border: 1px solid #2A9B56;
|
||||||
|
color: #2A9B56;
|
||||||
|
text-decoration: none;
|
||||||
|
border-radius: 5px;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-btn.active,
|
||||||
|
.page-btn:hover {
|
||||||
|
background: #2A9B56;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-btn.arrow {
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 6px 14px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue