refactor: 사이트 타이틀 '업무관리프로그램'으로 통일

- 로그인 화면: 이메일 로그인 탭, 최근 로그인 내역 제거
- 로그인 화면: 비밀번호 로그인만 남김
- 사이트 타이틀 '주간업무보고' → '업무관리프로그램'으로 변경
- 이메일 발송 제목/본문 문구 통일
This commit is contained in:
2026-01-11 22:19:34 +09:00
parent 87f1165b06
commit 52dd530653
5 changed files with 8 additions and 100 deletions

View File

@@ -3,46 +3,12 @@
<div class="login-card">
<div class="text-center mb-4">
<i class="bi bi-clipboard-check display-1 text-primary"></i>
<h2 class="mt-3">주간업무보고</h2>
<h2 class="mt-3">업무관리프로그램</h2>
<p class="text-muted">로그인하여 시작하세요</p>
</div>
<!-- 로그인 -->
<ul class="nav nav-tabs mb-3">
<li class="nav-item">
<button class="nav-link" :class="{ active: loginMode === 'email' }" @click="loginMode = 'email'">
<i class="bi bi-envelope me-1"></i>이메일 로그인
</button>
</li>
<li class="nav-item">
<button class="nav-link" :class="{ active: loginMode === 'password' }" @click="loginMode = 'password'">
<i class="bi bi-key me-1"></i>비밀번호 로그인
</button>
</li>
</ul>
<!-- 이메일+이름 로그인 -->
<div v-if="loginMode === 'email'" class="card mb-4">
<div class="card-body">
<form @submit.prevent="handleEmailLogin">
<div class="mb-3">
<label class="form-label">Gmail 주소</label>
<input type="email" class="form-control" v-model="email" placeholder="example@gmail.com" required />
</div>
<div class="mb-3">
<label class="form-label">이름</label>
<input type="text" class="form-control" v-model="name" placeholder="홍길동" required />
</div>
<button type="submit" class="btn btn-primary w-100" :disabled="isSubmitting">
<span v-if="isSubmitting"><span class="spinner-border spinner-border-sm me-2"></span>로그인 중...</span>
<span v-else><i class="bi bi-box-arrow-in-right me-2"></i>로그인</span>
</button>
</form>
</div>
</div>
<!-- 비밀번호 로그인 -->
<div v-if="loginMode === 'password'" class="card mb-4">
<div class="card mb-4">
<div class="card-body">
<form @submit.prevent="handlePasswordLogin">
<div class="mb-3">
@@ -82,25 +48,6 @@
</div>
</div>
<!-- 기존 사용자 선택 -->
<div class="card" v-if="recentUsers.length > 0 && loginMode === 'email'">
<div class="card-header">
<i class="bi bi-clock-history me-2"></i>최근 로그인 사용자
</div>
<div class="list-group list-group-flush">
<button v-for="user in recentUsers" :key="user.employeeId"
class="list-group-item list-group-item-action d-flex justify-content-between align-items-center"
@click="handleSelectUser(user.employeeId)" :disabled="isSubmitting">
<div>
<i class="bi bi-person-circle me-2 text-primary"></i>
<strong>{{ user.employeeName }}</strong>
<small class="text-muted ms-2">{{ user.employeeEmail }}</small>
</div>
<i class="bi bi-chevron-right"></i>
</button>
</div>
</div>
<!-- 에러 메시지 -->
<div class="alert alert-danger mt-3" v-if="errorMessage">
<i class="bi bi-exclamation-triangle me-2"></i>{{ errorMessage }}
@@ -112,36 +59,12 @@
<script setup lang="ts">
definePageMeta({ layout: false })
const { login, selectUser, getRecentUsers } = useAuth()
const router = useRouter()
const loginMode = ref<'email' | 'password'>('email')
const email = ref('')
const name = ref('')
const password = ref('')
const isSubmitting = ref(false)
const errorMessage = ref('')
const recentUsers = ref<any[]>([])
onMounted(async () => {
try {
recentUsers.value = await getRecentUsers()
} catch (e) {}
})
async function handleEmailLogin() {
if (!email.value || !name.value) return
isSubmitting.value = true
errorMessage.value = ''
try {
await login(email.value, name.value)
router.push('/')
} catch (e: any) {
errorMessage.value = e.message || '로그인에 실패했습니다.'
} finally {
isSubmitting.value = false
}
}
async function handlePasswordLogin() {
if (!email.value || !password.value) return
@@ -159,19 +82,6 @@ async function handlePasswordLogin() {
isSubmitting.value = false
}
}
async function handleSelectUser(employeeId: number) {
isSubmitting.value = true
errorMessage.value = ''
try {
await selectUser(employeeId)
router.push('/')
} catch (e: any) {
errorMessage.value = e.message || '로그인에 실패했습니다.'
} finally {
isSubmitting.value = false
}
}
</script>
<style scoped>
@@ -191,6 +101,4 @@ async function handleSelectUser(employeeId: number) {
max-width: 450px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.nav-tabs .nav-link { cursor: pointer; }
.list-group-item-action:hover { background-color: #f8f9fa; }
</style>