dnssash/theme/rd.dnssash/skin/nav/lwd_laser/nav.skin.php

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

/**
 * skin/nav/lwd_basic/nav.skin.php
 * LWD 미디어 스타일 메뉴 스킨 (복원)
 */

// 💡 [설정] 모바일 헤더 레이아웃 설정
// 1: 로고만 표시 (배너 숨김)
// 2: 로고 + 배너 세로 나열 (로고 -> 좌측배너 -> 우측배너)
$mobile_header_type = 2;

// 💡 [추가] 스킨의 CSS 파일 로드
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/skin/nav/lwd_laser/style.css?ver='.G5_SERVER_TIME.'">', 0);

// 메뉴 데이터 가져오기 (그누보드 공통 함수 사용)
$menu_datas = get_menu_db(0, false);

// 배너 데이터 가져오기 (최신 1개)
$bn_left = sql_fetch(" select * from rb_banner where '".G5_TIME_YMDHIS."' between bn_begin_time and bn_end_time and bn_position = 'topbanner_left' and bn_device IN ('pc', 'both') order by bn_id desc limit 1 ");
$bn_right = sql_fetch(" select * from rb_banner where '".G5_TIME_YMDHIS."' between bn_begin_time and bn_end_time and bn_position = 'topbanner_rite' and bn_device IN ('pc', 'both') order by bn_id desc limit 1 ");

// 💡 [추가] 한글/영문 분리 함수
function split_menu_name($name) {
    $ko = '';
    $en = '';

    // 1. 한글과 영문의 시작 위치 찾기
    $pos_ko = -1;
    $pos_en = -1;

    if (preg_match('/[가-힣]/u', $name, $matches, PREG_OFFSET_CAPTURE)) {
        $pos_ko = $matches[0][1];
    }
    if (preg_match('/[a-zA-Z]/', $name, $matches, PREG_OFFSET_CAPTURE)) {
        $pos_en = $matches[0][1];
    }

    // 2. 위치에 따라 분리
    if ($pos_ko !== -1 && $pos_en !== -1) {
        if ($pos_ko < $pos_en) {
            // 한글이 먼저 나오는 경우: 영문 시작 위치 기준으로 분리
            // 예: "한글 12 English" -> ko="한글 12", en="English"
            $ko = substr($name, 0, $pos_en);
            $en = substr($name, $pos_en);
        } else {
            // 영문이 먼저 나오는 경우: 한글 시작 위치 기준으로 분리
            // 예: "English 12 한글" -> en="English 12", ko="한글"
            $en = substr($name, 0, $pos_ko);
            $ko = substr($name, $pos_ko);
        }
    } elseif ($pos_ko !== -1) {
        // 한글만 있는 경우
        $ko = $name;
    } elseif ($pos_en !== -1) {
        // 영문만 있는 경우
        $en = $name;
    } else {
        // 둘 다 없는 경우 (숫자 등) -> 한글 변수에 담음
        $ko = $name;
    }

    return array(trim($ko), trim($en));
}

// 💡 [추가] URL에서 bo_table 파라미터 추출 함수
function get_bo_table_from_url($url) {
    $query_str = parse_url($url, PHP_URL_QUERY);
    parse_str($query_str, $query_params);
    return isset($query_params['bo_table']) ? $query_params['bo_table'] : '';
}
?>

