239 lines
10 KiB
PHP
239 lines
10 KiB
PHP
<?php $bland_code = "kia"; ?>
|
|
<!--
|
|
//메타의 각 브랜드 별 코드는 hyundai,genesis 입니다.
|
|
//브랜드 별 경로에 따라 해당 코드를 변경해주세요.
|
|
-->
|
|
<?php $gnbStyleCode = "hBoder"; ?>
|
|
<!--
|
|
페이지 별 붙박이 코드입니다. 해당 변수는 JSP로만 변경해주시고, 값은 그대로 유지만 시켜주시면 됩니다.
|
|
-->
|
|
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>제품상세명 > 제품리스트 > 회사명</title>
|
|
<!--
|
|
//위에 순서대로 title 이 변경되어야 합니다.
|
|
-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php");
|
|
?>
|
|
<!--상품상세 페이지 css 분리-->
|
|
<link rel="stylesheet" charset="UTF-8" href="/kr/assets/css/order.css?v1" type="text/css" />
|
|
<!--다른 사이트 팝업으로 넣을때 해당 css 만 넣어 주세요-->
|
|
<link rel="stylesheet" charset="UTF-8" href="/kr/assets/css/streaming.css?v1" type="text/css" />
|
|
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/style.php");
|
|
?>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<!--//header-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/header.php");
|
|
?>
|
|
<!--//header-->
|
|
|
|
<!--//content-warp-->
|
|
|
|
|
|
<!--footer에 margin 이 없는 class 가 있습니다. -->
|
|
<div class="contentWarp carsw">
|
|
<div class="cartView carsFull">
|
|
<div class="pageTitle">
|
|
<h1>뮤직 스트리밍 서비스 연동 </h1>
|
|
</div>
|
|
<div class="pageSubTitle">
|
|
<h2>서비스 연동</h2>
|
|
<p>뮤직 스트리밍 서비스를 이용하시려면 추가 버튼을 눌러 원하시는 서비스를 연동해 주세요.</p>
|
|
</div>
|
|
<!-- [S] 편집버튼 노출조건인 경우 노출 -->
|
|
<div class="streamignEditBtn">
|
|
<a href="#none">
|
|
<img src="/kr/assets/images/common/icon-edit.svg" alt="icon edit">
|
|
<span>
|
|
뮤직 스트리밍 서비스 편집
|
|
</span>
|
|
<img src="/kr/assets/images/common/icon-arrow_right.svg" alt="icon arrow">
|
|
</a>
|
|
</div>
|
|
<!-- [S] 편집버튼 노출조건인 경우 노출 -->
|
|
|
|
<!--
|
|
***** 위 편집버튼이 노출되면 아래 editUse 클래스를 붙여주시고,
|
|
그렇지 않은 경우 editUse 클래스는 빼주세요.
|
|
-->
|
|
<ul class="selectStreamign editUse">
|
|
<li>
|
|
<div class="imgItemWrap">
|
|
<div class="imgItem">
|
|
<img src="/kr/assets/images/common/melon_new.png" alt="">
|
|
<div class="title">
|
|
멜론
|
|
</div>
|
|
</div>
|
|
<label class="switchToggle">
|
|
<input type="checkbox" class="serviceOnOff" checked>
|
|
<span class="slider round"></span>
|
|
</label>
|
|
<script>
|
|
// 확인차 임시로 넣어둔 스크립트 입니다.
|
|
// 개발 편의상 대체 및 삭제 하셔도 무방합니다.
|
|
// serviceOnOff 클래스 명은 CSS와 연결된 사항 없으니 삭제하셔도 됩니다.
|
|
$(document).ready(function() {
|
|
$(".serviceOnOff").on('click', function() {
|
|
if ( $(this).prop('checked') ) {
|
|
|
|
} else {
|
|
open_layer_popup('service_off');
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</div>
|
|
</li>
|
|
|
|
<li>
|
|
<div class="imgItemWrap">
|
|
<div class="imgItem">
|
|
<img src="/kr/assets/images/common/genie_new.png" alt="">
|
|
<div class="title">
|
|
지니
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="btnWarp">
|
|
<div class="oneButton">
|
|
<a href=""><p>추가</p></a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
<div class="stopServiceBtn">
|
|
<a href="javascript:;" onClick="javascript:open_layer_popup('stop_service_confirm');">
|
|
<span>뮤직 스트리밍 서비스 이용 중단하기</span>
|
|
<img src="/kr/assets/images/common/icon-arrow_right.svg" alt="icon arrow">
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
<!--//content-warp-->
|
|
|
|
<!--알럿팝업-->
|
|
|
|
|
|
<!-- [S] 뮤직 스트리밍 서비스 이용 중단하기 버튼 클릭 시 -->
|
|
<div id="stop_service_confirm" class="alertPopup" style="display:none; opacity:0;">
|
|
<div class="popInner">
|
|
<div class="content">
|
|
<p>
|
|
<strong>주의 사항</strong>
|
|
</p>
|
|
<p>
|
|
<span>
|
|
뮤직 스트리밍 서비스 이용을 중단하시면 해당 서비스 이용을 위해 동의하셨던 약관 및 연동 데이터가 모두 삭제되며, 차량에서 뮤직 스트리밍 서비스 이용이 불가합니다.<br><br>
|
|
※ 뮤직 스트리밍 서비스 이용을 중단하시더라도 다른 외부 서비스 연동은 이용 가능합니다.<br>
|
|
서비스를 중단하시겠습니까?
|
|
</span>
|
|
</p>
|
|
<div class="carswBtn">
|
|
<div class="towButton">
|
|
<a href="javascript:;" class="cartBtn leftBtn" onClick="javascript:close_layer_popup('stop_service_confirm');"><p>계속 이용</p></a>
|
|
<a href="javascript:;" class="PurchaseBtn rightBtn" onClick="javascript:close_layer_popup('stop_service_confirm');open_layer_popup('stop_service');"><p>이용 중단</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- [E] 뮤직 스트리밍 서비스 이용 중단하기 버튼 클릭 시 -->
|
|
|
|
|
|
<!-- [S] 뮤직 스트리밍 서비스 이용 중단하기 레이어 팝업에서 이용중단을 클릭한 경우 -->
|
|
<div id="stop_service" class="alertPopup" style="display:none; opacity:0;">
|
|
<div class="popInner">
|
|
<div class="content">
|
|
<p>
|
|
<span>
|
|
뮤직 스트리밍 서비스 이용 중단을 완료하였습니다. 고객님의 소중한 데이터는 안전하게 처리되어 삭제될 예정입니다.<br><br>
|
|
그 동안 뮤직 스트리밍 서비스를 이용 해주셔서 감사합니다.
|
|
</span>
|
|
</p>
|
|
|
|
<div class="carswBtn">
|
|
<div class="oneButton">
|
|
<a href="javascript:;" onClick="close_layer_popup('stop_service');"><p>확인</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- [E] 뮤직 스트리밍 서비스 이용 중단하기 레이어 팝업에서 이용중단을 클릭한 경우 -->
|
|
|
|
|
|
<!-- [S] 뮤직 스트리밍 서비스 이용 중단하기 레이어 팝업에서 이용중단을 클릭한 경우 -->
|
|
<div id="stop_service" class="alertPopup" style="display:none; opacity:0;">
|
|
<div class="popInner">
|
|
<div class="content">
|
|
<p>
|
|
<span>
|
|
뮤직 스트리밍 서비스 이용 중단을 완료하였습니다. 고객님의 소중한 데이터는 안전하게 처리되어 삭제될 예정입니다.<br><br>
|
|
그 동안 뮤직 스트리밍 서비스를 이용 해주셔서 감사합니다.
|
|
</span>
|
|
</p>
|
|
<div class="carswBtn">
|
|
<div class="oneButton">
|
|
<a href="javascript:;" onClick="close_layer_popup('stop_service');"><p>확인</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- [E] 뮤직 스트리밍 서비스 이용 중단하기 레이어 팝업에서 이용중단을 클릭한 경우 -->
|
|
|
|
|
|
<!-- [S] 토글 버튼으로 서비스 Off 한 경우 -->
|
|
<div id="service_off" class="alertPopup" style="display:none; opacity:0;">
|
|
<div class="popInner">
|
|
<div class="content">
|
|
<p>
|
|
<span>
|
|
서비스 연결이 Off되어 서비스가 종료되었습니다.<br>
|
|
차량에서 서비스 사용을 원하시면 On 으로 변경해주세요.
|
|
</span>
|
|
</p>
|
|
<div class="carswBtn">
|
|
<div class="oneButton">
|
|
<a href="javascript:;" onClick="close_layer_popup('service_off');"><p>확인</p></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- [E] 토글 버튼으로 서비스 Off 한 경우 -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--알럿팝업-->
|
|
|
|
<!--//footer-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/footer.php");
|
|
?>
|
|
<!--//footer-->
|
|
</body>
|
|
</html>
|