mirror of
https://github.com/hwanny1128/HGZero.git
synced 2025-12-06 11:26:25 +00:00
bb921e10eb
- 가파팀 프로토타입 파일 삭제 - 가파팀 유저스토리 삭제 - 실시간 회의록 작성 플로우 설계서 추가 (Mermaid, Markdown) - 백업 및 데이터 디렉토리 추가 - AI 데이터 샘플 생성 도구 추가 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
134 lines
4.5 KiB
HTML
134 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>회의 예약 - 회의록 서비스</title>
|
|
<link rel="stylesheet" href="common.css">
|
|
<style>
|
|
body { background-color: var(--color-gray-50); }
|
|
.page-container {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
padding: var(--spacing-8) var(--spacing-4);
|
|
}
|
|
.page-header {
|
|
margin-bottom: var(--spacing-8);
|
|
}
|
|
.page-title {
|
|
font-size: var(--font-size-h1);
|
|
color: var(--color-gray-900);
|
|
margin-bottom: var(--spacing-2);
|
|
}
|
|
.page-subtitle {
|
|
font-size: var(--font-size-body);
|
|
color: var(--color-gray-500);
|
|
}
|
|
.form-container {
|
|
background-color: var(--color-white);
|
|
border-radius: var(--radius-lg);
|
|
padding: var(--spacing-8);
|
|
box-shadow: var(--shadow-sm);
|
|
}
|
|
.button-group {
|
|
display: flex;
|
|
gap: var(--spacing-3);
|
|
margin-top: var(--spacing-6);
|
|
}
|
|
@media (max-width: 767px) {
|
|
.page-title { font-size: var(--font-size-h2); }
|
|
.form-container { padding: var(--spacing-5); }
|
|
.button-group { flex-direction: column; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="page-container">
|
|
<div class="page-header">
|
|
<h1 class="page-title">회의 예약</h1>
|
|
<p class="page-subtitle">새로운 회의를 예약하고 참석자를 초대하세요</p>
|
|
</div>
|
|
|
|
<div class="form-container">
|
|
<form id="meetingForm">
|
|
<div class="form-group">
|
|
<label for="title" class="form-label">회의 제목 *</label>
|
|
<input type="text" id="title" class="form-input" placeholder="예: 2025년 1분기 기획 회의" required maxlength="100">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="date" class="form-label">날짜 *</label>
|
|
<input type="date" id="date" class="form-input" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="time" class="form-label">시간 *</label>
|
|
<input type="time" id="time" class="form-input" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="location" class="form-label">장소</label>
|
|
<input type="text" id="location" class="form-input" placeholder="예: 본사 2층 대회의실" maxlength="200">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="attendees" class="form-label">참석자 (이메일, 쉼표로 구분) *</label>
|
|
<input type="text" id="attendees" class="form-input" placeholder="예: user1@example.com, user2@example.com" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="description" class="form-label">회의 설명</label>
|
|
<textarea id="description" class="form-textarea" placeholder="회의 목적과 안건을 간략히 작성하세요"></textarea>
|
|
</div>
|
|
|
|
<div class="button-group">
|
|
<button type="submit" class="btn btn-primary" style="flex: 1;">회의 예약하기</button>
|
|
<button type="button" class="btn btn-secondary" onclick="history.back()">취소</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="common.js"></script>
|
|
<script>
|
|
const form = document.getElementById('meetingForm');
|
|
|
|
// 최소 날짜를 오늘로 설정
|
|
document.getElementById('date').min = new Date().toISOString().split('T')[0];
|
|
|
|
form.addEventListener('submit', async (e) => {
|
|
e.preventDefault();
|
|
|
|
const title = document.getElementById('title').value.trim();
|
|
const date = document.getElementById('date').value;
|
|
const time = document.getElementById('time').value;
|
|
const location = document.getElementById('location').value.trim();
|
|
const attendees = document.getElementById('attendees').value.trim();
|
|
const description = document.getElementById('description').value.trim();
|
|
|
|
// 새 회의 생성
|
|
const newMeeting = {
|
|
id: 'm-' + Date.now(),
|
|
title,
|
|
date: `${date} ${time}`,
|
|
location: location || '미정',
|
|
status: 'scheduled',
|
|
attendees: attendees.split(',').map(email => email.trim()),
|
|
description: description || ''
|
|
};
|
|
|
|
// 저장
|
|
const meetings = MeetingApp.Storage.get('meetings', []);
|
|
meetings.unshift(newMeeting);
|
|
MeetingApp.Storage.set('meetings', meetings);
|
|
|
|
MeetingApp.Toast.success('회의가 예약되었습니다!');
|
|
|
|
setTimeout(() => {
|
|
window.location.href = '04-템플릿선택.html?meetingId=' + newMeeting.id;
|
|
}, 1000);
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|