0){ requestPageType = 'Book a Service'; } if(jQuery(this).closest('.request-a-quote.contentpage.section').length > 0){ requestPageType = 'Request a Quote'; } if(jQuery(this).closest('.request-a-test-drive.contentpage.section').length > 0){ requestPageType = 'Request a Test Drive'; } if(jQuery(this).attr('href') == '#map'){ setTimeout(function() { jQuery('.location_mapview .center_list ul li:first a').click(); jQuery('.location_mapview .center_list ul li:first a').addClass('center_on'); }, 100); branchDealerList('mapview', 1, true, false, maxpageno, showradiobutton, requestPageType); } else{ branchDealerList('listview', 1, true, false, maxpageno, showradiobutton, requestPageType); } }); }); function branchDealerList(dealermode, pageno, firstpage, lastpage, maxpageno, showradiobutton, requestPageType = null){ //console.log("firstpage : " + firstpage); //console.log("lastpage : " + lastpage); jQuery.ajax({ type : "POST", dataType : "json", url : "https://kiairaq.com/wp-admin/admin-ajax.php", data : { action: "get_more_dealerlist", dealermode: dealermode, pageno: pageno, showradiobutton: showradiobutton, requestPageType: requestPageType, pageradioBool : pageradioBool }, success: function(response) { //console.log('------------- Response -----------'); //console.log(response); //console.log(jQuery('.location_listview .pagination li:last-child a').attr('data-pageno')); if(dealermode == 'listview'){ jQuery('.location_listview .location_table tbody').html(response.data); var oldCurrentPage = jQuery('.location_listview .pagination span.current').text(); jQuery('.location_listview .pagination span.current').replaceWith('<a href="?pag='+oldCurrentPage+'" class="pagenumber" data-pageno="'+oldCurrentPage+'">'+oldCurrentPage+'</a>'); jQuery('.location_listview .pagination .pagenumber[data-pageno="'+pageno+'"]').replaceWith('<span class="current">'+pageno+'</span>'); if(pageno == maxpageno){ lastpage = true; } if(lastpage == true){ jQuery('.location_listview .pagination .last').replaceWith('<span class="last pg_arrow pg_next">»</span>'); jQuery('.location_listview .pagination .first').replaceWith('<a class="first pg_arrow pg_prev" href="?pag=1" data-pageno="1">«</a>'); } else{ jQuery('.location_listview .pagination .last').replaceWith('<a class="last pg_arrow pg_next" href="?pag='+maxpageno+'" data-pageno="'+maxpageno+'">»</a>'); } if(firstpage == true){ jQuery('.location_listview .pagination .last').replaceWith('<a class="last pg_arrow pg_next" href="?pag='+maxpageno+'" data-pageno="'+maxpageno+'">»</a>'); jQuery('.location_listview .pagination .first').replaceWith('<span class="first pg_arrow pg_prev">«</span>'); } else{ jQuery('.location_listview .pagination .first').replaceWith('<a class="first pg_arrow pg_prev" href="?pag=1" data-pageno="1">«</a>'); } } if(dealermode == 'mapview'){ jQuery('.location_mapview .center_list .listInner ul').html(response.data); var oldCurrentPage = jQuery('.location_mapview .pagination span.current').text(); jQuery('.location_mapview .pagination span.current').replaceWith('<a href="?pag='+oldCurrentPage+'" class="pagenumber" data-pageno="'+oldCurrentPage+'">'+oldCurrentPage+'</a>'); jQuery('.location_mapview .pagination .pagenumber[data-pageno="'+pageno+'"]').replaceWith('<span class="current">'+pageno+'</span>'); if(pageno == maxpageno){ lastpage = true; } if(lastpage == true){ jQuery('.location_mapview .pagination .last').replaceWith('<span class="last pg_arrow pg_next">»</span>'); jQuery('.location_mapview .pagination .first').replaceWith('<a class="first pg_arrow pg_prev" href="?pag=1" data-pageno="1">«</a>'); } else{ jQuery('.location_mapview .pagination .last').replaceWith('<a class="last pg_arrow pg_next" href="?pag='+maxpageno+'" data-pageno="'+maxpageno+'">»</a>'); } if(firstpage == true){ jQuery('.location_mapview .pagination .last').replaceWith('<a class="last pg_arrow pg_next" href="?pag='+maxpageno+'" data-pageno="'+maxpageno+'">»</a>'); jQuery('.location_mapview .pagination .first').replaceWith('<span class="first pg_arrow pg_prev">«</span>'); } else{ jQuery('.location_mapview .pagination .first').replaceWith('<a class="first pg_arrow pg_prev" href="?pag=1" data-pageno="1">«</a>'); } } //jQuery('.pagination span.current').replaceWith('<a href="?pag='+jQuery('.pagination span.current').text()+'" class="pagenumber" data-pageno="'+jQuery('.pagination span.current').text()+'">'+jQuery('.pagination span.current').text()+'</a>'); } }); } jQuery(document).on('click', '.pg_num_area .pagination li a', function(e){ if(jQuery(this).closest('.pg_num_area').hasClass('searchpagepagination') == false){ e.preventDefault(); //console.log('request_quote : ' + jQuery(this).closest('.request_quote').length); //console.log("book-a-service contentpage section : " + jQuery(this).closest('.book-a-service.contentpage.section').length); //var pageno = jQuery(this).text(); var pageno = jQuery(this).attr('data-pageno'); var dealermode; var firstpage = false; var lastpage = false; var showradiobutton = false; var maxpageno = (jQuery('.location_listview .pagination li').length - 2); var requestPageType = null; if(jQuery(this).closest('.location_listview').length ==1){ dealermode = 'listview'; } else{ dealermode = 'mapview'; } if(jQuery(this).hasClass('first') == true){ firstpage = true; } if(jQuery(this).hasClass('last') == true){ lastpage = true; } //if(pageno == maxpageno){ lastpage = true; } if(pageno == 1){ firstpage = true; } if(jQuery(this).closest('.request_quote').length == 1){ showradiobutton = true; } if(jQuery(this).closest('.book-a-service.contentpage.section').length > 0){ requestPageType = 'Book a Service'; } if(jQuery(this).closest('.request-a-quote.contentpage.section').length > 0){ requestPageType = 'Request a Quote'; } if(jQuery(this).closest('.request-a-test-drive.contentpage.section').length > 0){ requestPageType = 'Request a Test Drive'; } branchDealerList(dealermode, pageno, firstpage, lastpage, maxpageno, showradiobutton, requestPageType); } }); jQuery(document).on("click", '.request_quote.find-a-dealer .find_dealer .location_table .form_chk label', function(){ jQuery('.request_quote.find-a-dealer .find_dealer .location_table .form_chk label').removeClass('r_on'); jQuery(this).addClass('r_on'); }); jQuery(document).on("click", '.request_testdrive.find-a-dealer .find_dealer .location_table .form_chk label', function(){ jQuery('.request_testdrive.find-a-dealer .find_dealer .location_table .form_chk label').removeClass('r_on'); jQuery(this).addClass('r_on'); }); /*jQuery(document).on("click", '.request_quote .car-selector.section .car_list .car_box .car_a, .book_service .car-selector.section .car_list .car_box .car_a', function(){ if(jQuery(this).hasClass('on') == true){ jQuery(this).removeClass('on'); } else{ jQuery(this).addClass('on'); } });*/ </script> <div id="header" class="main_header"> <div class="header_in"> <div class="logo_h1"> <a href="https://kiairaq.com" class="lg_a"> <style> .wsg_main #header .logo_h1 .lg_a { background: url(https://kiairaq.com/wp-content/uploads/2022/06/new-kia-logo-white.webp) no-repeat 0 0; background-size: 100%; } </style> <style> #header .logo_h1 .lg_a { background: url(https://kiairaq.com/wp-content/uploads/2022/06/new-kia-logo-midnight.webp) no-repeat 0 0; background-size: 100%; } .wsg_main #header:hover .logo_h1 .lg_a { background: url(https://kiairaq.com/wp-content/uploads/2022/06/new-kia-logo-midnight.webp) no-repeat 0 0; background-size: 100%; } </style> </a> </div> <!-- new wsg --> <style> /*body .wsg_main .mainCenterWrap .imgArea img { top: 48.4%; }*/ /*#header.wover img.white-logo { display: none; } #header img.black-logo { display: none; } #header.wover img.black-logo { display: block; } #header:hover img.white-logo { display: none; } #header:hover img.black-logo { display: block; }*/ </style> <a href="#" class="open_gnb"><span class="cmm_spr spr_menu">open menu</span></a> <!--style> body .wsg_main .gnb_area .gnb_nav .dth2_u { top: 0; } </style--> <!-- //GNB --> <!-- GNB gnb_area open --> <div class="gnb_area"> <!-- GNB menu S --> <div class="gnb_menu gnb-menu"> <ul class="gnb_nav"> <!-- dth1_l dth_on --> <li class="dth1_l"> <a href="#" class="dth1_a">السيارات</a> <div class="dth2_u dth_pip select-car-header parbase"><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">سيارة دفع رباعي & السيارة متعددة الأغراض</span></a><a href="#" class="sort_a"><span class="cmm_tspr spr_sort">سيارات</span></a><a href="#" class="sort_a"><span class="cmm_tspr spr_sort">سيارة تجارية</span></a></div><div class="car_grid on"><ul class="grid_u on"><strong class="hidden">سيارة دفع رباعي & السيارة متعددة الأغراض</strong><li class="grid_l new_car "><a href="https://kiairaq.com/vehicles/sonet/" class="grid_box anim" data-id="4177"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-qy-21my.webp" class="g_off" alt="kia-qy-21my-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-qy-21my.webp" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">سونيت</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-qy-21my_on.webp" alt="kia-qy-21my_on-2"></div></a></li><li class="grid_l new_car "><a href="https://kiairaq.com/vehicles/sportage/" class="grid_box anim" data-id="4175"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/sportage-new.png" class="g_off" alt="sportage-new-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/sportage-new.png" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">سبورتاج</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/sportage-on.png" alt="sportage-on-2"></div></a></li><li class="grid_l new_car "><a href="https://kiairaq.com/vehicles/sorento/" class="grid_box anim" data-id="4173"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-mq4-21my.webp" class="g_off" alt="kia-mq4-21my-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-mq4-21my.webp" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">سورينتو</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/sorento-on.jpg" alt="sorento-on-2"></div></a></li><li class="grid_l "><a href="https://kiairaq.com/vehicles/telluride/" class="grid_box anim" data-id="4171"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-on-20my.webp" class="g_off" alt="kia-on-20my-3"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-on-20my.webp" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">تيلورايد</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/telluride-on.png" alt="telluride-on-2"></div></a></li><li class="grid_l new_car "><a href="https://kiairaq.com/vehicles/carnival/" class="grid_box anim" data-id="4169"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-ka4-21my.webp" class="g_off" alt="kia-ka4-21my-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-ka4-21my.webp" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">كرنفال</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-ka4-21my_on.webp" alt="kia-ka4-21my_on-2"></div></a></li><li class="grid_l "><a href="https://kiairaq.com/vehicles/seltos/" class="grid_box anim" data-id="4165"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2023/10/kia_seltos_sp2_23my_gnb.png" class="g_off" alt="kia_seltos_sp2_23my_gnb-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2023/10/kia_seltos_sp2_23my_gnb.png" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">سيلتوس</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2023/10/seltos-on.png" alt="seltos-on-2-2"></div></a></li><strong class="hidden">سيارات</strong><li class="grid_l "><a href="https://kiairaq.com/vehicles/picanto/" class="grid_box anim" data-id="4188"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia_picanto_ja_18my.webp" class="g_off" alt="kia_picanto_ja_18my-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia_picanto_ja_18my.webp" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">بيكانتو سيارة المدينة</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia_picanto_ja_18my_on.webp" alt="kia_picanto_ja_18my_on-2"></div></a></li><li class="grid_l "><a href="https://kiairaq.com/vehicles/pegas/" class="grid_box anim" data-id="4187"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia_ab_19my.webp" class="g_off" alt="kia_ab_19my-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia_ab_19my.webp" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">بيغاس</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/pegas-on.png" alt="pegas-on-2"></div></a></li><li class="grid_l "><a href="https://kiairaq.com/vehicles/rio/" class="grid_box anim" data-id="4185"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-rio-sc.webp" class="g_off" alt="kia-rio-sc-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-rio-sc.webp" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">ريو</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-rio-sc_on.webp" alt="kia-rio-sc_on-2"></div></a></li><li class="grid_l "><a href="https://kiairaq.com/vehicles/cerato/" class="grid_box anim" data-id="4183"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-bd-lhd-19my.webp" class="g_off" alt="kia-bd-lhd-19my-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-bd-lhd-19my.webp" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">سيراتو</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-bd-lhd-19my_on.webp" alt="kia-bd-lhd-19my_on-2"></div></a></li><li class="grid_l new_car "><a href="https://kiairaq.com/vehicles/k5/" class="grid_box anim" data-id="4151"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-dl3-21my.webp" class="g_off" alt="kia-dl3-21my-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-dl3-21my.webp" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">K5</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-dl3-21my.webp" alt="kia-dl3-21my-2"></div></a></li><li class="grid_l "><a href="https://kiairaq.com/vehicles/k8/" class="grid_box anim" data-id="4181"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-gl3-22my.png" class="g_off" alt="kia-gl3-22my-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-gl3-22my.png" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">K8</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-gl3-22my.png" alt="kia-gl3-22my-2"></div></a></li><li class="grid_l "><a href="https://kiairaq.com/vehicles/k3/" class="grid_box anim" data-id="4718"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2024/02/kia-k3-24my.png" class="g_off" alt="kia-k3-24my-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2024/02/kia-k3-24my.png" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">K3</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2024/02/kia-k3-24my.png" alt="kia-k3-24my-2"></div></a></li><strong class="hidden">سيارة تجارية</strong><li class="grid_l "><a href="https://kiairaq.com/vehicles/k4000s/" class="grid_box anim" data-id="4167"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-k4000g.webp" class="g_off" alt="kia-k4000g-3"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-k4000g.webp" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">K4000S</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-k4000g_on.png" alt="kia-k4000g_on-2"></div></a></li></ul></div><div class="car_grid on"><ul class="grid_u on"><strong class="hidden">سيارة دفع رباعي & السيارة متعددة الأغراض</strong><li class="grid_l new_car "><a href="https://kiairaq.com/vehicles/sonet/" class="grid_box anim" data-id="4177"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-qy-21my.webp" class="g_off" alt="kia-qy-21my-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-qy-21my.webp" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">سونيت</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-qy-21my_on.webp" alt="kia-qy-21my_on-2"></div></a></li><li class="grid_l new_car "><a href="https://kiairaq.com/vehicles/sportage/" class="grid_box anim" data-id="4175"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/sportage-new.png" class="g_off" alt="sportage-new-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/sportage-new.png" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">سبورتاج</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/sportage-on.png" alt="sportage-on-2"></div></a></li><li class="grid_l new_car "><a href="https://kiairaq.com/vehicles/sorento/" class="grid_box anim" data-id="4173"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-mq4-21my.webp" class="g_off" alt="kia-mq4-21my-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-mq4-21my.webp" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">سورينتو</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/sorento-on.jpg" alt="sorento-on-2"></div></a></li><li class="grid_l "><a href="https://kiairaq.com/vehicles/telluride/" class="grid_box anim" data-id="4171"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-on-20my.webp" class="g_off" alt="kia-on-20my-3"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-on-20my.webp" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">تيلورايد</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/telluride-on.png" alt="telluride-on-2"></div></a></li><li class="grid_l new_car "><a href="https://kiairaq.com/vehicles/carnival/" class="grid_box anim" data-id="4169"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-ka4-21my.webp" class="g_off" alt="kia-ka4-21my-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-ka4-21my.webp" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">كرنفال</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-ka4-21my_on.webp" alt="kia-ka4-21my_on-2"></div></a></li><li class="grid_l "><a href="https://kiairaq.com/vehicles/seltos/" class="grid_box anim" data-id="4165"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2023/10/kia_seltos_sp2_23my_gnb.png" class="g_off" alt="kia_seltos_sp2_23my_gnb-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2023/10/kia_seltos_sp2_23my_gnb.png" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">سيلتوس</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2023/10/seltos-on.png" alt="seltos-on-2-2"></div></a></li></ul></div><div class="car_grid on"><ul class="grid_u on"><strong class="hidden">سيارات</strong><li class="grid_l "><a href="https://kiairaq.com/vehicles/picanto/" class="grid_box anim" data-id="4188"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia_picanto_ja_18my.webp" class="g_off" alt="kia_picanto_ja_18my-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia_picanto_ja_18my.webp" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">بيكانتو سيارة المدينة</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia_picanto_ja_18my_on.webp" alt="kia_picanto_ja_18my_on-2"></div></a></li><li class="grid_l "><a href="https://kiairaq.com/vehicles/pegas/" class="grid_box anim" data-id="4187"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia_ab_19my.webp" class="g_off" alt="kia_ab_19my-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia_ab_19my.webp" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">بيغاس</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/pegas-on.png" alt="pegas-on-2"></div></a></li><li class="grid_l "><a href="https://kiairaq.com/vehicles/rio/" class="grid_box anim" data-id="4185"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-rio-sc.webp" class="g_off" alt="kia-rio-sc-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-rio-sc.webp" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">ريو</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-rio-sc_on.webp" alt="kia-rio-sc_on-2"></div></a></li><li class="grid_l "><a href="https://kiairaq.com/vehicles/cerato/" class="grid_box anim" data-id="4183"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-bd-lhd-19my.webp" class="g_off" alt="kia-bd-lhd-19my-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-bd-lhd-19my.webp" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">سيراتو</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-bd-lhd-19my_on.webp" alt="kia-bd-lhd-19my_on-2"></div></a></li><li class="grid_l new_car "><a href="https://kiairaq.com/vehicles/k5/" class="grid_box anim" data-id="4151"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-dl3-21my.webp" class="g_off" alt="kia-dl3-21my-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-dl3-21my.webp" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">K5</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-dl3-21my.webp" alt="kia-dl3-21my-2"></div></a></li><li class="grid_l "><a href="https://kiairaq.com/vehicles/k8/" class="grid_box anim" data-id="4181"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-gl3-22my.png" class="g_off" alt="kia-gl3-22my-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-gl3-22my.png" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">K8</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-gl3-22my.png" alt="kia-gl3-22my-2"></div></a></li><li class="grid_l "><a href="https://kiairaq.com/vehicles/k3/" class="grid_box anim" data-id="4718"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2024/02/kia-k3-24my.png" class="g_off" alt="kia-k3-24my-2"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2024/02/kia-k3-24my.png" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">K3</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2024/02/kia-k3-24my.png" alt="kia-k3-24my-2"></div></a></li></ul></div><div class="car_grid on"><ul class="grid_u on"><strong class="hidden">سيارة تجارية</strong><li class="grid_l "><a href="https://kiairaq.com/vehicles/k4000s/" class="grid_box anim" data-id="4167"><span class="g_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-k4000g.webp" class="g_off" alt="kia-k4000g-3"></span><span class="g_txt g_nonetxt" ><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-k4000g.webp" alt="msg_vehicle_all-new-picanto"></span><strong class="g_name">K4000S</strong><div class="animate"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-k4000g_on.png" alt="kia-k4000g_on-2"></div></a></li></ul></div><div class="new_cars_type"><ul><li><a href="https://kiairaq.com/categories/suv-mpv-ar/" class="bl_type_a">سيارة دفع رباعي & السيارة متعددة الأغراض</a></li><li><a href="https://kiairaq.com/categories/cars/" class="bl_type_a">سيارات</a></li><li><a href="https://kiairaq.com/categories/commercial-ar/" class="bl_type_a">سيارة تجارية</a></li></ul></div></div> </li> <li class="dth1_l"> <a href="#" class="dth1_a">أدوات التسوق</a> <ul class="dth2_u"> <li class="dth2_l"> <a href="https://docs.google.com/forms/d/1lMkKCVwmcnLiB39h-hl9vNS3Wzs2wDKiAtFtx59EXck/viewform?ts=5f7d7226&gxids=7628&edit_requested=true#responses" class="dth2_a">اطلب بث مباشر</a> </li> <li class="dth2_l"> <a href="https://kiairaq.com/our-branches/" class="dth2_a">فروعنا</a> </li> <li class="dth2_l"> <a href="https://kiairaq.com/download-a-brochure/" class="dth2_a">تنزيل الكاتلوج</a> </li> <li class="dth2_l"> <a href="https://kiairaq.com/request-a-quote/" class="dth2_a">طلب عرض سعر</a> </li> <li class="dth2_l"> <a href="https://kiairaq.com/request-a-test-drive/" class="dth2_a">اطلب تجربة قيادة</a> </li> </ul> </li> <li class="dth1_l"> <a href="#" class="dth1_a">خدمات مابعد البيع</a> <ul class="dth2_u"> <li class="dth2_l"> <a href="https://kiairaq.com/book-a-service/" class="dth2_a">احجز موعد</a> </li> <li class="dth2_l"> <a href="https://kiairaq.com/service-care/" class="dth2_a">الصيانة والعناية</a> </li> </ul> </li> </ul> <!-- new wsg ì°ì¸¡ GNB ë©ë´ --> <ul class="gnb_nav gnb_right"> <li class="dth1_l"> <a href="#" class="dth1_a">اكتشف كيا</a> <ul class="dth2_u"> <li class="dth2_l"> <a href="https://kiairaq.com/our-movement/" class="dth2_a">حركتنا</a> </li> <li class="dth2_l"> <a href="https://kiairaq.com/innovation/" class="dth2_a">ابتكار</a> </li> <li class="dth2_l"> <a href="https://kiairaq.com/sponsorship/" class="dth2_a">رعاية</a> </li> </ul> </li> </ul> <!--// new wsg ì°ì¸¡ GNB ë©ë´ --> <!-- e : 2018.01.15 ì¤í¬ë¦½í¸ ì¶ê° --> </div> <!-- GNB menu E --> <!-- new wsg util S --> <div class="util_area"> <ul class="util_menu"> <li class="util_l"><a href="https://kiairaq.com/news/" class="util_a" target='_self'>News</a></li> <li class="util_l"><a href="https://kiairaq.com/promotion/" class="util_a" target='_self'>Promotion</a></li> <li class="util_l"><a href="https://kiairaq.com/contact-us/" class="util_a" target='_self'>Contact Us</a></li> <li class="util_l"><a href="https://kiairaq.com/en" class="util_a">English</a></li> </ul> <!-- new wsg find dealer S --> <div class="util_find_dealer"> <p><a href="https://kiairaq.com/our-branches/">Find a dealer</a></p> </div> <!-- new wsg find dealer E --> <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="https://kiairaq.com" method="get"> <input type="text" name="s" id="txtTopSearch" class="sch_inp" title="Search Keyword" placeholder="Search"> <button type="submit" class="sch_btn" title="Search" onclick="$GT.topSearch();"><span class="cmm_spr spr_search">Search</span></button> </form> </div> </div> </div> <!-- new wsg util E --> <!-- new wsg util build S--> <div class="menu_build gnb-build" style="min-width:100px;"> <div class="go_build"> <!-- #50692 --> </div> </div> <!-- new wsg util build E --> <!-- GT SEO 20150827 h2 > div --> <div class="hidden">Util Menu</div> </div> <!-- //GNB --> <!--모ë°ì¼ ê²ìì°½ 2018.06.11 ì¶ê° --> <div class="m_sch_area"> <a href="#url" class="open_search"><span class="blind">open search</span></a> <div class="search_area"> <form action="https://kiairaq.com/en/util/search.php" 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> </div> </div> <div id="container" ng-app="kwcmsAppModuleApp" ng-cloak> <div id="content" class="subContents"> <div class="par parsys"> <div class="global-title parbase section"> <div class="content_title"> <!-- 20150827 GT SEO h3 > h1 --> <h1 class="con_tit"> <p>احجز خدمة</p> </h1> <div class="con_navi"> <ol vocab="http://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem" style="display:inline"> <a href="https://kiairaq.com/" property="item" typeof="WebPage"><span class="cmm_spr spr_home" property="name">بيت</span><span class="gt">></span></a> <meta property="position" content= 1> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <a href="/kw/service.html" property="item" typeof="WebPage"><span class="depth" property="name">خدمة</span><span class="gt">></span></a> <meta property="position" content= 2> </li> <li property="itemListElement" typeof="ListItem" style="display:inline"> <strong class="depth current"property="name">حجز الخدمة</strong> <meta property="position" content= 3> </li> </ol> </div> </div> </div> <div class="book-a-service contentpage section"> <script type="text/javascript"> //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; // 2015.10.19 추가 시작 var _carType = null; var _vehicle_name = null; // 종료 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; //initialize $scope.init = function () { $scope.step = "1"; //set Service or Category; //angular.element("[name='step2']").css("display", "none"); //DB연결시 주석제거 commonCodeLib.init2("SC02SC", "kia_kuwait","kw","en"); 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; }; //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 "); var fx = ua.indexOf("Firefox"); if ((navigator.appName == 'Netscape' && navigator.userAgent.search('Trident') != -1) || msie > 0 || fx > 0) // If Internet Explorer, Firefix return version number obj = $(obj.target); else // If another browser, return 0 obj = $(obj.target); var pObj = obj.parent(); var addr = pObj.find("dd[name='addr']").text(); addr = addr.substring(0,addr.indexOf(",")); $scope.selectedCenterResult = { 'centerNm' : pObj.find("dt[name='centerNm']").text() ,'addr' : addr ,'phone' : pObj.find("dd[name='phone']").text() ,'dealerSeq' : pObj.find("input[name='dealerSeq']").val() ,'dealerEmail' : pObj.find("input[name='dealerEmail']").val() } }; //센터별 예약시간 설정 $scope.changePtime = function (centerNm){ if(centerNm =="Shuwaikh Main Garage "){ var pPtime = $("#pPtime"); $("#pPtime > div").remove(); $(pPtime).empty(); $(pPtime).html("<select class='form_select' name='ptime' id='ptime' title='Preferred time'>"); var pPtimeSelect = $("#pPtime > select"); pPtimeSelect.append("<option value='07:00AM'>07:00AM</option>"); pPtimeSelect.append("<option value='07:30AM'>07:30AM</option>"); pPtimeSelect.append("<option value='08:00AM'>08:00AM</option>"); pPtimeSelect.append("<option value='08:30AM'>08:30AM</option>"); pPtimeSelect.append("<option value='09:00AM'>09:00AM</option>"); pPtimeSelect.append("<option value='09:30AM'>09:30AM</option>"); pPtimeSelect.append("<option value='10:00AM'>10:00AM</option>"); pPtimeSelect.append("<option value='10:30AM'>10:30AM</option>"); pPtimeSelect.append("<option value='11:00AM'>11:00AM</option>"); pPtimeSelect.append("<option value='11:30AM'>11:30AM</option>"); pPtimeSelect.sSelect(); }else if(centerNm =="Shuwaikh New Facility"){ var pPtime = $("#pPtime"); $("#pPtime > div").remove(); $(pPtime).empty(); $(pPtime).html("<select class='form_select' name='ptime' id='ptime' title='Preferred time'>"); var pPtimeSelect = $("#pPtime > select"); pPtimeSelect.append("<option value='07:00AM'>07:00AM</option>"); pPtimeSelect.append("<option value='08:00AM'>08:00AM</option>"); pPtimeSelect.append("<option value='09:00AM'>09:00AM</option>"); pPtimeSelect.append("<option value='10:00AM'>10:00AM</option>"); pPtimeSelect.append("<option value='11:00AM'>11:00AM</option>"); pPtimeSelect.sSelect(); } }; //phone 2018.05.09 추가 https://wrms.kia.com/cb/issue/38544 $scope.fnGoPhone = function (phone) { var tel = ""; if(phone != null){ if(phone.indexOf("/") != -1) { var strArray= phone.split("/"); if(strArray[0] != null){ tel = strArray[0]; } }else { tel = phone; } } if(matchMedia("screen and (max-width: 767px)").matches){location.href = "tel:" + tel;}; }; //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 vehicle"); isValid = false; } else { var selectInfoList = []; // 2015.10.19 추가 시작 var carType = $(".car_box .on").last().attr("href"); _carType = carType.substr(1,carType.indexOf("Cars")-1); if("suv"== _carType){ _carType="suv&mpv"; } // 종료 for (var i = 0, iCnt = selectInfo.carKey.length ; i < iCnt ; i++) { selectInfoList[i] = { carKey : selectInfo.carKey[i] , carCode : selectInfo.carCode[i] , carName : selectInfo.carName[i] , carImage : selectInfo.carImage[i] , carTrim : selectInfo.carTrim[i] }; // 2015.10.19 추가 시작 if(i == iCnt-1){ _vehicle_name = selectInfo.carName[i]; } // 종료 } // 2015.10.19 추가 시작 dtmDataLayer = { 'vehicle_name': _vehicle_name, 'vehicle_type': _carType }; _satellite.track('bookaservice_vehicle'); // 종료 $scope.cars = selectInfoList; $scope.fnSearchReset(); } break; case "2": if(_suffix_selected_vehicle_!=null&&_suffix_selected_vehicle_.serviceCenterKey!=null){ var addr = $("li").find(".center_on").find("[name='addr']").text(); addr = addr.substring(0,addr.indexOf(",")); $scope.selectedCenterResult = { 'centerNm' : $("li").find(".center_on").find("[name='centerNm']").text() ,'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() } } /* if($scope.selectedCenterResult==null){ alert("Please select a service center"); // 2015.10.19 추가 시작 dtmDataLayer = { 'no_result_center': $scope.searchKey }; _satellite.track('bookaservice_center'); // 종료 return; } else { dtmDataLayer = { 'center_search_term': $scope.searchKey }; _satellite.track('bookaservice_center'); } */ $scope.changePtime($scope.selectedCenterResult.centerNm); angular.element("[name='step2']").css("display", "block"); break; case "3": //angular.element("[name='step2']").css("display", "none"); userdataInfoSubmit(); if (_user_data_ != null) { $scope.userData = _user_data_; $scope.selectedCenterInfo(); } else { isValid = false; } break; } if (isValid && isNext) { $scope.stepChange(nStep); } }; //map $scope.searchKey; $scope.fixedParamVO = { "pageSize":"5" ,"pageUnit":"5" ,"sc.delYn":"N" ,"sc.displayYn":"Y" ,"sc.searchType":"center_addr" ,"sortKey[0]":"centerNm" ,"sortType[0]":"A" ,"sc.searchServiceCd[0]" : "SC02SC03" //#53484 aftersales }; //reset button function in map $scope.fnSearchReset = function(){ $scope.searchKey=""; $scope.paramVO["sc.searchKey"] = ""; $scope.paramVO["sc.centerSeq"] = ""; $scope.fnSelectList("1"); }; $scope.goSearch = function(){ $scope.paramVO = angular.copy($scope.fixedParamVO); if($scope.afterInit&&$scope.searchKey==null){ alert("Please enter a keyword."); }else{ $scope.paramVO["sc.searchKey"] = $scope.searchKey; $scope.fnSelectList("1"); } }; $scope.searchEnter = function(event) { if(event.which === 13) { event.preventDefault(); $scope.goSearch(); } }; $scope.paramVO = {}; $scope.isSuffix = false; $scope.fnSelectList = function(pageNum){ if(!pageNum) $scope.paramVO["pageNum"] = "1"; else $scope.paramVO["pageNum"] = pageNum; if(_suffix_selected_vehicle_!=null&&_suffix_selected_vehicle_.serviceCenterKey!=null&&$scope.isSuffix==false){ $scope.paramVO["sc.centerSeq"] = _suffix_selected_vehicle_.serviceCenterKey; $scope.isSuffix=true; } var params = { method : "GET" , params : $scope.paramVO , url : "../api/findCenter.selectFindCenterByServiceList.txt" }; HttpService.http(params, $scope.fnSelectListCallBack, $scope.paramVO); }; $scope.fnSelectListCallBack = function(data, params){ $scope.pageNum = data.paramVO.pageNum; $scope.totalCount = data.totalCount; //parse data $scope.centerResultList = data.dataInfo; /***************************** * Map 호출 * domlistener 대신 함수로 호출 * 대체::google.maps.event.addDomListener(window, 'load', initialize); --> initMap(); * ex) initMap('리스트데이터','맵이 생성될 영역') ******************************/ $scope.initMap($scope.centerResultList, "mapArea", 0); //pagination pagination.paginationCreate($scope.totalCount, params["pageNum"], params["pageSize"], params["pageUnit"], $scope.fnSelectList); //sequence parameter in find a service if(_suffix_selected_vehicle_!=null&&_suffix_selected_vehicle_.serviceCenterKey!=null&&$scope.isSuffix==false){ $scope.searchKey = data.dataInfo[0].centerNm; } $scope.selectedCenterResult = $scope.centerResultList[0]; //20170405 추가 if( data.totalCount == 0 ) { dtmDataLayer = { 'no_result_center': $scope.searchKey }; _satellite.track('service_location'); } else { dtmDataLayer = { 'center_search_term': $scope.searchKey }; _satellite.track('service_location'); } //종료 }; /* --20141229 all list 추가-- */ $scope.fnSelectListAll = function(){ var params = { method : "GET" , params : {"sc.delYn":"N" ,"sc.displayYn":"Y"} , url : "/api/kia_kuwait/base/sc01/findCenter.selectFindCenterAllList" }; HttpService.http(params, $scope.fnSelectListAllCallBack); }; $scope.fnSelectListAllCallBack = function(data){ $scope.resultListAll = data.dataInfo; angular.element($scope.resultListAll).each(function(idx){ var gpsParam = this.lat + "," + this.lng; var layerDOM = '<div class="dealer_layer">'; layerDOM += ' <div class="dealer_info">'; layerDOM += ' <strong class="name">' + this.centerNm + '</strong>'; layerDOM += ' <ul class="info">'; layerDOM += ' <li class="address">' + this.addr + '</li>'; layerDOM += ' <li class="tel">Phone : ' + this.phone + '</li>'; layerDOM += ' <li class="offer"><a href="https://www.google.com.kw/maps/dir/Current+Location/' + gpsParam + '" target="_blank" class="bl_type_a" style="color: red; font-weight:bold; margin-bottom: 5px;">'; layerDOM += ' Show me directions</a></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/kw/en/shopping-tools/request-a-test-drive.html" class="bl_type_a">Request a test drive</a>'; layerDOM += ' <a href="/content/kwcms/kw/en/shopping-tools/request-a-quote.html" class="bl_type_a">Request a quote</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){ $scope.currBranch = selectIdx; /***************************** * Map 생성에 필요한 Object objPoint.point[] 재설정 ******************************/ if(objPoint){ objPoint.point =[]; if(mapInfoObj!=""){ //dom for dealer layer angular.element(mapInfoObj).each(function(idx){ var gpsParam = this.lat + "," + this.lng; var layerDOM = '<div class="dealer_layer">'; layerDOM += ' <div class="dealer_info">'; layerDOM += ' <strong class="name">' + this.centerNm + '</strong>'; layerDOM += ' <ul class="info">'; layerDOM += ' <li class="address">' + this.addr + '</li>'; layerDOM += ' <li class="tel">Phone : ' + this.phone + '</li>'; layerDOM += ' <li class="offer"><a href="https://www.google.com.kw/maps/dir/Current+Location/' + gpsParam + '" target="_blank" class="bl_type_a" style="color: red; font-weight:bold; margin-bottom: 5px;">'; layerDOM += ' Show me directions</a></li>'; layerDOM += ' </ul>'; layerDOM += ' <div class="move">'; //layerDOM += ' <a href="' + this.url + '" class="bl_type_a">GO TO Website</a>'; layerDOM += ' <a href="https://kiairaq.com/en/shopping-tools/request-a-quote.php" class="bl_type_a">Request a quote</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); } } }; $scope.selectedCenterInfo = function(){ var searchParams = { method : "GET" ,params : {"sc.centerSeq" : $scope.selectedCenterResult.dealerSeq} ,url : "../api/findCenter.selectFindCenterByServiceList.txt" } 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 postparam=returnAjaxParameters(); postparam['branchemail']=$scope.selectedCenterResult.dealerEmail; var moveURI = $event.target.href; //center_data 미포함 var insertParams = { method : "POST" ,params : postparam ,url : "sendserviceemail.php" } HttpService.http(insertParams, $scope.fnBookingInsertResult, moveURI); }; $scope.fnBookingInsertResult = function(data, uri){ if (data.status=="Success") { alert("The request completed! Thank you!"); if (!angular.equals(uri, "") && !angular.equals(uri, undefined)) { document.location.href = uri; } else { document.location.href = "https://kiairaq.com/"; } } }; //if selected vehicle exist from suffix, execute by car-selector component $scope.autoExec = function () { $scope.validation('1', '2', true); }; }); $(document).ready(function(){ $('#search_sample1').focus(); $("#search_sample1").bind("keydown", function(e) { if (e.keyCode == 13) { // enter key return false; } }); }); </script> <div class="content_detail" > <div class="inner book_service" data-step="1" 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>المركبة</strong> <span class="ex">الرجاء اختيار المركبة.</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.hyBridCars = null; $scope.suvCars = null; $scope.commercialCars = null; //click vehicle category $scope.selectCategory = function (cate) { if (angular.equals(maxCount, 1)) { //every newly selected $scope.resetSelectedCar(); $scope.selectedCar = cate; }else{ $scope.selectedCar = cate; } $timeout(function () { angular.element("#" + cate).click(); $scope.callbackReturn(); }, 100); }; //get vehicle list $scope.searchCars = function () { var params = { method : "GET" , params : { nCd : "kw" } , url : "../api/carInfo.selectVehicleList.txt" }; HttpService.http(params, $scope.parseVehicle, ""); }; //callback searchCars method $scope.parseVehicle = function (data) { if (angular.equals(data.result, "Success")) { $scope.carCars = data.dataInfo.carCars; $scope.hyBridCars = data.dataInfo.hybridCars; $scope.suvCars = data.dataInfo.suvMpvCars; $scope.commercialCars = data.dataInfo.commercialCars; $scope.clickFromSuffix(); } }; //callback car info $scope.callbackInfo = { carCount : $scope.currentSelectedCount , carKey : [] , carCode : [] , carName : [] , carImage : [] , carTrim : [] , carTrimCode : [] }; //reset selected vehicle $scope.resetSelectedCar = function () { $scope.currentSelectedCount = 0; $scope.callbackInfo = { carCount : 0 , carKey : [] , carCode : [] , carName : [] , carImage : [] , carTrim : [] , carTrimCode : [] }; }; //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.carImage.splice(idx, 1); $scope.callbackInfo.carTrim.splice(idx, 1); $scope.callbackInfo.carTrimCode.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(); switch (type) { case "carCars" : targetCars = $scope.carCars; break; case "hybridCars" : targetCars = $scope.hyBridCars; break; case "suvCars" : targetCars = $scope.suvCars; break; case "commercialCars" : targetCars = $scope.commercialCars; 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.displayName); $scope.callbackInfo.carImage.push(info.imagePath); angular.forEach(info.details, function (trim) { targetCarsTrim.push(trim.displayName); targetCarsTrimCode.push(trim.code); }); isContinue = false; //forEach break } }); $scope.callbackInfo.carTrim.push(targetCarsTrim); $scope.callbackInfo.carTrimCode.push(targetCarsTrimCode); $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; carA.removeClass("on"); angular.forEach(carCodes, function (code) { carA.each(function () { if (angular.equals(code, angular.element(this).attr("id"))) { 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.hyBridCars, 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; } }); var objs = angular.element("#" + 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 20160607 $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">فئة :</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="Cars" name="radio01"> <label for="Cars" class="form_spr radio_box" ng-click="selectCategory('Cars')"><span class="car_spr sort2">Sedan</span></label> </span> <span class="form_chk"> <input type="radio" id="Suv" name="radio01"> <label for="Suv" class="form_spr radio_box" ng-click="selectCategory('Suv')"><span class="car_spr sort4">SUV & MPV</span></label> </span--> <span class="form_chk"> <input type="radio" id="All" name="radioCate"> <label for="All" class="form_spr radio_box r_on" data-cat-id="all" checked> <span class="car_spr"> <img src="https://kiairaq.com/wp-content/uploads/2022/06/new-kia-logo-midnight.webp" class="active" /> <span class="cat_title">الجميع</span> </span> </label> </span> <span class="form_chk"> <input type="radio" id="سيارة دفع رباعي & السيارة متعددة الأغراض" name="radioCate"> <label for="سيارة دفع رباعي & السيارة متعددة الأغراض" class="form_spr radio_box" data-cat-id="32"> <span class="car_spr"> <img src="https://kiairaq.com/wp-content/uploads/2022/06/suv.png" class="dis_opacity" /> <span class="cat_title">سيارة دفع رباعي & السيارة متعددة الأغراض</span> </span> </label> </span> <span class="form_chk"> <input type="radio" id="سيارات" name="radioCate"> <label for="سيارات" class="form_spr radio_box" data-cat-id="33"> <span class="car_spr"> <img src="https://kiairaq.com/wp-content/uploads/2022/06/suv.png" class="dis_opacity" /> <span class="cat_title">سيارات</span> </span> </label> </span> <span class="form_chk"> <input type="radio" id="سيارة تجارية" name="radioCate"> <label for="سيارة تجارية" class="form_spr radio_box" data-cat-id="34"> <span class="car_spr"> <img src="https://kiairaq.com/wp-content/uploads/2022/06/suv.png" class="dis_opacity" /> <span class="cat_title">سيارة تجارية</span> </span> </label> </span> </div> </div> <div class="car_wrap"> <div class="car_list" id="category_id_32"> <h5 class="bl_type1">سيارة دفع رباعي & السيارة متعددة الأغراض</h5> <ul class="car_u"> <li class="car_l"> <div class="car_box"> <a href="#carCars" data-post-id="4177" class="car_a 4177" title="Select" > <strong class="car_name">سونيت</strong> <span class="car_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-qy-21my.webp" class="g_off" alt="kia-qy-21my-2"></span> </a> </div> </li> <li class="car_l"> <div class="car_box"> <a href="#carCars" data-post-id="4175" class="car_a 4175" title="Select" > <strong class="car_name">سبورتاج</strong> <span class="car_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/sportage-new.png" class="g_off" alt="sportage-new-2"></span> </a> </div> </li> <li class="car_l"> <div class="car_box"> <a href="#carCars" data-post-id="4173" class="car_a 4173" title="Select" > <strong class="car_name">سورينتو</strong> <span class="car_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-mq4-21my.webp" class="g_off" alt="kia-mq4-21my-2"></span> </a> </div> </li> <li class="car_l"> <div class="car_box"> <a href="#carCars" data-post-id="4171" class="car_a 4171" title="Select" > <strong class="car_name">تيلورايد</strong> <span class="car_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-on-20my.webp" class="g_off" alt="kia-on-20my-3"></span> </a> </div> </li> <li class="car_l"> <div class="car_box"> <a href="#carCars" data-post-id="4169" class="car_a 4169" title="Select" > <strong class="car_name">كرنفال</strong> <span class="car_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-ka4-21my.webp" class="g_off" alt="kia-ka4-21my-2"></span> </a> </div> </li> <li class="car_l"> <div class="car_box"> <a href="#carCars" data-post-id="4165" class="car_a 4165" title="Select" > <strong class="car_name">سيلتوس</strong> <span class="car_img"><img src="https://kiairaq.com/wp-content/uploads/2023/10/kia_seltos_sp2_23my_gnb.png" class="g_off" alt="kia_seltos_sp2_23my_gnb-2"></span> </a> </div> </li> </ul> </div> <div class="car_list" id="category_id_33"> <h5 class="bl_type1">سيارات</h5> <ul class="car_u"> <li class="car_l"> <div class="car_box"> <a href="#carCars" data-post-id="4188" class="car_a 4188" title="Select" > <strong class="car_name">بيكانتو سيارة المدينة</strong> <span class="car_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia_picanto_ja_18my.webp" class="g_off" alt="kia_picanto_ja_18my-2"></span> </a> </div> </li> <li class="car_l"> <div class="car_box"> <a href="#carCars" data-post-id="4187" class="car_a 4187" title="Select" > <strong class="car_name">بيغاس</strong> <span class="car_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia_ab_19my.webp" class="g_off" alt="kia_ab_19my-2"></span> </a> </div> </li> <li class="car_l"> <div class="car_box"> <a href="#carCars" data-post-id="4185" class="car_a 4185" title="Select" > <strong class="car_name">ريو</strong> <span class="car_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-rio-sc.webp" class="g_off" alt="kia-rio-sc-2"></span> </a> </div> </li> <li class="car_l"> <div class="car_box"> <a href="#carCars" data-post-id="4183" class="car_a 4183" title="Select" > <strong class="car_name">سيراتو</strong> <span class="car_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-bd-lhd-19my.webp" class="g_off" alt="kia-bd-lhd-19my-2"></span> </a> </div> </li> <li class="car_l"> <div class="car_box"> <a href="#carCars" data-post-id="4151" class="car_a 4151" title="Select" > <strong class="car_name">K5</strong> <span class="car_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-dl3-21my.webp" class="g_off" alt="kia-dl3-21my-2"></span> </a> </div> </li> <li class="car_l"> <div class="car_box"> <a href="#carCars" data-post-id="4181" class="car_a 4181" title="Select" > <strong class="car_name">K8</strong> <span class="car_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-gl3-22my.png" class="g_off" alt="kia-gl3-22my-2"></span> </a> </div> </li> <li class="car_l"> <div class="car_box"> <a href="#carCars" data-post-id="4718" class="car_a 4718" title="Select" > <strong class="car_name">K3</strong> <span class="car_img"><img src="https://kiairaq.com/wp-content/uploads/2024/02/kia-k3-24my.png" class="g_off" alt="kia-k3-24my-2"></span> </a> </div> </li> </ul> </div> <div class="car_list" id="category_id_34"> <h5 class="bl_type1">سيارة تجارية</h5> <ul class="car_u"> <li class="car_l"> <div class="car_box"> <a href="#carCars" data-post-id="4167" class="car_a 4167" title="Select" > <strong class="car_name">K4000S</strong> <span class="car_img"><img src="https://kiairaq.com/wp-content/uploads/2022/06/kia-k4000g.webp" class="g_off" alt="kia-k4000g-3"></span> </a> </div> </li> </ul> </div> <!--div class="car_list" ng-show="(selectedCar == 'All' || selectedCar == 'Cars') && carCars.length > 0"> <h3 class="bl_type1">Sedan</h3> <ul class="car_u"> <li class="car_l" ng-repeat="car in carCars | orderBy:'sortNo'" ng-show="!hideChk(car.notUse) && !displayYn(car.displayYn)" after-parse-vehicle> <div class="car_box"> <a href="#carCars" id="{{car.code}}" class="car_a" title="Select" ng-click="choice(car.code, 'carCars')"> <strong class="car_name">{{car.displayName}}</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 == 'Suv') && suvCars.length > 0"> <h3 class="bl_type1">SUV & MPV</h3> <ul class="car_u"> <li class="car_l" ng-repeat="car in suvCars | orderBy:'sortNo'" ng-show="!hideChk(car.notUse) && !displayYn(car.displayYn)" after-parse-vehicle> <div class="car_box"> <a href="#suvCars" id="{{car.code}}" class="car_a" title="Select" ng-click="choice(car.code, 'suvCars')"> <strong class="car_name">{{car.displayName}}</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">اختر المركبات : </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--> <a href="#next" class="btnMedium btnType1" onClick="validation('1', '2', true)"><span class="btnIcon arrow_r">التالي</span></a> </div> </div> </li> <li class="stepWrap"> <div class="stepbar bar02"> <strong class="num"><em>02</em></strong> <div class="txt"> <strong>مركز خدمات</strong> </div> </div> </li> <li class="stepWrap"> <div class="stepbar bar03"> <strong class="num"><em>03</em></strong> <div class="txt"> <strong>معلوماتي</strong> </div> </div> </li> </ol> </div> <div class="inner book_service" data-step="2" name="step2"> <ol class="stepType01 bookStep"> <li class="stepWrap paston"> <div class="stepbar bar01"> <strong class="num"><em>01</em></strong> <div class="txt"> <strong>المركبة</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">{{car.carName}}</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>مركز خدمات</strong> <span class="ex">الرجاء اختيار المركز.</span> </div> </div> <!-- step2 --> <div class="stepCon"> <div class="codeSrch"> <div class="codeTit">يبحث</div> <div class="codeInput"> <div class="form_sch"> <div class="sch_box"> <input type="text" value="Enter Zipcode number" id="search_sample1" class="sch_inp" title="Enter Zipcode number" ng-model="searchKey" ng-keydown="searchEnter($event)" > <button type="submit" class="sch_btn" title="Search" ng-click="goSearch()"><span class="cmm_spr spr_search">يبحث</span></button> </div> </div> <div class="reset"><a href="#" onclick="return false;" class="btnMedium btnType3" ng-click="fnSearchReset()"><span class="btnIcon arrow_r">إعادة ضبط</span></a></div> </div> </div> <div class="location_result"> <div class="location_mapview"> <div class="mapInner"> <div class="mapArea" id="mapArea"> <div class="mapParsys parsys"> <div class="google-map-list parbase section"> <!-- 2015.10.07 오지예대리님 요청으로 구글맵 스크립트 통일함. --> <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=AIzaSyA2GVwSUymoYjoghmoWVVtWbzmvQGiNRFE&language=en®ion=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 initCustomMap(mapInfoObj, areaId){ //var areaId = 'mapArea'; /*console.log('areaId : ' + areaId); console.log(mapInfoObj); console.log('----------------------'); console.log(mapPostListDataArr); console.log('----------------------'); console.log(mapPostListDataArr[mapInfoObj]); console.log(mapPostListDataArr[mapInfoObj].dealerNm);*/ //$scope.currBranch = selectIdx; /*var dealerNm = 'dealerNm 1'; var addr = 'addr 1'; var phone = '12346790'; var idx = 0; var lat = 33.328306; var lng = 44.338806;*/ var dealerNm = mapPostListDataArr[mapInfoObj].dealerNm; var addr = mapPostListDataArr[mapInfoObj].addr; var phone = mapPostListDataArr[mapInfoObj].phone; var idx = 0; var lat = mapPostListDataArr[mapInfoObj].lat; var lng = mapPostListDataArr[mapInfoObj].lng; //if (objPoint) { var layerDOM = '<div class="dealer_layer">'; layerDOM += ' <div class="dealer_info">'; layerDOM += ' <strong class="name">' + dealerNm + '</strong>'; layerDOM += ' <ul class="info">'; layerDOM += ' <li class="address">' + addr + '</li>'; layerDOM += ' <li class="tel">Phone : ' + 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="https://kiairaq.com/request-a-test-drive" class="bl_type_a">Request a test drive</a>'; layerDOM += ' <a href="https://kiairaq.com/request-a-quote" class="bl_type_a">Request a quote</a>'; layerDOM += ' </div>'; layerDOM += ' </div>'; layerDOM += '</div>'; objPoint.point[idx] = ({ "lat" : lat , "lng" : lng , "info": layerDOM }); var selectIdx = 0; initialize(selectIdx, areaId); //} jQuery('.location_mapview .center_list ul li a.dealer_a').removeClass('center_on'); jQuery('.location_mapview .center_list ul li a#dealer_id_'+mapInfoObj).addClass('center_on'); } 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> <script>var mapPostListDataArr = {"4357":{"dealerNm":"\u0627\u0644\u0628\u0635\u0631\u0629","addr":"<p>\u0627\u0644\u0628\u0635\u0631\u0629- \u0634\u0627\u0631\u0639 \u0627\u0644\u0633\u0639\u062f\u064a- \u0645\u0642\u0627\u0628\u0644 \u0631\u0626\u0627\u0633\u0629 \u0635\u062d\u0629 \u0627\u0644\u0628\u0635\u0631\u0629- \u0645\u0639\u0631\u0636 \u0648\u0635\u064a\u0627\u0646\u0629<\/p>\n","phone":"6991","idx":0,"lat":"30.511193","lng":"2047.8337746"},"4348":{"dealerNm":"\u0627\u0644\u0628\u0635\u0631\u0629","addr":"<p>\u0627\u0644\u0628\u0635\u0631\u0629- \u0637\u0631\u064a\u0642 \u0627\u0644\u0641\u0627\u0648 \u0634\u0627\u0631\u0639 \u0627\u0644\u0628\u0647\u0627\u062f\u0631\u064a\u0629- \u0635\u064a\u0627\u0646\u0629 \u0648\u0642\u0637\u0639 \u063a\u064a\u0627\u0631<\/p>\n","phone":"6991","idx":0,"lat":"30.461694","lng":"47.852333"},"4766":{"dealerNm":"\u0627\u0644\u0628\u064a\u0627\u0639","addr":"<p>\u0628\u063a\u062f\u0627\u062f- \u0627\u0644\u0628\u064a\u0627\u0639 \u0634\u0627\u0631\u0639 \u0627\u0644\u0645\u0639\u0627\u0631\u0636 -\u0635\u0627\u0644\u0629 \u0639\u0631\u0636<\/p>\n","phone":"6991","idx":0,"lat":"33.262272","lng":"44.342678"},"4501":{"dealerNm":"\u0628\u0631\u0643\u0627\u062a \u0627\u0644\u0643\u0631\u0627\u0631","addr":"<p>\u0627\u0644\u0646\u062c\u0641, \u0634\u0627\u0631\u0639 \u0627\u0644\u062c\u0627\u0645\u0639\u0629, \u062e\u0644\u0641 \u0643\u0631\u0627\u062c \u0628\u063a\u062f\u0627\u062f<\/p>\n","phone":"6991","idx":0,"lat":"32.036716","lng":"44.345108"},"4363":{"dealerNm":"\u0628\u063a\u062f\u0627\u062f \u0627\u0644\u0631\u0635\u0627\u0641\u0629","addr":"<p>\u0628\u063a\u062f\u0627\u062f- \u0627\u0644\u0631\u0635\u0627\u0641\u0629 \u2013 \u0627\u0644\u0643\u0631\u0627\u062f\u0629 \u0633\u0627\u062d\u0629 \u0643\u0647\u0631\u0645\u0627\u0646\u0629 \u2013 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0645\u0633\u0631\u062d \u0627\u0644\u0648\u0637\u0646\u064a \u2013 \u0645\u0639\u0631\u0636 \u0648\u0635\u064a\u0627\u0646\u0629<\/p>\n","phone":"6991","idx":0,"lat":"33.310556","lng":"44.425111"},"4360":{"dealerNm":"\u0628\u063a\u062f\u0627\u062f \u0634\u0627\u0631\u0639 \u0645\u0637\u0627\u0631 \u0627\u0644\u0645\u062b\u0646\u0649","addr":"<p>\u0628\u063a\u062f\u0627\u062f- \u0627\u0644\u0643\u0631\u062e \u0637\u0631\u064a\u0642 \u0645\u0637\u0627\u0631 \u0627\u0644\u0645\u062b\u0646\u0649 \u2013 \u0635\u064a\u0627\u0646\u0629 \u0648\u0642\u0637\u0639 \u063a\u064a\u0627\u0631<\/p>\n","phone":"6991","idx":0,"lat":"33.345861","lng":"44.351222"},"4582":{"dealerNm":"\u0628\u063a\u062f\u0627\u062f \u0639\u0648\u064a\u0631\u064a\u062c","addr":"<p>\u0628\u063a\u062f\u0627\u062f – \u0637\u0631\u064a\u0642 \u0639\u0648\u064a\u0631\u064a\u062c – \u0635\u064a\u0627\u0646\u0629 \u0648\u0642\u0637\u0639 \u063a\u064a\u0627\u0631<\/p>\n","phone":"6991","idx":0,"lat":"33.1910034","lng":"44.3798936"},"4502":{"dealerNm":"\u062a\u0628\u0627\u0631\u0643 \u0627\u0644\u0631\u062d\u0645\u0646","addr":"<p>\u0627\u0644\u0646\u0627\u0635\u0631\u064a\u0629, \u0634\u0627\u0631\u0639 \u0627\u0644\u0645\u062d\u0637\u0629, \u062a\u0642\u0627\u0637\u0639 \u0627\u0644\u0631\u0627\u064a\u0627\u062a<\/p>\n","phone":"6991","idx":0,"lat":"31.032914","lng":"46.2360559"},"4409":{"dealerNm":"\u062a\u0643\u0631\u064a\u062a","addr":"<p>\u062a\u0643\u0631\u064a\u062a, \u0627\u0644\u0642\u0627\u062f\u0633\u064a\u0629 \u0634\u0627\u0631\u0639 \u0627\u0644\u0645\u0639\u0627\u0631\u0636<\/p>\n","phone":"6991","idx":0,"lat":"34.6288133","lng":"43.6643884"},"4344":{"dealerNm":"\u062d\u064a \u062a\u0648\u0646\u0633","addr":"","phone":"6991","idx":0,"lat":"33.3975091","lng":"44.365733"}}</script> <li> <a href="javascript:;" class="dealer_a" id="dealer_id_4357" data-dealer-id="4357" onClick="initCustomMap(4357, 'mapArea');"> <div class="where"><span class="map_spr map_pin"></span></div> <dl class="info"> <dt name="centerNm">البصرة</dt> <dd><p>البصرة- شارع السعدي- مقابل رئاسة صحة البصرة- معرض وصيانة</p> </dd> <dd>Phone : 6991</dd> <dd>Email : fadel@kiairaq.com</dd> </dl> </a> </li> <li> <a href="javascript:;" class="dealer_a" id="dealer_id_4348" data-dealer-id="4348" onClick="initCustomMap(4348, 'mapArea');"> <div class="where"><span class="map_spr map_pin"></span></div> <dl class="info"> <dt name="centerNm">البصرة</dt> <dd><p>البصرة- طريق الفاو شارع البهادرية- صيانة وقطع غيار</p> </dd> <dd>Phone : 6991</dd> <dd>Email : maytham@kiairaq.com</dd> </dl> </a> </li> <li> <a href="javascript:;" class="dealer_a" id="dealer_id_4766" data-dealer-id="4766" onClick="initCustomMap(4766, 'mapArea');"> <div class="where"><span class="map_spr map_pin"></span></div> <dl class="info"> <dt name="centerNm">البياع</dt> <dd><p>بغداد- البياع شارع المعارض -صالة عرض</p> </dd> <dd>Phone : 6991</dd> <dd>Email : haitham.a@kiairaq.com</dd> </dl> </a> </li> <li> <a href="javascript:;" class="dealer_a" id="dealer_id_4501" data-dealer-id="4501" onClick="initCustomMap(4501, 'mapArea');"> <div class="where"><span class="map_spr map_pin"></span></div> <dl class="info"> <dt name="centerNm">بركات الكرار</dt> <dd><p>النجف, شارع الجامعة, خلف كراج بغداد</p> </dd> <dd>Phone : 6991</dd> <dd>Email : ali.nasaif@kiairaq.com</dd> </dl> </a> </li> <li> <a href="javascript:;" class="dealer_a" id="dealer_id_4363" data-dealer-id="4363" onClick="initCustomMap(4363, 'mapArea');"> <div class="where"><span class="map_spr map_pin"></span></div> <dl class="info"> <dt name="centerNm">بغداد الرصافة</dt> <dd><p>بغداد- الرصافة – الكرادة ساحة كهرمانة – اتجاه المسرح الوطني – معرض وصيانة</p> </dd> <dd>Phone : 6991</dd> <dd>Email : ali.fadel@kiairaq.com</dd> </dl> </a> </li> <li> <a href="javascript:;" class="dealer_a" id="dealer_id_4360" data-dealer-id="4360" onClick="initCustomMap(4360, 'mapArea');"> <div class="where"><span class="map_spr map_pin"></span></div> <dl class="info"> <dt name="centerNm">بغداد شارع مطار المثنى</dt> <dd><p>بغداد- الكرخ طريق مطار المثنى – صيانة وقطع غيار</p> </dd> <dd>Phone : 6991</dd> <dd>Email : zaki@kiairaq.com</dd> </dl> </a> </li> <li> <a href="javascript:;" class="dealer_a" id="dealer_id_4582" data-dealer-id="4582" onClick="initCustomMap(4582, 'mapArea');"> <div class="where"><span class="map_spr map_pin"></span></div> <dl class="info"> <dt name="centerNm">بغداد عويريج</dt> <dd><p>بغداد – طريق عويريج – صيانة وقطع غيار</p> </dd> <dd>Phone : 6991</dd> <dd>Email : ali.fadel@kiairaq.com</dd> </dl> </a> </li> <li> <a href="javascript:;" class="dealer_a" id="dealer_id_4502" data-dealer-id="4502" onClick="initCustomMap(4502, 'mapArea');"> <div class="where"><span class="map_spr map_pin"></span></div> <dl class="info"> <dt name="centerNm">تبارك الرحمن</dt> <dd><p>الناصرية, شارع المحطة, تقاطع الرايات</p> </dd> <dd>Phone : 6991</dd> <dd>Email : husain.majeed@kiairaq.com</dd> </dl> </a> </li> <li> <a href="javascript:;" class="dealer_a" id="dealer_id_4409" data-dealer-id="4409" onClick="initCustomMap(4409, 'mapArea');"> <div class="where"><span class="map_spr map_pin"></span></div> <dl class="info"> <dt name="centerNm">تكريت</dt> <dd><p>تكريت, القادسية شارع المعارض</p> </dd> <dd>Phone : 6991</dd> <dd>Email : hussain.saud@kiairaq.com</dd> </dl> </a> </li> <li> <a href="javascript:;" class="dealer_a" id="dealer_id_4344" data-dealer-id="4344" onClick="initCustomMap(4344, 'mapArea');"> <div class="where"><span class="map_spr map_pin"></span></div> <dl class="info"> <dt name="centerNm">حي تونس</dt> <dd></dd> <dd>Phone : 6991</dd> <dd>Email : mustafa.ali@kiairaq.com</dd> </dl> </a> </li> </ul> <!-- 20141219 lhk --> <!--ul> <li ng-repeat="item in centerResultList"> <a href="#" onclick="return false;" ng-click="fnSelectedCenter($event); initMap(centerResultList, 'mapArea', $index);" class="dealer_a" ng-class="{center_on:currBranch == $index}"> <div class="where"><span class="map_spr map_pin"></span></div> <dl class="info"> <dt name="centerNm">{{item.centerNm}}</dt> <dd name="addr">{{item.addr}},</dd> <dd name="phone" ng-click="fnGoPhone(item.phone)">Phone : {{item.phone}}</dd> <dd >Email : {{item.email}}</dd> <input type="hidden" name="dealerSeq" value="{{item.dealerSeq}}"/> <input type="hidden" name="dealerEmail" value="{{item.email}}"/> </dl> </a> </li> </ul--> <!-- //20141219 lhk --> </div> <div class="pg_num_area" id="pg_find_map"> <div class="pagination"> <ul> <li><span class="first pg_arrow pg_prev">«</span></li> <li><span class="current">1</span></li> <li><a href="?pag=2" class="pagenumber" data-pageno="2">2</a></li> <li><a class="last pg_arrow pg_next" href="?pag=2">»</a></li> </ul> </div> <script type="text/javascript"> kwcmsApp.factory('pagination',[function(){ var paginationObj = { pageNum : "", prePageNum : "", nextPageNum: "", range : "", movePage:function(){} }; return { paginationCreate : function(tCnt,pNum,row,pager,fnc){ return false; 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.prePageNum = parseInt(paginationObj.pageNum)-1 <1 ? "1" : parseInt(paginationObj.pageNum)-1; paginationObj.nextPageNum = parseInt(paginationObj.pageNum)+1 >totalPager ? totalPager : parseInt(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; }, 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)">이전페이지</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)">다음페이지</a> </div--> </div> </div> </div> </div> <div class="selData hidden">اختر الوكيل : </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 class="step_ctrl"> <a href="#" class="btnMedium btnType3" onClick="stepChange('1')"><span class="btnIcon arrow_l">السابق</span></a> <a href="#" class="btnMedium btnType1" onClick="validation('2', '3', true)"><span class="btnIcon arrow_r">التالي</span></a> </div> </div> </div> <!-- //step2 --> </li> <li class="stepWrap"> <div class="stepbar bar03"> <strong class="num"><em>03</em></strong> <div class="txt"> <strong>معلوماتي</strong> </div> </div> </li> </ol> </div> <div class="inner book_service" data-step="3" ng-show="step == 3"> <ol class="stepType01 quoteStep"> <li class="stepWrap paston"> <div class="stepbar bar01"> <strong class="num"><em>01</em></strong> <div class="txt"> <strong>المركبة</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">{{car.carName}}</span></a> <!-- <a href="#" class="btn_carmore">car more</a> --> </div> </div> </div> </li> <li class="stepWrap paston"> <div class="stepbar bar02"> <strong class="num"><em>02</em></strong> <div class="txt"> <strong>مركز خدمات</strong> </div> <div class="result"> <a href="#" onclick="return false;" ng-click="stepChange('2')">{{selectedCenterResult.centerNm}} | {{selectedCenterResult.addr}} | {{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>معلوماتي</strong> <span class="ex">معلومات الإدخال</span> </div> </div> <div class="stepCon"> <div class="person-info parsys"> <div class="userdata-keyin section"> <form name="datainfo-comp-form" method="POST" action=""> <ul class="info_tbl"> <li class="info_tr"> <div class="info_th">عنوان</div> <div class="info_td"> <span class="form_wrp only"> <span class="sel_box inp_sel"> <select class="form_select" name="title" id="title" title="Title"> <option value="Mr">السيد</option> <option value="Mrs">السّيدة</option> </select> </span> </span> </div> </li> <li class="info_tr"> <div class="info_th">اسم<em class="ess">* <span class="hidden" id="valid_name">هل المعلومات مطلوبة.</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="الاسم الأول" maxlength="50" title="الاسم الأول" onfocusout="fnNameFocusOut('valid_name')"></span> <span class="space"></span> <span class="form_wrp"><input type="text" class="input_box" name="lname" id="lname" placeholder="اسم العائلة" maxlength="50" title="اسم العائلة" onfocusout="fnNameFocusOut('valid_name')"></span> </div> </div> </li> <li class="info_tr"> <div class="info_th">الاتصال المفضل<em class="ess">* </em></div> <div class="info_td"> <span class="form_wrp only"> <span class="sel_box inp_sel"> <select class="form_select" name="p_method" id="p_method" title="Preferred contact" onchange="viewContactMethod(this.value)"> <option value="e">بريد إلكتروني</option> <option value="p" selected>هاتف</option> </select> </span> </span> </div> </li> <li class="info_tr" id="datainfo-comp-form-email"> <div class="info_th">بريد إلكتروني <em class="ess"><span class="mail_star" >*</span> <span class="hidden" id="valid_email">هل المعلومات مطلوبة.</span></em></div> <div class="info_td"> <span class="form_wrp only"><input type="text" name="email" id="email" class="input_box" placeholder="sample@master.com" title="E-mail" maxlength="50" onfocusout="fnMailFocusOut(this,'valid_email')"></span> </div> </li> <li class="info_tr" id="datainfo-comp-form-email-confirm"> <div class="info_th">.تأكيد عنوان البريد الإلكتروني <em class="ess"><span class="mail_star" >*</span> <span class="hidden" id="valid_email_confirm">هل المعلومات مطلوبة.</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="sample@master.com" title="Confirm Email" maxlength="50" onfocusout="fnMailFocusOut(this,'valid_email_confirm')"></span> </div> </li> <!-- 20181128 추가 --> <li class="info_tr" id="datainfo-comp-form-phone"> <div class="info_th"> <!-- Phone--> رقم الهاتف <em class="ess"><span class="phone_star">*</span> <span class="hidden" id="valid_phone">هل المعلومات مطلوبة.</span></em> <!--<p class="info_txt">(We will need at least one phone number.)</p> 20181130 remove --> </div> <div class="info_td"> <span class="form_wrp only"><input type="tel" name="mphone1" id="mphone1" class="input_box" title="Mobile" onfocusout="fnPhoneFocusOut(this,'valid_phone')" oninput="lengthCheckPhone(this)" onkeydown='return onlyNumber(event)' onkeyup='removeChar(event)' style='ime-mode:disabled;' maxlength="12"></span> </div> <!--<ul class="info_dth"> <li class="info_tr"> <div class="info_th">Mobile</div> <div class="info_td"> <div class="form_area phone"> <span class="form_wrp"><input type="tel" name="mphone1" id="mphone1" class="input_box" title="Mobile" onfocusout="fnPhoneFocusOut(this,'valid_phone')" oninput="lengthCheckPhone(this)" onkeydown='return onlyNumber(event)' onkeyup='removeChar(event)' style='ime-mode:disabled;' maxlength="12"></span> </div> </div> </li> <li class="info_tr"> <div class="info_th">Work</div> <div class="info_td"> <div class="form_area phone"> <span class="form_wrp"><input type="tel" name="wphone1" id="wphone1" class="input_box" onfocusout="fnPhoneFocusOut(this,'valid_phone')" oninput="lengthCheckPhone(this)" onkeydown='return onlyNumber(event)' onkeyup='removeChar(event)' style='ime-mode:disabled;' title="Work" maxlength="12"></span> </div> </div> </li> </ul> --> </li> <li class="info_tr"> <div class="info_th">التاريخ المفضل <em class="ess">* <span class="hidden" id="valid_pdate">هل المعلومات مطلوبة.</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="التاريخ المفضل" onChange="fnFocusOut(this,'valid_pdate')" readonly="readonly"> <a href="#" class="cmm_spr spr_calendar book" data-claendar="true">Calendar </a></span> </div> </div> </li> <li class="info_tr"> <div class="info_th">الوقت المفضل <em class="ess">* </em> </div> <div class="info_td"> <div class="form_area"> <span class="form_wrp"> <span class="sel_box inp_sel" id="pPtime"> <select class="form_select" name="ptime" id="ptime" onChange="fnFocusOut(this,'valid_ptime')" title="Preferred time"> <option value="">الوقت المفضل</option> </select> </span> </span> </div> </div> </li> <li class="info_tr"> <div class="info_th">رقم الشاصي<em class="ess">* <span class="hidden" id="valid_vin">هل المعلومات مطلوبة.</span></em></div> <div class="info_td"> <span class="form_wrp only"><input type="text" name="vin" id="vin" class="input_box" title="VIN" maxlength="17" onfocusout="fnFocusOut(this,'valid_vin')"></span> </div> </li> <li class="info_tr"> <div class="info_th">القراءة الحالية لعداد المسافات<em class="ess">* <span class="hidden" id="valid_mileage">هل المعلومات مطلوبة.</span></em></div> <div class="info_td"> <span class="form_wrp only"><input type="text" name="mileage" id="mileage" class="input_box" title="Current Mileage" maxlength="6" onfocusout="fnFocusOut(this,'valid_mileage')"></span> </div> </li> </ul> <p class="comment"><em class="ess">*</em> هل المعلومات مطلوبة.</p> </form> <script type="text/javascript" src="/etc/designs/kia-en/clientlib/js/validation.js"></script> <script type="text/javascript" src="/etc/designs/kia-en/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 fnDataTimeCheck = function(obj, targetId){ $('#ptime').children('option').remove(); //$(".form_select").resetSS(); var strdate = $( "#pdate").val(); var strArray=strdate.split('-'); var year = strArray[0]; var month = strArray[1]; var day = strArray[2]; var selectDay = new Date(year,month-1,day); //var week = new Array('일', '월', '화', '수', '목', '금', '토'); //var dayName = week[selectDay.getDay()]; var changeItem; var deault = []; //deault = ["08:00AM","09:00AM","10:00AM","11:00AM","12:00PM","01:00PM","02:00PM","03:00PM","04:00PM","05:00PM","06:00PM","07:00PM","08:00PM"]; deault = ["08:00AM","08:30AM","09:00AM","09:30AM","10:00AM","10:30AM","11:00AM","11:30AM","12:00PM","12:30PM","01:00PM","01:30PM","02:00PM","02:30PM","03:00PM","03:30PM","04:00PM"]; var thursday = ["08:00AM","08:30AM","09:00AM","09:30AM","10:00AM","10:30AM","11:00AM","11:30AM","12:00PM","12:30PM","01:00PM","01:30PM","02:00PM","02:30PM","03:00PM","03:30PM","04:00PM"]; if(selectDay.getDay()==4){ //목요일 데이터 체크 changeItem = thursday; }else{ changeItem = deault; } for(var count = 0; count < changeItem.length; count++){ var option = $("<option value="+changeItem[count]+">"+changeItem[count]+"</option>"); $('#ptime').append(option); } changeItem = null; $(".form_select").resetSS(); } var fnFocusOut = function(obj, targetId) { if(targetId == "valid_ptime"){ if($("#pdate").val() == ""){ alert("Please select preferred date first."); return false; } } if(targetId == "valid_pdate"){ fnDataTimeCheck(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 fnMailFocusOut = function(obj, targetId) { if(isMobile || isMobileSize) { var targetObj = $("#" + targetId ); var _method = $( "#p_method").val(); if( _method == "e" || typeof _method === "undefined") { // 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 ); var _method = $( "#p_method").val(); if( _method == "p" || typeof _method === "undefined") { //전화번호가 하나라도 입력되었는지 확인 if(mPhoneVal()){ if (!targetObj.hasClass('blind')) { targetObj.addClass('blind'); } } if( !mPhoneVal()){ if (targetObj.hasClass("blind")) { targetObj.removeClass("blind"); } } } } } /* * if use the this componet, * must be defined "_userdata_" variable. */ function clickCheck(id){ $('#'+id).click(); } /* 값이 있냐 없냐에 따라서 필수 선택 변경됨 var mPhoneVal = function(){ if($("#mphone1").val()!="") return true; else return false; }*/ var mPhoneVal = function(){ if($( "#p_method").val() == "e"){ return false; }else{ return true; } } //form validation $("form[name=datainfo-comp-form]").validate({ rules : { dummy : {} , fname : { isalphanumeric : true , required : true , maxlength : 50 } , lname : { isalphanumeric : true , required : true , maxlength : 50 } , email : { required : function () { var useContactMethod = "true"; var useEmail = "true"; if (useContactMethod == "true" && getSelectValue("p_method") == "e") { return true; } else if (useContactMethod == "false" && useEmail == "true") { return true; } return false; } , isemail : function () { var useContactMethod = "true"; var useEmail = "true"; if (useContactMethod == "true" && getSelectValue("p_method") == "e") { return true; } else if (useContactMethod == "false" && useEmail == "true") { return true; } return false; } } //end email , email_confirm : { required : function () { var useContactMethod = "true"; var useEmail = "true"; if (useContactMethod == "true" && getSelectValue("p_method") == "e") { return true; } else if (useContactMethod == "false" && useEmail == "true") { return true; } return false; } , equalTo : "#email" } , mphone1 : { required : mPhoneVal , isnumeric : mPhoneVal , maxlength : 12 } , pdate : { required : true } , ptime : { required : true } , vin : { required : true } , mileage : { required : true } } , messages : { dummy : {} , fname : { isalphanumeric : "Not include specific character" ,required : "please enter First Name." ,maxlength : "Please enter under {0} characters." } , lname : { isalphanumeric : "Not include specific character" ,required : "please enter Last Name." ,maxlength : "Please enter under {0} characters." } , email : { required : "please enter Your Email Account." , isemail : "Is not an email format." } , email_confirm : { required : "please enter Your Email Account." , isemail : "Is not an email format." , equalTo : "Email and email confirmation is not the same value." } , mphone1 : { required : "please enter correct phone number.." , isnumeric : "Invalid Contact Number." , maxlength : "Please enter under {0} Numbers" } , pdate : { required : "Please enter a Preferred Date." } , ptime : { required : "true" } } , submitHandler : function (form) { var isSubmit = compDataReturn(); if (isSubmit) { _user_data_ = getKeyInValue(); } return false; } }); //show/hide phone or email key field function viewContactMethod (method) { var email = $("#datainfo-comp-form-email"); var email_confirm = $("#datainfo-comp-form-email-confirm"); var phone = $("#datainfo-comp-form-phone"); switch (method) { case "e" : $(".phone_star").hide(); $(".mail_star").show(); if( $("#valid_email").hasClass( "blind" ) ) { if( $("#email").val() == "" ) { $("#valid_email").removeClass( "blind" ); } } if( $("#valid_email_confirm").hasClass( "blind" ) ) { if( $("#email_confirm").val() == "" ) { $("#valid_email_confirm").removeClass( "blind" ); } } if( !$("#valid_phone").hasClass( "blind" ) ) { $("#valid_phone").addClass( "blind" ); } break; case "p" : $(".phone_star").show(); $(".mail_star").hide(); if( !$("#valid_email").hasClass( "blind" ) ) { $("#valid_email").addClass( "blind" ); } if( !$("#valid_email_confirm").hasClass( "blind" ) ) { $("#valid_email_confirm").addClass( "blind" ); } if( $("#valid_phone").hasClass( "blind" ) ) { if( !mPhoneVal()){ $("#valid_phone").addClass( "blind" ); $("#valid_phone").removeClass( "blind" ); } } break; } } //get message size function keyInMessageSize (that) { that = $(that); var maxLen = parseInt("1000", 10); var target = $("#datainfo-comp-form-message-count"); var text = that.val(); if (text.length >= maxLen) { that.val(text.substr(0, (maxLen - 1))); } target.text(text.length.toString().split(/(?=(?:\d{3})+(?:\.|$))/g).join(',')); } //phone validation function validationPhone() { var isValidation = true; var mphone = $("#mphone1").val() ; // var wphone = $("#wphone1").val() ; if ($.trim(mphone) == "") { // && $.trim(wphone) == "") { isValidation = false; } return isValidation; } //message validation function validationMsg() { var isValidation = true; var msg = $("#message").val(); if ($.trim(msg) == "") { isValidation = false; } return isValidation; } function validEmailcheck(){ var exptext = /^[A-Za-z0-9_\.\-]+@[A-Za-z0-9\-]+\.[A-Za-z0-9\-]+/; if($("#email").val() == "" && $("#email_confirm").val() == undefined){ //이메일에 값이 하나도 없을때 }else{ if($("#email").val() != ""){ //이메일에 값이 있을 경우 if(exptext.test($("#email").val())==false){ //이메일인지 확인 alert("Email format is incorrect."); $("#email").focus(); return false; } }else if($("#email_confirm").val() != "" && $("#email_confirm").val() != undefined){ //이메일에 데이터값이 있지만 이메일 확인쪽에 데이터가 없을경우 if(exptext.test($("#email_confirm").val())==false){ //이메일인지 확인 alert("Email Confirm format is incorrect."); $("#email_confirm").focus(); return false; } } if($("#email").val() != $("#email_confirm").val()){ alert("Email is different. Please check" ); return false; } } } //return data function compDataReturn () { var rt = true; var useContactMethod = "true"; var usePhone = "true"; if($("#pcategory").val()==""){ alert('Please Select Service'); return false; } if (useContactMethod == "true" && getSelectValue("p_method") == "p") { if (!validationPhone()) { rt = false; } } else if (useContactMethod == "false" && usePhone == "true") { if (!validationPhone()) { rt = false; } } /* if (!rt) { alert("please enter correct phone number."); }*/ 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 Service or Category //@params - [ ["value1", "text1"], ["value2", "text2"], ["value3", "text3"] ]; var userdata_keyin_custom_categories = null; function setCategories (arg) { userdata_keyin_custom_categories = arg; var argLen = arg.length; var opt = ""; if (argLen > 0) { } } //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; } function getCheckValue (n) { var values = null; $("input[name='" + n + "']").each(function () { if ($(this).prop("checked")) { values = $(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++) { 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 , title : getSelectValue("title") , fname : $("#fname").val() , lname : $("#lname").val() , p_method : getSelectValue("p_method") , email : $("#email").val() , email_confirm : $("#email_confirm").val() , mphone1 : $("#mphone1").val() , pdate : $("#pdate").val() , ptime : getSelectValue("ptime") , vin : $("#vin").val() , currentMileage : $("#mileage").val() }; delete userData["dummy"]; return userData; } //체크박스 Y/N 정도 리턴함수 - 2016.02.11 function getCheckBoxYnValue (n) { var jObj = $("#" + n); if( jObj.is(":checked") ){ return "Y"; }else{ return "N"; } } //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(); } $(document).ready(function(){ //contact method init viewContactMethod("p"); calendarInit(); }); </script> </div> </div> <div class="step_ctrl"> <a href="#back" class="btnMedium btnType3" onclick="return false;" onClick="stepChange('2')"><span class="btnIcon arrow_l">السابق</span></a> <!--a href="#" class="btnMedium btnType1" onclick="return false;" onClick="validation('3', '4', true)"><span class="btnIcon arrow_r">Submit</span></a--> <a href="#next" class="btnMedium btnType1" onClick="validation('3', '4', true)"><span class="btnIcon arrow_r">التالي</span></a> </div> <div class="note_area"> <div class="bl_type_note"> <p class="note_p">لا تقدم KIAIRAQ، "الشركة" أي ضمانات أو إقرارات، سواء كانت صريحة أو ضمنية، فيما يتعلق بصحة أو اكتمال محتوى هذا الموقع أو محتوى أي مواقع ويب لها روابط إليه. يتم تحديث هذا الموقع من وقت لآخر وهو مخصص لأغراض المعلومات فقط. المعلومات الواردة في هذا الموقع ليس المقصود منها أن تكون كاملة أو شاملة ويجب عدم الاعتماد عليها لأي غرض من الأغراض. تخضع مواصفات المركبات وأجزائها وملحقاتها للتغيير دون إشعار مسبق. قد تختلف صور وألوان المركبات عن المواصفات الفعلية. لمزيد من التفاصيل، يرجى زيارة أقرب صالة عرض لكيا.</p> <p class="note_p">يمكن تحميل "الشركة" ووكلاء الإعلان والمنظمات التابعة لها ومسؤوليها وموظفيها وشركائها التجاريين ومساهميها المسؤولية عن أي أضرار أو خسائر، سواء كانت مباشرة أو غير مباشرة أو تبعية الناشئة عن استخدام هذا الموقع أو محتوياته أو أي موقع مرتبط به. يخضع إخلاء المسؤولية هذا للتعديلات التي تجريها الشركة حسب ما تراه ضروريًا من وقت لآخر.</p> <p class="note_p">تخضع مواصفات المركبات وأجزائها وملحقاتها للتغيير دون إشعار مسبق. قد تختلف صور وألوان المركبات عن المواصفات الفعلية. لمزيد من التفاصيل، يرجى زيارة أقرب صالة عرض لكيا.</p> </div> </div> </div> </li> </ol> </div> <!-- Step 3 --> <div class="inner book_service" data-step="4" ng-show="step == 4"> <div class="finishTop"> <div class="contBox"> <!--<p class="finishTxt">The reservation has been completed ! Thank you.</p>--> <p class="finishTxt">الرجاء النقر على الزر "إكمال" أدناه لإرسال حجزك.<br/>شكرًا جزيلاً لك!</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.carName[i] , 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.centerPhone = $scope.centerData.phone; } //show user key in data if (_user_data_ != null) { $scope.userData = _user_data_; $scope.title = $scope.userData.title; $scope.fname = $scope.userData.fname; $scope.lname = $scope.userData.lname; if (angular.equals($scope.userData.p_method, "e")) { $scope.preferred_method = 'E-mail'; } else if (angular.equals($scope.userData.p_method, "p")) { $scope.preferred_method = 'Phone'; } $scope.email = $scope.userData.email; if (angular.equals($scope.userData.mphone1, "")) { $scope.mphone = ""; } else { $scope.mphone = $scope.userData.mphone1; } if (angular.equals($scope.userData.wphone1, "")) { $scope.wphone = ""; } else { $scope.wphone = $scope.userData.wphone1; } if (angular.equals($scope.userData.hphone1, "")) { $scope.hphone = ""; } else { $scope.hphone = $scope.userData.hphone1; } $scope.pdate = $scope.userData.pdate; $scope.ptime = $scope.userData.ptime; $scope.vin = $scope.userData.vin; $scope.currentMileage = $scope.userData.currentMileage; } }; }); //make ajax json function returnAjaxParameters () { var rt = { "dummy" : "" , "reqTitle" : _userdata_view_scope_.title , "reqFnm" : _userdata_view_scope_.fname , "reqLnm" : _userdata_view_scope_.lname , "regNm" : _userdata_view_scope_.lname + ", " + _userdata_view_scope_.fname , "reqType" : _userdata_view_scope_.userData.p_method , "reqEmail" : _userdata_view_scope_.email , "reqPhoneH" : _userdata_view_scope_.hphone , "reqPhoneW" : _userdata_view_scope_.wphone , "reqPhoneM" : _userdata_view_scope_.mphone , "preDate" : _userdata_view_scope_.pdate , "preTime" : _userdata_view_scope_.ptime , "vin" : _userdata_view_scope_.vin , "currentMileage" : _userdata_view_scope_.currentMileage , "statusCd" : "RQ01ST01" }; 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; rt["dealerPhone"] = _userdata_view_scope_.centerData.phone; 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>حجز خدمة | الخدمات | تقرير نتائج كيا موتورز الكويت</caption> <colgroup> <col style="width:20%"> <col style="width:auto"> </colgroup> <tbody> <tr ng-show="vehicleData != null"> <th class="tleft">المركبة</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">{{car.carName}}</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">{{car.carName}}</span></span> </td> </tr> <tr ng-show="vehicleTrimData != null"> <th class="tleft">تقليم</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">تاجر</th> <td class="tleft"> <ul class="barType"> <li>{{dealerNm}}</li> <li>هاتف : {{dealerPhone}}</li> </ul> </td> </tr> <tr> <th class="tleft">عنوان</th> <td class="tleft">{{title}}</td> </tr> <tr> <th class="tleft">اسم</th> <td class="tleft">{{fname}} {{lname}}</td> </tr> <tr> <th class="tleft">طريقة الاتصال</th> <td class="tleft">{{preferred_method}}</td> </tr> <tr> <th class="tleft">بريد إلكتروني</th> <td class="tleft">{{email}}</td> </tr> <tr> <th class="tleft">رقم الاتصال</th> <td class="tleft"> <ul class="barType"> <li>{{mphone}}</li> </ul> </td> </tr> <tr> <th class="tleft">موعد مفضل</th> <td class="tleft">{{pdate | parseDate | date : 'yyyy-MM-dd'}}</td> </tr> <tr> <th class="tleft">الوقت المفضل</th> <td class="tleft">{{ptime}}</td> </tr> <tr> <th class="tleft">رقم VIN</th> <td class="tleft">{{vin}}</td> </tr> <tr> <th class="tleft">القراءة الحالية لعداد المسافات</th> <td class="tleft">{{currentMileage}}</td> </tr> </tbody> </table> </div> </div> <div class="btn_area"> <a href="#" class="btnMedium btnType3" ng-click="stepChange('1')"><span class="btnIcon arrow_r">تعديل</span></a> <!--a href="https://kiairaq.com/" class="btnMedium btnType1" ng-click="fnBookingComplate($event)"><span class="btnIcon arrow_r">Complete</span></a--> <a href="https://kiairaq.com/book-a-service-thank-you" class="btnMedium btnType1"><span class="btnIcon arrow_r">ارسال</span></a> </div> </div> </div> </div> </div> </div> </div> <div id="footer"> <div class="site_info"> <div class="f_navi"> <div class="inner"> <div class="foot_logo"> <span class="logo"> <img src="https://kiairaq.com/wp-content/uploads/2022/06/new-kia-logo-white.webp" alt="logo" /> </span> </div> <div class="foot_content"> <div class="foot_left"> <ul class="fot_menu"><li id="menu-item-4074" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4074"><a href="#">أدوات التسوق</a></li> <li id="menu-item-4075" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4075"><a href="#">خدمات مابعد البيع</a></li> <li id="menu-item-4076" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4076"><a href="#">اكتشف كيا</a></li> </ul> <div class="info_country"> <p><a href="#" target="_brank">Kia in <span>Iraq</span></a></p> </div> <div class="info_sns"> <a href="https://www.facebook.com/KiaIraq/" class="sns_spr" target="_blank" title="Facebook"><img src="https://kiairaq.com/wp-content/uploads/2022/06/fb.png" /></a> <a href="https://twitter.com/kiairaqiica" class="sns_spr" target="_blank" title="Facebook"><img src="https://kiairaq.com/wp-content/uploads/2022/06/tw.png" /></a> <a href="https://www.youtube.com/user/KiaIraq" class="sns_spr" target="_blank" title="Facebook"><img src="https://kiairaq.com/wp-content/uploads/2022/06/yt.png" /></a> <a href="https://www.instagram.com/kiairaq/" class="sns_spr" target="_blank" title="Facebook"><img src="https://kiairaq.com/wp-content/uploads/2022/06/ig.png" /></a> <a href="https://www.linkedin.com/company/kia-iraq" class="sns_spr" target="_blank" title="Facebook"><img src="https://kiairaq.com/wp-content/uploads/2022/06/ld.png" /></a> <style> #footer .sns_spr img { display: block; } ul.fot_menu li { width: 100% !important; } #footer .f_navi .inner .foot_content .foot_left .fot_menu li { margin: 0px; } #footer .f_navi .inner ul.mo_con li { width: 100%; margin-left: 0; } </style> </div> </div> <div class="foot_right"> <div class="item1"> <div class="mo_title">السيارات</div> <ul class="mo_con"><li id="menu-item-4191" class="menu-item menu-item-type-post_type menu-item-object-vehicles menu-item-4191"><a href="https://kiairaq.com/vehicles/seltos/">سيلتوس</a></li> <li id="menu-item-4192" class="menu-item menu-item-type-post_type menu-item-object-vehicles menu-item-4192"><a href="https://kiairaq.com/vehicles/k4000s/">K4000S</a></li> <li id="menu-item-4193" class="menu-item menu-item-type-post_type menu-item-object-vehicles menu-item-4193"><a href="https://kiairaq.com/vehicles/carnival/">كرنفال</a></li> <li id="menu-item-4194" class="menu-item menu-item-type-post_type menu-item-object-vehicles menu-item-4194"><a href="https://kiairaq.com/vehicles/telluride/">تيلورايد</a></li> <li id="menu-item-4195" class="menu-item menu-item-type-post_type menu-item-object-vehicles menu-item-4195"><a href="https://kiairaq.com/vehicles/sorento/">سورينتو</a></li> <li id="menu-item-4196" class="menu-item menu-item-type-post_type menu-item-object-vehicles menu-item-4196"><a href="https://kiairaq.com/vehicles/sportage/">سبورتج</a></li> <li id="menu-item-4197" class="menu-item menu-item-type-post_type menu-item-object-vehicles menu-item-4197"><a href="https://kiairaq.com/vehicles/sonet/">سونيت</a></li> <li id="menu-item-4198" class="menu-item menu-item-type-post_type menu-item-object-vehicles menu-item-4198"><a href="https://kiairaq.com/vehicles/soul/">سول</a></li> <li id="menu-item-4199" class="menu-item menu-item-type-post_type menu-item-object-vehicles menu-item-4199"><a href="https://kiairaq.com/vehicles/k8/">K8</a></li> <li id="menu-item-4200" class="menu-item menu-item-type-post_type menu-item-object-vehicles menu-item-4200"><a href="https://kiairaq.com/vehicles/k5/">K5</a></li> <li id="menu-item-4201" class="menu-item menu-item-type-post_type menu-item-object-vehicles menu-item-4201"><a href="https://kiairaq.com/vehicles/cerato/">سيراتو</a></li> <li id="menu-item-4202" class="menu-item menu-item-type-post_type menu-item-object-vehicles menu-item-4202"><a href="https://kiairaq.com/vehicles/rio/">ريو</a></li> <li id="menu-item-4203" class="menu-item menu-item-type-post_type menu-item-object-vehicles menu-item-4203"><a href="https://kiairaq.com/vehicles/pegas/">بيجاس</a></li> <li id="menu-item-4204" class="menu-item menu-item-type-post_type menu-item-object-vehicles menu-item-4204"><a href="https://kiairaq.com/vehicles/picanto/">بيكانتو</a></li> </ul> </div> <div class="item2"> <div class="mo_title">أدوات التسوق</div> <ul class="mo_con"><li id="menu-item-4205" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4205"><a href="https://docs.google.com/forms/d/1lMkKCVwmcnLiB39h-hl9vNS3Wzs2wDKiAtFtx59EXck/viewform?ts=5f7d7226&gxids=7628&edit_requested=true#responses">اطلب بث مباشر</a></li> <li id="menu-item-4396" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4396"><a href="https://kiairaq.com/download-a-brochure/">تحميل كتيب</a></li> <li id="menu-item-4397" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4397"><a href="https://kiairaq.com/request-a-quote/">اطلب اقتباس</a></li> </ul> </div> <div class="item3"> <div class="mo_title">خدمات مابعد البيع</div> <ul class="mo_con"><li id="menu-item-4398" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4398"><a href="https://kiairaq.com/service-care/">الخدمة والرعاية</a></li> </ul> </div> </div> </div> <div class="foot_copy_area"> <div class="foot_breadcrumbs"> <!-- new wsg foot_breadcrumbs 서브 --> <ol vocab="https://schema.org/" typeof="BreadcrumbList"> <div class="foot_breadcrumbs"> <span class="home"><a href="https://kiairaq.com">بيت</a></span> </div> </ol> <!-- new wsg foot_breadcrumbs 서브 E --> </div> <div class="copyright"> <span class="tel_call"> +964 7729955044 / 7811112010 </span> <address class="cpr"> <span class="br">Copyright(c) 2024 Kia Corp. All Rights Reserved.</span> </address> </div> </div> </div> </div> <!-- new wsg 디자인변경 E --> <!--script type="text/javascript" src="https://kiairaq.com/wp-content/themes/kia/etc/designs/kia-kuwait/clientlib/js/jquery.form.stylishSelect.min.js"></script--> <script type="text/javascript" src="https://kiairaq.com/wp-content/themes/kia/etc/designs/kia-ar/clientlib/js/jquery.form.stylishSelect.min.js"></script> <script type="text/javascript" src="https://kiairaq.com/wp-content/themes/kia/etc/designs/kia-ar/clientlib/js/picturefill.js"></script> <script type="text/javascript"> $(document).ready(function(){ //stylish selectbox init if ($(".form_select").length > 0) { $(".form_select").sSelect(); } }); </script></div> </div> <div class="gnb_dimmed" style="position: absolute;"></div> <div class="cloudservices servicecomponents"></div> </div> </body> </html>