feat: 웹 안내페이지(앱전용)·회원가입 제한/봇차단·카드 인식 보정
- 웹(브라우저)은 안내 페이지만, 실제 이용은 앱(Capacitor). 개발모드는 예외 - 회원가입: 약관동의, 관리자 제한 토글, 진입부터 차단, 허니팟 - 카드 알림: pending 건 계좌종류 '카드' 기본선택(현금 X), 확인실패 시 HTTP 상태 표시 - 네이티브 알림필터: '카드' 키워드 제거+광고성 표현 차단 - docs/release-2026-06-06.md 정리 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -278,9 +278,9 @@ onMounted(load)
|
||||
<p class="tagline">슬림하게 관리하는 가계부 · 자산 · 예산</p>
|
||||
<div class="cta">
|
||||
<button type="button" class="btn primary" @click="ui.openLogin('/account')">로그인</button>
|
||||
<button type="button" class="btn" @click="ui.openSignup()">회원가입</button>
|
||||
<button v-if="ui.signupEnabled" type="button" class="btn" @click="ui.openSignup()">회원가입</button>
|
||||
</div>
|
||||
<p class="cta-note">로그인하면 나의 가계부 요약을 볼 수 있어요.</p>
|
||||
<p class="cta-note">{{ ui.signupEnabled ? '로그인하면 나의 가계부 요약을 볼 수 있어요.' : '현재 회원가입이 제한되어 있습니다.' }}</p>
|
||||
</div>
|
||||
|
||||
<ul class="features">
|
||||
|
||||
+102
-1
@@ -41,6 +41,31 @@ async function load() {
|
||||
}
|
||||
}
|
||||
|
||||
// 회원가입 허용 설정
|
||||
const signupEnabled = ref(true)
|
||||
const signupSaving = ref(false)
|
||||
async function loadSignupSetting() {
|
||||
try {
|
||||
const res = await adminApi.getSignupSetting()
|
||||
signupEnabled.value = !!res.enabled
|
||||
} catch {
|
||||
/* 무시 — 기본 허용 표시 */
|
||||
}
|
||||
}
|
||||
async function toggleSignup() {
|
||||
if (signupSaving.value) return
|
||||
const next = !signupEnabled.value
|
||||
signupSaving.value = true
|
||||
try {
|
||||
const res = await adminApi.setSignupSetting(next)
|
||||
signupEnabled.value = !!res.enabled
|
||||
} catch (e) {
|
||||
alert(e.response?.data?.message || '설정 변경에 실패했습니다.')
|
||||
} finally {
|
||||
signupSaving.value = false
|
||||
}
|
||||
}
|
||||
|
||||
async function changeRole(m, role) {
|
||||
if (role === m.role) return
|
||||
try {
|
||||
@@ -73,7 +98,10 @@ async function remove(m) {
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(load)
|
||||
onMounted(() => {
|
||||
load()
|
||||
loadSignupSetting()
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -87,6 +115,19 @@ onMounted(load)
|
||||
</header>
|
||||
<p class="hint">가입한 회원의 역할·상태를 관리합니다. (관리자 전용)</p>
|
||||
|
||||
<!-- 회원가입 허용 토글 -->
|
||||
<div class="signup-toggle" :class="{ off: !signupEnabled }">
|
||||
<div class="st-text">
|
||||
<strong>회원가입 {{ signupEnabled ? '허용' : '제한' }}</strong>
|
||||
<span class="st-desc">{{ signupEnabled ? '누구나 회원가입할 수 있습니다.' : '신규 회원가입이 차단됩니다.' }}</span>
|
||||
</div>
|
||||
<button
|
||||
type="button" class="switch" :class="{ on: signupEnabled }"
|
||||
:disabled="signupSaving" role="switch" :aria-checked="signupEnabled"
|
||||
@click="toggleSignup"
|
||||
><span class="knob"></span></button>
|
||||
</div>
|
||||
|
||||
<p v-if="error" class="msg error">{{ error }}</p>
|
||||
<p v-if="loading" class="msg">불러오는 중...</p>
|
||||
|
||||
@@ -171,6 +212,66 @@ h1 {
|
||||
opacity: 0.7;
|
||||
margin: 0.5rem 0 1rem;
|
||||
}
|
||||
.signup-toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
padding: 0.8rem 1rem;
|
||||
margin-bottom: 1rem;
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: 10px;
|
||||
background: var(--color-background-soft);
|
||||
}
|
||||
.signup-toggle.off {
|
||||
border-color: #c0392b;
|
||||
background: rgba(192, 57, 43, 0.06);
|
||||
}
|
||||
.st-text {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.15rem;
|
||||
min-width: 0;
|
||||
}
|
||||
.st-text strong {
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
.st-desc {
|
||||
font-size: 0.8rem;
|
||||
opacity: 0.7;
|
||||
}
|
||||
.switch {
|
||||
flex-shrink: 0;
|
||||
width: 48px;
|
||||
height: 28px;
|
||||
border: 0;
|
||||
border-radius: 999px;
|
||||
background: #b0b0b0;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
transition: background 0.18s;
|
||||
padding: 0;
|
||||
}
|
||||
.switch.on {
|
||||
background: hsla(160, 100%, 37%, 1);
|
||||
}
|
||||
.switch:disabled {
|
||||
opacity: 0.6;
|
||||
cursor: default;
|
||||
}
|
||||
.switch .knob {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
transition: transform 0.18s;
|
||||
}
|
||||
.switch.on .knob {
|
||||
transform: translateX(20px);
|
||||
}
|
||||
.member-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
|
||||
@@ -39,10 +39,12 @@ async function loadPendingCount() {
|
||||
async function confirmRow(e) {
|
||||
try {
|
||||
await accountApi.confirmEntry(e.id, {})
|
||||
e.pending = false // UI 즉시 반영(목록 재로딩 전)
|
||||
await load()
|
||||
await loadPendingCount()
|
||||
} catch (err) {
|
||||
alert(err.response?.data?.message || '확인 처리에 실패했습니다.')
|
||||
const st = err.response?.status
|
||||
alert(err.response?.data?.message || `확인 처리에 실패했습니다.${st ? ' (HTTP ' + st + ')' : ' (네트워크 오류)'}`)
|
||||
}
|
||||
}
|
||||
|
||||
@@ -378,7 +380,10 @@ function openEdit(e) {
|
||||
category: e.category || '',
|
||||
amount: e.amount,
|
||||
memo: e.memo || '',
|
||||
walletKind: e.walletId ? walletKindOf(e.walletId) : (e.type === 'TRANSFER' ? '' : 'CASH'),
|
||||
// 알림 자동인식(pending) 건은 카드 결제이므로 매칭 실패해도 '카드'로 기본 선택(현금 X)
|
||||
walletKind: e.walletId
|
||||
? walletKindOf(e.walletId)
|
||||
: (e.pending ? 'CARD' : (e.type === 'TRANSFER' ? '' : 'CASH')),
|
||||
walletId: e.walletId || '',
|
||||
toWalletKind: walletKindOf(e.toWalletId),
|
||||
toWalletId: e.toWalletId || '',
|
||||
|
||||
Reference in New Issue
Block a user