Initial commit: 교육 프로젝트 배포
This commit is contained in:
송대일
@@ -0,0 +1,184 @@
|
||||
<!-- 학습 가이드 PDF 팝업 (전 페이지 공통) -->
|
||||
<?php
|
||||
$learningGuideDefaultTab = $learningGuideDefaultTab ?? 'player';
|
||||
$allowedLearningGuideKeys = [
|
||||
'player',
|
||||
'main',
|
||||
'myclass',
|
||||
'onboarding',
|
||||
'legal',
|
||||
'leadership',
|
||||
'insight',
|
||||
'biztrend',
|
||||
'mypage',
|
||||
];
|
||||
|
||||
if (!in_array($learningGuideDefaultTab, $allowedLearningGuideKeys, true)) {
|
||||
$learningGuideDefaultTab = 'player';
|
||||
}
|
||||
|
||||
$learningGuideTabAttr = static function (string $tabKey) use ($learningGuideDefaultTab): array {
|
||||
$isActive = $tabKey === $learningGuideDefaultTab;
|
||||
|
||||
return [
|
||||
'class' => $isActive ? 'learning-guide-tab is-active' : 'learning-guide-tab',
|
||||
'selected' => $isActive ? 'true' : 'false',
|
||||
];
|
||||
};
|
||||
?>
|
||||
<div
|
||||
class="learning-guide-layer hidden"
|
||||
id="learningGuideLayer"
|
||||
data-default-guide-key="<?= htmlspecialchars($learningGuideDefaultTab, ENT_QUOTES, 'UTF-8') ?>"
|
||||
aria-hidden="true"
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
aria-label="학습 가이드"
|
||||
>
|
||||
<div class="learning-guide-content">
|
||||
<div class="learning-guide-header">
|
||||
<button
|
||||
type="button"
|
||||
class="btn-close-layer"
|
||||
id="btnCloseLearningGuide"
|
||||
aria-label="닫기"
|
||||
>
|
||||
<span class="blind">닫기</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="learning-guide-body">
|
||||
<div class="learning-guide-tabs">
|
||||
<div class="swiper learning-guide-tab-swiper">
|
||||
<div class="swiper-wrapper" role="tablist" aria-label="학습 가이드 메뉴">
|
||||
<div class="swiper-slide">
|
||||
<button
|
||||
type="button"
|
||||
class="<?= $learningGuideTabAttr('player')['class'] ?>"
|
||||
role="tab"
|
||||
data-guide-key="player"
|
||||
data-pdf="/guide/배움터 학습가이드_학습 플레이어.pdf"
|
||||
aria-selected="<?= $learningGuideTabAttr('player')['selected'] ?>"
|
||||
aria-disabled="false"
|
||||
>
|
||||
학습 플레이어
|
||||
</button>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<button
|
||||
type="button"
|
||||
class="<?= $learningGuideTabAttr('main')['class'] ?>"
|
||||
role="tab"
|
||||
data-guide-key="main"
|
||||
data-pdf="/guide/배움터 학습가이드_메인페이지.pdf"
|
||||
aria-selected="<?= $learningGuideTabAttr('main')['selected'] ?>"
|
||||
aria-disabled="false"
|
||||
>
|
||||
메인
|
||||
</button>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<button
|
||||
type="button"
|
||||
class="<?= $learningGuideTabAttr('myclass')['class'] ?>"
|
||||
role="tab"
|
||||
data-guide-key="myclass"
|
||||
data-pdf="/guide/배움터 학습가이드_마이클래스.pdf"
|
||||
aria-selected="<?= $learningGuideTabAttr('myclass')['selected'] ?>"
|
||||
aria-disabled="false"
|
||||
>
|
||||
마이클래스
|
||||
</button>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<button
|
||||
type="button"
|
||||
class="<?= $learningGuideTabAttr('onboarding')['class'] ?>"
|
||||
role="tab"
|
||||
data-guide-key="onboarding"
|
||||
data-pdf="/guide/배움터 학습가이드_온보딩.pdf"
|
||||
aria-selected="<?= $learningGuideTabAttr('onboarding')['selected'] ?>"
|
||||
aria-disabled="false"
|
||||
>
|
||||
온보딩
|
||||
</button>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<button
|
||||
type="button"
|
||||
class="<?= $learningGuideTabAttr('legal')['class'] ?>"
|
||||
role="tab"
|
||||
data-guide-key="legal"
|
||||
data-pdf="/guide/배움터 학습가이드_법정교육.pdf"
|
||||
aria-selected="<?= $learningGuideTabAttr('legal')['selected'] ?>"
|
||||
aria-disabled="false"
|
||||
>
|
||||
법정교육
|
||||
</button>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<button
|
||||
type="button"
|
||||
class="<?= $learningGuideTabAttr('leadership')['class'] ?>"
|
||||
role="tab"
|
||||
data-guide-key="leadership"
|
||||
data-pdf="/guide/배움터 학습가이드_리더십.pdf"
|
||||
aria-selected="<?= $learningGuideTabAttr('leadership')['selected'] ?>"
|
||||
aria-disabled="false"
|
||||
>
|
||||
리더십
|
||||
</button>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<button
|
||||
type="button"
|
||||
class="<?= $learningGuideTabAttr('insight')['class'] ?>"
|
||||
role="tab"
|
||||
data-guide-key="insight"
|
||||
data-pdf="/guide/배움터 학습가이드_인사이트.pdf"
|
||||
aria-selected="<?= $learningGuideTabAttr('insight')['selected'] ?>"
|
||||
aria-disabled="false"
|
||||
>
|
||||
인사이트
|
||||
</button>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<button
|
||||
type="button"
|
||||
class="<?= $learningGuideTabAttr('biztrend')['class'] ?>"
|
||||
role="tab"
|
||||
data-guide-key="biztrend"
|
||||
data-pdf="/guide/배움터 학습가이드_비즈트렌드.pdf"
|
||||
aria-selected="<?= $learningGuideTabAttr('biztrend')['selected'] ?>"
|
||||
aria-disabled="false"
|
||||
>
|
||||
비즈트렌드
|
||||
</button>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<button
|
||||
type="button"
|
||||
class="<?= $learningGuideTabAttr('mypage')['class'] ?>"
|
||||
role="tab"
|
||||
data-guide-key="mypage"
|
||||
data-pdf="/guide/배움터 학습가이드_마이페이지.pdf"
|
||||
aria-selected="<?= $learningGuideTabAttr('mypage')['selected'] ?>"
|
||||
aria-disabled="false"
|
||||
>
|
||||
마이페이지
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="learning-guide-viewer">
|
||||
<iframe
|
||||
id="learningGuideViewer"
|
||||
title="학습 가이드 PDF"
|
||||
src=""
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user