|
Server : Apache System : Linux ruga7-004.fmcity.com 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : tkt_travelbus ( 1137) PHP Version : 7.0.0p1 Disable Function : mysql_pconnect Directory : /tkt_travelbus/www/toadmin/design/ |
Upload File : |
<?php
include "../include/top.html";
include "_common.php";
$imgFolder = 'tk';
$lang = 'hk';
if(strpos($_SERVER['REQUEST_URI'], 'tb.html') !== false){
$imgFolder = 'tb';
$lang = 'ko';
}
$sqlWhere = "lang != 'ko'";
if($lang == 'ko'){
$sqlWhere = "lang = 'ko'";
}
$sql = "SELECT * FROM footerIconLink WHERE {$sqlWhere} ORDER BY seq ASC";
$row = db_query($sql);
$data = array();
while($item = db_fetch_array($row)){
array_push($data, $item);
}
?>
<style>
.youtubeUrl:hover{color:#1163b7;font-weight:bold;text-decoration: underline}
.search_rt_btn{float:left}
.search_rt_btn li{margin-left:0px}
#youtubeLabelArea{clear:both;float:left;width:1654px}
#youtubeLabelArea div{float:left;background:#000;color:#fff;padding:10px;border-right:1px solid #ccc;text-align:center;border-top:1px solid #ccc;}
#youtubeLabelArea div:nth-child(1){width:30px;border-left:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#youtubeLabelArea div:nth-child(2){width:100px;padding:10px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#youtubeLabelArea div:nth-child(3){width:960px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#youtubeLabelArea div:nth-child(4){width:200px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#youtubeLabelArea div:nth-child(5){width:70px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#youtubeLabelArea div:nth-child(6){width:50px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#youtubeLabelArea div:nth-child(7){width:100px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#youtubeLabelArea div:nth-child(8){width:50px;border-top:1px solid #ccc;;border-bottom:1px solid #ccc;}
#youtubeLabelArea div:nth-last-child(1){border-right:1px solid #ccc}
#sortable li{clear:both;float:left;border:1px solid #ccc;margin-top:3px;background:#fff}
#sortable li div{float:left;padding:20px 10px;;border-right:1px solid #ccc;text-align:center;height:20px}
#sortable li div:nth-child(1){width:30px}
#sortable li div:nth-child(2){width:100px;height:60px;padding:0}
#sortable li div:nth-child(3){width:960px}
#sortable li div:nth-child(4){width:200px;text-align: left}
#sortable li div:nth-child(5){width:70px}
#sortable li div:nth-child(6){width:50px}
#sortable li div:nth-child(7){width:100px}
#sortable li div:nth-child(8){width:49px}
.youtubeTitle{overflow:hidden;height:14px}
.search_rt_btn a{font-weight: bold}
</style>
<!--<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />-->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js" ></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.js" ></script>
<div class="contents_wrap">
<div class="contents_wrap_in">
<div class="title">메인페이지
<span class="arrow">></span>
<strong>푸터아이콘 관리</strong>
<span class="arrow">></span>
<?php
$footerIconPageTitle = "TK트래블";
if($lang == 'ko'){
$footerIconPageTitle = "여행대장";
}
?>
<strong><?=$footerIconPageTitle?></strong>
</div>
<div class="contents_detail">
<div class="setting_wrap">
<div class="top_txt_s">
<div class="bar_wrap">
<ul class="search_rt_btn">
<li><a class="Tbtn red" href="javascript:;" onclick="to_dialog.iframe('footerIcon_reg_write.html?lang=<?=$lang?>','푸터아이콘 등록','700','700',true,true,'yes')">등록하기</a></li>
<li><a onclick="setFooterIconSequence()" style="margin-left:10px" class="Tbtn gray" href="javascript:;" >순서저장</a></li>
</ul>
</div>
</div>
<div id="youtubeLabelArea">
<div>순서</div>
<div>아이콘 이미지</div>
<div>URL</div>
<div>링크명</div>
<div>등록일</div>
<div>-</div>
</div>
<!-- 폼 -->
<form name="frm_banner" id="frm_banner" method="post">
<INPUT TYPE="hidden" NAME="SqlType" value="chgorder">
<ul id="sortable">
<?php
foreach($data as $item){
?>
<li class="footerIconArea" footerIconLinkID="<?=$item['footerIconLinkID']?>">
<div class="seqArea">
<p><?=$item['seq']?></p>
</div>
<div>
<img src="/FileData/footerIcon/<?=$imgFolder?>/<?=$item['linkImage']?>" style="width:50px;height:50px;margin-top:6px" />
</div>
<?php
if($lang == 'ko'){
?>
<div style="text-align:left">
<a class="youtubeUrl" href="<?=$item['link']?>" target="_blank"><?=$item['link']?></a>
</div>
<div style="">
<p class="youtubeTitle"><?=$item['linkName']?></p>
</div>
<?php
}else{
?>
<div style="text-align:left;padding:7px 10px 33px !important;">
<a class="youtubeUrl" href="<?=$item['linkHk']?>" target="_blank">번체 : <?=$item['linkHk']?></a><br>
<a class="youtubeUrl" href="<?=$item['linkCn']?>" target="_blank">간체 : <?=$item['linkCn']?></a><br>
<a class="youtubeUrl" href="<?=$item['linkEn']?>" target="_blank">영어 : <?=$item['linkEn']?></a>
</div>
<div style="padding:7px 10px 33px !important;">
<p class="youtubeTitle">번체 : <?=$item['linkNameHk']?></p>
<p class="youtubeTitle">간체 : <?=$item['linkNameCn']?></p>
<p class="youtubeTitle">영어 : <?=$item['linkNameEn']?></p>
</div>
<?php
}
?>
<div><?=explode(" ",$item['ins_dt'])[0]?></div>
<div>
<img src="../image/btn/icon_write.gif" style="width:17px;margin-right:10px;cursor:pointer;" onclick="to_dialog.iframe('footerIcon_reg_write.html?footerIconLinkID=<?=$item['footerIconLinkID']?>','수정','1000','480',true,true,'no')">
<img src="../image/btn/icon_del.gif" style="width:17px;margin-left:1px;cursor:pointer;" onClick="delete_frm('<?=$item['footerIconLinkID']?>');">
</div>
</li>
<?php
}
?>
</ul>
</form>
<!-- /폼 -->
</div>
</div>
</div>
</div>
<input type="hidden" id="isFirst" value="t" />
<script language="javascript">
$(window).load(function() {
$("#sortable").sortable();
$("#sortable").disableSelection();
$('#sortable li').mouseup(function(){
setTimeout(function(){
setFooterIconSequence();
},200)
})
<?php
if($data){
?>
setTimeout(function(){
setFooterIconSequence();
},200);
<?php
}
?>
});
function delete_frm(idx)
{
if(!idx) return;
if(!confirm("정말 삭제하시겠습니까?")) return false;
parent.ajax_post("ajax_proc","footer_icon_proc.php?SqlType=delete&idx="+idx);
}
//순서조정
function setFooterIconSequence(){
document.getElementById('sortable').getElementsByClassName('footerIconArea').length;
sendData = "";
for (i = 0; i < document.getElementById('sortable').getElementsByClassName('footerIconArea').length; i++) {
sequence = i + 1;
if (!sendData) {
sendData = document.getElementById('sortable').getElementsByClassName('footerIconArea')[i].getAttribute('footerIconLinkID') + '-' + sequence
} else {
sendData += ',' + document.getElementById('sortable').getElementsByClassName('footerIconArea')[i].getAttribute('footerIconLinkID') + '-' + sequence
}
}
if(sendData.indexOf('null') >= 0){
return false;
}
$.ajax({
type: "POST",
url: "/toadmin/ajaxData/",
data: {mode: 'setFooterIconSequence', seqData: sendData},
dataType: 'json',
async: false,
success: function (data) {
console.log(JSON.stringify(data));
if (data.result == true) {
if($('#isFirst').val() != 't'){
iziToast.show({
timeout: 500,
color: 'green',
title: '푸터아이콘링크 순서변경',
message: "적용되었습니다.",
});
}
$('#isFirst').val('f');
setSeqOnlyView();
} else {
iziToast.show({
timeout: 2000,
color: 'red',
title: '푸터아이콘링크 순서변경',
message: "실패하였습니다.",
});
}
},
error: function (e) {
iziToast.show({
timeout: 2000,
color: 'red',
title: '중대오류',
message: "실패하였습니다.",
});
}
});
}
function setSeqOnlyView(){
for (i = 0; i < document.getElementById('sortable').getElementsByClassName('footerIconArea').length; i++) {
seqNum = i + 1;
document.getElementById('sortable').getElementsByClassName('footerIconArea')[i].getElementsByClassName('seqArea')[0].getElementsByTagName('p')[0].innerText = seqNum;
}
}
</script>
<? include "../include/footer.html" ?>