1var socialButtonOrder = []; 2var social_count = 0; 3var chk_flg = 0; 4function set_social_button_order() { 5 socialButtonOrder = []; 6 jQuery("#social-channel-selected-list li").each(function() { 7 socialButtonOrder.push(jQuery(this).data("social")); 8 }); 9 socialString = ""; 10 if(socialButtonOrder.length > 0) { 11 socialString = socialButtonOrder.join(","); 12 } 13 jQuery("#wpsocialarrow-custom-order").val(socialString); 14} 15function set_social_buttons_by_order() { 16 socialString = jQuery("#wpsocialarrow-custom-order").val(); 17 if(socialString != "" && socialString != undefined) { 18 socialArray = socialString.split(","); 19 for(i=0; i<socialArray.length; i++) { 20 jQuery("#social-channel-selected-list li[data-social='"+socialArray[i]+"']").data("index", i); 21 } 22 23 jQuery("#social-channel-selected-list").html( 24 jQuery("#social-channel-selected-list").children("li").sort(function (a, b) { 25 return jQuery(a).data("index") - jQuery(b).data("index"); 26 }) 27 ); 28 } 29} 30function show_social_buttons_by_admin_order() { 31 socialString = jQuery("#wpsocialarrow-selected-custom-order").val(); 32 if(socialString != "" && socialString != undefined) { 33 socialArray = socialString.split(","); 34 for(i=0; i<socialArray.length; i++) { 35 jQuery(".pop-social-"+socialArray[i]).attr("data-index", i); 36 } 37 38 if(jQuery("ul.poptin-social-list").length) { 39 jQuery("ul.poptin-social-list").each(function(i){ 40 jQuery(this).attr("id","wcp-social-list-"+i); 41 jQuery("#wcp-social-list-"+i).html( 42 jQuery("#wcp-social-list-"+i).children("li").sort(function (a, b) { 43 return jQuery(a).attr("data-index") - jQuery(b).attr("data-index"); 44 }) 45 ); 46 }); 47 } 48 } 49} 50jQuery(document).ready(function ($) { 51 if(jQuery("#social-theme").length) { 52 53 if(jQuery("input[name='wpsocialarrow-skins']:checked").length == 0) { 54 jQuery("input[name='wpsocialarrow-skins']:first").attr("checked",true); 55 } 56 57 if(jQuery("input[name='wpsocialarrow-alignment']:checked").length == 0) { 58 jQuery("input[name='wpsocialarrow-alignment']:first").attr("checked",true); 59 } 60 61 jQuery("#wpsocialarrow-message-selection").change(function(){ 62 if(jQuery(this).val() == "Custom Message") { 63 jQuery(".custom-message").show(); 64 } else { 65 jQuery(".custom-message").hide(); 66 } 67 }); 68 69 jQuery("#social-channel-list input").each(function(){ 70 if(jQuery(this).is(":checked")) { 71 jQuery(this).closest("li").addClass("active"); 72 jQuery(this).closest("li").addClass("ui-draggable-disabled"); 73 if(jQuery("#social-channel-selected-list li").length == 0) { 74 jQuery("#social-channel-selected-list").append("<li class='extra-li'></li>"); 75 } 76 jQuery(this).closest("li").clone().insertAfter("#social-channel-selected-list li:last"); 77 jQuery("#social-channel-selected-list li.extra-li").remove(); 78 jQuery('.preview-get-widget').show(); 79 } 80 jQuery("#social-channel-selected-list input").remove(); 81 }); 82 83 set_social_buttons_by_order(); 84 85 jQuery(".social-navigation-tab a").click(function(e){ 86 thisHref = jQuery(this).attr("href"); 87 if(jQuery(thisHref).length) { 88 e.preventDefault(); 89 jQuery(".social-navigation-tab a").removeClass("active"); 90 jQuery(this).addClass("active"); 91 jQuery(".tab-content .social-tab").hide(); 92 jQuery(thisHref).show(); 93 } 94 }); 95 jQuery(".social-channel-list input").click(function(e){ 96 e.stopPropagation(); 97 if(jQuery(this).is(":checked")) { 98 jQuery(this).closest("li").addClass("active"); 99 jQuery(this).closest("li").draggable("disable"); 100 if(jQuery("#social-channel-selected-list li").length == 0) { 101 jQuery("#social-channel-selected-list").append("<li class='extra-li'></li>"); 102 } 103 if ( social_count < 3) { 104 jQuery(this).closest("li").clone().insertAfter("#social-channel-selected-list li:last"); 105 } 106 jQuery("#social-channel-selected-list li.extra-li").remove(); 107 jQuery('.preview-get-widget').show(); 108 109 } else { 110 jQuery(this).closest("li").removeClass("active"); 111 jQuery(this).closest("li").draggable("enable"); 112 thisAttr = jQuery(this).closest("li").data("social"); 113 jQuery("#social-channel-selected-list li."+thisAttr).remove(); 114 } 115 jQuery("#social-channel-selected-list input").remove(); 116 set_social_button_order(); 117 118 if (jQuery('#social-channel-selected-list li').length === 0) { 119 jQuery('.preview-get-widget').hide(); 120 } 121 122 }); 123 jQuery(".next-step").click(function(){ 124 jQuery(".social-navigation-tab a.nav-tab:last").trigger("click"); 125 jQuery(window).scrollTop(0); 126 }); 127 jQuery(".back-step").click(function(){ 128 jQuery(".social-navigation-tab a.nav-tab:first").trigger("click"); 129 jQuery(window).scrollTop(0); 130 }); 131 132 jQuery("input[name='wpsocialarrow-enable-plugin']").click(function(){ 133 if(!jQuery(this).is(":checked")) { 134 jQuery("#wpsocialarrow-enable-post").attr("checked", false); 135 jQuery("#wpsocialarrow-enable-page").attr("checked", false); 136 jQuery("#wpsocialarrow-enable-home").attr("checked", false); 137 } 138 }); 139 140 jQuery("#wpsocialarrow-enable-post, #wpsocialarrow-enable-page, #wpsocialarrow-enable-home").click(function(){ 141 if(jQuery(this).is(":checked")) { 142 jQuery("#wpsocialarrow-enable-plugin").attr("checked", true); 143 } 144 }); 145 146 var selectedClass = 'ui-state-highlight', 147 clickDelay = 600, // click time (milliseconds) 148 lastClick, diffClick; // timestamps 149 jQuery("#social-channel-list li").draggable({
150 revert: "invalid", 151 containment: "document", 152 cursor: "move", 153 helper: 'clone' 154 }); 155 jQuery("#social-channel-list li").click(function(){ 156 /*if(jQuery(this).hasClass("active")) { 157 thisAttr = jQuery(this).data("social"); 158 jQuery("#social-channel-selected-list li."+thisAttr).remove(); 159 jQuery(this).removeClass("active"); 160 jQuery(this).draggable("enable"); 161 } else { 162 if(jQuery("#social-channel-selected-list li").length == 0) { 163 jQuery("#social-channel-selected-list").append("<li class='extra-li'></li>"); 164 } 165 jQuery(this).clone().insertAfter("#social-channel-selected-list li:last"); 166 jQuery("#social-channel-selected-list li.extra-li").remove(); 167 jQuery(this).addClass("active"); 168 jQuery(this).draggable("disable"); 169 } 170 jQuery("#social-channel-selected-list input").remove();*/ 171 jQuery(this).find("input").trigger("click"); 172 }); 173 jQuery("#social-channel-selected-list") 174 .sortable({ 175 placeholder: "ui-state-hl", 176 update: function( event, ui ) { 177 set_social_button_order(); 178 } 179 }) 180 .droppable({ 181 hoverClass: 'wcp-drop-hover-list', 182 accept: "#social-channel-list li", 183 drop: function(e, ui) { 184 //jQuery('.' + selectedClass) 185 // .appendTo(jQuery(this)) 186 // .add(ui.draggable) // ui.draggable is appended by the script, so add it after 187 // .removeClass(selectedClass) 188 // .css({ top:0, left:0 }); 189 var droppable = jQuery(this); 190 var draggable = ui.draggable; 191 // Move draggable into droppable 192 draggable.clone().appendTo(droppable); 193 setTimeout(function(){ 194 jQuery("#social-channel-list li").draggable("enable"); 195 jQuery("#social-channel-selected-list li").each(function(){ 196 thisAttr = jQuery(this).data("social"); 197 jQuery("#social-channel-list li."+thisAttr).draggable("disable"); 198 jQuery("#social-channel-list li."+thisAttr).addClass("active"); 199 }); 200 }, 500); 201 jQuery("#social-channel-selected-list input").remove(); 202 set_social_button_order(); 203 } 204 }); 205 jQuery( "#social-channel-selected-list" ).disableSelection(); 206 } 207 var allOptions = jQuery(".fs-results").children('li:not(.init)'); 208 $(".fs-results").on("click", "li:not(.init)", function () { 209 210 }); 211 $('.fs-results li').click(function () { 212 allOptions.removeClass('selected'); 213 $(this).addClass('selected'); 214 $(".fs-results").children('.init').html($(this).html()); 215 var selected_message_font = $("ul").find(".selected").data("value") 216 $('#wpsocialarrow-messages-selection-span').css('font-family', selected_message_font); 217 }); 218 if ($("#wpsocialarrow-message-selection option:selected").text() == "Custom Message") { 219 $("#wpsocialarrow-custom-default-message").prop('disabled', false); 220 } 221 $("#wpsocialarrow-message-selection").change(function () { 222 if ($("#wpsocialarrow-message-selection option:selected").text() == "None") { 223 $("#wpsocialarrow-custom-default-message").prop('disabled', true); 224 $("#wpsocialarrow-messages-selection-span").html(""); 225 } 226 else if ($("#wpsocialarrow-message-selection option:selected").text() == "Custom Message") { 227 $("#wpsocialarrow-custom-default-message").prop('disabled', false); 228 } 229 else { 230 $("#wpsocialarrow-custom-default-message").prop('disabled', true); 231 $("#wpsocialarrow-messages-selection-span").html($("#wpsocialarrow-message-selection option:selected").text()); 232 } 233 234 });
235 $(window).load(function () { 236 $('#wpsocialarrow-enable-plugin').click(function () { 237 if ($('#wpsocialarrow-enable-plugin').prop('checked')) { 238 239 } else { 240 241 } 242 }); 243 $(document).ready(function () { 244 $("#wpsocialarrow-message-selection").change(function () { 245 var str = ""; 246 $("select option:selected").each(function () { 247 str += $(this).text() + " "; 248 }); 249 jQuery("#wpsocialarrow-default-message-option").html(str); 250 }) 251 252 }); 253 var seleced_skin_data = $("#wpsocialarrow-social-icons-box"); 254 255 var user_selected_skin = seleced_skin_data.data("selected-skin"); 256 257 258 wpSocialArrowNetworks = [ 259 "facebook", 260 "twitter", 261 "linkedin", 262 "pinterest", 263 'whatsapp', 264 'reddit', 265 'telegram', 266 'tumbler', 267 'vkontakte', 268 'wechat', 269 'email', 270 'line' 271 ]; 272 273 wpSocialArrowNetworkTitles = [ 274 "Facebook", 275 "Twitter", 276 "Linkedin", 277 "Pinterest", 278 'Whatsapp', 279 'Reddit', 280 'Telegram', 281 'Tumbler', 282 'Vkontakte', 283 'We Chat', 284 'Email', 285 'Line' 286 ]; 287 288 289 if (user_selected_skin == "default-skin") { 290 sceenNumber = 1; 291 if ($('#wpsocialarrow-selected-positioning').val() == "both") { 292 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div class="social'+sceenNumber+'"><ul class="poptin-social-list">'; 293 for(i=0; i<wpSocialArrowNetworks.length; i++ ) { 294 skin_data += '<li class="pop-social-'+wpSocialArrowNetworks[i]+'"><a target="_blank" id="wpsocialarrow-'+wpSocialArrowNetworks[i]+'-share" class="wpsocialarrow-'+wpSocialArrowNetworks[i]+'-share premio-'+wpSocialArrowNetworks[i]+'" href="#" title="'+wpSocialArrowNetworkTitles[i]+'" data-1="wpsocialarrow-'+wpSocialArrowNetworks[i]+'"></a></li>'; 295 } 296 skin_data += "</ul></div></div>"; 297 domainName = $("#site_url").val(); 298 skin_data += "<div class='clear clearfix'></div><a class='social-button-pro' target='_blank' href='https://premio.io/downloads/social-share-buttons/?utm_source=credit&domain="+domainName+"'>Get Widget</a>"; 299 $('.wpsocialarrow-social-icons-box').append(skin_data); 300 } 301 else { 302 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div class="social'+sceenNumber+'"><ul class="poptin-social-list">'; 303 for(i=0; i<wpSocialArrowNetworks.length; i++ ) { 304 skin_data += '<li class="pop-social-'+wpSocialArrowNetworks[i]+'"><a target="_blank" id="wpsocialarrow-'+wpSocialArrowNetworks[i]+'-share" class="wpsocialarrow-'+wpSocialArrowNetworks[i]+'-share premio-'+wpSocialArrowNetworks[i]+'" href="#" title="'+wpSocialArrowNetworkTitles[i]+'" data-1="wpsocialarrow-'+wpSocialArrowNetworks[i]+'"></a></li>'; 305 } 306 skin_data += "</ul></div></div>"; 307 domainName = $("#site_url").val(); 308 skin_data += "<div class='clear clearfix'></div><a class='social-button-pro' target='_blank' href='https://premio.io/downloads/social-share-buttons/?utm_source=credit&domain="+domainName+"'>Get Widget</a>"; 309 $('.wpsocialarrow-social-icons-box').append(skin_data); 310 } 311 } 312 show_social_buttons_by_admin_order(); 313 314 if (user_selected_skin == "social-wide") { 315 if ($('#wpsocialarrow-selected-positioning').val() == "both") { 316 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div class="social1 social-wide"> <a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share facebook theme2" href="#" title="Facebook" data-1="wpsocialarrow-facebook"></a> <a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share twitter theme2" href="#" title="Twitter" data-2="wpsocialarrow-twitter"></a> <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share google theme2" href="#" title="Google+" data-3="wpsocialarrow-google"></a> <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share linkedin theme2" href="#" title="LinkedIn" data-4="wpsocialarrow-linkedin"></a> <a target="_blank" id="wpsocialarrow-pinterest-share" class="wpsocialarrow-pinterest-share pinterest theme2" href="#" title="Pinterest" data-5="wpsocialarrow-pinterest"></a> </div><!--End Container--> </div>'; 317 $('.wpsocialarrow-social-icons-box').append(skin_data); 318 } 319 else { 320 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div class="social1 social-wide"> <a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share facebook theme2" href="#" title="Facebook" data-1="wpsocialarrow-facebook"></a> <a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share twitter theme2" href="#" title="Twitter" data-2="wpsocialarrow-twitter"></a> <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share google theme2" href="#" title="Google+" data-3="wpsocialarrow-google"></a> <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share linkedin theme2" href="#" title="LinkedIn" data-4="wpsocialarrow-linkedin"></a> <a target="_blank" id="wpsocialarrow-pinterest-share" class="wpsocialarrow-pinterest-share pinterest theme2" href="#" title="Pinterest" data-5="wpsocialarrow-pinterest"></a> </div><!--End Container--> </div>'; 321 $('.wpsocialarrow-social-icons-box').append(skin_data); 322 } 323 } 324 if (user_selected_skin == "bounce-up") { 325 if ($('#wpsocialarrow-selected-positioning').val() == "both") { 326 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"> <div class="social1"> <a class="wpsocialarrow-facebook-share" href="" target="_blank" data-1="wpsocialarrow-facebook"> <div class="social--facebook"></div> </a> <a class="wpsocialarrow-twitter-share" href="" target="_blank" data-2="wpsocialarrow-twitter"> <div class="social--twitter"></div> </a> <a class="wpsocialarrow-google-share" href="" target="_blank" data-3="wpsocialarrow-google"> <div class="social--google"></div> </a> <a class="wpsocialarrow-linkedin-share" href="" target="_blank" data-4="wpsocialarrow-linkedin"> <div class="social--linkedin"></div> </a> <a class="wpsocialarrow-pinterest-share" href="" target="_blank" data-5="wpsocialarrow-pinterest"> <div class="social--pinterest"></div> </a> </div><!--End Container--> </div>'; 327 $('.wpsocialarrow-social-icons-box').append(skin_data); 328 } 329 else { 330 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12">
330 <div class="social1"> <a class="wpsocialarrow-facebook-share" href="" target="_blank" data-1="wpsocialarrow-facebook"> <div class="social--facebook"></div> </a> <a class="wpsocialarrow-twitter-share" href="" target="_blank" data-2="wpsocialarrow-twitter"> <div class="social--twitter"></div> </a> <a class="wpsocialarrow-google-share" href="" target="_blank" data-3="wpsocialarrow-google"> <div class="social--google"></div> </a> <a class="wpsocialarrow-linkedin-share" href="" target="_blank" data-4="wpsocialarrow-linkedin"> <div class="social--linkedin"></div> </a> <a class="wpsocialarrow-pinterest-share" href="" target="_blank" data-5="wpsocialarrow-pinterest"> <div class="social--pinterest"></div> </a> </div><!--End Container--> </div>'; 331 $('.wpsocialarrow-social-icons-box').append(skin_data); 332 } 333 334 } 335 if (user_selected_skin == "grind-in") { 336 if ($('#wpsocialarrow-selected-positioning').val() == "both") { 337 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div class="social_icons"> <a class="wpsocialarrow-facebook-share btn_facebook" target="_blank" data-1="wpsocialarrow-facebook"><i class="fa fa-facebook"></i><i class="fa fa-facebook"></i></a> <a class="wpsocialarrow-twitter-share btn_twitter" target="_blank" data-2="wpsocialarrow-twitter"><i class="fa fa-twitter"></i><i class="fa fa-twitter"></i></a> <a class="wpsocialarrow-google-share btn_google-plus" target="_blank" data-3="wpsocialarrow-google"><i class="fa fa-google-plus"></i><i class="fa fa-google-plus"></i></a> <a class="wpsocialarrow-linkedin-share btn_linkedin" target="_blank" class="" data-4="wpsocialarrow-linkedin"><i class="fa fa-linkedin"></i><i class="fa fa-linkedin"></i></a> <a class="wpsocialarrow-pinterest-share btn_pinterest" target="_blank" data-5="wpsocialarrow-pinterest"><i class="fa fa-pinterest"></i><i class="fa fa-pinterest"></i></a> </div></div>'; 338 $('.wpsocialarrow-social-icons-box').append(skin_data); 339 } 340 else { 341 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div class="social_icons"> <a class="wpsocialarrow-facebook-share btn_facebook" target="_blank" data-1="wpsocialarrow-facebook"><i class="fa fa-facebook"></i><i class="fa fa-facebook"></i></a> <a class="wpsocialarrow-twitter-share btn_twitter" target="_blank" data-2="wpsocialarrow-twitter"><i class="fa fa-twitter"></i><i class="fa fa-twitter"></i></a> <a class="wpsocialarrow-google-share btn_google-plus" target="_blank" data-3="wpsocialarrow-google"><i class="fa fa-google-plus"></i><i class="fa fa-google-plus"></i></a> <a class="wpsocialarrow-linkedin-share btn_linkedin" target="_blank" data-4="wpsocialarrow-linkedin"><i class="fa fa-linkedin"></i><i class="fa fa-linkedin"></i></a> <a class="wpsocialarrow-pinterest-share btn_pinterest" target="_blank" class="" data-5="wpsocialarrow-pinterest"><i class="fa fa-pinterest"></i><i class="fa fa-pinterest"></i></a> </div></div>'; 342 $('.wpsocialarrow-social-icons-box').append(skin_data); 343 } 344 345 } 346 if (user_selected_skin == "paper-fold") { 347 if ($('#wpsocialarrow-selected-positioning').val() == "both") { 348 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div id="wpsocialarrow-theme5" class=""> <nav> <ul> <li id="facebooktheme5" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme5-facebook hvr-wobble-vertical"></span> </a> </div> </li> <li id="twittertheme5" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme5-twitter hvr-wobble-vertical"></span> </a> </div> </li> <li id="google-plustheme5" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme5-gplus hvr-wobble-vertical"></span> </a> </div> </li> <li id="linkedintheme5" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme5-linkedin hvr-wobble-vertical"></span> </a> </div> </li> <li id="pinteresttheme5" data-5="wpsocialarrow-pinterest"> <div > <a target="_blank" id="wpsocialarrow-pinterest-share" class="wpsocialarrow-pinterest-share" href="#"> <span class="wpsocialarrow-theme5-pinterest hvr-wobble-vertical"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 349 $('.wpsocialarrow-social-icons-box').append(skin_data); 350 } 351 else { 352 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div id="wpsocialarrow-theme5" class=""> <nav> <ul> <li id="facebooktheme5" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme5-facebook hvr-wobble-vertical"></span> </a> </div> </li> <li id="twittertheme5" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme5-twitter hvr-wobble-vertical"></span> </a> </div> </li> <li id="google-plustheme5" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme5-gplus hvr-wobble-vertical"></span> </a> </div> </li> <li id="linkedintheme5" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme5-linkedin hvr-wobble-vertical"></span> </a> </div> </li> <li id="pinteresttheme5" data-5="wpsocialarrow-pinterest"> <div > <a target="_blank" id="wpsocialarrow-pinterest-share" class="wpsocialarrow-pinterest-share" href="#"> <span class="wpsocialarrow-theme5-pinterest hvr-wobble-vertical"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 353 $('.wpsocialarrow-social-icons-box').append(skin_data); 354 355 } 356 357 } 358 if (user_selected_skin == "branded") { 359 if ($('#wpsocialarrow-selected-positioning').val() == "both") { 360 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div id="wpsocialarrow-theme6" class=""> <nav> <ul> <li id="facebooktheme6" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme6-facebook hvr-outline-infacebook"></span> </a> </div> </li> <li id="twittertheme6" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme6-twitter hvr-outline-intwitter"></span> </a> </div> </li> <li id="google-plustheme6" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme6-gplus hvr-outline-ingplus"></span> </a> </div> </li> <li id="linkedintheme6" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme6-linkedin hvr-outline-inlinkedin"></span> </a> </div> </li> <li id="pinteresttheme6" data-5="wpsocialarrow-pinterest"> <div > <a target="_blank" id="wpsocialarrow-pinterest-share" class="wpsocialarrow-pinterest-share" href="#"> <span class="wpsocialarrow-theme6-pinterest hvr-outline-inpinterest"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 361 $('.wpsocialarrow-social-icons-box').append(skin_data); 362 } 363 else { 364 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div id="wpsocialarrow-theme6" class=""> <nav> <ul> <li id="facebooktheme6" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme6-facebook hvr-outline-infacebook"></span> </a> </div> </li> <li id="twittertheme6" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme6-twitter hvr-outline-intwitter"></span> </a> </div> </li> <li id="google-plustheme6" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme6-gplus hvr-outline-ingplus"></span> </a> </div> </li> <li id="linkedintheme6" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme6-linkedin hvr-outline-inlinkedin"></span> </a> </div> </li> <li id="pinteresttheme6" data-5="wpsocialarrow-pinterest"> <div > <a target="_blank" id="wpsocialarrow-pinterest-share" class="wpsocialarrow-pinterest-share" href="#"> <span class="wpsocialarrow-theme6-pinterest hvr-outline-inpinterest"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 365 $('.wpsocialarrow-social-icons-box').append(skin_data); 366 367 368 } 369 } 370 if (user_selected_skin == "radiused") { 371 if ($('#wpsocialarrow-selected-positioning').val() == "both") { 372 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div id="wpsocialarrow-theme7" class=""> <nav> <ul> <li id="facebooktheme7" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme7-facebook rotatefacebook"></span> </a> </div> </li> <li id="twittertheme7" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme7-twitter rotatetwitter"></span> </a> </div> </li> <li id="google-plustheme7" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme7-gplus rotategplus"></span> </a> </div> </li> <li id="linkedintheme7" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme7-linkedin rotatelinkedin"></span> </a> </div> </li> <li id="pinteresttheme7" data-5="wpsocialarrow-pinterest"> <div > <a target="_blank" id="wpsocialarrow-pinterest-share" class="wpsocialarrow-pinterest-share" href="#"> <span class="wpsocialarrow-theme7-pinterest rotatepinterest"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 373 $('.wpsocialarrow-social-icons-box').append(skin_data); 374 } 375 else { 376 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div id="wpsocialarrow-theme7" class=""> <nav> <ul> <li id="facebooktheme7" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme7-facebook rotatefacebook"></span> </a> </div> </li> <li id="twittertheme7" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme7-twitter rotatetwitter"></span> </a> </div> </li> <li id="google-plustheme7" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme7-gplus rotategplus"></span> </a> </div> </li> <li id="linkedintheme7" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme7-linkedin rotatelinkedin"></span> </a> </div> </li> <li id="pinteresttheme7" data-5="wpsocialarrow-pinterest"> <div > <a target="_blank" id="wpsocialarrow-pinterest-share" class="wpsocialarrow-pinterest-share" href="#"> <span class="wpsocialarrow-theme7-pinterest rotatepinterest"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 377 $('.wpsocialarrow-social-icons-box').append(skin_data); 378 } 379 } 380 if (user_selected_skin == "octagon") { 381 if ($('#wpsocialarrow-selected-positioning').val() == "both") { 382 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div id="wpsocialarrow-theme8" class=""> <nav> <ul> <li id="facebooktheme8" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme8-facebook hvr-float-shadow"></span> </a> </div> </li> <li id="twittertheme8" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme8-twitter hvr-float-shadow"></span> </a> </div> </li> <li id="google-plustheme8" data-3="wpsocialarrow-google"> <div > <a target="_blank" target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme8-gplus hvr-float-shadow"></span> </a> </div> </li> <li id="linkedintheme8" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme8-linkedin hvr-float-shadow"></span> </a> </div> </li> <li id="pinteresttheme8" data-5="wpsocialarrow-pinterest"> <div > <a target="_blank" id="wpsocialarrow-pinterest-share" class="wpsocialarrow-pinterest-share" href="#"> <span class="wpsocialarrow-theme8-pinterest hvr-float-shadow"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 383 $('.wpsocialarrow-social-icons-box').append(skin_data); 384 } 385 else { 386 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div id="wpsocialarrow-theme8" class=""> <nav> <ul> <li id="facebooktheme8" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme8-facebook hvr-float-shadow"></span> </a> </div> </li> <li id="twittertheme8" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme8-twitter hvr-float-shadow"></span> </a> </div> </li> <li id="google-plustheme8" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme8-gplus hvr-float-shadow"></span> </a> </div> </li> <li id="linkedintheme8" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme8-linkedin hvr-float-shadow"></span> </a> </div> </li> <li id="pinteresttheme8" data-5="wpsocialarrow-pinterest"> <div > <a target="_blank" id="wpsocialarrow-pinterest-share" class="wpsocialarrow-pinterest-share" href="#"> <span class="wpsocialarrow-theme8-p
386interest hvr-float-shadow"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 387 $('.wpsocialarrow-social-icons-box').append(skin_data); 388 } 389 } 390 if (user_selected_skin == "hanging") { 391 if ($('#wpsocialarrow-selected-positioning').val() == "both") { 392 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div id="wpsocialarrow-theme9" class=""> <nav> <ul> <li id="facebooktheme9" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme9-facebook hvr-wobble-bottom"></span> </a> </div> </li> <li id="twittertheme9" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme9-twitter hvr-wobble-bottom"></span> </a> </div> </li> <li id="google-plustheme9" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme9-gplus hvr-wobble-bottom"></span> </a> </div> </li> <li id="linkedintheme9" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme9-linkedin hvr-wobble-bottom"></span> </a> </div> </li> <li id="pinteresttheme9" data-5="wpsocialarrow-pinterest"> <div > <a target="_blank" id="wpsocialarrow-pinterest-share" class="wpsocialarrow-pinterest-share" href="#"> <span class="wpsocialarrow-theme9-pinterest hvr-wobble-bottom"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 393 $('.wpsocialarrow-social-icons-box').append(skin_data); 394 } 395 else { 396 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div id="wpsocialarrow-theme9" class=""> <nav> <ul> <li id="facebooktheme9" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme9-facebook hvr-wobble-bottom"></span> </a> </div> </li> <li id="twittertheme9" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme9-twitter hvr-wobble-bottom"></span> </a> </div> </li> <li id="google-plustheme9" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme9-gplus hvr-wobble-bottom"></span> </a> </div> </li> <li id="linkedintheme9" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme9-linkedin hvr-wobble-bottom"></span> </a> </div> </li> <li id="pinteresttheme9" data-5="wpsocialarrow-pinterest"> <div > <a target="_blank" id="wpsocialarrow-pinterest-share" class="wpsocialarrow-pinterest-share" href="#"> <span class="wpsocialarrow-theme9-pinterest hvr-wobble-bottom"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 397 $('.wpsocialarrow-social-icons-box').append(skin_data); 398 399 } 400 } 401 if (user_selected_skin == "tricon") { 402 if ($('#wpsocialarrow-selected-positioning').val() == "both") { 403 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div id="wpsocialarrow-theme10" class=""> <nav> <ul> <li id="facebooktheme10" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme10-facebook hvr-buzz-out"></span> </a> </div> </li> <li id="twittertheme10" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme10-twitter hvr-buzz-out"></span> </a> </div> </li> <li id="google-plustheme10" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme10-gplus hvr-buzz-out"></span> </a> </div> </li> <li id="linkedintheme10" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme10-linkedin hvr-buzz-out"></span> </a> </div> </li> <li id="pinteresttheme10" data-5="wpsocialarrow-pinterest"> <div > <a target="_blank" id="wpsocialarrow-pinterest-share" class="wpsocialarrow-pinterest-share" href="#"> <span class="wpsocialarrow-theme10-pinterest hvr-buzz-out"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 404 $('.wpsocialarrow-social-icons-box').append(skin_data); 405 } 406 else { 407 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div id="wpsocialarrow-theme10" class=""> <nav> <ul> <li id="facebooktheme10" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme10-facebook hvr-buzz-out"></span> </a> </div> </li> <li id="twittertheme10" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme10-twitter hvr-buzz-out"></span> </a> </div> </li> <li id="google-plustheme10" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme10-gplus hvr-buzz-out"></span> </a> </div> </li> <li id="linkedintheme10" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme10-linkedin hvr-buzz-out"></span> </a> </div> </li> <li id="pinteresttheme10" data-5="wpsocialarrow-pinterest"> <div > <a target="_blank" id="wpsocialarrow-pinterest-share" class="wpsocialarrow-pinterest-share" href="#"> <span class="wpsocialarrow-theme10-pinterest hvr-buzz-out"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 408 $('.wpsocialarrow-social-icons-box').append(skin_data); 409 } 410 411 } 412 if (user_selected_skin == "hollow") { 413 if ($('#wpsocialarrow-selected-positioning').val() == "both") { 414 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div id="wpsocialarrow-theme11" class=""> <nav> <ul> <li id="facebooktheme11" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme11-facebook rotatefacebook"></span> </a> </div> </li> <li id="twittertheme11" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme11-twitter rotatetwitter"></span> </a> </div> </li> <li id="google-plustheme11" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme11-gplus rotategplus"></span> </a> </div> </li> <li id="linkedintheme11" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme11-linkedin rotatelinkedin"></span> </a> </div> </li> <li id="pinteresttheme11" data-5="wpsocialarrow-pinterest"> <div > <a target="_blank" id="wpsocialarrow-pinterest-share" class="wpsocialarrow-pinterest-share" href="#"> <span class="wpsocialarrow-theme11-pinterest rotatepinterest"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 415 $('.wpsocialarrow-social-icons-box').append(skin_data); 416 } 417 else { 418 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div id="wpsocialarrow-theme11" class=""> <nav> <ul> <li id="facebooktheme11" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme11-facebook rotatefacebook"></span> </a> </div> </li> <li id="twittertheme11" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme11-twitter rotatetwitter"></span> </a> </div> </li> <li id="google-plustheme11" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme11-gplus rotategplus"></span> </a> </div> </li> <li id="linkedintheme11" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme11-linkedin rotatelinkedin"></span> </a> </div> </li> <li id="pinteresttheme11" data-5="wpsocialarrow-pinterest"> <div > <a target="_blank" id="wpsocialarrow-pinterest-share" class="wpsocialarrow-pinterest-share" href="#"> <span class="wpsocialarrow-theme11-pinterest rotatepinterest"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 419 $('.wpsocialarrow-social-icons-box').append(skin_data); 420 421 } 422 } 423 if (user_selected_skin == "sociallambs") { 424 if ($('#wpsocialarrow-selected-positioning').val() == "both") { 425 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"> <div id="wpsocialarrow-theme12" class=""> <nav> <ul> <li id="facebooktheme12" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme12-facebook hvr-pop"></span> </a> </div> </li> <li id="twittertheme12" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme12-twitter hvr-pop"></span> </a> </div> </li> <li id="google-plustheme12" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme12-gplus hvr-pop"></span> </a> </div> </li> <li id="linkedintheme12" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme12-linkedin hvr-pop"></span> </a> </div> </li> <li id="pinteresttheme12" data-5="wpsocialarrow-pinterest"> <div > <a class="wpsocialarrow-pinterest-share" target="_blank" href="#"> <span class="wpsocialarrow-theme12-pinterest hvr-pop"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 426 $('.wpsocialarrow-social-icons-box').append(skin_data); 427 } 428 else { 429 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"> <div id="wpsocialarrow-theme12" class=""> <nav> <ul> <li id="facebooktheme12" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme12-facebook hvr-pop"></span> </a> </div> </li> <li id="twittertheme12" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme12-twitter hvr-pop"></span> </a> </div> </li> <li id="google-plustheme12" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme12-gplus hvr-pop"></span> </a> </div> </li> <li id="linkedintheme12" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme12-linkedin hvr-pop"></span> </a> </div> </li> <li id="pinteresttheme12" data-5="wpsocialarrow-pinterest"> <div > <a class="wpsocialarrow-pinterest-share" target="_blank" href="#"> <span class="wpsocialarrow-theme12-pinterest hvr-pop"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 430 $('.wpsocialarrow-social-icons-box').append(skin_data); 431 432 } 433 } 434 if (user_selected_skin == "3dicons") { 435 if ($('#wpsocialarrow-selected-positioning').val() == "both") { 436 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div id="wpsocialarrow-theme17" class=""> <nav> <ul> <li id="facebooktheme17" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme17-facebook hvr-grow-rotate"></span> </a> </div> </li> <li id="twittertheme17" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme17-twitter hvr-grow-rotate"></span> </a> </div> </li> <li id="google-plustheme17" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme17-gplus hvr-grow-rotate"></span> </a> </div> </li> <li id="linkedintheme17" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme17-linkedin hvr-grow-rotate"></span> </a> </div> </li> <li id="pinteresttheme17" data-5="wpsocialarrow-pinterest"> <div > <a class="wpsocialarrow-pinterest-share" target="_blank" href="#"> <span class="wpsocialarrow-theme17-pinterest hvr-grow-rotate"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 437 $('.wpsocialarrow-social-icons-box').append(skin_data); 438 } 439 else { 440 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div id="wpsocialarrow-theme17" class=""> <nav> <ul> <li id="facebooktheme17" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme17-facebook hvr-grow-rotate"></span> </a> </div> </li> <li id="twittertheme17" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme17-twitter hvr-grow-rotate"></span> </a> </div> </li> <li id="google-plustheme17" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme17-gplus hvr-grow-rotate"></span> </a> </div> </li> <li id="linkedintheme17" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme17-linkedin hvr-grow-rotate"></span> </a> </div> </li> <li id="pinteresttheme17" data-5="wpsocialarrow-pinterest"> <div > <a class="wpsocialarrow-pinterest-share" target="_blank" href="#"> <span class="wpsocialarrow-theme17-pinterest hvr-grow-
440rotate"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 441 $('.wpsocialarrow-social-icons-box').append(skin_data); 442 443 } 444 } 445 if (user_selected_skin == "whitestitchedborder") { 446 if ($('#wpsocialarrow-selected-positioning').val() == "both") { 447 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div id="wpsocialarrow-theme14" class=""> <nav> <ul> <li id="facebooktheme14" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme14-facebook hvr-wobble-skew"></span> </a> </div> </li> <li id="twittertheme14" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme14-twitter hvr-wobble-skew"></span> </a> </div> </li> <li id="google-plustheme14" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme14-gplus hvr-wobble-skew"></span> </a> </div> </li> <li id="linkedintheme14" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme14-linkedin hvr-wobble-skew"></span> </a> </div> </li> <li id="pinteresttheme14" data-5="wpsocialarrow-pinterest"> <div > <a class="wpsocialarrow-pinterest-share" target="_blank" href="#"> <span class="wpsocialarrow-theme14-pinterest hvr-wobble-skew"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 448 $('.wpsocialarrow-social-icons-box').append(skin_data); 449 } 450 else { 451 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"><div id="wpsocialarrow-theme14" class=""> <nav> <ul> <li id="facebooktheme14" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme14-facebook hvr-wobble-skew"></span> </a> </div> </li> <li id="twittertheme14" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme14-twitter hvr-wobble-skew"></span> </a> </div> </li> <li id="google-plustheme14" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme14-gplus hvr-wobble-skew"></span> </a> </div> </li> <li id="linkedintheme14" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme14-linkedin hvr-wobble-skew"></span> </a> </div> </li> <li id="pinteresttheme14" data-5="wpsocialarrow-pinterest"> <div > <a class="wpsocialarrow-pinterest-share" target="_blank" href="#"> <span class="wpsocialarrow-theme14-pinterest hvr-wobble-skew"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 452 $('.wpsocialarrow-social-icons-box').append(skin_data); 453 454 } 455 } 456 if (user_selected_skin == "whiterounded") { 457 if ($('#wpsocialarrow-selected-positioning').val() == "both") { 458 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"> <div id="wpsocialarrow-theme15" class=""> <nav> <ul> <li id="facebooktheme15" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme15-facebook hvr-bounce-out"></span> </a> </div> </li> <li id="twittertheme15" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme15-twitter hvr-bounce-out"></span> </a> </div> </li> <li id="google-plustheme15" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme15-gplus hvr-bounce-out"></span> </a> </div> </li> <li id="linkedintheme15" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme15-linkedin hvr-bounce-out"></span> </a> </div> </li> <li id="pinteresttheme15" data-5="wpsocialarrow-pinterest"> <div > <a target="_blank" id="wpsocialarrow-pinterest-share" class="wpsocialarrow-pinterest-share" href="#"> <span class="wpsocialarrow-theme15-pinterest hvr-bounce-out"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div>'; 459 $('.wpsocialarrow-social-icons-box').append(skin_data); 460 } 461 else { 462 skin_data = '<p id="wpsocialarrow-user-sharing-message" class="wpsocialarrow-user-sharing-message"></p><div class="col-md-12"> <div id="wpsocialarrow-theme15" class=""> <nav> <ul> <li id="facebooktheme15" data-1="wpsocialarrow-facebook"> <div><a target="_blank" id="wpsocialarrow-facebook-share" class="wpsocialarrow-facebook-share" href="#"> <span class="wpsocialarrow-theme15-facebook hvr-bounce-out"></span> </a> </div> </li> <li id="twittertheme15" data-2="wpsocialarrow-twitter"> <div ><a target="_blank" id="wpsocialarrow-twitter-share" class="wpsocialarrow-twitter-share" href="#"> <span class="wpsocialarrow-theme15-twitter hvr-bounce-out"></span> </a> </div> </li> <li id="google-plustheme15" data-3="wpsocialarrow-google"> <div > <a target="_blank" id="wpsocialarrow-google-share" class="wpsocialarrow-google-share" href="#"><span class="wpsocialarrow-theme15-gplus hvr-bounce-out"></span> </a> </div> </li> <li id="linkedintheme15" data-4="wpsocialarrow-linkedin"> <div > <a target="_blank" id="wpsocialarrow-linkedin-share" class="wpsocialarrow-linkedin-share" href="#"> <span class="wpsocialarrow-theme15-linkedin hvr-bounce-out"></span> </a> </div> </li> <li id="pinteresttheme15" data-5="wpsocialarrow-pinterest"> <div > <a target="_blank" href="#" id="wpsocialarrow-pinterest-share" class="wpsocialarrow-pinterest-share" > <span class="wpsocialarrow-theme15-pinterest hvr-bounce-out"></span> </a> </div> </li> </ul> </nav> </div><!--End Container--> </div> '; 463 $('.wpsocialarrow-social-icons-box').append(skin_data); 464 } 465 } 466 467 jQuery(document).ready(function () { 468 var selectedskin = $('#wpsocialarrow-selected-skin').val(); 469 var selectedSocialNetworkArray = new Array(); 470 $("#" + selectedskin).click(); 471 $("input[name=wpsocialarrow-selcetion-network]").each(function () { 472 selectedSocialNetworkArray.push($(this).val()); 473 }); 474 475 if (selectedSocialNetworkArray[0] == "") { 476 var selectedskin = document.getElementById("wpsocialarrow-selected-skin").value + "-preview"; 477 $("#" + selectedskin).find('[name=facebook]').hide(); 478 } 479 if (selectedSocialNetworkArray[1] == "") { 480 var selectedskin = document.getElementById("wpsocialarrow-selected-skin").value + "-preview"; 481 $("#" + selectedskin).find('[name=twitter]').hide(); 482 } 483 if (selectedSocialNetworkArray[2] == "") { 484 var selectedskin = document.getElementById("wpsocialarrow-selected-skin").value + "-preview"; 485 $("#" + selectedskin).find('[name=google]').hide(); 486 $("#" + selectedskin).find('[name=g-plus]').hide(); 487 }
488 if (selectedSocialNetworkArray[3] == "") { 489 var selectedskin = document.getElementById("wpsocialarrow-selected-skin").value + "-preview"; 490 $("#" + selectedskin).find('[name=linkedin]').hide(); 491 } 492 if (selectedSocialNetworkArray[4] == "") { 493 var selectedskin = document.getElementById("wpsocialarrow-selected-skin").value + "-preview"; 494 $("#" + selectedskin).find('[name=pinterest]').hide(); 495 } 496 }); 497 }); 498 499 $(document).ready(function () { 500 $(".social-selection").each(function () { 501 if ($(this).prop('checked')) { 502 social_count++; 503 } 504 }); 505 $(".social-selection").change(function () { 506 507 if ($(this).prop('checked')) { 508 if (this.id == "facebook" && $("#wpsocialarrow-selected-social-network1").val() == "") { 509 $("#wpsocialarrow-selected-social-network1").val("wpsocialarrow-facebook"); 510 } 511 if (this.id == "twitter" && $("#wpsocialarrow-selected-social-network2").val() == "") { 512 $("#wpsocialarrow-selected-social-network2").val("wpsocialarrow-twitter"); 513 } 514 if (this.id == "g-plus" && $("#wpsocialarrow-selected-social-network3").val() == "") { 515 $("#wpsocialarrow-selected-social-network3").val("wpsocialarrow-google"); 516 } 517 if (this.id == "linkedin" && $("#wpsocialarrow-selected-social-network4").val() == "") { 518 $("#wpsocialarrow-selected-social-network4").val("wpsocialarrow-linkedin"); 519 } 520 if (this.id == "pinterest" && $("#wpsocialarrow-selected-social-network5").val() == "") { 521 $("#wpsocialarrow-selected-social-network5").val("wpsocialarrow-pinterest"); 522 } 523 if (this.id == "whatsapp" && $("#wpsocialarrow-selected-social-network6").val() == "") { 524 $("#wpsocialarrow-selected-social-network6").val("wpsocialarrow-whatsapp"); 525 } 526 if (this.id == "reddit" && $("#wpsocialarrow-selected-social-network7").val() == "") { 527 $("#wpsocialarrow-selected-social-network7").val("wpsocialarrow-reddit"); 528 } 529 var selectedskin = document.getElementById("wpsocialarrow-selected-skin").value + "-preview"; 530 if (selectedskin == "3dicons-preview") { 531 $("#threedicons-preview").find('[name=' + this.id + ']').show(); 532 } 533 $("#" + selectedskin).find('[name=' + this.id + ']').show(); 534 social_count++; 535 console.log("social_count: " + social_count); 536 } 537 else { 538 if (this.id == "facebook" && $("#wpsocialarrow-selected-social-network1").val() != "") { 539 $("#wpsocialarrow-selected-social-network1").val(""); 540 } 541 if (this.id == "twitter" && $("#wpsocialarrow-selected-social-network2").val() != "") { 542 $("#wpsocialarrow-selected-social-network2").val(""); 543 } 544 if (this.id == "g-plus" && $("#wpsocialarrow-selected-social-network3").val() != "") { 545 $("#wpsocialarrow-selected-social-network3").val(""); 546 } 547 if (this.id == "linkedin" && $("#wpsocialarrow-selected-social-network4").val() != "") { 548 $("#wpsocialarrow-selected-social-network4").val(""); 549 } 550 if (this.id == "pinterest" && $("#wpsocialarrow-selected-social-network5").val() != "") { 551 $("#wpsocialarrow-selected-social-network5").val(""); 552 } 553 if (this.id == "whatsapp" && $("#wpsocialarrow-selected-social-network6").val() != "") { 554 $("#wpsocialarrow-selected-social-network6").val(""); 555 } 556 if (this.id == "reddit" && $("#wpsocialarrow-selected-social-network7").val() != "") { 557 $("#wpsocialarrow-selected-social-network7").val(""); 558 } 559 var selectedskin = document.getElementById("wpsocialarrow-selected-skin").value + "-preview"; 560 if (selectedskin == "3dicons-preview") { 561 $("#threedicons-preview").find('[name=' + this.id + ']').hide(); 562 } 563 $("#" + selectedskin).find('[name=' + this.id + ']').hide(); 564 565 566 social_count--; 567 console.log("social_count -- : " + social_count); 568 569 } 570 if (social_count > 3 ) { 571 $('.social-network-upgrade-to-pro').show(); 572 chk_flg = 1; 573 social_count = 3; 574 $(this).prop('checked',''); 575 } else { 576 $('.social-network-upgrade-to-pro').hide(); 577 chk_flg = 0; 578 } 579 }); 580 $('label').click(function () { 581 if ($(this).attr('for') == "afterpost") { 582 document.getElementById("wpsocialarrow-live-preview-location").innerHTML = "After Post,"; 583 } 584 else if ($(this).attr('for') == "beforepost") { 585 document.getElementById("wpsocialarrow-live-preview-location").innerHTML = "Before Post,"; 586 } 587 else if ($(this).attr('for') == "both") { 588 document.getElementById("wpsocialarrow-live-preview-location").innerHTML = "Before & After Post,"; 589 } 590 else if ($(this).attr('for') == "alignleft") { 591 document.getElementById("wpsocialarrow-live-preview-align").innerHTML = "Align Left"; 592 } 593 else if ($(this).attr('for') == "alignright") { 594 document.getElementById("wpsocialarrow-live-preview-align").innerHTML = "Align Right"; 595 } 596 else if ($(this).attr('for') == "aligncenter") { 597 document.getElementById("wpsocialarrow-live-preview-align").innerHTML = "Align Center"; 598 } 599 }); 600 601 $('#wpsocialarrow-enable-post').click(function () { 602 if ($('#wpsocialarrow-enable-post').prop('checked')) { 603 $("#wpsocialarrow-live-preview-post").text("Post "); 604 } else { 605 $("#wpsocialarrow-live-preview-post").text(" "); 606 } 607 }); 608 609 $('#wpsocialarrow-enable-page').click(function () { 610 if ($('#wpsocialarrow-enable-page').prop('checked')) { 611 $("#wpsocialarrow-live-preview-page").text("Page"); 612 } else { 613 $("#wpsocialarrow-live-preview-page").text(" "); 614 } 615 }); 616 617 618 });
619 620});
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.