plugin updates
This commit is contained in:
Tony Volpe
@@ -1,310 +0,0 @@
|
||||
/* global jQuery, gform_hubspot_owner_settings_strings, gf_vars */
|
||||
/* eslint-disable no-var */
|
||||
|
||||
jQuery(document).ready( function() {
|
||||
|
||||
new GFOwnerSetting();
|
||||
|
||||
} );
|
||||
|
||||
var legacyUI = gform_hubspot_owner_settings_strings.legacy_ui;
|
||||
var prefix = {
|
||||
input: legacyUI ? '_gaddon_setting_' : '_gform_setting_',
|
||||
field: legacyUI ? 'gaddon-setting-row-' : 'gform_setting_',
|
||||
};
|
||||
|
||||
function GFOwnerSetting() {
|
||||
var $ = jQuery;
|
||||
|
||||
/**
|
||||
* Initializes the Contact Owner module in the HubSpot feed settings.
|
||||
*/
|
||||
this.init = function() {
|
||||
this.initOwner();
|
||||
new GFConditionsSetting();
|
||||
};
|
||||
|
||||
/**
|
||||
* Binds event listeners to the contact owner inputs and initializes the state.
|
||||
*/
|
||||
this.initOwner = function() {
|
||||
var t = this;
|
||||
|
||||
$( '#contact_owner0, #contact_owner1, #contact_owner2' ).on( 'change', function() {
|
||||
t.toggleOwner( true );
|
||||
} );
|
||||
|
||||
this.toggleOwner( false );
|
||||
};
|
||||
|
||||
/**
|
||||
* Toggles the active owner inputs.
|
||||
*
|
||||
* @param {boolean} doSlide
|
||||
*/
|
||||
this.toggleOwner = function( doSlide ) {
|
||||
var ownerRadioIds = [
|
||||
'#' + prefix.field + 'contact_owner_select',
|
||||
'#' + prefix.field + 'contact_owner_conditional',
|
||||
];
|
||||
var $section = $( '.contact_owner_section' );
|
||||
var $selectedOption = $( 'input[name="' + prefix.input + 'contact_owner"]:checked' );
|
||||
var selection = $selectedOption.val();
|
||||
|
||||
$( ownerRadioIds.join( ', ' ) ).hide();
|
||||
|
||||
// No contact owner selected. Hide and exit.
|
||||
if ( selection === 'none' ) {
|
||||
if ( doSlide && legacyUI ) {
|
||||
$section.slideUp();
|
||||
} else {
|
||||
$section.hide();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// Show the contact owner section and the selected option.
|
||||
if ( $section.is( ':hidden' ) ) {
|
||||
if ( doSlide && legacyUI ) {
|
||||
$section.slideDown();
|
||||
} else {
|
||||
$section.show();
|
||||
}
|
||||
}
|
||||
|
||||
$( '#' + prefix.field + 'contact_owner_' + selection ).show();
|
||||
};
|
||||
|
||||
//Initializes this class
|
||||
this.init();
|
||||
}
|
||||
|
||||
function GFConditionsSetting() {
|
||||
var $ = jQuery;
|
||||
|
||||
//Instantiating conditions repeater
|
||||
this.$element = jQuery('#gform_conditions_setting');
|
||||
this.fieldId = 'conditions';
|
||||
this.fieldName = prefix.input + 'conditions';
|
||||
this.options = null;
|
||||
|
||||
this.init = function() {
|
||||
|
||||
var t = this;
|
||||
|
||||
this.options = {
|
||||
fieldName: this.fieldName,
|
||||
fieldId: this.fieldId,
|
||||
fields: gform_hubspot_owner_settings_strings['fields'],// [{'id': '1', 'label':'Name'}, {'id':'2', 'label': 'Email'} ],// gf_routing_setting_strings['fields'],
|
||||
owners: gform_hubspot_owner_settings_strings['owners'],
|
||||
imagesURL: gf_vars.baseUrl + "/images",
|
||||
items: this.getItems(),
|
||||
operatorStrings: {"is":"is","isnot":"isNot", ">":"greaterThan", "<":"lessThan", "contains":"contains", "starts_with":"startsWith", "ends_with":"endsWith"},
|
||||
};
|
||||
|
||||
var routingsMarkup, headerMarkup;
|
||||
headerMarkup = '<thead><tr><th class="gform-routings__heading gform-routings__heading--assign">{0}</th>';
|
||||
headerMarkup += '<th class="gform-routings__heading gform-routings__heading--condition" colspan="3">{1}</th>';
|
||||
headerMarkup += '</tr></thead>';
|
||||
|
||||
headerMarkup = headerMarkup.gformFormat( gform_hubspot_owner_settings_strings.assign_to, gform_hubspot_owner_settings_strings.condition );
|
||||
routingsMarkup = '<table class="gform-routings">{0}<tbody class="repeater">{1}</tbody></table>'.gformFormat(headerMarkup, this.getNewRow());
|
||||
|
||||
var $routings = $(routingsMarkup);
|
||||
|
||||
$routings.find('.repeater').repeater({
|
||||
|
||||
limit : 0,
|
||||
items : this.options.items,
|
||||
addButtonMarkup : '<i class="gficon-add"></i>',
|
||||
removeButtonMarkup: '<i class="gficon-subtract"></i>',
|
||||
callbacks : {
|
||||
save : function (obj, data) {
|
||||
$('#' + t.options.fieldId).val($.toJSON(data));
|
||||
},
|
||||
beforeAdd: function (obj, $elem, item) {
|
||||
if ( item.owner ) {
|
||||
$elem.find('.gform-routing-owners').val(item.owner);
|
||||
}
|
||||
|
||||
var $field = $elem.find('.gform-routing-field').first();
|
||||
$field.value = item.fieldId;
|
||||
t.changeField($field);
|
||||
|
||||
var $operator = $elem.find('.gform-routing-operator').first();
|
||||
$operator.value = item.operator;
|
||||
|
||||
t.changeOperator($operator);
|
||||
|
||||
var $value = $elem.find('.gform-routing-value');
|
||||
$value.val(item.value);
|
||||
|
||||
},
|
||||
}
|
||||
})
|
||||
.on('change', '.gform-routing-field', function (e) {
|
||||
t.changeField(this);
|
||||
})
|
||||
.on('change', '.gform-routing-operator', function () {
|
||||
t.changeOperator(this);
|
||||
})
|
||||
|
||||
this.$element.append($routings);
|
||||
}
|
||||
|
||||
this.getNewRow = function () {
|
||||
var r = [];
|
||||
|
||||
r.push( '<td>{0}</td>'.gformFormat( this.getOwners() ) );
|
||||
r.push( '<td>{0}</td>'.gformFormat( this.getFields() ) );
|
||||
r.push( '<td>{0}</td>'.gformFormat( this.getOperators( this.options.fields[0] ) ) );
|
||||
r.push( '<td>{0}</td>'.gformFormat( this.getValues() ) );
|
||||
r.push( '<td class="gform-routings-field gform-routings-field__buttons">{buttons}</td>' );
|
||||
|
||||
return '<tr class="gform-routing-row">{0}</tr>'.gformFormat( r.join('') );
|
||||
},
|
||||
|
||||
this.getOwners = function () {
|
||||
|
||||
var i, n, account,
|
||||
owners = this.options.owners,
|
||||
str = '<select class="gform-routing-owners owner_{i}">';
|
||||
|
||||
for (i = 0; i < owners.length; i++) {
|
||||
str += '<option value="{0}">{1}</option>'.gformFormat( owners[i].value, owners[i].label );
|
||||
}
|
||||
|
||||
str += "</select>";
|
||||
return str;
|
||||
},
|
||||
|
||||
this.getFields = function () {
|
||||
var i, j, key, val, label, groupLabel, options, numRows,
|
||||
select = [],
|
||||
settings = this.options.fields;
|
||||
select.push('<select class="gform-routing-field fieldId_{i}" >');
|
||||
for (i = 0; i < settings.length; i++) {
|
||||
key = settings[i].key;
|
||||
if (settings[i].group) {
|
||||
groupLabel = settings[i].text;
|
||||
numRows = settings[i].filters.length;
|
||||
options = [];
|
||||
for (j = 0; j < numRows; j++) {
|
||||
label = settings[i].filters[j].text;
|
||||
val = settings[i].filters[j].key;
|
||||
options.push('<option value="{0}">{1}</option>'.gformFormat(val, label));
|
||||
}
|
||||
select.push('<optgroup label="{0}">{1}</optgroup>'.gformFormat(groupLabel, options.join('')));
|
||||
} else {
|
||||
label = settings[i].text;
|
||||
select.push('<option value="{0}">{1}</option>'.gformFormat(key, label));
|
||||
}
|
||||
|
||||
}
|
||||
select.push("</select>");
|
||||
return select.join('');
|
||||
},
|
||||
|
||||
this.changeOperator = function (operatorSelect) {
|
||||
var $select = $(operatorSelect),
|
||||
$buttons = $select.closest('tr').find('.repeater-buttons');
|
||||
var index = $buttons.find('.add-item ').data('index');
|
||||
var $fieldSelect = $select.closest('tr').find('.gform-routing-field');
|
||||
var filter = this.getFilter($fieldSelect.value);
|
||||
if (filter) {
|
||||
$select.closest('tr').find(".gform-routing-value").replaceWith(this.getValues(filter, operatorSelect.value, index));
|
||||
}
|
||||
},
|
||||
|
||||
this.changeField = function (fieldSelect) {
|
||||
var filter = this.getFilter(fieldSelect.value);
|
||||
if (filter) {
|
||||
var $select = $(fieldSelect),
|
||||
$buttons = $select.closest('tr').find('.repeater-buttons');
|
||||
var index = $buttons.find('.add-item ').data('index');
|
||||
$select.closest('tr').find(".gform-routing-value").replaceWith(this.getValues(filter, null, index));
|
||||
$select.closest('tr').find(".gform-filter-type").val(filter.type).change();
|
||||
var $newOperators = $(this.getOperators(filter, index));
|
||||
$select.closest('tr').find(".gform-routing-operator").replaceWith($newOperators);
|
||||
$select.closest('tr').find(".gform-routing-operator").change();
|
||||
}
|
||||
},
|
||||
|
||||
this.getOperators = function (filter, index) {
|
||||
if ( typeof index == 'undefined' || index === null ){
|
||||
index = '{i}';
|
||||
}
|
||||
var i, operator,
|
||||
operatorStrings = this.options.operatorStrings,
|
||||
str = '<select class="gform-routing-operator operator_{0}">'.gformFormat(index);
|
||||
|
||||
if (filter) {
|
||||
for (i = 0; i < filter.operators.length; i++) {
|
||||
operator = filter.operators[i];
|
||||
str += '<option value="{0}">{1}</option>'.gformFormat(operator, gf_vars[operatorStrings[operator]] );
|
||||
}
|
||||
}
|
||||
str += "</select>";
|
||||
return str;
|
||||
},
|
||||
|
||||
this.getValues = function (filter, selectedOperator, index) {
|
||||
var i, val, text, str, options = "";
|
||||
|
||||
if ( typeof index == 'undefined' || index === null ){
|
||||
index = '{i}';
|
||||
}
|
||||
|
||||
if ( filter && filter.values && selectedOperator != 'contains' ) {
|
||||
for (i = 0; i < filter.values.length; i++) {
|
||||
val = filter.values[i].value;
|
||||
text = filter.values[i].text;
|
||||
options += '<option value="{0}">{1}</option>'.gformFormat(val, text);
|
||||
}
|
||||
str = '<select class="gform-routing-value value_{0}">{1}</select>'.gformFormat(index, options);
|
||||
} else {
|
||||
str = '<input type="text" value="" class="gform-routing-value value_{0}" />'.gformFormat(index);
|
||||
}
|
||||
|
||||
return str;
|
||||
},
|
||||
|
||||
this.getFilter = function (key) {
|
||||
var fields = this.options.fields;
|
||||
if (!key)
|
||||
return;
|
||||
for (var i = 0; i < fields.length; i++) {
|
||||
if (key == fields[i].key)
|
||||
return fields[i];
|
||||
if (fields[i].group) {
|
||||
for (var j = 0; j < fields[i].filters.length; j++) {
|
||||
if (key == fields[i].filters[j].key)
|
||||
return fields[i].filters[j];
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
this.selected = function (selected, current){
|
||||
return selected == current ? 'selected="selected"' : "";
|
||||
}
|
||||
|
||||
this.getItems = function () {
|
||||
var json = $('#' + this.fieldId ).val();
|
||||
var default_items = [ {owner: '', fieldId: '0', operator: 'is', value: ''} ];
|
||||
var items = json ? $.parseJSON(json) : default_items;
|
||||
return items;
|
||||
}
|
||||
|
||||
this.init();
|
||||
|
||||
String.prototype.format = function () {
|
||||
var args = arguments;
|
||||
return this.replace(/{(\d+)}/g, function (match, number) {
|
||||
return typeof args[number] != 'undefined' ? args[number] : match;
|
||||
});
|
||||
};
|
||||
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1,105 +0,0 @@
|
||||
/* global gform_hubspot_pluginsettings_strings */
|
||||
window.GFHubSpotSettings = null;
|
||||
|
||||
(function ($) {
|
||||
GFHubSpotSettings = function () {
|
||||
var self = this;
|
||||
|
||||
this.init = function () {
|
||||
this.pageURL = gform_hubspot_pluginsettings_strings.settings_url;
|
||||
|
||||
this.deauthActionable = false;
|
||||
|
||||
this.bindDeauthorize();
|
||||
this.bindClearCache();
|
||||
}
|
||||
|
||||
this.bindDeauthorize = function () {
|
||||
// De-Authorize Zoho CRM.
|
||||
$('.gform_hubspot_deauth_button').on('click', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
// Get button.
|
||||
var deauthButton = $('#gform_hubspot_deauth_button'),
|
||||
deauthScope = $('#deauth_scope'),
|
||||
disconnectMessage = gform_hubspot_pluginsettings_strings.disconnect;
|
||||
|
||||
if (!self.deauthActionable) {
|
||||
$('.gform_hubspot_deauth_button').eq(0).hide();
|
||||
|
||||
deauthScope.show(0, function(){
|
||||
self.deauthActionable = true;
|
||||
});
|
||||
} else {
|
||||
var deauthScopeVal = $('#deauth_scope0').is(':checked') ? 'site' : 'account';
|
||||
// Confirm deletion.
|
||||
if (!confirm(disconnectMessage[deauthScopeVal])) {
|
||||
return false;
|
||||
}
|
||||
|
||||
// Set disabled state.
|
||||
deauthButton.attr('disabled', 'disabled');
|
||||
|
||||
// De-Authorize.
|
||||
$.ajax({
|
||||
async: false,
|
||||
url: ajaxurl,
|
||||
dataType: 'json',
|
||||
method: 'POST',
|
||||
data: {action: 'gfhubspot_deauthorize', scope: deauthScopeVal, nonce: gform_hubspot_pluginsettings_strings.deauth_nonce},
|
||||
success: function (response) {
|
||||
if (response.success) {
|
||||
window.location.href = self.pageURL;
|
||||
} else {
|
||||
alert(response.data.message);
|
||||
}
|
||||
|
||||
deauthButton.removeAttr('disabled');
|
||||
}
|
||||
}).fail(function(jqXHR, textStatus, error) {
|
||||
alert(error);
|
||||
deauthButton.removeAttr('disabled');
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
this.bindClearCache = function() {
|
||||
$( '#clear_hubspot_cache' ).on( 'click', function ( e ) {
|
||||
|
||||
e.preventDefault();
|
||||
e.stopImmediatePropagation();
|
||||
|
||||
var $button = $( this );
|
||||
$button.attr( 'disabled', true );
|
||||
|
||||
$.ajax({
|
||||
method: 'POST',
|
||||
url: ajaxurl,
|
||||
data: {
|
||||
action: 'gf_hubspot_clear_cache',
|
||||
nonce: gform_hubspot_pluginsettings_strings.clear_cache_nonce,
|
||||
},
|
||||
success: function( response ) {
|
||||
if ( 'last_clearance' in response.data ) {
|
||||
jQuery('.success-alert-container').fadeIn();
|
||||
$( '#last_cache_clearance .time' ).text( response.data.last_clearance );
|
||||
}
|
||||
},
|
||||
error: function () {
|
||||
jQuery('.error-alert-container').fadeIn();
|
||||
},
|
||||
complete: function () {
|
||||
$button.attr( 'disabled', false );
|
||||
setTimeout( function () { jQuery('.alert-container').fadeOut(); }, 10000 );
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
this.init();
|
||||
};
|
||||
|
||||
$(document).ready( GFHubSpotSettings );
|
||||
})(jQuery);
|
||||
@@ -1 +0,0 @@
|
||||
window.GFHubSpotSettings=null,function(o){GFHubSpotSettings=function(){var i=this;this.init=function(){this.pageURL=gform_hubspot_pluginsettings_strings.settings_url,this.deauthActionable=!1,this.bindDeauthorize(),this.bindClearCache()},this.bindDeauthorize=function(){o(".gform_hubspot_deauth_button").on("click",function(t){t.preventDefault();var a=o("#gform_hubspot_deauth_button"),t=o("#deauth_scope"),e=gform_hubspot_pluginsettings_strings.disconnect;if(i.deauthActionable){var n=o("#deauth_scope0").is(":checked")?"site":"account";if(!confirm(e[n]))return!1;a.attr("disabled","disabled"),o.ajax({async:!1,url:ajaxurl,dataType:"json",method:"POST",data:{action:"gfhubspot_deauthorize",scope:n,nonce:gform_hubspot_pluginsettings_strings.deauth_nonce},success:function(t){t.success?window.location.href=i.pageURL:alert(t.data.message),a.removeAttr("disabled")}}).fail(function(t,e,n){alert(n),a.removeAttr("disabled")})}else o(".gform_hubspot_deauth_button").eq(0).hide(),t.show(0,function(){i.deauthActionable=!0})})},this.bindClearCache=function(){o("#clear_hubspot_cache").on("click",function(t){t.preventDefault(),t.stopImmediatePropagation();var e=o(this);e.attr("disabled",!0),o.ajax({method:"POST",url:ajaxurl,data:{action:"gf_hubspot_clear_cache",nonce:gform_hubspot_pluginsettings_strings.clear_cache_nonce},success:function(t){"last_clearance"in t.data&&(jQuery(".success-alert-container").fadeIn(),o("#last_cache_clearance .time").text(t.data.last_clearance))},error:function(){jQuery(".error-alert-container").fadeIn()},complete:function(){e.attr("disabled",!1),setTimeout(function(){jQuery(".alert-container").fadeOut()},1e4)}})})},this.init()},o(document).ready(GFHubSpotSettings)}(jQuery);
|
||||
Reference in New Issue
Block a user