refactor: 사이트 타이틀 '업무관리프로그램'으로 통일
- 로그인 화면: 이메일 로그인 탭, 최근 로그인 내역 제거 - 로그인 화면: 비밀번호 로그인만 남김 - 사이트 타이틀 '주간업무보고' → '업무관리프로그램'으로 변경 - 이메일 발송 제목/본문 문구 통일
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user