gov-portal 디자인을 시스템 전체에 적용한다.
- 사이트 업무 페이지: 공통 셸 bag/layout/portal(헤더+대메뉴 클릭+좌측 사이드바 소메뉴) - 관리자 페이지: admin/layout 을 동일 포털 셸로 재작성(관리자 메뉴 트리, 폴백) - 메인(/): gov-portal 대시보드, 종량제 실데이터만(재고/주문/승인/활동로그) - 로그인/회원가입/2차인증/TOTP: 공통 auth/_shell 로 통일, 사이트 공통 로고 - 버튼색 통일: btn-search 등 주요 버튼을 #243a5e(메뉴바 네이비보다 살짝 밝게), 밝은 파랑 채움 버튼(#2b4c8c/#1e548a)도 동일 색으로 - gov_portal_nav_context() 임의 메뉴 트리 수용, 업무 셸은 실제 bag/* 링크 유지 - Admin\Menu 권한거부 리다이렉트 admin/dashboard(404) → admin 수정 - E2E redesign.spec.js 추가, 기능 무변경 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
taekyoungc
@@ -29,9 +29,9 @@ tailwind.config = {
|
||||
fontFamily: { sans: ['"Malgun Gothic"', '"Noto Sans KR"', 'sans-serif'] },
|
||||
colors: {
|
||||
'system-header': '#ffffff',
|
||||
'title-bar': '#2c3e50',
|
||||
'title-bar': '#1a2b4b',
|
||||
'control-panel': '#f8f9fa',
|
||||
'btn-search': '#1c4e80',
|
||||
'btn-search': '#243a5e',
|
||||
'btn-excel-border': '#28a745',
|
||||
'btn-excel-text': '#28a745',
|
||||
'btn-print-border': '#ced4da',
|
||||
|
||||
169
app/Views/bag/layout/portal.php
Normal file
169
app/Views/bag/layout/portal.php
Normal file
@@ -0,0 +1,169 @@
|
||||
<?php
|
||||
declare(strict_types=1);
|
||||
/**
|
||||
* 사이트 업무 페이지 공통 셸 — gov-portal 디자인 적용판.
|
||||
* 헤더 + 대메뉴(클릭) + 좌측 사이드바(소메뉴) + 본문($content).
|
||||
* 본문은 기존 Tailwind 마크업을 그대로 쓰므로 Tailwind CDN·config·data-table 스타일을 함께 로드한다.
|
||||
*
|
||||
* @var string $title
|
||||
* @var string $content (이스케이프 없이 출력되는 본문 HTML)
|
||||
* @var bool $bare true면 work-surface 카드/제목바 없이 본문을 그대로 출력(대시보드용)
|
||||
*/
|
||||
helper('admin');
|
||||
$bare = ! empty($bare);
|
||||
|
||||
$gov = gov_portal_nav_context(false); // 업무 셸: 실제 bag/* 링크 유지(코드관리 포털 remap 안 함)
|
||||
$govActiveChildHref = gov_portal_nav_match_path($gov['currentPath']);
|
||||
|
||||
$navPartial = [
|
||||
'govNavItems' => $gov['navItems'],
|
||||
'govNavJson' => $gov['navJson'],
|
||||
'govActiveParentIdx' => $gov['activeParentIdx'],
|
||||
'govCurrentPath' => gov_portal_nav_match_path($gov['currentPath']),
|
||||
'govDashboardAliases' => $gov['dashboardAliases'],
|
||||
'govActiveChildHref' => $govActiveChildHref,
|
||||
];
|
||||
|
||||
$mbLevel = (int) session()->get('mb_level');
|
||||
$mbName = (string) (session()->get('mb_name') ?? '담당자');
|
||||
$levelName = config(\Config\Roles::class)->getLevelName($mbLevel);
|
||||
$isAdmin = ($mbLevel === \Config\Roles::LEVEL_SUPER_ADMIN || $mbLevel === \Config\Roles::LEVEL_LOCAL_ADMIN);
|
||||
|
||||
$effectiveLgIdx = admin_effective_lg_idx();
|
||||
$lgLabel = '';
|
||||
if ($effectiveLgIdx) {
|
||||
$lgRow = model(\App\Models\LocalGovernmentModel::class)->find($effectiveLgIdx);
|
||||
$lgLabel = $lgRow ? (string) $lgRow->lg_name : '';
|
||||
}
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko" class="gov-portal-html">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
||||
<title><?= esc($title ?? '종량제 시스템') ?></title>
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet"/>
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"/>
|
||||
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
|
||||
<script>
|
||||
tailwind.config = {
|
||||
theme: {
|
||||
extend: {
|
||||
fontFamily: { sans: ['Pretendard', '"Malgun Gothic"', '"Noto Sans KR"', 'sans-serif'] },
|
||||
colors: {
|
||||
'system-header': '#ffffff',
|
||||
'title-bar': '#1a2b4b',
|
||||
'control-panel': '#f8f9fa',
|
||||
'btn-search': '#243a5e',
|
||||
'btn-excel-border': '#28a745',
|
||||
'btn-excel-text': '#28a745',
|
||||
'btn-print-border': '#ced4da',
|
||||
'btn-exit': '#d9534f',
|
||||
},
|
||||
fontSize: { 'xxs': '0.65rem' }
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
<?php include __DIR__ . '/../../home/_dashboard_gov_portal_brand_css.php'; ?>
|
||||
<?php include __DIR__ . '/../../home/_dashboard_gov_portal_topnav_css.php'; ?>
|
||||
<?php include __DIR__ . '/../../home/_dashboard_gov_portal_chrome_css.php'; ?>
|
||||
/* 업무 본문 표/유틸 (기존 사이트 레이아웃에서 계승) */
|
||||
.data-table { width: 100%; border-collapse: collapse; font-family: 'Pretendard', 'Malgun Gothic', 'Noto Sans KR', sans-serif; }
|
||||
.data-table th, .data-table td { border: 1px solid #ccc; padding: 4px 8px; white-space: nowrap; font-size: 13px; }
|
||||
.data-table th { background-color: #e9ecef; text-align: center; vertical-align: middle; font-weight: bold; color: #333; }
|
||||
.data-table tbody tr:nth-child(even) td { background-color: #f9f9f9; }
|
||||
.data-table tbody tr:hover td { background-color: #e6f7ff !important; }
|
||||
@media print {
|
||||
.portal-header, .sidebar, .portal-footer, .no-print, nav.portal-top-nav { display: none !important; }
|
||||
body.gov-portal-shell { background: #fff; display: block; }
|
||||
.gov-portal-shell .main.work-main { overflow: visible !important; padding: 0 !important; }
|
||||
.print-header { display: block !important; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="gov-portal-shell">
|
||||
<header class="portal-header">
|
||||
<div class="portal-header-inner">
|
||||
<?= view('home/_dashboard_gov_portal_brand', ['brandHref' => base_url('/')]) ?>
|
||||
<?= view('home/_dashboard_gov_portal_topnav_click', $navPartial) ?>
|
||||
<div class="portal-header-utils" style="display:flex;align-items:center;gap:.5rem;">
|
||||
<span class="user-line">
|
||||
<?php if ($lgLabel !== ''): ?><strong><?= esc($lgLabel) ?></strong> · <?php endif; ?>
|
||||
<?= esc($levelName) ?> · <?= esc($mbName) ?>님
|
||||
</span>
|
||||
<?php if ($isAdmin): ?>
|
||||
<a href="<?= base_url('admin') ?>" title="관리자 페이지"
|
||||
style="display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:6px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;text-decoration:none;font-size:.75rem;font-weight:600;white-space:nowrap;">
|
||||
<i class="fa-solid fa-gear"></i> 관리자
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
<a href="<?= base_url('logout') ?>" title="로그아웃"
|
||||
style="display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none;font-size:.75rem;font-weight:600;white-space:nowrap;">
|
||||
<i class="fa-solid fa-right-from-bracket"></i> 로그아웃
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="layout">
|
||||
<?= view('home/_dashboard_gov_portal_sidebar', $navPartial) ?>
|
||||
|
||||
<main class="main work-main main-content-area">
|
||||
<?php if (! $bare && ! empty($title)): ?>
|
||||
<h1 class="work-titlebar"><i class="fa-solid fa-folder-open tb-ico"></i><?= esc($title) ?></h1>
|
||||
<?php endif; ?>
|
||||
<?php if (session()->getFlashdata('success')): ?>
|
||||
<div class="work-flash ok"><?= esc(session()->getFlashdata('success')) ?></div>
|
||||
<?php endif; ?>
|
||||
<?php if (session()->getFlashdata('error')): ?>
|
||||
<div class="work-flash err"><?= esc(session()->getFlashdata('error')) ?></div>
|
||||
<?php endif; ?>
|
||||
<?php if ($bare): ?>
|
||||
<?= $content ?>
|
||||
<?php else: ?>
|
||||
<div class="work-surface">
|
||||
<?= $content ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<footer class="portal-footer">
|
||||
<span>종량제 시스템</span>
|
||||
<span><?= date('Y.m.d (D) H:i') ?></span>
|
||||
</footer>
|
||||
|
||||
<?= view('home/_dashboard_gov_portal_nav_script_base', $navPartial) ?>
|
||||
<script>
|
||||
(() => {
|
||||
// 표의 '번호' 컬럼 역순 자동 채번 (기존 사이트 레이아웃 계승)
|
||||
const normalize = (s) => String(s || '').replace(/\s+/g, '').trim();
|
||||
const renumberTable = (table) => {
|
||||
const headRow = table.querySelector('thead tr');
|
||||
if (!headRow) return;
|
||||
const headers = Array.from(headRow.querySelectorAll('th'));
|
||||
const numberCol = headers.findIndex((th) => normalize(th.textContent) === '번호');
|
||||
if (numberCol < 0) return;
|
||||
const body = table.querySelector('tbody');
|
||||
if (!body) return;
|
||||
const rows = Array.from(body.querySelectorAll(':scope > tr')).filter((tr) => {
|
||||
const cells = tr.querySelectorAll('td');
|
||||
if (cells.length === 0) return false;
|
||||
if (cells.length === 1 && Number(cells[0].getAttribute('colspan') || '1') > 1) return false;
|
||||
return true;
|
||||
});
|
||||
let no = rows.length;
|
||||
rows.forEach((tr) => {
|
||||
const cells = tr.querySelectorAll('td');
|
||||
if (cells[numberCol]) cells[numberCol].textContent = String(no--);
|
||||
});
|
||||
};
|
||||
const run = () => document.querySelectorAll('table').forEach(renumberTable);
|
||||
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', run, { once: true });
|
||||
else run();
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user