Files
2025-03-05 14:02:29 +09:00

759 lines
43 KiB
PHP

<?=$this->extend('templates/front.php');?>
<!--타이틀-->
<?=$this->section('title');?>
ZENITH - 통합 DB 관리
<?=$this->endSection();?>
<!--헤더-->
<?=$this->section('header');?>
<link href="/static/node_modules/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet">
<link href="/static/node_modules/datatables.net-buttons-bs5/css/buttons.bootstrap5.min.css" rel="stylesheet">
<link href="/static/node_modules/datatables.net-staterestore-bs5/css/stateRestore.bootstrap5.min.css" rel="stylesheet">
<script src="/static/node_modules/datatables.net/js/dataTables.min.js"></script>
<script src="/static/node_modules/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
<script src="/static/node_modules/datatables.net-buttons/js/buttons.html5.min.js"></script>
<script src="/static/node_modules/datatables.net-buttons/js/buttons.colVis.min.js"></script>
<script src="/static/node_modules/datatables.net-staterestore/js/dataTables.stateRestore.min.js"></script>
<script src="/static/js/jszip.min.js"></script>
<script src="/static/js/pdfmake/pdfmake.min.js"></script>
<script src="/static/js/pdfmake/vfs_fonts.js"></script>
<?=$this->endSection();?>
<!--바디-->
<?=$this->section('body');?>
<?=$this->endSection();?>
<?=$this->section('content');?>
<div class="sub-contents-wrap">
<div class="title-area">
<h2 class="page-title">자동화 목록</h2>
</div>
<div class="search-wrap">
<form class="search d-flex justify-content-center">
<div class="term d-flex align-items-center">
<input type="text">
<button type="button"><i class="bi bi-calendar2-week"></i></button>
<span> ~ </span>
<input type="text">
<button type="button"><i class="bi bi-calendar2-week"></i></button>
</div>
<div class="input">
<input class="" type="text" placeholder="검색어를 입력하세요">
<button class="btn-primary" type="submit">조회</button>
<button class="btn-special" type="button" data-bs-toggle="modal" data-bs-target="#regiModal">작성하기</button>
</div>
</form>
</div>
<div class="section">
<div class="row">
<p class="num-line">페이지당 줄수 <span>25개</span></p>
<table class="table table-striped tbl-dark">
<colgroup>
<col style="width:20%;">
<col style="width:20%;">
<col style="width:20%;">
<col style="width:20%">
<col>
</colgroup>
<thead class="table-dark">
<tr>
<th scope="col">이름</th>
<th scope="col">작성자</th>
<th scope="col">업데이트</th>
<th scope="col">마지막 실행</th>
<th scope="col">사용</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-center">카카오 DB초과 OFF</td>
<td class="text-center">배익준</td>
<td class="text-center">2023-09-27 12:52</td>
<td class="text-center">2023-09-27 12:52</td>
<td class="text-center">
<div class="td-inner">
<div class="ui-toggle">
<input type="checkbox" name="use01" id="use01">
<label for="use01">사용</label>
</div>
<div class="more-action">
<button type="button" class="btn-more"><span>더보기</span></button>
<ul class="action-list">
<li><a href="#">복제하기</a></li>
<li><a href="#">제거하기</a></li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="text-center">카카오 DB초과 OFF</td>
<td class="text-center">배익준</td>
<td class="text-center">2023-09-27 12:52</td>
<td class="text-center">2023-09-27 12:52</td>
<td class="text-center">
<div class="td-inner">
<div class="ui-toggle">
<input type="checkbox" name="use01" id="use01">
<label for="use01">사용</label>
</div>
<div class="more-action">
<button type="button" class="btn-more"><span>더보기</span></button>
<ul class="action-list">
<li><a href="#">복제하기</a></li>
<li><a href="#">제거하기</a></li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="text-center">카카오 DB초과 OFF</td>
<td class="text-center">배익준</td>
<td class="text-center">2023-09-27 12:52</td>
<td class="text-center">2023-09-27 12:52</td>
<td class="text-center">
<div class="td-inner">
<div class="ui-toggle">
<input type="checkbox" name="use01" id="use01">
<label for="use01">사용</label>
</div>
<div class="more-action">
<button type="button" class="btn-more"><span>더보기</span></button>
<ul class="action-list">
<li><a href="#">복제하기</a></li>
<li><a href="#">제거하기</a></li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="text-center">카카오 DB초과 OFF</td>
<td class="text-center">배익준</td>
<td class="text-center">2023-09-27 12:52</td>
<td class="text-center">2023-09-27 12:52</td>
<td class="text-center">
<div class="td-inner">
<div class="ui-toggle">
<input type="checkbox" name="use01" id="use01">
<label for="use01">사용</label>
</div>
<div class="more-action">
<button type="button" class="btn-more"><span>더보기</span></button>
<ul class="action-list">
<li><a href="#">복제하기</a></li>
<li><a href="#">제거하기</a></li>
</ul>
</div>
</div>
</td>
</tr>
<tr>
<td class="text-center">카카오 DB초과 OFF</td>
<td class="text-center">배익준</td>
<td class="text-center">2023-09-27 12:52</td>
<td class="text-center">2023-09-27 12:52</td>
<td class="text-center">
<div class="td-inner">
<div class="ui-toggle">
<input type="checkbox" name="use01" id="use01">
<label for="use01">사용</label>
</div>
<div class="more-action">
<button type="button" class="btn-more"><span>더보기</span></button>
<ul class="action-list">
<li><a href="#">복제하기</a></li>
<li><a href="#">제거하기</a></li>
</ul>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<div class="paging">
<a href="#" class="btn-prev">이전</a>
<a href="#" class="current">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<span>...</span>
<a href="#">291</a>
<a href="#" class="btn-next">다음</a>
</div>
</div>
</div>
</div>
<div class="modal fade" id="regiModal" tabindex="-1" aria-labelledby="memoModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-body">
<div class="regi-content">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="step">
<ol class="nav nav-tabs" id="myTab" role="tablist">
<li class="tab-link" role="presentation" type="button" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="false">
<strong>일정</strong>
<p>매 2시간 마다<br>
매일 00시 30분[7일 마다 7시 정각에]<br>
매주 일요일 03시 정각에<br>
매월 [첫번째 날, 마지막 날] 09시 30분에
...</p>
</li>
<li class="tab-link" role="presentation" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">
<strong>대상</strong>
<p>광고주<br>
페이스북<br>
[전국]상상의원_광고주랜딩*
...</p>
</li>
<li class="tab-link" role="presentation" id="messages-tab" data-bs-toggle="tab" data-bs-target="#messages" type="button" role="tab" aria-controls="messages" aria-selected="false">
<strong>조건</strong>
<p>지출액 - 100,000원 초과<br>
AND<br>
유효DB - 100건 이하</p>
</li>
<li class="tab-link active" role="presentation" id="preactice-tab" data-bs-toggle="tab" data-bs-target="#preactice" type="button" role="tab" aria-controls="messages" aria-selected="true">
<strong>실행</strong>
<p>* 캠페인 - 페이스북<br>
노안라식_180509<br>
상태 OFF<br>
* 캠페인 - 구글<br>
밝은성모안과(지원자, 응답) -<br>
전국 #2000_001 *40000 &fhr<br>
예산 50,000원</p>
</li>
<li class="tab-link" role="presentation" id="detail-tab" data-bs-toggle="tab" data-bs-target="#detail" type="button" role="tab" aria-controls="messages" aria-selected="false">
<strong>상세정보</strong>
</li>
</ol>
</div>
<div class="detail-wrap">
<div class="detail" id="home" role="tabpanel" aria-labelledby="home-tab" tabindex="0">
<table class="table tbl-side">
<colgroup>
<col style="width:35%">
<col>
</colgroup>
<tr>
<th scope="row">다음 시간마다 규칙적으로 실행</th>
<td>
<input type="text" class="form-control short">
<select name="" class="form-select short">
<option value="">분</option>
<option value="">시간</option>
<option value="">일</option>
<option value="">주</option>
<option value="">월</option>
</select>
</td>
</tr>
<tr>
<th scope="row">요일</th>
<td>
<div class="week-radio">
<div class="day">
<input type="radio" name="day" id="day01">
<label for="day01">월</label>
</div>
<div class="day">
<input type="radio" name="day" id="day02">
<label for="day02">화</label>
</div>
<div class="day">
<input type="radio" name="day" id="day03">
<label for="day03">수</label>
</div>
<div class="day">
<input type="radio" name="day" id="day04">
<label for="day04">목</label>
</div>
<div class="day">
<input type="radio" name="day" id="day05">
<label for="day05">금</label>
</div>
<div class="day">
<input type="radio" name="day" id="day06">
<label for="day06">토</label>
</div>
<div class="day">
<input type="radio" name="day" id="day07">
<label for="day07">일</label>
</div>
</div>
</td>
</tr>
<tr>
<th scope="row">다음 날짜에</th>
<td>
<select name="" class="form-select">
<option value="">매달 첫번째 날</option>
<option value="">매달 마지막 날</option>
<option value="">처음</option>
<option value="">마지막</option>
<option value="">날짜</option>
</select>
<select name="" class="form-select">
<option value="">1일</option>
<option value="">2일</option>
<option value="">3일</option>
<option value="">4일</option>
<option value="">5일</option>
</select>
<select name="" class="form-select">
<option value="">월</option>
<option value="">화</option>
<option value="">수</option>
<option value="">목</option>
<option value="">금</option>
<option value="">토</option>
<option value="">일</option>
</select>
</td>
</tr>
<tr>
<th scope="row">시간</th>
<td>
<select name="" class="form-select middle">
<option value=""></option>
</select>
</td>
</tr>
<tr>
<th scope="row">제외 시간</th>
<td>
<div class="form-flex">
<select name="" class="form-select middle">
<option value="">00:00</option>
<option value="">00:30</option>
<option value="">01:00</option>
<option value="">01:30</option>
<option value="">02:00</option>
</select>
<span>~</span>
<select name="" class="form-select middle">
<option value="">00:00</option>
<option value="">00:30</option>
<option value="">01:00</option>
<option value="">01:30</option>
<option value="">02:00</option>
</select>
</div>
</td>
</tr>
</table>
</div>
<div class="detail" id="profile" role="tabpanel" aria-labelledby="profile-tab" tabindex="1">
<ul class="tab">
<li class="active"><a href="#">광고주</a></li>
<li><a href="#">캠페인</a></li>
<li><a href="#">광고그룹</a></li>
<li><a href="#">광고</a></li>
</ul>
<div class="search">
<input type="text" placeholder="검색어를 입력하세요">
</div>
<table class="table tbl-header">
<colgroup>
<col style="width:24%">
<col style="width:28%">
<col>
<col style="width:15%">
</colgroup>
<thead>
<tr>
<th scope="col">매체</th>
<th scope="col">광고주 ID</th>
<th scope="col">광고주명</th>
<th scope="col">상태</th>
</tr>
</thead>
<tbody>
<tr>
<td>페이스북</td>
<td>5897268653698510</td>
<td>[전국]상상의원_광고주랜딩*</td>
<td><b class="em">활성화</b></td>
</tr>
<tr>
<td>페이스북</td>
<td>5897268653698510</td>
<td>[전국]상상의원_광고주랜딩*</td>
<td>중지</td>
</tr>
<tr>
<td>페이스북</td>
<td>5897268653698510</td>
<td>[전국]상상의원_광고주랜딩*</td>
<td><b class="em">활성화</b></td>
</tr>
<tr>
<td>페이스북</td>
<td>5897268653698510</td>
<td>[전국]상상의원_광고주랜딩*</td>
<td>중지</td>
</tr>
</tbody>
</table>
</div>
<div class="detail" id="messages" role="tabpanel" aria-labelledby="messages-tab" tabindex="2">
<table class="table tbl-header">
<colgroup>
<col>
<col style="width:45%">
<col style="width:5%">
</colgroup>
<thead>
<tr>
<th scope="col">항목</th>
<th scope="col">구분</th>
<th scope="col"><button type="button" class="btn-add">추가</button></th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="form-flex">
<select name="" class="form-select">
<option value="">조건 항목</option>
<option value="">상태</option>
<option value="">예산</option>
<option value="">DB단가</option>
<option value="">유효DB</option>
<option value="">지출액</option>
<option value="">수익</option>
<option value="">수익률</option>
<option value="">매출액</option>
<option value="">노출수</option>
<option value="">링크클릭</option>
<option value="">CPC</option>
<option value="">CTR</option>
<option value="">DB전환률</option>
</select>
<select name="" class="form-select">
<option value="">상태</option>
<option value="">ON</option>
<option value="">OFF</option>
</select>
<input type="text" class="form-control">
</div>
</td>
<td colspan="2">
<div class="form-flex">
<select name="" class="form-select">
<option value="">일치여부</option>
<option value="">초과</option>
<option value="">보다 크거나 같음</option>
<option value="">미만</option>
<option value="">보다 작거나 같음</option>
<option value="">같음</option>
<option value="">같지않음</option>
</select>
<select name="" class="form-select no-flex">
<option value="">AND / OR</option>
<option value="">AND</option>
<option value="">OR</option>
</select>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-flex">
<select name="" class="form-select">
<option value="">조건 항목</option>
<option value="">상태</option>
<option value="">예산</option>
<option value="">DB단가</option>
<option value="">유효DB</option>
<option value="">지출액</option>
<option value="">수익</option>
<option value="">수익률</option>
<option value="">매출액</option>
<option value="">노출수</option>
<option value="">링크클릭</option>
<option value="">CPC</option>
<option value="">CTR</option>
<option value="">DB전환률</option>
</select>
<select name="" class="form-select">
<option value="">상태</option>
<option value="">ON</option>
<option value="">OFF</option>
</select>
<input type="text" class="form-control">
</div>
</td>
<td colspan="2">
<div class="form-flex">
<select name="" class="form-select">
<option value="">일치여부</option>
<option value="">초과</option>
<option value="">보다 크거나 같음</option>
<option value="">미만</option>
<option value="">보다 작거나 같음</option>
<option value="">같음</option>
<option value="">같지않음</option>
</select>
<select name="" class="form-select no-flex">
<option value="">AND / OR</option>
<option value="">AND</option>
<option value="">OR</option>
</select>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="detail" id="preactice" role="tabpanel" aria-labelledby="preactice-tab" tabindex="3">
<ul class="tab">
<li class="active"><a href="#">캠페인</a></li>
<li><a href="#">광고그룹</a></li>
<li><a href="#">광고</a></li>
</ul>
<div class="search">
<input type="text" placeholder="검색어를 입력하세요">
</div>
<table class="table tbl-header">
<colgroup>
<col style="width:24%">
<col style="width:28%">
<col>
<col style="width:15%">
</colgroup>
<thead>
<tr>
<th scope="col">매체</th>
<th scope="col">광고주 ID</th>
<th scope="col">광고주명</th>
<th scope="col">상태</th>
</tr>
</thead>
<tbody>
<tr>
<td>페이스북</td>
<td>5897268653698510</td>
<td>[전국]상상의원_광고주랜딩*</td>
<td><b class="em">활성화</b></td>
</tr>
<tr>
<td>페이스북</td>
<td>5897268653698510</td>
<td>[전국]상상의원_광고주랜딩*</td>
<td>중지</td>
</tr>
<tr>
<td>페이스북</td>
<td>5897268653698510</td>
<td>[전국]상상의원_광고주랜딩*</td>
<td><b class="em">활성화</b></td>
</tr>
<tr>
<td>페이스북</td>
<td>5897268653698510</td>
<td>[전국]상상의원_광고주랜딩*</td>
<td>중지</td>
</tr>
</tbody>
</table>
<table class="table tbl-header">
<colgroup>
<col>
<col style="width:5%">
</colgroup>
<thead>
<tr>
<th scope="col">항목</th>
<th scope="col"><button type="button" class="btn-add">추가</button></th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2">
<div class="form-flex">
<select name="" class="form-select">
<option value="">실행항목</option>
<option value="">상태</option>
<option value="">예산</option>
</select>
<select name="" class="form-select">
<option value="">상태</option>
<option value="">ON</option>
<option value="">OFF</option>
</select>
<input type="text" class="form-control">
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="detail" id="detail" role="tabpanel" aria-labelledby="detail-tab" tabindex="4">
<table class="table tbl-side">
<colgroup>
<col style="width:35%">
<col>
</colgroup>
<tr>
<th scope="row">이름*</th>
<td>
<input type="text" class="form-control bg">
</td>
</tr>
<tr>
<th scope="row">설명</th>
<td>
<textarea class="form-control"></textarea>
</td>
</tr>
</table>
<duv class="btn-area">
<button type="button" class="btn-special">저장</button>
</duv>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="logModal" tabindex="-1" aria-labelledby="memoModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title" id="memoModalLabel"><i class="ico-log"></i> 감사 로그</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<table class="table tbl-dark">
<colgroup>
<col>
<col style="width:22%;">
<col style="width:18%;">
<col style="width:22%;">
</colgroup>
<thead class="table-dark">
<tr>
<th scope="col">이름</th>
<th scope="col">작성자</th>
<th scope="col">업데이트</th>
<th scope="col">사용</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
<td class="text-center">커밋 후 작업</td>
<td class="text-center"><b class="em">성공</b></td>
<td class="text-center">더보기</td>
</tr>
<tr>
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
<td class="text-center">커밋 후 작업</td>
<td class="text-center"><b>실패</b></td>
<td class="text-center">더보기</td>
</tr>
<tr>
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
<td class="text-center">커밋 후 작업</td>
<td class="text-center"><b class="em">성공</b></td>
<td class="text-center">더보기</td>
</tr>
<tr>
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
<td class="text-center">커밋 후 작업</td>
<td class="text-center"><b>실패</b></td>
<td class="text-center">더보기</td>
</tr>
<tr>
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
<td class="text-center">커밋 후 작업</td>
<td class="text-center"><b class="em">성공</b></td>
<td class="text-center">더보기</td>
</tr>
<tr>
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
<td class="text-center">커밋 후 작업</td>
<td class="text-center"><b>실패</b></td>
<td class="text-center">더보기</td>
</tr>
<tr>
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
<td class="text-center">커밋 후 작업</td>
<td class="text-center"><b class="em">성공</b></td>
<td class="text-center">더보기</td>
</tr>
<tr>
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
<td class="text-center">커밋 후 작업</td>
<td class="text-center"><b>실패</b></td>
<td class="text-center">더보기</td>
</tr>
<tr>
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
<td class="text-center">커밋 후 작업</td>
<td class="text-center"><b class="em">성공</b></td>
<td class="text-center">더보기</td>
</tr>
<tr>
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
<td class="text-center">커밋 후 작업</td>
<td class="text-center"><b>실패</b></td>
<td class="text-center">더보기</td>
</tr>
<tr>
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
<td class="text-center">커밋 후 작업</td>
<td class="text-center"><b class="em">성공</b></td>
<td class="text-center">더보기</td>
</tr>
<tr>
<td class="text-center">2023-09-27 12:52 <span class="num">(20763687216)</span></td>
<td class="text-center">커밋 후 작업</td>
<td class="text-center"><b>실패</b></td>
<td class="text-center">더보기</td>
</tr>
</tbody>
</table>
<div class="paging">
<a href="#" class="btn-prev">이전</a>
<a href="#" class="current">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<span>...</span>
<a href="#">291</a>
<a href="#" class="btn-next">다음</a>
</div>
</div>
</div>
</div>
</div>
<script>
$('body').on('click', '.tab-link', function() {
$('.tab-link').removeClass('active');
$(this).addClass('active');
});
if($('#preactice-tab').attr('aria-selected')){
$('#preactice').addClass('active');
}
</script>
<?=$this->endSection();?>
<?=$this->section('footer');?>
<?=$this->endSection();?>