<div class="lwd-header-wrap">
    <!-- 1. 상단 유틸리티 바 (로그인, 회원가입 등) -->
    <div class="header-top">
        <div class="container" style="display:flex; justify-content:space-between; align-items:center;">


            <ul class="top-util">
                <?php if ($is_member) { ?>
                    <li><a href="<?php echo G5_BBS_URL ?>/logout.php">로그아웃</a></li>
                    <li><a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=<?php echo G5_BBS_URL ?>/register_form.php">정보수정</a></li>
                <?php } else { ?>
                    <li><a href="<?php echo G5_BBS_URL ?>/login.php">로그인</a></li>
                    <li><a href="<?php echo G5_BBS_URL ?>/register.php">회원가입</a></li>
                <?php } ?>
                <li><a href="<?php echo G5_BBS_URL ?>/faq.php">고객센터</a></li>
            </ul>
        </div>
    </div>

    <!-- 2. 메인 헤더 (로고, 검색창) -->
    <!-- 💡 [수정] 설정값에 따른 클래스 추가 -->
    <div class="header-main mobile-header-type-<?php echo $mobile_header_type; ?>">
        <div class="container" style="display:flex; justify-content:space-between; align-items:center;">
            <!-- 왼쪽 배너 -->
            <div class="banner-left">
                <?php if ($bn_left) {
                    $bimg = G5_DATA_PATH.'/banners/'.$bn_left['bn_id'];
                    if (file_exists($bimg)) {
                        echo '<a href="'.$bn_left['bn_url'].'" target="'.($bn_left['bn_new_win']?'_blank':'_self').'">';
                        echo '<img src="'.G5_DATA_URL.'/banners/'.$bn_left['bn_id'].'" alt="'.get_text($bn_left['bn_alt']).'" style="max-width:100%;">';
                        echo '</a>';
                    }
                } ?>
            </div>

            <!-- 💡 [수정] 인라인 스타일 제거하고 CSS로 제어 -->
            <h1 class="logo">
                <a href="<?php echo G5_URL ?>" alt="<?php echo $config['cf_title']; ?>">
                    <picture id="logo_img">
                        <?php if (!empty($rb_builder['bu_logo_mo']) && !empty($rb_builder['bu_logo_mo_w'])) { ?>
                            <source id="sourceSmall" srcset="<?php echo G5_URL ?>/data/logos/mo?ver=<?php echo G5_SERVER_TIME ?>" media="(max-width: 1024px)">
                        <?php } else { ?>
                            <source id="sourceSmall" srcset="<?php echo G5_THEME_URL ?>/rb.img/logos/mo.png?ver=<?php echo G5_SERVER_TIME ?>" media="(max-width: 1024px)">
                        <?php } ?>
                        
                        <?php if (!empty($rb_builder['bu_logo_pc']) && !empty($rb_builder['bu_logo_pc_w'])) { ?>
                            <source id="sourceLarge" srcset="<?php echo G5_URL ?>/data/logos/pc?ver=<?php echo G5_SERVER_TIME ?>" media="(min-width: 1025px)">
                        <?php } else { ?>
                            <source id="sourceLarge" srcset="<?php echo G5_THEME_URL ?>/rb.img/logos/pc.png?ver=<?php echo G5_SERVER_TIME ?>" media="(max-width: 1024px)">
                        <?php } ?>
                        
                        <?php if (!empty($rb_builder['bu_logo_pc']) && !empty($rb_builder['bu_logo_pc_w'])) { ?>
                            <img id="fallbackImage" src="<?php echo G5_URL ?>/data/logos/pc?ver=<?php echo G5_SERVER_TIME ?>" alt="<?php echo $config['cf_title']; ?>" class="responsive-image">
                        <?php } else { ?>
                            <img id="fallbackImage" src="<?php echo G5_THEME_URL ?>/rb.img/logos/pc.png?ver=<?php echo G5_SERVER_TIME ?>" alt="<?php echo $config['cf_title']; ?>" class="responsive-image">
                        <?php } ?>
                    </picture>
                </a>
            </h1>
            
            <!-- 오른쪽 배너 -->
            <div class="banner-right">
                <?php if ($bn_right) {
                    $bimg = G5_DATA_PATH.'/banners/'.$bn_right['bn_id'];
                    if (file_exists($bimg)) {
                        echo '<a href="'.$bn_right['bn_url'].'" target="'.($bn_right['bn_new_win']?'_blank':'_self').'">';
                        echo '<img src="'.G5_DATA_URL.'/banners/'.$bn_right['bn_id'].'" alt="'.get_text($bn_right['bn_alt']).'" style="max-width:100%;">';
                        echo '</a>';
                    }
                } ?>
            </div>
            
            <!-- 모바일 햄버거 버튼 -->
            <button type="button" class="mobile-menu-btn mobile-only">
                <i class="fa fa-bars"></i>
            </button>
        </div>
    </div>

    <!-- 3. GNB 네비게이션 -->
    <nav class="gnb-wrap pc-only">
        <div class="container">
            <ul class="gnb">
                <?php foreach ($menu_datas as $row) { 
                    // 💡 [수정] 함수 사용하여 분리
                    list($name_ko, $name_en) = split_menu_name($row['me_name']);
                ?>
                <li class="gnb-item <?php echo isset($row['sub']) && count($row['sub']) > 0 ? 'has-sub' : ''; ?>">
                    <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb-link">
                        <span class="gnb-txt-ko"><?php echo $name_ko ?></span>
                        <?php if($name_en) { ?><span class="gnb-txt-en"><?php echo $name_en ?></span><?php } ?>
                    </a>
                    <?php if (isset($row['sub']) && count($row['sub']) > 0) { ?>
                    <ul class="gnb-sub">
                        <?php foreach ($row['sub'] as $sub) { 
                            // 💡 [수정] 함수 사용하여 분리
                            list($sub_ko, $sub_en) = split_menu_name($sub['me_name']);
                        ?>
                        <li>
                            <a href="<?php echo $sub['me_link']; ?>" target="_<?php echo $sub['me_target']; ?>">
                                <span class="sub-txt-ko"><?php echo $sub_ko ?></span>
                                <?php if($sub_en) { ?><span class="sub-txt-en"><?php echo $sub_en ?></span><?php } ?>
                            </a>
                        </li>
                        <?php } ?>
                    </ul>
                    <?php } ?>
                </li>
                <?php } ?>
            </ul>
        </div>
    </nav>
