Initial commit: 교육 프로젝트 배포
This commit is contained in:
송대일
@@ -0,0 +1,767 @@
|
||||
<?php
|
||||
require_once __DIR__ . '/../../bbs/auth.php';
|
||||
edu_require_login();
|
||||
// 공통 상단 영역(헤더)과 데이터베이스 연결 파일을 포함합니다.
|
||||
include_once 'header.php';
|
||||
require_once __DIR__ . '/../../bbs/db_conn.php';
|
||||
|
||||
// PDO 연결 생성
|
||||
$pdo = db_conn();
|
||||
|
||||
// 대분류 카테고리(CA100) 목록을 프로시저를 통해 DB에서 조회합니다.
|
||||
$catsStmt = $pdo->prepare("CALL proc_get_code_list('CA100')");
|
||||
$catsStmt->execute();
|
||||
$categories = $catsStmt->fetchAll();
|
||||
$catsStmt->closeCursor();
|
||||
|
||||
// 분기(quarter) 목록을 edu_codes 에서 desc01 기준으로 조회합니다.
|
||||
// desc01 = 'CA10001' 인 코드들을 분기 코드로 사용합니다.
|
||||
$qtStmt = $pdo->prepare("SELECT base_code AS code, code_name AS name FROM edu_codes WHERE desc01 = 'CA10001'");
|
||||
$qtStmt->execute();
|
||||
$quarters = $qtStmt->fetchAll(PDO::FETCH_ASSOC);
|
||||
$qtStmt->closeCursor();
|
||||
|
||||
// 키워드(KW100) 목록을 프로시저를 통해 DB에서 조회합니다.
|
||||
$keywordsStmt = $pdo->prepare("CALL proc_get_code_list('KW100')");
|
||||
$keywordsStmt->execute();
|
||||
$keywords = $keywordsStmt->fetchAll(PDO::FETCH_ASSOC);
|
||||
$keywordsStmt->closeCursor();
|
||||
|
||||
$goalNosStmt = $pdo->prepare("CALL proc_get_code_list('GN100')");
|
||||
$goalNosStmt->execute();
|
||||
$goalNos = $goalNosStmt->fetchAll(PDO::FETCH_ASSOC);
|
||||
$goalNosStmt->closeCursor();
|
||||
|
||||
// 인사이트 이슈구분(IS100) 목록을 사전 준비합니다.
|
||||
$is100Stmt = $pdo->prepare("CALL proc_get_code_list('IS100')");
|
||||
$is100Stmt->execute();
|
||||
$issueTypesIS = $is100Stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||
$is100Stmt->closeCursor();
|
||||
|
||||
// 리더십 이슈구분(LD100) 목록을 사전 준비합니다.
|
||||
$ld100Stmt = $pdo->prepare("CALL proc_get_code_list('LD100')");
|
||||
$ld100Stmt->execute();
|
||||
$issueTypesLD = $ld100Stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||
$ld100Stmt->closeCursor();
|
||||
|
||||
// 기본 선택될 카테고리 코드를 결정합니다. '마이클래스'를 찾으면 우선 적용합니다.
|
||||
$defaultCatCode = null;
|
||||
foreach ($categories as $c) {
|
||||
if ($c['name'] === '마이클래스') {
|
||||
$defaultCatCode = $c['code'];
|
||||
break;
|
||||
}
|
||||
}
|
||||
// '마이클래스'가 없으면 첫 번째 카테고리를 기본값으로 사용합니다.
|
||||
if ($defaultCatCode === null && count($categories) > 0) {
|
||||
$defaultCatCode = $categories[0]['code'];
|
||||
}
|
||||
// GET 파라미터로 넘겨받은 검색 조건(카테고리, 검색어)을 변수에 저장합니다.
|
||||
$category = isset($_GET['category']) ? $_GET['category'] : 'CA10006';
|
||||
$q = isset($_GET['q']) ? trim($_GET['q']) : '';
|
||||
|
||||
// 쿼리 바인딩을 위한 파라미터 배열과 WHERE 조건 배열을 초기화합니다.
|
||||
$params = [];
|
||||
$where = [];
|
||||
|
||||
// 카테고리 검색 조건이 '전체'가 아닐 경우 조건절에 추가합니다.
|
||||
if ($category !== '' && $category !== '전체') {
|
||||
$where[] = 'category_code = :category';
|
||||
$params[':category'] = $category;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 텍스트 검색어가 있을 경우 제목(title) 부분 일치 조건(LIKE)을 추가합니다.
|
||||
if ($q !== '') {
|
||||
$where[] = 'title LIKE :q';
|
||||
$params[':q'] = '%' . $q . '%';
|
||||
}
|
||||
|
||||
// 메인 콘텐츠 리스트를 조회하기 위한 기본 SQL 쿼리입니다.
|
||||
// 서브쿼리를 사용해 카테고리명, 중분류명, 연결된 학습목표명을 함께 가져옵니다.
|
||||
$sql = 'SELECT c.content_id, c.category_code, c.category_group, c.title, c.is_offer, c.is_active, c.sort_order, c.description,c.description1, c.description2, c.description3, c.content_url, c.goal_code, c.issue_type_code, c.offer_id, c.start_date,
|
||||
(SELECT COUNT(*) FROM edu_content_keywords ck WHERE ck.content_id=c.content_id AND ck.is_active=\'1\') as keyword_count,
|
||||
(SELECT code_name FROM edu_codes WHERE group_code=\'CA100\' AND base_code=c.category_code LIMIT 1) as cat_name,
|
||||
(SELECT code_name FROM edu_codes WHERE group_code=\'CA200\' AND base_code=c.category_group LIMIT 1) as group_name,
|
||||
(SELECT title FROM edu_learning_goals WHERE goal_code=c.goal_code LIMIT 1) as goal_title,
|
||||
(SELECT code_name FROM edu_codes WHERE group_code=\'IS100\' AND base_code=c.issue_type_code LIMIT 1) as issue_type_name
|
||||
FROM edu_contents c';
|
||||
|
||||
// WHERE 조건이 하나라도 있다면 조합하여 SQL문에 덧붙입니다.
|
||||
if ($where) {
|
||||
$sql .= ' WHERE ' . implode(' AND ', $where);
|
||||
}
|
||||
|
||||
// 정렬 순서를 지정합니다.
|
||||
$sql .= ' ORDER BY c.category_code , c.category_group ,c.goal_code, c.content_id DESC';
|
||||
|
||||
// 완성된 쿼리를 실행하여 결과($rows)를 가져옵니다.
|
||||
$stmt = $pdo->prepare($sql);
|
||||
$stmt->execute($params);
|
||||
$rows = $stmt->fetchAll();
|
||||
?>
|
||||
<main class="max-w-[1600px] mx-auto p-6">
|
||||
|
||||
<header class="flex justify-between items-center mb-8">
|
||||
<h2 class="text-3xl font-bold text-gray-800 tracking-tight">콘텐츠 입력</h2>
|
||||
<div class="flex items-center gap-2">
|
||||
<button id="btn-goal" onclick="openGoalModal()"
|
||||
class="px-4 py-2 bg-blue-700 text-white rounded-lg font-bold flex items-center shadow hover:bg-blue-800 transition">
|
||||
<i class="fa-solid fa-bullseye mr-2"></i>학습목표 등록
|
||||
</button>
|
||||
<button onclick="openNewModal()"
|
||||
class="px-5 py-2.5 bg-[#114b3d] text-white rounded-lg font-bold flex items-center shadow-lg hover:bg-[#0d3a2f] transition">
|
||||
<i class="fa-solid fa-plus mr-2"></i>새 콘텐츠 추가
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="bg-white p-6 rounded-2xl border border-gray-200 shadow-sm mb-8">
|
||||
<form class="grid grid-cols-1 md:grid-cols-3 gap-6" method="get">
|
||||
<div>
|
||||
<label class="block text-sm font-bold text-gray-700 mb-2">카테고리</label>
|
||||
<select name="category" onchange="this.form.submit()"
|
||||
class="w-full border-gray-200 rounded-xl p-3 bg-gray-50 focus:ring-2 focus:ring-teal-500">
|
||||
<option <?= $category === '전체' ? 'selected' : ''; ?>>전체</option>
|
||||
<?php foreach ($categories as $c): ?>
|
||||
<option value="<?= htmlspecialchars($c['code'], ENT_QUOTES, 'UTF-8'); ?>" <?= $category === $c['code'] ? 'selected' : ''; ?>><?= htmlspecialchars($c['name'], ENT_QUOTES, 'UTF-8'); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-sm font-bold text-gray-700 mb-2">콘텐츠명 검색</label>
|
||||
<div class="relative">
|
||||
<input name="q" value="<?= htmlspecialchars($q, ENT_QUOTES, 'UTF-8'); ?>" type="text"
|
||||
placeholder="콘텐츠명을 검색하세요"
|
||||
class="w-full border-gray-200 rounded-xl p-3 pl-11 bg-gray-50 focus:ring-2 focus:ring-teal-500">
|
||||
<i class="fa-solid fa-magnifying-glass absolute left-4 top-4 text-gray-400"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-end">
|
||||
<button class="w-full md:w-auto px-5 py-3 bg-gray-800 text-white rounded-xl font-bold">검색</button>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<section class="bg-white rounded-2xl border border-gray-200 shadow-sm overflow-hidden mb-12">
|
||||
<table class="w-full text-left border-collapse">
|
||||
<thead>
|
||||
<tr class="bg-gray-50/50 border-b border-gray-100">
|
||||
<th class="p-4 text-sm font-bold text-gray-500 w-16">No</th>
|
||||
<th class="p-4 text-sm font-bold text-gray-500 w-32">콘텐츠ID</th>
|
||||
<th class="p-4 text-sm font-bold text-gray-500 w-44">카테고리</th>
|
||||
<th class="p-4 text-sm font-bold text-gray-500 w-44 whitespace-nowrap">카테고리구분</th>
|
||||
<th class="p-4 text-sm font-bold text-gray-500">콘텐츠명</th>
|
||||
<th class="p-4 text-sm font-bold text-gray-500 ">콘텐츠설명</th>
|
||||
<th class="p-4 text-sm font-bold text-gray-500 hidden">콘텐츠설명1</th>
|
||||
<th class="p-4 text-sm font-bold text-gray-500 hidden">콘텐츠설명2</th>
|
||||
<th class="p-4 text-sm font-bold text-gray-500 hidden">콘텐츠설명3</th>
|
||||
<th class="p-4 text-sm font-bold text-gray-500">URL</th>
|
||||
<th class="p-4 text-sm font-bold text-gray-500 w-28 text-center">키워드</th>
|
||||
<th class="p-4 text-sm font-bold text-gray-500">사용여부</th>
|
||||
<th class="p-4 text-sm font-bold text-gray-500 text-center w-24">관리</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-50 text-sm">
|
||||
<?php if (!$rows): ?>
|
||||
<tr>
|
||||
<td colspan="8" class="p-6 text-center text-gray-400">등록된 콘텐츠가 없습니다</td>
|
||||
</tr>
|
||||
<?php else: ?>
|
||||
<?php $idx = 0;
|
||||
foreach ($rows as $row):
|
||||
$idx++; ?>
|
||||
<tr class="hover:bg-teal-50/30 transition">
|
||||
<td class="p-4 text-center text-gray-400"><?= $idx; ?></td>
|
||||
<td class="p-4 font-mono text-xs text-gray-500">
|
||||
<?= htmlspecialchars($row['content_id'], ENT_QUOTES, 'UTF-8'); ?>
|
||||
</td>
|
||||
<td class="p-4">
|
||||
<span
|
||||
class="text-gray-600 bg-transparent border-none rounded-none text-sm p-0"><?= htmlspecialchars($row['cat_name'] ?: $row['category_code'], ENT_QUOTES, 'UTF-8'); ?></span>
|
||||
</td>
|
||||
<td class="p-4 text-gray-600 text-sm whitespace-nowrap">
|
||||
<?= htmlspecialchars($row['group_name'] ?: '-', ENT_QUOTES, 'UTF-8'); ?>
|
||||
</td>
|
||||
<?php
|
||||
$displayTitle = $row['title'];
|
||||
$catDisplay = $row['cat_name'] ?: $row['category_code'];
|
||||
if ($catDisplay === '마이클래스' && $row['goal_title']) {
|
||||
$displayTitle = '[' . $row['goal_title'] . '] ' . $displayTitle;
|
||||
}
|
||||
?>
|
||||
<td class="p-4 font-bold text-gray-800 truncate max-w-xs"
|
||||
title="<?= htmlspecialchars($displayTitle, ENT_QUOTES, 'UTF-8'); ?>">
|
||||
<?= htmlspecialchars($displayTitle, ENT_QUOTES, 'UTF-8'); ?>
|
||||
</td>
|
||||
<td class="p-4 text-gray-500 truncate max-w-xs"
|
||||
title="<?= htmlspecialchars($row['description'] ?? '', ENT_QUOTES, 'UTF-8'); ?>">
|
||||
<?= htmlspecialchars($row['description'] ?? '', ENT_QUOTES, 'UTF-8'); ?>
|
||||
</td>
|
||||
<td class="p-4 text-gray-500 truncate max-w-xs hidden"
|
||||
title="<?= htmlspecialchars($row['description1'] ?? '', ENT_QUOTES, 'UTF-8'); ?>">
|
||||
<?= htmlspecialchars($row['description1'] ?? '', ENT_QUOTES, 'UTF-8'); ?>
|
||||
</td>
|
||||
<td class="p-4 text-gray-500 truncate max-w-xs hidden"
|
||||
title="<?= htmlspecialchars($row['description2'] ?? '', ENT_QUOTES, 'UTF-8'); ?>">
|
||||
<?= htmlspecialchars($row['description2'] ?? '', ENT_QUOTES, 'UTF-8'); ?>
|
||||
</td>
|
||||
<td class="p-4 text-gray-500 truncate max-w-xs hidden"
|
||||
title="<?= htmlspecialchars($row['description3'] ?? '', ENT_QUOTES, 'UTF-8'); ?>">
|
||||
<?= htmlspecialchars($row['description3'] ?? '', ENT_QUOTES, 'UTF-8'); ?>
|
||||
</td>
|
||||
<td class="p-4">
|
||||
<?php if ($row['content_url']): ?>
|
||||
<a href="https://www.youtube.com/watch?v=<?= htmlspecialchars($row['content_url'], ENT_QUOTES, 'UTF-8'); ?>"
|
||||
target="_blank" class="text-blue-600 hover:underline"><i class="fa-solid fa-link"></i></a>
|
||||
<?php endif; ?>
|
||||
</td>
|
||||
<td class="p-4 text-center text-gray-600 font-bold">
|
||||
<?= (int) ($row['keyword_count'] ?? 0); ?>
|
||||
</td>
|
||||
<td class="p-4 text-center">
|
||||
<?php if ($row['is_active'] === '1'): ?>
|
||||
<i class="fa-solid fa-check text-teal-600"></i>
|
||||
<?php else: ?>
|
||||
<span class="text-gray-300">-</span>
|
||||
<?php endif; ?>
|
||||
</td>
|
||||
<td class="p-4 text-center">
|
||||
<button class="px-3 py-1 bg-teal-800 text-white rounded text-xs hover:bg-teal-900 transition btn-edit"
|
||||
data-row="<?= htmlspecialchars(json_encode($row), ENT_QUOTES, 'UTF-8'); ?>">수정</button>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
<div id="upload-modal" class="fixed inset-0 bg-black/60 flex items-center justify-center z-[100] hidden p-4">
|
||||
<div class="bg-white w-full max-w-2xl rounded-2xl shadow-2xl overflow-hidden">
|
||||
<div class="p-6 border-b border-gray-100 flex justify-between items-center bg-gray-50">
|
||||
<h3 class="text-xl font-bold text-gray-800">새 콘텐츠 등록</h3>
|
||||
<button onclick="document.getElementById('upload-modal').classList.add('hidden')"
|
||||
class="text-gray-400 hover:text-gray-600"><i class="fa-solid fa-xmark text-xl"></i></button>
|
||||
</div>
|
||||
<form action="../bbs/content_save.php" method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name="content_id" id="content_id" value="">
|
||||
<div class="p-8 space-y-5">
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div>
|
||||
<label class="block text-xs font-bold text-gray-400 mb-2 uppercase">카테고리 <span
|
||||
class="text-red-500">*</span></label>
|
||||
<div class="flex items-center gap-3">
|
||||
<!-- Hidden input to ensure value is sent when disabled via JS on edit -->
|
||||
<input type="hidden" name="category_code_hidden" id="category_code_hidden">
|
||||
<select name="category_code" id="category_code"
|
||||
class="flex-1 border-gray-200 rounded-lg p-2.5 bg-gray-50 font-bold focus:border-teal-500 focus:ring-teal-500"
|
||||
required onchange="document.getElementById('category_code_hidden').value=this.value;">
|
||||
<?php foreach ($categories as $c): ?>
|
||||
<option value="<?= htmlspecialchars($c['code'], ENT_QUOTES, 'UTF-8'); ?>"
|
||||
data-name="<?= htmlspecialchars($c['name'], ENT_QUOTES, 'UTF-8'); ?>" <?= $c['code'] === $defaultCatCode ? 'selected' : ''; ?>>
|
||||
<?= htmlspecialchars($c['name'], ENT_QUOTES, 'UTF-8'); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-xs font-bold text-gray-400 mb-2 uppercase">카테고리구분</label>
|
||||
<select id="category_group" name="category_group"
|
||||
class="w-full border-gray-200 rounded-lg p-2.5 bg-gray-50">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-xs font-bold text-gray-400 mb-2 uppercase">콘텐츠명 (강좌명)</label>
|
||||
<input name="title" type="text" class="w-full border-gray-200 rounded-lg p-2.5 bg-gray-50"
|
||||
placeholder="콘텐츠 제목을 입력하세요" required>
|
||||
</div>
|
||||
<!-- 영상 길이 저장용 hidden (edu_contents.content_tm) -->
|
||||
<input type="hidden" name="content_tm" id="content_tm_input" value="">
|
||||
<div>
|
||||
<label class="block text-xs font-bold text-gray-400 mb-2 uppercase">유튜브 URL (영상 ID)</label>
|
||||
<div class="flex gap-2 items-center">
|
||||
<input name="content_url" id="content_url_input" type="text"
|
||||
class="flex-1 border-gray-200 rounded-lg p-2.5 bg-gray-50"
|
||||
placeholder="예: ELd23Hll3is 또는 전체 URL">
|
||||
<button type="button" id="btn-yt-fetch"
|
||||
onclick="fetchYouTubeInfo()"
|
||||
class="hidden px-3 py-2.5 bg-red-600 text-white rounded-lg text-xs font-bold whitespace-nowrap hover:bg-red-700 transition flex items-center gap-1.5">
|
||||
<i class="fa-brands fa-youtube"></i>영상 정보 가져오기
|
||||
</button>
|
||||
</div>
|
||||
<!-- 유튜브 API 상태 메시지 -->
|
||||
<div id="yt-fetch-status" class="mt-1.5 text-xs hidden">
|
||||
<span id="yt-fetch-msg"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-xs font-bold text-gray-400 mb-2 uppercase flex justify-between">
|
||||
<span>콘텐츠설명</span>
|
||||
<span id="yt-duration-display" class="text-gray-300 font-normal hidden">⏱ <span id="yt-duration-text"></span></span>
|
||||
</label>
|
||||
<textarea name="description" id="description_input" rows="2"
|
||||
class="w-full border-gray-200 rounded-lg p-2.5 bg-gray-50 resize-none"
|
||||
placeholder="유튜브 URL 입력 후 [영상 정보 가져오기]를 클릭하면 자동 입력됩니다."></textarea>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div>
|
||||
<label class="block text-xs font-bold text-gray-400 mb-2 uppercase">콘텐츠설명1</label>
|
||||
<input name="description1" type="text" class="w-full border-gray-200 rounded-lg p-2.5 bg-gray-50"
|
||||
placeholder="">
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-xs font-bold text-gray-400 mb-2 uppercase">콘텐츠설명2</label>
|
||||
<input name="description2" type="text" class="w-full border-gray-200 rounded-lg p-2.5 bg-gray-50"
|
||||
placeholder="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 마이클래스 전용 -->
|
||||
<div class="space-y-4 cat-block" data-cat="마이클래스">
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div class="col-span-1">
|
||||
<label class="block text-xs font-bold text-gray-400 mb-2 uppercase">기준년도</label>
|
||||
<input name="base_year" type="text" maxlength="4"
|
||||
class="w-full border-gray-200 rounded-lg p-2.5 bg-gray-50" placeholder="YYYY" value="<?= date('Y'); ?>">
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-1">
|
||||
<div>
|
||||
<label class="block text-xs font-bold text-gray-400 mb-2 uppercase">학습목표코드</label>
|
||||
<div class="flex gap-2">
|
||||
<select name="goal_code" id="goal_code" class="flex-1 border-gray-200 rounded-lg p-2.5 bg-gray-50">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
<button type="button" onclick="openGoalModal()"
|
||||
class="px-3 py-2 bg-blue-600 text-white rounded-lg text-xs whitespace-nowrap">등록</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 온보딩 -->
|
||||
<div class="space-y-4 cat-block hidden" data-cat="온보딩"></div>
|
||||
<!-- 법정교육 -->
|
||||
<div class="space-y-4 cat-block hidden" data-cat="법정교육">
|
||||
<div>
|
||||
<label class="block text-xs font-bold text-gray-400 mb-2 uppercase">기준년도</label>
|
||||
<input name="base_year_law" type="text" class="w-full border-gray-200 rounded-lg p-2.5 bg-gray-50"
|
||||
placeholder="예: 2026">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 리더십 / 인사이트 -->
|
||||
<div class="space-y-4 cat-block hidden" data-cat="인사이트,리더십">
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div id="issue_type_is_container">
|
||||
<label class="block text-xs font-bold text-gray-400 mb-2 uppercase">이슈구분 (인사이트)</label>
|
||||
<select id="issue_type_code_is" name="issue_type_code"
|
||||
class="w-full border-gray-200 rounded-lg p-2.5 bg-gray-50">
|
||||
<option value="">선택</option>
|
||||
<?php foreach ($issueTypesIS as $it): ?>
|
||||
<option value="<?= htmlspecialchars($it['code'], ENT_QUOTES, 'UTF-8'); ?>">
|
||||
<?= htmlspecialchars($it['name'], ENT_QUOTES, 'UTF-8'); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
<div id="issue_type_ld_container" class="hidden">
|
||||
<label class="block text-xs font-bold text-gray-400 mb-2 uppercase">이슈구분 (리더십)</label>
|
||||
<select id="issue_type_code_ld" name="issue_type_code"
|
||||
class="w-full border-gray-200 rounded-lg p-2.5 bg-gray-50" disabled>
|
||||
<option value="">선택</option>
|
||||
<?php foreach ($issueTypesLD as $it): ?>
|
||||
<option value="<?= htmlspecialchars($it['code'], ENT_QUOTES, 'UTF-8'); ?>">
|
||||
<?= htmlspecialchars($it['name'], ENT_QUOTES, 'UTF-8'); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-6">
|
||||
<label class="inline-flex items-center space-x-2 cursor-pointer">
|
||||
<input name="is_offer" type="checkbox" class="w-4 h-4 text-teal-600 rounded"> <span
|
||||
class="text-sm font-bold">추천콘텐츠 적용</span>
|
||||
</label>
|
||||
<div class="flex items-center gap-2" id="offer_id_container">
|
||||
<span class="text-xs font-bold text-gray-400 uppercase">제안ID</span>
|
||||
<input name="offer_id" type="text" class="border-gray-200 rounded-lg p-2.5 bg-gray-50">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-xs font-bold text-gray-400 mb-2 uppercase">콘텐츠설명3 (메모)</label>
|
||||
<textarea name="description3" rows="3"
|
||||
class="w-full border-gray-200 rounded-lg p-2.5 bg-gray-50 resize-none"
|
||||
placeholder="콘텐츠설명3 내용을 입력하세요"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 비즈트렌드 -->
|
||||
<div class="space-y-4 cat-block hidden" data-cat="비즈트렌드">
|
||||
<div>
|
||||
<label class="block text-xs font-bold text-gray-400 mb-2 uppercase">기준일자</label>
|
||||
<input name="start_date_bzt" type="date" class="w-full border-gray-200 rounded-lg p-2.5 bg-gray-50">
|
||||
</div>
|
||||
<!-- 사내도서여부: category_group=CA200B01(1부) 일때만 표시 (JS 제어) -->
|
||||
<div id="book_yn_container" class="hidden">
|
||||
<label class="inline-flex items-center space-x-2 cursor-pointer">
|
||||
<input name="book_yn" id="book_yn" type="checkbox" class="w-4 h-4 text-teal-600 rounded" value="1">
|
||||
<span class="text-sm font-bold">사내도서여부</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Keyword UI logic moved to modal -->
|
||||
|
||||
<div class="flex items-end gap-4">
|
||||
<div class="flex-1" id="sort_order_container" style="display:none;">
|
||||
<label class="block text-xs font-bold text-gray-400 mb-2 uppercase">정렬 순번</label>
|
||||
<input name="sort_order" type="number" class="w-full border-gray-200 rounded-lg p-2.5 bg-gray-50" value="">
|
||||
</div>
|
||||
<div class="flex items-center space-x-4">
|
||||
<label class="inline-flex items-center space-x-2 cursor-pointer">
|
||||
<input name="is_active" type="checkbox" class="w-4 h-4 text-teal-600 rounded" checked> <span
|
||||
class="text-sm font-bold">사용여부</span>
|
||||
</label>
|
||||
<button type="button" onclick="openKeywordModal()"
|
||||
class="text-sm font-bold text-orange-600 hover:text-orange-700 underline underline-offset-2">키워드등록(<span
|
||||
id="keyword-count-display">0</span>개)</button>
|
||||
<div id="image_upload_container" class="hidden relative inline-block">
|
||||
<label for="image_name_input" id="image_name_label"
|
||||
class="cursor-pointer text-sm font-bold text-purple-700 hover:text-purple-800 underline underline-offset-2 whitespace-nowrap">대표이미지등록(N)</label>
|
||||
<input type="file" id="image_name_input" name="image_name" class="hidden" accept="image/*"
|
||||
onchange="previewImageUpload(this)">
|
||||
</div>
|
||||
<button type="button" id="btn-memo-open" onclick="openMemoModal()"
|
||||
class="text-sm font-bold text-teal-700 hover:text-teal-800 underline underline-offset-2 hidden">포스트잇
|
||||
등록</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-6 bg-gray-50 border-t border-gray-100 flex justify-between items-center">
|
||||
<div>
|
||||
<button type="button" id="btn-delete"
|
||||
class="px-6 py-2 text-white bg-red-600 rounded-lg font-bold shadow-lg hover:bg-red-700 hidden">삭제</button>
|
||||
</div>
|
||||
<div class="flex space-x-3">
|
||||
<button type="button" onclick="document.getElementById('upload-modal').classList.add('hidden')"
|
||||
class="px-6 py-2 text-gray-500 font-bold hover:text-gray-700">취소</button>
|
||||
<button type="submit" class="px-8 py-2 bg-teal-800 text-white rounded-lg font-bold shadow-lg">저장하기</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 포스트잇 등록 모달 (마이클래스 전용) -->
|
||||
<div id="memo-modal" class="fixed inset-0 bg-black/60 flex items-center justify-center z-[115] hidden p-4">
|
||||
<div class="bg-white w-full max-w-2xl rounded-2xl shadow-2xl overflow-hidden flex flex-col max-h-[90vh]">
|
||||
<div class="p-4 border-b border-gray-100 flex justify-between items-center bg-gray-50 shrink-0">
|
||||
<h3 class="text-xl font-bold text-gray-800">포스트잇 등록</h3>
|
||||
<button type="button" onclick="closeMemoModal()" class="text-gray-400 hover:text-gray-600"><i
|
||||
class="fa-solid fa-xmark text-xl"></i></button>
|
||||
</div>
|
||||
|
||||
<div class="flex-1 overflow-auto p-6 bg-white space-y-6">
|
||||
<div class="flex items-center justify-between">
|
||||
<div class="text-sm text-gray-500">
|
||||
콘텐츠ID: <span id="memo-content-id" class="font-mono text-xs text-gray-700"></span>
|
||||
</div>
|
||||
<button type="button" onclick="newMemo()"
|
||||
class="px-4 py-2 bg-green-600 text-white rounded-lg font-bold text-sm hover:bg-green-700">신규 작성</button>
|
||||
</div>
|
||||
|
||||
<div class="bg-gray-50/50 border border-gray-200 rounded-xl overflow-hidden">
|
||||
<table class="w-full text-left border-collapse bg-white">
|
||||
<thead class="bg-gray-50 border-b border-gray-200">
|
||||
<tr>
|
||||
<th class="p-3 text-sm font-bold text-gray-500 w-16 text-center">순번</th>
|
||||
<th class="p-3 text-sm font-bold text-gray-500">내용</th>
|
||||
<th class="p-3 text-sm font-bold text-gray-500 w-24 text-center">사용여부</th>
|
||||
<th class="p-3 text-sm font-bold text-gray-500 w-24 text-center">수정</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="memo-grid-body" class="divide-y divide-gray-100 text-sm">
|
||||
<!-- JS injection -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<form id="memo-form" class="space-y-4">
|
||||
<input type="hidden" name="content_id" id="memo_form_content_id" value="">
|
||||
<input type="hidden" name="seq" id="memo_form_seq" value="">
|
||||
<div class="grid grid-cols-1 gap-4">
|
||||
<div>
|
||||
<label class="block text-xs font-bold text-gray-400 mb-2 uppercase">내용</label>
|
||||
<textarea name="title" id="memo_form_title" rows="4"
|
||||
class="w-full border-gray-200 rounded-lg p-3 bg-gray-50 resize-none"
|
||||
placeholder="포스트잇 내용을 입력하세요"></textarea>
|
||||
</div>
|
||||
<label class="inline-flex items-center space-x-2 cursor-pointer">
|
||||
<input name="is_active" id="memo_form_active" type="checkbox" class="w-4 h-4 text-teal-600 rounded" checked>
|
||||
<span class="text-sm font-bold">사용여부</span>
|
||||
</label>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="p-4 bg-gray-50 border-t border-gray-100 flex justify-between items-center">
|
||||
<button type="button" id="btn-memo-delete" onclick="deleteMemo()"
|
||||
class="px-5 py-2 text-white bg-red-600 rounded-lg font-bold shadow-lg hover:bg-red-700 hidden">삭제</button>
|
||||
<div class="flex gap-2">
|
||||
<button type="button" onclick="closeMemoModal()"
|
||||
class="px-6 py-2 text-gray-500 font-bold hover:text-gray-700">닫기</button>
|
||||
<button type="button" onclick="saveMemo()"
|
||||
class="px-8 py-2 bg-teal-800 text-white rounded-lg font-bold shadow-lg">저장</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 추천이유 등록 모달 -->
|
||||
<div id="recommend-modal" class="fixed inset-0 bg-black/60 flex items-center justify-center z-[116] hidden p-4">
|
||||
<div class="bg-white w-full max-w-2xl rounded-2xl shadow-2xl overflow-hidden flex flex-col max-h-[90vh]">
|
||||
<div class="p-4 border-b border-gray-100 flex justify-between items-center bg-gray-50 shrink-0">
|
||||
<h3 class="text-xl font-bold text-gray-800">추천이유 등록</h3>
|
||||
<button type="button" onclick="closeRecommendModal()" class="text-gray-400 hover:text-gray-600"><i
|
||||
class="fa-solid fa-xmark text-xl"></i></button>
|
||||
</div>
|
||||
|
||||
<div class="flex-1 overflow-auto p-6 bg-white space-y-6">
|
||||
<div class="flex items-center justify-between">
|
||||
<div class="text-sm text-gray-500">
|
||||
학습목표코드: <span id="recommend-goal-code" class="font-mono text-xs text-gray-700"></span>
|
||||
</div>
|
||||
<button type="button" onclick="newRecommend()"
|
||||
class="px-4 py-2 bg-green-600 text-white rounded-lg font-bold text-sm hover:bg-green-700">신규 작성</button>
|
||||
</div>
|
||||
|
||||
<div class="bg-gray-50/50 border border-gray-200 rounded-xl overflow-hidden">
|
||||
<table class="w-full text-left border-collapse bg-white">
|
||||
<thead class="bg-gray-50 border-b border-gray-200">
|
||||
<tr>
|
||||
<th class="p-3 text-sm font-bold text-gray-500 w-16 text-center">순번</th>
|
||||
<th class="p-3 text-sm font-bold text-gray-500">내용</th>
|
||||
<th class="p-3 text-sm font-bold text-gray-500">내용2</th>
|
||||
<th class="p-3 text-sm font-bold text-gray-500 w-24 text-center">사용여부</th>
|
||||
<th class="p-3 text-sm font-bold text-gray-500 w-24 text-center">수정</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="recommend-grid-body" class="divide-y divide-gray-100 text-sm">
|
||||
<!-- JS injection -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<form id="recommend-form" class="space-y-4">
|
||||
<input type="hidden" name="goal_code" id="recommend_form_goal_code" value="">
|
||||
<input type="hidden" name="seq" id="recommend_form_seq" value="">
|
||||
<div class="grid grid-cols-1 gap-4">
|
||||
<div>
|
||||
<label class="block text-xs font-bold text-gray-400 mb-2 uppercase">내용</label>
|
||||
<textarea name="title" id="recommend_form_title" rows="4"
|
||||
class="w-full border-gray-200 rounded-lg p-3 bg-gray-50 resize-none"
|
||||
placeholder="추천이유 내용을 입력하세요"></textarea>
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-xs font-bold text-gray-400 mb-2 uppercase">내용2</label>
|
||||
<textarea name="title2" id="recommend_form_title2" rows="4"
|
||||
class="w-full border-gray-200 rounded-lg p-3 bg-gray-50 resize-none"
|
||||
placeholder="추천이유 내용2를 입력하세요"></textarea>
|
||||
</div>
|
||||
<label class="inline-flex items-center space-x-2 cursor-pointer">
|
||||
<input name="is_active" id="recommend_form_active" type="checkbox" class="w-4 h-4 text-teal-600 rounded"
|
||||
checked>
|
||||
<span class="text-sm font-bold">사용여부</span>
|
||||
</label>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="p-4 bg-gray-50 border-t border-gray-100 flex justify-between items-center">
|
||||
<button type="button" id="btn-recommend-delete" onclick="deleteRecommend()"
|
||||
class="px-5 py-2 text-white bg-red-600 rounded-lg font-bold shadow-lg hover:bg-red-700 hidden">삭제</button>
|
||||
<div class="flex gap-2">
|
||||
<button type="button" onclick="closeRecommendModal()"
|
||||
class="px-6 py-2 text-gray-500 font-bold hover:text-gray-700">닫기</button>
|
||||
<button type="button" onclick="saveRecommend()"
|
||||
class="px-8 py-2 bg-teal-800 text-white rounded-lg font-bold shadow-lg">저장</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 학습목표 등록 모달 -->
|
||||
<div id="goal-modal" class="fixed inset-0 bg-black/60 flex items-center justify-center z-[110] hidden p-4">
|
||||
<div class="bg-white w-full max-w-4xl rounded-2xl shadow-2xl overflow-hidden flex flex-col max-h-[90vh]">
|
||||
<div class="p-4 border-b border-gray-100 flex justify-between items-center bg-gray-50 shrink-0">
|
||||
<h3 class="text-xl font-bold text-gray-800">학습목표 등록</h3>
|
||||
<button type="button" onclick="closeGoalModal()" class="text-gray-400 hover:text-gray-600"><i
|
||||
class="fa-solid fa-xmark text-xl"></i></button>
|
||||
</div>
|
||||
<div class="p-4 bg-white border-b border-gray-200 shrink-0">
|
||||
<div class="flex items-center gap-4">
|
||||
<label class="text-sm font-bold text-gray-700">기준년도</label>
|
||||
<div class="relative w-32">
|
||||
<input type="text" id="goal_search_year" class="w-full border-gray-200 rounded-lg p-2 bg-gray-50 text-center"
|
||||
value="<?= date('Y') ?>" maxlength="4">
|
||||
</div>
|
||||
<label class="text-sm font-bold text-gray-700">분기</label>
|
||||
<div class="relative w-32">
|
||||
<select id="goal_search_quarter" class="w-full border-gray-200 rounded-lg p-2 bg-gray-50 text-center">
|
||||
<option value="">전체</option>
|
||||
<?php foreach ($quarters as $q): ?>
|
||||
<option value="<?= htmlspecialchars($q['code'], ENT_QUOTES, 'UTF-8'); ?>">
|
||||
<?= htmlspecialchars($q['name'], ENT_QUOTES, 'UTF-8'); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
<button type="button" onclick="loadGoalGrid()"
|
||||
class="px-4 py-2 bg-gray-800 text-white rounded-lg font-bold text-sm">검색</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1 overflow-auto p-4 bg-gray-50/50 min-h-[200px]">
|
||||
<table
|
||||
class="w-full text-left border-collapse bg-white border border-gray-200 shadow-sm rounded-lg overflow-hidden">
|
||||
<thead class="bg-gray-50 border-b border-gray-200">
|
||||
<tr>
|
||||
<th class="p-3 text-sm font-bold text-gray-500 w-16 text-center">No</th>
|
||||
<th
|
||||
class="p-3 bg-gray-50 text-gray-500 font-bold whitespace-nowrap border-b border-gray-100 w-24 text-center text-sm">
|
||||
분기</th>
|
||||
<th
|
||||
class="p-3 bg-gray-50 text-gray-500 font-bold whitespace-nowrap border-b border-gray-100 w-24 text-center text-sm">
|
||||
책장번호</th>
|
||||
<th class="p-3 bg-gray-50 text-gray-500 font-bold whitespace-nowrap border-b border-gray-100 w-32 text-sm">
|
||||
학습목표코드
|
||||
</th>
|
||||
<th class="p-3 text-sm font-bold text-gray-500 min-w-[16rem]">학습목표제목</th>
|
||||
<th class="p-3 text-sm font-bold text-gray-500 w-24 text-center">사용여부</th>
|
||||
<th class="p-3 text-sm font-bold text-gray-500 w-16">비고</th>
|
||||
<th class="p-3 text-sm font-bold text-gray-500 w-24 text-center">수정</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="goal-grid-body" class="divide-y divide-gray-100 text-sm">
|
||||
<!-- JS injection -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<form id="goal-form" action="../bbs/goal_save.php" method="post" class="shrink-0 bg-white border-t border-gray-200">
|
||||
<input type="hidden" name="goal_code" id="goal_form_code" value="">
|
||||
<input type="hidden" name="base_year" id="goal_form_year" value="<?= date('Y') ?>">
|
||||
<div class="p-4 space-y-4">
|
||||
<div class="grid grid-cols-12 gap-4 items-start">
|
||||
<div class="col-span-5 flex gap-2">
|
||||
<div class="flex-1">
|
||||
<label class="block text-xs font-bold text-gray-400 mb-1 uppercase">분기</label>
|
||||
<select id="goal_form_quarter" name="quarter"
|
||||
class="w-full border-gray-200 rounded-lg p-2 bg-gray-50 text-sm">
|
||||
<option value="">선택</option>
|
||||
<?php foreach ($quarters as $q): ?>
|
||||
<option value="<?= htmlspecialchars($q['code'], ENT_QUOTES, 'UTF-8'); ?>">
|
||||
<?= htmlspecialchars($q['name'], ENT_QUOTES, 'UTF-8'); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<label class="block text-xs font-bold text-gray-400 mb-1 uppercase">책장번호</label>
|
||||
<select id="goal_form_goal_no" name="goal_no"
|
||||
class="w-full border-gray-200 rounded-lg p-2 bg-gray-50 text-sm">
|
||||
<option value="">선택</option>
|
||||
<?php foreach ($goalNos as $g): ?>
|
||||
<option value="<?= htmlspecialchars($g['code'], ENT_QUOTES, 'UTF-8'); ?>">
|
||||
<?= htmlspecialchars($g['name'], ENT_QUOTES, 'UTF-8'); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-5">
|
||||
<label class="block text-xs font-bold text-gray-400 mb-1 uppercase flex justify-between">
|
||||
<span>학습목표제목</span>
|
||||
<span class="text-gray-300 font-normal"><span id="goal_title_len">0</span>/30자</span>
|
||||
</label>
|
||||
<input name="title" id="goal_form_title" type="text" maxlength="30"
|
||||
class="w-full border-gray-200 rounded-lg p-2 bg-gray-50 text-sm" required
|
||||
oninput="document.getElementById('goal_title_len').textContent=this.value.length">
|
||||
</div>
|
||||
<div class="col-span-2">
|
||||
<label class="block text-xs font-bold text-gray-400 mb-1 uppercase">비고</label>
|
||||
<input name="remarks" id="goal_form_remarks" type="text"
|
||||
class="w-full border-gray-200 rounded-lg p-2 bg-gray-50 text-sm">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center justify-between">
|
||||
<label class="inline-flex items-center space-x-2 cursor-pointer">
|
||||
<input name="is_active" id="goal_form_active" type="checkbox" class="w-4 h-4 text-teal-600 rounded" checked>
|
||||
<span class="text-sm font-bold">사용여부</span>
|
||||
</label>
|
||||
<div class="flex items-center gap-4">
|
||||
<button type="button" onclick="openRecommendModal()"
|
||||
class="text-sm font-bold text-teal-700 hover:text-teal-800 underline underline-offset-2">추천이유 등록</button>
|
||||
<div class="w-32 hidden">
|
||||
<label class="block text-xs font-bold text-gray-400 mb-1 uppercase text-right">정렬순번</label>
|
||||
<input name="sort_order" id="goal_form_sort" type="number"
|
||||
class="w-full border-gray-200 rounded-lg p-2 bg-gray-50 text-right">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-4 bg-gray-50 border-t border-gray-100 flex justify-between items-center">
|
||||
<div class="flex gap-2">
|
||||
<button type="button" onclick="closeGoalModal()"
|
||||
class="px-6 py-2 text-gray-500 font-bold hover:text-gray-700">취소</button>
|
||||
<button type="button" id="btn-goal-delete" onclick="deleteGoal()"
|
||||
class="px-5 py-2 text-white bg-red-600 rounded-lg font-bold shadow-lg hover:bg-red-700 hidden">삭제</button>
|
||||
<button type="button" id="btn-goal-new" onclick="resetGoalForm()"
|
||||
class="px-5 py-2 text-white bg-green-600 rounded-lg font-bold shadow-lg hover:bg-green-700 hidden">신규
|
||||
작성</button>
|
||||
</div>
|
||||
<div class="flex space-x-3">
|
||||
<button type="submit" class="px-8 py-2 bg-blue-700 text-white rounded-lg font-bold shadow-lg">저장</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 키워드 등록 모달 -->
|
||||
<div id="keyword-modal" class="fixed inset-0 bg-black/60 flex items-center justify-center z-[120] hidden p-4">
|
||||
<div class="bg-white w-[500px] rounded-2xl shadow-2xl overflow-hidden relative">
|
||||
<div class="p-4 border-b border-gray-100 flex justify-between items-center bg-gray-50">
|
||||
<h3 class="text-xl font-bold text-gray-800">나의 키워드 수정</h3>
|
||||
<button type="button" onclick="closeKeywordModal()" class="text-gray-400 hover:text-gray-600"><i
|
||||
class="fa-solid fa-xmark text-xl"></i></button>
|
||||
</div>
|
||||
<form id="keyword-form" onsubmit="saveKeywords(event)">
|
||||
<input type="hidden" name="content_id" id="kw_content_id">
|
||||
<input type="hidden" name="keywords" id="kw_selected">
|
||||
<div class="p-8">
|
||||
<div class="flex flex-wrap justify-center gap-3 relative z-10" id="keyword-container-modal">
|
||||
<?php foreach ($keywords as $kw): ?>
|
||||
<button type="button"
|
||||
class="kw-btn flex items-center justify-between gap-2 px-5 py-2.5 rounded-full border border-gray-200 bg-white text-gray-400 text-sm font-bold hover:border-orange-300 hover:text-orange-500 transition shadow-sm data-[active=true]:bg-orange-600 data-[active=true]:border-orange-700 data-[active=true]:text-white data-[active=true]:shadow-md"
|
||||
data-code="<?= htmlspecialchars($kw['code'], ENT_QUOTES, 'UTF-8'); ?>">
|
||||
#<?= htmlspecialchars($kw['name'], ENT_QUOTES, 'UTF-8'); ?>
|
||||
<span class="kw-icon"><i class="fa-solid fa-plus text-xs"></i></span>
|
||||
</button>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-4 bg-gray-50 border-t border-gray-100 flex justify-end gap-2">
|
||||
<button type="button" onclick="closeKeywordModal()"
|
||||
class="px-5 py-2 text-gray-500 font-bold hover:text-gray-700">닫기</button>
|
||||
<button type="submit" class="px-6 py-2 bg-orange-600 text-white rounded-lg font-bold shadow-lg">저장</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
<script src="../js/content_upload.js?v=<?= time() ?>"></script>
|
||||
Reference in New Issue
Block a user