Book a Service | Kia Owners

<!DOCTYPE html> <html lang="en-AU"> <head> <title>Book a Service | Kia Owners | Kia Australia</title> <meta charset="utf-8" /> <meta http-equiv="Strict-Transport-Security" content="max-age=31536000; includeSuDomains; preload"> <meta http-equiv="X-Content-Type-Options" content="nosniff"> <meta http-equiv="X-XSS-Protection" content="1">   <meta http-equiv="Access-Control-Allow-Origin" content="*"> <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="Book a Service | Kia Owners | Kia Australia" /> <meta name="description" content="Scheduling your next service with an authorised dealer is quick & easy, using the Kia Book a Service tool. Fill in the form and we will contact you."> <link rel="shortcut icon" href="/content/dam/kwcms/gt/en/images/main/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="kia_metrics_pagename" content="service | book a service">  <link rel="canonical" href="https://www.kia.com/au/owners/book-a-service.html"> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="Kia Australia" /> <meta name="twitter:title" content="Book a Service | Kia Owners | Kia Australia" /> <meta name="twitter:description" content="Scheduling your next service with an authorised dealer is quick & easy, using the Kia Book a Service tool. Fill in the form and we will contact you." /> <meta name="twitter:image" content="/content/dam/kwcms/au/en/images/service/visual_7year_unlimited.jpg" /> <meta name="twitter:url" content="https://www.kia.com/au/owners/book-a-service.html" /> <meta name="twitter:creator" contents="Kia" /> <meta property="og:site_name" content="Kia Australia" /> <meta property="og:title" content="Book a Service | Kia Owners | Kia Australia" /> <meta property="og:type" content="website" /> <meta property="og:description" content="Scheduling your next service with an authorised dealer is quick & easy, using the Kia Book a Service tool. Fill in the form and we will contact you." /> <meta property="og:image" content="/content/dam/kwcms/au/en/images/service/visual_7year_unlimited.jpg" /> <meta property="og:url" content="https://www.kia.com/au/owners/book-a-service.html" /> <meta itemprop="name" content="Book a Service | Kia Owners | Kia Australia"> <meta itemprop="description" content="Scheduling your next service with an authorised dealer is quick & easy, using the Kia Book a Service tool. Fill in the form and we will contact you."> <meta itemprop="image" content="/content/dam/kwcms/au/en/images/service/visual_7year_unlimited.jpg"> <meta itemprop="keywords" content=""> <meta itemprop="url" content="https://www.kia.com/au/owners/book-a-service.html"/>  <meta name="google-site-verification" content="3-f-wdVz_nj1gFVN0axxqs90P00mpDPkANM2I4xm20Y" />   <script src="/etc/designs/kia-australia/clientlib-libjs.min.js"></script> <script type="text/javascript" src="/etc/designs/kia-australia/clientlib-angular.js"></script> <link rel="stylesheet" href="/etc/designs/kia-australia/clientlib.min.css" type="text/css"> <script src="/etc/designs/kia-australia/clientlib.min.js"></script> <script type="text/javascript" src="/etc/designs/kia-australia/clientlib/js/font-load.js"></script> <link rel="stylesheet" href="/etc/designs/kia-global/clientlib/css/experience.css" type="text/css"> <link rel="stylesheet" href="/etc/designs/kia-australia/clientlib/css/serviceShare.css" type="text/css">   <script type="text/javascript"> ;(function(gtm) { let ptype = 'Kia Service Centre Near Me'; var _args = { 'page_name': 'service | book a service' , 'prv_page_name': document.referrer == '' ? 'entry' : document.referrer }; let vname = null; gtm.trackPageView(ptype, vname, _args); })(KIA.tagging.gtm); </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-NH98G5H');</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>   <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com"/> <script type='text/javascript' id='vwoCode'> window._vwo_code || (function() { var account_id=987306, version=2.1, settings_tolerance=2000, hide_element='body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;transition:none !important;', /* DO NOT EDIT BELOW THIS LINE */ f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={nonce:v&&v.nonce,use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){if(performance.getEntriesByName('first-contentful-paint')[0]){return''}return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(e){if(!f){f=true;var t=d.getElementById('_vis_opt_path_hides');if(t)t.parentNode.removeChild(t);if(e)(new Image).src='https://dev.visualwebsiteoptimizer.com/ee.gif?a='+account_id+e}},finished:function(){return f},addScript:function(e){var t=d.createElement('script');t.type='text/javascript';if(e.src){t.src=e.src}else{t.text=e.text}v&&t.setAttribute('nonce',v.nonce);d.getElementsByTagName('head')[0].appendChild(t)},load:function(e,t){var n=this.getSettings(),i=d.createElement('script'),r=this;t=t||{};if(n){i.textContent=n;d.getElementsByTagName('head')[0].appendChild(i);if(!w.VWO||VWO.caE){stT.removeItem(cK);r.load(e)}}else{var o=new XMLHttpRequest;o.open('GET',e,true);o.withCredentials=!t.dSC;o.responseType=t.responseType||'text';o.onload=function(){if(t.onloadCb){return t.onloadCb(o,e)}if(o.status===200||o.status===304){_vwo_code.addScript({text:o.responseText})}else{_vwo_code.finish('&e=loading_failure:'+e)}};o.onerror=function(){if(t.onerrorCb){return t.onerrorCb(e)}_vwo_code.finish('&e=loading_failure:'+e)};o.send()}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t;if(this.hide_element()!=='body'){t=d.createElement('style');var n=this.hide_element(),i=n?n+this.hide_element_style():'',r=d.getElementsByTagName('head')[0];t.setAttribute('id','_vis_opt_path_hides');v&&t.setAttribute('nonce',v.nonce);t.setAttribute('type','text/css');if(t.styleSheet)t.styleSheet.cssText=i;else t.appendChild(d.createTextNode(i));r.appendChild(t)}else{t=d.getElementsByTagName('head')[0];var i=d.createElement('div');i.style.cssText='z-index: 2147483647 !important;position: fixed !important;left: 0 !important;top: 0 !important;width: 100% !important;height: 100% !important;background: white !important;';i.setAttribute('id','_vis_opt_path_hides');i.classList.add('_vis_hide_layer');t.parentNode.insertBefore(i,t.nextSibling)}var o=window._vis_opt_url||d.URL,s='https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(o)+'&vn='+version;if(w.location.search.indexOf('_vwo_xhr')!==-1){this.addScript({src:s})}else{this.load(s+'&x=true')}}};w._vwo_code=code;code.init();})(); </script>    <header name = "Access-Control-Allow-Origin" value = "*" /> </head> <body>  <input type="hidden" value="/au/owners/book-a-service.html"/> <input type="hidden" value="book-a-service.html"/> <input type="hidden" value="book-a-service"/> <div class="accessbility"><a href="#content">Go to content</a></div> <div id="wrap" class="wsg_page">   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TXT9QJ3" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="header"> <div class="header_in">   <div class="logo_h1"><a href="/au/main.html" class="lg_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu"></a></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="/au/util/search.html" method="get"> <input type="text" name="q" id="m_sch_box" class="search_txt" title="Search Keyword" placeholder="Search"> <button type="submit" class="search_btn" title="Search button"><span class="blind">Search</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>   <a href="#" class="open_gnb"><span class="cmm_spr spr_menu">open menu</span></a>   <div class="gnb_area"> <ul class="gnb_nav">  <li class="dth1_l"><a href="#" class="dth1_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Cars</a> <div class="dth2_u dth_pip"> <div class="car_tab"> <a href="#" class="sort_a sort_on"><span class="cmm_tspr spr_sort">All Vehicles</span></a> <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">Small Cars</span></a> <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">SUVs</span></a> <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">People Movers</span></a>  <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">Hybrid</span></a>  <a href="#" class="sort_a"><span class="cmm_tspr spr_sort">Light Commercial</span></a> </div> <div class="car_grid on"> <strong class="hidden">All Vehicles</strong> <ul class="grid_u">  <li class="grid_l"> <a href="/au/cars/picanto.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Picanto"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-picanto.webp" alt="Picanto"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-picanto.webp" alt="Picanto"> </span> <strong class="g_name">Picanto</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Compact Car</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/cerato.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Cerato"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-cerato-hatch-pe.png" alt="msg_vehicle_cerato"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-cerato-hatch-pe.png" alt="msg_vehicle_cerato"> </span> <strong class="g_name">Cerato</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small Car</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/k4.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="K4"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-k4-sedan-thumbnail.webp" alt="msg_vehicle_k4"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-k4-sedan-thumbnail.webp" alt="msg_vehicle_k4"> </span> <strong class="g_name">K4</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small Car</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/stonic.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Stonic"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-stonic.png" alt="msg_vehicle_stonic"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-stonic.png" alt="msg_vehicle_stonic"> </span> <strong class="g_name">Stonic</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Light SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/seltos.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Seltos"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-seltos-pe.webp" alt="msg_vehicle_seltos"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-seltos-pe.webp" alt="msg_vehicle_seltos"> </span> <strong class="g_name">Seltos</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/sportage.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Sportage"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage.png" alt="Sportage"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage.png" alt="Sportage"> </span> <strong class="g_name">Sportage</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Medium SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/sportage-hybrid.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Sportage Hybrid"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage-hybrid.webp" alt="msg_vehicle_sportage-hybrid"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage-hybrid.webp" alt="msg_vehicle_sportage-hybrid"> </span> <strong class="g_name">Sportage Hybrid</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Medium SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/sorento.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Sorento"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sorento.webp" alt="Sorento"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sorento.webp" alt="Sorento"> </span> <strong class="g_name">Sorento</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Large SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/carnival.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Carnival"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-carnival.webp" alt="Carnival"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-carnival.webp" alt="Carnival"> </span> <strong class="g_name">Carnival</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">People Mover/GUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/niro-hybrid.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Niro Hybrid"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-niro-hybrid.webp" alt="msg_vehicle_niro-hybrid"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-niro-hybrid.webp" alt="msg_vehicle_niro-hybrid"> </span> <strong class="g_name">Niro Hybrid</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/niro-pure-electric.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Niro EV"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-niro-ev.webp" alt="msg_vehicle_niro-pure-electric"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-niro-ev.webp" alt="msg_vehicle_niro-pure-electric"> </span> <strong class="g_name">Niro EV</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/ev5.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="EV5"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev5.webp" alt="msg_vehicle_ev5"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev5.webp" alt="msg_vehicle_ev5"> </span> <strong class="g_name">EV5</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Medium SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/ev6.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="EV6"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev6.webp" alt="msg_vehicle_ev6"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev6.webp" alt="msg_vehicle_ev6"> </span> <strong class="g_name">EV6</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Crossover SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/ev6-gt.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="EV6 GT"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev6-gt.webp" alt="msg_vehicle_ev6-gt"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev6-gt.webp" alt="msg_vehicle_ev6-gt"> </span> <strong class="g_name">EV6 GT</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Performance SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/ev9.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="EV9"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev9-launch.webp" alt="msg_vehicle_ev9"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-ev9-launch.webp" alt="msg_vehicle_ev9"> </span> <strong class="g_name">EV9</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Upper Large SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/tasman.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Tasman"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-tasman.webp" alt="msg_vehicle_tasman"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-tasman.webp" alt="msg_vehicle_tasman"> </span> <strong class="g_name">Tasman</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Arriving 2025</p></strong> </a> </li> </ul> </div> <div class="car_grid"> <strong class="hidden">Small Cars</strong> <ul class="grid_u">  <li class="grid_l"> <a href="/au/cars/picanto.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Picanto"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-picanto.webp" alt="Picanto"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-picanto.webp" alt="Picanto"> </span> <strong class="g_name">Picanto</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Compact Car</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/cerato.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Cerato"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-cerato-hatch-pe.png" alt="msg_vehicle_cerato"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-cerato-hatch-pe.png" alt="msg_vehicle_cerato"> </span> <strong class="g_name">Cerato</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small Car</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/k4.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="K4"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-k4-sedan-thumbnail.webp" alt="msg_vehicle_k4"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-k4-sedan-thumbnail.webp" alt="msg_vehicle_k4"> </span> <strong class="g_name">K4</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small Car</p></strong> </a> </li> </ul> </div> <div class="car_grid"> <strong class="hidden">SUVs</strong> <ul class="grid_u">  <li class="grid_l"> <a href="/au/cars/stonic.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Stonic"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-stonic.png" alt="msg_vehicle_stonic"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-stonic.png" alt="msg_vehicle_stonic"> </span> <strong class="g_name">Stonic</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Light SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/seltos.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Seltos"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-seltos-pe.webp" alt="msg_vehicle_seltos"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-seltos-pe.webp" alt="msg_vehicle_seltos"> </span> <strong class="g_name">Seltos</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/sportage.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Sportage"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage.png" alt="Sportage"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage.png" alt="Sportage"> </span> <strong class="g_name">Sportage</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Medium SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/sorento.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Sorento"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sorento.webp" alt="Sorento"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sorento.webp" alt="Sorento"> </span> <strong class="g_name">Sorento</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Large SUV</p></strong> </a> </li> </ul> </div> <div class="car_grid"> <strong class="hidden">People Movers</strong> <ul class="grid_u">  <li class="grid_l"> <a href="/au/cars/carnival.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Carnival"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-carnival.webp" alt="Carnival"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-carnival.webp" alt="Carnival"> </span> <strong class="g_name">Carnival</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">People Mover/GUV</p></strong> </a> </li> </ul> </div>  <div class="car_grid"> <strong class="hidden">Hybrid</strong> <ul class="grid_u">  <li class="grid_l"> <a href="/au/cars/sportage-hybrid.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Sportage Hybrid"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage-hybrid.webp" alt="msg_vehicle_sportage-hybrid"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-sportage-hybrid.webp" alt="msg_vehicle_sportage-hybrid"> </span> <strong class="g_name">Sportage Hybrid</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Medium SUV</p></strong> </a> </li>  <li class="grid_l"> <a href="/au/cars/niro-hybrid.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Niro Hybrid"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-niro-hybrid.webp" alt="msg_vehicle_niro-hybrid"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-niro-hybrid.webp" alt="msg_vehicle_niro-hybrid"> </span> <strong class="g_name">Niro Hybrid</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Small SUV</p></strong> </a> </li> </ul> </div>  <div class="car_grid"> <strong class="hidden">Light Commercial</strong> <ul class="grid_u">  <li class="grid_l"> <a href="/au/cars/tasman.html" class="grid_box" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Model Menu" data-an-la="Tasman"> <span class="g_img"><img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-tasman.webp" alt="msg_vehicle_tasman"></span> <span class="g_txt g_nonetxt" > <img src="/content/dam/kwcms/au/en/images/vehicles/gnb/kia-tasman.webp" alt="msg_vehicle_tasman"> </span> <strong class="g_name">Tasman</strong> <strong class="g_name"><p style="font-size: -1; color:#9EA1A2">Arriving 2025</p></strong> </a> </li> </ul> </div> <div class="new_cars_type"> <ul> <li> <a href="/au/cars/range.html" class="bl_type_a">All Cars</a> </li> <li> <a href="/au/cars/suv.html" class="bl_type_a">SUV</a> </li> <li> <a href="/au/cars/small-suv.html" class="bl_type_a">Small SUVs</a> </li> <li> <a href="/au/cars/mid-size-suv.html" class="bl_type_a">Mid-size SUVs</a> </li> <li> <a href="/au/cars/large-suv.html" class="bl_type_a">Large SUVs</a> </li> <li> <a href="/au/cars/performance-cars.html" class="bl_type_a">Performance Cars</a> </li> <li> <a href="/au/cars/family-cars.html" class="bl_type_a">Family Cars</a> </li> <li> <a href="/au/cars/7-and-8-seater.html" class="bl_type_a">7 & 8 Seater</a> </li> <li> <a href="/au/cars/small-cars.html" class="bl_type_a">Small Cars</a> </li> <li> <a href="/au/cars/hatchback.html" class="bl_type_a">Hatchback</a> </li> <li> <a href="/au/cars/electric-cars.html" class="bl_type_a">Electric Cars</a> </li> <li> <a href="/au/cars/hybrid-cars.html" class="bl_type_a">Hybrid Cars</a> </li> </ul> </div> </div> </li> <li class="dth1_l"><a href="#" class="dth1_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Shopping Tools</a> <ul class="dth2_u"> <li class="dth2_l"><a href="/au/shopping-tools/build-and-price.html" class="dth2_a">Build & Price</a></li> <li class="dth2_l"><a href="/au/shopping-tools/request-a-test-drive.html" class="dth2_a">Request a Test Drive</a></li> <li class="dth2_l"><a href="/au/shopping-tools/find-a-dealer.html" class="dth2_a">Find a Dealer</a></li> <li class="dth2_l"><a href="/au/shopping-tools/request-a-brochure.html" class="dth2_a">View Brochures</a></li> <li class="dth2_l"><a href="/au/shopping-tools/offers.html" class="dth2_a">Offers</a></li> <li class="dth2_l"><a href="/au/shopping-tools/finance-calculator.html" class="dth2_a">Finance Calculator</a></li> <li class="dth2_l"><a href="/au/shopping-tools/kia-car-care.html" class="dth2_a">Kia Car Care</a></li> <li class="dth2_l"><a href="/au/shopping-tools/fleet-edge.html" class="dth2_a">Kia Fleet Edge</a></li> <li class="dth2_l"><a href="/au/shopping-tools/kia-finance.html" class="dth2_a">Kia Finance</a></li> <li class="dth2_l"><a href="/au/shopping-tools/kia-insurance.html" class="dth2_a">Kia Premier Motor Insurance</a></li> <li class="dth2_l"><a href="/au/shopping-tools/kia-renew-guaranteed-future-value.html" class="dth2_a">Kia Renew</a></li> <li class="dth2_l"><a href="/au/shopping-tools/genuine-accessories.html" class="dth2_a">Kia Genuine Accessories</a></li> </ul> </li> <li class="dth1_l"><a href="#" class="dth1_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Electric & Hybrid</a> <ul class="dth2_u"> <li class="dth2_l"><a href="/au/electric-cars/ev.html" class="dth2_a">Electric Cars</a></li> <li class="dth2_l"><a href="/au/electric-cars/hybrid-cars.html" class="dth2_a">Hybrid Cars</a></li> <li class="dth2_l"><a href="/au/electric-cars/ev-service-plans.html" class="dth2_a">Prepaid EV Service Plans</a></li> <li class="dth2_l"><a href="/au/electric-cars/ev-day.html" class="dth2_a">EV Day</a></li> </ul> </li> </ul>  <ul class="gnb_nav gnb_right"> <li class="dth1_l"><a href="/au/recall-information.html" class="dth1_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Safety Recalls</a> <li class="dth1_l"><a href="#" class="dth1_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Owners</a> <ul class="dth2_u"> <li class="dth2_l"><a href="/au/owners/overview.html" class="dth2_a">Kia Service</a></li> <li class="dth2_l"><a href="/au/owners/warranty.html" class="dth2_a">Kia Warranty</a></li> <li class="dth2_l"><a href="/au/owners/capped-price-service.html" class="dth2_a">Kia Capped Price Servicing</a></li> <li class="dth2_l"><a href="/au/owners/roadside-assist.html" class="dth2_a">Kia Roadside Assistance</a></li> <li class="dth2_l"><a href="/au/owners/genuine-accessories.html" class="dth2_a">Kia Genuine Accessories</a></li> <li class="dth2_l"><a href="/au/owners/genuine-parts.html" class="dth2_a">Kia Genuine Parts</a></li> <li class="dth2_l"><a href="/au/owners/change-of-ownership.html" class="dth2_a">Change of Ownership</a></li> <li class="dth2_l"><a href="/au/owners/recall-information.html" class="dth2_a">Recall Information</a></li> <li class="dth2_l"><a href="/au/owners/service-and-warranty-manual.html" class="dth2_a">Kia Service and Warranty Manuals</a></li> <li class="dth2_l"><a href="/au/owners/manual.html" class="dth2_a">Owners Manuals</a></li> <li class="dth2_l"><a href="/au/owners/kia-connect.html" class="dth2_a">Kia Connect</a></li> <li class="dth2_l"><a href="/au/owners/independent.html" class="dth2_a">Independent Repairers Access</a></li> </ul> </li> <li class="dth1_l"><a href="#" class="dth1_a" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Discover Kia</a> <ul class="dth2_u"> <li class="dth2_l"><a href="/au/discover-kia/ev-range.html" class="dth2_a">Kia EV Range</a></li> <li class="dth2_l"><a href="/au/discover-kia/this-is-kia.html" class="dth2_a">This is Kia</a></li> <li class="dth2_l"><a href="/au/discover-kia/our-movement.html" class="dth2_a">Our Movement</a></li> <li class="dth2_l"><a href="/au/discover-kia/pbv.html" class="dth2_a">PBV</a></li> <li class="dth2_l"><a href="/au/discover-kia/sponsorship.html" class="dth2_a">Partnerships</a></li> <li class="dth2_l"><a href="/au/discover-kia/company-statements.html" class="dth2_a">Company Statements</a></li> <li class="dth2_l"><a href="/au/discover-kia/sustainability.html" class="dth2_a">Sustainability</a></li> <li class="dth2_l"><a href="/au/discover-kia/ao2025.html" class="dth2_a">AO 2025</a></li> </ul> </li> </ul>  <div class="util_area"> <ul class="util_menu"> <li class="util_l"><a href="/au/discover-kia/our-movement.html" class="util_a" target='_self' data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Discover Kia</a></li> <li class="util_l"><a href="/au/util/news.html" class="util_a" target='_self' data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">News</a></li> <li class="util_l"><a href="/au/util/contact-us.html" class="util_a" target='_self' data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Contact Us</a></li> <li class="util_l"><a href="/au/util/faq.html" class="util_a" target='_self' data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">FAQ</a></li> <li class="util_l"><a href="/au/util/privacy.html" class="util_a" target='_self' data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Privacy</a></li> <li class="util_l"><a href="/au/util/unsubscribe.html" class="util_a" target='_self' data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu">Unsubscribe</a></li> </ul> <div class="util_set_location"> <div class="set_location_form"> <input type="text" id="syl_postCode_M" placeholder="Your Postcode" title="Your Postcode" maxlength="4"> <button type="button">Set</button>  </div> <a href="#none" class="util_a sylPopupOpen sylNoRegion">Set Your Location</a>  <div class="my_location"> <span class="txt">Your Location</span> <strong id="myIocation_regionCode"></strong> <a href="#none" class="util_a sylPopupOpen">Change</a> </div> <div class="error">Invalid Postcode.</div> </div>  <div class="util_find_dealer"> <a href="/au/shopping-tools/find-a-dealer.html">Find a Dealer</a> </div>  <div class="util_search">  <div class="u_sch_button"> <a href="#" class="sch_act_btn"> <span class="ico_txt">Search</span> </a> </div>  <div class="u_sch_box"> <form action="/au/util/search.html" method="get"> <input type="text" name="q" id="txtTopSearch" class="sch_inp" title="Search Keyword" placeholder="Search"> <button type="submit" class="sch_btn" title="Search"><span class="cmm_spr spr_search">Search</span></button> </form> </div> </div> </div>  <div class="go_build"> <div class="link-f-7-5 mainbuild" style="min-width:100px;">  <a href="/au/shopping-tools/build-and-price.html" class="btnMedium btnType1" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Top Menu"><span class="cmm_tspr spr_build"><em class="desc">Build & Price</em></span></a>  </div> </div>  <div class="hidden">Util Menu</div> </div>  </div> </div> <script type="text/javascript"> (function($) { $(".sch_inp").keydown(function(evt) { if (evt.keyCode == 13) { 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 = "/au/util/search.html?" + $.param({ q: q }); } }); var regionCode = getCookie("regionCode"); var postCode = getCookie("postCode"); var code = postCode + " " + regionCode; var sylPopup = $('.util_area .util_set_location .sylNoRegion'); var sylLocation = $('.util_area .util_set_location .my_location'); if(code != " "){ sylPopup.hide(); sylLocation.show(); $('#myIocation_regionCode').text(code); }else{ sylPopup.show(); sylLocation.hide(); } var regionCode = getCookie("regionCode"); if( regionCode != "" ){ $(".g_info").text("DRIVE AWAY FROM"); $.ajax({ url : "/api/kia_australia/common/trimPrice.selectPriceByModel?regionCode="+regionCode, async : true, type : 'GET', success : function(data){ if(data.dataInfo){ resultList = data.dataInfo; if(resultList.length>0){ for(var idx=0;idx<resultList.length;idx++){ if(resultList[idx].modelCode){ $('.gnb_price_'+resultList[idx].modelCode).text("$"+resultList[idx].flippyPriceComma); } } } } } }); } })(jQuery); </script> <div id="container" ng-app="kwcmsAppModuleApp" ng-cloak> <div id="pop_sec" class="pop_dimmed "></div> <div id="content" class="subContents" style="">  <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="/au/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">Owners</span><span class="gt">></span> <meta property="position" content=2> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <a href="/au/owners/book-a-service.html" property="item" typeof="WebPage"><strong class="depth current"property="name">Kia Service Centre Near Me</strong></a> <meta property="position" content=3> </li> </ol> </div> <h1 class="con_tit"><p>Kia Service Centre Near Me</p> </h1> </div></div> <div class="layout parbase section"><div class="layout_default "> <div class="cpt_area"> <div class=" "><div class="context parbase section"><div> <p class=" al"> <br /> </p> </div> </div> </div> </div> </div> </div> <div class="book-a-service contentpage section">  <script type="text/javascript" src="/etc/designs/kia-australia/clientlib/js/google_maps_util.js"></script> <script type="text/javascript"> if( !String.prototype.startsWith ){ String.prototype.startsWith = function(searchString){ return this.substr(0,searchString.length) === searchString; } } //require variables for car-selector component var _over_selected_message_ = "Exceeds the number of vehicles to choose."; var _max_count_vehicle_selected_ = parseInt("1", 10); var _selected_vehicle_ = null; var _suffix_selected_vehicle_ = getSuffixMapFromURL(); var _reference_controller_scope_ = null; //require variables for userdata-keyin, userdata-view component var _user_data_ = null; //require variables for userdata-view component var _userdata_view_scope_ = null; var _vehicle_data_ = _selected_vehicle_; var _vehicle_trim_data_ = null; var _dealer_data_ = null; var _center_data_ = null; var _carType = null; var _vehicle_name = null; var _latitude = -25.274398; var _longitude = 133.77513599999997; var _flag = false; //20190619 42937 default값 해제 YKJ var _selected_dealer = false; kwcmsApp.controller("bookaservice.steps", function($scope, HttpService, pagination) { //reference_controller_scope _reference_controller_scope_ = $scope; //current step $scope.step = ""; //carlist $scope.cars = null; //user data $scope.userData = null; $scope.distanceViewFlag = "N"; //BRIAN var autocomplete = {}; var input = document.getElementById('googapisearch'), options = { componentRestrictions: {'country':'au'}, types: ['(regions)'] }; var ALLDEALERS = {}; var PLACE; $scope.fixedParamVO = { "pageNum" : 1 , "pageSize" : 7777777 , "pageCnt" : 5 , "sc.delYn" : "N" , "sc.displayYn" : "Y" , "sortKey[0]" : "distance" , "sortType[0]" : "A" , "sc.searchKey" : "" , "sc.area" : "" , "isAll" : true }; //initialize $scope.init = function () { // 지역코드 검색 //commonCodeLib.init("SC03SC","kia_australia"); //$scope.states = commonCodeLib.comCdList; //$scope.states.unshift({code:"SC03SC00",extra1:null,extra2:null,parentCd:"SC03SC",sortNo:0,text:"ALL"}); $scope.step = "1"; //set Service or Category; angular.element("[name='step2']").css("display", "none"); //DB연결시 주석제거 //commonCodeLib.init("SC02SC", "kia_australia"); /* var arg = [["","Select Service"]]; //DB연결시 주석제거 angular.forEach(commonCodeLib.comCdMap, function(text, value) { var innerArgs = [value, text]; arg.push(innerArgs); }); */ //setCategories(arg); //$scope.fnSelectListAll(); /* --20141229 all list 추가-- */ //$scope.goSearch(); $scope.afterInit = true; $scope.fixedParamVO["sc.lat"] = _latitude; $scope.fixedParamVO["sc.lng"] = _longitude; var params = { method : "GET" , params : $scope.fixedParamVO , url : "/api/kia_australia/base/sc01/findCenter.selectFindCenterByServiceList" }; HttpService.http(params, $scope.initCallback, $scope.fixedParamVO); autocomplete = new google.maps.places.Autocomplete(input, options); $("#googapisearch").keyup(function(event){ if(event.keyCode == 13){ if (autocomplete.getPlace() != undefined) { showError(false); PLACE = autocomplete.getPlace(); } $scope.fnSelectList(1, false); } }); pacSelectFirst(input); google.maps.event.addListener(autocomplete, 'place_changed', function () { if (autocomplete.getPlace() != undefined) { showError(false); PLACE = autocomplete.getPlace(); } $scope.fnSelectList(1, false); }); }; //Callback stores dealer data...this should only be called once during page load $scope.initCallback = function (data, params) { ALLDEALERS = data; ALLDEALERS.totalCount = data.dataInfo.length; $scope.fixedParamVO["pageSize"] = 5; $scope.fnSelectList(1, params.isAll); }; //change step method $scope.stepChange = function (step) { if(step=="2"){ angular.element("[name='step2']").css("display", "block"); }else{ angular.element("[name='step2']").css("display", "none"); } $scope.step = step; }; //select center $scope.fnSelectedCenter = function(obj){ var ua = window.navigator.userAgent; var msie = ua.indexOf("MSIE "); //if (msie > 0) // If Internet Explorer, return version number obj = $(obj.target); // else // If another browser, return 0 //obj = $(obj.toElement); var pObj = obj.parent(); var addr = pObj.find("dd[name='addr']").text(); var centerNm = pObj.find("dt[name='centerNm']").text(); addr = addr.substring(0,addr.indexOf(",")); centerNm = centerNm.substring(0,centerNm.indexOf("(")); $scope.selectedCenterResult = { 'centerNm' : pObj.find("dt[name='centerNm']").text() ,'addr' : addr ,'phone' : pObj.find("dd[name='phone']").text() ,'centerSeq' : pObj.find("input[name='dealerSeq']").val() ,'dealerEmail' : pObj.find("input[name='dealerEmail']").val() ,'fax' : pObj.find("input[name='fax']").val() } }; //validation for steps $scope.validation = function (step, nStep, isNext) { var isValid = true; switch (step) { case "1": //map init in step2 angular.element("[name='step2']").css("display", "block"); $scope.initMap($scope.centerResultList, "mapArea", 0); // 2015.08.21. 스탭 진행 안되는 오류 수정 var selectInfo = _vehicle_data_ = _selected_vehicle_; if (selectInfo == null || selectInfo.carCount == 0) { alert("Please select a car."); isValid = false; angular.element("[name='step2']").css("display", "none"); } else { var selectInfoList = []; var carType = $(".car_box .on").last().attr("href"); _carType = carType.substr(1,carType.indexOf("Cars")-1); _carType = _carType == "suv" ? "suv&mpv" : _carType; for (var i = 0, iCnt = selectInfo.carKey.length ; i < iCnt ; i++) { selectInfoList[i] = { carKey : selectInfo.carKey[i] , carCode : selectInfo.carCode[i] , carName : selectInfo.carDisplayName[i] //20180625 selectinfo.carName --> carDisplayName으로 변경 , carImage : selectInfo.carImage[i] , carTrim : selectInfo.carTrim[i] }; if(i == iCnt-1){ _vehicle_name = selectInfo.carCode[i].replace("-","_"); } } dtmDataLayer = { 'vehicle_name': _vehicle_name, 'vehicle_type': _carType }; _satellite.track('bookaservice_vehicle'); $scope.cars = selectInfoList; //$scope.fnSearchReset(); } break; case "2": /* SHIM MODIFY */ //alert(_suffix_selected_vehicle_); if(!_selected_dealer){ alert("Please select a dealer"); event.preventDefault(); event.stopPropagation(); isValid = false; }//20190619 YKJ if(_suffix_selected_vehicle_!=null&&(_suffix_selected_vehicle_.serviceCenterKey!=null || _suffix_selected_vehicle_.dealerSeq!=null) && $scope.totalCount > 0){ var addr = $("li").find(".center_on").find("[name='addr']").text(); var centerNm = $("li").find(".center_on").find("[name='centerNm']").text(); addr = addr.substring(0,addr.indexOf(",")); centerNm = centerNm.substring(0,centerNm.indexOf("(")); $scope.selectedCenterResult = { 'centerNm' : centerNm ,'addr' : addr ,'phone' : $("li").find(".center_on").find("[name='phone']").text() ,'dealerSeq' : $("li").find(".center_on").find("[name='dealerSeq']").val() ,'dealerEmail' : $("li").find(".center_on").find("[name='dealerEmail']").val() ,'fax' : $("li").find(".center_on").find("[name='fax']").val() ,'centerSeq' : $("li").find(".center_on").find("[name='dealerSeq']").val() } _center_data_ = { 'centerNm' : centerNm ,'addr' : addr ,'phone' : $("li").find(".center_on").find("[name='phone']").text() ,'dealerSeq' : $("li").find(".center_on").find("[name='dealerSeq']").val() ,'dealerEmail' : $("li").find(".center_on").find("[name='dealerEmail']").val() ,'fax' : $("li").find(".center_on").find("[name='fax']").val() ,'centerSeq' : $("li").find(".center_on").find("[name='dealerSeq']").val() } //alert($scope.selectedCenterResult.centerNm+" || "+$scope.selectedCenterResult.dealerSeq); } dtmDataLayer = { 'vehicle_name': _vehicle_name, 'vehicle_type': _carType, 'dealer': centerNm } _satellite.track('bookaservice_dealer'); angular.element("[name='step2']").css("display", "block"); break; case "3": angular.element("[name='step2']").css("display", "none"); if(0 < $("#phone").val().replace(/[^0-9]/g,'').length){ if($("#phone").val().replace(/[^0-9]/g,'').length < 7){ alert('Phone number must be at least 7 digit.'); $("#phone").focus(); return; }else if($("#phone").val().replace(/[^0-9]/g,'').length > 12){ alert('Please enter under 12 numbers.'); $("#phone").focus(); return; } } // 수정시 다음 스텝진입 방지하기 위해 초기화 작업 _user_data_ = null; replaceValid(); userdataInfoSubmit(); //alert("_user_data_ : "+_user_data_); if (_user_data_ != null) { $scope.userData = _user_data_; $scope.selectedCenterInfo(); } else { isValid = false; } dtmDataLayer = { 'vehicle_name': _vehicle_name, 'vehicle_type': _carType, 'dealer_name': centerNm, } _satellite.track('bookaservice_mailform'); //$scope.fnBookingComplate(); break; } if (isValid && isNext) { $scope.stepChange(nStep); } }; //map $scope.searchKey; //$scope.pageSize; //$scope.pageUnit; $scope.area; /* $scope.fixedParamVO = { "pageSize": 5 ,"pageUnit": 5 ,"sc.delYn":"N" ,"sc.displayYn":"Y" ,"sc.searchType":"postCode" ,"sortKey[0]":"distance" ,"sortType[0]":"A" ,"sc.lat":"-25.274398" ,"sc.lng":"133.77513599999997" }; */ /* $scope.goSearch = function(){ $scope.paramVO = angular.copy($scope.fixedParamVO); //if($scope.afterInit&&$scope.searchKey==null){ // alert("Please enter your Postcode."); if ($scope.searchKey !== undefined && !angular.equals($scope.searchKey, "")) { $scope.paramVO["sc.searchKey"] = $scope.searchKey; $scope.paramVO["sc.searchType"] = "postCode"; $scope.paramVO["pageSize"] = 3; $scope.paramVO["sortKey[0]"] = "distance"; $scope.paramVO["sc.area"] = ""; $(".postcode").find("label").removeClass("on"); $(".postcode").find("label:eq(0)").addClass("on"); $("input[name=postcode_set]").prop('checked',false); $("input[name=postcode_set]:eq(0)").prop('checked',true); $scope.fnSelectList("1"); }else{ $scope.paramVO["sc.searchKey"] = ""; $scope.paramVO["sc.searchType"] = ""; $scope.paramVO["sc.area"] = $scope.area; $scope.paramVO["pageSize"] = 5; $scope.paramVO["sortKey[0]"] = "centerNm"; $scope.fnSelectList("1"); } }; */ $scope.paramVO = {}; $scope.isSuffix = false; $scope.searchClick = function(){ if (PLACE == undefined || $("#googapisearch").val() != ""){ var service = new google.maps.places.AutocompleteService(input, options); service.getPlacePredictions({ input: $('#googapisearch').val(), types: ['(regions)'], componentRestrictions: {'country': 'au'}}, function(predictions, status){ if (status != google.maps.places.PlacesServiceStatus.OK) { showError(true); PLACE = null; $scope.fnSelectList(1, false); } else { var placeService = new google.maps.places.PlacesService(document.createElement('div')); placeService.getDetails({ placeId: predictions[0].place_id}, function(placeResult, status){ if (status != google.maps.places.PlacesServiceStatus.OK) { showError(true); PLACE = null; } else { showError(false); PLACE = placeResult; $(".none_data_box").hide(); // 2021.05.10 #52058 추가 } $scope.fnSelectList(1, false); }); } }); } else { $scope.fnSelectList(1, false); } // $(".location_result").show(); // 2021.05.04 #52058 추가 }; $scope.fnSelectList = function(pageNum, isAll){ /* if(!pageNum) $scope.paramVO["pageNum"] = "1"; else $scope.paramVO["pageNum"] = pageNum; if(_suffix_selected_vehicle_!=null&&$scope.isSuffix==false){ if(_suffix_selected_vehicle_.serviceCenterKey!=null){ $scope.paramVO["sc.centerSeq"] = _suffix_selected_vehicle_.serviceCenterKey; }else if(_suffix_selected_vehicle_.dealerSeq!=null){ $scope.paramVO["sc.centerSeq"] = _suffix_selected_vehicle_.dealerSeq; } $scope.isSuffix=true; } $scope.paramVO["sc.lat"] = -25.274398; $scope.paramVO["sc.lng"] = 133.77513599999997; var coordinate; var paramVO = $scope.paramVO; var geocoder = new google.maps.Geocoder(); */ $scope.searchKey = $("#googapisearch").val(); if(!angular.equals(ALLDEALERS, {})){ if (($scope.searchKey || 0 !== $scope.searchKey.length) && PLACE != undefined && PLACE.geometry != undefined) { _flag = true; //20190619 42937 default값 해제 YKJ $scope.fixedParamVO = { "pageNum" : 1 , "pageSize" : 5 , "pageCnt" : 1 , "sc.delYn" : "N" , "sc.displayYn" : "Y" , "sc.searchType" : "postCode" , "sortKey[0]" : "distance" , "sortType[0]" : "A" , "sc.searchKey" : $scope.searchKey , "sc.area" : "" , "isAll" : false }; var ctr = 0; ALLDEALERS.dataInfo.forEach(function(dealer){ ALLDEALERS.dataInfo[ctr].distanceB = getDistanceFromLatLonInKm(dealer.lat, dealer.lng, PLACE.geometry.location.lat(), PLACE.geometry.location.lng()); ctr++; }); ALLDEALERS.dataInfo.sort(function(a, b) { return parseFloat(a.distanceB) - parseFloat(b.distanceB); }); var TOP_5 = {"dataInfo":ALLDEALERS.dataInfo.slice(0, 5), "result": "Success", "totalCount": 5}; $(".listInner").height(600); $('.pg_num_area').hide(); $scope.fnSelectListCallBack(TOP_5, $scope.fixedParamVO); $(".none_data_box").hide(); // 2021.05.10 #52058 추가 } else { if (!$scope.fixedParamVO["isAll"] && ($scope.searchKey || 0 !== $scope.searchKey.length)){ showError(true); } if ($scope.searchKey === "99999") { showError(false); var data = {"dataInfo": [{ "dealerSeq" : 260, "centerSeq" : 200, "centerNm" : "Kia Test Service Center", "dealerCode" : "99999", "testDriveDealerId" : "200", "area" : "NSW", "postCodes" : "9999", "addr" : "123 John Doe street", "phone" : "123456789", "zipcode" : "9999", "email" : "dlee@kia.com.au", "openHours" : "123", "url" : "www.kia.com.au", "lat" : -0.12, "lng" : 1.23, }], "result": "Success", "totalCount": 1}; $scope.fnSelectListCallBack(data, $scope.fixedParamVO); return; } $(".listInner").height(524); $('.pg_num_area').show(); $scope.fnSelectListCallBack(getCurrentList(pageNum), $scope.fixedParamVO); } } }; $scope.fnSelectListCallBack = function(data, params){ console.log(_flag); $scope.pageNum = params.pageNum; $scope.totalCount = data.totalCount; if(data.dataInfo && data.dataInfo.length > data.totalCount ) $scope.totalCount = data.dataInfo.length; //parse data $scope.centerResultList = data.dataInfo; if($scope.totalCount==0){ alert("Please select a service centre"); dtmDataLayer = { 'no_result_center': $scope.searchKey }; _satellite.track('fnSelectListCallBack No Result '); return; } else { dtmDataLayer = { 'center_search_term': $scope.searchKey }; _satellite.track('fnSelectListCallBack'); } /* if( $scope.paramVO["pageSize"] == 3 ){ if($scope.totalCount > 3) $scope.totalCount = 3; $scope.distanceViewFlag = "Y"; } else{ $scope.distanceViewFlag = "N"; } */ //pagination pagination.paginationCreate($scope.totalCount, params.pageNum, params.pageSize, params.pageCnt, $scope.fnSelectList); /***************************** * Map 호출 * domlistener 대신 함수로 호출 * 대체::google.maps.event.addDomListener(window, 'load', initialize); --> initMap(); * ex) initMap('리스트데이터','맵이 생성될 영역') ******************************/ $scope.initMap($scope.centerResultList, "mapArea", 0); //sequence parameter in find a service if(_suffix_selected_vehicle_!=null&&$scope.isSuffix==false){ if(_suffix_selected_vehicle_.serviceCenterKey!=null || _suffix_selected_vehicle_.dealerSeq!=null){ $scope.searchKey = data.dataInfo[0].centerNm; } } $scope.selectedCenterResult = $scope.centerResultList[0]; _center_data_ = $scope.centerResultList[0]; if (!$scope.$$phase && !$scope.$root.$$phase) { $scope.$apply(); } PLACE = null; }; /* --20141229 all list 추가-- */ //GT url 매핑 20151209 mwj var gtUrlchk = "/content/kwcms/au/en"; var gtUrl = ""; if(gtUrlchk == "/content/kwcms/au/en"){ gtUrl = gtUrlchk.replace("/content/kwcms/au/en","/au"); }else{ gtUrl = "/au/main.html"; } /* $scope.fnSelectListAll = function(){ var params = { method : "GET" , params : { "pageSize": 5 ,"pageUnit": 5 ,"sc.delYn":"N" ,"sc.displayYn":"Y" ,"sortKey[0]":"centerNm" ,"sortType[0]":"A" } , url : "/api/kia_australia/base/sc01/findCenter.selectFindCenterAllList" }; HttpService.http(params, $scope.fnSelectListAllCallBack); }; $scope.fnSelectListAllCallBack = function(data){ $scope.distanceViewFlag = "N"; $scope.resultListAll = data.dataInfo; angular.element($scope.resultListAll).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.openHours + '</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/au/en/shopping-tools/request-a-test-drive.html" class="bl_type_a">Request a Test Drive</a><br/>'; layerDOM += ' <a href="/content/kwcms/au/en/shopping-tools/request-a-brochure.html" class="bl_type_a">View Brochure</a><br/>'; //layerDOM += ' <a href="/content/kwcms/au/en/shopping-tools/request-a-quote.html" class="bl_type_a">Request a quote</a>'; layerDOM += ' <a href="/content/kwcms/au/en/service/service-care/request-a-service.html/serviceCenterKey/'+this.centerSeq+'" class="bl_type_a">Request a Service</a>'; layerDOM += ' </div>'; layerDOM += ' </div>'; layerDOM += '</div>'; if(objPoint.pointAll){ objPoint.pointAll[idx] = ({ "lat" : this.lat , "lng" : this.lng , "info": layerDOM }); } }); }; */ /* --20141229 all list 추가-- */ $scope.initMap = function(mapInfoObj, areaId, selectIdx, flag){ //20190619 42937 default값 해제 YKJ if(flag || _flag){ _selected_dealer = true; $scope.currBranch = selectIdx; /***************************** * Map 생성에 필요한 Object objPoint.point[] 재설정 ******************************/ //if(objPoint){ objPoint.point =[]; if(mapInfoObj!=""){ //dom for dealer layer angular.element(mapInfoObj).each(function(idx){ var layerDOM = '<div class="dealer_layer" style="overflow:hidden;">'; layerDOM += ' <div class="dealer_info">'; layerDOM += ' <strong class="name">' + this.centerNm + '</strong>'; layerDOM += ' <ul class="info">'; layerDOM += ' <li class="address">' + this.openHours + '</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>'; #46288 링크 버튼 제거 //layerDOM += ' <a href="/content/kwcms/au/en/shopping-tools/request-a-test-drive.html" class="bl_type_a">Request a Test Drive</a><br/>'; //layerDOM += ' <a href="/content/kwcms/au/en/shopping-tools/request-a-brochure.html" class="bl_type_a">View Brochure</a><br/>'; //layerDOM += ' <a href="/content/kwcms/au/en/shopping-tools/request-a-quote.html" class="bl_type_a">Request a quote</a>'; //layerDOM += ' <a href="/content/kwcms/au/en/service/service-care/request-a-service.html/serviceCenterKey/'+this.centerSeq+'" class="bl_type_a">Request a Service</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":'' }); } */ /***************************** * Map 생성에 필요한 object 재설정 * ex) initialize('리스트데이터','맵이 생성될 영역') ******************************/ //if(objPoint){ initialize(selectIdx, areaId); //} } } console.log(_selected_dealer); }; $scope.selectedCenterInfo = function(){ var searchParams = { method : "GET" ,params : {"sc.centerSeq" : $scope.selectedCenterResult.centerSeq} ,url : "/api/kia_australia/base/sc01/findCenter.selectFindCenterByService" } HttpService.http(searchParams, $scope.selectedCenterInfoResult, ""); }; $scope.selectedCenterInfoResult = function(data){ if(data){ _center_data_ = data.dataInfo; //fill user data if (_userdata_view_scope_ != null) { _userdata_view_scope_.userDataInit(); } }else{ alert("Sorry. A system error has occurred."); } }; $scope.fnBookingComplate = function($event){ //$event.preventDefault(); //var moveURI = $event.target.href; var moveURI = ''; var _params = { "reqTitle" : $scope.userData.title , "reqFnm" : $scope.userData.fname , "reqLnm" : $scope.userData.lname , "regNm" : $scope.userData.fname + ", " + $scope.userData.lname , "reqEmail" : $scope.userData.email , "reqPhone" : $scope.userData.phone , "reqOtherVehicle" : $scope.userData.other_vehicle , "reqVehicledRegist" : $scope.userData.vehicle_registration , "preDate" : $scope.userData.pdate , "preTime" : $scope.userData.ptime , "agree" : $scope.userData.agree , "statusCd" : "RQ01ST01" , "carKey1" : $scope.cars[0].carKey , "vehicle1" : $scope.cars[0].carName , "dealerSeq" : _center_data_.centerSeq , "dealerNm" : _center_data_.centerNm , "dealerAddr" : _center_data_.addr + " " + _center_data_.zipcode , "dealerPhone" :_center_data_.phone , "dealerFax" : _center_data_.fax , "dealerEmail" : _center_data_.email , "reqVin" : $scope.userData.vin , "reqServiceRequested" : $scope.userData.service_requested , "reqComments" : $scope.userData.comments }; //center_data 미포함 var insertParams = { method : "POST" ,params : _params ,url : "/api/kia_australia/base/bs01/bookingSvc.insertBookingSvc" } HttpService.http(insertParams, $scope.fnBookingInsertResult, moveURI); }; $scope.fnBookingInsertResult = function(data, uri){ dtmDataLayer = { 'vehicle_name': _vehicle_name, 'vehicle_type': _carType }; _satellite.track('bookaservice_complete'); if (angular.equals(data.status, "Success")) { alert("Your request has been sent. Thank you. You will receive a confirmation mail shortly."); document.location.href = "/au/main.html"; /* if (!angular.equals(uri, "") && !angular.equals(uri, undefined)) { document.location.href = uri; } else { document.location.href = "/au/main.html"; } */ } }; //if selected vehicle exist from suffix, execute by car-selector component $scope.autoExec = function () { $scope.validation('1', '2', true); }; //search $scope.fnGoUrl = function (url) { if(url.indexOf('http') == -1){ url = "http://" + url; } window.open(url,"_blank"); }; // Show error message or not function showError(show) { var errorElement = document.getElementById("search_error"); if (show){ $scope.paramVO.isAll = true; errorElement.style.display = 'block'; } else { $scope.paramVO.isAll = false; errorElement.style.display = 'none'; } } function getCurrentList(pageNum) { if (pageNum === undefined) { pageNum = 1; } var CURRENT_5 = {"dataInfo":[], "result": "Success", "totalCount": ALLDEALERS.totalCount}; var firstRow = 0; var lastRow = $scope.fixedParamVO["pageSize"]; var totalPages = parseInt((ALLDEALERS.totalCount-1)/$scope.fixedParamVO["pageSize"] + 1); $scope.fixedParamVO["pageNum"] = pageNum; if (pageNum > 1) { if (pageNum < totalPages) { firstRow = (pageNum - 1) * $scope.fixedParamVO["pageSize"]; lastRow = firstRow + $scope.fixedParamVO["pageSize"]; } else { firstRow = (pageNum - 1) * $scope.fixedParamVO["pageSize"]; lastRow = ALLDEALERS.totalCount; } } CURRENT_5.dataInfo = ALLDEALERS.dataInfo.slice(firstRow, lastRow); $scope.fixedParamVO["sc.searchKey"] = $scope.searchKey; $scope.fixedParamVO["pageCnt"] = 5; return CURRENT_5; } //Select first Google Maps API autocomplete suggestion on pressing Enter pacSelectFirst = function(input) { // store the original event binding function var _addEventListener = (input.addEventListener) ? input.addEventListener : input.attachEvent; function addEventListenerWrapper(type, listener) { // Simulate a 'down arrow' keypress on hitting 'return' when no pac suggestion is selected, // and then trigger the original listener. if (type == "keydown") { var orig_listener = listener; listener = function(event) { var suggestion_selected = $(".pac-item-selected").length > 0; if (event.which == 13 && !suggestion_selected) { var simulated_downarrow = $.Event("keydown", { keyCode: 40, which: 40 }); orig_listener.apply(input, [simulated_downarrow]); } orig_listener.apply(input, [event]); }; } _addEventListener.apply(input, [type, listener]); } input.addEventListener = addEventListenerWrapper; input.attachEvent = addEventListenerWrapper; }; //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;}; }; }); function fnGetCurrentPosition() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition (function (pos) { _latitude = pos.coords.latitude; _longitude = pos.coords.longitude; }); console.log( "navigator.geolocation is true" ); console.log( "latitude : " + _latitude + " , longitude : " + _longitude ); } else { console.log( "navigator.geolocation is false" ); } } </script> <div class="content_detail" ng-controller="bookaservice.steps" ng-init="init()">  <div class="inner book_service" data-w="mt20" data-t="mt20" data-m="mt10" ng-show="step == 1"> <ol class="stepType01 invenStep"> <li class="stepWrap on"> <div class="stepbar bar01"> <strong class="num"><em>01</em></strong> <div class="txt"> <strong>Car</strong> <span class="ex">Please select car.</span> </div> </div> <div class="stepCon" carselect> <div class="car-selector parsys"><div class="car-selector section"> <script type="text/javascript"> /* ie8 Array indexOf 선언*/ if (!Array.prototype.indexOf) { Array.prototype.indexOf = function(elt /*, from*/) { var len = this.length >>> 0; var from = Number(arguments[1]) || 0; from = (from < 0) ? Math.ceil(from) : Math.floor(from); if (from < 0) from += len; for (; from < len; from++) { if (from in this && this[from] === elt) return from; } return -1; }; } /* * if use the this componet, * must be defined "_over_selected_message_", "_max_count_vehicle_selected_", "_selected_vehicle_" variables. */ var _vehicle_selector_controller_ = null; kwcmsApp.controller("carselector.selector", function($scope, $timeout, HttpService) { //reference_controller_scope _vehicle_selector_controller_ = $scope; //default car list $scope.selectedCar = ""; //initialize $scope.init = function (scope) { $scope.selectedCar = "All"; $scope.searchCars(); }; //current selected vehicle count $scope.currentSelectedCount = 0; //search Cars //$scope.carCars = null; //$scope.suvCars = null; //$scope.commercialCars = null; $scope.smallCars = null; $scope.mediumCars = null; $scope.suvs = null; $scope.peopleMovers = null; $scope.largeCars = null; $scope.hybridElectric = null; //#65577 electric으로 사용 $scope.hyBridCars = null; //#65577 재사용 //click vehicle category $scope.selectCategory = function (cate) { $scope.selectedCar = cate; $timeout(function () { angular.element("#" + cate).click(); $scope.callbackReturn(); }, 100); }; //get vehicle list $scope.searchCars = function () { var params = { method : "GET" , params : { nCd : "au" } //, url : "/api/kia/base/carInfo.selectVehicleList" , url : "/api/kia_australia/base/carInfo.selectVehicleList" }; HttpService.http(params, $scope.parseVehicle, ""); }; //callback searchCars method $scope.parseVehicle = function (data) { if (angular.equals(data.result, "Success")) { //$scope.carCars = data.dataInfo.carCars; //$scope.suvCars = data.dataInfo.suvMpvCars; //$scope.commercialCars = data.dataInfo.commercialCars; $scope.smallCars = data.dataInfo.smallCars; $scope.mediumCars = data.dataInfo.mediumCars; $scope.suvs = data.dataInfo.suvs; $scope.peopleMovers = data.dataInfo.peopleMovers; $scope.largeCars = data.dataInfo.largeCars; $scope.hybridElectric = data.dataInfo.hybridElectric; //#65577 electric으로 사용 $scope.hyBridCars = data.dataInfo.hybridCars; //#65577 재사용 $scope.clickFromSuffix(); } }; //callback car info $scope.callbackInfo = { carCount : $scope.currentSelectedCount , carKey : [] , carCode : [] , carName : [] , carDisplayName : [] , carImage : [] , carTrim : [] , carTrimCode : [] , carTrimDisplayName : [] , carTrimSortNo : [] , carTestDriveVehicleId : [] }; //reset selected vehicle $scope.resetSelectedCar = function () { $scope.currentSelectedCount = 0; $scope.callbackInfo = { carCount : 0 , carKey : [] , carCode : [] , carName : [] , carDisplayName : [] , carImage : [] , carTrim : [] , carTrimCode : [] , carTrimDisplayName : [] , carTrimSortNo : [] , carTestDriveVehicleId : [] }; }; //choice vehicle var maxCount = ((_max_count_vehicle_selected_ != undefined) || (_max_count_vehicle_selected_ != null)) ? _max_count_vehicle_selected_ : 1; $scope.choice = function (code, type) { if (angular.equals(maxCount, 1)) { //every newly selected $scope.resetSelectedCar(); } var idx = $scope.callbackInfo.carCode.indexOf(code); if (idx > -1) { // is currently selected $scope.callbackInfo.carKey.splice(idx, 1); $scope.callbackInfo.carCode.splice(idx, 1); $scope.callbackInfo.carName.splice(idx, 1); $scope.callbackInfo.carDisplayName.splice(idx, 1); $scope.callbackInfo.carImage.splice(idx, 1); $scope.callbackInfo.carTrim.splice(idx, 1); $scope.callbackInfo.carTrimCode.splice(idx, 1); $scope.callbackInfo.carTrimDisplayName.splice(idx, 1); $scope.callbackInfo.carTrimSortNo .splice(idx, 1); $scope.callbackInfo.carTestDriveVehicleId.splice(idx, 1); $scope.callbackInfo.carCount = --$scope.currentSelectedCount; } else { // is newly selected if ($scope.currentSelectedCount >= maxCount) { alert(_over_selected_message_); } else { var targetCars = null; var targetCarsTrim = new Array(); var targetCarsTrimCode = new Array(); var targetCarsTrimDisplayName = new Array(); var targetCarsTrimSortNo = new Array(); switch (type) { /*case "carCars" : targetCars = $scope.carCars; break; case "suvCars" : targetCars = $scope.suvCars; break; case "commercialCars" : targetCars = $scope.commercialCars; break;*/ case "smallCars" : targetCars = $scope.smallCars; break; case "mediumCars" : targetCars = $scope.mediumCars; break; case "suvs" : targetCars = $scope.suvs; break; case "peopleMovers" : targetCars = $scope.peopleMovers; break; case "largeCars" : targetCars = $scope.largeCars; break; case "hybridElectric" : targetCars = $scope.hybridElectric; break; case "hybridCars" : targetCars = $scope.hyBridCars; break; } var isContinue = true; angular.forEach(targetCars, function (info) { if (angular.equals(code, info.code) && isContinue) { $scope.callbackInfo.carKey.push(info.key); $scope.callbackInfo.carCode.push(info.code); $scope.callbackInfo.carName.push(info.name); $scope.callbackInfo.carDisplayName.push(info.displayName); $scope.callbackInfo.carImage.push(info.imagePath); $scope.callbackInfo.carTestDriveVehicleId.push(info.testDriveVehicleId); angular.forEach(info.details, function (trim) { targetCarsTrim.push(trim.name); targetCarsTrimCode.push(trim.code); targetCarsTrimDisplayName.push(trim.displayName); targetCarsTrimSortNo.push(trim.sortNo); }); isContinue = false; //forEach break } }); $scope.callbackInfo.carTrim.push(targetCarsTrim); $scope.callbackInfo.carTrimCode.push(targetCarsTrimCode); $scope.callbackInfo.carTrimDisplayName.push(targetCarsTrimDisplayName); $scope.callbackInfo.carTrimSortNo.push(targetCarsTrimSortNo); $scope.callbackInfo.carCount = ++$scope.currentSelectedCount; } } //marker for selected cars & return selected informaton $scope.callbackReturn(); }; //marker for selected cars & return selected informaton $scope.callbackReturn = function () { var carA = angular.element("div.car_wrap").find("a"); var carCodes = $scope.callbackInfo.carCode; var className = "car_a "+carCodes; carA.removeClass("on"); angular.forEach(carCodes, function (code) { carA.each(function () { if (angular.element(this).attr("class")==className) { angular.element(this).addClass("on"); } }); }); //callback _selected_vehicle_ = $scope.callbackInfo; }; //if selected vehicle exist from suffix, create to click event (automatical select) $scope.isSuffixClick = false; $scope.clickFromSuffix = function () { if (_suffix_selected_vehicle_ != null && $scope.isSuffixClick == false) { $timeout(function () { var isContinue = true; var carCode = ""; /*angular.forEach($scope.carCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.suvCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.commercialCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } });*/ angular.forEach($scope.smallCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.mediumCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.suvs, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.peopleMovers, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.largeCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.hybridElectric, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); angular.forEach($scope.hyBridCars, function (info) { if (angular.equals(_suffix_selected_vehicle_.carKey, info.key) && isContinue) { carCode = info.code; isContinue = false; } }); if( $.trim( carCode ) != "" ) //#57335 변수값 오류 제어 , 공백오류 추가수정 { var objs = angular.element("a.car_a." + carCode); if (objs.length > 0) { objs.click(); if (_reference_controller_scope_ != null) { _reference_controller_scope_.autoExec(); _reference_controller_scope_.$apply(); } } } }, 100); $scope.isSuffixClick = true; } }; //not use menu 20191120 YKJ $scope.hideChk = function(chk){ var chkVal = false; if(chk == null || chk.length <1){ chkVal = false; }else{ for(var i = 0; i < chk.length; i++){ if(chk[i] == "book-a-service"){ chkVal = true; break; }else{ chkVal = false; } } } return chkVal; } }); //apply overflow:scoll kwcmsApp.directive('afterParseVehicle', function (){ return { restrict: 'A', link: function (scope, element, attr) { if (scope.$last === true) { _vehicle_selector_controller_.selectCategory('All'); } } } }); </script> <div ng-controller="carselector.selector" ng-init="init()" id="carselector.selector.comp"> <div class="car_category"> <span class="title">Category :</span> <div class="category"> <span class="form_chk"> <input type="radio" id="All" name="radio01"> <label for="All" class="form_spr radio_box" ng-click="selectCategory('All')"><span class="car_spr sort1">All</span></label> </span> <span class="form_chk"> <input type="radio" id="SmallCars" name="radio01"> <label for="SmallCars" class="form_spr radio_box" ng-click="selectCategory('SmallCars')"><span class="car_spr sort_smallcars">Small Cars</span></label> </span> <span class="form_chk"> <input type="radio" id="MediumCars" name="radio01"> <label for="MediumCars" class="form_spr radio_box" ng-click="selectCategory('MediumCars')"><span class="car_spr sort_mediumcars">Medium Cars</span></label> </span> <span class="form_chk"> <input type="radio" id="LargeCars" name="radio01"> <label for="LargeCars" class="form_spr radio_box" ng-click="selectCategory('LargeCars')"><span class="car_spr sort_largecars">Large Cars</span></label> </span> <span class="form_chk"> <input type="radio" id="Suvs" name="radio01"> <label for="Suvs" class="form_spr radio_box" ng-click="selectCategory('Suvs')"><span class="car_spr sort_suvs">SUVs</span></label> </span> <span class="form_chk"> <input type="radio" id="PeopleMovers" name="radio01"> <label for="PeopleMovers" class="form_spr radio_box" ng-click="selectCategory('PeopleMovers')"><span class="car_spr sort_peoplemovers">People Movers</span></label> </span> <span class="form_chk"> <input type="radio" id="HybridElectric" name="radio01"> <label for="HybridElectric" class="form_spr radio_box" ng-click="selectCategory('HybridElectric')"><span class="car_spr sort_hybridelectric">Electric</span></label> </span> </div> </div> <div class="car_wrap"> <div class="car_list" ng-show="(selectedCar == 'All' || selectedCar == 'SmallCars') && smallCars.length > 0"> <h5 class="bl_type1">Small Cars</h5> <ul class="car_u"> <li class="car_l" ng-repeat="car in smallCars | orderBy:'sortNo'" ng-show="!hideChk(car.notUse)" after-parse-vehicle> <div class="car_box"> <a href="#smallCars" class="car_a {{car.code}}" title="Select" ng-click="choice(car.code, 'smallCars')"> <strong class="car_name" ng-bind-html="'{{car.displayName}}' | sanitize"></strong>  <span class="car_img"><img ng-src="{{car.imagePath}}" alt="{{car.displayName}}"></span> </a> </div> </li> </ul> </div> <div class="car_list" ng-show="(selectedCar == 'All' || selectedCar == 'MediumCars') && mediumCars.length > 0"> <h5 class="bl_type1">Medium Cars</h5> <ul class="car_u"> <li class="car_l" ng-repeat="car in mediumCars | orderBy:'sortNo'" ng-show="!hideChk(car.notUse)" after-parse-vehicle> <div class="car_box"> <a href="#mediumCars" class="car_a {{car.code}}" title="Select" ng-click="choice(car.code, 'mediumCars')"> <strong class="car_name" ng-bind-html="'{{car.displayName}}' | sanitize"></strong>  <span class="car_img"><img ng-src="{{car.imagePath}}" alt="{{car.displayName}}"></span> </a> </div> </li> </ul> </div> <div class="car_list" ng-show="(selectedCar == 'All' || selectedCar == 'LargeCars') && largeCars.length > 0"> <h5 class="bl_type1">Large Cars</h5> <ul class="car_u"> <li class="car_l" ng-repeat="car in largeCars | orderBy:'sortNo'" ng-show="!hideChk(car.notUse)" after-parse-vehicle> <div class="car_box"> <a href="#largeCars" class="car_a {{car.code}}" title="Select" ng-click="choice(car.code, 'largeCars')"> <strong class="car_name" ng-bind-html="'{{car.displayName}}' | sanitize"></strong>  <span class="car_img"><img ng-src="{{car.imagePath}}" alt="{{car.displayName}}"></span> </a> </div> </li> </ul> </div> <div class="car_list" ng-show="(selectedCar == 'All' || selectedCar == 'Suvs') && suvs.length > 0"> <h5 class="bl_type1">SUVs</h5> <ul class="car_u"> <li class="car_l" ng-repeat="car in suvs | orderBy:'sortNo'" ng-show="!hideChk(car.notUse)" after-parse-vehicle> <div class="car_box"> <a href="#suvs" class="car_a {{car.code}}" title="Select" ng-click="choice(car.code, 'suvs')"> <strong class="car_name" ng-bind-html="'{{car.displayName}}' | sanitize"></strong>  <span class="car_img"><img ng-src="{{car.imagePath}}" alt="{{car.displayName}}"></span> </a> </div> </li> </ul> </div> <div class="car_list" ng-show="(selectedCar == 'All' || selectedCar == 'PeopleMovers') && peopleMovers.length > 0"> <h5 class="bl_type1">People Movers</h5> <ul class="car_u"> <li class="car_l" ng-repeat="car in peopleMovers | orderBy:'sortNo'" ng-show="!hideChk(car.notUse)" after-parse-vehicle> <div class="car_box"> <a href="#peopleMovers" class="car_a {{car.code}}" title="Select" ng-click="choice(car.code, 'peopleMovers')"> <strong class="car_name" ng-bind-html="'{{car.displayName}}' | sanitize"></strong>  <span class="car_img"><img ng-src="{{car.imagePath}}" alt="{{car.displayName}}"></span> </a> </div> </li> </ul> </div> <div class="car_list" ng-show="(selectedCar == 'All' || selectedCar == 'HybridElectric') && hybridElectric.length > 0"> <h5 class="bl_type1">Electric</h5> <ul class="car_u"> <li class="car_l" ng-repeat="car in hybridElectric | orderBy:'sortNo'" ng-show="!hideChk(car.notUse)" after-parse-vehicle> <div class="car_box"> <a href="#hybridElectric" class="car_a {{car.code}}" title="Select" ng-click="choice(car.code, 'hybridElectric')"> <strong class="car_name" ng-bind-html="'{{car.displayName}}' | sanitize"></strong>  <span class="car_img"><img ng-src="{{car.imagePath}}" alt="{{car.displayName}}"></span> </a> </div> </li> </ul> </div> </div> </div></div> </div> <div class="selData hidden">Please select car. : </div> <div class="step_ctrl"> <a href="#next" class="btnMedium btnType1" ng-click="validation('1', '2', true)"><span class="btnIcon arrow_r">Next</span></a> </div> </div> </li> <li class="stepWrap"> <div class="stepbar bar02"> <strong class="num"><em>02</em></strong> <div class="txt"> <strong>Service centre</strong> </div> </div> </li> <li class="stepWrap"> <div class="stepbar bar03"> <strong class="num"><em>03</em></strong> <div class="txt"> <strong>My Info</strong> </div> </div> </li> </ol> </div> <div class="inner book_service" data-w="mt20" data-t="mt20" data-m="mt10" name="step2"> <ol class="stepType01 bookStep"> <li class="stepWrap paston"> <div class="stepbar bar01" ng-click="stepChange('1')"> <strong class="num"><em>01</em></strong> <div class="txt"> <strong>Car</strong> </div> <div class="result"> <div class="car"> <a href="#" onclick="return false;" ng-click="stepChange('1')" class="carList" ng-repeat="car in cars"><img ng-src="{{car.carImage}}" alt="{{car.carName}}"><span class="carName" ng-bind-html="'{{car.carName}}' | sanitize"></span></a> </div> </div> </div> </li> <li class="stepWrap on"> <div class="stepbar bar02"> <strong class="num"><em>02</em></strong> <div class="txt"> <strong>Service centre</strong> <span class="ex">Enter Zipcode(Postcode)</span> </div> </div>  <div class="stepCon"> <div class="findSearch"> <strong class="schTit">Search</strong> <div class="schCon"> <div class="formArea type2"> <h4 class="hidden">Request a Service</h4>  <div class="ipt_wrap"> <div class="formInput">  <input id="googapisearch" placeholder="Enter a suburb or postcode" type="search" class="sch_inp" ng-model="searchKey" autocomplete="off"> </div> <div id="errordiv"> <span id="search_error" style="color: red; display: none">We weren't able to find dealers in the area specified. Please type a different location.</span> </div> <div class="btnArea">  <button type="button" class="btnMedium btnType1" ng-click="searchClick()" title="SEARCH"><span class="btnIcon arrow_r">SEARCH</span></button> </div> </div> </div> </div> </div>  <div class="result_sch_wrap">  <div class="none_data_box"> <span>Search your suburb or postcode in the box above</span> </div>  <div class="location_result"> <div class="location_mapview"> <div class="mapInner"> <div class="mapArea" id="mapArea"> <div class="map_info_txt">Search your suburb or postcode in the box above</div>  <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 centerResultList"> <a href="#" onclick="return false;" ng-click="fnSelectedCenter($event); initMap(centerResultList, 'mapArea', $index, true);" class="dealer_a" ng-class="{center_on:currBranch == $index}"> <div class="where"><span class="map_spr map_pin"></span></div> <dl class="info"> <dt class="ng-binding" name="centerNm"> {{item.centerNm}} <span class="link_url" ng-click="fnGoUrl(item.url)">{{item.url}}</span> </dt> <dd name="addr">A. {{item.addr}} {{item.zipcode}}</dd> <dd name="phone" ng-click="fnGoPhone(item.phone)">P. {{item.phone}}</dd> <dd name="fax">F. {{item.fax}}</dd> <input type="hidden" name="dealerSeq" value="{{item.centerSeq}}"/> <input type="hidden" name="dealerEmail" value="{{item.email}}"/> </dl> </a> </li> </ul>  </div> <div class="pg_num_area" id="pg_find_map"> <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 class="selData hidden">Select Dealer : </div> <div class="step_ctrl"> <a href="#" class="btnMedium btnType3" ng-click="stepChange('1')"><span class="btnIcon arrow_l">Back</span></a> <a href="#" class="btnMedium btnType1" ng-click="validation('2', '3', true)"><span class="btnIcon arrow_r">Next</span></a> </div> </div> </div>  </li> <li class="stepWrap"> <div class="stepbar bar03"> <strong class="num"><em>03</em></strong> <div class="txt"> <strong>My Info</strong> </div> </div> </li> </ol> </div> <div class="inner book_service" data-w="mt20" data-t="mt20" data-m="mt10" ng-show="step == 3"> <ol class="stepType01 quoteStep"> <li class="stepWrap paston"> <div class="stepbar bar01" ng-click="stepChange('1')"> <strong class="num"><em>01</em></strong> <div class="txt"> <strong>Car</strong> </div> <div class="result"> <div class="car"> <a href="#" onclick="return false;" ng-click="stepChange('1')" class="carList" ng-repeat="car in cars"><img ng-src="{{car.carImage}}" alt="{{car.carName}}"><span class="carName" ng-bind-html="'{{car.carName}}' | sanitize"></span></a> </div> </div> </div> </li> <li class="stepWrap paston"> <div class="stepbar bar02" ng-click="stepChange('2')"> <strong class="num"><em>02</em></strong> <div class="txt"> <strong>Service centre</strong> </div> <div class="result"> <a href="#" onclick="return false;" ng-click="stepChange('2')">{{selectedCenterResult.centerNm}} | {{selectedCenterResult.phone}}</a> </div> </div> </li> <li class="stepWrap on"> <div class="stepbar bar03"> <strong class="num"><em>03</em></strong> <div class="txt"> <strong>My Info</strong> <span class="ex">Input Information</span> </div> </div> <div class="stepCon"> <div class="person-info parsys"><div class="userdata-keyin section"> <script src="/etc/designs/kia-australia/clientlib/js/xss.js"></script> <form name="datainfo-comp-form" method="POST" action=""> <ul class="info_tbl"> <li class="info_tr"> <div class="info_th">Name<em class="ess">* <span class="hidden" id="valid_name">Required information.</span></em></div> <div class="info_td"> <div class="form_area"> <span class="form_wrp"><input type="text" class="input_box" name="fname" id="fname" placeholder="First Name" maxlength="50" title="First Name" onfocusout="fnNameFocusOut('valid_name')"></span> <span class="space"></span> <span class="form_wrp"><input type="text" class="input_box" name="lname" id="lname" placeholder="Last Name" maxlength="50" title="Last Name" onfocusout="fnNameFocusOut('valid_name')"></span> </div> </div> </li> <li class="info_tr" id="datainfo-comp-form-email"> <div class="info_th">E-mail <em class="ess">* <span class="hidden" id="valid_email">Required information.</span></em></div> <div class="info_td"> <span class="form_wrp only"><input type="text" name="email" id="email" class="input_box" placeholder="" title="E-mail" maxlength="50" onfocusout="fnFocusOut(this,'valid_email')"></span> </div> </li> <li class="info_tr" id="datainfo-comp-form-email-confirm"> <div class="info_th">E-mail Confirmation <em class="ess">* <span class="hidden" id="valid_email_confirm">Required information.</span></em></div> <div class="info_td"> <span class="form_wrp only"><input type="text" name="email_confirm" id="email_confirm" class="input_box" placeholder="" title="E-mail Confirmation" maxlength="50" onfocusout="fnFocusOut(this,'valid_email_confirm')"></span> </div> </li> <li class="info_tr" id="datainfo-comp-form-phone"> <div class="info_th">Phone <em class="ess">* <span class="hidden" id="valid_phone">Required information.</span></em></div> <div class="info_td"> <span class="form_wrp only"><input type="tel" name="phone" id="phone" class="input_box" placeholder="" title="Phone" maxlength="20" onkeydown="codeVal3(event)" onkeyup='removeChar2(event)' onfocusout="fnFocusOut(this,'valid_phone')" oninput="lengthCheckPhone(this)"></span> </div> <input type="hidden" name="phone_hidden" id="phone_hidden" /> </li> <li class="info_tr" id="datainfo-comp-form-vehicle_registration"> <div class="info_th">Vehicle Registration <em class="ess">* <span class="hidden" id="valid_vehicle_registration">Required information.</span></em></div> <div class="info_td"> <span class="form_wrp"><input type="text" name="vehicle_registration" id="vehicle_registration" class="input_box" placeholder="" title="Vehicle Registration" maxlength="50"></span> </div> </li>  <li class="info_tr" id="datainfo-comp-form-vin"> <div class="info_th">VIN </div> <div class="info_td"> <span class="form_wrp only"><input type="text" name="vin" id="vin" class="input_box" placeholder="" title="VIN" maxlength="50"></span> </div> </li> <li class="info_tr" id="datainfo-comp-form-service_requested"> <div class="info_th">Service Requested <em class="ess">* <span class="hidden" id="valid_service_requested">Required information.</span></em></div> <div class="info_td"> <span class="form_wrp only"><input type="text" name="service_requested" id="service_requested" class="input_box" placeholder="e.g. 1 year or 15,000 km" title="Service Requested" maxlength="50"></span> </div> </li> <li class="info_tr"> <div class="info_th">Preferred Service Date <em class="ess">* <span class="hidden" id="valid_pdate">Required information.</span></em></div> <div class="info_td"> <div class="form_area"> <span class="form_date"><input type="text" name="pdate" id="pdate" class="input_box" placeholder="" title="Service Date" onChange="fnFocusOut(this,'valid_pdate')" readonly> <a href="#" class="cmm_spr spr_calendar next_date">Calendar </a></span> </div> </div> <input type="hidden" name="pdate_hidden" id="pdate_hidden" /> </li> </ul> <p class="comment"><em class="ess">*</em> Required information.</p>  <div class="mt10 cooment_sub"><span>Please note the dealer will contact you and confirm your booking pending availability. </span></div>  <div class="mt10">Your personal information is being collected by Kia Australia so that we can provide the service you have requested. Failure to provide these details will mean that we may not be able to respond to your enquiry. By providing your details, you consent to Kia Australia using your information and sharing your information with its dealers and related entities so that we can provide the service you have requested and for the purposes set out in <a href="/au/util/privacy.html" target="_blank" class="underline">KIA's privacy policy.</a></div> <div class="mt10"> <span class="form_chk"> <input id="OP5" name="agree" type="checkbox" class="check_box2" checked> <label for="OP5"><span></span>If you tick the box, you also consent to your information being used by KIA and its dealers and related entities so that we can send you direct marketing communications which may be of interest to you, including updates and special offers. You can opt out of receiving direct marketing communications from us at any time. Please see <a href="/au/util/privacy.html" target="_blank" class="underline">KIA's privacy policy.</a> for more details.</label> </span> </div> </form> <script type="text/javascript" src="/etc/designs/kia-australia/clientlib/js/validation.js"></script> <script type="text/javascript" src="/etc/designs/kia-australia/clientlib/js/validation.add.js"></script> <script type="text/javascript"> var isMobile = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) ? true : false; var winW, isMobileSize, mobileW = 767; (function() { $(window).resize(function() { winW = $(window).outerWidth(); isMobileSize = mobileW > winW ? true : false; }); })(); // 2018.06.04 Mobile Phone Input 글자수 제한 스크립트 추가 var lengthCheckPhone = function(obj) { if (obj.value.length > obj.maxLength) { obj.value = obj.value.slice(0, obj.maxLength); } } var fnFocusOut = function(obj, targetId) { if(isMobile || isMobileSize) { var targetObj = $("#" + targetId ); // 2018.05.29 수정 빈 값으로 넘어갈 시 blind추가, 입력값 있을 시 blind 삭제 if ($(obj).val() == "") { if (targetObj.hasClass("blind")) { targetObj.removeClass("blind"); } } else { if (!targetObj.hasClass('blind')) { targetObj.addClass('blind'); } } } } var fnNameFocusOut = function( targetId ) { if(isMobile || isMobileSize) { var targetObj = $("#" + targetId ); var _fname = $.trim( $( "#fname" ).val() ); var _lname = $.trim( $( "#lname" ).val() ); // 2018.05.29 수정 빈 값으로 넘어갈 시 blind추가, 입력값 있을 시 blind 삭제 if ( _fname == "" || _lname == "") { if (targetObj.hasClass("blind")) { targetObj.removeClass("blind"); } } else { if (!targetObj.hasClass('blind')) { targetObj.addClass('blind'); } } } } var fnCheckFocusOut = function(cnt, targetId) { if(isMobile || isMobileSize) { var targetObj = $("#" + targetId ); // 2018.05.29 수정 빈 값으로 넘어갈 시 blind추가, 입력값 있을 시 blind 삭제 if (cnt == 0) { if (targetObj.hasClass("blind")) { targetObj.removeClass("blind"); } } else { if (!targetObj.hasClass('blind')) { targetObj.addClass('blind'); } } } } var fnPhoneFocusOut = function(obj, targetId) { if(isMobile || isMobileSize) { var targetObj = $("#" + targetId ); //전화번호가 하나라도 입력되었는지 확인 if(mPhoneVal() || wPhoneVal() || hPhoneVal()){ if (!targetObj.hasClass('blind')) { targetObj.addClass('blind'); } } if( !mPhoneVal() && !wPhoneVal() && !hPhoneVal()){ if (targetObj.hasClass("blind")) { targetObj.removeClass("blind"); } } } } /* * if use the this componet, * must be defined "_userdata_" variable. */ var PhoneVal = function(){ if($("#phone").val() != "") return true; else return false; } function replaceValid(){ //$("#phone").val($("#phone").val().replace(/#/gi,"")); $("#phone_hidden").val(replaceAll($("#phone").val(), "-", "")); $("#pdate_hidden").val(replaceAll($("#pdate").val(), "-", "")); } function replaceAll(str, searchStr, replaceStr) { return str.split(searchStr).join(replaceStr); } //form validation $("form[name=datainfo-comp-form]").validate({ rules : { dummy : {} , title : { required : true } , fname : { required : true , maxlength : 50 //, isalphanumeric : true } , lname : { required : true , maxlength : 50 //, isalphanumeric : true } , email : { required : true , isemail : true } , email_confirm : { required : true , equalTo : "#email" } , phone : { /* SHIM MODIFY required : PhoneVal , isnumeric : true */ required : true , maxlength : 20 } , vehicle_registration : { required : true } //#63587 , service_requested : { required : true } , pdate : { required : true } } , messages : { dummy : {} , title : { required : "Title must be filled in." } , fname : { required : "First name must be filled in." ,maxlength : "Please enter under {0} characters." //,isalphanumeric : "Not include specific character" } , lname : { required : "Last name must be filled in." ,maxlength : "Please enter under {0} characters." //,isalphanumeric : "Not include specific character" } , email : { required : "Email must be filled in." , isemail : "Enter contains an invalid address." } , email_confirm : { required : "Email Confirmation must be filled in." , isemail : "Enter contains an invalid address." , equalTo : "Email and email confirmation is not the same value." } , phone : { required : "Phone must be filled in." , maxlength : "Please enter under {0} numbers" } , vehicle_registration : { required : "Vehicle registration must be filled in." } //#63587 , service_requested : { required : "Service Requested" } , pdate : { required : "Preferred Service Date must be filled in." } } , submitHandler : function (form) { var isSubmit = compDataReturn(); if (isSubmit) { _user_data_ = getKeyInValue(); } return false; } }); //phone validation function validationPhone() { var isValidation = true; if ( $.trim( $("#phone").val() ) == "") { isValidation = false; } return isValidation; } //message validation function validationMsg() { var isValidation = true; isValidation = $("#OP5").is(":checked"); //var msg = $("#message").val(); //if ($.trim(msg) == "") { // isValidation = false; //} return isValidation; } //return data function compDataReturn () { var rt = true; if (!validationPhone()) { rt = false; } /* if (!validationMsg()) { alert("CheckBox Agree"); return false; } */ if (!rt) { alert("Phone must be filled in."); } return rt; } //form submit function userdataInfoSubmit () { $("form[name=datainfo-comp-form]").submit(); } //set methods for data field //makeSelectOption function makeUserDataOptions (arg) { var argLen = arg.length; var opt = ""; if (argLen > 0) { for (var i = 0 ; i < argLen ; i++) { opt += "<option value=\"" + arg[i][0] + "\">" + arg[i][1] + "</option>"; } } return opt; } //set PreferredTime //@params - [ ["value1", "text1"], ["value2", "text2"], ["value3", "text3"] ]; var userdata_keyin_custom_prefer_time = null; function setPreferredTime (arg) { userdata_keyin_custom_prefer_time = arg; var opt = makeUserDataOptions(arg); $("select[name=ptime]").eq(0).html(opt).promise().done(function(){ $(".form_select").resetSS(); }); } //set title //@params - [ ["value1", "text1"], ["value2", "text2"], ["value3", "text3"] ]; var userdata_keyin_custom_title = null; function setTitle (arg) { userdata_keyin_custom_title = arg; var opt = makeUserDataOptions(arg); $("select[name=title]").eq(0).html(opt).promise().done(function(){ $(".form_select").resetSS(); }); } //get <select> value function getSelectValue (n) { var jObj = $("#" + n); return jObj.find("option:selected").val(); } //get checkbox/radiobox value function getRadioValue (n, type) { var values = null; if (type == "radio") { values = $("input[name='" + n + "']:checked").val(); } else if (type == "checkbox") { values = new Array(); $("input[name='" + n + "']").each(function () { if ($(this).prop("checked")) { values.push($(this).val()); } }); } return values; } //get <select> text function getTextByValue (v, cate) { var rt = ""; var arr = null; var value_arr = null; var isValueArray = (v.indexOf(",") > -1) ? true : false; if (isValueArray) { value_arr = v.split(","); } else { value_arr = v; } switch (cate) { case "cate": arr = userdata_keyin_custom_categories; break; case "time": arr = userdata_keyin_custom_prefer_time; break; case "title": arr = userdata_keyin_custom_title; break; } if (arr != null && arr.length > 0) { for (var i = 0, iCnt = arr.length ; i < iCnt ; i++) { //arr[i][0] value //arg[i][1] text if (isValueArray) { for (var j = 0, jCnt = value_arr.length ; j < jCnt ; j++) { if (arr[i][0] == $.trim(value_arr[j])) { rt += arr[i][1] + ", "; break; } } } else { if ($.trim(value_arr) == arr[i][0]) { rt = arr[i][1]; break; } } } if (isValueArray) { rt = rt.substr(0, rt.length - 2); } } return rt; } //user data to json function getKeyInValue() { var userData = { dummy : null , fname : $("#fname").val() , lname : $("#lname").val() , email : $("#email").val() , email_confirm : $("#email_confirm").val() , phone : $('#phone').val() , vehicle_registration : $("#vehicle_registration").val() //#63587 , vin : $('#vin').val() , service_requested : $('#service_requested').val() , pdate : $("#pdate").val() , agree : validationMsg() //#63587 }; delete userData["dummy"]; return userData; } //clear key-in field function resetUserDataKeyIn () { $("form[name=datainfo-comp-form]").eq(0).find("input, select, textarea").each(function () { var ele = $(this).get(0); var tagName = ele.tagName.toLowerCase(); var tagType = $(ele).attr("type"); if (tagName == "select") { $(ele).find("option").eq(0).attr("selected", "selected"); $(ele).trigger("change"); } else if (tagName == "input") { if (tagType != undefined) { if (tagType == "text") { $(ele).val(""); } else if (tagType == "checkbox") { $(ele).prop("checked", false); } else if (tagType == "radio") { $(ele.attr("name")).eq(0).prop("checked", false); } } } else if (tagName == "textarea") { $(ele).val("").trigger("keyup"); } }); $(".form_select").resetSS(); } function codeValTime(event){ event = event || window.event; var keyID = (event.which) ? event.which : event.keyCode; if ((keyID >= 48 && keyID <= 57) || (keyID >= 96 && keyID <= 105) || keyID == 186 || keyID == 32 || keyID == 109 || keyID == 8 || keyID == 9 || keyID == 46 || keyID == 37 || keyID == 38 || keyID == 39 || keyID == 40 || keyID == 13 ) { event.returnValue = true; } else { event.returnValue = false; } }; function removeCharTime(event){ event = event || window.event; var keyID = (event.which) ? event.which : event.keyCode; if ( keyID == 186 || keyID == 32 || keyID == 109 || keyID == 8 || keyID == 9 || keyID == 46 || keyID == 37 || keyID == 38 || keyID == 39 || keyID == 40 || keyID == 13 ) { return; } else { event.target.value = event.target.value.replace(/[^0-9|\s|:]/g, ""); } }; function codeVal3(event){ event = event || window.event; var keyID = (event.which) ? event.which : event.keyCode; if ((keyID >= 48 && keyID <= 57) || (keyID >= 96 && keyID <= 105) || keyID == 189 || keyID == 32 || keyID == 109 || keyID == 8 || keyID == 9 || keyID == 46 || keyID == 37 || keyID == 38 || keyID == 39 || keyID == 40 || keyID == 13 ) { event.returnValue = true; } else { event.returnValue = false; } }; function removeChar2(event){ event = event || window.event; var keyID = (event.which) ? event.which : event.keyCode; if ( keyID == 189 || keyID == 32 || keyID == 109 || keyID == 8 || keyID == 9 || keyID == 46 || keyID == 37 || keyID == 38 || keyID == 39 || keyID == 40 || keyID == 13 ) { return; } else { event.target.value = event.target.value.replace(/[^0-9|\s|-]/g, ""); } }; $(document).ready(function(){ calendarInit(); }); </script> </div> </div> <div class="step_ctrl"> <div class="step_ctrl_row"> <a href="#back" class="btnMedium btnType3" onclick="return false;" ng-click="stepChange('2')"><span class="btnIcon arrow_l">Back</span></a> <a href="#" class="btnMedium btnType1" onclick="return false;" ng-click="validation('3', '4', true)"><span class="btnIcon arrow_r">Next</span></a> </div> </div> </div> </li> </ol> </div> <div class="inner book_service" data-w="mt20" data-t="mt20" data-m="mt10" ng-show="step == 4"> <div class="finishTop"> <div class="contBox"> <p class="finishTxt">Press SUBMIT at the bottom of the form to send your request.</p> </div> </div> <div class="finishCon parsys"><div class="userdata-view section"> <script type="text/javascript"> /* * if use the this componet, * must be defined "_userdata_view_scope_", "_vehicle_data_", * "_vehicle_trim_data_", "_dealer_data_", "_center_data_" variables. */ kwcmsApp.controller("userdata.view", function($scope, HttpService) { //copy scope to javascript _userdata_view_scope_ = $scope; //selected Vehicle Data $scope.vehicleData = null; //selected vehicle trim data $scope.vehicleTrimData = null; //selected dealer data $scope.dealerData = null; //select center data $scope.centerData = null; //userData $scope.userData = null; //init userdata viewer $scope.userDataInit = function () { //show vehicle information if (_vehicle_data_ != null && _vehicle_data_ != undefined) { var selectInfo = _vehicle_data_; var selectInfoList = []; for (var i = 0, iCnt = selectInfo.carKey.length ; i < iCnt ; i++) { selectInfoList[i] = { carKey : selectInfo.carKey[i] , carCode : selectInfo.carCode[i] , carName : selectInfo.carDisplayName[i] //20180731 selectinfo.carName --> carDisplayName으로 변경 , carImage : selectInfo.carImage[i] , carTrim : null }; if (_vehicle_trim_data_ != null) { selectInfoList[i].carTrim = _vehicle_trim_data_[i]; } } $scope.vehicleData = selectInfoList; } //show vehicle trim information if (_vehicle_trim_data_ != null) { $scope.vehicleTrimData = $scope.vehicleData; } //show dealer information if (_dealer_data_ != null) { $scope.dealerData = _dealer_data_; $scope.dealerNm = $scope.dealerData.dealerNm; $scope.dealerPhone = $scope.dealerData.phone; } //show service center information if (_center_data_ != null) { $scope.centerData = _center_data_; $scope.centerNm = $scope.centerData.centerNm; $scope.centerAddr = $scope.centerData.addr + " " + $scope.centerData.zipcode; $scope.centerPhone = $scope.centerData.phone; $scope.centerFax = $scope.centerData.fax; $scope.centerEmail = $scope.centerData.email; } //show user key in data if (_user_data_ != null) { $scope.userData = _user_data_; $scope.fname = $scope.userData.fname; $scope.lname = $scope.userData.lname; $scope.email = $scope.userData.email; if (angular.equals($scope.userData.phone, "")) { $scope.phone = ""; } else { $scope.phone = $scope.userData.phone; } //#63587 $scope.vin = $scope.userData.vin; $scope.service_requested = $scope.userData.service_requested; $scope.rvehicle = $scope.userData.vehicle_registration; $scope.pdate = $scope.userData.pdate; $scope.agree = $scope.userData.agree; } }; }); //make ajax json function returnAjaxParameters () { var rt = { "dummy" : "" , "reqFnm" : _userdata_view_scope_.fname , "reqLnm" : _userdata_view_scope_.lname , "regNm" : _userdata_view_scope_.lname + ", " + _userdata_view_scope_.fname , "reqEmail" : _userdata_view_scope_.email , "reqPhone" : _userdata_view_scope_.phone , "reqVehicledRegist" : _userdata_view_scope_.rvehicle , "preDate" : _userdata_view_scope_.pdate , "agree" : _userdata_view_scope_.agree , "statusCd" : "RQ01ST01" //#63587 , "reqVin" : _userdata_view_scope_.vin , "reqServiceRequested" : _userdata_view_scope_.service_requested }; if (_userdata_view_scope_.vehicleData != null) { var selectInfo = _userdata_view_scope_.vehicleData; for (var i = 0, iCnt = selectInfo.length ; i < iCnt ; i++) { rt["carKey" + (i + 1)] = selectInfo[i].carKey; rt["vehicle" + (i + 1)] = selectInfo[i].carName; if (_userdata_view_scope_.vehicleTrimData != null) { rt["trim" + (i + 1)] = selectInfo[i].carTrim; } } } if (_userdata_view_scope_.dealerData != null) { rt["dealerSeq"] = _userdata_view_scope_.dealerData.dealerSeq; rt["dealerNm"] = _userdata_view_scope_.dealerData.dealerNm; rt["dealerAddr"] = _userdata_view_scope_.dealerData.addr; rt["dealerPhone"] = _userdata_view_scope_.dealerData.phone; rt["dealerEmail"] = _userdata_view_scope_.dealerData.email; } if (_userdata_view_scope_.centerData != null) { rt["dealerSeq"] = _userdata_view_scope_.centerData.centerSeq; rt["dealerNm"] = _userdata_view_scope_.centerData.centerNm; rt["dealerAddr"] = _userdata_view_scope_.centerData.addr + " " + _userdata_view_scope_.centerData.zipcode; rt["dealerPhone"] = _userdata_view_scope_.centerData.phone; rt["dealerFax"] = _userdata_view_scope_.centerData.fax; rt["dealerEmail"] = _userdata_view_scope_.centerData.email; } delete rt["dummy"]; return rt; } //call init method function initViewUserData () { _userdata_view_scope_.userDataInit(); } </script> <table class="table_type2" ng-controller="userdata.view" id="userdata.view.comp"> <caption>Book a Service | Kia Owners | Kia Australia result report</caption> <colgroup> <col style="width:20%"><col style="width:auto"> </colgroup> <tbody> <tr ng-show="vehicleData != null"> <th class="tleft">Car</th> <td class="tleft" ng-show="vehicleData.length > 1"> <ul class="finishTbl"> <li ng-repeat="car in vehicleData"> <span class="car"><img ng-src="{{car.carImage}}" alt="{{car.carName}}"> <span class="car_name" ng-bind-html="'{{car.carName}}' | sanitize"></span></span> </li> </ul> </td> <td class="tleft" ng-show="vehicleData.length == 1"> <span class="car" ng-repeat="car in vehicleData"><img ng-src="{{car.carImage}}" alt="{{car.carName}}"> <span class="car_name" ng-bind-html="'{{car.carName}}' | sanitize"></span></span> </td> </tr> <tr ng-show="vehicleTrimData != null"> <th class="tleft">Trim</th> <td class="tleft" ng-show="vehicleData.length > 1"> <ul class="finishTbl"> <li ng-repeat="car in vehicleData">{{car.carTrim}}</li> </ul> </td> <td class="tleft" ng-show="vehicleData.length == 1" ng-repeat="car in vehicleData">{{car.carTrim}}</td> </tr> <tr ng-show="dealerData != null"> <th class="tleft">Dealer</th> <td class="tleft"> <ul class="barType"> <li>{{dealerNm}}</li> <li>Phone : {{dealerPhone}}</li> </ul> </td> </tr> <tr> <th class="tleft">Service centre</th> <td class="tleft"> <ul> <li> <span>{{centerNm}}</span> </li> <li> <span><strong>A. </strong>{{centerAddr}}</span> </li> <li> <span><strong>P. </strong>{{centerPhone}}</span> </li> <li> <span><strong>F. </strong>{{centerFax}}</span> </li> </ul> </td> </tr> <tr> <th class="tleft">Name</th> <td class="tleft">{{fname}} {{lname}}</td> </tr> <tr> <th class="tleft">E-mail</th> <td class="tleft">{{email}}</td> </tr> <tr> <th class="tleft">E-mail confirmation</th> <td class="tleft">{{email}}</td> </tr> <tr> <th class="tleft">Phone</th> <td class="tleft">{{phone}}</td> </tr> <tr> <th class="tleft">Vehicle Registration</th> <td class="tleft">{{rvehicle}}</td> </tr>  <tr> <th class="tleft">VIN</th> <td class="tleft">{{vin}}</td> </tr> <tr> <th class="tleft">Service Requested</th> <td class="tleft">{{service_requested}}</td> </tr> <tr> <th class="tleft">Preferred Service Date</th> <td class="tleft">{{pdate | parseDate | date : 'yyyy-MM-dd'}}</td> </tr>  </tbody> </table></div> </div> <div class="btn_area"> <a href="#" class="btnMedium btnType3" ng-click="stepChange('1')"><span class="btnIcon arrow_r">Modify</span></a> <a href="#" class="btnMedium btnType1" ng-click="fnBookingComplate()"><span class="btnIcon arrow_r">Submit</span></a> </div> </div> </div></div> <div class="notice-cpnt parbase section"> <div id="notice_01" class="pop_main" style="display:none;left:20px;top:90px"> <div class="inner">  <a href="" target="" class="content_wrap" style="background-image:url('/content/dam/kwcms/au/en/images/main/kia-covid-pop-up.jpg')"> <div class="v_wrap v_top"> <div class="pop_tit h_center" style="color:#FFFFFF"></div> <div class="pop_con h_left" style="color:#FFFFFF"></div> </div> <div class="pop_dis h_left" style="color:#FFFFFF"></div> </a> <a href="javascript:closePop('notice_01');" class="btn_close">팝업 닫기</a> </div> <div class="session_area">   <input type="checkbox" id="chkSession01" onclick="javascript:closeWin('notice_01', 1);"> <label for="chkSession01"> Please do not open this pop-up for 24 hours. </label> </div> </div> <div id="notice_02" class="pop_main" style="display:none;left:20px;bottom:0"> <div class="inner">   <a href="" target="" class="content_wrap">  <div class="v_wrap v_middle">  <div class="pop_tit h_center" style="color:#000000"></div>  <div class="pop_con h_left" style="color:#000000"></div> </div>  <div class="pop_dis h_left" style="color:#FFFFFF"></div> </a>   <a href="javascript:closePop('notice_02');" class="btn_close">팝업 닫기</a>  </div>  <div class="session_area"> <input type="checkbox" id="chkSession02" onclick="javascript:closeWin('notice_02', 1);"> <label for="chkSession02">Please do not open this pop-up for 24 hours.</label> </div>  </div>  <div id="notice_03" class="pop_main" style="display:none;right:20px;top:90px"> <div class="inner">   <a href="" target="" class="content_wrap">  <div class="v_wrap v_top">  <div class="pop_tit h_left" style="color:#FFFFFF"></div>  <div class="pop_con h_left" style="color:#FFFFFF"></div> </div>  <div class="pop_dis h_left" style="color:#FFFFFF"></div> </a>   <a href="javascript:closePop('notice_03');" class="btn_close">팝업 닫기</a>  </div>  <div class="session_area"> <input type="checkbox" id="chkSession03" onclick="javascript:closeWin('notice_03', 1);"> <label for="chkSession03">Please do not open this pop-up for 24 hours.</label> </div>  </div>  <script> var nCookie01 = getCookie( "notice_01" ); var nObj01 = $(document).find( "#notice_01" ); var nCookie02 = getCookie( "notice_02" ); var nObj02 = $(document).find( "#notice_02" ); var nCookie03 = getCookie( "notice_03" ); var nObj03 = $(document).find( "#notice_03" ); $(function(){ var popMain = $('.pop_main'); var vWrap = popMain.find('.v_wrap'); var vWrapH = popMain.find('.v_wrap').height(); var dscmH = popMain.find('.pop_dis').height(); var mHeight = vWrapH/2 var bHeight = dscmH + 30 if(vWrap.hasClass('v_middle')){ vWrap.css('margin-top','-'+mHeight+'px') }; if(vWrap.hasClass('v_bottom')){ vWrap.css('bottom', bHeight+'px') }; }); // 창닫기 function closeWin(winName, expiredays) { setCookie( winName, "done" , expiredays); var obj = eval( winName ); obj.style.display = "none"; } // 창닫기 function closePop(winName) { var obj = eval( winName ); obj.style.display = "none"; } // 쿠키 가져오기 function getCookie( name ) { var nameOfCookie = name + "="; var x = 0; while ( x <= document.cookie.length ) { var y = (x+nameOfCookie.length); if ( document.cookie.substring( x, y ) == nameOfCookie ) { if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 ) endOfCookie = document.cookie.length; return unescape( document.cookie.substring( y, endOfCookie ) ); } x = document.cookie.indexOf( " ", x ) + 1; if ( x == 0 ) break; } return ""; } // 24시간 기준 쿠키 설정하기 // expiredays 후의 클릭한 시간까지 쿠키 설정 function setCookie( name, value, expiredays ) { var todayDate = new Date(); todayDate.setDate( todayDate.getDate() + expiredays ); document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";" } //#45597 서버캐시로 인한 노출시간 오류 수정 start -20200326 var str_onTime_pop01 = "2020-03-25 14:30"; var str_offTime_pop01 = "2020-04-10 19:15"; var str_onTime_pop02 = "2020-03-25 14:52"; var str_offTime_pop02 = "2020-04-02 04:45"; var str_onTime_pop03 = "2020-03-25 16:13"; var str_offTime_pop03 = "2020-04-09 00:45"; var display_pop01 = "true"; var display_pop02 = "false"; var display_pop03 = "false"; //ajax로 서버시간을 실시간으로 가져옴 $.ajax({ url : "/api/kia_global/base/time.selectTime", data : {code : 'au' }, success : function(data) { var currDate = new Date(data.dataInfo); console.log("nCookie01 : " + typeof(nCookie01)); if(display_pop01 == "true" && currDate - new Date(str_onTime_pop01) > 0 && new Date(str_offTime_pop01) - currDate > 0 && nCookie01 != "done"){ $("#notice_01").show(); }else{ $("#notice_01").hide(); } if(display_pop02 == "true" && currDate - new Date(str_onTime_pop02) > 0 && new Date(str_offTime_pop02) - currDate > 0 && nCookie02 != "done"){ $("#notice_02").show(); }else{ $("#notice_02").hide(); } if(display_pop03 == "true" && currDate - new Date(str_onTime_pop03) > 0 && new Date(str_offTime_pop03) - currDate > 0 && nCookie03 != "done"){ $("#notice_03").show(); }else{ $("#notice_03").hide(); } }, error : function(data) { console.log(data); } }); //#45597 서버캐시로 인한 노출시간 설정 오류 수정 end -20200326 </script></div> </div> <script type="text/javascript"> //20190118 ì¶ê° YKJ var flagTrim =""; var flagTrimUrl =""; var flagColor =""; var flagColorUrl =""; var payment =""; $(function(){ var regionCodeList = []; var postCodeList = []; function codeListGet(){ var url = "/api/kia_australia/base/region.selectRegionCate"; $.ajax({ url : url, async : false, method : 'GET', success : function(data){ $.each(data.dataMap, function(index, value){ if(value.code){ regionCodeList.push({ "code" : value.code, "name" : value.name , "postCode" : value.postCode, "displayName" : value.displayName, "sortNo" : value.sortNo }); } }); } }); } $('.util_set_location > .set_location_form > button').on('click', function(e){ searchLocation('M', "syl_postCode_M"); }); $('#syl_postCode_button').on('click', function(e){ searchLocation('P', "syl_postCode"); }); /* $('#syl_postCode').keyup(function(e){ if(e.keyCode == 13) searchLocation('P'); }); */ function textCheck(text){ var reg = /^[0-9]*$/; return reg.test(text); } function searchLocation(device, input_id){ var postCodeVal = $("#" + input_id).val(); if(postCodeVal == ""){ alert("Postcode is required."); return false; }else if(!textCheck(postCodeVal)){ alert("Please enter numeric only."); return false; }else if(postCodeVal.length < 4){ alert("Postcode must be between 4 characters."); return false; }else{ $('#syl_error').hide(); codeListGet(); postCodeList.regionCode = ""; postCodeList.postCode = (device == 'P') ? $("#syl_postCode").val() : $('.util_set_location > .set_location_form > input').val(); var postCode = "," + postCodeList.postCode + ","; $.each(regionCodeList, function(index, val){ var loction_postCode = "," + val.postCode.replace(/ /g, "") + ","; if(loction_postCode.indexOf(postCode) >= 0){ postCodeList.regionCode = val.code; return false; }else{ var tempCode = postCode.substr(0,2) + "*,"; if(loction_postCode.indexOf(tempCode) >= 0){ postCodeList.regionCode = val.code; } } }); if(postCodeList.regionCode == "" || postCodeList.postCode =="0000"){ $('#syl_postCode_val').val(""); $('#syl_error').css("display","inline-block"); if(device == 'M') $('.util_area > .util_set_location > .error').css("display","inline-block"); }else{ setCookie("regionCode", postCodeList.regionCode, 1); setCookie("postCode", postCodeList.postCode, 1); if($('#syl_redirectUrl_val').val() != ""){ window.open( $('#syl_redirectUrl_val').val(), "_blank"); $('#syl_redirectUrl_val').val(""); } if(flagTrim==1){ location.href = flagTrimUrl; }else if(flagColor==1){ location.href = flagColorUrl; }else { location.reload(); } } } } function setCookie(cName, cValue, cDay){ var expire = new Date(); expire.setDate(expire.getDate() + cDay); cookies = cName + '=' + escape(cValue) + '; path=/ '; if(typeof cDay != 'undefined') cookies += ';expires=' + expire.toGMTString() + ';'; document.cookie = cookies; } $('.syl_postCode_close').on('click', function(e){ $('#syl_postCode_val').val(""); }); /*20190118 ì¶ê° YKJ $("a.closeBtn").on("click",function(e){ e.stopPropagation(); e.preventDefault(); if(flagTrim==1){ location.href = flagTrimUrl; } if(flagColor==1){ location.href = flagColorUrl; } });*/ var dimSylPop = new OpenDimPop($("#setSylPopup"), $("#setSylPopup"), 0); $(".sylPopupOpen").on("click", function (e) { $(".dth1_l").removeClass("dth_on"); $(".gnb_area").removeClass("open"); $(".gnb_dimmed").hide(); $("#header").css("position", ""); $('#syl_redirectUrl_val').val(""); dimSylPop.open(); }); //2019.02.28 finance calculator íì´ì§ postcode ììì ë¡ë© ì¤ postCode ìë ¥íì ë¸ì¶ YKJ }); </script> <div id="setSylPopup" class="set_location popup" style="max-width:386px;"> <div class="pop_tit">Set Your Location</div>  <div class="set_location_popup"> <p>Enter your postcode to <br/>view appropriate pricing for your area.</p> <input id="syl_postCode" name="syl_postCode" class="sch_inp" type="text" title="set your location" maxlength="4" /> <input id="syl_postCode_val" name="syl_postCode_val" type="hidden"/> <input id="syl_redirectUrl_val" name="syl_redirectUrl_val" type="hidden"/> <span class="syl_error" id="syl_error">Invalid Postcode.</span> <button id="syl_postCode_button" type="button" class="btn2_medium btn2_ar bgc_red1 ico_arrow_r" title="SET YOUR POSTCODE" ><span>Set Your Postcode</span></button>  </div> <a href="#" class="closeBtn btnType5"><span id="syl_postCode_close" class="cmm_spr spr_close">close</span></a> </div> <div class="dimmed"></div> </div> </div> <div id="footer"> <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="/au/util/kia-global.html" target="_brank">Kia in <span>Australia</span></a> </div> <div class="info_sns"> <div class="link-f-8-0 link parbase"> <a href="https://www.facebook.com/KiaAustralia" 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-f-8-1 link parbase"> <a href="https://twitter.com/kiaaustralia" class="sns_spr spr_twitter" onclick="dtmDataLayer.external_link='sns|twitter'; _satellite.track('external_link');" target="_blank" title="Twitter">Twitter</a> </div> <div class="link-f-8-2 link parbase"> <a href="https://www.youtube.com/user/KiaAustralia" 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-f-8-3 link parbase"> <a href="https://www.instagram.com/kiaaustralia/" class="sns_spr spr_instagram" onclick="dtmDataLayer.external_link='sns|instagram'; _satellite.track('external_link');" target="_blank" title="Instagram">Instagram</a> </div> </div> </div> <div class="foot_right"> <div class="item1"> <div class="mo_title">Cars</div>  <ul class="mo_con">  <li><a href="/au/cars/picanto.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Picanto</a></li> <li><a href="/au/cars/cerato.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Cerato</a></li> <li><a href="/au/cars/k4.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">K4</a></li> <li><a href="/au/cars/stonic.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Stonic</a></li> <li><a href="/au/cars/seltos.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Seltos</a></li> <li><a href="/au/cars/sportage.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Sportage</a></li> <li><a href="/au/cars/sportage-hybrid.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Sportage Hybrid</a></li> <li><a href="/au/cars/sorento.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Sorento</a></li> <li><a href="/au/cars/carnival.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Carnival</a></li> <li><a href="/au/cars/niro-hybrid.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Niro Hybrid</a></li> <li><a href="/au/cars/niro-pure-electric.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Niro EV</a></li> <li><a href="/au/cars/ev5.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">EV5</a></li> <li><a href="/au/cars/ev6.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">EV6</a></li> <li><a href="/au/cars/ev6-gt.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">EV6 GT</a></li> <li><a href="/au/cars/ev9.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">EV9</a></li> <li><a href="/au/cars/tasman.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Tasman</a></li> </ul> </div> <div class="item2"> <div class="mo_title">Shopping Tools</div>  <ul class="mo_con">  <li><a href="/au/shopping-tools/build-and-price.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Build & Price</a></li> <li><a href="/au/shopping-tools/request-a-test-drive.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Request a Test Drive</a></li> <li><a href="/au/shopping-tools/find-a-dealer.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Find a Dealer</a></li> <li><a href="/au/shopping-tools/request-a-brochure.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">View Brochures</a></li> <li><a href="/au/shopping-tools/offers.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Offers</a></li> <li><a href="/au/shopping-tools/finance-calculator.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Finance Calculator</a></li> <li><a href="/au/shopping-tools/kia-car-care.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Car Care</a></li> <li><a href="/au/shopping-tools/fleet-edge.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Fleet Edge</a></li> <li><a href="/au/shopping-tools/kia-finance.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Finance</a></li> <li><a href="/au/shopping-tools/kia-insurance.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Premier Motor Insurance</a></li> <li><a href="/au/shopping-tools/kia-renew-guaranteed-future-value.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Renew</a></li> <li><a href="/au/shopping-tools/genuine-accessories.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Genuine Accessories</a></li> </ul> </div> <div class="item3"> <div class="mo_title">Electric & Hybrid</div>  <ul class="mo_con">  <li><a href="/au/electric-cars/ev.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Electric Cars</a></li> <li><a href="/au/electric-cars/hybrid-cars.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Hybrid Cars</a></li> <li><a href="/au/electric-cars/ev-service-plans.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Prepaid EV Service Plans</a></li> <li><a href="/au/electric-cars/ev-day.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">EV Day</a></li> </ul> </div> <div class="item5"> <div class="mo_title">Owners</div>  <ul class="mo_con">  <li><a href="/au/owners/overview.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Service</a></li> <li><a href="/au/owners/warranty.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Warranty</a></li> <li><a href="/au/owners/capped-price-service.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Capped Price Servicing</a></li> <li><a href="/au/owners/roadside-assist.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Roadside Assistance</a></li> <li><a href="/au/owners/genuine-accessories.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Genuine Accessories</a></li> <li><a href="/au/owners/genuine-parts.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Genuine Parts</a></li> <li><a href="/au/owners/change-of-ownership.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Change of Ownership</a></li> <li><a href="/au/owners/recall-information.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Recall Information</a></li> <li><a href="/au/owners/service-and-warranty-manual.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Service and Warranty Manuals</a></li> <li><a href="/au/owners/manual.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Owners Manuals</a></li> <li><a href="/au/owners/kia-connect.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Connect</a></li> <li><a href="/au/owners/independent.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Independent Repairers Access</a></li> <li><a href="/au/owners/ccs-redirect.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia Connect Privacy Notice</a></li> </ul> </div> <div class="item6"> <div class="mo_title">Discover Kia</div>  <ul class="mo_con">  <li><a href="/au/discover-kia/ev-range.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Kia EV Range</a></li> <li><a href="/au/discover-kia/this-is-kia.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">This is Kia</a></li> <li><a href="/au/discover-kia/our-movement.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Our Movement</a></li> <li><a href="/au/discover-kia/pbv.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">PBV</a></li> <li><a href="/au/discover-kia/sponsorship.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Partnerships</a></li> <li><a href="/au/discover-kia/company-statements.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Company Statements</a></li> <li><a href="/au/discover-kia/sustainability.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">Sustainability</a></li> <li><a href="/au/discover-kia/ao2025.html" data-an-tr="navigation" data-an-ca="navigation" data-an-ac="Bottom Menu">AO 2025</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"> <a href="/au/main.html" property="item" typeof="WebPage"><span property="name">Home</span></a><span class="gt">></span>  <meta property="position" content= 1> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <a href="/au/owners.html" property="item" typeof="WebPage"><span class="depth" property="name">Owners</span></a><span class="gt">></span>   <meta property="position" content= 2> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <strong class="depth current" property="name">Kia Service Centre Near Me</strong> <meta property="position" content= 3> </li> </ol> </div> <div class="copyright"> <span class="tel_call">  </span> <address class="cpr"> <span class="br"> Copyright© 2024 Kia Australia Pty Ltd. All Rights Reserved. </span> </address> </div> </div> </div> </div>   <script type="text/javascript" src="/etc/designs/kia-australia/clientlib/js/jquery.form.stylishSelect.min.js"></script> <script type="text/javascript" src="/etc/designs/kia-australia/clientlib/js/picturefill.js"></script> <script type="text/javascript"> $(document).ready(function(){ //stylish selectbox init if ($(".form_select").length > 0) { $(".form_select").sSelect(); } }); </script> <script> conversionTag = "https://ad.doubleclick.net/ddm/adj/N74102.197812NSO.CODESRV/B10267917.137354290;sz=1x2;ord=" var randomNumber = Math.floor((Math.random() * 1000000000000) + 1); var scriptTag = document.createElement("script"); scriptTag.src = conversionTag + randomNumber + "?"; scriptTag.language = "JavaScript1.1"; var insertionNode = document.body.firstChild; insertionNode.parentNode.insertBefore(scriptTag, insertionNode); </script>  <script> window.adgile = window.adgile || []; adgile.push(['viewid', 'AG-01-htmjpqq5']); </script> <script async src="////atag.adgile.media/tag.js"></script> </div> <div class="gnb_dimmed" style="position: absolute;"></div> <div class="cloudservices servicecomponents"> </div> </div> <script type="text/javascript"> $(document).ready(function(){ //SNS_Share 20171211 YKJ START $(window).resize(function() { shsbtnShow() }); var shsbtnShow = function() { if ($(window).scrollTop() > $("#header").outerHeight(true)) { $(".btn_box.picanto_16my").css({ display: "block" }) } else { $(".btn_box.picanto_16my").css({ display: "none" }) } }; $(window).scroll(function(){ shsbtnShow(); }).scroll(); $('.btn_box.picanto_16my .topBtn').on('click',function(){ $('html, body').animate({scrollTop : 0}, 400); return false; }); }); </script>  <script type="text/javascript"> (function(w, d, a){ w.__beusablerumclient__ = { load : function(src){ var b = d.createElement("script"); b.src = src; b.async=true; b.type = "text/javascript"; d.getElementsByTagName("head")[0].appendChild(b); } };w.__beusablerumclient__.load(a); })(window, document, "//rum.beusable.net/script/b200910e115330u580/8782f31a46"); </script>  <div class="video_pop_wrap"> <div id="v_open" class="layPop_wrap"> <div class="pop_inner"> <div class="y_wrap" data-src="https://www.youtube.com/embed/U6QPNZ7qpbA"> <iframe id="v_player" src="" frameborder="0" width="100%" height="100%" allowfullscreen></iframe> </div>  <div class="d_sector"> <div class="tit"><span>The whole new levels of peace of mind</span></div> <div class="dis"> <span> At speeds of 20 km/h or higher, BCW alerts you if a vehicle enters your blind spot, even when you are in the process of changing lanes. LED warnings flash on the door mirror and an audio warning is emitted when you signal to make a lane change. </span> </div> </div>  <div class="close_bt"> <a href="#" onclick="$('#v_open').find('.y_wrap').find('iframe').attr('src', '');$('#v_open').hide();return false;"><span class="hidden">close</span></a> </div> </div> <div class="kv_dimmed"></div> </div> </div>  </body> <script src="/etc/designs/kia-australia/clientlib-common.min.js"></script> </html>

CINXE.COM

Book a Service | Kia Owners | Kia Australia