ONOFFER 공용 상단 탭 (nav.js)

타임라인 · 매출 · 온오퍼 재고(매출 앱 v2/purchase) · 패러미트 재고 — 세 앱 상단에 공통으로 붙는 탭 바입니다. 이 페이지 맨 위에도 실제로 떠 있는 것이 미리보기입니다.

사용법

각 앱의 HTML에 아래 한 줄만 추가하면 됩니다. 의존성 없음, 빌드 없음.

<script src="https://onoffer-nav.pages.dev/nav.js" defer></script>

CSP (Content-Security-Policy)를 쓰는 앱이라면

script-src에 https://onoffer-nav.pages.dev를 추가해야 스크립트가 로드됩니다.

script-src 'self' https://onoffer-nav.pages.dev ...

신원(로그인 이메일) 표시

세 앱이 Cloudflare Access 뒤에 있을 때만 우측에 로그인한 사람의 이메일과 로그아웃 링크가 뜹니다. 같은 출처의 /cdn-cgi/access/get-identity 호출이 실패하면(Access 밖, 로컬 개발, 오프라인) 신원 영역은 조용히 숨겨지고 탭만 보입니다 — 지금 이 페이지처럼요.

이메일을 SHA-256 해시로 감싸 /api/perms에 cross-origin으로 물어본 결과로 권한 없는 탭은 아예 그리지 않고(관리자는 admin.onoffer.kr 링크도 함께 뜹니다), 그 요청이 실패하면 탭은 전부 보여줍니다.