OwlCyberSecurity - MANAGER

Edit File: eltdf-dashboard.js

(function ($) {
    "use strict";

var dashboard = {};

$(document).ready(eltdfOnDocumentReady);

/**
     * All functions to be called on $(document).ready() should be in this function
     */
    function eltdfOnDocumentReady() {
        eltdfDashboardInitDatePicker();
        eltdfDashboardUploadImages();
        eltdfDashboardInitGeocomplete();
        eltdfDashboardRemoveMedia();
        eltdfDashboardSelect2();
        eltdfInitColorpicker();
        eltdfInitIconSelectChange();
 	    eltdfDashboardRepeater.rowRepeater.init();
 	    eltdfDashboardRepeater.rowInnerRepeater.init();
	    eltdfDashboardInitSortable();
    }

function eltdfDashboardInitDatePicker() {
		$( ".eltdf-dashboard-input.datepicker" ).datepicker( { dateFormat: "yy-mm-dd"});
	}

function eltdfInitColorpicker() {
		$('.eltdf-dashboard-color-field').wpColorPicker();
	}

function eltdfInitIconSelectChange() {
        $(document).on('change', 'select.icon-dependence', function () {
            var valueSelected = this.value.replace(/ /g, ''),
            	parentSection = $(this).parents('.eltdf-dashboard-icon-holder');

parentSection.find('.eltdf-icon-collection-holder').fadeOut();
            parentSection.find('.eltdf-icon-collection-holder[data-icon-collection="' + valueSelected + '"]').fadeIn();
        });
    }

var eltdfDashboardRepeater = function() {
		var repeaterHolder = $('.eltdf-dashboard-repeater-wrapper'),
			numberOfRows;

var rowRepeater = function() {
			var addNewRow = function(holder) {
				var $addButton = holder.find('.eltdf-dashboard-repeater-add a');
				var templateName = holder.find('.eltdf-dashboard-repeater-wrapper-inner').data('template');
				var $repeaterContent = holder.find('.eltdf-dashboard-repeater-wrapper-inner');
				var repeaterTemplate = wp.template('eltdf-dashboard-repeater-template-' + templateName);

$addButton.on('click', function(e) {
					e.preventDefault();
					e.stopPropagation();

var $row = $(repeaterTemplate({
						rowIndex: getLastRowIndex(holder) || 0
					}));

$repeaterContent.append($row);
					var new_holder = $row.find('.eltdf-dashboard-repeater-inner-wrapper');
					eltdfDashboardRepeater.rowInnerRepeater.addNewRowInner(new_holder);
					eltdfDashboardRepeater.rowInnerRepeater.removeRowInner(new_holder);
					eltdfDashboardInitSortable();
					eltdfDashboardInitDatePicker();
					eltdfDashboardUploadImages();
					eltdfDashboardRemoveMedia();
					eltdfDashboardSelect2();
					eltdfInitColorpicker();
					eltdfInitIconSelectChange();
					numberOfRows += 1;
				});
			};

var removeRow = function(holder) {
				var repeaterContent = holder.find('.eltdf-dashboard-repeater-wrapper-inner');
				
				repeaterContent.on('click', '.eltdf-clone-remove', function(e) {
					e.preventDefault();
					e.stopPropagation();

if(!window.confirm('Are you sure you want to remove this section?')) {
						return;
					}

var $rowParent = $(this).parents('.eltdf-dashboard-repeater-fields-holder');
					$rowParent.remove();

decrementNumberOfRows();
				});
			};

var getLastRowIndex = function(holder) {
				var $repeaterContent = holder.find('.eltdf-dashboard-repeater-wrapper-inner');
				var fieldsCount = $repeaterContent.find('.eltdf-dashboard-repeater-fields-holder').length;

return fieldsCount;
			};

var decrementNumberOfRows = function() {
				if(numberOfRows <= 0) {
					return;
				}

numberOfRows -= 1;
			};
			
			var setNumberOfRows = function(holder) {
				numberOfRows =  holder.find('.eltdf-dashboard-repeater-fields-holder').length;
			};
			
			var getNumberOfRows = function() {
				return numberOfRows;
			};

return {
				init: function() {
					var repeaterHolder = $('.eltdf-dashboard-repeater-wrapper');

repeaterHolder.each(function(){
						setNumberOfRows($(this));
						addNewRow($(this));
						removeRow($(this));
					});
				},
				numberOfRows: getNumberOfRows
			};
		}();

var rowInnerRepeater = function() {
			var repeaterInnerHolder = $('.eltdf-dashboard-repeater-inner-wrapper');
			
			var addNewRowInner = function(holder) {
				//var repeaterInnerContent = holder.find('.eltdf-dashboard-repeater-inner-wrapper-inner');
				var templateInnerName = holder.find('.eltdf-dashboard-repeater-inner-wrapper-inner').data('template');
				var rowInnerTemplate = wp.template('eltdf-dashboard-repeater-inner-template-' + templateInnerName);
				
				holder.on('click', '.eltdf-inner-clone', function(e) {
					e.preventDefault();
					e.stopPropagation();

var $clickedButton = $(this);
					var $parentRow = $clickedButton.parents('.eltdf-dashboard-repeater-fields-holder').first();

var parentIndex = $parentRow.data('index');

var $rowInnerContent = $clickedButton.parent().prev();

var lastRowInnerIndex = $parentRow.find('.eltdf-dashboard-repeater-inner-fields-holder').length;

var $repeaterInnerRow = $(rowInnerTemplate({
						rowIndex: parentIndex,
						rowInnerIndex: lastRowInnerIndex
					}));

$rowInnerContent.append($repeaterInnerRow);
					eltdfTinyMCE($repeaterInnerRow, lastRowInnerIndex);
				});
			};

var removeRowInner = function(holder) {
				var repeaterInnerContent = holder.find('.eltdf-dashboard-repeater-inner-wrapper-inner');
				repeaterInnerContent.on('click', '.eltdf-clone-inner-remove', function(e) {
					e.preventDefault();
					e.stopPropagation();

if(!confirm('Are you sure you want to remove section?')) {
						return;
					}

var $removeButton = $(this);
					var $parent = $removeButton.parents('.eltdf-dashboard-repeater-inner-fields-holder');

$parent.remove();
				});
			};

return {
				init: function() {
					var repeaterInnerHolder = $('.eltdf-dashboard-repeater-inner-wrapper');
					repeaterInnerHolder.each(function(){
						addNewRowInner($(this));
						removeRowInner($(this));
					});

},
				addNewRowInner:addNewRowInner,
				removeRowInner:removeRowInner
			};
		}();

return {
			rowRepeater: rowRepeater,
			rowInnerRepeater: rowInnerRepeater
		};
	}();

})(jQuery);