Duffer Derek
/**
*
* Functions for widgets and global utility functions.
*
* @since 1.0.0
* @package SocialWarfare\Admin\Functions
* @copyright Copyright (c) 2018, Warfare Plugins, LLC
* @license GPL-3.0+
*/
var socialWarfareAdmin = socialWarfareAdmin || {};
var swpWidget, widgetSubmit;
(function(window, $) {
'use strict';
if (typeof $ != 'function') {
if (typeof jQuery == 'function') {
$ = jQuery;
}
else if (typeof window.jQuery == 'function') {
$ = window.jQuery
}
else {
console.log("Social Warfare requires jQuery, or $ as an alias of jQuery. Please make sure your theme provides access to jQuery before activating Social Warfare.");
return;
}
}
/**
* Show and hide input fields based on conditional values.
*
* This function iterates over each element with the "dep" data attribute. For each
* such dependant element, its parent element controls whether the dependant is shown or hidden
* if the parent's value matches the condition.
*
* @since 3.0.0 Feb 12 2018 | Brought func in from admin-options-page.js and set to global scope; Updated variable names for semantics, switched to Yoda condietionals.
* @since 3.0.0 Feb 14 2018 | Mapped the required array from variable types to string.
*
* @see admin-options-page.js
* @return none
*/
socialWarfareAdmin.conditionalFields = function() {
if (typeof $ == 'undefined') {
$ = jQuery;
}
function swp_selected(name) {
return $('select[name="' + name + '"]').val();
}
function swp_checked(name) {
return $('[name="' + name + '"]').prop('checked');
}
function string_to_bool(string) {
if (string === 'true') { string = true };
if (string === 'false'){ string = false };
return string;
}
// Loop through all the fields that have dependancies
$("[data-dep]").each(function() {
// Fetch the conditional values
var condition = $(this).data('dep');
var required = JSON.parse(JSON.stringify($(this).data('dep_val')));
// Check if we're on the options page or somewhere else
if (window.location.href.indexOf("page=social-warfare") === -1) {
var conditionEl = $(this).parents('.widgets-holder-wrap').find('[data-swp-name="' + condition + '"]');
} else {
var conditionEl = $('[name="' + condition + '"]')[0];
}
var value;
if (typeof conditionEl === 'undefined') {
conditionEl = $('[name="' + condition + '"]')[0];
if (typeof conditionEl === 'undefined') {
conditionEl = $('[field$=' + condition + ']')[0];
}
}
// Fetch the value of checkboxes or other input types
if ($(conditionEl).attr('type') == 'checkbox') {
value = $(conditionEl).prop('checked');
} else {
value = $(conditionEl).val();
}
value = string_to_bool(value);
//* Options page uses parent visibilty to check. Widget page does not. This could definiitely look better.
// Show or hide based on the conditional values (and the dependancy must be visible in case it is dependant)
if (window.location.href.indexOf("page=social-warfare") !== -1) {
// If the required value matches and it's parent is also being shown, show this conditional field
if ($.inArray(value, required) !== -1 && $(conditionEl).parent('.sw-grid').is(':visible') ) {
$(this).show();
} else {
$(this).hide();
}
}
else {
// If the required value matches, show this conditional field
if ($.inArray(value, required) !== -1 || value === required) {
$(this).show();
} else {
$(this).hide();
}
}
});
if (false === swp_checked('float_style_source') &&
'custom_color' === swp_selected('float_default_colors')
|| 'custom_color_outlines' === swp_selected('float_default_colors')
|| 'custom_color' === swp_selected('float_single_colors')
|| 'custom_color_outlines' === swp_selected('float_single_colors')
|| 'custom_color' === swp_selected('float_hover_colors')
|| 'custom_color_outlines' === swp_selected('float_hover_colors')) {
$('.sideCustomColor_wrapper').slideDown();
} else {
$('.sideCustomColor_wrapper').slideUp();
}
}
//* Only run on widgets.php
if (window.location.href.indexOf("widgets.php") > -1) {
//* Make sure the elements exist before trying to read them.
//*
var widgetFinder = setInterval(function() {
if (typeof swpWidget !== 'undefined') clearInterval(widgetFinder);
swpWidget = $("#widgets-right [id*=_swp_popular_posts_widget], [id*=_swp_popular_posts_widget].open")[0];
widgetSubmit = $(swpWidget).find("[id$=savewidget]")[0];
//* Force swpConditionalFields to run when the widget is opened or saved.
$(swpWidget).on("click", socialWarfareAdmin.conditionalFields);
$(widgetSubmit).on("click", function() {
setTimeout(socialWarfareAdmin.conditionalFields, 600);
});
}, 50);
}
socialWarfareAdmin.linkLength = function(input) {
var tmp = '';
for (var i = 0; i < 23; i++) {
tmp += 'o';
}
return input.replace(/(http:\/\/[\S]*)/g, tmp).length;
};
function updateCharactersRemaining(containerSelector, characterLimit) {
var input = $("#social_warfare #" + containerSelector);
var container = input.parent();
var remaining = characterLimit - input.val().length
// Account for the permalink + whitespace being added to the tweet.
if (containerSelector == "swp_custom_tweet") {
var permalinkLength = 0;
// Classic Editor
if ($("#sample-permalink").length) {
permalinkLength = $("#sample-permalink").text().length;
}
// Gutenberg Editor
else if ($("#wp-admin-bar-view a").length) {
permalinkLength = $("#wp-admin-bar-view a").attr('href').length;
}
if ($("#swp-twitter-handle").length) {
var twitterHandle = $("#swp-twitter-handle").text();
remaining -= twitterHandle.length;
}
remaining -= permalinkLength;
}
if (remaining >= 0) {
container.find(".swp_CountDown").removeClass("swp_red").addClass("swp_blue")
} else {
container.find(".swp_CountDown").removeClass("swp_blue").addClass("swp_red")
}
container.find(".counterNumber").text(remaining)
}
function toggleCustomThumbnailFields(show) {
if (typeof show === 'undefined') show = true;
if (show) {
$(".custom_thumb_size").show();
} else {
$(".custom_thumb_size").hide();
}
}
function noticeClickHandlers() {
$(".swp-notice-cta").on("click", function(e) {
e.preventDefault();
//* Do not use $ to get href.
var link = e.target.getAttribute("href");
if (typeof link == 'string' && link.length) {
window.open(link);
}
var parent = $(this).parents(".swp-dismiss-notice");
$.ajax({
type: 'POST',
url: ajaxurl,
data: {
action: 'dismiss',
key: parent.data("key"),
timeframe: this.dataset.timeframe
},
success: function(result) {
result = JSON.parse(result)
if (result) {
parent.slideUp(500);
}
}
});
});
}
function postEditorCheckboxChange(event) {
event.preventDefault();
var checked = !($(this).attr('status') == 'on');
var selector = $(this).attr("field");
var checkbox = $(selector);
if (checked) {
$(this).attr('status', 'on');
checkbox.prop('checked', true).prop('value', true);
} else {
$(this).attr('status', 'off');
checkbox.prop('checked', false).prop('value', false);
}
}
/**
* For the inputs which have a text counter, the labels are pushed too
* far above and need to be brought closer.
*
* Top/bottom margins have no apparent effect, so we'll use positioning instead.
*
* @param string textareaID The textarea whose label is too close.
*/
function updateTextareaStyle(textareaID) {
var style = {
top: "-25px",
position: "relative"
}
$("#" + textareaID).css("border-top-right-radius", 0) // Makes the character counter look connected to the input.
.parent().css(style); // Positions the input closer to label.
}
function createCharactersRemaining(selector, textLimit) {
var div = '<div class="swp_CountDown"><span class="counterNumber">' + -textLimit + '</span></div>';
updateTextareaStyle(selector)
$("#social_warfare #" + selector).parent().prepend(div);
}
socialWarfareAdmin.resizeImageFields = function() {
$('ul.swpmb-media-list').each(function(index, mediaList) {
// Check if the media list has been created yet
if ($(mediaList).is(':empty')) {
//* For the Pinterest image placeholder image.
if ($(mediaList).parents(".swpmb-field").attr("class").indexOf("pinterest") > 0) {
var height = $(mediaList).width() * (3 / 2);
} else {
// Setup the Open Graph Image Placeholder
var height = $(mediaList).width() * (9 / 16);
}
$(mediaList).css("height", height);
} else {
$(mediaList).css("height", "initial");
}
})
}
/**
* Creates the left, right, and full-width wraps for each container.
* @return {[type]} [description]
*/
function fillContainer(container) {
var positions = ['full-width', 'left', 'right', 'centered'];
var type = $(container).data('type');
positions.forEach(function(position) {
var className = '.swpmb-' + position;
if ($(container).find(className)) {
//* Only include child elements with the correct type.
var children = $(container).find(className)
.filter(function(index, child) {
return $(child).hasClass(type)
})
if (children.length) {
var wrap = $(container).find(className + '-wrap');
$(wrap).append(children);
}
}
});
}
/**
*
* @since 3.x.x | Created
* @since 3.4.0 | Wrote the docblock and added comments.
* @return void
*
*/
function putFieldsInContainers() {
$(".swpmb-meta-container[data-type]").map(function(index, container) {
var type = $(this).data('type');
if (!type) {
return;
}
var fields = $(".swpmb-field." + type);
if (fields.length) {
$(this).append(fields);
}
fillContainer(container);
});
}
function createTextCounters() {
// map CSS selector to the character limit.
var textCounters = {
"swp_og_title": 60,
"swp_og_description": 150,
"swp_pinterest_description": 500,
"swp_custom_tweet": 280
};
Object.keys(textCounters).map(function(selector) {
var textLimit = textCounters[selector];
createCharactersRemaining(selector, textLimit);
updateCharactersRemaining(selector, textLimit);
$("#social_warfare #" + selector).on("input", function() {
updateCharactersRemaining(selector, textLimit);
});
});
}
//* This method exists ONLY for version 3.4.1 of Social Warfare.
//* The next version should have a more long-term sustainable way to manage
//* post-editor fields with dependencies.
function setTempConditionalField() {
$('#social_warfare .twitter_og_toggle').on('click', function(event) {
var target = $("#swp_twitter_use_open_graph");
if(jQuery('#swp_twitter_use_open_graph').is(':checked')) {
$('.swpmb-meta-container[data-type=twitter]').slideUp()
} else {
$('.swpmb-meta-container[data-type=twitter]').slideDown()
}
socialWarfareAdmin.resizeImageFields();
});
}
/**
* The third party module used to create metaboxes (on the server) does not
* provide a way to organize the HTML.
*
* Our fix for this is to create a new parent container with the `data-type`
* attribute. The value of `data-type` represents the group of related
* functionality, such as 'heading', 'open-graph', or 'pinterest'.
*
* Then we move the related content (matched by CSS classnames) into the
* appropriate container using javascript.
*
* @see PHP social-warfare-pro\lib\admin\SWP_Meta_Box_Loader->before_meta_boxes()
*/
function displayMetaBox() {
if (!$($(".swpmb-media-list").length)) return;
clearInterval(window.initSWMetabox);
putFieldsInContainers();
//* Metabox is loaded via Ajax, but we want to resize known images ASAP.
//* Even a couple extra times if need be.
setTimeout(socialWarfareAdmin.resizeImageFields, 600);
setTimeout(socialWarfareAdmin.resizeImageFields, 1400);
setTimeout(socialWarfareAdmin.resizeImageFields, 3000);
//* Begin Temp code only for 3.4.1
if(jQuery('#swp_twitter_use_open_graph').is(':checked')) {
$('.swpmb-meta-container[data-type=twitter]').hide()
} else {
$('.swpmb-meta-container[data-type=twitter]').show()
}
setTempConditionalField();
//* End Temp code
// $('ul.swpmb-media-list').find(".swpmb-overlay").click(socialWarfareAdmin.resizeImageFields);
// $("#social_warfare.ui-sortable-handle").click(socialWarfareAdmin.resizeImageFields); //* The open/close handle WP gives us. Images need to be resized if it was closed then opened.
socialWarfareAdmin.addImageEditListeners()
$("#social_warfare.postbox").show();
}
//* These elements are only created once an image exists
socialWarfareAdmin.addImageEditListeners = function() {
$(document).on('change', '.swpmb-image_advanced', socialWarfareAdmin.resizeImageFields );
$(document).on('click', '.swpmb-edit-media, .swpmb-remove-media', function() {setTimeout(socialWarfareAdmin.resizeImageFields, 200)});
}
// The network key is stored in a classname `swp-network-$network`.
// @see SWP_Options_Page->establish_authorizations()
socialWarfareAdmin.revokeNetworkConnection = function(event) {
var button, index, networkAndTail, network;
button = event.target;
if ($(event.target).is('div')) {
// This is the inner div holding the network text.
button = event.target.parentNode;
}
else {
button = event.target;
}
// First find the target class, then parse that class for a network name.
index = button.className.indexOf('swp-network');
index = 1 + button.className.indexOf('-', 4+index);
networkAndTail = button.className.slice(index);
index = networkAndTail.indexOf(' ');
if ( -1 == index ) {
// This was the last class in the selector
network = networkAndTail;
}
else {
// There are more classes after the selector.
network = networkAndTail.slice(0, index)
}
/**
* The disconnect URL opens in a new tab. While the user is distracted,
* make an ajax request to delete these credentials and reload the page.
*/
$.post({
url: ajaxurl,
data: {
action: 'swp_delete_network_tokens',
network: network
},
success: function(r) {
var response = JSON.parse(r)
if (response.ok) {
window.location.href = response.url
}
else {
console.log('bad response', response)
}
// should be redirected by server back to ?page=social-warfare
}
// complete: function(/*try again*/) {window.location.reload(1)}
});
}
socialWarfareAdmin.triggerDeletePostMeta = function(event) {
event.preventDefault()
var message = "This will delete all Social Warfare data (share counts and custom fields) for this post, including Open Graph, Twitter, and Pinterest descriptions and images. If you want to keep these, please copy them to an offline file first, and paste them back in after the reset. To reset, enter reset_post_meta";
var prompt = window.prompt(message, '');
console.log('prompt', prompt)
if (prompt == 'reset_post_meta') {
jQuery.post({
url: ajaxurl,
data: {
action: 'swp_reset_post_meta',
post_id: socialWarfare.post_id
},
complete: function(response) {
socialWarfareAdmin.resetMetaFields()
}
})
}
}
socialWarfareAdmin.resetMetaFields = function() {
$('#social_warfare.postbox').find('input[type=text], textarea').val('');
$('#social_warfare.postbox').find('select').val('default');
}
socialWarfareAdmin.addEventListeners = function() {
$('.swp-revoke-button').on('click', socialWarfareAdmin.revokeNetworkConnection)
$('#swp_reset_button').on('click', socialWarfareAdmin.triggerDeletePostMeta)
}
socialWarfareAdmin.createResetButton = function() {
var parent = $("#swp_reset_button");
var button = jQuery('<button class="button">Reset Post Meta</button>')
button.on('click', socialWarfareAdmin.triggerDeletePostMeta)
parent.after(button)
}
$(document).ready(function() {
noticeClickHandlers();
if ($('#social_warfare.postbox').length) {
createTextCounters();
socialWarfareAdmin.createResetButton();
socialWarfareAdmin.conditionalFields();
$(".sw-checkbox-toggle.swp-post-editor").click(postEditorCheckboxChange);
$('.swp_popular_post_options select').on('change', socialWarfareAdmin.conditionalFields);
//* Wait for the Rilis metabox to populate itself.
window.initSWMetabox = setInterval(displayMetaBox, 10);
}
socialWarfareAdmin.addEventListeners();
});
})(this, jQuery);
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists