').text($sliderValue).html() + '');
}
// Function to update the UI with the formatted values
function updateSliderValues($element, $formattedValue, $formattedValueMax, $value, $valueMax) {
var $sliderValueWrapper = $element.find('.forminator-slider-amount');
var $slide = $element.find('.forminator-slide');
var $isRange = $slide.data('is-range');
$sliderValueWrapper.find('.forminator-slider-value-min').html($formattedValue);
if ($isRange) {
if ($value === $valueMax) {
$sliderValueWrapper.find('.forminator-slider-separator').hide();
$sliderValueWrapper.find('.forminator-slider-value-max').html('');
} else {
$sliderValueWrapper.find('.forminator-slider-separator').show();
$sliderValueWrapper.find('.forminator-slider-value-max').html($formattedValueMax);
}
}
}
};
})(jQuery);
(function ($) {
// Enable strict mode
'use strict';
// Flag to track if events are already bound
var eventsBound = false;
// Define global FUI object if it doesn't exist.
if ('object' !== _typeof(window.FUI)) {
window.FUI = {};
}
FUI.rating = function (rating) {
function init() {
var $rating = rating;
$rating.each(function () {
var $element = $(this),
i;
// Get the id
var id = $element.attr('id');
// Get the number of options, excluding the first placeholder option
var $options = $element.find('option').not(':disabled');
var numOptions = $options.length;
// Get the icon type from the data-type attribute
var iconType = $element.attr('data-type') || 'star';
// Get the icon type from the data-type attribute
var iconSize = $element.attr('data-size') || 'md';
// Calculate the selected value.
var selectedValue = Number($element.find('option:selected').val()) || 0;
// Create the wrapper element
var $wrapper = $('
');
// Create the rating items container
var $ratingItemsContainer = $('
');
// Intialized
var isInitialized = $element.attr('data-init') || 'false';
if ('true' === isInitialized) {
$element.next('.forminator-rating-wrapper').remove();
}
// Add the rating items to the container based on the number of options
for (i = 0; i < numOptions; i++) {
var optionValue = Number($options.eq(i).val());
var itemClass = optionValue <= selectedValue ? 'forminator-rating-item forminator-rating-selected' : 'forminator-rating-item';
$ratingItemsContainer.append('
' + '' + '');
}
// Add selected-value and total-value in select.
$element.attr('data-selected-value', selectedValue);
$element.attr('data-total-value', numOptions);
// Append the rating items container to the wrapper
$wrapper.append($ratingItemsContainer);
// Check if data-suffix is true
if ('true' === $element.attr('data-suffix')) {
// Add the suffix span
$ratingItemsContainer.append('
(' + selectedValue + '/' + numOptions + ')');
}
// Insert the wrapper after the select element
$element.after($wrapper);
$element.attr('data-init', 'true');
// Add change event inside the rating field initialization
$element.on('change', function () {
var value = Number($(this).val()) || 0;
var $container = $('[data-id="' + id + '"]');
var $suffix = $container.find('.forminator-rating-suffix');
$container.attr('data-selected-value', value);
$(this).attr('data-selected-value', value);
$container.children().removeClass('forminator-rating-selected');
$container.children().each(function () {
if ($(this).data('value') <= value) {
$(this).addClass('forminator-rating-selected');
}
});
if ($suffix.length) {
$suffix.text('(' + value + '/' + $container.children().not('.forminator-rating-suffix').length + ')');
}
});
});
}
// Init rating
init();
// Call rating field events if they are not already bound
if (!eventsBound) {
FUI.rating.events();
eventsBound = true; // Set the flag to indicate that events are bound
}
};
FUI.rating.events = function () {
$(document).on('mouseenter', '.forminator-rating-item', function () {
var $item = $(this);
$item.siblings().removeClass('forminator-rating-selected');
$item.prevAll().addBack().addClass('forminator-rating-hover');
});
$(document).on('mouseleave', '.forminator-rating-item', function () {
var $item = $(this);
var $container = $item.closest('.forminator-rating-items');
var id = $container.data('id');
var $select = $('#' + id);
var selectedValue = Number($select.find('option:selected').val());
$item.prevAll().addBack().removeClass('forminator-rating-hover');
$item.siblings().addBack().each(function () {
if ($(this).data('value') <= selectedValue) {
$(this).addClass('forminator-rating-selected');
} else {
$(this).removeClass('forminator-rating-selected');
}
});
});
$(document).on('click', '.forminator-rating-item', function () {
var $item = $(this),
value = Number($item.data('value')),
$container = $item.closest('.forminator-rating-items'),
id = $container.data('id'),
$select = $('#' + id),
$suffix = $container.find('.forminator-rating-suffix');
$select.val(value).trigger('change');
$container.attr('data-selected-value', value);
$select.attr('data-selected-value', value);
$item.siblings().removeClass('forminator-rating-selected');
$item.prevAll().addBack().addClass('forminator-rating-selected');
if ($suffix.length) {
$suffix.text('(' + value + '/' + $container.children().not('.forminator-rating-suffix').length + ')');
}
});
$(document).on('focus', '.forminator-rating', function () {
var $select = $(this),
$wrapper = $select.next('.forminator-rating-wrapper');
$wrapper.addClass('forminator-rating-focused');
});
$(document).on('blur', '.forminator-rating', function () {
var $select = $(this),
$wrapper = $select.next('.forminator-rating-wrapper');
$wrapper.removeClass('forminator-rating-focused');
});
$(document).on('keydown', '.forminator-rating', function (e) {
var $select = $(this),
$options = $select.find('option'),
currentIndex = $options.index($select.find('option:selected'));
if ('ArrowUp' === e.key || 'ArrowRight' === e.key || 'ArrowDown' === e.key || 'ArrowLeft' === e.key) {
e.preventDefault();
}
if (('ArrowUp' === e.key || 'ArrowRight' === e.key) && currentIndex < $options.length - 1) {
$options.eq(currentIndex + 1).prop('selected', true).trigger('change');
} else if (('ArrowDown' === e.key || 'ArrowLeft' === e.key) && 0 < currentIndex) {
$options.eq(currentIndex - 1).prop('selected', true).trigger('change');
}
});
};
})(jQuery);
(function ($) {
// Enable strict mode.
'use strict';
// Define global FUI object if it doesn't exist.
if ('object' !== _typeof(window.FUI)) {
window.FUI = {};
}
FUI.pollChart = function (pollChart, pollData) {
var chartType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'horizontalBar';
var chartExtras = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
var chart = $(pollChart);
if ('bar' === chartType) {
chartType = 'horizontalBar';
}
if (undefined === pollData || 0 === pollData.length) {
return;
}
function formatLabel(str, maxwidth) {
var sections = [];
var words = str.split(' ');
var temp = '';
words.forEach(function (item, index) {
if (0 < temp.length) {
var concat = temp + ' ' + item;
if (concat.length > maxwidth) {
sections.push(temp);
temp = '';
} else {
if (index == words.length - 1) {
sections.push(concat);
return;
} else {
temp = concat;
return;
}
}
}
if (index == words.length - 1) {
sections.push(item);
return;
}
if (item.length < maxwidth) {
temp = item;
} else {
sections.push(item);
}
});
return sections;
}
function init() {
// Poll Data
var answerLabels = [];
var answerVotes = [];
var answerColors = [];
var _iterator = _createForOfIteratorHelper(pollData),
_step;
try {
for (_iterator.s(); !(_step = _iterator.n()).done;) {
var row = _step.value;
// Get answer text
if ('pie' === chartType) {
answerLabels.push(row[0] // Get first key
);
} else {
answerLabels.push(formatLabel(row[0], 20) // Get first key
);
}
// Get answer votes
answerVotes.push(row[1] // Get second key
);
// Get answer color
answerColors.push(row[2] // Get third key
);
}
// Chart Extras
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
var extras = {};
extras.votesLabel = 'vote(s)';
extras.votesOnPoll = false;
extras.basicColors = ['#E5E5E5',
// [0] Grid lines color
'#777771',
// [1] Axis labels color
'#333333' // [2] On-chart label (bars)
];
extras.tooltipsBasic = ['#333333',
// [0] Background color
'#FFFFFF' // [1] Text color
];
if ('' === chartExtras) {
chartExtras = [extras.votesLabel, extras.votesOnPoll, extras.basicColors, extras.tooltipsBasic];
}
// Chart Data
var chartData = {
labels: answerLabels,
datasets: [{
data: answerVotes,
backgroundColor: answerColors,
borderWidth: 0
}]
};
// Chart Options
var chartOptions = {
legend: {
display: false
},
tooltips: {
callbacks: {
title: function title(tooltipItems, data) {
var title = '';
if ('pie' !== chartType) {
title = tooltipItems[0].yLabel;
}
return title;
},
label: function label(tooltipItem, data) {
var label = data.datasets[tooltipItem.datasetIndex].label || '';
if ('pie' === chartType) {
label = data.labels[tooltipItem.index];
if (true === chartExtras[1]) {
label += ': ' + data.datasets[0].data[tooltipItem.index];
}
} else {
if (true === chartExtras[1]) {
label += Math.round(tooltipItem.xLabel * 100) / 100;
}
}
if (true === chartExtras[1]) {
label += ' ' + chartExtras[0];
}
return label;
}
},
backgroundColor: chartExtras[3][0],
titleFontColor: chartExtras[3][1],
titleFontFamily: '\'Helvetica Neue\', \'Helvetica\', \'Arial\', sans-serif',
titleFontSize: 13,
titleFontStyle: 'bold',
titleMarginBottom: 10,
bodyFontColor: chartExtras[3][1],
bodyFontFamily: '\'Helvetica Neue\', \'Helvetica\', \'Arial\', sans-serif',
bodyFontSize: 12,
bodyFontStyle: 'normal'
},
scales: {
xAxes: [{
display: 'pie' === chartType ? false : true,
ticks: {
fontColor: chartExtras[2][1],
beginAtZero: true
},
gridLines: {
color: chartExtras[2][0]
}
}],
yAxes: [{
display: 'pie' === chartType ? false : true,
ticks: {
fontColor: chartExtras[2][1],
beginAtZero: true
},
gridLines: {
color: chartExtras[2][0]
}
}]
},
plugins: {
datalabels: {
display: 'pie' === chartType ? false : chartExtras[1],
align: 'end',
anchor: 'start',
textAlign: 'center',
color: chartExtras[2][2],
formatter: function formatter(value) {
return value + ' ' + chartExtras[0];
}
}
}
};
chart.each(function () {
chart = $(this);
new Chart(chart, {
type: chartType,
data: chartData,
plugins: [ChartDataLabels],
options: chartOptions
});
if ('pie' === chartType) {
// Wrap the chart
chart.wrap('
');
// Insert legend wrapper
chart.parent().prepend('
');
// Insert legend items
pollData.forEach(function (entry) {
if (true === chartExtras[1]) {
chart.parent().find('.forminator-chart-legend').append('
' + '' + '' + entry[0] + ': ' + entry[1] + ' ' + chartExtras[0] + '');
} else {
chart.parent().find('.forminator-chart-legend').append('
' + '' + '' + entry[0] + '' + '');
}
});
}
});
}
init();
return this;
};
})(jQuery);
(function ($) {
'use strict';
// Define global FUI object if it doesn't exist.
if ('object' !== _typeof(window.FUI)) {
window.FUI = {};
}
FUI.formSubmit = function (el) {
var button = $(el);
var form = button.closest('.forminator-custom-form');
if (!button.is('.forminator-button-submit') || !form[0] || !form.length) {
return;
}
function init() {
button.addClass('forminator-button-onload');
setTimeout(function () {
button.removeClass('forminator-button-onload');
}, 1000);
}
init();
return this;
};
})(jQuery);