shared-dg05-dodari/kt-event-marketing
7
0
Fork 0
mirror of https://github.com/ktds-dg0501/kt-event-marketing.git synced 2025-12-06 10:46:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

20-26번 파일 헤더 통일

Browse Source
This commit is contained in:
doyeon 2025-10-21 10:46:40 +09:00
parent 76c26dd8e4
commit 0f68d2b075
7 changed files with 86 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
design/uiux/prototype/20-당첨자명단관리.html
View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/components/navigation.css">
<title>당첨자 명단 관리 - KT AI 이벤트 플랫폼</title> <title>당첨자 명단 관리 - KT AI 이벤트 플랫폼</title>
<style> <style>
/* CSS Reset */ /* CSS Reset */
@ -615,10 +616,16 @@
</head> </head>
<body> <body>
<!-- Header --> <!-- Header -->
<header class="header"> <header class="app-bar">
<button class="header__back" aria-label="뒤로 가기">←</button> <div class="app-bar__container">
<h1 class="header__title">당첨자 명단 관리</h1> <div class="app-bar__left">
<button class="header__action" aria-label="새로고침">⟳</button> <button class="app-bar__back" aria-label="뒤로 가기">←</button>
</div>
<h1 class="app-bar__title">당첨자 명단 관리</h1>
<div class="app-bar__right">
<button class="header__action" aria-label="새로고침">⟳</button>
</div>
</div>
</header> </header>
<!-- Main --> <!-- Main -->
@ -768,7 +775,7 @@
const emptyState = $('#emptyState'); const emptyState = $('#emptyState');
const exportBtn = $('#exportBtn'); const exportBtn = $('#exportBtn');
const notifyBtn = $('#notifyBtn'); const notifyBtn = $('#notifyBtn');
const backBtn = $('.header__back'); const backBtn = $('.app-bar__back');
const refreshBtn = $('.header__action'); const refreshBtn = $('.header__action');
const countAll = $('#countAll'); const countAll = $('#countAll');
const countPending = $('#countPending'); const countPending = $('#countPending');

