auto: 일일 백업 2026-08-07 02:00
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
hyowons
@@ -2289,26 +2289,46 @@ def _set_surge_toggle(code: str, name: str, on: bool) -> bool:
|
||||
return on
|
||||
|
||||
|
||||
def _surge_toggle_button_html(code: str, name: str) -> str:
|
||||
"""detail-name 줄(종목명 옆, `+ 태그` 왼쪽)의 급등락 알림 토글. 켜짐이면 🔔 + has-surge 강조.
|
||||
def _surge_indicator_html(code: str) -> str:
|
||||
"""detail-name 줄(종목명 옆)의 급등락 알림 on/off **표시**. 조작 불가 — 켜고 끄기는 알림 팝업에서.
|
||||
|
||||
문턱은 종목별 ATR14 × K 로 surge_monitor 가 계산한다 (고정 % 아님) — 여기선 on/off만.
|
||||
⚠️ 아이콘 하나뿐이라(관리자님 요청, 2026-08-04) 무슨 버튼인지는 title 툴팁이 유일한 설명이다.
|
||||
문턱은 그 종목 과거 이탈폭의 분위수(p90/p98)로 surge_monitor 가 계산한다 (고정 %도, ATR 배수도 아님).
|
||||
⚠️ 2026-08-06 관리자님 지시로 토글 기능을 뺐다. `data-surge-toggle` 이 없어야 위임 핸들러가
|
||||
잡지 않는다 — 다시 버튼으로 만들지 말 것(아이콘 하나뿐이라 오조작 위험이 컸다).
|
||||
"""
|
||||
code_s = (code or '').strip()
|
||||
if not code_s:
|
||||
return ''
|
||||
name_s = (name or '').strip()
|
||||
on = _is_surge_on(code_s)
|
||||
cls = 'btn-surge has-surge' if on else 'btn-surge'
|
||||
label = '🔔' if on else '🔕'
|
||||
title = '급등락 알림 켜짐 — 누르면 끕니다' if on else '급등락 알림 꺼짐 — 누르면 켭니다'
|
||||
cls = 'surge-ind has-surge' if on else 'surge-ind'
|
||||
return (
|
||||
f'<button type="button" class="{cls}" data-surge-toggle="1"'
|
||||
f'<span class="{cls}" data-surge-ind="1"'
|
||||
f' data-surge-code="{html.escape(code_s, quote=True)}"'
|
||||
f' data-surge-name="{html.escape(name_s, quote=True)}"'
|
||||
f' data-surge-on="{"1" if on else "0"}"'
|
||||
f' aria-label="급등락 알림" title="{title}">{label}</button>'
|
||||
f' aria-label="급등락 알림 {"켜짐" if on else "꺼짐"}"'
|
||||
f' title="급등락 알림 {"켜짐" if on else "꺼짐"}">{"🔔" if on else "🔕"}</span>'
|
||||
)
|
||||
|
||||
|
||||
def _surge_info_button_html(code: str, name: str) -> str:
|
||||
"""detail actions 의 '알림' 버튼 — kpi-modal 에 /api/surge 본문을 띄운다(구간 + 오늘 소진 + 토글).
|
||||
|
||||
켜진 종목은 has-surge 로 강조 (메모 버튼의 has-note 와 같은 패턴).
|
||||
꺼진 종목에도 노출한다 — 켜는 입구가 이 팝업뿐이라서. 종목코드 없으면 미노출
|
||||
(모니터가 코드로 시세를 조회하므로 `_set_surge_toggle` 이 ValueError).
|
||||
"""
|
||||
code_s = (code or '').strip()
|
||||
if not code_s:
|
||||
return ''
|
||||
on = _is_surge_on(code_s)
|
||||
cls = 'kpi-more-btn btn-surge-info' + (' has-surge' if on else '')
|
||||
# ⚠️ name 을 함께 넘긴다 — 꺼진 종목은 토글 저장소에 이름이 없어서, 팝업에서 켜면
|
||||
# 빈 이름으로 저장되고 알림에 종목코드가 찍힌다(2026-08-06 실측).
|
||||
src = html.escape(f'/api/surge?code={_urlq(code_s)}&name={_urlq((name or "").strip())}', quote=True)
|
||||
title = html.escape(f'{(name or "").strip()} 알림'.strip(), quote=True)
|
||||
return (
|
||||
f'<button type="button" class="{cls}" data-kpi-src="{src}" data-kpi-title="{title}"'
|
||||
f' data-surge-code="{html.escape(code_s, quote=True)}"'
|
||||
f' title="급등락 알림 설정·구간">🔔 알림</button>'
|
||||
)
|
||||
|
||||
|
||||
@@ -3022,7 +3042,8 @@ def _render_row(c: dict, source: str = 'watchlist') -> str:
|
||||
# 관심종목은 그룹 버튼도 +태그 옆에 (actions 아님).
|
||||
group_add_btn = _interest_group_button_html(c.get('stock') or '') if source == 'interests' else ''
|
||||
# 급등락 알림 토글은 +태그 왼쪽 (관리자님 지정 위치).
|
||||
surge_btn = _surge_toggle_button_html(c.get('code') or '', c.get('stock') or '')
|
||||
surge_btn = _surge_indicator_html(c.get('code') or '')
|
||||
surge_info_btn = _surge_info_button_html(c.get('code') or '', c.get('stock') or '')
|
||||
detail_name_html = ''
|
||||
if not is_pending:
|
||||
code_span = f'<span class="detail-code">{code}</span>' if code else ''
|
||||
@@ -3061,6 +3082,7 @@ def _render_row(c: dict, source: str = 'watchlist') -> str:
|
||||
actions_html = (
|
||||
'<div class="actions">'
|
||||
f'{note_btn}'
|
||||
f'{surge_info_btn}'
|
||||
f'{analyze_btn}'
|
||||
f'{info_btn}'
|
||||
f'{trade_btn}'
|
||||
@@ -3083,6 +3105,7 @@ def _render_row(c: dict, source: str = 'watchlist') -> str:
|
||||
actions_html = (
|
||||
'<div class="actions">'
|
||||
f'{wl_note_btn}'
|
||||
f'{surge_info_btn}'
|
||||
f'{analyze_btn}'
|
||||
f'{wl_info_btn}'
|
||||
f'{trade_btn}'
|
||||
@@ -3328,6 +3351,160 @@ def _render_cashflow_body(owner: str) -> str:
|
||||
)
|
||||
|
||||
|
||||
# 분위수·상하한가 트리거 키 → 사람이 읽는 이름. VI 는 발동시각이 키에 붙는다(`vi:105814`).
|
||||
_SURGE_KEY_NAMES = {
|
||||
'limit_up': '상한가', 'up2': '급등 확대', 'up': '급등 1차',
|
||||
'down': '급락 1차', 'down2': '급락 확대', 'limit_down': '하한가',
|
||||
}
|
||||
|
||||
|
||||
def _surge_key_label(key: str) -> str:
|
||||
if key.startswith('vi:'):
|
||||
t = key[3:]
|
||||
return f'VI {t[:2]}:{t[2:4]}' if len(t) >= 4 and t.isdigit() else 'VI'
|
||||
return _SURGE_KEY_NAMES.get(key, key)
|
||||
|
||||
|
||||
def _render_surge_body(code: str, name_hint: str = '') -> str:
|
||||
"""급등락 알림 팝업 본문 — on/off 토글 + 알림 구간 + 오늘 소진 현황.
|
||||
|
||||
⚠️ **키움 콜 0.** surge_monitor 의 캐시 파일을 읽기만 한다. `sm.get_threshold_map()` /
|
||||
`sm.get_limit_map()` 은 각각 ka10081(유량 초당 5건)·ka10095 를 때리므로 절대 부르지 않는다
|
||||
— 팝업을 열 때마다 조회가 나가고, 문턱 산출은 사이클당 12종목 페이싱이 있어 여기서 부르면
|
||||
그 설계가 무너진다. 캐시에 없으면 계산 대기로 표시한다.
|
||||
"""
|
||||
import surge_monitor as sm
|
||||
|
||||
code_s = (code or '').strip()
|
||||
if not code_s:
|
||||
return '<div class="muted small">종목코드가 없어 알림을 설정할 수 없어요.</div>'
|
||||
|
||||
on = _is_surge_on(code_s)
|
||||
# 켜진 종목은 저장된 이름, 꺼진 종목은 호출측이 넘긴 이름 — 후자가 없으면 켤 때 이름이 빈 채로 저장된다.
|
||||
name = ((_load_surge_toggles().get('by_code', {}).get(code_s) or {}).get('name') or '').strip()
|
||||
name = name or (name_hint or '').strip()
|
||||
today = datetime.now(KST).strftime('%Y-%m-%d')
|
||||
|
||||
thr_cache = sm.load_json(sm.THR_CACHE, {})
|
||||
lim_cache = sm.load_json(sm.LIMITS_CACHE, {})
|
||||
thr_fresh = thr_cache.get('date') == today
|
||||
thr_raw = (thr_cache.get('by_code') or {}) if thr_fresh else {}
|
||||
lim_raw = (lim_cache.get('by_code') or {}) if lim_cache.get('date') == today else {}
|
||||
thr = thr_raw.get(code_s) # None=미산출, {}=이력부족(확정), dict=정상
|
||||
lim = lim_raw.get(code_s) or {}
|
||||
|
||||
q = None
|
||||
try:
|
||||
if _RT_HUB is not None:
|
||||
q = _RT_HUB.get_quote(code_s)
|
||||
except Exception:
|
||||
q = None
|
||||
|
||||
# ── 토글 (기존 [data-surge-toggle] 위임 핸들러가 그대로 잡는다) ──
|
||||
tog = (
|
||||
f'<button type="button" class="sg-toggle{" has-surge" if on else ""}" data-surge-toggle="1"'
|
||||
f' data-surge-code="{html.escape(code_s, quote=True)}"'
|
||||
f' data-surge-name="{html.escape(name, quote=True)}"'
|
||||
f' data-surge-on="{"1" if on else "0"}"'
|
||||
f' data-surge-refresh="/api/surge?code={_urlq(code_s)}&name={_urlq(name)}">'
|
||||
f'{"🔔 알림 켜짐 — 누르면 끕니다" if on else "🔕 알림 꺼짐 — 누르면 켭니다"}</button>'
|
||||
)
|
||||
if not on:
|
||||
return (
|
||||
f'<div class="sg-body">{tog}'
|
||||
f'<div class="muted small sg-note">감시 중이 아니라 알림 구간이 산출되지 않았어요. '
|
||||
f'켜면 다음 감시 사이클(평일 09:00~15:35, 1분 간격)에 이 종목 과거 이력으로 구간을 계산합니다.</div>'
|
||||
f'</div>'
|
||||
)
|
||||
|
||||
# ── 헤더: 전일종가 · 현재가 ──
|
||||
prev_close = (thr or {}).get('prev_close') or 0
|
||||
head = []
|
||||
if prev_close:
|
||||
head.append(f'<div class="pm-srow"><span>전일종가</span><b>{prev_close:,}원</b></div>')
|
||||
if q and q.get('price'):
|
||||
pct = q.get('pct')
|
||||
pcls = 'up' if (pct or 0) > 0 else ('down' if (pct or 0) < 0 else '')
|
||||
pstr = f' <span class="{pcls}">({pct:+.2f}%)</span>' if pct is not None else ''
|
||||
head.append(f'<div class="pm-srow"><span>현재가</span><b>{int(q["price"]):,}원{pstr}</b></div>')
|
||||
|
||||
# ── 구간 사다리 (호가창처럼 위가 비쌈) ──
|
||||
def band(label: str, price: int, pct: float | None, cls: str) -> str:
|
||||
p = f'<span class="sg-p">{pct:+.1f}%</span>' if pct is not None else '<span class="sg-p"></span>'
|
||||
return (f'<div class="sg-band {cls}"><span class="sg-k">{html.escape(label)}</span>'
|
||||
f'<b>{price:,}</b>{p}</div>')
|
||||
|
||||
bands: list[str] = []
|
||||
if lim.get('upl'):
|
||||
bands.append(band('⏫ 상한가', lim['upl'], (lim['upl'] / prev_close - 1) * 100 if prev_close else None, 'lim up'))
|
||||
if thr:
|
||||
t1, t2 = thr['thr'], thr.get('thr_big') or 0
|
||||
if t2:
|
||||
bands.append(band('급등 확대', round(prev_close * (1 + t2 / 100)), t2, 'up'))
|
||||
bands.append(band('급등 1차', round(prev_close * (1 + t1 / 100)), t1, 'up'))
|
||||
bands.append(band('전일종가', prev_close, None, 'mid'))
|
||||
bands.append(band('급락 1차', round(prev_close * (1 - t1 / 100)), -t1, 'down'))
|
||||
if t2:
|
||||
bands.append(band('급락 확대', round(prev_close * (1 - t2 / 100)), -t2, 'down'))
|
||||
if lim.get('lst'):
|
||||
bands.append(band('⏬ 하한가', lim['lst'], (lim['lst'] / prev_close - 1) * 100 if prev_close else None, 'lim down'))
|
||||
|
||||
notes: list[str] = []
|
||||
if thr == {}:
|
||||
notes.append(f'이력 {sm.MIN_HISTORY}일 미만이라 문턱을 못 냅니다 — VI·상하한가만 감시해요.')
|
||||
elif not thr_fresh and thr_cache.get('date'):
|
||||
# 전일종가가 바뀌면 구간이 통째로 달라진다 → 어제 값을 '알림 구간'으로 보여주지 않는다.
|
||||
notes.append(f'⚠️ 마지막 산출이 {html.escape(str(thr_cache.get("date")))} 기준이라 표시하지 않아요 '
|
||||
f'— 전일종가가 바뀌면 구간도 전부 달라집니다. 장 시작 후 갱신됩니다.')
|
||||
elif thr is None:
|
||||
# 감시 사이클과 같은 판정을 쓴다(평일 09:00~15:35 · 휴장일 제외).
|
||||
notes.append('구간 계산 대기 중이에요 — 사이클당 12종목씩 채워서 몇 분 안에 나옵니다.'
|
||||
if sm.is_market_hours() else '다음 장 시작 후에 계산됩니다.')
|
||||
|
||||
band_html = (f'<div class="pm-listhead">알림 구간</div><div class="sg-bands">{"".join(bands)}</div>'
|
||||
if bands else '')
|
||||
|
||||
# ── 오늘 소진 현황 ──
|
||||
day = (sm.load_json(sm.ALERTS_STATE, {}).get(today) or {})
|
||||
fired = [k for k in (day.get(code_s) or []) if isinstance(k, str)]
|
||||
pend = list(((day.get(sm.PENDING_KEY) or {}).get(code_s) or {}))
|
||||
order = list(_SURGE_KEY_NAMES)
|
||||
left = [k for k in order if k not in fired]
|
||||
|
||||
empty = '<span class="muted small">없음</span>'
|
||||
|
||||
def chips(keys: list, cls: str, blank: str = empty) -> str:
|
||||
if not keys:
|
||||
return blank
|
||||
return ''.join(f'<span class="sg-chip {cls}">{html.escape(_surge_key_label(k))}</span>' for k in keys)
|
||||
|
||||
def trow(label: str, inner: str) -> str:
|
||||
return f'<div class="sg-trow"><span>{label}</span><div class="sg-chips">{inner}</div></div>'
|
||||
|
||||
today_rows = [
|
||||
trow('나간 알림', chips(fired, 'fired')),
|
||||
trow('남은 알림', chips(left, 'left', '<span class="muted small">모두 소진</span>')),
|
||||
]
|
||||
if pend:
|
||||
today_rows.append(trow('보류 중', chips(pend, 'pend')))
|
||||
|
||||
foot = []
|
||||
if thr:
|
||||
top1 = round((1 - sm.SURGE_PCTL) * 100)
|
||||
top2 = round((1 - sm.SURGE_PCTL_BIG) * 100)
|
||||
foot.append(f'{thr.get("n", 0)}일 이력 기준 · 상위 {top1}%(1차) / {top2}%(확대)')
|
||||
foot.append('VI 발동은 구간과 별개로, 발동할 때마다 알림 (하루 상한 없음)')
|
||||
|
||||
head_html = '<div class="pm-sum">' + ''.join(head) + '</div>' if head else ''
|
||||
notes_html = ''.join(f'<div class="muted small sg-note">{n}</div>' for n in notes)
|
||||
return (
|
||||
'<div class="sg-body">' + tog + head_html + band_html + notes_html
|
||||
+ '<div class="pm-listhead">오늘 알림</div>' + ''.join(today_rows)
|
||||
+ '<div class="sg-foot">' + '<br>'.join(foot) + '</div>'
|
||||
+ '</div>'
|
||||
)
|
||||
|
||||
|
||||
def _render_kpi_modal() -> str:
|
||||
"""KPI 상세 공용 팝업 (투자원금·당일 입출금 등). shell HTML 직속이라 panels swap 영향 없음.
|
||||
라벨 옆 [!] 클릭 → 버튼의 data-kpi-src fetch → 본문 innerHTML."""
|
||||
@@ -4196,12 +4373,14 @@ def _render_holding_row(r: dict, total_value: int, show_day_change: bool = False
|
||||
|
||||
row_key = (code or stock) + key_suffix
|
||||
tag_add_btn = _tag_add_button_html(r.get('code') or '', r.get('stock') or '')
|
||||
# 급등락 알림 토글 — +태그 왼쪽 (관심·감시 행과 같은 위치).
|
||||
surge_btn = _surge_toggle_button_html(r.get('code') or '', r.get('stock') or '')
|
||||
# 급등락 알림 on/off 표시 — +태그 왼쪽 (관심·감시 행과 같은 위치). 조작은 actions 의 알림 버튼에서.
|
||||
surge_btn = _surge_indicator_html(r.get('code') or '')
|
||||
surge_info_btn = _surge_info_button_html(r.get('code') or '', r.get('stock') or '')
|
||||
note_btn = _note_button_html(r.get('code') or '', r.get('stock') or '')
|
||||
trade_btn = (
|
||||
f'<div class="actions">'
|
||||
f'{note_btn}'
|
||||
f'{surge_info_btn}'
|
||||
f'{_info_button_html(r.get("code") or "", r.get("stock") or "")}'
|
||||
f'<button type="button" class="btn-trades" data-trade-code="{code}" data-trade-stock="{stock}">거래내역</button>'
|
||||
f'<button type="button" class="btn-order" data-order-code="{code}" data-order-stock="{html.escape(stock, quote=True)}" data-order-side="BUY" title="매수/매도">💰 거래</button>'
|
||||
@@ -5962,12 +6141,17 @@ details.row[open] > .detail {
|
||||
.actions .btn-note:hover { background: rgba(201,178,125,0.14); border-color: #c9b27d; }
|
||||
.actions .btn-note:active { transform: translateY(1px); }
|
||||
.actions .btn-note.has-note { color: #f0c95a; border-color: rgba(240,201,90,0.5); background: rgba(240,201,90,0.12); }
|
||||
/* 급등락 알림 토글 — detail-name 줄(종목명 옆, +태그 왼쪽). 아이콘 하나뿐이라 테두리 없이 둔다.
|
||||
꺼짐은 흐리게(opacity), 켜짐은 선명 + 초록 배경으로 한눈에 구분. 터치 타깃은 24px 확보. */
|
||||
.detail-name .btn-surge { align-self: center; flex: none; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 6px; background: transparent; font-size: 13px; line-height: 1; cursor: pointer; font-family: inherit; opacity: 0.45; filter: grayscale(1); transition: opacity .12s, background .12s; }
|
||||
.detail-name .btn-surge:hover { opacity: 0.8; background: rgba(143,168,201,0.12); }
|
||||
.detail-name .btn-surge:active { transform: translateY(1px); }
|
||||
.detail-name .btn-surge.has-surge { opacity: 1; filter: none; background: rgba(111,211,163,0.16); }
|
||||
/* 급등락 알림 on/off 표시 — detail-name 줄(종목명 옆, +태그 왼쪽). **조작 불가**(켜고 끄기는 알림 팝업).
|
||||
꺼짐은 흐리게(opacity), 켜짐은 선명 + 초록 배경으로 한눈에 구분.
|
||||
⚠️ cursor/hover/active 를 주지 않는다 — 누를 수 있어 보이면 안 된다. */
|
||||
.detail-name .surge-ind { align-self: center; flex: none; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 6px; background: transparent; font-size: 13px; line-height: 1; opacity: 0.45; filter: grayscale(1); }
|
||||
.detail-name .surge-ind.has-surge { opacity: 1; filter: none; background: rgba(111,211,163,0.16); }
|
||||
/* actions 의 '🔔 알림' 버튼 — kpi-more-btn 을 재사용하되(위임 핸들러가 이 클래스를 잡는다)
|
||||
생김새는 .actions button 계열로. 켜짐이면 메모의 has-note 와 같은 방식으로 강조. */
|
||||
.actions .btn-surge-info { padding: 5px 10px; border-radius: 8px; border: 1px solid rgba(143,168,201,0.3); background: transparent; color: #b0b4be; font-size: 11px; font-weight: 600; line-height: 1.4; width: auto; height: auto; cursor: pointer; font-family: inherit; transition: background .12s, border-color .12s, color .12s; }
|
||||
.actions .btn-surge-info:hover { background: rgba(143,168,201,0.12); }
|
||||
.actions .btn-surge-info:active { transform: translateY(1px); }
|
||||
.actions .btn-surge-info.has-surge { color: #6fd3a3; border-color: rgba(111,211,163,0.5); background: rgba(111,211,163,0.12); }
|
||||
.note-head-left { display: flex; align-items: center; gap: 8px; min-width: 0; }
|
||||
.note-del-wrap { position: relative; display: inline-flex; }
|
||||
.note-confirm { position: absolute; top: calc(100% + 6px); left: 0; display: flex; align-items: center; gap: 6px; background: #1b1f2a; border: 1px solid #3a2030; border-radius: 8px; padding: 6px 8px; box-shadow: 0 6px 18px rgba(0,0,0,0.4); white-space: nowrap; z-index: 5; }
|
||||
@@ -6180,6 +6364,32 @@ section.tab-content { min-height: calc(100dvh - 126px); }
|
||||
.owner-card table.kpi th .kpi-more-btn:hover { color: #d6b34a; border-color: rgba(214,179,74,0.55); }
|
||||
.owner-card table.kpi th .kpi-more-btn:active { transform: translateY(1px); }
|
||||
|
||||
/* ── 급등락 알림 팝업 ── */
|
||||
.sg-body { font-variant-numeric: tabular-nums; display: flex; flex-direction: column; gap: 10px; }
|
||||
.sg-toggle { width: 100%; padding: 10px 12px; border-radius: 8px; border: 1px solid #2a3142; background: #11141c; color: #b0b4be; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
|
||||
.sg-toggle:hover { background: #1c2030; }
|
||||
.sg-toggle:active { transform: translateY(1px); }
|
||||
.sg-toggle.has-surge { color: #6fd3a3; border-color: rgba(111,211,163,0.5); background: rgba(111,211,163,0.12); }
|
||||
.sg-bands { display: flex; flex-direction: column; gap: 2px; }
|
||||
.sg-band { display: grid; grid-template-columns: 1fr auto 56px; align-items: baseline; gap: 10px; padding: 6px 10px; border-radius: 6px; font-size: 12px; background: #11141c; }
|
||||
.sg-band .sg-k { color: #8b90a0; }
|
||||
.sg-band b { font-size: 13px; }
|
||||
.sg-band .sg-p { text-align: right; font-size: 11px; opacity: 0.7; }
|
||||
.sg-band.up b, .sg-band.up .sg-p { color: #ff6b63; }
|
||||
.sg-band.down b, .sg-band.down .sg-p { color: #74acff; }
|
||||
.sg-band.lim { background: rgba(224,168,60,0.1); }
|
||||
.sg-band.lim .sg-k { color: #e0a83c; }
|
||||
.sg-band.mid { background: transparent; border-top: 1px dashed #2a3142; border-bottom: 1px dashed #2a3142; border-radius: 0; }
|
||||
.sg-band.mid b { color: #b0b4be; }
|
||||
.sg-trow { display: grid; grid-template-columns: 68px 1fr; gap: 10px; align-items: baseline; font-size: 12px; }
|
||||
.sg-trow > span { color: #8b90a0; }
|
||||
.sg-chips { display: flex; flex-wrap: wrap; gap: 4px; }
|
||||
.sg-chip { padding: 2px 7px; border-radius: 10px; font-size: 11px; border: 1px solid #2a3142; color: #8b90a0; }
|
||||
.sg-chip.fired { color: #e0a83c; border-color: rgba(224,168,60,0.45); background: rgba(224,168,60,0.1); }
|
||||
.sg-chip.pend { color: #ff6b63; border-color: rgba(255,107,99,0.45); border-style: dashed; }
|
||||
.sg-note { line-height: 1.6; }
|
||||
.sg-foot { font-size: 11px; color: #6f7484; line-height: 1.7; border-top: 1px solid #1a1e29; padding-top: 8px; }
|
||||
|
||||
/* ── 투자원금 팝업 ── */
|
||||
.principal-body { font-variant-numeric: tabular-nums; }
|
||||
.pm-sum { padding: 10px 12px; background: #11141c; border: 1px solid #1f2330; border-radius: 8px; }
|
||||
@@ -11023,14 +11233,20 @@ def render_html() -> str:
|
||||
'if(curLeader)b.classList.add("active");else b.classList.remove("active");'
|
||||
'});'
|
||||
'}'
|
||||
# 급등락 토글 아이콘 즉시 반영. 같은 종목이 여러 패널에 중복 노출되므로 code로 전 인스턴스를 칠한다.
|
||||
# 급등락 알림 상태 즉시 반영. 같은 종목이 여러 패널에 중복 노출되므로 code로 전 인스턴스를 칠한다.
|
||||
# 칠할 곳 3종: ①종목명 옆 표시자(span, 조작 불가) ②actions 의 '🔔 알림' 버튼 강조 ③팝업 안 토글.
|
||||
'function paintSurge(code,on){'
|
||||
'if(!code)return;'
|
||||
'document.querySelectorAll(\'[data-surge-toggle][data-surge-code="\'+code+\'"]\').forEach(function(b){'
|
||||
'b.dataset.surgeOn=on?"1":"0";'
|
||||
'document.querySelectorAll(\'[data-surge-code="\'+code+\'"]\').forEach(function(b){'
|
||||
'b.classList.toggle("has-surge",!!on);'
|
||||
'b.textContent=on?"\\uD83D\\uDD14":"\\uD83D\\uDD15";'
|
||||
'b.title=on?"급등락 알림 켜짐 — 누르면 끕니다":"급등락 알림 꺼짐 — 누르면 켭니다";'
|
||||
'if(b.hasAttribute("data-surge-ind")){'
|
||||
'b.textContent=on?"\\uD83D\\uDD14":"\\uD83D\\uDD15";'
|
||||
'b.title="급등락 알림 "+(on?"켜짐":"꺼짐");'
|
||||
'b.setAttribute("aria-label","급등락 알림 "+(on?"켜짐":"꺼짐"));'
|
||||
'}else if(b.hasAttribute("data-surge-toggle")){'
|
||||
'b.dataset.surgeOn=on?"1":"0";'
|
||||
'b.textContent=on?"\\uD83D\\uDD14 알림 켜짐 — 누르면 끕니다":"\\uD83D\\uDD15 알림 꺼짐 — 누르면 켭니다";'
|
||||
'}'
|
||||
'});'
|
||||
'}'
|
||||
'function populateNoteForm(trigger){'
|
||||
@@ -11262,6 +11478,13 @@ def render_html() -> str:
|
||||
'if(j&&j.ok){'
|
||||
'paintSurge(sCode,!!j.on);'
|
||||
'showToast((sName||"종목")+" 급등락 알림 "+(j.on?"켰습니다":"껐습니다"));'
|
||||
# 팝업 안에서 토글한 경우 본문(구간·안내문)이 상태와 어긋나므로 다시 받아온다.
|
||||
'var rsrc=surgeBtn.getAttribute("data-surge-refresh");'
|
||||
'var kb=document.querySelector("[data-kpi-body]");'
|
||||
'if(rsrc&&kb){'
|
||||
'fetch(rsrc,{credentials:"same-origin"}).then(function(r){return r.json();})'
|
||||
'.then(function(d){if(d&&d.html)kb.innerHTML=d.html;}).catch(function(){});'
|
||||
'}'
|
||||
'}else{'
|
||||
'paintSurge(sCode,wasOn);'
|
||||
'showToast("급등락 알림 변경 실패: "+((j&&j.error)||"오류"));'
|
||||
@@ -13753,6 +13976,21 @@ class Handler(BaseHTTPRequestHandler):
|
||||
self._send_json(200, {'connected': connected, 'sub_count': sub_count, 'quotes': quotes, 'vi': vi, 'fill_seq': fill_seq})
|
||||
return
|
||||
# KPI 라벨 [!] 팝업 본문 — 서버가 HTML 조립, 클라이언트는 innerHTML만.
|
||||
if parsed.path == '/api/surge':
|
||||
# 급등락 알림 팝업 본문 (구간 + 오늘 소진 + 토글). 캐시 읽기뿐이라 키움 콜 0.
|
||||
qs = parse_qs(parsed.query)
|
||||
code_q = (qs.get('code') or [''])[0].strip()
|
||||
name_q = (qs.get('name') or [''])[0].strip()
|
||||
if not code_q:
|
||||
self._send_json(400, {'error': 'code required'})
|
||||
return
|
||||
try:
|
||||
self._send_json(200, {'html': _render_surge_body(code_q, name_q)})
|
||||
except Exception as e:
|
||||
sys.stderr.write(f'/api/surge failed: {e}\n')
|
||||
self._send_json(500, {'error': str(e)})
|
||||
return
|
||||
|
||||
if parsed.path in ('/api/principal', '/api/cashflow', '/api/deposit'):
|
||||
qs = parse_qs(parsed.query)
|
||||
owner_q = (qs.get('owner') or [''])[0].strip()
|
||||
|
||||
Reference in New Issue
Block a user