Сервісні центри | Kia Україна

<!DOCTYPE html> <html lang="ru-UA"> <head> <title>Сервісні центри | Kia Україна</title> <meta charset="utf-8" />  <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <meta name="keywords" content=""> <meta name="title" content="Сервісні центри | Kia Україна" /> <meta name="description" content="Ищете авторизованный сервисный центр Kia? Позволь нам помочь. Используйте инструмент Locator Kia Service Center Locator и найдите ближайшую станцию обслуживания.">  <meta name="kia_metrics_pagename" content="service|service care|service center location">  <link rel="canonical" href="https://www.kia.com/ua/service/service-care/location.html"> <link rel="shortcut icon" href="/content/dam/kwcms/gt/en/images/new/favicon_new.png" type="image/x-icon"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=2.0,user-scalable=yes"> <meta name="robots" content="NOODP, NOYDIR"> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="Kia Україна" /> <meta name="twitter:title" content="Сервісні центри | Kia Україна" /> <meta name="twitter:description" content="Ищете авторизованный сервисный центр Kia? Позволь нам помочь. Используйте инструмент Locator Kia Service Center Locator и найдите ближайшую станцию обслуживания." /> <meta name="twitter:image" content="/content/dam/kwcms/gt/en/images/sns_thumbnail/kia_sns_logo.png" /> <meta name="twitter:url" content="https://www.kia.com/ua/service/service-care/location.html" /> <meta name="twitter:creator" contents="Kia" /> <meta property="og:site_name" content="Kia Україна" /> <meta property="og:title" content="Сервісні центри | Kia Україна" /> <meta property="og:type" content="website" /> <meta property="og:description" content="Ищете авторизованный сервисный центр Kia? Позволь нам помочь. Используйте инструмент Locator Kia Service Center Locator и найдите ближайшую станцию обслуживания." /> <meta property="og:image" content="/content/dam/kwcms/gt/en/images/sns_thumbnail/kia_sns_logo.png" /> <meta property="og:url" content="https://www.kia.com/ua/service/service-care/location.html" /> <meta itemprop="name" content="Сервісні центри | Kia Україна"> <meta itemprop="description" content="Ищете авторизованный сервисный центр Kia? Позволь нам помочь. Используйте инструмент Locator Kia Service Center Locator и найдите ближайшую станцию обслуживания."> <meta itemprop="image" content="/content/dam/kwcms/gt/en/images/sns_thumbnail/kia_sns_logo.png"> <meta itemprop="keywords" content="kia, Kia, Сервіс Kia, Місце надання послуг Kia, Управління клієнтами"> <meta itemprop="url" content="https://www.kia.com/ua/service/service-care/location.html"/>      <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WXTWBWP');</script>  <link rel="stylesheet" href="/etc/designs/kia-global/clientlib/css/experience.css" type="text/css">  <script src="/etc/designs/kia-ukraine/clientlib-libjs.min.js"></script> <script type="text/javascript" src="/etc/designs/kia-ukraine/clientlib-angular.js"></script> <link rel="stylesheet" href="/etc/designs/kia-ukraine/clientlib.min.css" type="text/css"> <script src="/etc/designs/kia-ukraine/clientlib.min.js"></script> <script type="text/javascript" src="/etc/designs/kia-ukraine/clientlib/js/font-load.js"></script>   <script type="text/javascript"> var dtmDataLayer = {}; </script>  <script>(function() { var _fbq = window._fbq || (window._fbq = []); if (!_fbq.loaded) { var fbds = document.createElement('script'); fbds.async = true; fbds.src = '//connect.facebook.net/en_US/fbds.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(fbds, s); _fbq.loaded = true; } _fbq.push(['addPixelId', '357795334408363']); })(); window._fbq = window._fbq || []; window._fbq.push(['track', 'PixelInitialized', {}]); </script> <noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=357795334408363&ev=PixelInitialized"/></noscript> <script>(function() { var _fbq = window._fbq || (window._fbq = []); if (!_fbq.loaded) { var fbds = document.createElement('script'); fbds.async = true; fbds.src = '//connect.facebook.net/en_US/fbds.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(fbds, s); _fbq.loaded = true; } _fbq.push(['addPixelId', '865420870164135']); })(); window._fbq = window._fbq || []; window._fbq.push(['track', 'PixelInitialized', {}]); </script> <noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=865420870164135&ev=PixelInitialized"/></noscript>    <script> window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'page_view' , 'page_name': 'service|service care|service center location' // íì´ì§ëª. Adobe Analytic page nameì ì¤ì íê¸° ìí´ ì¤ì í meta tagì¤ "meta name = kia_metrics_pagename"ì ì¤ì ë content ê° ìë ¥, eg) <meta name="kia_metrics_pagename" content="cars | carnival | features"> , 'page_type': 'location' //ëë©ì¸ì ì ì¸í URIì 2depth ì¹´íê³ ë¦¬ëª ìë ¥, ë¨ Mainì ê²½ì° 2depthê° ìì¼ë¯ë¡ HOMEì¼ë¡ ìë ¥, eg) /shopping-tools/build-your-own --> build-your-own ìë ¥ , 'prv_page_name': document.referrer == '' ? 'entry' : document.referrer // ë¤ì íì´ì§ë¡ ì´ë ì ì´ì íì´ì§ëª ê¸°ë¡, ì²« íì´ì§ì ê²½ì° ì´ì íì´ì§ëªì´ ìì¼ë¯ë¡ 'entry'ë¼ê³ ìë ¥ }); //console.log( JSON.stringify( window.dataLayer[window.dataLayer.length-1] ) ); </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TV2M76H');</script>   </head> <body>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TV2M76H" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>    <div class="accessbility"><a href="#content">Go to content</a></div> <div id="wrap">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WXTWBWP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <img class="hidden_blind" src="https://px.adhigh.net/p/tracking.gif?syncs=default&site_id=3055" width="1" height="1"> <img class="hidden_blind" src="https://px.adhigh.net/p/tracking.gif?syncs=bsw&syncs_only=true" width="1" height="1"> <div id="header"> <div class="header_in">  <div class="logo_h1"><a href="/ua/main.html" class="lg_a"></a></div>   <a href="#" class="open_gnb"><span class="cmm_spr spr_menu">open menu</span></a>   <div class="gnb_area">  <div class="gnb_menu gnb-menu"> <ul class="gnb_nav">  <li class="dth1_l"><a href="#" class="dth1_a" data-ganame="showroom">Каталог моделей</a> <div class="dth2_u dth_pip"> <div class="car_tab"> <a href="#" class="sort_a sort_on"><span class="cmm_tspr spr_sort">Вci</span></a> <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">Кросовери</span></a> <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">Електричні та Гібридні</span></a> </div> <div class="car_grid on"> <strong class="hidden">Вci</strong> <ul class="grid_u"> <li class="grid_l "> <a href="/ua/showroom/stonic.html" class="grid_box anim"> <span class="g_img"><img src="/content/dam/kwcms/gt/en/images/vehicles/gnb/kia-stonic.png" alt="msg_vehicle_stonic"></span> <span class="g_txt">ВІД<span name="g_price">-</span></span> <strong class="g_name">Stonic</strong> <div class="animate"> <img src="/content/dam/kwcms/gt/en/images/vehicles/gnb/kia-stonic_on.png" alt="msg_vehicle_stonic"> </div> </a> </li> <li class="grid_l "> <a href="/ua/showroom/niro.html" class="grid_box "> <span class="g_img"><img src="/content/dam/kwcms/gt/en/images/showroom/Niro-SG2-23MY/kia-sg2-23my.png" alt="msg_vehicle_niro"></span> <span class="g_txt">ВІД<span name="g_price">-</span></span> <strong class="g_name">Niro</strong> </a> </li> <li class="grid_l "> <a href="/ua/showroom/nq5-sportage.html" class="grid_box "> <span class="g_img"><img src="/content/dam/kwcms/ua/ru/images/showroom/sportage-nq5/kia-nq5-22_greenmy.png" alt="msg_vehicle_nq5-sportage"></span> <span class="g_txt">ВІД<span name="g_price">-</span></span> <strong class="g_name">Sportage</strong> </a> </li> <li class="grid_l new_car"> <a href="/ua/showroom/sportage-hev.html" class="grid_box "> <span class="g_img"><img src="/content/dam/kwcms/ua/ru/images/showroom/sportage-nq5/kia-nq5-22_greenmy.png" alt="msg_vehicle_sportage-hev"></span> <span class="g_txt">ВІД<span name="g_price">-</span></span> <strong class="g_name">Sportage HEV</strong> </a> </li> <li class="grid_l new_car"> <a href="/ua/showroom/new-sorento.html" class="grid_box "> <span class="g_img"><img src="/content/dam/kwcms/gt/en/images/showroom/Sorento-MQ4-PE-24my/Kia-sorento-24my.png" alt="msg_vehicle_new-sorento"></span> <span class="g_txt">ВІД<span name="g_price">-</span></span> <strong class="g_name">Новий Sorento</strong> </a> </li> <li class="grid_l new_car"> <a href="/ua/showroom/new-ev6.html" class="grid_box "> <span class="g_img"><img src="/content/dam/kwcms/gt/en/images/showroom/EV6-CV-22My/kia-ev6-22my.png" alt="msg_vehicle_new-ev6"></span> <span class="g_txt">ВІД<span name="g_price">-</span></span> <strong class="g_name">EV6</strong> </a> </li> <li class="grid_l new_car"> <a href="/ua/showroom/ev9.html" class="grid_box "> <span class="g_img"><img src="/content/dam/kwcms/gt/en/images/showroom/EV9-MV-24my/kia-ev9-24my.png" alt="msg_vehicle_ev9"></span> <span class="g_txt">ВІД<span name="g_price">-</span></span> <strong class="g_name">EV9</strong> </a> </li> <li class="grid_l new_car"> <a href="/ua/showroom/ev3.html" class="grid_box "> <span class="g_img"><img src="/content/dam/kwcms/ua/ru/images/showroom/ev3/kia-ev3-24my.png" alt="msg_vehicle_ev3"></span> <span class="g_txt">ВІД<span name="g_price">-</span></span> <strong class="g_name">EV3</strong> </a> </li> </ul> </div> <div class="car_grid"> <strong class="hidden">Легкові</strong> <ul class="grid_u"> <li class="grid_l"> <a href="/ua/showroom/stonic.html" class="grid_box anim"> <span class="g_img"><img src="/content/dam/kwcms/gt/en/images/vehicles/gnb/kia-stonic.png" alt="msg_vehicle_stonic"></span> <span class="g_txt">ВІД<span name="g_price">-</span></span>  <strong class="g_name">Stonic</strong>  <div class="animate"> <img src="/content/dam/kwcms/gt/en/images/vehicles/gnb/kia-stonic_on.png" alt="msg_vehicle_stonic"> </div> </a> </li> <li class="grid_l"> <a href="/ua/showroom/nq5-sportage.html" class="grid_box "> <span class="g_img"><img src="/content/dam/kwcms/ua/ru/images/showroom/sportage-nq5/kia-nq5-22_greenmy.png" alt="msg_vehicle_nq5-sportage"></span> <span class="g_txt">ВІД<span name="g_price">-</span></span>  <strong class="g_name">Sportage</strong>  </a> </li> <li class="grid_l"> <a href="/ua/showroom/new-sorento.html" class="grid_box "> <span class="g_img"><img src="/content/dam/kwcms/gt/en/images/showroom/Sorento-MQ4-PE-24my/Kia-sorento-24my.png" alt="msg_vehicle_new-sorento"></span> <span class="g_txt">ВІД<span name="g_price">-</span></span>  <strong class="g_name">Новий Sorento</strong>  </a> </li> </ul> </div> <div class="car_grid"> <strong class="hidden">Легкові</strong> <ul class="grid_u"> <li class="grid_l"> <a href="/ua/showroom/niro.html" class="grid_box "> <span class="g_img"><img src="/content/dam/kwcms/gt/en/images/showroom/Niro-SG2-23MY/kia-sg2-23my.png" alt="msg_vehicle_niro"></span> <span class="g_txt">ВІД<span name="g_price">-</span></span>  <strong class="g_name">Niro</strong>  </a> </li> <li class="grid_l"> <a href="/ua/showroom/sportage-hev.html" class="grid_box "> <span class="g_img"><img src="/content/dam/kwcms/ua/ru/images/showroom/sportage-nq5/kia-nq5-22_greenmy.png" alt="msg_vehicle_sportage-hev"></span> <span class="g_txt">ВІД<span name="g_price">-</span></span>  <strong class="g_name">Sportage HEV</strong>  </a> </li> <li class="grid_l"> <a href="/ua/showroom/new-ev6.html" class="grid_box "> <span class="g_img"><img src="/content/dam/kwcms/gt/en/images/showroom/EV6-CV-22My/kia-ev6-22my.png" alt="msg_vehicle_new-ev6"></span> <span class="g_txt">ВІД<span name="g_price">-</span></span>  <strong class="g_name">EV6</strong>  </a> </li> <li class="grid_l"> <a href="/ua/showroom/ev9.html" class="grid_box "> <span class="g_img"><img src="/content/dam/kwcms/gt/en/images/showroom/EV9-MV-24my/kia-ev9-24my.png" alt="msg_vehicle_ev9"></span> <span class="g_txt">ВІД<span name="g_price">-</span></span>  <strong class="g_name">EV9</strong>  </a> </li> <li class="grid_l"> <a href="/ua/showroom/ev3.html" class="grid_box "> <span class="g_img"><img src="/content/dam/kwcms/ua/ru/images/showroom/ev3/kia-ev3-24my.png" alt="msg_vehicle_ev3"></span> <span class="g_txt">ВІД<span name="g_price">-</span></span>  <strong class="g_name">EV3</strong>  </a> </li> </ul> </div>   </div> </li> <li class="dth1_l"><a href="#" class="dth1_a" data-ganame="shopping-tools">Інформація для клієнтів</a> <ul class="dth2_u">  <li class="dth2_l"><a href="/ua/shopping-tools/credit.html" class="dth2_a" data-ganame="credit">Фінансування</a></li> <li class="dth2_l"><a href="/ua/shopping-tools/avto-v-najaovnosti.html" class="dth2_a" data-ganame="avto-v-najaovnosti">Авто в наявності</a></li> <li class="dth2_l"><a href="/ua/shopping-tools/distributor.html" class="dth2_a" data-ganame="distributor">Дистриб’ютор</a></li> <li class="dth2_l"><a href="/ua/shopping-tools/tradein.html" class="dth2_a" data-ganame="tradein">Кіа з пробігом</a></li> <li class="dth2_l"><a href="/ua/shopping-tools/docs.html" class="dth2_a" data-ganame="docs">Юридична інформація</a></li> </ul> </li> <li class="dth1_l"><a href="#" class="dth1_a" data-ganame="service">Сервіс</a> <ul class="dth2_u">  <li class="dth2_l"><a href="/ua/service/5-years-warranty.html" class="dth2_a" data-ganame="5-years-warranty">Гарантія</a></li> <li class="dth2_l"><a href="/ua/service/book-a-service.html" class="dth2_a" data-ganame="book-a-service">Залишити заявку на сервіс</a></li> <li class="dth2_l"><a href="/ua/service/service-care.html" class="dth2_a" data-ganame="service-care">Сервіс та турбота про клієнтів</a></li> <li class="dth2_l"><a href="/ua/service/book-a-parts.html" class="dth2_a" data-ganame="book-a-parts">Придбати запчастини Кіа</a></li> </ul> </li> </ul>  <ul class="gnb_nav gnb_right"> <li class="dth1_l"><a href="#" class="dth1_a" data-ganame="discover-kia">Відкрий для себе Kia</a> <ul class="dth2_u"> <li class="dth2_l"><a href="/ua/discover-kia/our-movement.html" class="dth2_a" data-ganame="our-movement">Наш рух, який надихає</a></li> <li class="dth2_l"><a href="/ua/discover-kia/tasman.html" class="dth2_a" data-ganame="tasman">Новий Kia Tasman</a></li> <li class="dth2_l"><a href="/ua/discover-kia/pbv.html" class="dth2_a" data-ganame="pbv">PBV</a></li> <li class="dth2_l"><a href="/ua/discover-kia/ev-day.html" class="dth2_a" data-ganame="ev-day">День EV </a></li> </ul> </li> </ul>  </div>   <div class="util_area"> <ul class="util_menu"> <li class="util_l"><a href="/ua/util/news.html" class="util_a" target="_self" data-ganame="news">ЩО НОВОГО?</a></li> <li class="util_l"><a href="/ua/util/promotion.html" class="util_a" target="_self" data-ganame="promotion">СПЕЦІАЛЬНІ ПРОПОЗИЦІЇ</a></li> <li class="util_l"><a href="/ua/util/customer-center/contact-us.html" class="util_a" target="_self" data-ganame="contact-us">ЗВОРОТНІЙ ЗВ'ЯЗОК</a></li> <li class="util_l"><a href="https://buy-a-car.kia.ua/" class="util_a" target="_self" data-ganame="buy-a-car.kia.ua">АВТОМОБІЛІ В НАЯВНОСТІ</a></li> </ul>  <div class="util_rate"> <span>Курс НБУ : 1EUR = 43,52 грн.</span> </div>  <div class="util_light_link"> <a href="/ua/util/kia-global.html" class="util_a" data-ganame="Country Selector">Country Selector</a> </div>  <div class="util_find_dealer"> <a href="/ua/shopping-tools/find-a-dealer.html" data-ganame="find a dealer">Шукати Дилера</a> </div>  <div class="util_search">  <div class="u_sch_button"> <a href="#" class="sch_act_btn"> <span class="ico_txt">Пошук</span> </a> </div>  <div class="u_sch_box"> <form action="/ua/util/search.html" method="get"> <input type="text" name="q" id="txtTopSearch" class="sch_inp" title="Search Keyword" placeholder="Пошук"> <button type="submit" class="sch_btn" title="Пошук" onclick="$GT.topSearch();"><span class="cmm_spr spr_search">Пошук</span></button> </form> </div> </div></div>   <div class="menu_build gnb-build" style="min-width:100px;"> <div class="go_build">  <a href="/ua/util/customer-center/contact-us.html" class="btnMedium btnType1" data-ganame='contact-us'><span class="cmm_tspr spr_build"><em class="desc">0-800-502-909</em></span></a>  </div> </div>   <div class="hidden">Util Menu</div> </div>   <div class="m_sch_area"> <a href="#url" class="open_search"><span class="blind">open search</span></a> <div class="search_area"> <form action="/ua/util/search.html" method="get"> <input type="text" name="q" id="m_sch_box" class="search_txt" title="Search Keyword" placeholder="Пошук"> <button type="submit" class="search_btn" title="Search button"><span class="blind">Пошук</span></button> </form> </div> <a href="#url" class="close_search"><span class="blind">close search</span></a> </div>  <script> (function() { $(document).ready(function() { $('.open_search').on('click', function() { $(this).addClass('on'); $(this).next('.search_area').slideDown(200); setTimeout(function() { $('.close_search').css('display', 'block'); }, 200); }); $('.close_search').on('click', function() { $('.open_search').removeClass('on'); $(this).css('display', 'none'); $(this).prev('.search_area').slideUp(200); }); }); })(); </script>    <script type="text/javascript"> (function($) { $(".sch_inp").keydown(function(evt) { if (evt.keyCode == 13){ //2018.05.14 enter search - kdh submit(); } }); window.$GT = $.extend(window.$GT || {}, { topSearch: function(q, obj) { if (!obj) { obj = $("#txtTopSearch"); } else { if (typeof(obj) === "string") { obj = $("#" + obj); } else { obj = $(obj); } } if (!q) { q = obj.val(); if (!q || q == "") { q = obj.text(); } } location.href = "/ua/util/search.html?" + $.param({ q: q }); } }); })(jQuery); </script></div> </div> <div id="container" ng-app="kwcmsAppModuleApp" ng-cloak> <div id="pop_sec" class="pop_dimmed "></div> <div id="content" class="subContents"> <div class="par parsys"><div class="global-title parbase section"> <div class="content_title"> <div class="con_navi"> <ol vocab="http://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem" style="display:inline"> <a href="/ua/main.html" property="item" typeof="WebPage"><span class="cmm_spr spr_home" property="name">Home</span><span class="gt">></span></a> <meta property="position" content=1> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <span class="depth" property="name">Сервіс</span><span class="gt">></span> <meta property="position" content=2> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <a href="/ua/service/service-care.html" property="item" typeof="WebPage"><span class="depth" property="name">Сервіс та турбота про клієнтів</span><span class="gt">></span></a> <meta property="position" content=3> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <a href="/ua/service/service-care/location.html" property="item" typeof="WebPage"><strong class="depth current"property="name">Місцезнаходження</strong></a> <meta property="position" content=4> </li> </ol> </div> <h1 class="con_tit"><p>Сервіс та турбота про клієнтів</p> </h1> </div></div> <div class="content_detail brochure_down section"> <script type="text/javascript"> var _center_search_ = null; var _center_list_view_ = null; var _center_map_view_ = null; kwcmsApp.controller("servicecare.location.search", function($scope, HttpService) { //reference_controller_scope _center_search_ = $scope; //current view selector $scope.currentTab = ""; //checked category values $scope.checkedValue = []; //default search parameters. $scope.paramVO = { "pageNum" : 1 , "pageSize" : 5 , "pageCnt" : 5 , "sc.delYn" : "N" , "sc.displayYn" : "Y" , "sc.searchType" : "center_addr_zipcode" , "sortKey[0]" : "centerNm" , "sortType[0]" : "A" , "sc.searchKey" : "" }; //initialize $scope.init = function () { $scope.currentTab = "list"; //call service categories commonCodeLib.init("SC02SC","kia_ukraine"); $scope.categories = commonCodeLib.comCdList; //call default list $scope.search(); }; //change tab $scope.viewTab = function (tabName) { $scope.currentTab = tabName; _center_list_view_.currentTab = tabName; _center_map_view_.currentTab = tabName; }; //search method $scope.search = function (pageNum, isAll) { if (pageNum != undefined) { $scope.paramVO["pageNum"] = pageNum; } else { $scope.paramVO["pageNum"] = 1; } if (!angular.equals($scope.searchKey, "")) { $scope.paramVO["sc.searchKey"] = $scope.searchKey; } else { $scope.paramVO["sc.searchKey"] = ""; } var paramVO = $scope.paramVO; var apiURI = "selectFindCenterByServiceList"; if (isAll != undefined && isAll == true) { paramVO = { "sc.delYn" : "N" , "sc.displayYn" : "Y" , "isAll" : isAll }; apiURI = "selectFindCenterAllList"; } var params = { method : "GET" , params : paramVO , url : "/api/kia_ukraine/base/sc01/findCenter." + apiURI }; HttpService.http(params, $scope.searchCallback, paramVO); }; //search callback $scope.searchCallback = function (data, params) { if( data.dataInfo.length == 0 ) { dtmDataLayer = { 'no_result_center': $scope.searchKey }; _satellite.track('service_location'); } else { dtmDataLayer = { 'center_search_term': $scope.searchKey }; _satellite.track('service_location'); } if (params.isAll == true) { _center_map_view_.allInit(data, params); } else { _center_list_view_.init(data, params); _center_map_view_.init(data, params); } }; //click category checkbox search $scope.checkboxSearch = function (code) { var idx = $scope.checkedValue.indexOf(code); var cvLen = $scope.checkedValue.length; if (idx > -1) { // is currently selected $scope.checkedValue.splice(idx, 1); } else { // is newly selected $scope.checkedValue.push(code); } //to make condition for search //initailize if (cvLen > 0) { for (var i = 0 ; i < cvLen ; i++) { delete $scope.paramVO["sc.searchServiceCd[" + i + "]"]; } } //make cvLen = $scope.checkedValue.length; if (cvLen > 0) { for (i = 0 ; i < cvLen ; i++) { $scope.paramVO["sc.searchServiceCd[" + i + "]"] = $scope.checkedValue[i]; } } $scope.search(); }; //reset search result $scope.resetSearch = function () { $scope.searchKey = ""; $scope.search(); }; //first. check input a keyword, two. search $scope.checkKeyword = function() { if (angular.equals($scope.searchKey, "") || angular.equals($scope.searchKey, undefined)) { alert("Введіть ключове слово."); } else { $scope.search(); } }; //search keyword element event /* $scope.keydwn = function(e) { if (angular.equals((e.keycode || e.which), 13)) { $scope.checkKeyword(); } }; */ }); </script> <div class="content_detail"> <div class="inner service_location"> <div class="exTab_type tabSelectBox az_other"> <a href="#" class="input_box"><span>Місцезнаходження</span></a> <ul class="col3">  <li class="tab_on"><a href="javascript:;"><span class="tab_tspr tab_map">Місцезнаходження</span></a></li> <li><a href="genuine-parts.html" onclick="dtmDataLayer.internal_link= 'service|service care|service center parts'; _satellite.track('internal_link');"><span class="tab_tspr tab_svc2">Оригінальні запасні частини</span></a></li> <li><a href="parts-product-line-II.html" onclick="dtmDataLayer.internal_link= 'service|service care|service center parts'; _satellite.track('internal_link');"><span class="tab_tspr tab_svc2">Запачстини Product Line Ⅱ</span></a></li> </ul> </div> <h4 class="hidden">Місцезнаходження</h4> <div class="findSearch" ng-controller="servicecare.location.search" ng-init="init()"> <strong class="schTit">Пошук</strong> <div class="schCon"> <div class="formArea"> <div class="formInput"> <input type="text" placeholder='Введите почтовый индекс.' id="search_sample1" class="sch_inp" title='Введите почтовый индекс.' ng-model="searchKey" > </div> </div> <div class="searchOption"> <span class="formCheck" ng-repeat="cate in categories | orderBy:'sortNo'"> <input type="checkbox" id="sample{{$index + 1}}"> <label for="sample{{$index + 1}}" class="check_box {{cate.extra2}}" ng-click="checkboxSearch(cate.code)" value="{{cate.code}}" ng-bind-html="cate.text | sanitize"></label> </span> </div> </div> <div class="btnArea"><button type="button" class="btnMedium btnType1" ng-click="checkKeyword()"><span class="btnIcon arrow_r">Пошук</span></button></div> </div> <script type="text/javascript"> var totalCnt=0; kwcmsApp.controller("servicecare.location.list", function($scope, pagination) { //reference_controller_scope _center_list_view_ = $scope; //current view selector $scope.currentTab = _center_search_.currentTab; //initailize list view $scope.init = function (data, params) { if (angular.equals(data.result, "Success")) { $scope.list = data.dataInfo; $scope.total = data.totalCount; $scope.firstNum = $scope.total - ((params.pageNum - 1) * params.pageSize); pagination.paginationCreate($scope.total, params.pageNum, params.pageSize, params.pageCnt, $scope.search); } else { alert("Вибачте, сталася системна помилка."); } }; //phone 2018.05.09 추가 https://wrms.kia.com/cb/issue/38544 $scope.fnGoPhone = function (phone) { if(matchMedia("screen and (max-width: 767px)").matches){location.href = "tel:" + phone;}; }; //search $scope.search = function (pageNum) { _center_search_.search(pageNum); }; //change tab $scope.viewTab = function (tab) { _center_search_.viewTab(tab); }; //make address html $scope.getAddrStr = function(item){ var str = "- "; if(item.phone != null){ str += "Phone : " + item.phone; } if(item.fax != null){ if(str != "- "){ str += " / "; } str += "Fax : " + item.fax; } if(item.url != null){ if(str != "- "){ str += " / "; } str += '<a href="' + item.url + '" target="_blank">' + item.url + '</a>'; } if(item.zipcode != null && item.zipcode != ""){ str = item.addr + ', ' + item.zipcode + "<br>" + str; } else{ str = item.addr + "<br>" + str; } return str; }; }); </script> <div class="con_box location_result" ng-controller="servicecare.location.list" ng-show="currentTab == 'list'"> <div class="location_text"> <h5 class="result_txt"><span class="m_none">Результати Пошуку : </span>(<strong>{{total}}</strong>) Расположение главного центра</h5> <div class="tab_type1"> <a href="#" class="tab_link tt1_on" ng-click="viewTab('list')">Відображати У Вигляді Списку</a> <a href="#" class="tab_link" ng-click="viewTab('map')">Відображати У Вигляді Карти</a> </div> </div> <div class="location_listview"> <h6 class="hidden">Відображати У Вигляді Списку</h6> <table class="table_type3 location_table"> <caption>Результати Пошуку</caption> <colgroup> <col style="width:17%"> <col style="width:*"> <col style="width:19%"> <col style="width:222px;text-align:center"> <col style="width:19%"> </colgroup> <thead> <tr> <th scope="col">Ім'я</th> <th scope="col">Адреса / phone</th> <th scope="col">Години роботи</th> <th scope="col">Категорія послуг</th> <th scope="col">Інструмент придбання</th> </tr> </thead> <tbody> <tr ng-repeat="item in list" ng-show="total > 0"> <th>{{item.centerNm}}</th> <td class="tleft" ng-bind-html="getAddrStr(item) | sanitize"></td> <td class="tleft" ng-bind-html="item.openHours | sanitize"></td> <td> <div class="offerList"> <span ng-repeat="cs in item.csList" class="map_spr {{cs.extra1}}">{{cs.text}}</span> </div> </td> <td class="tleft">   <a href="/ua/service/book-a-service.html/serviceCenterKey/{{item.centerSeq}}" class="bl_type_a" title="new window">ЗАМОВИТИ ТЕХНІЧНЕ ОБСЛУГОВУВАННЯ</a> </td> </tr> <tr ng-show="total == 0"> <td colspan="5" class="nodata"><span>ПО ВАШЕМУ ЗАПРОСУ НЕ НАЙДЕНО НИ ОДНОГО РЕЗУЛЬТАТА</span></td> </tr> </tbody> </table> <ul class="location_list"> <li class="loc_l" ng-repeat="item in list" ng-show="total > 0"> <strong class="locTit">{{item.centerNm}}</strong> <div class="locInfo"> <p class="addr" ng-hide="!item.addr">{{item.addr}}</p> <ul class="info"> <li ng-hide="!item.phone"><strong>Номер телефону</strong> : <a ng-click="fnGoPhone(item.phone)">{{item.phone}}</a></li> <li class="hours" ng-hide="!item.openHours" ng-bind-html="'<strong>Opening Hours</strong>{{item.openHours}}' | sanitize"></li> <li ng-hide="!item.url"><strong>Адреса в мережі Інтернет</strong> : {{item.url}}</li> </ul> <div class="offerList"> <span ng-repeat="cs in item.csList" class="map_spr {{cs.extra1}}">{{cs.text}}</span> </div> <div class="btn_area">   <a href="/ua/service/book-a-service.html/serviceCenterKey/{{item.centerSeq}}" class="bl_type_a" title="new window">ЗАМОВИТИ ТЕХНІЧНЕ ОБСЛУГОВУВАННЯ</a> </div> </div> </li> <li class="nodata" ng-show="total == 0"><span>ПО ВАШЕМУ ЗАПРОСУ НЕ НАЙДЕНО НИ ОДНОГО РЕЗУЛЬТАТА</span></li> </ul> <div class="pg_num_area" ng-show="total > 0"> <script type="text/javascript"> kwcmsApp.factory('pagination',[function(){ var paginationObj = { pageNum : "", prePageNum : "", nextPageNum: "", totalPageNum: "", nextGroupStartPage : "", range : "", movePage:function(){}, }; return { paginationCreate : function(tCnt,pNum,row,pager,fnc){ var rowPerPage = row; /** 보여질 row 갯수 */ var pagerSize = pager; /** 하단 pagerSize */ var totalPager = parseInt((tCnt-1)/rowPerPage+1); paginationObj.movePage = fnc; /***************************** * 현재 pageNum validate ******************************/ if(!pNum) pNum = 1; if(pNum<1) pNum = 1; if(pNum>totalPager) pNum = totalPager; paginationObj.pageNum = pNum; paginationObj.totalPager = totalPager; paginationObj.prePageNum = paginationObj.pageNum-1 <1 ? "1" : paginationObj.pageNum-1; paginationObj.nextPageNum = paginationObj.pageNum+1 >totalPager ? totalPager : paginationObj.pageNum+1; /***************************** * pagination * 표시될 pager 갯수 정의 ******************************/ pagerBlock = parseInt((paginationObj.pageNum-1)/pagerSize); pagerStartNum= parseInt(pagerBlock*pagerSize)+1; pagerEndNum = pagerStartNum+(pagerSize-1); if(pagerEndNum > totalPager) pagerEndNum = totalPager; var range = []; for(var i=pagerStartNum;i<=pagerEndNum;i++) { range.push(i); } paginationObj.range = range; paginationObj.prePageNum = (Math.ceil(paginationObj.pageNum/pager)-1)*pager; paginationObj.nextPageNum = pagerStartNum+pager >totalPager ? totalPager : pagerStartNum+pager; paginationObj.nextGroupStartPage = (Math.ceil(pNum/pagerSize) * pagerSize) +1; }, paginationData: function(){ return paginationObj; } }; }]); kwcmsApp.controller('kwcmsPagingCtl',['$scope','pagination',function($scope, pagination){ $scope.paginationObj = pagination.paginationData(); /* * $scope.paginationObj.movePage 함수는 $scope.paginationObj원형 그대로 사용 * alert($scope.paginationObj); */ }]); </script> <div ng-controller="kwcmsPagingCtl"> <a href="#" onclick="return false;" class="pg_arrow pg_prev" ng-click="paginationObj.movePage(paginationObj.prePageNum)" ng-show="paginationObj.prePageNum > 1">이전페이지</a> <a href="#" onclick="return false;" class="{{pageNumList == paginationObj.pageNum ? 'pg_num pg_num_on':'pg_num'}}" title="{{pageNumList == paginationObj.pageNum ? '현재페이지':''}}" ng-repeat="pageNumList in paginationObj.range" ng-click="paginationObj.movePage(pageNumList)">{{pageNumList}}</a> <a href="#" onclick="return false;" class="pg_arrow pg_next" ng-click="paginationObj.movePage(paginationObj.nextPageNum)" ng-show="paginationObj.nextGroupStartPage <= paginationObj.totalPager">다음페이지</a> </div> </div> </div> </div> <script type="text/javascript"> kwcmsApp.controller("servicecare.location.map", function($scope, $timeout, pagination) { //reference_controller_scope _center_map_view_ = $scope; //map area id $scope.mapWrap = "mapArea"; //current view selector $scope.currentTab = _center_search_.currentTab; //exist all list? $scope.isCallAllList = false; //initailize list view $scope.init = function (data, params) { if (angular.equals(data.result, "Success")) { //get all list without search conditions if ($scope.isCallAllList == false) { _center_search_.search(1, true); $scope.isCallAllList = true; } $scope.list = data.dataInfo; $scope.total = data.totalCount; $scope.firstNum = $scope.total - ((params.pageNum - 1) * params.pageSize); //pagination pagination.paginationCreate($scope.total, params.pageNum, params.pageSize, params.pageCnt, $scope.search); //init map $scope.initMap($scope.list, $scope.mapWrap, 0); } else { alert("Вибачте, сталася системна помилка."); } }; //initailize all list $scope.allInit = function (data, params) { $scope.allList = data.dataInfo; //init map angular.element($scope.allList).each(function(idx){ var layerDOM = '<div class="dealer_layer">'; layerDOM += ' <div class="dealer_info">'; layerDOM += ' <strong class="name">' + this.centerNm + '</strong>'; layerDOM += ' <ul class="info">'; layerDOM += ' <li class="address">' + this.addr + '</li>'; layerDOM += ' <li class="tel">Phone : ' + this.phone + '</li>'; layerDOM += ' <li class="offer">'; layerDOM += ' </li>'; layerDOM += ' </ul>'; layerDOM += ' <div class="move">'; //layerDOM += ' <a href="/content/kwcms/ua/ru/shopping-tools/request-a-test-drive.html" class="bl_type_a">ЗАМОВИТИ ТЕСТ-ДРАЙВ</a>'; //layerDOM += ' <a href="/content/kwcms/ua/ru/shopping-tools/request-a-quote.html" class="bl_type_a">Комплектації та ціни</a>'; layerDOM += ' <a href="/ua/service/book-a-service.html/serviceCenterKey/'+this.centerSeq+'" class="bl_type_a">ЗАМОВИТИ ТЕХНІЧНЕ ОБСЛУГОВУВАННЯ</a>'; layerDOM += ' </div>'; layerDOM += ' </div>'; layerDOM += '</div>'; objPoint.pointAll[idx] = ({ "lat" : this.lat , "lng" : this.lng , "info": layerDOM }); }); }; //draw map $scope.initMap = function (mapInfoObj, areaId, selectIdx) { $scope.currBranch = selectIdx; if (objPoint) { objPoint.point =[]; if (mapInfoObj != "") { //dom for dealer layer angular.element(mapInfoObj).each(function(idx){ var layerDOM = '<div class="dealer_layer">'; layerDOM += ' <div class="dealer_info">'; layerDOM += ' <strong class="name">' + this.centerNm + '</strong>'; layerDOM += ' <ul class="info">'; layerDOM += ' <li class="address">' + this.addr + '</li>'; layerDOM += ' <li class="tel">Phone : ' + this.phone + '</li>'; layerDOM += ' <li class="offer">'; layerDOM += ' </li>'; layerDOM += ' </ul>'; layerDOM += ' <div class="move">'; //layerDOM += ' <a href="' + this.url + '" class="bl_type_a">GO TO Website</a>'; //layerDOM += ' <a href="/content/kwcms/ua/ru/shopping-tools/request-a-test-drive.html" class="bl_type_a">ЗАМОВИТИ ТЕСТ-ДРАЙВ</a>'; //layerDOM += ' <a href="/content/kwcms/ua/ru/shopping-tools/request-a-quote.html" class="bl_type_a">Комплектації та ціни</a>'; layerDOM += ' <a href="/ua/service/book-a-service.html/serviceCenterKey/'+this.centerSeq+'" class="bl_type_a">ЗАМОВИТИ ТЕХНІЧНЕ ОБСЛУГОВУВАННЯ</a>'; layerDOM += ' </div>'; layerDOM += ' </div>'; layerDOM += '</div>'; objPoint.point[idx] = ({ "lat" : this.lat , "lng" : this.lng , "info": layerDOM }); }); }else{ objPoint.point[0]=({ "lat" : centerLat , "lng" : centerLng , "info" : '' }); } initialize(selectIdx, areaId); } }; $scope.dataLayerPush = function (itm) { // #54979 window.dataLayer.push({ 'event': 'find_a_dealer', 'event_category': 'service center', 'event_action': 'click a dealer', 'event_label': itm.centerNm, // eg: 'abdo kfoury' 'dealer_name': itm.centerNm, }); }; //phone 2018.05.09 추가 https://wrms.kia.com/cb/issue/38544 $scope.fnGoPhone = function (phone) { if(matchMedia("screen and (max-width: 767px)").matches){location.href = "tel:" + phone;}; }; //search $scope.search = function (pageNum) { _center_search_.search(pageNum); }; //change tab $scope.viewTab = function (tab) { _center_search_.viewTab(tab); }; //$watch for map $scope.$watch(function() { if(angular.equals($scope.currentTab, "map")) { return true; } else { return false; } }, function(newvalue) { $timeout(function() { if($scope.list != undefined){ $scope.initMap($scope.list, $scope.mapWrap, 0); } }, 0); }); }); </script> <div class="con_box location_result" ng-controller="servicecare.location.map" ng-show="currentTab == 'map'"> <div class="location_text"> <h5 class="result_txt"><span class="m_none">Результати Пошуку : </span>(<strong>{{total}}</strong>) Расположение главного центра</h5> <div class="tab_type1"> <a href="#" class="tab_link" ng-click="viewTab('list')">Відображати У Вигляді Списку</a> <a href="#" class="tab_link tt1_on" ng-click="viewTab('map')">Відображати У Вигляді Карти</a> </div> </div> <div class="location_mapview"> <h6 class="hidden">Відображати У Вигляді Карти</h6> <div class="mapInner"> <div class="mapArea" id="mapArea"> <div class="mapParsys parsys"><div class="google-map-list parbase section">  <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=AIzaSyAtbOoZS_Cppi7CDt-UBduuz8SHj9TuLGk&language=en&region=KR&libraries=geometry,places"></script> <script type="text/javascript"> var centerLat = 23.61; var centerLng = 58.539999999999964; var myLocation; var myLocationLat; var myLocationLng; if (!navigator.geolocation){ console.log("사용자의 브라우저는 지오로케이션을 지원하지 않습니다.") //("사용자의 브라우저는 지오로케이션을 지원하지 않습니다.") }else{ navigator.geolocation.getCurrentPosition(successGeo, errorGeo); } function successGeo(position) { var latitude = position.coords.latitude; var longitude = position.coords.longitude; console.log(latitude) console.log(longitude) //centerLat = latitude; //centerLng = longitude; myLocation = new google.maps.LatLng(latitude, longitude); myLocationLat = latitude; myLocationLng = longitude; /* $.each(objPoint.point, function(idx){ routeCalc(this.lat, this.lng, idx); }); */ }; function errorGeo() { console.log("사용자의 위치를 찾을 수 없습니다.") //("사용자의 위치를 찾을 수 없습니다."); }; var infoString = ""; var objPoint = { center : { lat: centerLat, lng: centerLng }, point : [ { lat:"", lng:"", info:"" } ] }; function initializeWithConfig(cfg){ if( cfg ) { initialize(cfg.infoIdx, cfg.areaId, cfg); } } function initialize(infoIdx, areaId, cfg){ cfg = cfg || {}; $("."+areaId).html(""); var map; objPoint.center.lat =objPoint.point[infoIdx].lat; objPoint.center.lng =objPoint.point[infoIdx].lng; var myCenter = new google.maps.LatLng(objPoint.center.lat, objPoint.center.lng); var mapProp = { center:myCenter ,zoom: cfg.zoom || 15 ,disableDefaultUI:true ,mapTypeId:google.maps.MapTypeId.ROADMAP /* 1. ROADMAP (normal, default 2D map) 2. SATELLITE (photographic map) 3. HYBRID (photographic map + roads and city names) 4. TERRAIN (map with mountains, rivers, etc.) */ ,mapTypeControl: true ,mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR ,position: google.maps.ControlPosition.TOP_RIGHT } }; map=new google.maps.Map(document.getElementById(areaId),mapProp); var defaultMarker; $.each(objPoint.point, function(idx){ //var image = '/content/dam/kia-korea/images/pip/img_pip_indicatorIcon_on.gif'; var marker=new google.maps.Marker({ position:new google.maps.LatLng(this.lat, this.lng) //,icon: image }); if(this.lat == objPoint.point[infoIdx].lat && this.lng== objPoint.point[infoIdx].lng ){ defaultMarker = marker; } google.maps.event.addListener(marker, 'click', function(){ infoWindow.close(); infoWindow = new google.maps.InfoWindow({ content: objPoint.point[idx].info }); infoWindow.open(map, marker); if(objPoint.location!=null) printClickEvent(); }); marker.setMap(map); }); var viewportWidth = $(window).width(); if(objPoint.point[infoIdx].info!=""){ var infoWindow = new google.maps.InfoWindow({ content: objPoint.point[infoIdx].info }); if(viewportWidth>767){ infoWindow.open(map, defaultMarker); if(objPoint.location!=null) printClickEvent(); } } /* if(myLocation){ $.each(objPoint.point, function(idx){ routeCalc(this.lat, this.lng, idx); }); } */ /* google.maps.event.addListener(map, 'click', function(event) { alert(event.latLng.lat()); alert(event.latLng.lng()); }); */ } var directionsService; function routeCalc(dLat, dLng, idx) { directionsService = null; directionsService = new google.maps.DirectionsService(); var request = { origin:myLocation ,destination:new google.maps.LatLng(dLat, dLng) ,travelMode: google.maps.TravelMode.TRANSIT /* 1. DRIVING 2. BICYCLING 3. TRANSIT 4. WALKING */ //,region: "ko" }; directionsService.route(request, function(result, status) { if (status == google.maps.DirectionsStatus.OK) { $(".distance:eq("+idx+")").html(result.routes[0].legs[0].distance.text); } }); } var geocoder; function fnGetLatLng(pageNum, args, locString, isMylocation, tab){ var getLatLng = locString; var objLatLng = {"k":"", "D":""}; if(!isMylocation){ if(getLatLng!=""){ geocoder = new google.maps.Geocoder(); geocoder.geocode( { 'address': getLatLng}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { objLatLng = results[0].geometry.location; }else{ //("Geocode was not successful for the following reason: " + status) } if(tab == "M") angular.element("#page_M").scope().closestSelectList(pageNum, args, objLatLng, isMylocation); else angular.element("#page_L").scope().closestSelectList(pageNum, args, objLatLng, isMylocation); }); }else{ if(tab == "M") angular.element("#page_M").scope().closestSelectList(pageNum, args, objLatLng, isMylocation); else angular.element("#page_L").scope().closestSelectList(pageNum, args, objLatLng, isMylocation); } }else{ objLatLng = {"k":myLocationLat, "D":myLocationLng}; if(tab == "M") angular.element("#page_M").scope().closestSelectList(pageNum, args, objLatLng, isMylocation); else angular.element("#page_L").scope().closestSelectList(pageNum, args, objLatLng, isMylocation); } } </script></div> </div> </div> <div class="center_list"> <div class="listInner"> <ul> <li ng-repeat="item in list"> <a href="#" onclick="return false;" class="dealer_a" ng-class="{center_on:currBranch == $index}" ng-click="dataLayerPush(item);initMap(list, mapWrap, $index);"> <div class="where"><span class="map_spr map_pin"></span></div> <dl class="info"> <dt>{{item.centerNm}}</dt> <dd ng-hide="!item.addr">{{item.addr}}</dd> <dd ng-hide="!item.phone" ng-click="fnGoPhone(item.phone)">Номер телефону : {{item.phone}}</dd> <dd ng-hide="!item.fax">Fax : {{item.fax}}</dd> </dl> </a> </li> </ul> </div> <div class="pg_num_area" ng-show="total > 0"> <script type="text/javascript"> kwcmsApp.factory('pagination',[function(){ var paginationObj = { pageNum : "", prePageNum : "", nextPageNum: "", totalPageNum: "", nextGroupStartPage : "", range : "", movePage:function(){}, }; return { paginationCreate : function(tCnt,pNum,row,pager,fnc){ var rowPerPage = row; /** 보여질 row 갯수 */ var pagerSize = pager; /** 하단 pagerSize */ var totalPager = parseInt((tCnt-1)/rowPerPage+1); paginationObj.movePage = fnc; /***************************** * 현재 pageNum validate ******************************/ if(!pNum) pNum = 1; if(pNum<1) pNum = 1; if(pNum>totalPager) pNum = totalPager; paginationObj.pageNum = pNum; paginationObj.totalPager = totalPager; paginationObj.prePageNum = paginationObj.pageNum-1 <1 ? "1" : paginationObj.pageNum-1; paginationObj.nextPageNum = paginationObj.pageNum+1 >totalPager ? totalPager : paginationObj.pageNum+1; /***************************** * pagination * 표시될 pager 갯수 정의 ******************************/ pagerBlock = parseInt((paginationObj.pageNum-1)/pagerSize); pagerStartNum= parseInt(pagerBlock*pagerSize)+1; pagerEndNum = pagerStartNum+(pagerSize-1); if(pagerEndNum > totalPager) pagerEndNum = totalPager; var range = []; for(var i=pagerStartNum;i<=pagerEndNum;i++) { range.push(i); } paginationObj.range = range; paginationObj.prePageNum = (Math.ceil(paginationObj.pageNum/pager)-1)*pager; paginationObj.nextPageNum = pagerStartNum+pager >totalPager ? totalPager : pagerStartNum+pager; paginationObj.nextGroupStartPage = (Math.ceil(pNum/pagerSize) * pagerSize) +1; }, paginationData: function(){ return paginationObj; } }; }]); kwcmsApp.controller('kwcmsPagingCtl',['$scope','pagination',function($scope, pagination){ $scope.paginationObj = pagination.paginationData(); /* * $scope.paginationObj.movePage 함수는 $scope.paginationObj원형 그대로 사용 * alert($scope.paginationObj); */ }]); </script> <div ng-controller="kwcmsPagingCtl"> <a href="#" onclick="return false;" class="pg_arrow pg_prev" ng-click="paginationObj.movePage(paginationObj.prePageNum)" ng-show="paginationObj.prePageNum > 1">이전페이지</a> <a href="#" onclick="return false;" class="{{pageNumList == paginationObj.pageNum ? 'pg_num pg_num_on':'pg_num'}}" title="{{pageNumList == paginationObj.pageNum ? '현재페이지':''}}" ng-repeat="pageNumList in paginationObj.range" ng-click="paginationObj.movePage(pageNumList)">{{pageNumList}}</a> <a href="#" onclick="return false;" class="pg_arrow pg_next" ng-click="paginationObj.movePage(paginationObj.nextPageNum)" ng-show="paginationObj.nextGroupStartPage <= paginationObj.totalPager">다음페이지</a> </div> </div> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> <div id="footer"> <div class="site_info">   <div class="f_navi"> <div class="inner"> <div class="foot_content"> <div class="foot_left">  <div class="foot_logo"> <span class="logo"><img src="/content/dam/kwcms/gt/en/images/main/new/new-kia-logo-white.png" alt="logo"></span>  </div>   <div class="info_country"> <a href="/ua/util/kia-global.html" target="_brank">Kia in <span>Ukraine</span></a> </div> <div class="info_sns"> <div class="link parbase"> <a href="https://www.facebook.com/kia.ukraine" class="sns_spr spr_facebook" onclick="dtmDataLayer.external_link='sns|facebook'; _satellite.track('external_link');" target="_blank" title="Facebook">Facebook</a> </div> <div class="link parbase"> <a href="https://www.youtube.com/user/kiaukraine" class="sns_spr spr_youtube" onclick="dtmDataLayer.external_link='sns|youtube'; _satellite.track('external_link');" target="_blank" title="YouTube">YouTube</a> </div> <div class="link parbase"> <a href="https://www.instagram.com/kia_ukraine/" class="sns_spr spr_instagram" onclick="dtmDataLayer.external_link='sns|instagram'; _satellite.track('external_link');" target="_blank" title="Instagram">Instagram</a> </div> <div class="link parbase"> </div> <div class="link parbase"> </div> <div class="link parbase"> <a href="https://www.flickr.com/photos/kiaua/" class="sns_spr" onclick="" target="_blank" title="Flickr">Flickr</a> </div> <div class="link parbase"> </div> <div class="link parbase"> </div> <div class="link parbase"> <a href="#" class="sns_spr spr_flag" onclick="dtmDataLayer.external_link='sns|flag'; _satellite.track('external_link');">flag</a> </div>  </div> </div> <div class="foot_right"> <div class="item1"> <div class="mo_title">Каталог моделей</div>  <ul class="mo_con">  <li><a href="/ua/showroom/stonic.html" data-ganame="stonic">Stonic</a></li> <li><a href="/ua/showroom/niro.html" data-ganame="niro">Новий Niro</a></li> <li><a href="/ua/showroom/nq5-sportage.html" data-ganame="nq5-sportage">Новий Sportage</a></li> <li><a href="/ua/showroom/sportage-hev.html" data-ganame="sportage-hev">Новий Sportage HEV</a></li> <li><a href="/ua/showroom/new-sorento.html" data-ganame="new-sorento">Новий Sorento</a></li> <li><a href="/ua/showroom/new-ev6.html" data-ganame="new-ev6">EV6- NEW </a></li> <li><a href="/ua/showroom/ev9.html" data-ganame="ev9">Новий EV9</a></li> <li><a href="/ua/showroom/ev3.html" data-ganame="ev3">Новий EV3</a></li> <li><a href="/ua/showroom/cars-bar-menu.html" data-ganame="cars-bar-menu">Cars Bar Menu</a></li> <li><a href="/ua/showroom/hybrid.html" data-ganame="hybrid">Гібридні та електричні </a></li> <li><a href="/ua/showroom/suv.html" data-ganame="suv">Кросовери</a></li> <li><a href="/ua/showroom/cars.html" data-ganame="cars">Легкові</a></li> </ul> </div> <div class="item2"> <div class="mo_title">Інформація для клієнтів</div>  <ul class="mo_con">  <li><a href="/ua/shopping-tools/credit.html" data-ganame="credit">Фінансування</a></li> <li><a href="/ua/shopping-tools/avto-v-najaovnosti.html" data-ganame="avto-v-najaovnosti">Авто в наявності</a></li> <li><a href="/ua/shopping-tools/distributor.html" data-ganame="distributor">Дистриб’ютор</a></li> <li><a href="/ua/shopping-tools/tradein.html" data-ganame="tradein">Кіа з пробігом</a></li> <li><a href="/ua/shopping-tools/docs.html" data-ganame="docs">Юридична інформація</a></li> </ul> </div> <div class="item3"> <div class="mo_title">Сервіс</div>  <ul class="mo_con">  <li><a href="/ua/service/5-years-warranty.html" data-ganame="5-years-warranty">Гарантія</a></li> <li><a href="/ua/service/book-a-service.html" data-ganame="book-a-service">Залишити заявку на сервіс</a></li> <li><a href="/ua/service/service-care.html" data-ganame="service-care">Сервіс та турбота про клієнтів</a></li> <li><a href="/ua/service/book-a-parts.html" data-ganame="book-a-parts">Придбати запчастини Кіа</a></li> </ul> </div> <div class="item4"> <div class="mo_title">Відкрий для себе Kia</div>  <ul class="mo_con">  <li><a href="/ua/discover-kia/our-movement.html" data-ganame="our-movement">Наш рух, який надихає</a></li> <li><a href="/ua/discover-kia/tasman.html" data-ganame="tasman">Новий Kia Tasman</a></li> <li><a href="/ua/discover-kia/pbv.html" data-ganame="pbv">PBV</a></li> <li><a href="/ua/discover-kia/ask.html" data-ganame="ask">ASK</a></li> <li><a href="/ua/discover-kia/ev-day.html" data-ganame="ev-day">День EV </a></li> </ul> </div> </div> </div> <div class="foot_copy_area"> <div class="foot_breadcrumbs">   <ol vocab="http://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem" style="display:inline"> <span><a href="/ua/main.html" property="item" typeof="WebPage">Home</a> ></span> <meta property="position" content= 1> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <span class="depth" property="name">Сервіс</span><span class="gt">></span> <meta property="position" content= 2> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <span><a href="/ua/service/service-care.html" property="item" typeof="WebPage"> <span class="depth" property="name">Сервіс та турбота про клієнтів</span><span class="gt">></span></a></span> <meta property="position" content= 3> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <strong class="depth current" property="name">Місцезнаходження</strong> <meta property="position" content= 4> </li> </ol>  </div> <div class="copyright"> <span class="tel_call">  ТЕЛЕФОН ДЛЯ ДОВІДОК : 0 800 502 909 </span> <address class="cpr"> <span class="br">  Copyright © 2021 ТОВ "ФАЛЬКОН-АВТО". All Rights Reserved. </span> </address> </div> </div> </div> </div>  <script type="text/javascript" src="/etc/designs/kia-ukraine/clientlib/js/jquery.form.stylishSelect.min.js"></script> <script type="text/javascript" src="/etc/designs/kia-ukraine/clientlib/js/picturefill.js"></script></div>  <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); // ì¬ì©ì ì£¼ì ì ê±° í ì½ëë³ê²½ í ê². ga('create', 'UA-89541960-1', 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript"> $(document).ready(function(){ //stylish selectbox init if ($(".form_select").length > 0) { $(".form_select").sSelect(); } }); </script> </div> <div class="gnb_dimmed" style="position: absolute;"></div> <div class="cloudservices servicecomponents"> </div> </div>     <script> (function($) { //console.log('onload') var _tempTimeoutIndex = setTimeout(function(){ _initTagEvent() }, 200); var _initTagEvent = function() { clearTimeout(_tempTimeoutIndex); //console.log("===================== add onclick event to Outbound anchor tag start") //console.log("íì ê¸°ì¤ : Aíê·¸ì ë§í¬ê°(href)ì ì¸ë¶ëë©ì¸ì´ ê±¸ë ¤ìì ê²½ì°. pdfì¸ë¶ë§í¬ë ì ì¸.") $("a").not("[href$=\'.pdf\']").each( function() { var propHref = $(this).prop('href'); // ë§í¬ì ëë©ì¸ì´ ì¸ë¶ëë©ì¸ì¸ì§ ì¬ë¶, ë§í¬ê° httpë¡ ììíëì§ ì¬ë¶ if( propHref.indexOf(document.domain) < 0 && propHref.startsWith("http") ) { if( !$(this).hasClass("sns_spr") ) { if( $(this).hasClass("moment") ) { $(this).off('click.tag.anchor').on('click.tag.anchor', function() { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'Outbound Links','event_category': 'navigation', 'event_action': 'outbound link', 'event_label': propHref }); //console.log(window.dataLayer) }); } else { $(this).off('click.tag.anchor').on('click.tag.anchor', function() { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'link_interaction', 'event_category': 'outbound Link', 'event_action': $(this).attr("title"), 'event_label': propHref });//eg: https://www.youtube.com/c/kiachile //console.log(window.dataLayer) }); } } else { $(this).off('click.tag.anchor').on('click.tag.anchor', function() { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'ga_event', 'event_category': 'navigation', 'event_action':'outbound Link', 'event_label': propHref });//eg: https://www.youtube.com/c/kiachile //console.log(window.dataLayer) }); } } }); //console.log("//===================== add onclick event to Outbound anchor tag end \n\n\n"); //console.log("===================== add onclick event to PDF link start") //console.log("íì ê¸°ì¤1 : Aíê·¸ì ë§í¬ê°(href)ì pdfë§í¬ê° ê±¸ë ¤ìì ê²½ì°") //console.log("íì ê¸°ì¤2 : Aíê·¸ì data-is-pdf ê°ì´ true ì¼ ê²½ì°") //console.log("íì ê¸°ì¤ : 1,2 ì ê²°ê³¼ë¥¼ merge íì¬ ì²ë¦¬.") var _arrPdfLink = $.makeArray($("a[href$=\'.pdf\']")); var _arrIsPdfData = $.makeArray($("a[data-is-pdf=true]")); var _arrTarget = $.unique([..._arrPdfLink, ..._arrIsPdfData]); for(var i in _arrTarget) { //console.log(_arrTarget[i]) $(_arrTarget[i]).off('click.tag.pdf').on('click.tag.pdf', function() { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'saving', 'event_category': 'saving', 'event_action': 'pdf download', 'event_label': $(this).data('pdf-url') || $(this).attr('href') });//eg: https://www.kia.com/content/dam/kwcms/cl/es/files/fichas-tecnicas/FichasTecnic as/Ficha-T%C3%A9cnica-KiaSeltos.pdf //console.log(window.dataLayer) }); } //console.log("//===================== add onclick event to PDF link end \n\n\n"); //console.log("===================== add onclick logo event to anchor start"); $("div.logo_h1 > a" ).off("click.tag.anchor").on("click.tag.anchor", function(){ window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'ga_event', 'event_category': 'navigation', 'event_action': 'top menu', 'event_label': 'logo' }); //console.log(window.dataLayer); }); //console.log("===================== add onclick logo event to anchor end \n\n\n"); //console.log("===================== add top menu event to anchor start"); //console.log("íì ê¸°ì¤1 : ëë©ë´"); //console.log("íì ê¸°ì¤2 : ëë©ë´ íì showroomì ì ì¸í a ë§í¬"); //console.log("íì ê¸°ì¤ : 1,2 ì ê²°ê³¼ë¥¼ merge íì¬ ì²ë¦¬."); //console.log("ìì¸ì²ë¦¬1 : ë´ë¶ë§í¬ììë§ ëì"); //console.log("ìì¸ì²ë¦¬2 : .pdf í´ëì¤ê° ìê±°ë , data-is-pdf=true ì¼ê²½ì° ì ì¸"); var _arrdepthOneMenu = $.makeArray($(".gnb_nav .dth1_l > a ")); var _arrdepthTwoMenu = $.makeArray($(".gnb_nav .dth2_u > li > a ")); var _arrTopUtil = $.makeArray( $("div.util_area > ul > li > a.util_a") ); var _arrTopUtil_right = $.makeArray( $("div.util_area > div").find("a") ); var _arrTopMenu = $.unique([..._arrdepthOneMenu, ..._arrdepthTwoMenu, ..._arrTopUtil, ..._arrTopUtil_right]); for( var i in _arrTopMenu ){ $(_arrTopMenu[i]).off("click.tag.anchor").on("click.tag.anchor", function(){ var propHref = $(this).prop('href'); var isSearchBtn = $(this).hasClass( "sch_act_btn" ); var label = $(this).attr("data-ganame"); if( !label ) label = $(this).text(); if( isSearchBtn ) label = $(this).find("span").text(); // ë§í¬ì ëë©ì¸ì´ ì¸ë¶ëë©ì¸ì¸ì§ ì¬ë¶, ë§í¬ê° httpë¡ ììíëì§ ì¬ë¶ if( propHref.indexOf(document.domain) > -1 ) { //console.log( "ì¸ë¶ë§í¬ìë" ); if( !$(this).hasClass("pdf") || $(this).attr("data-is-pdf") != "true" ) { //console.log( "pdf ìë" ); window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'ga_event', 'event_category': 'navigation', 'event_action': 'top menu', 'event_label': label }); //console.log(window.dataLayer); } } }); } //console.log("//===================== add top menu event to anchor End \n\n"); //console.log("===================== add buttom menu event to anchor start"); //console.log("íì ê¸°ì¤1 : buttom ë©ë´ì a íê·¸"); //console.log("ìì¸ì²ë¦¬ : ì¸ë¶ë§í¬ ì ì¸ ex: facebook ë§í¬ë±ë±. "); var _arrButtomMenu = $.makeArray($("div.foot_right > div").find("a")); for( var i in _arrButtomMenu ){ $(_arrButtomMenu[i]).off("click.tag.anchor").on("click.tag.anchor", function(){ var propHref = $(this).prop('href'); var label = $(this).attr("data-ganame"); if( !label ) label = $(this).text(); if( propHref.indexOf(document.domain) > -1 ) { if( !$(this).hasClass("pdf") || $(this).attr("data-is-pdf") != "true" ) { window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'ga_event', 'event_category': 'navigation', 'event_action': 'bottom menu', 'event_label': label }); //console.log(window.dataLayer); } } }); } //console.log("//===================== add buttom menu event to anchor End \n\n"); //console.log("===================== add model menu event to anchor start"); //console.log("íì ê¸°ì¤1 : Top menu ì¤ì model ë©ë´ì a íê·¸"); var _arrModelMenu = $.makeArray($("ul.gnb_nav").find("a.grid_box")); for( var i in _arrModelMenu ){ $(_arrModelMenu[i]).off("click.tag.anchor").on("click.tag.anchor", function(){ window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'ga_event', 'event_category': 'navigation', 'event_action': 'model menu', 'event_label': $(this).find(".g_name").text(), 'vehicle_name': $(this).find(".g_name").text() }); //console.log(window.dataLayer); }); } //console.log("//===================== add model menu event to anchor End \n\n"); //console.log("===================== add homepage CTA click event to anchor start"); var _arrKvCta = $.makeArray($("a.kv_btn")); for( var i in _arrKvCta ){ $(_arrKvCta[i]).off("click.tag.anchor").on("click.tag.anchor", function(){ window.dataLayer = window.dataLayer ||[]; dataLayer.push({ 'event': 'ga_event', 'event_category': 'navigation', 'event_action': $(this).find("span").text() , 'event_label': location.protocol+"//"+location.host+$(this).attr("href") }); //console.log(window.dataLayer); }); } //console.log("===================== add homepage CTA click event to anchor End \n\n"); } })(jQuery); </script>   </body>  </html>

CINXE.COM

Сервісні центри | Kia Україна