23
design/uiux/prototype/21-실시간대시보드.html
View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/components/navigation.css">
<title>실시간 대시보드 - KT AI 이벤트 플랫폼</title> <title>실시간 대시보드 - KT AI 이벤트 플랫폼</title>
<style> <style>
/* CSS Reset */ /* CSS Reset */
@ -535,14 +536,18 @@
</head> </head>
<body> <body>
<!-- Header --> <!-- Header -->
<header class="header"> <header class="app-bar">
<button class="header__back" aria-label="뒤로 가기">←</button> <div class="app-bar__container">
<h1 class="header__title">실시간 대시보드</h1> <div class="app-bar__left">
<div class="header__actions"> <button class="app-bar__back" aria-label="뒤로 가기">←</button>
<button class="header__action" id="refreshBtn" aria-label="새로고침"> </div>
⟳ <h1 class="app-bar__title">실시간 대시보드</h1>
<span class="refresh-indicator"></span> <div class="app-bar__right">
</button> <button class="header__action" id="refreshBtn" aria-label="새로고침">
⟳
<span class="refresh-indicator"></span>
</button>
</div>
</div> </div>
</header> </header>
@ -703,7 +708,7 @@
const activityList = $('#activityList'); const activityList = $('#activityList');
const dateRangeBtns = $$('.date-range__btn'); const dateRangeBtns = $$('.date-range__btn');
const refreshBtn = $('#refreshBtn'); const refreshBtn = $('#refreshBtn');
const backBtn = $('.header__back'); const backBtn = $('.app-bar__back');
// Generate Mock Data // Generate Mock Data
function generateMockData(range) { function generateMockData(range) {

17
design/uiux/prototype/22-채널별성과분석.html
View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/components/navigation.css">
<title>채널별 성과 분석 - KT AI 이벤트 플랫폼</title> <title>채널별 성과 분석 - KT AI 이벤트 플랫폼</title>
<style> <style>
/* CSS Reset */ /* CSS Reset */
@ -491,10 +492,16 @@
</head> </head>
<body> <body>
<!-- Header --> <!-- Header -->
<header class="header"> <header class="app-bar">
<button class="header__back" aria-label="뒤로 가기">←</button> <div class="app-bar__container">
<h1 class="header__title">채널별 성과 분석</h1> <div class="app-bar__left">
<button class="header__action" id="refreshBtn" aria-label="새로고침">⟳</button> <button class="app-bar__back" aria-label="뒤로 가기">←</button>
</div>
<h1 class="app-bar__title">채널별 성과 분석</h1>
<div class="app-bar__right">
<button class="header__action" id="refreshBtn" aria-label="새로고침">⟳</button>
</div>
</div>
</header> </header>
<!-- Main --> <!-- Main -->
@ -605,7 +612,7 @@
const periodFilterBtns = $$('.period-filter__btn'); const periodFilterBtns = $$('.period-filter__btn');
const refreshBtn = $('#refreshBtn'); const refreshBtn = $('#refreshBtn');
const exportBtn = $('#exportBtn'); const exportBtn = $('#exportBtn');
const backBtn = $('.header__back'); const backBtn = $('.app-bar__back');
// Generate Mock Channel Data // Generate Mock Channel Data
function generateChannelData(period) { function generateChannelData(period) {

17
design/uiux/prototype/23-ROI분석.html
View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/components/navigation.css">
<title>ROI 분석 - KT AI 이벤트 플랫폼</title> <title>ROI 분석 - KT AI 이벤트 플랫폼</title>
<style> <style>
/* CSS Reset */ /* CSS Reset */
@ -524,10 +525,16 @@
</head> </head>
<body> <body>
<!-- Header --> <!-- Header -->
<header class="header"> <header class="app-bar">
<button class="header__back" aria-label="뒤로 가기">←</button> <div class="app-bar__container">
<h1 class="header__title">ROI 분석</h1> <div class="app-bar__left">
<button class="header__action" id="refreshBtn" aria-label="새로고침">⟳</button> <button class="app-bar__back" aria-label="뒤로 가기">←</button>
</div>
<h1 class="app-bar__title">ROI 분석</h1>
<div class="app-bar__right">
<button class="header__action" id="refreshBtn" aria-label="새로고침">⟳</button>
</div>
</div>
</header> </header>
<!-- Main --> <!-- Main -->
@ -660,7 +667,7 @@
const insightsList = $('#insightsList'); const insightsList = $('#insightsList');
const refreshBtn = $('#refreshBtn'); const refreshBtn = $('#refreshBtn');
const exportBtn = $('#exportBtn'); const exportBtn = $('#exportBtn');
const backBtn = $('.header__back'); const backBtn = $('.app-bar__back');
// Generate Mock Data // Generate Mock Data
function generateROIData() { function generateROIData() {

19
design/uiux/prototype/24-분석리포트.html
View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/components/navigation.css">
<title>분석 리포트 - KT AI 이벤트 플랫폼</title> <title>분석 리포트 - KT AI 이벤트 플랫폼</title>
<style> <style>
/* CSS Reset */ /* CSS Reset */
@ -548,12 +549,16 @@
</head> </head>
<body> <body>
<!-- Header --> <!-- Header -->
<header class="header"> <header class="app-bar">
<button class="header__back" aria-label="뒤로 가기">←</button> <div class="app-bar__container">
<h1 class="header__title">분석 리포트</h1> <div class="app-bar__left">
<div class="header__actions"> <button class="app-bar__back" aria-label="뒤로 가기">←</button>
<button class="header__action" id="shareBtn" aria-label="공유하기">📤</button> </div>
<button class="header__action" id="printBtn" aria-label="인쇄하기">🖨</button> <h1 class="app-bar__title">분석 리포트</h1>
<div class="app-bar__right">
<button class="header__action" id="shareBtn" aria-label="공유하기">📤</button>
<button class="header__action" id="printBtn" aria-label="인쇄하기">🖨</button>
</div>
</div> </div>
</header> </header>
@ -807,7 +812,7 @@
const printBtn = $('#printBtn'); const printBtn = $('#printBtn');
const saveBtn = $('#saveBtn'); const saveBtn = $('#saveBtn');
const downloadBtn = $('#downloadBtn'); const downloadBtn = $('#downloadBtn');
const backBtn = $('.header__back'); const backBtn = $('.app-bar__back');
// Format Date // Format Date
function formatDate(date) { function formatDate(date) {

17
design/uiux/prototype/25-이벤트목록.html
View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/components/navigation.css">
<title>이벤트 목록 - KT AI 이벤트 플랫폼</title> <title>이벤트 목록 - KT AI 이벤트 플랫폼</title>
<style> <style>
/* CSS Reset */ /* CSS Reset */
@ -487,10 +488,16 @@
</head> </head>
<body> <body>
<!-- Header --> <!-- Header -->
<header class="header"> <header class="app-bar">
<button class="header__back" aria-label="뒤로 가기">←</button> <div class="app-bar__container">
<h1 class="header__title">이벤트 목록</h1> <div class="app-bar__left">
<button class="header__action" id="refreshBtn" aria-label="새로고침">⟳</button> <button class="app-bar__back" aria-label="뒤로 가기">←</button>
</div>
<h1 class="app-bar__title">이벤트 목록</h1>
<div class="app-bar__right">
<button class="header__action" id="refreshBtn" aria-label="새로고침">⟳</button>
</div>
</div>
</header> </header>
<!-- Main --> <!-- Main -->
@ -589,7 +596,7 @@
const refreshBtn = $('#refreshBtn'); const refreshBtn = $('#refreshBtn');
const fabBtn = $('#fabBtn'); const fabBtn = $('#fabBtn');
const emptyCreateBtn = $('#emptyCreateBtn'); const emptyCreateBtn = $('#emptyCreateBtn');
const backBtn = $('.header__back'); const backBtn = $('.app-bar__back');
// Generate Mock Events // Generate Mock Events
function generateMockEvents() { function generateMockEvents() {

17
design/uiux/prototype/26-마이페이지.html
View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/components/navigation.css">
<title>마이페이지 - KT AI 이벤트 플랫폼</title> <title>마이페이지 - KT AI 이벤트 플랫폼</title>
<style> <style>
/* CSS Reset */ /* CSS Reset */
@ -380,10 +381,16 @@
</head> </head>
<body> <body>
<!-- Header --> <!-- Header -->
<header class="header"> <header class="app-bar">
<button class="header__back" aria-label="뒤로 가기">←</button> <div class="app-bar__container">
<h1 class="header__title">마이페이지</h1> <div class="app-bar__left">
<button class="header__action" id="settingsBtn" aria-label="설정">⚙️</button> <button class="app-bar__back" aria-label="뒤로 가기">←</button>
</div>
<h1 class="app-bar__title">마이페이지</h1>
<div class="app-bar__right">
<button class="header__action" id="settingsBtn" aria-label="설정">⚙️</button>
</div>
</div>
</header> </header>
<!-- Main --> <!-- Main -->
@ -609,7 +616,7 @@
const termsBtn = $('#termsBtn'); const termsBtn = $('#termsBtn');
const privacyBtn = $('#privacyBtn'); const privacyBtn = $('#privacyBtn');
const logoutBtn = $('#logoutBtn'); const logoutBtn = $('#logoutBtn');
const backBtn = $('.header__back'); const backBtn = $('.app-bar__back');
// Format Number // Format Number
function formatNumber(num) { function formatNumber(num) {