1jQuery.extend(jQuery.fn, { 2 frameColissimoOpen: function(params) 3 { 4 5 var colissimo = jQuery; 6 7 //Customisation des couleurs 8 var custmomisation = []; 9 custmomisation.push('<div class="couleur1" id="widget_colissimo_couleur1" style="display : none;" ></div>'); 10 custmomisation.push('<div class="couleur2" id="widget_colissimo_couleur2" style="display : none;" ></div>'); 11 custmomisation.push('<div class="police" id="widget_colissimo_police" style="display : none;" ></div>'); 12 13 //Le conteneur 14 conteneur_widget_colissimo = this; 15 16 conteneur_widget_colissimo.html(custmomisation.join('\n')); 17 18 //récupération des couleurs 19 if(params.couleur1 == null) 20 { 21 if(colissimo(".couleur1").css('color') != null && colissimo(".couleur1").css('color') != undefined && colissimo(".couleur1").css('color') != '' && colissimo(".couleur1").css('color') != "rgb(0, 0, 0)") 22 { 23 params.couleur1 = colissimo(".couleur1").css('color'); 24 params.couleurBouton = colissimo(".couleur1").css('color'); 25 console.log('couleur 1 detectee en css ' + params.couleur1); 26 } else { 27 28 console.log('couleur 1 par defaut '); 29 //Couleurs neutres 30 params.couleur1 = 'black'; 31 params.couleurBouton = '#3C3C3B'; 32 33 //Couleur colissimo 34 params.couleur1 = '#EA690A'; 35 params.couleurBouton = '#EA690A'; 36 } 37 38 } else { 39 console.log('couleur 1 en parametre'); 40 params.couleurBouton = params.couleur1; 41 } 42 43 44 if(params.couleur2 == null) 45 { 46 if(colissimo(".couleur2").css('color') != null && colissimo(".couleur2").css('color') != undefined && colissimo(".couleur2").css('color') != '' && colissimo(".couleur2").css('color') != "rgb(0, 0, 0)") 47 { 48 params.couleur2 = colissimo(".couleur2").css('color'); 49 console.log('couleur 2 detectee en css ' + params.couleur2); 50 } else { 51 console.log('couleur 2 par defaut '); 52 params.couleur2 = 'black'; 53 } 54 } else { 55 console.log('couleur 2 en parametre'); 56 } 57 if(params.font == null) 58 { 59 if(colissimo(".police").css('font-family') != null && colissimo(".police").css('font-family') != undefined && colissimo(".police").css('font-family') != '' && colissimo(".police").css('font-family') != 'serif') 60 { 61 params.font = colissimo(".police").css('font-family'); 62 console.log('font detectee en css ' + params.font); 63 } else { 64 params.font = 'Barlow'; 65 console.log('font par defaut '); 66 } 67 } else { 68 console.log('font en parametre'); 69 } 70 71 colissimo_widget_paramsCharges = params; 72 73 colissimo_widget_callBack = params.callBackFrame; 74 75 76 //en fonction de la largeure de l'écran on affiche la version mobile ou PC ou tablette 77 var css = ''; 78 var colissimo_widget_ismobile = false; 79 if(window.innerWidth < 1000) 80 { 81 if(window.innerWidth < 501) 82 { 83 console.log('on est sur mobile, charger la verison mobile'); 84 css = colissimo_widget_css_mobile(params); 85 colissimo_widget_ismobile = true; 86 87 //Ajouter la classe widget_colissimo sur le div du widget 88 conteneur_widget_colissimo.addClass("widget_colissimo"); 89 90 } else { 91 console.log('on est sur tablette, charger la verison tablette'); 92 css = colissimo_widget_css_ipad(params); 93 } 94 } else { 95 console.log('on est sur PC, charger la verison PC'); 96 css = colissimo_widget_css(params); 97 } 98 99 //CSS Du WIDGET 100 var html = []; 101 102 html.push(css); 103 //Les traductions 104 105 colissimo_widget_messages = colissimo_widget_getWording(colissimo_widget_paramsCharges); 106 107 108 //Layer du widget et HTML 109 110 html.push('<div class="widget_colissimo_contenu" id="widget_colissimo_contenu" >'); 111 112 113 html.push('<span class="widget_colissimo_close" onclick="conteneur_widget_colissimo.html(\'\');" >×</span>'); 114 115 html.push('<table id="widget_colissimo_table_adresse" class="widget_colissimo_table_adresse widget_colissimo_w95 widget_colissimo_padding" >'); 116 117 if(colissimo_widget_ismobile) 118 { 119 html.push(' <tr class="widget_colissimo_padding" >'); 120 html.push(' <td class="widget_colissimo_padding" colspan="3" >'); 121 html.push(' <div class="widget_colissimo_logo" >'); 122 html.push(' <img class="" src="' + params.URLColissimo + '/widget-colissimo/images/Colissimo.svg" alt="">'); 123 html.push(' </div>'); 124 html.push(' </td>'); 125 html.push(' </tr>'); 126 } 127 128 html.push(' <tr class="widget_colissimo_padding widget_colissimo_hidden" id="widget_colissimo_text_erreur" >'); 129 130 html.push(' <td class="widget_colissimo_padding" ></td>'); 131 132 if(!colissimo_widget_ismobile) 133 { 134 html.push(' <td class="widget_colissimo_padding" ></td>'); 135 } 136 137 html.push(' <td class="widget_colissimo_padding" >'); 138 html.push(' <p class="widget_colissimo_text_erreur" >' + colissimo_widget_messages.adresse + '</p>'); 139 html.push(' </td>'); 140 html.push(' <td class="widget_colissimo_padding" ></td>'); 141 html.push(' </tr>'); 142 143 html.push(' <tr class="widget_colissimo_padding" >'); 144 145 if(!colissimo_widget_ismobile) 146 { 147 html.push(' <td class="widget_colissimo_padding" >'); 148 html.push(' <div class="widget_colissimo_logo" >'); 149 html.push(' <img class="" src="' + params.URLColissimo + '/widget-colissimo/images/Colissimo.svg" alt="">'); 150 html.push(' </div>'); 151 html.push(' </td>'); 152 } 153 154 html.push(' <td class="widget_colissimo_table_adresse" >'); 155 //html.push(' <div class="widget_colissimo_sliders" ><div class="widget_colissimo_sliders_img" ></div></div>'); 156 html.push(' <div class="widget_colissimo_point_input" >'); 157 html.push(' <img class="widget_colissimo_point_img" src="' + params.URLColissimo + '/widget-colissimo/images/pictoAdresse.svg" alt="">'); 158 html.push(' </div>'); 159 html.push(' </td>'); 160 161 html.push(' <td class="widget_colissimo_table_adresse">'); 162 html.push(' <input id="widget_colissimo_adresse" type="text" class="widget_colissimo_input_text_normal" placeholder="23 rue de Rivoli, 75004 Paris" ></input>'); 163 html.push(' </td>'); 164 html.push(' <td class="widget_colissimo_table_adresse" onclick="widget_colissimo_reloadPDR();">'); 165 html.push(' <div class="widget_colissimo_mode_transport" >'); 166 html.push(' <div id="widget_colissimo_loupe_img" class="widget_colissimo_loupe_img" ></div>'); 167 168 html.push(' </div>'); 169 html.push(' </td>'); 170 html.push(' </tr>'); 171 html.push('</table>'); 172 173 174 html.push(' <div class="widget_colissimo_filtres" id="widget_colissimo_filtres" >'); 175 176 html.push(' <table class="widget_colissimo_table_filtres" >'); 177 178 html.push(' <tr>'); 179 180 html.push(' <td class="widget_colissimo_padding0" >'); 181 182 183 html.push(' <svg id="Icon_awesome-wheelchair" data-name="Icon awesome-wheelchair" xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24">'); 184 html.push(' <path id="Icon_awesome-wheelchair-2" data-name="Icon awesome-wheelchair" d="M23.255,18.078l.667,1.344a.75.75,0,0,1-.338,1.005l-3.069,1.542a1.5,1.5,0,0,1-2.024-.706L15.547,15H9a1.5,1.5,0,0,1-1.485-1.288C5.927,2.593,6.018,3.283,6,3A3,3,0,1,1,9.439,5.968L9.658,7.5H15.75a.75.75,0,0,1,.75.75v1.5a.75.75,0,0,1-.75.75H10.087L10.3,12h6.2a1.5,1.5,0,0,1,1.358.862l2.7,5.738,1.7-.86a.75.75,0,0,1,1.005.338ZM14.595,16.5H13.446A5.25,5.25,0,1,1,5.64,11.2L5.2,8.086A8.25,8.25,0,1,0,15.8,19.069Z" fill="' + params.couleur2 + '"/>'); 185 html.push(' </svg></br>'); 186 187 html.push(' ' + colissimo_widget_messages.pmr); 188 html.push(' </td>'); 189 html.push(' <td class="widget_colissimo_padding0">'); 190 191 192 html.push(' <svg id="Composant_10_2" data-name="Composant 10 â 2" xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24">'); 193 html.push(' <g id="Rectangle_563" data-name="Rectangle 563" fill="none" stroke="' + params.couleur2 + '" stroke-width="2">'); 194 html.push(' <rect width="24" height="24" rx="3" stroke="none"/>'); 195 html.push(' <rect x="1" y="1" width="22" height="22" rx="2" fill="none"/>'); 196 html.push(' </g>'); 197 html.push(' <g id="Tracé_845" data-name="Tracé 845" transform="translate(7.048 17.918)" fill="none" stroke-linecap="round">'); 198 html.push(' <path d="M5.95-11.917a4.087,4.087,0,0,1,1.972.459,3.235,3.235,0,0,1,1.317,1.3,3.906,3.906,0,0,1,.468,1.929,3.626,3.626,0,0,1-.485,1.887,3.3,3.3,0,0,1-1.36,1.267,4.342,4.342,0,0,1-2.015.451H3.434a.075.075,0,0,0-.085.085V-.2A.2.2,0,0,1,3.29-.06.2.2,0,0,1,3.145,0H1.156a.2.2,0,0,1-.145-.06A.2.2,0,0,1,.952-.2V-11.713a.2.2,0,0,1,.059-.145.2.2,0,0,1,.145-.059ZM5.593-6.545A1.755,1.755,0,0,0,6.851-7a1.552,1.552,0,0,0,.476-1.182,1.6,1.6,0,0,0-.476-1.207,1.736,1.736,0,0,0-1.258-.459H3.434a.075.075,0,0,0-.085.085V-6.
19863a.075.075,0,0,0,.085.085Z" stroke="none"/>'); 199 html.push(' <path d="M 1.156001091003418 -11.91700077056885 C 1.099330902099609 -11.91700077056885 1.051170349121094 -11.8971700668335 1.011500358581543 -11.85750007629395 C 0.9718303680419922 -11.81783008575439 0.952000617980957 -11.7696704864502 0.952000617980957 -11.71300029754639 L 0.952000617980957 -0.2040004730224609 C 0.952000617980957 -0.1473302841186523 0.9718303680419922 -0.09917068481445312 1.011500358581543 -0.05950069427490234 C 1.051170349121094 -0.01983070373535156 1.099330902099609 0 1.156001091003418 0 L 3.145000457763672 0 C 3.20167064666748 0 3.249830722808838 -0.01983070373535156 3.289500713348389 -0.05950069427490234 C 3.329170703887939 -0.09917068481445312 3.349000453948975 -0.1473302841186523 3.349000453948975 -0.2040004730224609 L 3.349000453948975 -4.539000511169434 C 3.349000453948975 -4.595670223236084 3.377330780029297 -4.624000549316406 3.434000492095947 -4.624000549316406 L 5.848000526428223 -4.624000549316406 C 6.607330799102783 -4.624000549316406 7.278830528259277 -4.774170398712158 7.862500667572021 -5.074500560760498 C 8.446170806884766 -5.37483024597168 8.899500846862793 -5.797000408172607 9.222500801086426 -6.341000556945801 C 9.545500755310059 -6.885000228881836 9.707000732421875 -7.514000415802002 9.707000732421875 -8.228000640869141 C 9.707000732421875 -8.953330039978027 9.551170349121094 -9.596500396728516 9.239500999450684 -10.15750026702881 C 8.927830696105957 -10.7185001373291 8.488670349121094 -11.15200042724609 7.922000885009766 -11.45800018310547 C 7.355330467224121 -11.76399993896484 6.698000907897949 -11.91700077056885 5.950000762939453 -11.91700077056885 L 1.156001091003418 -11.91700077056885 M 5.593000888824463 -6.545000553131104 L 3.434000492095947 -6.545000553131104 C 3.377330780029297 -6.545000553131104 3.349000453948975 -6.573330402374268 3.349000453948975 -6.630000591278076 L 3.349000453948975 -9.758000373840332 C 3.349000453948975 -9.814670562744141 3.377330780029297 -9.843000411987305 3.434000492095947 -9.843000411987305 L 5.593000888824463 -9.843000411987305 C 6.114330768585205 -9.843000411987305 6.533670902252197 -9.690000534057617 6.851000785827637 -9.384000778198242 C 7.168330669403076 -9.078000068664551 7.327000617980957 -8.675670623779297 7.327000617980957 -8.177000045776367 C 7.327000617980957 -7.689670562744141 7.168330669403076 -7.295830249786377 6.851000785827637 -6.995500564575195 C 6.533670902252197 -6.695170402526855 6.114330768585205 -6.545000553131104 5.593000888824463 -6.545000553131104 M 1.156001091003418 -13.91700077056885 L 5.950000762939453 -13.91700077056885 C 7.029930591583252 -13.91700077056885 8.013130187988281 -13.68176078796387 8.87229061126709 -13.21781063079834 C 9.777510643005371 -12.72900009155273 10.48927021026611 -12.02615070343018 10.98781108856201 -11.1287899017334 C 11.46503067016602 -10.26981067657471 11.70700073242188 -9.293840408325195 11.70700073242188 -8.228000640869141 C 11.70700073242188 -7.153040409088135 11.44969081878662 -6.174620151519775 10.94221115112305 -5.319920539855957 C 10.42597103118896 -4.450470447540283 9.697680473327637 -3.769570350646973 8.777570724487305 -3.296120643615723 C 7.910830497741699 -2.850130081176758 6.925180435180664 -2.624000549316406 5.848000526428223 -2.624000549316406 L 5.349000453948975 -2.624000549316406 L 5.349000453948975 -0.2040004730224609 C 5.349000453948975 0.3850297927856445 5.11983060836792 0.9385900497436523 4.703710556030273 1.354709625244141 C 4.287590503692627 1.770829200744629 3.734030723571777 2 3.145000457763672 2 L 1.156001091003418 2 C 0.5669708251953125 2 0.01341056823730469 1.770829200744629 -0.4027090072631836 1.354709625244141 C -0.8188295364379883 0.9385900497436523 -1.047999382019043 0.3850297927856445 -1.047999382019043 -0.2040004730224609 L -1.047999382019043 -11.71300029754639 C -1.047999382019043 -12.30203056335449 -0.8188295364379883 -12.8555908203125 -0.4027090072631836 -13.27171039581299 C 0.01341056823730469 -13.68782997131348 0.5669708251953125 -13.91700077056885 1.156001091003418 -13.91700077056885 Z" stroke="none" fill="' + params.couleur2 + '"/>'); 200 html.push(' </g>'); 201 html.push(' </svg></br>'); 202 203 html.push(' ' + colissimo_widget_messages.parking); 204 html.push(' </td>'); 205 html.push(' <td class="widget_colissimo_padding0">'); 206 207 html.push(' <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 22.7 25">'); 208 html.push(' <g id="Composant_11_2" data-name="Composant 11 â 2" transform="translate(1 1)">'); 209 html.push(' <g id="Groupe_1437" data-name="Groupe 1437" transform="translate(-201.383 -168)">'); 210 html.push(' <g id="Icon_feather-calendar" data-name="Icon feather-calendar" transform="translate(198.383 166)">'); 211 html.push(' <path id="Tracé_846" data-name="Tracé 846" d="M5.3,4H21.4a2.3,2.3,0,0,1,2.3,2.3V22.4a2.3,2.3,0,0,1-2.3,2.3H5.3A2.3,2.3,0,0,1,3,22.4V6.3A2.3,2.3,0,0,1,5.3,4Z" transform="translate(0 0.3)" fill="none" stroke="' + params.couleur2 + '" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>'); 212 html.push(' <path id="Tracé_847" data-name="Tracé 847" d="M16,2V6.6" transform="translate(1.95 0)" fill="none" stroke="' + params.couleur2 + '" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>'); 213 html.push(' <path id="Tracé_848" data-name="Tracé 848" d="M8,2V6.6" transform="translate(0.75 0)" fill="none" stroke="' + params.couleur2 + '" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>'); 214 html.push(' <path id="Tracé_849" data-name="Tracé 849" d="M3,10H23.7" transform="translate(0 1.2)" fill="none" stroke="' + params.couleur2 + '" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>'); 215 html.push(' </g>'); 216 html.push(' <path id="Tracé_853" data-name="Tracé 853" d="M3.311.088a3.913,3.913,0,0,1-1.54-.281A2.271,2.271,0,0,1,.754-1,2.1,2.1,0,0,1,.4-2.211v-.242a.127.127,0,0,1,.038-.094.127.127,0,0,1,.093-.038H1.782a.127.127,0,0,1,.094.038.127.127,0,0,1,.039.094v.165a.9.9,0,0,0,.407.743,1.8,1.8,0,0,0,1.1.3,1.3,1.3,0,0,0,.869-.248.776.776,0,0,0,.286-.61A.616.616,0,0,0,4.4-2.547a1.554,1.554,0,0,0-.478-.319q-.3-.137-.962-.379a9.426,9.426,0,0,1-1.249-.517,2.507,2.507,0,0,1-.858-.72A1.811,1.811,0,0,1,.506-5.61,1.986,1.986,0,0,1,.847-6.765a2.171,2.171,0,0,1,.946-.759,3.465,3.465,0,0,1,1.4-.264,3.57,3.57,0,0,1,1.49.3A2.43,2.43,0,0,1,5.7-6.661a2.124,2.124,0,0,1,.369,1.238v.165a.127.127,0,0,1-.039.094.127.127,0,0,1-.094.038H4.675a.127.127,0,0,1-.093-.038.127.127,0,0,1-.039-.094v-.088a1,1,0,0,0-.379-.786,1.548,1.548,0,0,0-1.04-.325,1.316,1.316,0,0,0-.808.22.716.716,0,0,0-.292.605.66.66,0,0,0,.171.462,1.5,1.5,0,0,0,.506.335q.336.148,1.039.4a12.948,12.948,0,0,1,1.227.506,2.444,2.444,0,0,1,.8.655,1.717,1.717,0,0,1,.358,1.128A1.97,1.97,0,0,1,5.368-.512,3.231,3.231,0,0,1,3.311.088Z" transform="translate(208.383 188)" fill="' + params.couleur2 + '"/>'); 217 html.push(' </g>'); 218 html.push(' </g>'); 219 html.push(' </svg></br>'); 220 221 html.push(' ' + colissimo_widget_messages.samedi); 222 html.push(' </td>'); 223 html.push(' <td class="widget_colissimo_padding0">'); 224 225 226 227 html.push(' <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 22.7 25">'); 228 html.push(' <g id="Composant_12_2" data-name="Composant 12 â 2" transform="translate(1 1)">'); 229 html.push(' <g id="Icon_feather-calendar" data-name="Icon feather-calendar" transform="translate(-3 -2)">'); 230 html.push(' <path id="Tracé_846" data-name="Tracé 846" d="M5.3,4H21.4a2.3,2.3,0,0,1,2.3,2.3V22.4a2.3,2.3,0,0,1-2.3,2.3H5.3A2.3,2.3,0,0,1,3,22.4V6.3A2.3,2.3,0,0,1,5.3,4Z" transform="translate(0 0.3)" fill="none" stroke="' + params.couleur2 + '" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>'); 231 html.push(' <path id="Tracé_847" data-name="Tracé 847" d="M16,2V6.6" transform="translate(1.95 0)" fill="none" stroke="' + params.couleur2 + '" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>'); 232 html.push(' <path id="Tracé_848" data-name="Tracé 848" d="M8,2V6.6" transform="translate(0.75 0)" fill="none" stroke="' + params.couleur2 + '" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>'); 233 html.push(' <path id="Tracé_849" data-name="Tracé 849" d="M3,10H23.7" transform="translate(0 1.2)" fill="none" stroke="' + params.couleur2 + '" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>'); 234 html.push(' </g>'); 235 html.push(' <path id="Tracé_852" data-name="Tracé 852" d="M.8,0A.127.127,0,0,1,.71-.038.127.127,0,0,1,.671-.132V-7.568A.127.127,0,0,1,.71-7.661.127.
235127,0,0,1,.8-7.7h2.75A3.373,3.373,0,0,1,5-7.409a2.252,2.252,0,0,1,.963.82A2.2,2.2,0,0,1,6.3-5.368v3.036a2.2,2.2,0,0,1-.341,1.221A2.252,2.252,0,0,1,5-.292,3.373,3.373,0,0,1,3.553,0ZM2.222-1.386a.049.049,0,0,0,.055.055H3.608a1.061,1.061,0,0,0,.82-.341,1.336,1.336,0,0,0,.325-.913v-2.53a1.3,1.3,0,0,0-.313-.913A1.087,1.087,0,0,0,3.6-6.369H2.277a.049.049,0,0,0-.055.055Z" transform="translate(7 20)" fill="' + params.couleur2 + '"/>'); 236 html.push(' </g>'); 237 html.push(' </svg></br>'); 238 239 240 241 html.push(' ' + colissimo_widget_messages.dimanche); 242 html.push(' </td>'); 243 html.push(' <td class="widget_colissimo_padding0">'); 244 245 html.push(' <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24">'); 246 html.push(' <g id="Icon_feather-clock" data-name="Icon feather-clock" transform="translate(1 1)">'); 247 html.push(' <path id="Tracé_850" data-name="Tracé 850" d="M24,13A11,11,0,1,1,13,2,11,11,0,0,1,24,13Z" transform="translate(-2 -2)" fill="none" stroke="' + params.couleur2 + '" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>'); 248 html.push(' <path id="Tracé_851" data-name="Tracé 851" d="M12,6v6.6l4.4,2.2" transform="translate(-1 -1.6)" fill="none" stroke="' + params.couleur2 + '" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>'); 249 html.push(' </g>'); 250 html.push(' </svg></br>'); 251 252 html.push(' ' + colissimo_widget_messages.dixneuf); 253 html.push(' </td>'); 254 255 html.push(' </tr>'); 256 257// html = html + ' <tr>'; 258// 259// html = html + ' <td>'; 260// html = html + ' <img class="widget_colissimo_icone_img_filtre" src="' + params.URLColissimo + '/widget-colissimo/images/awesome-wheelchair.svg" alt="" />'; 261// html = html + ' </td>'; 262// html = html + ' <td>'; 263// html = html + ' <img class="widget_colissimo_icone_img_filtre" src="' + params.URLColissimo + '/widget-colissimo/images/parking.svg" alt="" />'; 264// html = html + ' </td>'; 265// html = html + ' <td>'; 266// html = html + ' <img class="widget_colissimo_icone_img_filtre" src="' + params.URLColissimo + '/widget-colissimo/images/calendrierS.svg" alt="" />'; 267// html = html + ' </td>'; 268// html = html + ' <td>'; 269// html = html + ' <img class="widget_colissimo_icone_img_filtre" src="' + params.URLColissimo + '/widget-colissimo/images/calendrierD.svg" alt="" />'; 270// html = html + ' </td>'; 271// html = html + ' <td>'; 272// html = html + ' <img class="widget_colissimo_icone_img_filtre" src="' + params.URLColissimo + '/widget-colissimo/images/feather-clock.svg" alt="" />'; 273// html = html + ' </td>'; 274// 275// html = html + ' </tr>'; 276// 277// html = html + ' <tr>'; 278// 279// html = html + ' <td>'; 280// html = html + ' ' + colissimo_widget_messages.pmr; 281// html = html + ' </td>'; 282// html = html + ' <td>'; 283// html = html + ' ' + colissimo_widget_messages.parking; 284// html = html + ' </td>'; 285// html = html + ' <td>'; 286// html = html + ' ' + colissimo_widget_messages.samedi; 287// html = html + ' </td>'; 288// html = html + ' <td>'; 289// html = html + ' ' + colissimo_widget_messages.dimanche; 290// html = html + ' </td>'; 291// html = html + ' <td>'; 292// html = html + ' ' + colissimo_widget_messages.dixneuf; 293// html = html + ' </td>'; 294// 295// html = html + ' </tr>'); 296 297 html.push(' </table>'); 298 299 html.push(' </div>'); 300 301 html.push(' <div class="widget_colissimo_liste" id="widget_colissimo_liste" ></div>'); 302 303 304 305 if(colissimo_widget_ismobile) 306 { 307 308 html.push(' <div class="widget_colissimo_map_zone" id="widget_colissimo_map_zone" onclick="widget_colissimo_showMAP();" ></div>'); 309 310 html.push(' <div class="widget_colissimo_map_liste" id="widget_colissimo_map_liste" onclick="widget_colissimo_hideMAP();" >'); 311 html.push(' <img class="widget_colissimo_map_img" src="' + params.URLColissimo + '/widget-colissimo/images/liste.svg" alt="" ></img></br>'); 312 html.push(' </div>'); 313 314 html.push(' <div class="widget_colissimo_map_icone" id="widget_colissimo_map_icone" onclick="widget_colissimo_showMAP();" >'); 315 html.push(' <img class="widget_colissimo_map_img" src="' + params.URLColissimo + '/widget-colissimo/images/carte.svg" alt="" ></img></br>'); 316 html.push(' </div>'); 317 } 318 319 html.push(' <div id="widget_colissimo_map" class="widget_colissimo_map" ></div>'); 320 321 html.push(' <table id="widget_colissimo_autocomplete" class="widget_colissimo_autocomplete widget_colissimo_padding0" ></table>'); 322 323 324 325 html.push('</div>'); 326 327 conteneur_widget_colissimo.html(html.join('\n')); 328 329 //////////////////////////////////// 330 //Autocompletion avec le service SERCA 331 /////////////////////////////////// 332 333 colissimo('#widget_colissimo_adresse').on('keypress keydown', function() { 334 335 336 if(this.value.length > 2) 337 { 338 console.log('appel au serca'); 339 340 341 colissimo.ajax({ 342 type: "GET", 343 encoding:"UTF-8", 344 contentType: "application/x-www-form-urlencoded; charset=utf-8", 345 dataType: "json", 346 url: params.URLColissimo + '/widget-colissimo/rest/GetAddresses.rest', 347 data: "chaineRecherche="+colissimo("#widget_colissimo_adresse").val().toUpperCase()+'&token='
347+ params.token, 348 success: function(msg){ 349 350 console.log('retour'); 351 console.log(msg); 352 353 354 //On efface 355 colissimo("#widget_colissimo_autocomplete").html(''); 356 var html_auto = ''; 357 //On affiche l'autocompletion 358 colissimo.each(msg, function(index, currAdr) { 359 var adr = widget_colissimo_format(currAdr.voie.toLowerCase()) + ', ' + currAdr.cp + ' ' + currAdr.ville; 360 361 if(index > 0) 362 { 363 html_auto = html_auto + '<tr class="widget_colissimo_padding0" >'; 364 html_auto = html_auto + '<td class="widget_colissimo_padding0" ><div class="widget_colissimo_autocomplete_trait" ></td>'; 365 html_auto = html_auto + '</tr>'; 366 } 367 html_auto = html_auto + '<tr class="widget_colissimo_padding0" >'; 368 html_auto = html_auto + '<td class="widget_colissimo_autocomplete_li" onclick="widget_colissimo_select_autocomplete(this.innerText);" >' + adr + '</td>'; 369 html_auto = html_auto + '</tr>'; 370 }); 371 372 colissimo("#widget_colissimo_autocomplete").append(html_auto); 373 //on positionne l'autocomplete 374 if(window.innerWidth < 1000) 375 { 376 //pour mobile 377 if(window.innerWidth < 501) 378 { 379 colissimo("#widget_colissimo_autocomplete").css("left", 1); 380 //colissimo("#widget_colissimo_autocomplete").css("top", colissimo('#widget_colissimo_filtres').offset().top+1); 381 } else { 382 //Pour ipad 383 colissimo("#widget_colissimo_autocomplete").css("left", 1); 384 //colissimo("#widget_colissimo_autocomplete").css("top", colissimo('#widget_colissimo_filtres').offset().top+1); 385 console.log('width : ' + colissimo('#widget_colissimo_filtres').width()); 386 colissimo("#widget_colissimo_autocomplete").css("width", colissimo('#widget_colissimo_filtres').width()); 387 } 388 } 389 390 }, 391 error : function(resultat, statut, erreur){ 392 console.log(statut); 393 console.log(erreur); 394 } 395 }); 396 397 } 398 399 }); 400 //////////////////////////////////// 401 //FIN avec le service SERCA 402 /////////////////////////////////// 403 404 405 //On va chercher les clefs 406 colissimo.ajax({ 407 type: 'GET', 408 async: false, 409 encoding:"UTF-8", 410 url: params.URLColissimo + '/widget-colissimo/rest/GetKey.rest', 411 contentType: "application/x-www-form-urlencoded; charset=utf-8", 412 dataType: 'json', 413 data: "data=" + window.btoa(JSON.stringify({token : params.token})), 414 success: function(data) { 415 mapboxgl.accessToken = data; 416 } 417 }); 418 419 //Recherche sur l'adresse passée en paramètre 420 var adr = params.ceAddress.replace("â", "'") + ', ' + params.ceZipCode + ' ' + params.ceTown.replace("â", "'") + ', ' + params.ceCountry; 421 colissimo("#widget_colissimo_adresse").val(params.ceAddress + ', ' + params.ceZipCode + ' ' + params.ceTown); 422 423 var colissimo_widget_adresse_valide = true; 424 if(adr == '') 425 { 426 colissimo_widget_map = colissimo_widget_loadingMap(2.3446, 48.8579, 14, params); 427 } else { 428 429 colissimo.ajax({ 430 type: "GET", 431 async: false, // Mode synchrone 432 encoding:"UTF-8", 433 contentType: "application/x-www-form-urlencoded; charset=utf-8", 434 dataType: "json", 435 url: params.URLColissimo + '/widget-colissimo/rest/GetLocation.rest', 436 //data: "adresse="+adr+'&token=' + params.token, 437 data: "data=" + window.btoa(JSON.stringify({addresse : adr, token : params.token})), 438 success: function(msg){ 439 console.log(msg); 440 441 //Si il n' pas trouvé l'adresse, on met des coordonnées par défaut 442 if(msg.lng == null) 443 { 444 colissimo_widget_adresse_valide = false; 445 colissimo_widget_map = colissimo_widget_loadingMap(0, 45, 4, params); 446 447 //on met un message d'erreur 448 colissimo("#widget_colissimo_text_erreur").removeClass("widget_colissimo_hidden"); 449 450 } else { 451 452 //on met un message d'erreur 453 colissimo("#widget_colissimo_text_erreur").addClass("widget_colissimo_hidden"); 454 455 colissimo_widget_map = colissimo_widget_loadingMap(msg.lng, msg.lat, 14, params); 456 var el = document.createElement('div'); 457 el.className = 'widget_colissimo_marker_home'; 458 459 //console.log('add marker to map : ' + colissimo_widget_map); 460 var marker = new mapboxgl.Marker(el) 461 .setLngLat([msg.lng, msg.lat])
462 //.setPopup(new mapboxgl.Popup().setHTML("<h1>Vous êtes ici</h1>")) // add popup 463 .addTo(colissimo_widget_map); 464 465 colissimo_widget_markers.push(marker); 466 } 467 468 }, 469 error : function(resultat, statut, erreur){ 470 console.log(statut); 471 console.log(erreur); 472 } 473 }); 474 475 476 } 477 widget_colissimo_loadPDR(params); 478 479 480 var $ = jQuery; 481 return this; 482 }, 483 frameColissimoClose: function() 484 { 485 conteneur_widget_colissimo.html(''); 486 colissimo_widget_map = null; 487 colissimo_widget_markers = []; 488 conteneur_widget_colissimo = null; 489 colissimo_widget_listPoint = []; 490 colissimo_widget_callBack = null; 491 colissimo_widget_paramsCharges = null; 492 colissimo_widget_ismobile = null; 493 colissimo_widget_messages = null; 494 return this; 495 } 496}); 497 498var colissimo_widget_map = null; 499var colissimo_widget_markers = []; 500var conteneur_widget_colissimo = null; 501var colissimo_widget_listPoint = []; 502var colissimo_widget_lastListPoint = []; 503var colissimo_widget_callBack = null; 504var colissimo_widget_paramsCharges = null; 505var colissimo_widget_ismobile = null; 506var colissimo_widget_messages = null; 507 508 509//Pour la selection sur l'autocompletion 510 511function widget_colissimo_select_autocomplete(val) 512{ 513 //On efface 514 colissimo("#widget_colissimo_autocomplete").html(''); 515 colissimo("#widget_colissimo_adresse").val(val); 516} 517 518 519var colissimo = jQuery; 520colissimo(document).bind('keypress', function(e) { 521 if(e.keyCode==13){ 522 if(colissimo("#widget_colissimo_adresse").is(":focus")) 523 { 524 widget_colissimo_reloadPDR(); 525 } 526 527 } 528}); 529 530var $ = jQuery; 531 532function widget_colissimo_showMAP() 533{ 534 console.log('show MAP'); 535 document.getElementById("widget_colissimo_filtres").style.display = 'none'; 536 document.getElementById("widget_colissimo_liste").style.display = 'none'; 537 document.getElementById("widget_colissimo_map_zone").style.display = 'none'; 538 document.getElementById("widget_colissimo_map").scrollIntoView(); 539 window.scrollBy(0, -110); 540 document.getElementById("widget_colissimo_map_icone").style.display = 'none'; 541 542 //Gestion positionnement autocomplete 543 if(window.innerWidth < 501) 544 { 545 546 var colissimo = jQuery; 547 colissimo("#widget_colissimo_autocomplete").css("top", (-window.innerHeight+100)); 548 } 549} 550 551function widget_colissimo_hideMAP() 552{ 553 console.log('hide MAP'); 554 document.getElementById("widget_colissimo_contenu").scrollIntoView(); 555 document.getElementById("widget_colissimo_filtres").style.display = 'block'; 556 document.getElementById("widget_colissimo_liste").style.display = 'block'; 557 document.getElementById("widget_colissimo_map_icone").style.display = 'block'; 558 document.getElementById("widget_colissimo_map_zone").style.display = 'block'; 559 560 //Gestion positionnement autocomplete 561 if(window.innerWidth < 501) 562 { 563 var colissimo = jQuery; 564 colissimo("#widget_colissimo_autocomplete").css("top", (-window.innerHeight*2+266)); 565 } 566} 567 568function colissimo_widget_selectingPDR(i) 569{ 570 var colissimo = jQuery; 571 572 573 colissimo(".widget_colissimo_bouton_validation").addClass("widget_colissimo_hidden"); 574 colissimo(".widget_colissimo_bouton_retour").removeClass("widget_colissimo_hidden"); 575 colissimo(".widget_colissimo_bouton_confirmation").removeClass("widget_colissimo_hidden"); 576 577} 578function colissimo_widget_deselectingPDR(i) 579{ 580 var colissimo = jQuery; 581 582 colissimo(".widget_colissimo_bouton_validation").removeClass("widget_colissimo_hidden"); 583 colissimo(".widget_colissimo_bouton_retour").addClass("widget_colissimo_hidden"); 584 colissimo(".widget_colissimo_bouton_confirmation").addClass("widget_colissimo_hidden"); 585} 586 587 588function colissimo_widget_validatePDR(i) 589{ 590 console.log('validation PDR'); 591 var colissimo = jQuery; 592 var selectedPoint = colissimo_widget_getSelectedPDR(i); 593 console.log(colissimo_widget_callBack); 594 if(colissimo_widget_callBack != null) 595 { 596 eval(colissimo_widget_callBack + "(selectedPoint)"); 597 } 598 //on ferme le widget 599 //conteneur_widget_colissimo.html(''); 600} 601 602function colissimo_widget_getSelectedPDR(i) 603{ 604 var selectedPoint = null; 605 606 var listPoint = colissimo_widget_listPoint; 607 if ((!listPoint || !listPoint.length) && typeof colissimo_widget_lastListPoint !== 'undefined') { 608 listPoint = colissimo_widget_lastListPoint; 609 } 610 611 if (typeof listPoint === 'undefined' || listPoint == null) { 612 console.error('Colissimo listPoint is empty'); 613 return null; 614 } 615 616 if (i !== undefined && i !== null) { 617 selectedPoint = listPoint[i - 1] || listPoint[i]; 618 } 619 620 if (!selectedPoint) { 621 jQuery.each(listPoint, function(index, point) { 622 if (point && !selectedPoint) { 623 selectedPoint = point; 624 } 625 }); 626 } 627 628 if (!selectedPoint) { 629 console.error('Cannot find selected Colissimo pickup point', i, listPoint); 630 } 631 632 return selectedPoint; 633} 634 635function colissimo_widget_openDetails(i) 636{ 637 var colissimo = jQuery; 638 639 if(colissimo("#widget_colissimo_detailsPDR" + i).hasClass("widget_colissimo_hidden")) 640 { 641 colissimo("#widget_colissimo_detailsPDR" + i).removeClass("widget_colissimo_hidden"); 642 colissimo("#widget_colissimo_icone_coche_" + i).addClass("widget_colissimo_rotation180"); 643 } else { 644 colissimo("#widget_colissimo_detailsPDR" + i).addClass("widget_colissimo_hidden"); 645 colissimo("#widget_colissimo_icone_coche_" + i).removeClass("widget_colissimo_rotation180"); 646 } 647} 648 649function colissimo_widget_selectPDR(i) 650{ 651 var colissimo = jQuery; 652 653 console.log('selection PDR : ' + i); 654 655 if(colissimo("#widget_colissimo_detailsPDR" + i).hasClass("widget_colissimo_hidden")) 656 { 657 //On ferme et on dégrise tous les PDR 658 colissimo(".widget_colissimo_PDR").removeClass("widget_colissimo_PDR_border"); 659 colissimo(".widget_colissimo_PDR").addClass("widget_colissimo_grise"); 660 colissimo(".widget_colissimo_detailsPDR").addClass("widget_colissimo_hidden"); 661 colissimo(".widget_colissimo_PDR").removeClass("widget_colissimo_selected"); 662 //on grise tous les markers 663 colissimo(".widget_colissimo_marker_S").addClass("widget_colissimo_marker"); 664 colissimo(".widget_colissimo_marker_S").empty(); 665 colissimo(".widget_colissimo_marker_S").removeClass("widget_colissimo_marker_S"); 666 667 //on ouvre et on selectionne le point 668 colissimo("#widget_colissimo_detailsPDR" + i).removeClass("widget_colissimo_hidden"); 669 colissimo("#colissimo_widget_table_PDR_" + i).addClass("widget_colissimo_selected"); 670 colissimo("#colissimo_widget_table_PDR_" + i).removeClass("widget_colissimo_grise"); 671 //Gestion coche 672 colissimo("#widget_colissimo_text_coche_ouvert" + i).removeClass("widget_colissimo_hidden"); 673 colissimo("#widget_colissimo_text_coche" + i).addClass("widget_colissimo_hidden"); 674 675 676 //on selectionne le marker 677 colissimo("#widget_colissimo_marker_" + i).addClass("widget_colissimo_marker_S"); 678 colissimo("#widget_colissimo_marker_" + i).removeClass("widget_colissimo_marker"); 679 680 681 //Gestion SVG et couleur pour le PDR selectionné 682 683// colissimo("#widget_colissimo_marker_" + i).append('test'); 684// 685// //'test'.appendTo(colissimo("#widget_colissimo_marker_" + i)); 686 687 colissimo("#widget_colissimo_marker_" + i).append('<svg xmlns="http://www.w3.org/2000/svg" width="25.434" height="39.654" viewBox="0 0 25.434 39.654"><path fill = "' + colissimo_widget_paramsCharges.couleur1 + '" d="M735.192,302.049a12.716,12.716,0,0,0-12.716,12.716c-.2,10.21,12.716,26.938,12.716,26.938s12.825-14.766,12.716-26.938A12.716,12.716,0,0,0,735.192,302.049Z" transform="translate(-722.474 -302.049)"/><g transform="translate(5.694 4.999)"><path fill = "#ffffff" class="a" d="M7.79,9.858,1.355,13.409,8.568,17.5a.244.244,0,0,1,.117.2l0,6.144a.243.243,0,0,1-.119.2l-.386.214a.248.248,0,0,1-.115.027H8.055a.251.251,0,0,1-.123-.025l-.386-.216a.245.245,0,0,1-.117-.2l0-5.476a.152.152,0,0,0-.063-.106L1.006,14.65,1,21.83a.57.57,0,0,0,.254.443L7.8,26.117a.545.545,0,0,0,.505,0l6.463-3.85a.577.577,0,0,0,.252-.445V14.573l-4.3,2.587a.235.235,0,0,1-.113.029h0a.223.223,0,0,1-.121-.033l-.375-.233a.262.262,0,0,1-.113-.2v-.445a.251.251,0,0,1,.117-.2l0,0a.2.2,0,0,1,.054-.052l4.425-2.66L8.3,9.86a.552.552,0,0,0-.257-.06.538.538,0,0,0-.256.058" transform="translate(-1 -9.8)"/></g></svg>'); 688 689 } else { 690 691 692 //on ferme 693 colissimo("#widget_colissimo_detailsPDR" + i).addClass("widget_colissimo_hidden"); 694 695 colissimo(".widget_colissimo_PDR").removeClass("widget_colissimo_grise"); 696 colissimo("#colissimo_widget_table_PDR_" + i).removeClass("widget_colissimo_selected"); 697 //gestion de la coche 698 colissimo("#widget_colissimo_text_coche_ouvert" + i).addClass("widget_colissimo_hidden"); 699 colissimo("#widget_colissimo_text_coche" + i).removeClass("widget_colissimo_hidden"); 700 701 //on grise tous les markers 702 colissimo(".widget_colissimo_marker_S").addClass("widget_colissimo_marker"); 703 colissimo(".widget_colissimo_marker_S").empty(); 704 colissimo(".widget_colissimo_marker_S").removeClass("widget_colissimo_marker_S"); 705 706 } 707 708 709 710 //Sur mobile, on ferme la map 711 if(window.innerWidth < 501) 712 { 713 console.log('on ferme suite a selection'); 714 widget_colissimo_hideMAP(); 715 } else { 716 717 //On met ou enleve le bord noir 718 colissimo("#colissimo_widget_table_PDR_" + i).toggleClass('widget_colissimo_PDR_border'); 719 //on recentre 720 colissimo_widget_map.setCenter([colissimo_widget_listPoint[i-1].coordGeolocalisationLongitude, colissimo_widget_listPoint[i-1].coordGeolocalisationLatitude]); 721 //colissimo_widget_map.setZoom(14); 722 723 } 724 var container = colissimo('#widget_colissimo_liste'); 725 scrollTo = colissimo("#colissimo_widget_table_PDR_" + i); 726 container.animate({ 727 scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop() 728 }); 729} 730 731function widget_colissimo_reloadPDR(){ 732 console.log('reload PDR'); 733 var colissimo = jQuery; 734 735 //On lance le loader 736 colissimo("#widget_colissimo_loupe_img").removeClass("widget_colissimo_loupe_img"); 737 colissimo("#widget_colissimo_loupe_img").addClass("widget_colissimo_loader"); 738 739 //On efface l'autocomplete 740 colissimo("#widget_colissimo_autocomplete").html(''); 741 742 var recherche = colissimo("#widget_colissimo_adresse").val(); 743 744 var tab = recherche.split(','); 745 console.log(tab); 746 var params = colissimo_widget_paramsCharges; 747 748 if(tab != null && tab.length > 0) 749 { 750 params.ceAddress = tab[0].trim(); 751 } 752 if(tab != null && tab.length > 1) 753 { 754 if(tab[1].match("[0-9]{4,5}") != null) 755 { 756 params.ceZipCode = tab[1].match("[0-9]{4,5}")[0].trim(); 757 } 758 if(tab[1].match("[A-Za-z -]+[0-9]*$") != null) 759 { 760 params.ceTown = tab[1].match("[A-Za-z -]+[0-9]*$")[0].trim(); 761 console.log('ville = ' + params.ceTown) 762 } 763 } 764 if(tab != null && tab.length > 2) 765 { 766 params.ceCountry = tab[2].trim(); 767 } 768 769 console.log(params); 770 771 //On recharge la map 772 var adr = params.ceAddress + ', ' + params.ceZipCode + ' ' + params.ceTown + ', ' + params.ceCountry; 773 console.log('adr = ' + adr); 774 colissimo.ajax({ 775 type: "GET", 776 encoding:"UTF-8", 777 contentType: "application/x-www-form-urlencoded; charset=utf-8", 778 dataType: "json", 779 url: params.URLColissimo + '/widget-colissimo/rest/GetLocation.rest',
780 //data: "adresse="+adr+'&token=' + params.token, 781 data: "data=" + window.btoa(JSON.stringify({addresse : adr, token : params.token})), 782 success: function(msg){ 783 console.log(msg); 784 785 //on enleve les markers 786 colissimo.each(colissimo_widget_markers, function(index, currMarker) { 787 currMarker.remove(); 788 }); 789 790 //Si il n' pas trouvé l'adresse, on met des coordonnées par défaut 791 if(msg.lng == null) 792 { 793 colissimo_widget_adresse_valide = false; 794 colissimo_widget_map = colissimo_widget_loadingMap(0, 45, 4, params); 795 796 //on met un message d'erreur 797 colissimo("#widget_colissimo_text_erreur").removeClass("widget_colissimo_hidden"); 798 799 } else { 800 801 //on met un message d'erreur 802 colissimo("#widget_colissimo_text_erreur").addClass("widget_colissimo_hidden"); 803 804 //on recentre et zoom 805 colissimo_widget_map.setCenter([msg.lng, msg.lat]); 806 //colissimo_widget_map.setZoom(14); 807 808 var el = document.createElement('div'); 809 el.className = 'widget_colissimo_marker_home'; 810 811 812 //console.log('add marker to map : ' + colissimo_widget_map); 813 var marker = new mapboxgl.Marker(el) 814 .setLngLat([msg.lng, msg.lat]) 815 //.setPopup(new mapboxgl.Popup().setHTML("<h1>Vous êtes ici</h1>")) // add popup 816 .addTo(colissimo_widget_map); 817 818 colissimo_widget_markers.push(marker); 819 820 widget_colissimo_loadPDR(params); 821 } 822 823 }, 824 error : function(resultat, statut, erreur){ 825 console.log(statut); 826 console.log(erreur); 827 } 828 }); 829 830} 831 832 833function widget_colissimo_format(s) 834{ 835 836 var colissimo = jQuery; 837 838 var mots = s.split(' '); 839 var adresse = ''; 840 colissimo.each(mots, function(index, mot) { 841 842 if(index > 1) 843 { 844 if(mot.length > 3) 845 { 846 adresse = adresse + ' ' + mot.charAt(0).toUpperCase()+mot.substr(1); 847 } else { 848 adresse = adresse + ' ' + mot; 849 } 850 } else { 851 adresse = adresse + ' ' + mot.charAt(0).toUpperCase()+mot.substr(1); 852 } 853 }); 854 return adresse; 855} 856 857function widget_colissimo_loadPDR(params) 858{ 859 console.log('load PDR'); 860 var colissimo = jQuery; 861 //Recherche des points de retrait 862 863 var distanceMax = 0; 864 865 //Si la map n'est pas chargée, on la charge 866// if(colissimo_widget_map == null) 867// { 868// colissimo_widget_map = colissimo_widget_loadingMap(2.3446, 48.8579, 4, params); 869// } 870 871 colissimo.ajax({ 872 type: 'GET', 873 encoding:"UTF-8", 874 url: params.URLColissimo + '/widget-colissimo/rest/GetPointsRetraitGET.rest', 875 contentType: "application/x-www-form-urlencoded; charset=utf-8", 876 dataType: 'json', 877 data: "data=" + window.btoa(JSON.stringify({addresse : params.ceAddress.replace("â", "'"), codePostal : params.ceZipCode, ville : params.ceTown.replace("â", "'"), pays : params.ceCountry, dyPreparationTime : params.dyPreparationTime, dyWeight : params.dyWeight , token : params.token})), 878 success: function(data) { 879 console.log(data); 880 //Si pas de point, message d'erreur 881 if(data == null || data.length == 0) 882 { 883 colissimo("#widget_colissimo_liste").html('<div>' + colissimo_widget_messages.error + '</div>'); 884 return; 885 } 886 887 888 var listeBuffer = []; 889 var i = 0; 890 colissimo_widget_listPoint = data; 891 colissimo_widget_lastListPoint = data; 892 893 colissimo.each(data, function(index, currEmp) { 894 i++; 895 //on limite � 19 PDR 896 if(i < 20) 897 { 898 if(colissimo_widget_map != null) 899 { 900 //colissimo_widget_selectingPDR(i) 901 var el = document.createElement('div'); 902 903 904// el.append('<svg xmlns="http://www.w3.org/2000/svg" width="25.434" height="39.654" viewBox="0 0 25.434 39.654">'); 905// el.append(' <path fill = "#AA0000" d="M735.192,302.049a12.716,12.716,0,0,0-12.716,12.716c-.2,10.21,12.716,26.938,12.716,26.938s12.825-14.766,12.716-26.938A12.716,12.716,0,0,0,735.192,302.049Z" transform="translate(-722.474 -302.049)"/>'); 906// el.append(' <g transform="translate(5.694 4.999)">'); 907// el.append(' <path fill = "#ffffff" class="a" d="M7.79,9.858,1.355,13.409,8.568,17.5a.244.244,0,0,1,.117.2l0,6.144a.243.243,0,0,1-.119.2l-.386.214a.248.248,0,0,1-.115.027H8.055a.251.251,0,0,1-.123-.025l-.386-.216a.245.245,0,0,1-.117-.2l0-5.476a.152.152,0,0,0-.063-.106L1.006,14.65,1,21.83a.57.57,0,0,0,.254.443L7.8,26.117a.545.545,0,0,0,.505,0l6.463-3.85a.577.577,0,0,0,.252-.445V14.573l-4.3,2.587a.235.235,0,0,1-.113.029h0a.223.223,0,0,1-.121-.033l-.375-.233a.262.262,0,0,1-.113-.2v-.445a.251.251,0,0,1,.117-.2l0,0a.2.2,0,0,1,.054-.052l4.425-2.66L8.3,9.86a.552.552,0,0,0-.257-.06.538.538,0,0,0-.256.058" transform="translate(-1 -9.8)"/>'); 908// el.append(' </g>'); 909// el.append('</svg>'); 910 911 912 el.className = 'widget_colissimo_marker'; 913 el.id="widget_colissimo_marker_" + i; 914 //console.log('add marker to map : ' + colissimo_widget_map); 915 var marker = new mapboxgl.Marker(el) 916 .setLngLat([currEmp.coordGeolocalisationLongitude, currEmp.coordGeolocalisationLatitude]) 917 .addTo(colissimo_widget_map); 918 919 var cp = i; 920 marker.getElement().addEventListener('click', () => { 921 console.log('click!! : ' + cp); 922 colissimo_widget_selectPDR(cp); 923 }); 924 925 //Que sur PC 926// if(window.innerWidth > 500) 927// { 928// marker.getElement().addEventListener('mouseover', () => { 929// colissimo("#colissimo_widget_table_PDR_" + cp).addClass('widget_colissimo_PDR_border'); 930// var container = colissimo('#widget_colissimo_liste'); 931// scrollTo = colissimo("#colissimo_widget_table_PDR_" + cp); 932// container.animate({ 933// scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop() 934// }); 935// } 936// ); 937// marker.getElement().addEventListener('mouseout', () => { 938// colissimo(".widget_colissimo_PDR").removeClass("widget_colissimo_PDR_border"); 939// } 940// ); 941// } 942 943 distanceMax = currEmp.distanceEnMetre; 944 colissimo_widget_markers.push(marker); 945 } 946 947 listeBuffer.push('<div id="colissimo_widget_table_PDR_' + i + '" class="widget_colissimo_PDR" >'); 948 listeBuffer.push('<table class="widget_colissimo_w100 widget_colissimo_grab widget_colissimo_padding widget_colissimo_table" onclick="colissimo_widget_selectPDR(' + i + ')" >'); 949 950 listeBuffer.push("<tr class='widget_colissimo_padding' >"); 951 listeBuffer.push('<td rowspan="5" class="widget_colissimo_w30 widget_colissimo_padding" >'); 952 //listeBuffer.push('<div class="widget_colissimo_checkcircle_img" ></div>'); 953 listeBuffer.push("</td>"); 954 listeBuffer.push("<td class='widget_colissimo_padding' >"); 955 listeBuffer.push('<p class="widget_colissimo_text_bold" >' + currEmp.nom + '</p>'); 956 listeBuffer.push("</td>"); 957 listeBuffer.push('<td class="widget_colissimo_w70 widget_colissimo_padding ">'); 958 listeBuffer.push('<p class="widget_colissimo_text_bold widget_colissimo_right" style="display: none;" >4 min <img class="widget_colissimo_walking_img" src="' + params.URLColissimo + '/widget-colissimo/images/awesome-walking.svg" alt="" /></p>'); 959 listeBuffer.push("</td>"); 960 listeBuffer.push("</tr>"); 961 listeBuffer.push("<tr>"); 962 listeBuffer.push("<td class='widget_colissimo_padding' >"); 963 964 965 //-Majuscule en début de mot sur les adresses sauf les mots de 3 caractères ou moins et le premier en fixe toujours majuscule (rue) 966 967 968 listeBuffer.push('<p class="widget_colissimo_text_normal" >' + widget_colissimo_format(currEmp.adresse1.toLowerCase()) + '</p>'); 969 listeBuffer.push("</td>"); 970 listeBuffer.push("<td class='widget_colissimo_padding' >"); 971 972 if(currEmp.distanceEnMetre > 999) 973 { 974 listeBuffer.push('<p class="widget_colissimo_text_normal widget_colissimo_right " >' + (Math.trunc(currEmp.distanceEnMetre/10)/100) + ' km</p>'); 975 } else { 976 listeBuffer.push('<p class="widget_colissimo_text_normal widget_colissimo_right " >' + currEmp.distanceEnMetre + ' m</p>'); 977 } 978 979 980 listeBuffer.push("</td>"); 981 listeBuffer.push("</tr>"); 982 listeBuffer.push("<tr>"); 983 listeBuffer.push("<td class='widget_colissimo_padding' >"); 984 listeBuffer.push('<p class="widget_colissimo_text_normal" >' + widget_colissimo_format(currEmp.adresse2.toLowerCase()) + '</p>'); 985 listeBuffer.push("</td>"); 986 listeBuffer.push("</tr>"); 987 988 listeBuffer.push("<tr>"); 989 listeBuffer.push("<td class='widget_colissimo_padding' >"); 990 listeBuffer.push('<p class="widget_colissimo_text_normal" >' + currEmp.codePostal + ' ' + currEmp.localite + '</p>'); 991 listeBuffer.push("</td>"); 992 listeBuffer.push("</tr>"); 993 994 listeBuffer.push("<tr>");
995 listeBuffer.push('<td style="width:65%;" class="widget_colissimo_padding" >'); 996 //listeBuffer.push('<p class="widget_colissimo_text_bold widget_colissimo_grab" onclick="colissimo_widget_openDetails(' + i + ')" >Plus de détails'); 997 //L'ouverture des détails se fait par la sélection 998 listeBuffer.push('<p id = "widget_colissimo_text_coche' + i + '" class="widget_colissimo_text_bold" >' + colissimo_widget_messages.details); 999 listeBuffer.push('<img class="widget_colissimo_icone_coche" src="' + params.URLColissimo + '/widget-colissimo/images/coche.svg" alt="" />'); 1000 1001 1002 1003 1004 //on met le contenu du paragraphe dans un buffer pour le dupliquer ensuite 1005 var iconeBuffer = []; 1006 1007 1008 1009 1010 if(currEmp.accesPersonneMobiliteReduite) 1011 { 1012 iconeBuffer.push('<img class="widget_colissimo_icone_img" src="' + params.URLColissimo + '/widget-colissimo/images/awesome-wheelchair.svg" alt="" />'); 1013 } 1014 if(currEmp.parking) 1015 { 1016 iconeBuffer.push('<img class="widget_colissimo_icone_img" src="' + params.URLColissimo + '/widget-colissimo/images/parking.svg" alt="" />'); 1017 } 1018 1019 if(currEmp.horairesOuvertureSamedi != null && currEmp.horairesOuvertureSamedi != '' && currEmp.horairesOuvertureSamedi != ' ') 1020 { 1021 iconeBuffer.push('<img class="widget_colissimo_icone_img" src="' + params.URLColissimo + '/widget-colissimo/images/calendrierS.svg" alt="" />'); 1022 } 1023 if(currEmp.horairesOuvertureDimanche != null && currEmp.horairesOuvertureDimanche != '' && currEmp.horairesOuvertureDimanche != ' ') 1024 { 1025 iconeBuffer.push('<img class="widget_colissimo_icone_img" src="' + params.URLColissimo + '/widget-colissimo/images/calendrierD.svg" alt="" />'); 1026 } 1027 1028 1029 //On va regarder si c'est ouvert après 19h 1030 if(currEmp.horairesOuvertureLundi != null && currEmp.horairesOuvertureLundi.length > 5) 1031 { 1032 var dernier = currEmp.horairesOuvertureLundi.replace(' ', ''); 1033 dernier = dernier.substring(currEmp.horairesOuvertureLundi.length-7, currEmp.horairesOuvertureLundi.length-1).trim(); 1034 var heure = dernier.substring(0,2); 1035 var minutes = dernier.substring(3,5); 1036 1037 1038 if(heure > 19 || (heure == 19 && minutes > 0 )) 1039 { 1040 iconeBuffer.push('<img class="widget_colissimo_icone_img" src="' + params.URLColissimo + '/widget-colissimo/images/feather-clock.svg" alt="" />'); 1041 } 1042 } 1043 1044 1045 1046 1047 1048 1049 1050 listeBuffer.push(iconeBuffer.join('\n')); 1051 listeBuffer.push("</p>"); 1052 //Fin paragraphe 1053 1054 listeBuffer.push('<p id = "widget_colissimo_text_coche_ouvert' + i + '" class="widget_colissimo_text_bold widget_colissimo_hidden" style="width:105%;" >' + colissimo_widget_messages.details2); 1055 listeBuffer.push('<img class="widget_colissimo_icone_coche widget_colissimo_rotation180" src="' + params.URLColissimo + '/widget-colissimo/images/coche.svg" alt="" />'); 1056 listeBuffer.push(iconeBuffer.join('\n')); 1057 listeBuffer.push("</p>"); 1058 1059 1060 listeBuffer.push("</td>"); 1061 listeBuffer.push("<td class='widget_colissimo_padding' >"); 1062 1063 //Type de point 1064 var type = colissimo_widget_messages.poste; 1065 1066 if(currEmp.typeDePoint == 'A2P') 1067 { 1068 type = colissimo_widget_messages.relais; 1069 } 1070 if(currEmp.typeDePoint == 'CIT' || currEmp.nom.toLowerCase().startsWith('consigne')) 1071 { 1072 type = colissimo_widget_messages.consigne; 1073 } 1074 listeBuffer.push('<p class="widget_colissimo_text_bold widget_colissimo_right" >' + type + '</p>'); 1075 listeBuffer.push("</td>"); 1076 listeBuffer.push("</tr>"); 1077 1078 listeBuffer.push("</table>"); 1079 1080 1081 1082 1083 //DETAILS DU PDR///////////////////////////////////// 1084 1085 listeBuffer.push('<table id="widget_colissimo_detailsPDR' + i + '" class="widget_colissimo_w100 widget_colissimo_hidden widget_colissimo_detailsPDR widget_colissimo_padding widget_colissimo_table" >'); 1086 listeBuffer.push('<tr>'); 1087 listeBuffer.push(' <td rowspan="8" class="widget_colissimo_w60 widget_colissimo_padding" > '); 1088 1089 listeBuffer.push(' </td>'); 1090 listeBuffer.push(' <td colspan="2" class="widget_colissimo_padding" >'); 1091 listeBuffer.push(" <p class='widget_colissimo_text_bold' >" + colissimo_widget_messages.horaires + "</p>"); 1092 listeBuffer.push(' </td>'); 1093 listeBuffer.push(' <td rowspan="8" class="widget_colissimo_w60 widget_colissimo_padding" >'); 1094 1095 listeBuffer.push(' </td>'); 1096 listeBuffer.push('</tr>'); 1097 listeBuffer.push('<tr>'); 1098 listeBuffer.push(' <td class="widget_colissimo_padding" >'); 1099 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + colissimo_widget_messages.lundi + '</p>'); 1100 listeBuffer.push(' </td>'); 1101 listeBuffer.push(' <td class="widget_colissimo_padding" >'); 1102 1103 if(currEmp.horairesOuvertureLundi.trim() == '' || currEmp.horairesOuvertureLundi == null) 1104 { 1105 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + colissimo_widget_messages.ferme + '</p>'); 1106 } else { 1107 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + currEmp.horairesOuvertureLundi + '</p>'); 1108 } 1109 1110 listeBuffer.push(' </td>'); 1111 listeBuffer.push('</tr>'); 1112 listeBuffer.push('<tr>'); 1113 listeBuffer.push(' <td class="widget_colissimo_padding" >'); 1114 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + colissimo_widget_messages.mardi + '</p>'); 1115 listeBuffer.push(' </td>'); 1116 listeBuffer.push(' <td class="widget_colissimo_padding" >'); 1117 1118 if(currEmp.horairesOuvertureMardi.trim() == '' || currEmp.horairesOuvertureMardi == null) 1119 { 1120 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + colissimo_widget_messages.ferme + '</p>'); 1121 } else { 1122 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + currEmp.horairesOuvertureMardi + '</p>'); 1123 } 1124 1125 listeBuffer.push(' </td>'); 1126 listeBuffer.push('</tr>'); 1127 listeBuffer.push('<tr>'); 1128 listeBuffer.push(' <td class="widget_colissimo_padding" >'); 1129 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + colissimo_widget_messages.mercredi + '</p>'); 1130 listeBuffer.push(' </td>'); 1131 listeBuffer.push(' <td class="widget_colissimo_padding" >'); 1132 1133 if(currEmp.horairesOuvertureMercredi.trim() == '' || currEmp.horairesOuvertureMercredi == null) 1134 { 1135 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + colissimo_widget_messages.ferme + '</p>'); 1136 } else { 1137 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + currEmp.horairesOuvertureMercredi + '</p>'); 1138 } 1139 1140 listeBuffer.push(' </td>'); 1141 listeBuffer.push('</tr>'); 1142 listeBuffer.push('<tr>'); 1143 listeBuffer.push(' <td class="widget_colissimo_padding" >'); 1144 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + colissimo_widget_messages.jeudi + '</p>'); 1145 listeBuffer.push(' </td>'); 1146 listeBuffer.push(' <td class="widget_colissimo_padding" >'); 1147 1148 if(currEmp.horairesOuvertureJeudi.trim() == '' || currEmp.horairesOuvertureJeudi == null) 1149 { 1150 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + colissimo_widget_messages.ferme + '</p>'); 1151 } else { 1152 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + currEmp.horairesOuvertureJeudi + '</p>'); 1153 } 1154 1155 listeBuffer.push(' </td>'); 1156 listeBuffer.push('</tr>'); 1157 listeBuffer.push('<tr>'); 1158 listeBuffer.push(' <td class="widget_colissimo_padding" >'); 1159 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + colissimo_widget_messages.vendredi + '</p>'); 1160 listeBuffer.push(' </td>'); 1161 listeBuffer.push(' <td class="widget_colissimo_padding" >'); 1162 1163 if(currEmp.horairesOuvertureVendredi.trim() == '' || currEmp.horairesOuvertureVendredi == null) 1164 { 1165 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + colissimo_widget_messages.ferme + '</p>'); 1166 } else { 1167 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + currEmp.horairesOuvertureVendredi + '</p>'); 1168 } 1169 1170 listeBuffer.push(' </td>'); 1171 listeBuffer.push('</tr>'); 1172 listeBuffer.push('<tr>'); 1173 listeBuffer.push(' <td class="widget_colissimo_padding" >'); 1174 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + colissimo_widget_messages.samedi + '</p>'); 1175 listeBuffer.push(' </td>'); 1176 listeBuffer.push(' <td class="widget_colissimo_padding" >'); 1177 1178 if(currEmp.horairesOuvertureSamedi.trim() == '' || currEmp.horairesOuvertureSamedi == null) 1179 { 1180 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + colissimo_widget_messages.ferme + '</p>'); 1181 } else { 1182 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + currEmp.horairesOuvertureSamedi + '</p>'); 1183 } 1184 1185 1186 listeBuffer.push(' </td>'); 1187 listeBuffer.push('</tr>'); 1188 listeBuffer.push('<tr>'); 1189 listeBuffer.push(' <td class="widget_colissimo_padding" >'); 1190 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + colissimo_widget_messages.dimanche + '</p>'); 1191 listeBuffer.push(' </td>'); 1192 listeBuffer.push(' <td class="widget_colissimo_padding" >'); 1193 if(currEmp.horairesOuvertureDimanche.trim() == '' || currEmp.horairesOuvertureDimanche == null) 1194 { 1195 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + colissimo_widget_messages.ferme + '</p>'); 1196 } else { 1197 listeBuffer.push(' <p class="widget_colissimo_text_petit" >' + currEmp.horairesOuvertureDimanche + '</p>'); 1198 } 1199 listeBuffer.push(' </td>'); 1200 listeBuffer.push('</tr>'); 1201 1202 listeBuffer.push('<tr>'); 1203 listeBuffer.push(' <td colspan="4" class="widget_colissimo_padding" >'); 1204 listeBuffer.push(' <div class="widget_colissimo_bouton_validation widget_colissimo_grab" onclick="colissimo_widget_validatePDR(' + i + ')" ><p class="widget_colissimo_text_normal_blanc widget_colissimo_text_bouton" >' + colissimo_widget_messages.livrer + '</p></div>'); 1205 listeBuffer.push(' </td>'); 1206 listeBuffer.push('</tr>'); 1207 1208 listeBuffer.push('<tr>'); 1209 listeBuffer.push(' <td class="widget_colissimo_padding" ></td>'); 1210 1211 listeBuffer.push(' <td class="widget_colissimo_padding" >'); 1212 listeBuffer.push(' <div class="widget_colissimo_bouton_retour widget_colissimo_grab widget_colissimo_hidden" onclick="colissimo_widget_deselectingPDR(' + i + ')" ><p class="widget_colissimo_text_normal widget_colissimo_text_bouton" >Modifier</p></div>'); 1213 listeBuffer.push(' </td>'); 1214 1215 listeBuffer.push(' <td class="widget_colissimo_padding" >'); 1216 listeBuffer.push(' <div class="widget_colissimo_bouton_confirmation widget_colissimo_grab widget_colissimo_hidden" onclick="colissimo_widget_validatePDR(' + i + ')" ><p class="widget_colissimo_text_normal_blanc widget_colissimo_text_bouton" >Confirmer</p></div>'); 1217 listeBuffer.push(' </td>'); 1218 1219 1220 listeBuffer.push(' <td class="widget_colissimo_padding" ></td>'); 1221 listeBuffer.push('</tr>'); 1222 1223 listeBuffer.push('</table>'); 1224 1225 1226 1227 // FIN DETAILS DU PDR///////////////////////////////////// 1228 1229 1230 listeBuffer.push("</div>"); 1231 listeBuffer.push('<div class="widget_colissimo_barre" ></div>'); 1232 1233 1234 1235 } 1236 1237 }); 1238 1239 colissimo("#widget_colissimo_liste").html(listeBuffer.join('\n')); 1240
1241 ////////////////////////////////AUTO FOCUS//////////////////////////////////////// 1242 //distanceMax 1243 //La regression logarithmique donne cette formule : 1244 //13-1.41*log(x) 1245 if(window.innerWidth < 501) 1246 { 1247 //Formule pour mobile 1248 var zoom = 12.67 - 1.49*Math.log(distanceMax/1000); 1249 } else { 1250 //Version PC 1251 var zoom = 13.31 - 1.34*Math.log(distanceMax/1000); 1252 } 1253 if(colissimo_widget_map != null) 1254 colissimo_widget_map.setZoom(zoom); 1255 1256 //On arrête le loader 1257 colissimo("#widget_colissimo_loupe_img").addClass("widget_colissimo_loupe_img"); 1258 colissimo("#widget_colissimo_loupe_img").removeClass("widget_colissimo_loader"); 1259 }, 1260 error : function(res) { 1261 // 1262 } 1263 }); 1264 1265} 1266 1267function colissimo_widget_loadingMap(lng, lat, zoom, params ){ 1268 1269 //Si la map existe déj� , on ne la recharge pas. 1270 if(colissimo_widget_map != null) 1271 { 1272 return colissimo_widget_map; 1273 } 1274 1275 var colissimo = jQuery; 1276 1277 //Intégration de la MAP avec On Your Map 1278 mapboxgl.accessToken = null; 1279 var colissimo_widget_OYM_APP_KEY = null; 1280 //On va chercher les clefs 1281 colissimo.ajax({ 1282 type: 'GET', 1283 async: false, 1284 encoding:"UTF-8", 1285 url: params.URLColissimo + '/widget-colissimo/rest/GetKey.rest', 1286 contentType: "application/x-www-form-urlencoded; charset=utf-8", 1287 dataType: 'json', 1288 data: "data=" + window.btoa(JSON.stringify({token : params.token})), 1289 success: function(data) { 1290 mapboxgl.accessToken = data; 1291 } 1292 }); 1293 colissimo.ajax({ 1294 type: 'GET', 1295 async: false, 1296 encoding:"UTF-8", 1297 url: params.URLColissimo + '/widget-colissimo/rest/GetKeyOYM.rest', 1298 contentType: "application/x-www-form-urlencoded; charset=utf-8", 1299 dataType: 'json', 1300 data: "data=" + window.btoa(JSON.stringify({token : params.token})), 1301 success: function(data) { 1302 colissimo_widget_OYM_APP_KEY = data; 1303 } 1304 }); 1305 1306 var map = new mapboxgl.Map({ 1307 container: 'widget_colissimo_map', 1308 style: { 1309 'version': 8, 1310 'sources': { 1311 'oym-tiles': { 1312 'type': 'raster', 1313 'tiles': [ 1314 'https://t1-maps.onyourmap.com/oym?f=m&ft=png_std_256&x={x}&y={y}&z={z}
1314&key=' + colissimo_widget_OYM_APP_KEY + '&Referer=http://ws.colissimo.fr', 1315 'https://t2-maps.onyourmap.com/oym?f=m&ft=png_std_256&x={x}&y={y}&z={z}&key=' + colissimo_widget_OYM_APP_KEY + '&Referer=http://ws.colissimo.fr', 1316 'https://t3-maps.onyourmap.com/oym?f=m&ft=png_std_256&x={x}&y={y}&z={z}&key=' + colissimo_widget_OYM_APP_KEY + '&Referer=http://ws.colissimo.fr', 1317 'https://t4-maps.onyourmap.com/oym?f=m&ft=png_std_256&x={x}&y={y}&z={z}&key=' + colissimo_widget_OYM_APP_KEY + '&Referer=http://ws.colissimo.fr' 1318 ], 1319 'tileSize': 256, 1320 'attribution': '© onyourmap © Here 2021' 1321 } 1322 }, 1323 'layers': [ 1324 { 1325 'id': 'oym-tiles', 1326 'type': 'raster', 1327 'source': 'oym-tiles', 1328 'minzoom': 2, 1329 'maxzoom': 18 1330 } 1331 ] 1332 }, 1333 transformRequest: function(url, resourceType) { 1334 if (resourceType === 'Tile') { 1335 var x = NaN; 1336 var y = NaN; 1337 var z = NaN; 1338 var tokens = url.split("&"); 1339 for (var i = 0; i < tokens.length; i++) { 1340 if (tokens[i].indexOf("x=") == 0) x = tokens[i].substring(2); 1341 if (tokens[i].indexOf("y=") == 0) y = tokens[i].substring(2); 1342 if (tokens[i].indexOf("z=") == 0) z = tokens[i].substring(2); 1343 } 1344 1345 var oymZ = 18 - z; 1346 var oymY = Math.pow(2, z - 1) - 1 - y; 1347 var oymX = x - Math.pow(2, z - 1); 1348 1349 1350 var oymUrl = url.replace("&x=" + x, "&x=" + oymX).replace("&y=" + y, "&y=" + oymY).replace("&z=" + z, "&z=" + oymZ); 1351 1352 return { 1353 url: oymUrl, 1354 } 1355 } 1356 }, 1357 1358 center: [lng, lat], 1359 zoom: zoom, 1360 minZoom: 2, 1361 maxZoom: 17 1362 }); 1363 1364 // supprimer le logo mapbox (normalement pas le droit avec les versions mapbox 2.x) 1365 document.getElementsByClassName("mapboxgl-ctrl-logo")[0].style.display = "none"; 1366 1367 return map; 1368} 1369 1370/////////////////////////////////////////////////////////////////////////////////////////////////////// 1371///////////////////////////LES TROIS CSS POUR PC, MOBILE ET TABLETTE/////////////////////////////////// 1372/////////////////////////////////////////////////////////////////////////////////////////////////////// 1373function colissimo_widget_css(params){ 1374 1375 var cssBuffer = []; 1376 1377 cssBuffer.push("<style>"); 1378 1379 1380 1381 cssBuffer.push(".widget_colissimo_logo {"); 1382 cssBuffer.push("padding-left: 39px;"); 1383 cssBuffer.push("padding-right: 29px;"); 1384 cssBuffer.push("}"); 1385 1386 cssBuffer.push(".widget_colissimo_marker_home {"); 1387 cssBuffer.push("background-image: url('" + params.URLColissimo + "/widget-colissimo/images/ionic-md-locate.svg');"); 1388 cssBuffer.push("background-size: cover;"); 1389 cssBuffer.push("width: 25px;"); 1390 cssBuffer.push("height: 25px;"); 1391 cssBuffer.push("border-radius: 50%;"); 1392 cssBuffer.push("cursor: pointer;"); 1393 cssBuffer.push("}"); 1394 1395 cssBuffer.push(".widget_colissimo_marker {"); 1396 cssBuffer.push("background-image: url('" + params.URLColissimo + "/widget-colissimo/images/markerPDR.svg');"); 1397 cssBuffer.push("width: 25px;"); 1398 cssBuffer.push("height: 40px;"); 1399 cssBuffer.push("cursor: pointer;"); 1400 cssBuffer.push("}"); 1401 1402 cssBuffer.push(".widget_colissimo_marker:hover {"); 1403 cssBuffer.push("background-image: url('" + params.URLColissimo + "/widget-colissimo/images/markerPDRS.svg');"); 1404 cssBuffer.push("width: 25px;"); 1405 cssBuffer.push("height: 40px;"); 1406 cssBuffer.push("cursor: pointer;"); 1407 cssBuffer.push("}"); 1408 1409 cssBuffer.push(".widget_colissimo_marker_S {"); 1410 //cssBuffer.push("background-image: url('" + params.URLColissimo + "/widget-colissimo/images/markerPDRS.svg');"); 1411 cssBuffer.push("width: 25px;"); 1412 cssBuffer.push("height: 40px;"); 1413 cssBuffer.push("cursor: pointer;"); 1414 cssBuffer.push("}"); 1415 1416 1417 1418 1419 //FORCER LES PADDINGS POUR EMPECHER LES CMS DE CASSER lA MISE EN PAGE 1420 cssBuffer.push(".widget_colissimo_padding {"); 1421 cssBuffer.push("padding:1px!important"); 1422 cssBuffer.push("}"); 1423 1424 cssBuffer.push(".widget_colissimo_padding0 {"); 1425 cssBuffer.push("padding:0px!important"); 1426 cssBuffer.push("}"); 1427 1428 1429 //LES CSS DU LAYER WIDGET 1430 cssBuffer.push(".widget_colissimo_contenu {"); 1431 cssBuffer.push("width: 1000px;"); 1432 cssBuffer.push("height: 574px;"); //PRESTASHOP : On enleve 2 pixels en esperant que cela corrige le souci sur prestashop d'affichage de la map
1433 cssBuffer.push("background: #F7F7F7 0% 0% no-repeat padding-box;"); 1434 cssBuffer.push("border: 1px solid #E7E7E7;"); 1435 cssBuffer.push("opacity: 1;"); 1436 cssBuffer.push("margin: auto;"); 1437 cssBuffer.push("box-sizing: content-box !important;"); 1438 cssBuffer.push("}"); 1439 1440 1441 cssBuffer.push(".widget_colissimo_map {"); 1442 cssBuffer.push("width: 598px;"); 1443 cssBuffer.push("height: 483px;"); 1444 cssBuffer.push("background: #AAAAAA 0% 0% no-repeat padding-box;"); 1445 cssBuffer.push("border-top: 1px solid #E7E7E7;"); 1446 cssBuffer.push("border-left: 1px solid #E7E7E7;"); 1447 cssBuffer.push("opacity: 1;"); 1448 cssBuffer.push("float: right;"); 1449 cssBuffer.push("top: -57px;"); 1450 cssBuffer.push("}"); 1451 1452 cssBuffer.push(".widget_colissimo_map_img {"); 1453 cssBuffer.push("display: none;"); 1454 cssBuffer.push("}"); 1455 1456 cssBuffer.push(".widget_colissimo_liste {"); 1457 cssBuffer.push("overflow-y: scroll;"); 1458 cssBuffer.push("width: 400px;"); 1459 cssBuffer.push("height: 426px;"); 1460 cssBuffer.push("background: #FFFFFF 0% 0% no-repeat padding-box;"); 1461 cssBuffer.push("border-top: 1px solid #E7E7E7;"); 1462 cssBuffer.push("opacity: 1;"); 1463 cssBuffer.push("float: left;"); 1464 cssBuffer.push("}"); 1465 1466 1467 1468 cssBuffer.push(".widget_colissimo_filtres {"); 1469 cssBuffer.push("width: 400px;"); 1470 cssBuffer.push("height: 56px;"); 1471 cssBuffer.push("background: #FFFFFF 0% 0% no-repeat padding-box;"); 1472 cssBuffer.push("border-top: 1px solid #E7E7E7;"); 1473 cssBuffer.push("font: normal normal normal 13px/16px " + params.font + " ;"); 1474 cssBuffer.push("opacity: 1;"); 1475 cssBuffer.push("}"); 1476 1477 cssBuffer.push(".widget_colissimo_icone_img_filtre {"); 1478 cssBuffer.push("width: 19px;"); 1479 cssBuffer.push("height: 19px;"); 1480 cssBuffer.push("background-size: contain;"); 1481 cssBuffer.push("margin-left : 1px;"); 1482 cssBuffer.push("margin-right : 1px;"); 1483 cssBuffer.push("border: 0px solid #FFFFFF;"); 1484 cssBuffer.push("}"); 1485 1486 cssBuffer.push(".widget_colissimo_table {"); 1487 cssBuffer.push("border-collapse: inherit!important;"); 1488 cssBuffer.push("}"); 1489 1490 cssBuffer.push(".widget_colissimo_table_filtres {"); 1491 cssBuffer.push("width: 100%;"); 1492 cssBuffer.push("height: 100%;"); 1493 cssBuffer.push("text-align: center;"); 1494 cssBuffer.push("border-collapse: inherit!important;"); 1495 cssBuffer.push("}"); 1496 1497 1498 1499 /* bouton close */ 1500 cssBuffer.push(".widget_colissimo_close {"); 1501 cssBuffer.push("color: #000;"); 1502 cssBuffer.push("float: right;"); 1503 cssBuffer.push("font: normal normal bold 35px/35px Montserrat;"); 1504 cssBuffer.push("opacity: 1;"); 1505 cssBuffer.push("margin-right: 10px;"); 1506 cssBuffer.push("}"); 1507 1508 cssBuffer.push(".widget_colissimo_close:hover, .widget_colissimo_close:focus {"); 1509 cssBuffer.push("color: #000;"); 1510 cssBuffer.push("text-decoration: none;"); 1511 cssBuffer.push("cursor: pointer;"); 1512 cssBuffer.push("}"); 1513 1514 1515 1516 1517 cssBuffer.push(".widget_colissimo_sliders {"); 1518 //cssBuffer.push("width: 45px;"); 1519 cssBuffer.push("height: 36px;"); 1520 //cssBuffer.push("background: #FFFFFF 0% 0% no-repeat padding-box;"); 1521 cssBuffer.push("border-radius: 23px;"); 1522 cssBuffer.push("opacity: 1;"); 1523 cssBuffer.push("margin-top: 20px;"); 1524 cssBuffer.push("margin-bottom: 20px;"); 1525 cssBuffer.push("}"); 1526 1527 1528 cssBuffer.push(".widget_colissimo_sliders_img {"); 1529 cssBuffer.push("width: 18px;"); 1530 cssBuffer.push("height: 21px;"); 1531 //cssBuffer.push("transform: matrix(0, -1, 1, 0, 0, 0);"); 1532 //cssBuffer.push("background: transparent url('" + params.URLColissimo + "/widget-colissimo/images/awesome-sliders-h.svg') 0% 0% no-repeat padding-box;"); 1533 cssBuffer.push("opacity: 1;"); 1534 cssBuffer.push("margin-left: 13px;"); 1535 cssBuffer.push("top: 12px;"); 1536 cssBuffer.push("position: relative;"); 1537 cssBuffer.push("}"); 1538 1539 1540 cssBuffer.push(".widget_colissimo_loupe_img {"); 1541 cssBuffer.push("width: 24px;"); 1542 cssBuffer.push("height: 24px;"); 1543 //cssBuffer.push("transform: matrix(0, -1, 1, 0, 0, 0);"); 1544 cssBuffer.push("background: transparent url('" + params.URLColissimo + "/widget-colissimo/images/loupe.svg') 0% 0% no-repeat padding-box;"); 1545 cssBuffer.push("background-size: 24px 24px;"); 1546 cssBuffer.push("opacity: 1;"); 1547 cssBuffer.push("margin-left: 18px;"); 1548 cssBuffer.push("top: 8px;"); 1549 cssBuffer.push("position: relative;"); 1550 cssBuffer.push("vertical-align: unset !important;"); 1551 cssBuffer.push("}"); 1552 1553/////////////////////////////////////////////////////////////////////////////////////////////////////// 1554///////////////////////////LE LOADER/////////////////////////////////// 1555/////////////////////////////////////////////////////////////////////////////////////////////////////// 1556 1557 1558 cssBuffer.push(".widget_colissimo_loader {"); 1559 cssBuffer.push("border: 4px solid #f3f3f3;");
1560 cssBuffer.push("border-top: 4px solid #BDBDBD;"); 1561 cssBuffer.push("border-radius: 50%;"); 1562 cssBuffer.push("width: 14px;"); 1563 cssBuffer.push("height: 14px;"); 1564 cssBuffer.push("animation: testouille 2s linear infinite;"); 1565 1566 cssBuffer.push("margin-left: 18px;"); 1567 cssBuffer.push("top: 8px;"); 1568 cssBuffer.push("position: relative;"); 1569 cssBuffer.push("vertical-align: unset !important;"); 1570 1571 cssBuffer.push("}"); 1572 cssBuffer.push("@keyframes testouille {"); 1573 cssBuffer.push("0% { transform: rotate(0deg); }"); 1574 cssBuffer.push("100% { transform: rotate(360deg); }"); 1575 cssBuffer.push("}"); 1576 1577 1578/////////////////////////////////////////////////////////////////////////////////////////////////////// 1579 1580 1581 1582 cssBuffer.push(".widget_colissimo_point_img {"); 1583 cssBuffer.push("border: 0px solid #FFFFFF;"); 1584 cssBuffer.push("width: 18px;"); 1585 cssBuffer.push("height: 18px;"); 1586 cssBuffer.push("background-size: contain;"); 1587 cssBuffer.push("opacity: 1;"); 1588 cssBuffer.push("margin-left: 5px;"); 1589 cssBuffer.push("margin-right: 5px;"); 1590 cssBuffer.push("top: 3px;"); 1591 cssBuffer.push("left: 40px;"); 1592 cssBuffer.push("position: relative;"); 1593 cssBuffer.push("vertical-align: unset !important;"); 1594 cssBuffer.push("}"); 1595 1596 1597 1598 1599 cssBuffer.push(".widget_colissimo_input_text_normal {"); 1600 cssBuffer.push("width: 387px;"); 1601 cssBuffer.push("height: 36px;"); 1602 cssBuffer.push("margin-top: 26px;"); 1603 cssBuffer.push("margin-bottom: 26px;"); 1604 cssBuffer.push("background: #FFFFFF 0% 0% no-repeat padding-box;"); 1605 cssBuffer.push("border: 1px solid #CDCDCD;"); 1606 cssBuffer.push("border-radius: 8px 0px 0px 8px;"); 1607 cssBuffer.push("opacity: 1;"); 1608 1609 cssBuffer.push("font: normal normal normal 14px " + params.font + " ;"); 1610 cssBuffer.push("letter-spacing: 0px;"); 1611 cssBuffer.push("color: #3C3C3B;"); 1612 1613 cssBuffer.push("padding-left: 45px!important;"); 1614 cssBuffer.push("padding-right: 0px!important;"); 1615 cssBuffer.push("padding-top: 0px!important;"); 1616 cssBuffer.push("padding-bottom: 0px!important;"); 1617 cssBuffer.push("}"); 1618 1619 cssBuffer.push(".widget_colissimo_text_normal {"); 1620 cssBuffer.push("text-align: left;"); 1621 cssBuffer.push("font: normal normal normal 13px " + params.font + " ;"); 1622 cssBuffer.push("line-height: 10px;"); 1623 cssBuffer.push("margin : 0px;"); 1624 cssBuffer.push("letter-spacing: 0px;"); 1625 cssBuffer.push("color: #3C3C3B;"); 1626 cssBuffer.push("opacity: 1;"); 1627 cssBuffer.push("padding:0px!important;"); 1628 cssBuffer.push("}"); 1629 1630 cssBuffer.push(".widget_colissimo_text_erreur {"); 1631 cssBuffer.push("text-align: center;"); 1632 cssBuffer.push("font: normal normal normal 11px " + params.font + " ;"); 1633 cssBuffer.push("line-height: 10px;"); 1634 cssBuffer.push("margin : 0px;"); 1635 cssBuffer.push("letter-spacing: 0px;"); 1636 cssBuffer.push("color: #FF0000;"); 1637 cssBuffer.push("opacity: 1;"); 1638 cssBuffer.push("padding:0px!important;"); 1639 cssBuffer.push("top: 10px!important;"); 1640 cssBuffer.push("position: relative!important;"); 1641 cssBuffer.push("}"); 1642 1643 cssBuffer.push(".widget_colissimo_text_bold {"); 1644 cssBuffer.push("text-align: left;"); 1645 cssBuffer.push("font: normal normal bold 12px " + params.font + " ;"); 1646 cssBuffer.push("margin-bottom : 2px;"); 1647 cssBuffer.push("margin-top : 10px;"); 1648 cssBuffer.push("letter-spacing: 0px;"); 1649 cssBuffer.push("color: #3C3C3B;"); 1650 cssBuffer.push("opacity: 1;"); 1651 cssBuffer.push("padding:0px!important;"); 1652 cssBuffer.push("}"); 1653 1654 cssBuffer.push(".widget_colissimo_mode_transport {"); 1655 cssBuffer.push("width: 60px;"); 1656 cssBuffer.push("height: 36px;"); 1657 cssBuffer.push("margin-top: 26px;"); 1658 cssBuffer.push("margin-bottom: 26px;"); 1659 cssBuffer.push("background: #FFFFFF 0% 0% no-repeat padding-box;"); 1660 cssBuffer.push("border: 1px solid #CDCDCD;"); 1661 cssBuffer.push("border-left : 0px;"); 1662 cssBuffer.push("border-radius: 0px 8px 8px 0px;"); 1663 cssBuffer.push("opacity: 1;"); 1664 cssBuffer.push("left : 50px;"); 1665 cssBuffer.push("}"); 1666 1667 cssBuffer.push(".widget_colissimo_table_adresse {"); 1668 cssBuffer.push("border-collapse: collapse;"); 1669 cssBuffer.push("text-indent: initial;"); 1670 cssBuffer.push("border-spacing: 0px;"); 1671 cssBuffer.push("padding : 0px!important;"); 1672 cssBuffer.push("border-collapse: inherit!important;"); 1673 cssBuffer.push("}"); 1674 1675 cssBuffer.push(".widget_colissimo_checkcircle_img {"); 1676 cssBuffer.push("width: 21px;"); 1677 cssBuffer.push("height: 21px;"); 1678 cssBuffer.push("background: transparent url('" + params.URLColissimo + "/widget-colissimo/images/awesome-check-circle.svg') 0% 0% no-repeat padding-box;"); 1679 cssBuffer.push("margin-left : 21px;"); 1680 cssBuffer.push("margin-right : 21px;"); 1681 cssBuffer.push("vertical-align: unset !important;"); 1682 cssBuffer.push("}"); 1683 1684 cssBuffer.push(".widget_colissimo_walking_img {"); 1685 cssBuffer.push("width: 11px;"); 1686 cssBuffer.push("height: 17px;"); 1687 cssBuffer.push("background-size: contain;"); 1688 cssBuffer.push("margin-left : 5px;"); 1689 cssBuffer.push("margin-right : 5px;"); 1690 cssBuffer.push("border: 0px solid #FFFFFF;"); 1691 cssBuffer.push("vertical-align: unset !important;"); 1692 cssBuffer.push("}"); 1693 1694 cssBuffer.push(".widget_colissimo_icone_img {"); 1695 cssBuffer.push("width: 16px;"); 1696 cssBuffer.push("height: 16px;"); 1697 cssBuffer.push("background-size: contain;"); 1698 cssBuffer.push("margin-left : 1px;"); 1699 cssBuffer.push("margin-right : 1px;"); 1700 cssBuffer.push("border: 0px solid #FFFFFF;"); 1701 cssBuffer.push("vertical-align: unset !important;"); 1702 cssBuffer.push("}"); 1703 1704 cssBuffer.push(".widget_colissimo_right {"); 1705 cssBuffer.push("text-align: right;"); 1706 cssBuffer.push("}"); 1707 1708 cssBuffer.push(".widget_colissimo_w100 {"); 1709 cssBuffer.push("width: 95%;"); 1710 cssBuffer.push("}"); 1711 1712 cssBuffer.push(".widget_colissimo_w60 {"); 1713 cssBuffer.push("width: 60px;"); 1714 cssBuffer.push("}"); 1715 1716 cssBuffer.push(".widget_colissimo_w30 {");
1717 cssBuffer.push("width: 20px;"); 1718 cssBuffer.push("}"); 1719 1720 cssBuffer.push(".widget_colissimo_margin_right20 {"); 1721 cssBuffer.push("margin-right: 20px;"); 1722 cssBuffer.push("}"); 1723 1724 cssBuffer.push(".widget_colissimo_barre {"); 1725 cssBuffer.push("margin-left : 5%;"); 1726 cssBuffer.push("margin-right : 5%;"); 1727 cssBuffer.push("width: 90%;"); 1728 cssBuffer.push("border-top: 1px solid #CDCDCD;"); 1729 cssBuffer.push("}"); 1730 1731 1732 cssBuffer.push(".widget_colissimo_w70 {"); 1733 cssBuffer.push("width: 70px;"); 1734 cssBuffer.push("}"); 1735 1736 1737 1738 1739 //POUR LES DETAILS DES PDR///////////////// 1740 1741 cssBuffer.push(".widget_colissimo_PDR {"); 1742 cssBuffer.push("padding-bottom : 10px!important;"); 1743 cssBuffer.push("border-left: solid 8px #FBFBFB;"); 1744 cssBuffer.push("background: #FBFBFB 0% 0% no-repeat padding-box;"); 1745 cssBuffer.push("}"); 1746 1747 cssBuffer.push(".widget_colissimo_PDR:hover {"); 1748 cssBuffer.push("padding-bottom : 10px;!important"); 1749 cssBuffer.push("border-left: solid 8px " + params.couleur1 + ";"); 1750 cssBuffer.push("}"); 1751 1752 cssBuffer.push(".widget_colissimo_PDR_border {"); 1753 cssBuffer.push("border-left: solid 8px " + params.couleur1 + "!important;"); 1754 cssBuffer.push("}"); 1755 1756 cssBuffer.push(".widget_colissimo_grab {"); 1757 cssBuffer.push(" cursor: pointer;"); 1758 cssBuffer.push("}"); 1759 1760 cssBuffer.push(".widget_colissimo_hidden {"); 1761 cssBuffer.push(" display : none;"); 1762 cssBuffer.push("}"); 1763 1764 1765 cssBuffer.push(".widget_colissimo_text_petit {"); 1766 cssBuffer.push(" font: normal normal normal 13px " + params.font + " ;"); 1767 cssBuffer.push(" text-align: left;"); 1768 cssBuffer.push(" margin : 0px;"); 1769 cssBuffer.push(" letter-spacing: 0px;"); 1770 cssBuffer.push(" color: #3C3C3B;"); 1771 cssBuffer.push(" opacity: 1;"); 1772 cssBuffer.push(" padding:0px!important;"); 1773 cssBuffer.push("}"); 1774 1775 1776 cssBuffer.push(".widget_colissimo_selected {"); 1777 cssBuffer.push(" border-left: solid 8px #EBEBEB;"); 1778 cssBuffer.push(" background: #EBEBEB 0% 0% no-repeat padding-box;"); 1779 cssBuffer.push(" opacity: 0.85;"); 1780 cssBuffer.push("}"); 1781 1782 cssBuffer.push(".widget_colissimo_grise {"); 1783 cssBuffer.push(" opacity: 0.30;"); 1784 cssBuffer.push("}"); 1785 1786 1787 1788 cssBuffer.push(".widget_colissimo_icone_coche {"); 1789 cssBuffer.push("width: 14px;"); 1790 cssBuffer.push("height: 14px;"); 1791 cssBuffer.push("background-size: contain;"); 1792 cssBuffer.push("margin-left : 2px;"); 1793 cssBuffer.push("margin-right : 8px;"); 1794 cssBuffer.push("border: 0px solid #FFFFFF;"); 1795 cssBuffer.push("position: relative;"); 1796 cssBuffer.push("top: 3px;"); 1797 cssBuffer.push("}"); 1798 1799 1800 cssBuffer.push(".widget_colissimo_rotation180 {"); 1801 cssBuffer.push("-webkit-transform: rotate(180deg);"); 1802 cssBuffer.push("-moz-transform: rotate(180deg);"); 1803 cssBuffer.push("-ms-transform: rotate(180deg);"); 1804 cssBuffer.push("-o-transform: rotate(180deg);"); 1805 cssBuffer.push("transform: rotate(180deg);"); 1806 cssBuffer.push("}"); 1807 1808 //FIN/////////////////////////// 1809 1810 1811 1812 1813 cssBuffer.push(".widget_colissimo_text_bouton {"); 1814 cssBuffer.push(" font: normal normal normal 14px " + params.font + " ;"); 1815 cssBuffer.push(" text-align: left;"); 1816 cssBuffer.push(" margin : 0px;"); 1817 cssBuffer.push(" letter-spacing: 0px;"); 1818 cssBuffer.push(" color: #FFFFFF;"); 1819 cssBuffer.push(" opacity: 1;"); 1820 cssBuffer.push(" padding:0px!important;"); 1821 cssBuffer.push("}"); 1822 1823 cssBuffer.push(".widget_colissimo_bouton_validation {"); 1824 cssBuffer.push(" width: 176px;"); 1825 cssBuffer.push(" height: 29px;"); 1826 cssBuffer.push(" margin-top: 30px !important;"); 1827 cssBuffer.push(" background: " + params.couleurBouton + " 0% 0% no-repeat padding-box;"); 1828 cssBuffer.push(" border-radius: 23px;"); 1829 cssBuffer.push(" opacity: 1;"); 1830 cssBuffer.push(" margin: auto;"); 1831 cssBuffer.push(" padding-left: 32px!important;"); 1832 cssBuffer.push(" padding-right: 11px!important;"); 1833 cssBuffer.push(" padding-top: 11px!important;"); 1834 cssBuffer.push("}"); 1835 1836 1837 //////////////////////////////////////////// 1838 //SERCA 1839 /////////////////////////////////////////// 1840 1841 1842 cssBuffer.push(".widget_colissimo_autocomplete"); 1843 cssBuffer.push("{"); 1844 cssBuffer.push(" position: relative;"); 1845 cssBuffer.push(" top: -569px;"); 1846 cssBuffer.push(" left: 261px;"); 1847 cssBuffer.push(" cursor: default;"); 1848 cssBuffer.push(" z-index: 10000000!important;"); 1849 cssBuffer.push(" background-color: #FFFFFF!important;"); 1850 cssBuffer.push(" box-shadow: 0px 3px 4px #00000029;"); 1851 cssBuffer.push(" width: 433px!important;"); 1852 cssBuffer.push("}"); 1853 1854 cssBuffer.push(".widget_colissimo_autocomplete_ul"); 1855 cssBuffer.push("{"); 1856 cssBuffer.push(" position: relative;"); 1857 cssBuffer.push(" margin-top:0px;"); 1858 cssBuffer.push(" margin-bottom:0px;"); 1859 cssBuffer.push(" padding-left:0px;"); 1860 cssBuffer.push("}"); 1861 1862 cssBuffer.push(".widget_colissimo_autocomplete_li"); 1863 cssBuffer.push("{"); 1864 cssBuffer.push(" position: relative;");
1865 cssBuffer.push(" font: normal normal normal 15px/40px " + params.font + " ;"); 1866 cssBuffer.push(" list-style-type: none;"); 1867 cssBuffer.push(" background-image: url('" + params.URLColissimo + "/widget-colissimo/images/pictoAdresse.svg');"); 1868 cssBuffer.push(" background-repeat: no-repeat;"); 1869 cssBuffer.push(" background-position: 15px center;"); 1870 cssBuffer.push(" padding-left: 45px!important;"); 1871 cssBuffer.push(" padding-right: 0px!important;"); 1872 cssBuffer.push(" padding-top: 0px!important;"); 1873 cssBuffer.push(" padding-bottom: 0px!important;"); 1874 cssBuffer.push(" background-size: 15px;"); 1875 cssBuffer.push(" height: 35px!important;"); 1876 cssBuffer.push("}"); 1877 1878 cssBuffer.push(".widget_colissimo_autocomplete_li:hover"); 1879 cssBuffer.push("{"); 1880 cssBuffer.push(" background-color: #00000020;"); 1881 cssBuffer.push("}"); 1882 1883 cssBuffer.push(".widget_colissimo_autocomplete_trait"); 1884 cssBuffer.push("{"); 1885 cssBuffer.push(" border-bottom: 1px solid #00000029;"); 1886 cssBuffer.push(" margin-left:15px;"); 1887 cssBuffer.push(" margin-right:15px;"); 1888 cssBuffer.push(" list-style-type: none;"); 1889 cssBuffer.push(" height: 0px;"); 1890 cssBuffer.push(" opacity: 0.5;"); 1891 cssBuffer.push("}"); 1892 1893 //////////////////////////////////////////// 1894 1895 cssBuffer.push("</style>"); 1896 1897 return cssBuffer.join('\n'); 1898 1899} 1900 1901 1902function colissimo_widget_css_mobile(params){ 1903 1904 var cssBuffer = []; 1905 1906 1907 cssBuffer.push("<style>"); 1908 1909 cssBuffer.push(".widget_colissimo_logo {"); 1910 cssBuffer.push("padding-left: " + (window.innerWidth-200)/2 + "px;"); 1911 cssBuffer.push("padding-right: 29px;"); 1912 cssBuffer.push("}"); 1913 1914 cssBuffer.push(".widget_colissimo_marker_home {"); 1915 cssBuffer.push("background-image: url('" + params.URLColissimo + "/widget-colissimo/images/ionic-md-locate.svg');"); 1916 cssBuffer.push("background-size: cover;"); 1917 cssBuffer.push("width: 25px;"); 1918 cssBuffer.push("height: 25px;"); 1919 cssBuffer.push("border-radius: 50%;"); 1920 cssBuffer.push("cursor: pointer;"); 1921 cssBuffer.push("}"); 1922 1923 cssBuffer.push(".widget_colissimo_marker {"); 1924 cssBuffer.push("background-image: url('" + params.URLColissimo + "/widget-colissimo/images/markerPDR.svg');"); 1925 cssBuffer.push("width: 25px;"); 1926 cssBuffer.push("height: 40px;"); 1927 cssBuffer.push("cursor: pointer;"); 1928 cssBuffer.push("}"); 1929 1930 cssBuffer.push(".widget_colissimo_marker:hover {"); 1931 cssBuffer.push("background-image: url('" + params.URLColissimo + "/widget-colissimo/images/markerPDRS.svg');"); 1932 cssBuffer.push("width: 25px;"); 1933 cssBuffer.push("height: 40px;"); 1934 cssBuffer.push("cursor: pointer;"); 1935 cssBuffer.push("}"); 1936 1937 cssBuffer.push(".widget_colissimo_marker_S {"); 1938 //cssBuffer.push("background-image: url('" + params.URLColissimo + "/widget-colissimo/images/markerPDRS.svg');"); 1939 cssBuffer.push("width: 25px;"); 1940 cssBuffer.push("height: 40px;"); 1941 cssBuffer.push("cursor: pointer;"); 1942 cssBuffer.push("}"); 1943 1944 //Prendre tout l'écran du téléphone 1945 1946 cssBuffer.push("html, body {"); 1947 cssBuffer.push("height: 100% !important;"); 1948 cssBuffer.push("margin: 0 !important;"); 1949 cssBuffer.push("padding: 0 !important;"); 1950 //on empeche le scrolling 1951 cssBuffer.push("overflow-y: hidden;"); 1952 cssBuffer.push("}"); 1953 1954 cssBuffer.push(".widget_colissimo {"); 1955 cssBuffer.push("position: absolute;"); 1956 cssBuffer.push("top: 0;"); 1957 cssBuffer.push("left: 0;"); 1958 cssBuffer.push("width: 100%;"); 1959 cssBuffer.push("height: 100%;"); 1960 cssBuffer.push("}"); 1961 1962 1963 //FORCER LES PADDINGS POUR EMPECHER LES CMS DE CASSER lA MISE EN PAGE 1964 cssBuffer.push(".widget_colissimo_padding {"); 1965 cssBuffer.push("padding:1px!important"); 1966 cssBuffer.push("}"); 1967 1968 1969 //////////////////////////////// 1970 //LES CSS DU LAYER WIDGET 1971 //////////////////////////////// 1972 cssBuffer.push(".widget_colissimo_contenu {"); 1973 cssBuffer.push("width: 100%;"); 1974// cssBuffer.push("overflow-y: scroll;"); 1975 cssBuffer.push("background: #F7F7F7 0% 0% no-repeat padding-box;"); 1976 cssBuffer.push("border: 1px solid #E7E7E7;"); 1977 cssBuffer.push("opacity: 1;"); 1978 cssBuffer.push("box-sizing: content-box !important;"); 1979 cssBuffer.push("}"); 1980 1981 1982 cssBuffer.push(".widget_colissimo_map {"); 1983 cssBuffer.push("width: 100%;"); 1984 cssBuffer.push("height: " + (window.innerHeight-116) + "px;"); 1985 cssBuffer.push("background: #AAAAAA 0% 0% no-repeat padding-box;"); 1986 cssBuffer.push("border-top: 1px solid #E7E7E7;"); 1987 cssBuffer.push("opacity: 1;"); 1988 cssBuffer.push("}"); 1989 1990 1991 cssBuffer.push(".widget_colissimo_map_barre {"); 1992 cssBuffer.push("width: 51px;"); 1993 cssBuffer.push("border: 4px solid #A2A2A2;"); 1994 cssBuffer.push("position: absolute;"); 1995 cssBuffer.push("top: " + (window.innerHeight-48) + "px;"); 1996 var colissimo_widget_left_barre = Math.trunc(window.innerWidth/2-32); 1997 cssBuffer.push("left: " + colissimo_widget_left_barre + "px;"); 1998 cssBuffer.push("z-index: 1000;"); 1999 cssBuffer.push("border-radius: 5px;"); 2000 cssBuffer.push("opacity: 1;"); 2001 cssBuffer.push("margin: 5px;"); 2002 cssBuffer.push("}"); 2003 2004 cssBuffer.push(".widget_colissimo_map_zone {"); 2005 cssBuffer.push("width: " + (window.innerWidth) + "px;"); 2006 cssBuffer.push("height: " + (window.innerHeight-112) + "px;"); 2007 //cssBuffer.push("border: 5px solid #A2A2A2;"); 2008 cssBuffer.push("position: absolute;"); 2009 cssBuffer.push("top: " + (window.innerHeight-58) + "px;"); 2010 cssBuffer.push("left: 0px;"); 2011 cssBuffer.push("z-index: 500;"); 2012 cssBuffer.push("opacity: 0.3;"); 2013 cssBuffer.push("margin: 0px;"); 2014 cssBuffer.push("}"); 2015 2016 cssBuffer.push(".widget_colissimo_map_icone {"); 2017 cssBuffer.push("width: 70px;"); 2018 cssBuffer.push("height: 70px;"); 2019 cssBuffer.push("background-size: cover;");
2020 cssBuffer.push("background: #FFFFFF 0% 0% no-repeat padding-box;"); 2021 cssBuffer.push("box-shadow: 0px 0px 6px #00000029;"); 2022 cssBuffer.push("border: 1px solid #ECECEC;"); 2023 cssBuffer.push("border-radius: 35px;"); 2024 cssBuffer.push("opacity: 1;"); 2025 cssBuffer.push("z-index: 1000;"); 2026 cssBuffer.push("position: absolute;"); 2027 cssBuffer.push("top: " + (window.innerHeight-90) + "px;"); 2028 var colissimo_widget_left_barre = Math.trunc(window.innerWidth-90); 2029 cssBuffer.push("left: " + colissimo_widget_left_barre + "px;"); 2030 cssBuffer.push("}"); 2031 2032 cssBuffer.push(".widget_colissimo_map_liste {"); 2033 cssBuffer.push("width: 70px;"); 2034 cssBuffer.push("height: 70px;"); 2035 cssBuffer.push("background-size: cover;"); 2036 cssBuffer.push("background: #FFFFFF 0% 0% no-repeat padding-box;"); 2037 cssBuffer.push("box-shadow: 0px 0px 6px #00000029;"); 2038 cssBuffer.push("border: 1px solid #ECECEC;"); 2039 cssBuffer.push("border-radius: 35px;"); 2040 cssBuffer.push("opacity: 1;"); 2041 cssBuffer.push("z-index: 1000;"); 2042 cssBuffer.push("position: absolute;"); 2043 cssBuffer.push("top: " + (window.innerHeight-90) + "px;"); 2044 //cssBuffer.push("top: " + (2*window.innerHeight-150) + "px;"); 2045 var colissimo_widget_left_barre = Math.trunc(window.innerWidth-90); 2046 cssBuffer.push("left: " + colissimo_widget_left_barre + "px;"); 2047 cssBuffer.push("}"); 2048 2049 cssBuffer.push(".widget_colissimo_map_img {"); 2050 cssBuffer.push("width: 30px;"); 2051 cssBuffer.push("height: 30px;"); 2052 cssBuffer.push("margin: 20px;"); 2053 cssBuffer.push("}"); 2054 2055 2056 cssBuffer.push(".widget_colissimo_liste {"); 2057 cssBuffer.push("overflow-y: scroll;"); 2058 cssBuffer.push("width: 100%;"); 2059 2060 //on calcule la hauteur en fonction de l'écran. 2061 var colissimo_widget_hauteur_liste = Math.trunc(window.innerHeight-220); 2062 cssBuffer.push("height: " + colissimo_widget_hauteur_liste + "px;"); 2063 cssBuffer.push("background: #FFFFFF 0% 0% no-repeat padding-box;"); 2064 cssBuffer.push("border-top: 1px solid #E7E7E7;"); 2065 cssBuffer.push("opacity: 1;"); 2066 cssBuffer.push("}"); 2067 2068 2069 cssBuffer.push(".widget_colissimo_filtres {"); 2070 cssBuffer.push("width: 100%;"); 2071 cssBuffer.push("height: 56px;"); 2072 cssBuffer.push("background: #FFFFFF 0% 0% no-repeat padding-box;"); 2073 cssBuffer.push("border-top: 1px solid #E7E7E7;"); 2074 cssBuffer.push("font: normal normal normal 13px/16px " + params.font + " ;"); 2075 cssBuffer.push("opacity: 1;"); 2076 cssBuffer.push("}"); 2077 2078 cssBuffer.push(".widget_colissimo_icone_img_filtre {"); 2079 cssBuffer.push("width: 19px;"); 2080 cssBuffer.push("height: 19px;"); 2081 cssBuffer.push("background-size: contain;"); 2082 cssBuffer.push("margin-left : 1px;"); 2083 cssBuffer.push("margin-right : 1px;"); 2084 cssBuffer.push("border: 0px solid #FFFFFF;"); 2085 cssBuffer.push("}"); 2086 2087 cssBuffer.push(".widget_colissimo_table_filtres {"); 2088 cssBuffer.push("width: 100%;"); 2089 cssBuffer.push("height: 100%;"); 2090 cssBuffer.push("text-align: center;"); 2091 cssBuffer.push("border-collapse: inherit!important;"); 2092 cssBuffer.push("}"); 2093 2094 cssBuffer.push(".widget_colissimo_table {"); 2095 cssBuffer.push("border-collapse: inherit!important;"); 2096 cssBuffer.push("}"); 2097 2098 //////////////////////////////// 2099 //FIN LES CSS DU LAYER WIDGET 2100 //////////////////////////////// 2101 2102 /* bouton close */ 2103 cssBuffer.push(".widget_colissimo_close {"); 2104 cssBuffer.push("color: #000;"); 2105 cssBuffer.push("float: right;"); 2106 cssBuffer.push("font: normal normal bold 35px/35px Montserrat;"); 2107 cssBuffer.push("opacity: 1;"); 2108 cssBuffer.push("margin-right: 10px;"); 2109 cssBuffer.push("margin-bottom: -20px;"); 2110 cssBuffer.push("}"); 2111 2112 cssBuffer.push(".widget_colissimo_close:hover, .widget_colissimo_close:focus {"); 2113 cssBuffer.push("color: #000;"); 2114 cssBuffer.push("text-decoration: none;"); 2115 cssBuffer.push("cursor: pointer;"); 2116 cssBuffer.push("}"); 2117 2118 2119 2120 cssBuffer.push(".widget_colissimo_sliders {"); 2121 cssBuffer.push("height: 25px;"); 2122 cssBuffer.push("background: #FFFFFF 0% 0% no-repeat padding-box;"); 2123 cssBuffer.push("border-radius: 23px;"); 2124 cssBuffer.push("opacity: 1;"); 2125 cssBuffer.push("margin: 26px;"); 2126 cssBuffer.push("display : none;"); 2127 cssBuffer.push("}"); 2128 2129 2130 cssBuffer.push(".widget_colissimo_sliders_img {"); 2131 cssBuffer.push("width: 18px;"); 2132 cssBuffer.push("height: 21px;"); 2133 //cssBuffer.push("transform: matrix(0, -1, 1, 0, 0, 0);"); 2134 cssBuffer.push("background: transparent url('" + params.URLColissimo + "/widget-colissimo/images/awesome-sliders-h.svg') 0% 0% no-repeat padding-box;"); 2135 cssBuffer.push("opacity: 1;"); 2136 cssBuffer.push("margin-left: 13px;"); 2137 cssBuffer.push("top: 12px;"); 2138 cssBuffer.push("position: relative;"); 2139 cssBuffer.push("}"); 2140 2141 2142 cssBuffer.push(".widget_colissimo_loupe_img {"); 2143 cssBuffer.push("width: 24px;"); 2144 cssBuffer.push("height: 24px;"); 2145 //cssBuffer.push("transform: matrix(0, -1, 1, 0, 0, 0);"); 2146 cssBuffer.push("background: transparent url('" + params.URLColissimo + "/widget-colissimo/images/loupe.svg') 0% 0% no-repeat padding-box;"); 2147 cssBuffer.push("background-size: 24px 24px;"); 2148 cssBuffer.push("opacity: 1;"); 2149 cssBuffer.push("margin-left: 18px;"); 2150 cssBuffer.push("top: 8px;"); 2151 cssBuffer.push("position: relative;"); 2152 cssBuffer.push("vertical-align: unset !important;"); 2153 cssBuffer.push("}"); 2154 2155/////////////////////////////////////////////////////////////////////////////////////////////////////// 2156///////////////////////////LE LOADER/////////////////////////////////// 2157/////////////////////////////////////////////////////////////////////////////////////////////////////// 2158 2159 2160cssBuffer.push(".widget_colissimo_loader {"); 2161cssBuffer.push("border: 4px solid #f3f3f3;");
2162cssBuffer.push("border-top: 4px solid #BDBDBD;"); 2163cssBuffer.push("border-radius: 50%;"); 2164cssBuffer.push("width: 14px;"); 2165cssBuffer.push("height: 14px;"); 2166cssBuffer.push("animation: testouille 2s linear infinite;"); 2167 2168cssBuffer.push("margin-left: 18px;"); 2169cssBuffer.push("top: 8px;"); 2170cssBuffer.push("position: relative;"); 2171cssBuffer.push("vertical-align: unset !important;"); 2172 2173cssBuffer.push("}"); 2174cssBuffer.push("@keyframes testouille {"); 2175cssBuffer.push("0% { transform: rotate(0deg); }"); 2176cssBuffer.push("100% { transform: rotate(360deg); }"); 2177cssBuffer.push("}"); 2178 2179 2180/////////////////////////////////////////////////////////////////////////////////////////////////////// 2181 2182 2183 2184 2185 2186 2187 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 2188 ///////////////////////////////////////////Barre de recherche/////////////////////////////////////////////////////////// 2189 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 2190 cssBuffer.push(".widget_colissimo_point_img {"); 2191 cssBuffer.push("border: 0px solid #FFFFFF;"); 2192 cssBuffer.push("width: 18px;"); 2193 cssBuffer.push("height: 18px;"); 2194 cssBuffer.push("background-size: contain;"); 2195 cssBuffer.push("opacity: 1;"); 2196 //cssBuffer.push("margin-left: 5px;"); 2197 //cssBuffer.push("margin-right: 5px;"); 2198 cssBuffer.push("top: 10px;"); 2199 cssBuffer.push("left: 20%;"); 2200 cssBuffer.push("position: relative;"); 2201 cssBuffer.push("vertical-align: unset !important;"); 2202 cssBuffer.push("}"); 2203 2204 cssBuffer.push(".widget_colissimo_point_input {"); 2205 cssBuffer.push("margin-top: 20px;"); 2206 cssBuffer.push("margin-bottom: 26px;"); 2207 cssBuffer.push("margin-left: 0px;"); 2208 //cssBuffer.push("width: 30px;"); 2209 cssBuffer.push("height: 36px;"); 2210 cssBuffer.push("background: #FFFFFF 0% 0% no-repeat padding-box;"); 2211 cssBuffer.push("border-left: 1px solid #CDCDCD;"); 2212 cssBuffer.push("border-top: 1px solid #CDCDCD;"); 2213 cssBuffer.push("border-bottom: 1px solid #CDCDCD;"); 2214 cssBuffer.push("border-radius: 8px 0px 0px 8px;"); 2215 cssBuffer.push("opacity: 1;"); 2216 cssBuffer.push("padding-top: 0px!important;"); 2217 cssBuffer.push("padding-bottom: 0px!important;"); 2218 //cssBuffer.push("float:right;"); 2219 cssBuffer.push("}"); 2220 2221 2222 cssBuffer.push(".widget_colissimo_input_text_normal {"); 2223 cssBuffer.push("margin-top: 20px;"); 2224 cssBuffer.push("margin-bottom: 26px;"); 2225 //cssBuffer.push("margin-left: -3px;"); 2226 cssBuffer.push("width: 100%;"); 2227 cssBuffer.push("height: 36px;"); 2228 cssBuffer.push("background: #FFFFFF 0% 0% no-repeat padding-box;"); 2229 cssBuffer.push("border-left: 0px solid #CDCDCD;"); 2230 cssBuffer.push("border-right: 1px solid #CDCDCD;"); 2231 cssBuffer.push("border-top: 1px solid #CDCDCD;"); 2232 cssBuffer.push("border-bottom: 1px solid #CDCDCD;"); 2233 cssBuffer.push("opacity: 1;"); 2234 cssBuffer.push("font: normal normal normal 14px " + params.font + " ;"); 2235 cssBuffer.push("letter-spacing: 0px;"); 2236 cssBuffer.push("color: #3C3C3B;"); 2237 cssBuffer.push("padding-left: 5px!important;"); 2238 //cssBuffer.push("padding-right: 0px;"); 2239 cssBuffer.push("padding-top: 0px!important;"); 2240 cssBuffer.push("padding-bottom: 0px!important;"); 2241 //cssBuffer.push("float:right;"); 2242 cssBuffer.push("}"); 2243 2244 cssBuffer.push(".widget_colissimo_mode_transport {"); 2245 cssBuffer.push("width: 60px;"); 2246 cssBuffer.push("height: 36px;"); 2247 cssBuffer.push("background: #FFFFFF 0% 0% no-repeat padding-box;"); 2248 cssBuffer.push("border: 1px solid #CDCDCD;"); 2249 cssBuffer.push("border-left : 0px;"); 2250 cssBuffer.push("border-radius: 0px 8px 8px 0px;"); 2251 cssBuffer.push("opacity: 1;"); 2252 cssBuffer.push("left : 50px;"); 2253 //cssBuffer.push("margin-left : -3px;"); 2254 //cssBuffer.push("margin-top: -4px;"); 2255 cssBuffer.push("margin-bottom: 26px;"); 2256 cssBuffer.push("margin-top: 20px;"); 2257 cssBuffer.push("}"); 2258 2259 cssBuffer.push(".widget_colissimo_text_erreur {"); 2260 cssBuffer.push("text-align: center;"); 2261 cssBuffer.push("font: normal normal normal 11px " + params.font + " ;"); 2262 cssBuffer.push("line-height: 10px;"); 2263 cssBuffer.push("margin : 0px;"); 2264 cssBuffer.push("letter-spacing: 0px;"); 2265 cssBuffer.push("color: #FF0000;"); 2266 cssBuffer.push("opacity: 1;"); 2267 cssBuffer.push("padding:0px!important;"); 2268 cssBuffer.push("top: 10px!important;"); 2269 cssBuffer.push("position: relative!important;"); 2270 cssBuffer.push("}"); 2271 2272///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 2273///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 2274///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 2275 2276 2277 cssBuffer.push(".widget_colissimo_text_normal {"); 2278 cssBuffer.push("text-align: left;"); 2279 cssBuffer.push("font: normal normal normal 14px " + params.font + " ;"); 2280 cssBuffer.push("line-height: 10px;"); 2281 cssBuffer.push("margin : 0px;"); 2282 cssBuffer.push("letter-spacing: 0px;"); 2283 cssBuffer.push("color: #3C3C3B;"); 2284 cssBuffer.push("opacity: 1;"); 2285 cssBuffer.push("padding:0px!important;"); 2286 cssBuffer.push("}"); 2287 2288 cssBuffer.push(".widget_colissimo_text_bold {"); 2289 cssBuffer.push("text-align: left;"); 2290 cssBuffer.push("font: normal normal bold 14px " + params.font + " ;"); 2291 cssBuffer.push("margin-bottom : 2px;"); 2292 cssBuffer.push("letter-spacing: 0px;"); 2293 cssBuffer.push("color: #3C3C3B;"); 2294 cssBuffer.push("opacity: 1;"); 2295 cssBuffer.push("padding:0px!important;"); 2296 cssBuffer.push("}"); 2297 2298 cssBuffer.push(".widget_colissimo_table_adresse {"); 2299 cssBuffer.push("margin: auto;"); 2300 cssBuffer.push("border-collapse: collapse;"); 2301 cssBuffer.push("text-indent: initial;"); 2302 cssBuffer.push("border-spacing: 0px;"); 2303 cssBuffer.push("padding : 0px!important;"); 2304 cssBuffer.push("border-collapse: inherit!important;"); 2305 cssBuffer.push("}"); 2306 2307 cssBuffer.push(".widget_colissimo_checkcircle_img {"); 2308 cssBuffer.push("width: 21px;"); 2309 cssBuffer.push("height: 21px;"); 2310 cssBuffer.push("background: transparent url('" + params.URLColissimo + "/widget-colissimo/images/awesome-check-circle.svg') 0% 0% no-repeat padding-box;"); 2311 cssBuffer.push("margin-left : 21px;"); 2312 cssBuffer.push("margin-right : 21px;"); 2313 cssBuffer.push("vertical-align: unset !important;"); 2314 cssBuffer.push("}"); 2315 2316 cssBuffer.push(".widget_colissimo_walking_img {"); 2317 cssBuffer.push("width: 11px;"); 2318 cssBuffer.push("height: 17px;"); 2319 cssBuffer.push("background-size: contain;"); 2320 cssBuffer.push("margin-left : 5px;"); 2321 cssBuffer.push("margin-right : 5px;"); 2322 cssBuffer.push("border: 0px solid #FFFFFF;"); 2323 cssBuffer.push("vertical-align: unset !important;"); 2324 cssBuffer.push("}"); 2325 2326 cssBuffer.push(".widget_colissimo_icone_img {"); 2327 cssBuffer.push("width: 16px;"); 2328 cssBuffer.push("height: 16px;"); 2329 cssBuffer.push("background-size: contain;"); 2330 cssBuffer.push("margin-left : 1px;"); 2331 cssBuffer.push("margin-right : 1px;"); 2332 cssBuffer.push("border: 0px solid #FFFFFF;"); 2333 cssBuffer.push("vertical-align: unset !important;"); 2334 cssBuffer.push("}"); 2335 2336 cssBuffer.push(".widget_colissimo_right {"); 2337 cssBuffer.push("text-align: right;"); 2338 cssBuffer.push("}"); 2339 2340 cssBuffer.push(".widget_colissimo_w95 {"); 2341 cssBuffer.push("width: 95%;"); 2342 cssBuffer.push("}"); 2343 2344 cssBuffer.push(".widget_colissimo_w100 {"); 2345 cssBuffer.push("width: 90%;"); 2346 cssBuffer.push("margin-left: 18px;"); 2347 cssBuffer.push("}"); 2348 2349 cssBuffer.push(".widget_colissimo_w60 {"); 2350 cssBuffer.push("width: 60px;"); 2351 cssBuffer.push("display : none;"); 2352 cssBuffer.push("}"); 2353 2354 cssBuffer.push(".widget_colissimo_w30 {"); 2355 cssBuffer.push("width: 30px;"); 2356 cssBuffer.push("display : none;"); 2357 cssBuffer.push("}"); 2358 2359 cssBuffer.push(".widget_colissimo_margin_right20 {"); 2360 cssBuffer.push("margin-right: 20px;"); 2361 cssBuffer.push("}"); 2362 2363 cssBuffer.push(".widget_colissimo_barre {"); 2364 cssBuffer.push("margin-left : 5%;"); 2365 cssBuffer.push("margin-right : 5%;"); 2366 cssBuffer.push("width: 90%;"); 2367 cssBuffer.push("border-top: 1px solid #CDCDCD;"); 2368 cssBuffer.push("}"); 2369 2370 2371 cssBuffer.push(".widget_colissimo_w70 {"); 2372 cssBuffer.push("width: 70px;"); 2373 cssBuffer.push("}"); 2374 2375 cssBuffer.push(".widget_colissimo_padding0 {"); 2376 cssBuffer.push(" padding:0px!important;"); 2377 cssBuffer.push("}"); 2378 2379 2380 2381 //POUR LES DETAILS DES PDR///////////////// 2382 2383 cssBuffer.push(".widget_colissimo_PDR {"); 2384 cssBuffer.push("padding-bottom : 18px!important;"); 2385 cssBuffer.push("border-left: solid 8px FBFBFB;");
2386 cssBuffer.push("background: #FBFBFB 0% 0% no-repeat padding-box;"); 2387 cssBuffer.push("}"); 2388 2389 cssBuffer.push(".widget_colissimo_PDR:hover {"); 2390 cssBuffer.push("padding-bottom : 18px!important;"); 2391 cssBuffer.push("border-left: solid 8px " + params.couleur1 + ";"); 2392 cssBuffer.push("}"); 2393 2394 cssBuffer.push(".widget_colissimo_grab {"); 2395 cssBuffer.push(" cursor: pointer;"); 2396 cssBuffer.push("}"); 2397 2398 cssBuffer.push(".widget_colissimo_hidden {"); 2399 cssBuffer.push(" display : none;"); 2400 cssBuffer.push("}"); 2401 2402 cssBuffer.push(".widget_colissimo_text_petit {"); 2403 cssBuffer.push(" font: normal normal normal 13px " + params.font + " ;"); 2404 cssBuffer.push(" text-align: left;"); 2405 cssBuffer.push(" margin : 0px;"); 2406 cssBuffer.push(" letter-spacing: 0px;"); 2407 cssBuffer.push(" color: #3C3C3B;"); 2408 cssBuffer.push(" opacity: 1;"); 2409 cssBuffer.push(" padding:0px!important;"); 2410 cssBuffer.push("}"); 2411 2412 cssBuffer.push(".widget_colissimo_selected {"); 2413 cssBuffer.push(" background: #EBEBEB 0% 0% no-repeat padding-box;"); 2414 cssBuffer.push(" opacity: 0.85;"); 2415 cssBuffer.push("}"); 2416 2417 cssBuffer.push(".widget_colissimo_grise {"); 2418 cssBuffer.push(" opacity: 0.30;"); 2419 cssBuffer.push("}"); 2420 2421 cssBuffer.push(".widget_colissimo_icone_coche {"); 2422 cssBuffer.push("width: 14px;"); 2423 cssBuffer.push("height: 14px;"); 2424 cssBuffer.push("background-size: contain;"); 2425 cssBuffer.push("margin-left : 2px;"); 2426 cssBuffer.push("margin-right : 8px;"); 2427 cssBuffer.push("border: 0px solid #FFFFFF;"); 2428 cssBuffer.push("position: relative;"); 2429 cssBuffer.push("top: 3px;"); 2430 cssBuffer.push("}"); 2431 2432 2433 cssBuffer.push(".widget_colissimo_rotation180 {"); 2434 cssBuffer.push("-webkit-transform: rotate(180deg);"); 2435 cssBuffer.push("-moz-transform: rotate(180deg);"); 2436 cssBuffer.push("-ms-transform: rotate(180deg);"); 2437 cssBuffer.push("-o-transform: rotate(180deg);"); 2438 cssBuffer.push("transform: rotate(180deg);"); 2439 cssBuffer.push("}"); 2440 2441 //FIN/////////////////////////// 2442 2443 cssBuffer.push(".widget_colissimo_text_bouton {"); 2444 cssBuffer.push(" font: normal normal normal 14px " + params.font + " ;"); 2445 cssBuffer.push(" text-align: left;"); 2446 cssBuffer.push(" margin : 0px;"); 2447 cssBuffer.push(" letter-spacing: 0px;"); 2448 cssBuffer.push(" color: #FFFFFF;"); 2449 cssBuffer.push(" opacity: 1;"); 2450 cssBuffer.push(" padding:0px!important;"); 2451 cssBuffer.push("}"); 2452 2453 cssBuffer.push(".widget_colissimo_bouton_validation {"); 2454 cssBuffer.push(" width: 176px;"); 2455 cssBuffer.push(" height: 29px;"); 2456 cssBuffer.push(" margin-top: 30px !important;"); 2457 cssBuffer.push(" background: " + params.couleurBouton + " 0% 0% no-repeat padding-box;"); 2458 cssBuffer.push(" border-radius: 23px;"); 2459 cssBuffer.push(" opacity: 1;"); 2460 cssBuffer.push(" margin: auto;"); 2461 cssBuffer.push(" padding-left: 32px!important;"); 2462 cssBuffer.push(" padding-right: 11px!important;"); 2463 cssBuffer.push(" padding-top: 11px!important;"); 2464 cssBuffer.push("}"); 2465 2466 2467 //////////////////////////////////////////// 2468 //SERCA 2469 /////////////////////////////////////////// 2470 2471 2472 cssBuffer.push(".widget_colissimo_autocomplete"); 2473 cssBuffer.push("{"); 2474 cssBuffer.push(" position: relative;"); 2475 cssBuffer.push(" top:" + (-window.innerHeight*2+266) + "px;"); 2476 //cssBuffer.push(" left: 0px;"); 2477 cssBuffer.push(" cursor: default;"); 2478 cssBuffer.push(" z-index: 10000000!important;"); 2479 cssBuffer.push(" background-color: #FFFFFF!important;"); 2480 cssBuffer.push(" box-shadow: 0px 3px 4px #00000029;"); 2481 cssBuffer.push(" width: " + (window.innerWidth-2) + "px!important;"); 2482 cssBuffer.push("}"); 2483 2484 cssBuffer.push(".widget_colissimo_autocomplete_ul"); 2485 cssBuffer.push("{"); 2486 cssBuffer.push(" margin-top:0px;"); 2487 cssBuffer.push(" margin-bottom:0px;"); 2488 cssBuffer.push(" padding-left:0px;"); 2489 cssBuffer.push("}"); 2490 2491 cssBuffer.push(".widget_colissimo_autocomplete_li"); 2492 cssBuffer.push("{"); 2493 cssBuffer.push(" font: normal normal normal 15px/40px " + params.font + " ;"); 2494 cssBuffer.push(" list-style-type: none;"); 2495 cssBuffer.push(" background-image: url('" + params.URLColissimo + "/widget-colissimo/images/pictoAdresse.svg');"); 2496 cssBuffer.push(" background-repeat: no-repeat;"); 2497 cssBuffer.push(" background-position: 15px center;"); 2498 cssBuffer.push(" padding-left: 45px!important;"); 2499 cssBuffer.push(" background-size: 15px;"); 2500 cssBuffer.push("}"); 2501 2502 cssBuffer.push(".widget_colissimo_autocomplete_li:hover"); 2503 cssBuffer.push("{"); 2504 cssBuffer.push(" background-color: #00000020;"); 2505 cssBuffer.push("}"); 2506 2507 cssBuffer.push(".widget_colissimo_autocomplete_trait"); 2508 cssBuffer.push("{"); 2509 cssBuffer.push(" border-bottom: 1px solid #00000029;"); 2510 cssBuffer.push(" margin-left:15px;"); 2511 cssBuffer.push(" margin-right:15px;"); 2512 cssBuffer.push(" list-style-type: none;"); 2513 cssBuffer.push(" height: 0px;"); 2514 cssBuffer.push(" opacity: 0.5;"); 2515 cssBuffer.push("}"); 2516 2517 //////////////////////////////////////////// 2518 2519 2520 2521 cssBuffer.push("</style>"); 2522 2523 return cssBuffer.join('\n'); 2524 2525} 2526 2527function colissimo_widget_css_ipad(params){ 2528 2529 var cssBuffer = []; 2530 2531 cssBuffer.push("<style>"); 2532 2533 cssBuffer.push(".widget_colissimo_logo {"); 2534 cssBuffer.push("padding-left: 39px;"); 2535 cssBuffer.push("padding-right: 0px;"); 2536 cssBuffer.push("}"); 2537 2538 cssBuffer.push(".widget_colissimo_marker_home {"); 2539 cssBuffer.push("background-image: url('" + params.URLColissimo + "/widget-colissimo/images/ionic-md-locate.svg');"); 2540 cssBuffer.push("background-size: cover;"); 2541 cssBuffer.push("width: 25px;"); 2542 cssBuffer.push("height: 25px;"); 2543 cssBuffer.push("border-radius: 50%;"); 2544 cssBuffer.push("cursor: pointer;"); 2545 cssBuffer.push("}"); 2546 2547 cssBuffer.push(".widget_colissimo_marker {"); 2548 cssBuffer.push("background-image: url('" + params.URLColissimo + "/widget-colissimo/images/markerPDR.svg');"); 2549 cssBuffer.push("width: 25px;"); 2550 cssBuffer.push("height: 40px;"); 2551 cssBuffer.push("cursor: pointer;"); 2552 cssBuffer.push("}"); 2553 2554 cssBuffer.push(".widget_colissimo_marker:hover {"); 2555 cssBuffer.push("background-image: url('" + params.URLColissimo + "/widget-colissimo/images/markerPDRS.svg');"); 2556 cssBuffer.push("width: 25px;"); 2557 cssBuffer.push("height: 40px;"); 2558 cssBuffer.push("cursor: pointer;"); 2559 cssBuffer.push("}"); 2560 2561 cssBuffer.push(".widget_colissimo_marker_S {"); 2562 //cssBuffer.push("background-image: url('" + params.URLColissimo + "/widget-colissimo/images/markerPDRS.svg');"); 2563 cssBuffer.push("width: 25px;"); 2564 cssBuffer.push("height: 40px;"); 2565 cssBuffer.push("cursor: pointer;"); 2566 cssBuffer.push("}"); 2567 2568 2569 //FORCER LES PADDINGS POUR EMPECHER LES CMS DE CASSER lA MISE EN PAGE 2570 cssBuffer.push(".widget_colissimo_padding {"); 2571 cssBuffer.push("padding:1px!important"); 2572 cssBuffer.push("}"); 2573 2574 //////////////////////////////// 2575 //LES CSS DU LAYER WIDGET 2576 //////////////////////////////// 2577 cssBuffer.push(".widget_colissimo_contenu {"); 2578 cssBuffer.push("width: 100%;");
2579// cssBuffer.push("overflow-y: scroll;"); 2580 cssBuffer.push("background: #F7F7F7 0% 0% no-repeat padding-box;"); 2581 cssBuffer.push("border: 1px solid #E7E7E7;"); 2582 cssBuffer.push("opacity: 1;"); 2583 cssBuffer.push("box-sizing: content-box !important;"); 2584 cssBuffer.push("}"); 2585 2586 2587 cssBuffer.push(".widget_colissimo_map {"); 2588 cssBuffer.push("width: 100%;"); 2589 cssBuffer.push("height: 585px;"); 2590 cssBuffer.push("background: #AAAAAA 0% 0% no-repeat padding-box;"); 2591 cssBuffer.push("border-top: 1px solid #E7E7E7;"); 2592 cssBuffer.push("opacity: 1;"); 2593 cssBuffer.push("}"); 2594 2595 cssBuffer.push(".widget_colissimo_liste {"); 2596 cssBuffer.push("overflow-y: scroll;"); 2597 cssBuffer.push("width: 100%;"); 2598 cssBuffer.push("height: 706px;"); 2599 cssBuffer.push("background: #FFFFFF 0% 0% no-repeat padding-box;"); 2600 cssBuffer.push("border-top: 1px solid #E7E7E7;"); 2601 cssBuffer.push("opacity: 1;"); 2602 cssBuffer.push("}"); 2603 2604 cssBuffer.push(".widget_colissimo_filtres {"); 2605 cssBuffer.push("width: 100%;"); 2606 cssBuffer.push("height: 56px;"); 2607 cssBuffer.push("background: #FFFFFF 0% 0% no-repeat padding-box;"); 2608 cssBuffer.push("border-top: 1px solid #E7E7E7;"); 2609 cssBuffer.push("font: normal normal normal 13px/16px " + params.font + " ;"); 2610 cssBuffer.push("opacity: 1;"); 2611 cssBuffer.push("}"); 2612 2613 cssBuffer.push(".widget_colissimo_icone_img_filtre {"); 2614 cssBuffer.push("width: 19px;"); 2615 cssBuffer.push("height: 19px;"); 2616 cssBuffer.push("background-size: contain;"); 2617 cssBuffer.push("margin-left : 1px;"); 2618 cssBuffer.push("margin-right : 1px;"); 2619 cssBuffer.push("border: 0px solid #FFFFFF;"); 2620 cssBuffer.push("}"); 2621 2622 cssBuffer.push(".widget_colissimo_table_filtres {"); 2623 cssBuffer.push("width: 100%;"); 2624 cssBuffer.push("height: 100%;"); 2625 cssBuffer.push("text-align: center;"); 2626 cssBuffer.push("border-collapse: inherit!important;"); 2627 cssBuffer.push("}"); 2628 2629 cssBuffer.push(".widget_colissimo_table {"); 2630 cssBuffer.push("border-collapse: inherit!important;"); 2631 cssBuffer.push("}"); 2632 2633 //////////////////////////////// 2634 //FIN LES CSS DU LAYER WIDGET 2635 //////////////////////////////// 2636 2637 /* bouton close */ 2638 cssBuffer.push(".widget_colissimo_close {"); 2639 cssBuffer.push("color: #000;"); 2640 cssBuffer.push("float: right;"); 2641 cssBuffer.push("font: normal normal bold 35px/35px Montserrat;"); 2642 cssBuffer.push("opacity: 1;"); 2643 cssBuffer.push("margin-right: 10px;"); 2644 cssBuffer.push("}"); 2645 2646 cssBuffer.push(".widget_colissimo_close:hover, .widget_colissimo_close:focus {"); 2647 cssBuffer.push("color: #000;"); 2648 cssBuffer.push("text-decoration: none;"); 2649 cssBuffer.push("cursor: pointer;"); 2650 cssBuffer.push("}"); 2651 2652 2653 2654 cssBuffer.push(".widget_colissimo_sliders {"); 2655 cssBuffer.push("width: 45px;"); 2656 cssBuffer.push("height: 45px;"); 2657 cssBuffer.push("background: #FFFFFF 0% 0% no-repeat padding-box;"); 2658 cssBuffer.push("border-radius: 23px;"); 2659 cssBuffer.push("opacity: 1;"); 2660 cssBuffer.push("margin: 26px;"); 2661 cssBuffer.push("display : none;"); 2662 cssBuffer.push("}"); 2663 2664 2665 cssBuffer.push(".widget_colissimo_sliders_img {"); 2666 cssBuffer.push("width: 18px;"); 2667 cssBuffer.push("height: 21px;"); 2668 //cssBuffer.push("transform: matrix(0, -1, 1, 0, 0, 0);"); 2669 cssBuffer.push("background: transparent url('" + params.URLColissimo + "/widget-colissimo/images/awesome-sliders-h.svg') 0% 0% no-repeat padding-box;"); 2670 cssBuffer.push("opacity: 1;"); 2671 cssBuffer.push("margin-left: 13px;"); 2672 cssBuffer.push("top: 12px;"); 2673 cssBuffer.push("position: relative;"); 2674 cssBuffer.push("}"); 2675 2676 2677 cssBuffer.push(".widget_colissimo_loupe_img {"); 2678 cssBuffer.push("width: 24px;"); 2679 cssBuffer.push("height: 24px;"); 2680 //cssBuffer.push("transform: matrix(0, -1, 1, 0, 0, 0);"); 2681 cssBuffer.push("background: transparent url('" + params.URLColissimo + "/widget-colissimo/images/loupe.svg') 0% 0% no-repeat padding-box;"); 2682 cssBuffer.push("background-size: 24px 24px;"); 2683 cssBuffer.push("opacity: 1;"); 2684 cssBuffer.push("margin-left: 18px;"); 2685 cssBuffer.push("top: 8px;"); 2686 cssBuffer.push("position: relative;"); 2687 cssBuffer.push("vertical-align: unset !important;"); 2688 cssBuffer.push("}"); 2689 2690 cssBuffer.push(".widget_colissimo_point_img {"); 2691 cssBuffer.push("border: 0px solid #FFFFFF;"); 2692 cssBuffer.push("width: 18px;"); 2693 cssBuffer.push("height: 18px;"); 2694 cssBuffer.push("background-size: contain;"); 2695 cssBuffer.push("opacity: 1;"); 2696 cssBuffer.push("margin-left: 5px;"); 2697 cssBuffer.push("margin-right: 5px;"); 2698 cssBuffer.push("top: 36px;"); 2699 cssBuffer.push("left: 32%;"); 2700 cssBuffer.push("position: relative;"); 2701 cssBuffer.push("vertical-align: unset !important;"); 2702 cssBuffer.push("}"); 2703 2704 2705 2706/////////////////////////////////////////////////////////////////////////////////////////////////////// 2707///////////////////////////LE LOADER/////////////////////////////////// 2708/////////////////////////////////////////////////////////////////////////////////////////////////////// 2709 2710 2711cssBuffer.push(".widget_colissimo_loader {"); 2712cssBuffer.push("border: 4px solid #f3f3f3;");
2713cssBuffer.push("border-top: 4px solid #BDBDBD;"); 2714cssBuffer.push("border-radius: 50%;"); 2715cssBuffer.push("width: 14px;"); 2716cssBuffer.push("height: 14px;"); 2717cssBuffer.push("animation: testouille 2s linear infinite;"); 2718 2719cssBuffer.push("margin-left: 18px;"); 2720cssBuffer.push("top: 8px;"); 2721cssBuffer.push("position: relative;"); 2722cssBuffer.push("vertical-align: unset !important;"); 2723 2724cssBuffer.push("}"); 2725cssBuffer.push("@keyframes testouille {"); 2726cssBuffer.push("0% { transform: rotate(0deg); }"); 2727cssBuffer.push("100% { transform: rotate(360deg); }"); 2728cssBuffer.push("}"); 2729 2730 2731/////////////////////////////////////////////////////////////////////////////////////////////////////// 2732 2733 2734 2735 2736 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 2737 ///////////////////////////////////////////Barre de recherche/////////////////////////////////////////////////////////// 2738 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 2739 cssBuffer.push(".widget_colissimo_point_img {"); 2740 cssBuffer.push("border: 0px solid #FFFFFF;"); 2741 cssBuffer.push("width: 18px;"); 2742 cssBuffer.push("height: 18px;"); 2743 cssBuffer.push("background-size: contain;"); 2744 cssBuffer.push("opacity: 1;"); 2745 //cssBuffer.push("margin-left: 5px;"); 2746 //cssBuffer.push("margin-right: 5px;"); 2747 cssBuffer.push("top: 10px;"); 2748 cssBuffer.push("left: 20%;"); 2749 cssBuffer.push("position: relative;"); 2750 cssBuffer.push("vertical-align: unset !important;"); 2751 cssBuffer.push("}"); 2752 2753 cssBuffer.push(".widget_colissimo_point_input {"); 2754 cssBuffer.push("margin-top: 26px;"); 2755 cssBuffer.push("margin-bottom: 26px;"); 2756 cssBuffer.push("margin-left: 0px;"); 2757 //cssBuffer.push("width: 30px;"); 2758 cssBuffer.push("height: 36px;"); 2759 cssBuffer.push("background: #FFFFFF 0% 0% no-repeat padding-box;"); 2760 cssBuffer.push("border-left: 1px solid #CDCDCD;"); 2761 cssBuffer.push("border-top: 1px solid #CDCDCD;"); 2762 cssBuffer.push("border-bottom: 1px solid #CDCDCD;"); 2763 cssBuffer.push("border-radius: 8px 0px 0px 8px;"); 2764 cssBuffer.push("opacity: 1;"); 2765 cssBuffer.push("padding-top: 0px!important;"); 2766 cssBuffer.push("padding-bottom: 0px!important;"); 2767 //cssBuffer.push("float:right;"); 2768 cssBuffer.push("}"); 2769 2770 2771 cssBuffer.push(".widget_colissimo_input_text_normal {"); 2772 cssBuffer.push("margin-top: 26px;"); 2773 cssBuffer.push("margin-bottom: 26px;"); 2774 cssBuffer.push("margin-left: -3px;"); 2775 cssBuffer.push("width: 100%;"); 2776 cssBuffer.push("height: 36px;"); 2777 cssBuffer.push("background: #FFFFFF 0% 0% no-repeat padding-box;"); 2778 cssBuffer.push("border-left: 0px solid #CDCDCD;"); 2779 cssBuffer.push("border-right: 1px solid #CDCDCD;"); 2780 cssBuffer.push("border-top: 1px solid #CDCDCD;"); 2781 cssBuffer.push("border-bottom: 1px solid #CDCDCD;"); 2782 cssBuffer.push("opacity: 1;"); 2783 cssBuffer.push("font: normal normal normal 14px " + params.font + " ;"); 2784 cssBuffer.push("letter-spacing: 0px;"); 2785 cssBuffer.push("color: #3C3C3B;"); 2786 cssBuffer.push("padding-left: 5px!important;"); 2787 //cssBuffer.push("padding-right: 0px;"); 2788 cssBuffer.push("padding-top: 0px!important;"); 2789 cssBuffer.push("padding-bottom: 0px!important;"); 2790 //cssBuffer.push("float:right;"); 2791 cssBuffer.push("}"); 2792 2793 cssBuffer.push(".widget_colissimo_mode_transport {"); 2794 cssBuffer.push("width: 60px;"); 2795 cssBuffer.push("height: 36px;"); 2796 cssBuffer.push("background: #FFFFFF 0% 0% no-repeat padding-box;"); 2797 cssBuffer.push("border: 1px solid #CDCDCD;"); 2798 cssBuffer.push("border-left : 0px;"); 2799 cssBuffer.push("border-radius: 0px 8px 8px 0px;"); 2800 cssBuffer.push("opacity: 1;"); 2801 cssBuffer.push("left : 50px;"); 2802 //cssBuffer.push("margin-left : -3px;"); 2803 //cssBuffer.push("margin-top: -4px;"); 2804 cssBuffer.push("margin-bottom: 26px;"); 2805 cssBuffer.push("margin-top: 26px;"); 2806 cssBuffer.push("}"); 2807 2808 cssBuffer.push(".widget_colissimo_text_erreur {"); 2809 cssBuffer.push("text-align: center;"); 2810 cssBuffer.push("font: normal normal normal 11px " + params.font + " ;"); 2811 cssBuffer.push("line-height: 10px;"); 2812 cssBuffer.push("margin : 0px;"); 2813 cssBuffer.push("letter-spacing: 0px;"); 2814 cssBuffer.push("color: #FF0000;"); 2815 cssBuffer.push("opacity: 1;"); 2816 cssBuffer.push("padding:0px!important;"); 2817 cssBuffer.push("top: 10px!important;"); 2818 cssBuffer.push("position: relative!important;"); 2819 cssBuffer.push("}"); 2820 2821///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 2822///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 2823///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 2824 2825 2826 2827 2828 2829 cssBuffer.push(".widget_colissimo_text_normal {"); 2830 cssBuffer.push("text-align: left;"); 2831 cssBuffer.push("font: normal normal normal 14px " + params.font + " ;"); 2832 cssBuffer.push("line-height: 10px;"); 2833 cssBuffer.push("margin : 0px;"); 2834 cssBuffer.push("letter-spacing: 0px;"); 2835 cssBuffer.push("color: #3C3C3B;"); 2836 cssBuffer.push("opacity: 1;"); 2837 cssBuffer.push("padding:0px!important;"); 2838 cssBuffer.push("}"); 2839 2840 cssBuffer.push(".widget_colissimo_text_bold {"); 2841 cssBuffer.push("text-align: left;"); 2842 cssBuffer.push("font: normal normal bold 14px " + params.font + " ;"); 2843 cssBuffer.push("margin-bottom : 2px;"); 2844 cssBuffer.push("letter-spacing: 0px;"); 2845 cssBuffer.push("color: #3C3C3B;"); 2846 cssBuffer.push("opacity: 1;"); 2847 cssBuffer.push("padding:0px!important;"); 2848 cssBuffer.push("}"); 2849 2850 cssBuffer.push(".widget_colissimo_table_adresse {"); 2851 cssBuffer.push("margin: auto;"); 2852 cssBuffer.push("border-collapse: collapse;"); 2853 cssBuffer.push("text-indent: initial;"); 2854 cssBuffer.push("border-spacing: 0px;"); 2855 cssBuffer.push("padding : 0px!important;"); 2856 cssBuffer.push("border-collapse: inherit!important;"); 2857 cssBuffer.push("}"); 2858 2859 cssBuffer.push(".widget_colissimo_checkcircle_img {"); 2860 cssBuffer.push("width: 21px;"); 2861 cssBuffer.push("height: 21px;"); 2862 cssBuffer.push("background: transparent url('" + params.URLColissimo + "/widget-colissimo/images/awesome-check-circle.svg') 0% 0% no-repeat padding-box;"); 2863 cssBuffer.push("margin-left : 21px;"); 2864 cssBuffer.push("margin-right : 21px;"); 2865 cssBuffer.push("vertical-align: unset !important;"); 2866 cssBuffer.push("}"); 2867 2868 cssBuffer.push(".widget_colissimo_walking_img {"); 2869 cssBuffer.push("width: 11px;"); 2870 cssBuffer.push("height: 17px;"); 2871 cssBuffer.push("background-size: contain;"); 2872 cssBuffer.push("margin-left : 5px;"); 2873 cssBuffer.push("margin-right : 5px;"); 2874 cssBuffer.push("border: 0px solid #FFFFFF;"); 2875 cssBuffer.push("vertical-align: unset !important;"); 2876 cssBuffer.push("}"); 2877 2878 cssBuffer.push(".widget_colissimo_icone_img {"); 2879 cssBuffer.push("width: 16px;"); 2880 cssBuffer.push("height: 16px;"); 2881 cssBuffer.push("background-size: contain;"); 2882 cssBuffer.push("margin-left : 1px;"); 2883 cssBuffer.push("margin-right : 1px;"); 2884 cssBuffer.push("border: 0px solid #FFFFFF;"); 2885 cssBuffer.push("vertical-align: unset !important;"); 2886 cssBuffer.push("}"); 2887 2888 cssBuffer.push(".widget_colissimo_right {"); 2889 cssBuffer.push("text-align: right;"); 2890 cssBuffer.push("}"); 2891 2892 cssBuffer.push(".widget_colissimo_w95 {"); 2893 cssBuffer.push("width: 95%;"); 2894 cssBuffer.push("}"); 2895 2896 cssBuffer.push(".widget_colissimo_w100 {"); 2897 cssBuffer.push("width: 90%;"); 2898 cssBuffer.push("margin-left: 18px;"); 2899 cssBuffer.push("}"); 2900 2901 cssBuffer.push(".widget_colissimo_w60 {"); 2902 cssBuffer.push("width: 60px;"); 2903 cssBuffer.push("display : none;"); 2904 cssBuffer.push("}"); 2905 2906 cssBuffer.push(".widget_colissimo_w30 {"); 2907 cssBuffer.push("width: 30px;"); 2908 cssBuffer.push("display : none;"); 2909 cssBuffer.push("}"); 2910 2911 cssBuffer.push(".widget_colissimo_margin_right20 {"); 2912 cssBuffer.push("margin-right: 20px;"); 2913 cssBuffer.push("}"); 2914 2915 cssBuffer.push(".widget_colissimo_barre {"); 2916 cssBuffer.push("margin-left : 5%;"); 2917 cssBuffer.push("margin-right : 5%;"); 2918 cssBuffer.push("width: 90%;"); 2919 cssBuffer.push("border-top: 1px solid #CDCDCD;"); 2920 cssBuffer.push("}"); 2921 2922 2923 cssBuffer.push(".widget_colissimo_w70 {"); 2924 cssBuffer.push("width: 70px;"); 2925 cssBuffer.push("}"); 2926 2927 2928 2929 //POUR LES DETAILS DES PDR///////////////// 2930 2931 cssBuffer.push(".widget_colissimo_PDR {"); 2932 cssBuffer.push("padding-bottom : 18px!important;"); 2933 cssBuffer.push("border-left: solid 8px FBFBFB;");
2934 cssBuffer.push("background: #FBFBFB 0% 0% no-repeat padding-box;"); 2935 cssBuffer.push("}"); 2936 2937 cssBuffer.push(".widget_colissimo_PDR:hover {"); 2938 cssBuffer.push("padding-bottom : 18px!important;"); 2939 cssBuffer.push("border-left: solid 8px " + params.couleur1 + ";"); 2940 cssBuffer.push("}"); 2941 2942 cssBuffer.push(".widget_colissimo_grab {"); 2943 cssBuffer.push(" cursor: pointer;"); 2944 cssBuffer.push("}"); 2945 2946 cssBuffer.push(".widget_colissimo_hidden {"); 2947 cssBuffer.push(" display : none;"); 2948 cssBuffer.push("}"); 2949 2950 cssBuffer.push(".widget_colissimo_text_petit {"); 2951 cssBuffer.push(" font: normal normal normal 13px " + params.font + " ;"); 2952 cssBuffer.push(" text-align: left;"); 2953 cssBuffer.push(" margin : 0px;"); 2954 cssBuffer.push(" letter-spacing: 0px;"); 2955 cssBuffer.push(" color: #3C3C3B;"); 2956 cssBuffer.push(" opacity: 1;"); 2957 cssBuffer.push(" padding:0px!important;"); 2958 cssBuffer.push("}"); 2959 2960 cssBuffer.push(".widget_colissimo_selected {"); 2961 cssBuffer.push(" background: #EBEBEB 0% 0% no-repeat padding-box;"); 2962 cssBuffer.push(" opacity: 0.85;"); 2963 cssBuffer.push("}"); 2964 2965 cssBuffer.push(".widget_colissimo_grise {"); 2966 cssBuffer.push(" opacity: 0.30;"); 2967 cssBuffer.push("}"); 2968 2969 cssBuffer.push(".widget_colissimo_icone_coche {"); 2970 cssBuffer.push("width: 14px;"); 2971 cssBuffer.push("height: 14px;"); 2972 cssBuffer.push("background-size: contain;"); 2973 cssBuffer.push("margin-left : 2px;"); 2974 cssBuffer.push("margin-right : 8px;"); 2975 cssBuffer.push("border: 0px solid #FFFFFF;"); 2976 cssBuffer.push("position: relative;"); 2977 cssBuffer.push("top: 3px;"); 2978 cssBuffer.push("}"); 2979 2980 2981 cssBuffer.push(".widget_colissimo_rotation180 {"); 2982 cssBuffer.push("-webkit-transform: rotate(180deg);"); 2983 cssBuffer.push("-moz-transform: rotate(180deg);"); 2984 cssBuffer.push("-ms-transform: rotate(180deg);"); 2985 cssBuffer.push("-o-transform: rotate(180deg);"); 2986 cssBuffer.push("transform: rotate(180deg);"); 2987 cssBuffer.push("}"); 2988 2989 //FIN/////////////////////////// 2990 2991 cssBuffer.push(".widget_colissimo_text_bouton {"); 2992 cssBuffer.push(" font: normal normal normal 14px " + params.font + " ;"); 2993 cssBuffer.push(" text-align: left;"); 2994 cssBuffer.push(" margin : 0px;"); 2995 cssBuffer.push(" letter-spacing: 0px;"); 2996 cssBuffer.push(" color: #FFFFFF;"); 2997 cssBuffer.push(" opacity: 1;"); 2998 cssBuffer.push(" padding:0px!important;"); 2999 cssBuffer.push("}"); 3000 3001 cssBuffer.push(".widget_colissimo_bouton_validation {"); 3002 cssBuffer.push(" width: 176px;"); 3003 cssBuffer.push(" height: 29px;"); 3004 cssBuffer.push(" margin-top: 30px !important;"); 3005 cssBuffer.push(" background: " + params.couleurBouton + " 0% 0% no-repeat padding-box;"); 3006 cssBuffer.push(" border-radius: 23px;"); 3007 cssBuffer.push(" opacity: 1;"); 3008 cssBuffer.push(" margin: auto;"); 3009 cssBuffer.push(" padding-left: 32px!important;"); 3010 cssBuffer.push(" padding-right: 11px!important;"); 3011 cssBuffer.push(" padding-top: 11px!important;"); 3012 cssBuffer.push("}"); 3013 3014 3015 //////////////////////////////////////////// 3016 //SERCA 3017 /////////////////////////////////////////// 3018 3019 3020 cssBuffer.push(".widget_colissimo_autocomplete"); 3021 cssBuffer.push("{"); 3022 cssBuffer.push(" position: relative;"); 3023 cssBuffer.push(" top:-1380px;"); 3024 //cssBuffer.push(" left: 0px;"); 3025 cssBuffer.push(" cursor: default;"); 3026 cssBuffer.push(" z-index: 10000000!important;"); 3027 cssBuffer.push(" background-color: #FFFFFF!important;"); 3028 cssBuffer.push(" box-shadow: 0px 3px 4px #00000029;"); 3029 //cssBuffer.push(" width: " + (window.innerWidth-2) + "px!important;"); 3030 cssBuffer.push("}"); 3031 3032 cssBuffer.push(".widget_colissimo_autocomplete_ul"); 3033 cssBuffer.push("{"); 3034 cssBuffer.push(" margin-top:0px;"); 3035 cssBuffer.push(" margin-bottom:0px;"); 3036 cssBuffer.push(" padding-left:0px;"); 3037 cssBuffer.push("}"); 3038 3039 cssBuffer.push(".widget_colissimo_autocomplete_li"); 3040 cssBuffer.push("{"); 3041 cssBuffer.push(" font: normal normal normal 15px/40px " + params.font + " ;"); 3042 cssBuffer.push(" list-style-type: none;"); 3043 cssBuffer.push(" background-image: url('" + params.URLColissimo + "/widget-colissimo/images/pictoAdresse.svg');"); 3044 cssBuffer.push(" background-repeat: no-repeat;"); 3045 cssBuffer.push(" background-position: 15px center;"); 3046 cssBuffer.push(" padding-left: 45px!important;"); 3047 cssBuffer.push(" background-size: 15px;"); 3048 cssBuffer.push("}"); 3049 3050 cssBuffer.push(".widget_colissimo_autocomplete_li:hover"); 3051 cssBuffer.push("{"); 3052 cssBuffer.push(" background-color: #00000020;"); 3053 cssBuffer.push("}"); 3054 3055 cssBuffer.push(".widget_colissimo_autocomplete_trait"); 3056 cssBuffer.push("{"); 3057 cssBuffer.push(" border-bottom: 1px solid #00000029;"); 3058 cssBuffer.push(" margin-left:15px;"); 3059 cssBuffer.push(" margin-right:15px;"); 3060 cssBuffer.push(" list-style-type: none;"); 3061 cssBuffer.push(" height: 0px;"); 3062 cssBuffer.push(" opacity: 0.5;"); 3063 cssBuffer.push("}"); 3064 3065 //////////////////////////////////////////// 3066 3067 3068 3069 cssBuffer.push("</style>"); 3070 3071 return cssBuffer.join('\n'); 3072 3073} 3074 3075 3076 3077////////////////////////////////////////////////////////////////////////////////////////////////////////////// 3078/////////////////////////////////////////////TRADUCTIONS////////////////////////////////////////////////////// 3079////////////////////////////////////////////////////////////////////////////////////////////////////////////// 3080 3081function colissimo_widget_getWording(params) 3082{ 3083 var messages = new Object(); 3084 3085 console.log('langue : ' + navigator.language); 3086 3087 3088// if(navigator.language.includes('fr')) 3089// { 3090// messages.pmr = 'Accès PMR1'; 3091// messages.parking = 'Parking'; 3092// messages.samedi = 'Samedi'; 3093// messages.dimanche = 'Dimanche'; 3094// messages.dixneuf = 'Après 19h'; 3095// messages.poste = 'Bureau de poste'; 3096// messages.consigne = 'Consigne'; 3097// messages.relais = 'Relais'; 3098// messages.ferme = 'Fermé'; 3099// messages.details = 'Plus de détails'; 3100// messages.details2 = 'Moins de détails'; 3101// messages.horaires = 'Horaires d\'ouverture'; 3102// messages.lundi = 'Lundi'; 3103// messages.mardi= 'Mardi'; 3104// messages.mercredi = 'Mercredi'; 3105// messages.jeudi = 'Jeudi'; 3106// messages.vendredi = 'Vendredi'; 3107// messages.livrer = 'Me livrer � cette adresse'; 3108// messages.adresse = 'L\'adresse renseignée est incorrecte. Veuillez la modifier'; 3109// 3110// } else { 3111// messages.pmr = 'Disabled acces'; 3112// messages.parking = 'Parking'; 3113// messages.samedi = 'Saturday'; 3114// messages.dimanche = 'Sunday'; 3115// messages.dixneuf = 'After 7pm'; 3116// messages.poste = 'Post office'; 3117// messages.consigne = 'Locker'; 3118// messages.relais = 'Relay'; 3119// messages.ferme = 'Closed'; 3120// messages.details = 'More details'; 3121// messages.details2 = 'Less details'; 3122// messages.horaires = 'Opening hours'; 3123// messages.lundi = 'Monday'; 3124// messages.mardi= 'Tuesday'; 3125// messages.mercredi = 'Wednesday'; 3126// messages.jeudi = 'Thursday';
3127// messages.vendredi = 'Friday'; 3128// messages.livrer = 'Be delivered at this address'; 3129// messages.adresse = 'The address provided is incorrect. Please modify it'; 3130// 3131// } 3132 3133 var labels = [ 3134 'messages.pmr', 3135 'messages.parking', 3136 'messages.samedi', 3137 'messages.dimanche', 3138 'messages.dixneuf', 3139 'messages.poste', 3140 'messages.consigne', 3141 'messages.relais', 3142 'messages.ferme', 3143 'messages.details', 3144 'messages.details2', 3145 'messages.horaires', 3146 'messages.lundi', 3147 'messages.mardi', 3148 'messages.mercredi', 3149 'messages.jeudi', 3150 'messages.vendredi', 3151 'messages.livrer', 3152 'messages.adresse', 3153 'messages.error' 3154 ]; 3155 3156 //On va chercher les messages 3157 colissimo.ajax({ 3158 type: 'GET', 3159 async: false, 3160 encoding: "UTF-8", 3161 url: params.URLColissimo + '/widget-colissimo/rest/GetMessages.rest', 3162 contentType: "application/x-www-form-urlencoded; charset=utf-8", 3163 dataType: 'json', 3164 data: "data=" + window.btoa(JSON.stringify({labels: labels, langue: navigator.language, token: params.token})), 3165 success: function(data) { 3166 messages.pmr = data[0].label; 3167 messages.parking = data[1].label; 3168 messages.samedi = data[2].label; 3169 messages.dimanche = data[3].label; 3170 messages.dixneuf = data[4].label; 3171 messages.poste = data[5].label; 3172 messages.consigne = data[6].label; 3173 messages.relais = data[7].label; 3174 messages.ferme = data[8].label; 3175 messages.details = data[9].label; 3176 messages.details2 = data[10].label; 3177 messages.horaires = data[11].label; 3178 messages.lundi = data[12].label; 3179 messages.mardi = data[13].label; 3180 messages.mercredi = data[14].label; 3181 messages.jeudi = data[15].label; 3182 messages.vendredi = data[16].label; 3183 messages.livrer = data[17].label; 3184 messages.adresse = data[18].label; 3185 }, 3186 error: function() { 3187 /* Fallback FR si l'API Colissimo répond 500 */ 3188 messages.pmr = 'Accès PMR'; 3189 messages.parking = 'Parking'; 3190 messages.samedi = 'Samedi'; 3191 messages.dimanche = 'Dimanche'; 3192 messages.dixneuf = 'Après 19h'; 3193 messages.poste = 'Bureau de poste'; 3194 messages.consigne = 'Consigne'; 3195 messages.relais = 'Relais'; 3196 messages.ferme = 'Fermé'; 3197 messages.details = 'Plus de détails'; 3198 messages.details2 = 'Moins de détails'; 3199 messages.horaires = "Horaires d'ouverture"; 3200 messages.lundi = 'Lundi'; 3201 messages.mardi = 'Mardi'; 3202 messages.mercredi = 'Mercredi'; 3203 messages.jeudi = 'Jeudi'; 3204 messages.vendredi = 'Vendredi'; 3205 messages.livrer = 'Me livrer à cette adresse'; 3206 messages.adresse = "L'adresse renseignée est incorrecte. Veuillez la modifier"; 3207 messages.error = 'Aucun point relais trouvé à proximité.'; 3208 } 3209}); 3210 3211 3212 return messages; 3213 3214} 3215 3216 3217 3218
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.