</div>

<!-- 모바일 네비게이션 패널 -->
<div id="mobile-nav-overlay"></div>
<div id="mobile-nav-panel">
    <div class="mobile-nav-header">
        <div class="mobile-auth-btn">
            <?php if ($is_member) { ?>
                <a href="<?php echo G5_BBS_URL ?>/logout.php" class="btn-mobile-login">로그아웃</a>
                <a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=<?php echo G5_BBS_URL ?>/register_form.php" class="btn-mobile-join">정보수정</a>
            <?php } else { ?>
                <a href="<?php echo G5_BBS_URL ?>/login.php" class="btn-mobile-login">로그인</a>
                <a href="<?php echo G5_BBS_URL ?>/register.php" class="btn-mobile-join">회원가입</a>
            <?php } ?>
        </div>
        <button type="button" class="mobile-menu-close-btn"><i class="fa fa-times"></i></button>
    </div>
    <div class="mobile-gnb">
        <ul>
            <?php foreach ($menu_datas as $row) { 
                list($name_ko, $name_en) = split_menu_name($row['me_name']);
            ?>
            <li class="<?php echo isset($row['sub']) && count($row['sub']) > 0 ? 'has-sub' : ''; ?>">
                <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>">
                    <span><?php echo $name_ko ?></span>
                    <?php if (isset($row['sub']) && count($row['sub']) > 0) { ?>
                        <i class="fa fa-chevron-down sub-menu-indicator"></i>
                    <?php } ?>
                </a>
                <?php if (isset($row['sub']) && count($row['sub']) > 0) { ?>
                <ul class="sub-menu">
                    <?php foreach ($row['sub'] as $sub) { 
                        list($sub_ko, $sub_en) = split_menu_name($sub['me_name']);
                    ?>
                    <li><a href="<?php echo $sub['me_link']; ?>" target="_<?php echo $sub['me_target']; ?>"><?php echo $sub_ko ?></a></li>
                    <?php } ?>
                </ul>
                <?php } ?>
            </li>
            <?php } ?>
        </ul>
    </div>
</div>

<script>
function fsearchbox_submit(f)
{
    if (f.stx.value.length < 2) {
        alert("검색어는 두글자 이상 입력하십시오.");
        f.stx.select();
        f.stx.focus();
        return false;
    }
    return true;
}

// 모바일 메뉴 스크립트
document.addEventListener('DOMContentLoaded', function() {
    const mobileMenuBtn = document.querySelector('.mobile-menu-btn');
    const mobileNavPanel = document.getElementById('mobile-nav-panel');
    const mobileNavOverlay = document.getElementById('mobile-nav-overlay');
    const mobileMenuCloseBtn = document.querySelector('.mobile-menu-close-btn');

    function openMobileMenu() {
        mobileNavPanel.classList.add('is-active');
        mobileNavOverlay.classList.add('is-active');
        document.body.style.overflow = 'hidden';
    }

    function closeMobileMenu() {
        mobileNavPanel.classList.remove('is-active');
        mobileNavOverlay.classList.remove('is-active');
        document.body.style.overflow = '';
    }

    if(mobileMenuBtn) mobileMenuBtn.addEventListener('click', openMobileMenu);
    if(mobileMenuCloseBtn) mobileMenuCloseBtn.addEventListener('click', closeMobileMenu);
    if(mobileNavOverlay) mobileNavOverlay.addEventListener('click', closeMobileMenu);

    // 모바일 서브메뉴 토글
    const mobileSubMenuToggles = document.querySelectorAll('.mobile-gnb .has-sub > a');
    mobileSubMenuToggles.forEach(function(toggle) {
        toggle.addEventListener('click', function(e) {
            // 링크 이동 방지 (서브메뉴가 있는 경우만)
            if (this.nextElementSibling && this.nextElementSibling.classList.contains('sub-menu')) {
                e.preventDefault();
                const parentLi = this.parentElement;
                parentLi.classList.toggle('submenu-open');
            }
        });
    });
});
</script>