(function(f5common, $){
	f5common.safeAjax = function(ajaxOptions) {
		var deferredAjax = $.Deferred();

		shell.getTokenDeferred().done(function (token) {
			// add headers for AJAX
			if (!ajaxOptions.headers) {
				$.extend(ajaxOptions, {
					headers: {
						"__RequestVerificationToken": token
					}
				}); 
			} else {
				ajaxOptions.headers["__RequestVerificationToken"] = token;
			}
			$.ajax(ajaxOptions)
				.done(function(data, textStatus, jqXHR) {
					validateLoginSession(data, textStatus, jqXHR, deferredAjax.resolve);
				}).fail(deferredAjax.reject); //AJAX
		}).fail(function () {
			deferredAjax.rejectWith(this, arguments); // on token failure pass the token AJAX and args
		});

		return deferredAjax.promise();	
	}

	f5common.addInstructionsBeforeField = function (fieldName, html, id) {
		if (id == null) id = fieldName + "Instructions";
		var row = $("#" + fieldName).closest("tr");
		var insertHtml = $("<tr id='" + id + "'>").append($("<td>", { class: "clearfix cell form-control-cell" }).append(html));
		row.before(insertHtml);
	}

	f5common.addInstructionsAfterField = function (fieldName, html, id) {
		if (id == null) id = fieldName + "Instructions";
		var row = $("#" + fieldName).closest("tr");
		var insertHtml = $("<tr id='" + id + "'>").append($("<td>", { class: "clearfix cell form-control-cell" }).append(html));
		row.after(insertHtml);
	}

	f5common.addInstructionsAfterLabel = function (fieldName, html) {
		var div = $("<div>", { style:"clear:both"}).append(html);
		$("#" + fieldName + "_Label,#" + fieldName + "_label").after(div);
	}

	f5common.addSectionInstructions = function (sectionname, instructions) {
		var tableSelector = "table[data-name='" + sectionname + "']";
		var table = $(tableSelector);
		var instrRow = $("<tr>").append($("<td>", { class: "clearfix cell form-control-cell" }).append($("<p>", { class: "section-instructions", text: instructions })));
		table.prepend(instrRow);
	}

	f5common.addSectionInstructionsHtml = function (sectionname, html) {
		var tableSelector = "table[data-name='" + sectionname + "']";
		var table = $(tableSelector);
		var instrRow = $("<tr>").append($("<td>", { class: "clearfix cell form-control-cell" }).append(html));
		table.prepend(instrRow);
	}

	f5common.addRequiredFieldValidator = function (fieldName, fieldLabel) {
		if (typeof (Page_Validators) == 'undefined') return;

		$("#" + fieldName).closest("td").find(".info").addClass("required");

		var validatorId = fieldName + "RequiredFieldValidator";
		var newValidator = createValidator(validatorId, fieldName, fieldLabel + " is a required field.", fieldName + '_label', fieldName);

		newValidator.evaluationfunction = function () {
			var value = $("#" + fieldName).val();
			if (value == null || value == "") {
				return false;
			} else {
				return true;
			}
		};

		Page_Validators.push(newValidator);
	}

	f5common.removeRequiredFieldValidator = function (fieldName) {
		var validatorId = fieldName + "RequiredFieldValidator";
		$("#" + fieldName).closest("td").find(".info").removeClass("required");
		removeValidator(validatorId);
	}

	f5common.addFutureDateValidator = function (fieldName, errorMessage) {
		if (typeof (Page_Validators) == 'undefined') return;

		$("#" + fieldName).next().data("DateTimePicker").minDate(moment());
		
		var validatorId = fieldName + "FutureDateValidator";
		var newValidator = createValidator(validatorId, fieldName, errorMessage, fieldName + '_label', fieldName);
		newValidator.evaluationfunction = function () {
			var returnValue = true; //set default value as true
			//get dates
			var today = new Date();
			var compareDate = $("#" + fieldName).val();

			if (compareDate == "") return true; //we can handle required date validation elsewhere.
			var compareDateValue = new Date(compareDate);

			if (today > compareDateValue) {
				returnValue = false;
			}

			return returnValue;

		};

		Page_Validators.push(newValidator);
	}

	f5common.removeFutureDateValidator = function (fieldName) {
		var validatorId = fieldName + "FutureDateValidator";
		removeValidator(validatorId);
	}

	f5common.addPastDateValidator = function (fieldName, errorMessage) {
		if (typeof (Page_Validators) == 'undefined') return;

		$("#" + fieldName).next().data("DateTimePicker").maxDate(moment());
		
		var validatorId = fieldName + "PastDateValidator";
		var newValidator = createValidator(validatorId, fieldName, errorMessage, fieldName + '_label', fieldName);
		newValidator.evaluationfunction = function () {
			var returnValue = true; //set default value as true
			//get dates
			var today = new Date();
			var compareDate = $("#" + fieldName).val();

			if (compareDate == "") return true; //we can handle required date validation elsewhere.
			var compareDateValue = new Date(compareDate);

			if (today < compareDateValue) {
				returnValue = false;
			}

			return returnValue;

		};

		Page_Validators.push(newValidator);
	}

	f5common.removePastDateValidator = function (fieldName) {
		var validatorId = fieldName + "PastDateValidator";
		removeValidator(validatorId);
	}

	f5common.addCustomValidator = function (fieldName, errorMessage, scrollToId, focusId, callback, required) {
		if (typeof (Page_Validators) == 'undefined') return;

		if(required){
			$("#" + fieldName).closest("td").find(".info").addClass("required");
		}

		var validatorId = fieldName + "CustomValidator";
		var newValidator = createValidator(validatorId, fieldName, errorMessage, scrollToId, focusId);
		newValidator.evaluationfunction = callback;

		Page_Validators.push(newValidator);
	}

	f5common.removeCustomValidator = function (fieldName) {
		var validatorId = fieldName + "CustomValidator";
		$("#" + fieldName).closest("td").find(".info").removeClass("required");
		removeValidator(validatorId);
	}

	f5common.addSubGridValidator = function (subGridName, minRecords, errorMessage) {
		if (typeof (Page_Validators) == 'undefined') return;

		$("#" + subGridName).closest("td").find(".info").addClass("required");

		var validatorId = subGridName + "SubGridValidator";
		var newValidator = createValidator(validatorId, subGridName, errorMessage, subGridName, subGridName);

		newValidator.evaluationfunction = function () {
			var noOfRecords = $("#" + subGridName + " table tbody tr").length;
			if (noOfRecords < minRecords) {
				return false;
			} else {
				return true;
			}
		};

		Page_Validators.push(newValidator);
	}

	f5common.removeSubGridValidator = function (subGridName) {
		var validatorId = subGridName + "SubGridValidator";
		$("#" + subGridName).closest("td").find(".info").removeClass("required");
		removeValidator(validatorId);
	}

	f5common.addCheckBoxValidator = function (fieldName, fieldLabel) {
		if (typeof (Page_Validators) == 'undefined') return;

		$("#" + fieldName).closest("td").find(".info").addClass("required");

		var validatorId = fieldName + "CheckBoxValidator";
		var newValidator = createValidator(validatorId, fieldName, "Check: " + fieldLabel, fieldName + '_label', fieldName);

		newValidator.evaluationfunction = function () {
			var isChecked = $("#" + fieldName).is(":checked");
			if (isChecked == true) {
				return true;
			} else {
				return false;
			}
		};

		Page_Validators.push(newValidator);
	}

	f5common.removeCheckBoxValidator = function (fieldName) {
		var validatorId = fieldName + "CheckBoxValidator";
		$("#" + fieldName).closest("td").find(".info").removeClass("required");
		removeValidator(validatorId);
	}

	f5common.addRadioValidator = function (fieldName, fieldLabel) {
		if (typeof (Page_Validators) == 'undefined') return;

		$("#" + fieldName).closest("td").find(".info").addClass("required");

		var validatorId = fieldName + "RadioValidator";
		var newValidator = createValidator(validatorId, fieldName, "Check: " + fieldLabel, fieldName + '_label', fieldName);

		newValidator.evaluationfunction = function () {
			var isChosen = $("input[name$='" + fieldName + "']:checked").length > 0;
			if (isChosen == true) {
				return true;
			} else {
				return false;
			}
		};

		// Add the new validator to the page validators array:
		Page_Validators.push(newValidator);
	}

	f5common.removeRadioValidator = function (fieldName) {
		var validatorId = fieldName + "RadioValidator";
		$("#" + fieldName).closest("td").find(".info").removeClass("required");
		removeValidator(validatorId);
	}

	//used to prevent start date being set before end date
	f5common.addDateRangeValidator = function (startDateControl, endDateControl, errorMessage) {
		if (typeof (Page_Validators) == 'undefined') return;

		var validatorId = fieldName + "DateRangeValidator";
		var newValidator = createValidator(validatorId, endDateControl, errorMessage, endDateControl + '_label', endDateControl);

		newValidator.evaluationfunction = function () {
			var returnValue = true; //set default value as true

			//get dates
			var endDate = $("#" + endDateControl).val();
			var startDate = $("#" + startDateControl).val();

			if (endDate == "" || startDate == "") return true; //we can handle required date validation elsewhere.
			var endDateValue = new Date(endDate);
			var startDateValue = new Date(startDate);

			if (startDateValue > endDateValue) {
				returnValue = false;
			}

			return returnValue;

		};
		// Add the validator to the page validators array:
		Page_Validators.push(newValidator);
	}

	f5common.removeDateRangeValidatorr = function (fieldName) {
		var validatorId = fieldName + "DateRangeValidator";
		removeValidator(validatorId);
	}

	f5common.addPhoneValidator = function (fieldName, fieldLabel, required) {
		if (typeof (Page_Validators) == 'undefined') return;

		if(required){
			$("#" + fieldName).closest("td").find(".info").addClass("required");
		}

		var validatorId = fieldName + "PhoneValidator";
		var newValidator = createValidator(validatorId, fieldName, fieldLabel + " is an invalid phone number.", fieldName + '_label', fieldName);

		newValidator.evaluationfunction = function () {
			var value = $("#" + fieldName).val();
			if (value == null || value == "") {
				if(required){
					return false;
				} else {
					return true;
				}
			} else {
				if (value.length < 7) {
					return false;
				} else {
					return true;
				}
			}
		};

		Page_Validators.push(newValidator);
	}

	f5common.removePhoneValidator = function (fieldName) {
		var validatorId = fieldName + "PhoneValidator";
		$("#" + fieldName).closest("td").find(".info").removeClass("required");
		removeValidator(validatorId);
	}

	function createValidator(validatorId, fieldName, errorMessage, scrollToId, focusId){
		var newValidator = document.createElement('span');
		newValidator.style.display = "none";
		newValidator.id = validatorId;
		newValidator.controltovalidate = fieldName;
		newValidator.errormessage = "<a href='#" + fieldName + "_label' onclick='scrollToAndFocus(\"" + scrollToId + "\",\"" + focusId + "\");'>" + errorMessage + "</a>";
		newValidator.validationGroup = "";
		newValidator.initialvalue = "";
		return newValidator;
	}

	function removeValidator(validatorId) {
		if (typeof (Page_Validators) == 'undefined') return;
		
		for (i = 0; i < Page_Validators.length; i++) {
			if (Page_Validators[i].id == validatorId) {
				// Remove the current fields validator from Page_Validators array
				Page_Validators.splice(i, 1);
			}
		}
	}

	f5common.showSections = function (sectionList) {
		var count = sectionList.length;
		for (i_ss = 0; i_ss < count; i_ss++) {
			var fieldString = "fieldset[aria-label='" + sectionList[i_ss] + "']";
			$(fieldString).show();
		}
	}

	f5common.hideSections = function (sectionList) {
		var count = sectionList.length;
		for (i_hs = 0; i_hs < count; i_hs++) {
			var fieldString = "fieldset[aria-label='" + sectionList[i_hs] + "']";
			$(fieldString).hide();
		}
	}

	f5common.removeValidators = function (validatorList) {
		var count = validatorList.length;
		for (i_rv = 0; i_rv < count; i_rv++) {
			f5common.removeValidator(validatorList[i_rv]);
		}
	}

	f5common.clearTextFields = function (fieldList) {
		var count = fieldList.length;
		for (i_ctf = 0; i_ctf < count; i_ctf++) {
			$("#" + fieldList[i_ctf]).val("");
		}
	}

	f5common.hideFields = function (fieldList) {
		var count = fieldList.length;
		for (i_hf = 0; i_hf < count; i_hf++) {
			$("#" + fieldList[i_hf]).closest("tr").hide();
		}
	}

	f5common.showFields = function (fieldList) {
		var count = fieldList.length;
		for (i_sf = 0; i_sf < count; i_sf++) {
			$("#" + fieldList[i_sf]).closest("tr").show();
		}
	}

	f5common.disableLookups = function (fieldList) {
		var count = fieldList.length;
		for (i_dl = 0; i_dl < count; i_dl++) {
			f5common.disableLookupFields([$("#" + fieldList[i_dl])]);
		}
	}

	f5common.enableLookups = function (fieldList) {
		var count = fieldList.length;
		for (i_el = 0; i_el < count; i_el++) {
			$("#" + fieldList[i_el]).parent().find('.input-group-btn').show();
		}
	}

	f5common.enableDateTimeFields = function (fieldList) {
		var count = fieldList.length;
		for (i_edtf = 0; i_edtf < count; i_edtf++) {
			$("#" + fieldList[i_edtf]).next().data("DateTimePicker").enable();
		}
	}

	f5common.disableDateTimeFields = function (fieldList) {
		var count = fieldList.length;
		for (i_ddtf = 0; i_ddtf < count; i_ddtf++) {
			$("#" + fieldList[i_ddtf]).next().data("DateTimePicker").disable();
		}
	}

	f5common.enableFields = function (fieldList) {
		var count = fieldList.length;
		for (ecf = 0; ecf < count; ecf++) {
			$("#" + fieldList[ecf]).enable(true)
		}
	}

	f5common.disableFields = function (fieldList) {
		var count = fieldList.length;
		for (i_dcf = 0; i_dcf < count; i_dcf++) {
			$("#" + fieldList[i_dcf]).enable(false);
		}
	}

	f5common.disableLookupFields = function (fieldList) {
		var count = fieldList.length;

		for (dlf = 0; dlf < count; dlf++) {
			$("#" + fieldList[dlf]).parent().removeClass("input-group").find('.input-group-btn').hide();
		}
		$(".text-muted").css("color", "transparent");
	}

	f5common.enableLookupFields = function (fieldList) {
		var count = fieldList.length;
		for (elf = 0; elf < count; elf++) {
			$("#" + fieldList[elf]).parent().addClass("input-group").find('.input-group-btn').show()
		}
	}

	f5common.disableRadioButtonFields = function (fieldList) {
		var count = fieldList.length;
		for (drbf = 0; drbf < count; drbf++) {
			$('#' + fieldList[drbf] + ' input:radio:not(:checked)').attr('disabled', true);
		}
	}

	f5common.enableRadioButtonFields = function (fieldList) {
		var count = fieldList.length;
		for (erbf = 0; erbf < count; erbf++) {
			$('#' + fieldList[erbf] + ' input:radio:not(:checked)').attr('disabled', false);
		}
	}

	f5common.disablePicklistFields = function (fieldList) {
		var count = fieldList.length;
		for (dplf = 0; dplf < count; dplf++) {
			$("#" + fieldList[dplf]).attr('disabled', true);
		}
	}

	f5common.enablePicklistFields = function (fieldList) {
		var count = fieldList.length;
		for (eplf = 0; eplf < count; eplf++) {
			$("#" + fieldList[eplf]).attr('disabled', false);
		}
	}

	f5common.getUrlParameter = function getUrlParameter(sParam) {
		var urlParams = new URLSearchParams(window.location.search);
		return urlParams.get(sParam);
	}

	f5common.addModalForm = function (modalId, modalTitle) {
		var modalSection = $("<section>", { id: modalId, "aria-hidden": "true", "aria-label": "<span class='fa fa-info-circle' aria-hidden='true'></span> Modal Form", class: "modal fade modal-form modal-form-details", "data-backdrop": "static", role: "dialog", tabindex: "-1", style: "display: none;" });
		$("body").prepend(modalSection);
		var modalDialog = $("<div>", { class: "modal-lg modal-dialog" });
		modalSection.append(modalDialog);
		var modalContent = $("<div>", { class: "modal-content" });
		modalDialog.append(modalContent);
		var modalHeader = $("<div>", { class: "modal-header" });
		modalContent.append(modalHeader);
		var closeButton = $("<button>", { "aria-label": "Close", class: "close", "data-dismiss": "modal", tabindex: "0", title: "Close", type: "button" });
		modalHeader.append(closeButton);
		closeButton.append($("<span>", { "aria-hidden": "true", text: "x" }));
		closeButton.append($("<span>", { class: "sr-only", text: "Close" }));
		modalHeader.append($("<h1>", { id: "formModalTitle", class: "modal-title h4", title: modalTitle, text: modalTitle }));

		var modalBody = $("<div>", { class: "modal-body" });
		modalContent.append(modalBody);
		var formLoading = $("<div>", { class: "form-loading", style: "display: none;" });
		modalBody.append(formLoading);
		formLoading.append($("<span>", { class: "fa fa-spinner fa-spin fa-4x", "aria-hidden": "true" }));
		modalBody.append($("<iframe>", { src: "" }));
	}

	f5common.setPhoneField = function (fieldName, required){
		var field = $("#" + fieldName);
		field.prop("type", "tel");
		field.prop("autocomplete", "tel");
		field.prop("autocorrect", "off");
		field.prop("maxlength", "25");
		field.prop("pattern", "[0-9]{2}-[0-9]{1}-[0-9]{3}-[0-9]{4}");
		field.on('keypress', function (event) { return phonecharsonly(event.target, event); });
		var fieldLabel = $("label[for=" + fieldName +"]").text();
		f5common.addPhoneValidator(fieldName, fieldLabel, required);
	}

	function phonecharsonly(myfield, e, dec) {
		var key;
		var keychar;

		if (window.event)
			key = window.event.keyCode;
		else if (e)
			key = e.which;
		else
			return true;
		keychar = String.fromCharCode(key);

		// control keys
		if ((key == null) || (key == 0) || (key == 8) ||
			(key == 9) || (key == 13) || (key == 27))
			return true;

		// numbers
		else if ((('0123456789+-').indexOf(keychar) > -1))
			return true;

		// decimal point
		else if (dec && (keychar == '.') && (myfield.value.indexOf('.') == -1))
			return true;
		else
			return false;
	}

	f5common.dateToNZ = function(fieldValue){
		var local = "";
		
		if (fieldValue){
			local = moment(fieldValue).local().format('DD/MM/YYYY');  
		}
		
		return local;
	}
	
	f5common.unescapeText = function(fieldValue){
		if (fieldValue){
			var unescapedText = unescape(fieldValue);
		} else {
			var unescapedText = "";
		}
	   
		return unescapedText;
	}
	
	f5common.htmlDecode = function(fieldValue) {
	  var doc = new DOMParser().parseFromString(fieldValue, "text/html");
	  return doc.documentElement.textContent;
	}

	f5common.binaryToBase64 = function(content){
		if (!content) return null;
		var uarr = new Uint8Array(content.split(',').map(function (x) { return parseInt(x); }));
		return btoa(String.fromCharCode.apply(null, uarr));
	}

	f5common.F5Table = (function () {

		function drawHeaders(me, headerRow) {
			headerRow.empty();

			if(me.Selectable !== undefined && me.Selectable === true){
				headerRow.append($("<th>",{ class: "select"}));
			}
	
			$.each(me.CurrentView.columns, function (i, col) {
				var $th = null;
				var $sortArrow = null;
				var classes = col.name;
				var sortDir = "";
				var sortHint = ". sort descending";
				if (col.sortable !== undefined && col.sortable === true) {
					classes += " sort-enabled";
					if (col.name === me.SortColumn) {
						sortDir = me.SortDirection;
						classes += " sort";
						if (me.SortDirection === "descending") {
							classes += " sort-desc";
							sortHint = ". sort descending";
							$sortArrow = $("<span>", { class: "fa fa-arrow-down", "aria-hidden": "true", id: "arrow-" + col.name });
						} else {
							classes += " sort-asc";
							sortHint = ". sort ascending";
							$sortArrow = $("<span>", { class: "fa fa-arrow-up", "aria-hidden": "true", id: "arrow-" + col.name });
						}
					}
	
					$th = $("<th>", { class: classes, id: "hdr-" + col.name });
					var dataSort = "descending";
					if (sortDir !== "") {
						$th.attr("aria-sort", sortDir);
						dataSort = sortDir;
					}
	
					$a = $("<a>", { href: "#", role: "button", "aria-label": col.label, text: col.label, "data-name": col.name, "data-entityfield": col.entityfield, "data-sort": dataSort });
	
					$a.on("click", function () {
						var newSort = $(this).data("name");
						var hdr = "#hdr-" + newSort;
	
						var sortHint = $(".sort-hint");
	
						if (me.SortColumn === newSort) {
							var arrow = "#arrow-" + me.SortColumn;
							if ($(arrow).hasClass("fa-arrow-down")) {
								$(arrow).removeClass("fa-arrow-down").addClass("fa-arrow-up");
								me.SortDirection = "ascending";
								sortHint.text(". sort ascending");
								$(hdr).removeClass("sort-desc").addClass("sort-asc");
							} else {
								$(arrow).removeClass("fa-arrow-up").addClass("fa-arrow-down");
								me.SortDirection = "descending";
								sortHint.text(". sort descending");
								$(hdr).removeClass("sort-asc").addClass("sort-desc");
							}
						} else {
							var removeArrow = "#arrow-" + me.SortColumn;
							$(removeArrow).remove();
	
							$sortArrow = $("<span>", { class: "fa fa-arrow-up", "aria-hidden": "true", id: "arrow-" + newSort });
							$(this).append($sortArrow);
							me.SortDirection = "ascending";
							me.SortColumn = newSort;
							me.EntityField = $(this).data("entityfield");
							sortHint.text(". sort ascending");
							sortHint.detach().appendTo($(this));
							$(hdr).addClass("sort sort-asc");
						}
	
						$(me).trigger("headerClicked", [me.SortColumn, me.SortDirection, me.EntityField]);
					});
	
					if ($sortArrow !== null) {
						$a.append($sortArrow);
					}
	
					$a.append($("<span>", { class: "sr-only sort-hint", text: sortHint }));
	
					$th.append($a);
				}
				else {
					classes += " sort-disabled";
					$th = $("<th>", { class: classes, "aria-label": col.label, text: col.label });
				}
	
				headerRow.append($th);
			});
	
			if (me.CurrentView.drawActions !== undefined) {
				if (me.CurrentView.actionsHeader !== undefined) {
					$th = $("<th>", { class: "actions sort-disabled", "aria-label": "actions", text: me.CurrentView.actionsHeader });
				} else {
					$th = $("<th>", { class: "actions sort-disabled", "aria-label": "actions" });
				}
				headerRow.append($th);
			}
		}
	
		function drawRows(me, tableBody) {
			tableBody.empty();

			$.each(me.Data, function (i, record) {
				var row = $("<tr>");
				row.data("record", record);

				if(me.Selectable !== undefined && me.Selectable === true){
					var seltd = $("<td>", { class: "select", "data-th": "Select" });
					row.append(seltd);
					var cbx = $("<input>", { type:"checkbox" });
					seltd.append(cbx);
					
					cbx.on("change", function(){
						if(this.checked === true){
							row.addClass("selected");
						} else {
							row.removeClass("selected");
						}
					});

					row.on("click", function(event){
						if(me.Enabled){
							var target = $(event.target);
							if(!target.is("input") && !target.is("button") && !target.is("a")){
								cbx.prop('checked', !cbx.prop('checked')).trigger("change");
							}
						}
					});
				}

				$.each(me.CurrentView.columns, function (i, col) {
					var td;
	
					if (col.drawContents === undefined) {
						var txt = record[col.name];

						td = $("<td>", { 
							"data-attribute": col.entityfield,
							"data-th": col.label,
							"data-value": txt,
							"aria-label": txt
						});
	
						if (col.formatValue !== undefined) {
							txt = col.formatValue(record[col.name]);
						}
	
						if (col.id === undefined) {
							td.html(txt);
						} else {
							var link = $("<a>", { href: "#", class: "details-link has-tooltip", "data-id": record[col.id], "data-toggle": "tooltip", title: "View Details", html: txt });
							td.append(link);
							link.on("click", function () {
								var eventName = col.name + "Clicked";
								$(me).trigger(eventName, [record[col.id],record]);
							});
						}
					} else {
						td = col.drawContents(record);
					}
	
					row.append(td);
				});
	
				if (me.CurrentView.drawActions !== undefined) {
					var td = me.CurrentView.drawActions(record);
					row.append(td);
				}
	
				tableBody.append(row);
			});
		}
	
		function drawPaging(me, n, t) {
	
			if (typeof me.CurrentView.pageSize === typeof undefined || me.CurrentView.pageSize === false || me.CurrentView.pageSize == null || (typeof me.PageCount === typeof undefined || me.PageCount === false || me.PageCount == null) || (typeof me.PageNumber === typeof undefined || me.PageNumber === false || me.PageNumber == null) || (typeof me.ItemCount === typeof undefined || me.ItemCount === false || me.ItemCount == null)) {
				n.hide();
				return
			}
	
			if (me.PageCount <= 1) {
				n.hide();
				return
			}
			if (me.PageNumber > me.PageCount) {
				me.PageCount = me.PageNumber
			}
			if (me.PageNumber === me.PageCount && me.MoreRecords) {
				me.PageCount++
			}
			n.data("pagesize", me.CurrentView.pageSize).data("pages", me.PageCount).data("current-page", me.PageNumber).data("count", me.ItemCount).off("click").pagination({
				total_pages: n.data("pages"),
				current_page: n.data("current-page"),
				callback: function (e, t) {
					e.preventDefault();
					var a = $(e.target).closest("li");
					if (a.not(".disabled").length > 0 && a.not(".active").length > 0) {
						$(me).trigger("pageClicked", [e.currentTarget]);
					}
				}
			}).show();
			n.find("li").first().find("a").attr("aria-label", "Previous_page");
			n.find("li").last().find("a").attr("aria-label", "Next_page");
			n.find("li.active").find("a").removeAttr("aria-label");
			n.find("li.active").find("a").attr("aria-current", "page");
			n.find("li.disabled").find("a").removeAttr("href");
	
			$("ul>li>a[data-page='..']", n).attr("aria-label", "Load_more_pages");
			if (t) {
				n.find("a").filter(function () {
					return $(this).text() == $(t).text()
				}).trigger("focus")
			}
	
		}
	
		function drawToolbar(me, c, hr, v, s, d) {
			var tDiv = $("<div>", { class: "view-toolbar grid-actions clearfix" });
			c.append(tDiv);
	
			if (v.length > 1) {
				var vs = $("<ul>", { class: "view-select nav nav-pills pull-left" });
				tDiv.append(vs);
				var fd = $("<li>", { class: "dropdown", id: "filterDropdownId" });
				vs.append(fd);
				var sv = $("<a>", {
					class: "selected-view dropdown-toggle",
					"data-toggle": "dropdown",
					"data-name": me.CurrentView.name,
					href: "#",
					role: "button",
					title: me.CurrentView.label,
					tabindex: "0",
					"aria-label": me.CurrentView.label,
					"aria-haspopup": "true",
					"aria-expanded": "false"
				});
				fd.append(sv);
				sv.append($("<span>", { class: "fa fa-list", "aria-hidden": "true" }));
				var svt = $("<span>", { class: "title", text: " " + me.CurrentView.label });
				sv.append(svt);
				sv.append($("<span>", { class: "caret", "aria-hidden": "true" }));
	
				var dm = $("<ul>", { class: "dropdown-menu", role: "menu" });
				fd.append(dm);
	
				$.each(v, function (i, view) {
					var li = $("<li>", { role: "none" });
					if (view.name === me.CurrentView.name) {
						li.addClass("active");
					}
					dm.append(li);
	
					var a = $("<a>", {
						href: "#",
						role: "menuitem",
						"aria-label": view.label,
						tabindex: 0,
						"aria-setsize": v.length,
						"aria-posinset": i + 1,
						text: view.label,
						"data-name": view.name
					});
	
					li.append(a);
	
					a.on("click", function () {
						dm.find("li").removeClass("active");
	
						sv.attr("title", view.label);
						sv.attr("aria-label", view.label);
						sv.data("name", view.name);
						svt.text(" " + view.label);
	
						me.SortDirection = view.sortDirection;
						me.SortColumn = view.sortColumn;
						me.CurrentView = view;
						drawHeaders(me, hr, view.columns);
						$(me).trigger("viewChanged", [a]);
	
						setTimeout(function () { li.addClass("active"); }, 100);
					});
				});
			}
	
			if (s || d) {
				var ta = $("<div>", { class: "pull-right toolbar-actions" });
				tDiv.append(ta);
	
				if (s) {
					var vs = $("<div>", { class: "input-group pull-left view-search entitylist-search" });
					ta.append(vs);
					var searchBox = $("<input>", {
						placeholder: "Search",
						title: "",
						"aria-label": "To search on partial text, use the asterisk(*) wildcard character. ",
						"data-original-title": "To search on partial text, use the asterisk(*) wildcard character. ",
						class: "query form-control"
					});
					vs.append(searchBox);
	
					var ig = $("<div>", { class: "input-group-btn", role: "presentation" });
					vs.append(ig);
					var sb = $("<button>", {
						type: "button",
						title: "Search Results",
						"aria-label": "Search Results",
						class: "btn btn-default"
					});
	
					ig.append(sb);
					sb.append($("<span>", { class: "sr-only", text: "Search Results" }));
					sb.append($("<span>", { class: "fa fa-search" }));
					sb.on("click", function () {
						$(me).trigger("searchClicked", [searchBox.val()]);
					});
				}
	
				if (d) {
					var ig = $("<div>", { class: "input-group pull-left" });
					ta.append(ig);
	
					var a = $("<a>", {
						href: "#",
						class: "entitylist-download btn btn-info pull-right action",
						title: "Download",
						text: " Download"
					});
	
					ig.append(a);
					a.prepend($("<span>", { class: "fa fa-download", "aria-hidden": "true" }));
	
					a.on("click", function () {
						$(me).trigger("downloadClicked");
					});
	
				}
			}
		}
	
		function drawOther(container) {
			var emptyDiv = $("<div>", { class: "view-empty message", style: "display: none;", text: "There are no records to display." });
			container.append(emptyDiv);
	
			var loadingDiv = $("<div>", { class: "view-loading message text-center", style: "display: none;" });
			loadingDiv.append($("<span>", { class: "fa fa-spinner fa-spin", "aria-hidden": "true" }));
			container.append(loadingDiv);
		}
	
		return function (config) {
			var me = this;
			me.Enabled = false;
			me.Selectable = config.selectable;
			var _rendered = false;
			var _data = config.data;
			var _container = $("<div>", { class: "entity-grid entitylist" });
	
			var _headerRow = $("<tr>");
			var _tableBody = _tableBody = $("<tbody>");
			var _table = $("<table>", { role: "grid", class: "table table-hover table-fluid" });
			var _views = config.views;
			var _enableSearch = config.enableSearch !== undefined ? config.enableSearch : false;
			var _enableDownload = config.enableDownload !== undefined ? config.enableDownload : false;
	
			var defaultView = config.views.find(view => view.default === true);
			defaultView = defaultView === undefined ? config.views[0] : defaultView;
	
			me.CurrentView = defaultView;
			var _paginationDiv = $("<div>", { class: "view-pagination", "data-current-page": "1", "data-pages": "1", "data-pagesize": me.CurrentView.pageSize });
	
			me.SortColumn = me.CurrentView.sortColumn,
				me.SortDirection = me.CurrentView.sortDirection,
				me.EntityField = me.CurrentView.entityField,
				me.PageSize = me.CurrentView.pageSize,
				me.ItemCount = 0,
				me.PageNumber = 1,
				me.MoreRecords = false;
	
			me.render = function (el) {
				me.Element = $(el);
				_rendered = true;
				$(el).empty();
	
				var topDiv = $("<div>", { class: "entitylist f5table" });
				$(el).append(topDiv);
	
				topDiv.append(_container);
	
				if (_views.length > 1 || _enableSearch || _enableDownload) {
					drawToolbar(me, _container, _headerRow, _views, _enableSearch, _enableDownload);
				}
	
				var viewGrid = $("<div>", { class: "view-grid has-pagination" });
				_container.append(viewGrid);
	
				viewGrid.append(_table);
	
				_container.append(_paginationDiv);
	
				var thead = $("<thead>");
				_table.append(thead);
	
				thead.append(_headerRow);
	
				_table.append(_tableBody);
	
				drawHeaders(me, _headerRow);
				drawOther(_container);
				drawPaging(me, _paginationDiv);
	
				if (_data !== undefined && _data.length > 0) {
					drawRows(me, _tableBody);
				}

				me.Enabled = true;
			}
	
			me.updatePaging = function (currentTarget) {
				drawPaging(me, _paginationDiv, currentTarget);
			}
	
			me.enable = function(enable){
				if(enable === undefined || enable === true){
					me.Enabled = true;
					me.Element.find("a").removeClass("disable-click");
					me.Element.find("button").enable(true);
					me.Element.find("input[type='checkbox']").enable(true);
				} else {
					me.Enabled = false;
					me.Element.find("a").addClass("disable-click");
					me.Element.find("button").enable(false);
					me.Element.find("input[type='checkbox']").enable(false);
				}
			}

			Object.defineProperty(this, 'Data', {
				get: function () {
					return _data;
				},
				// Create a new setter for the property
				set: function (val) {
	
					_data = val;
					if (_data !== undefined) {
						if (_rendered === true) {
							drawRows(this, _tableBody);
							drawPaging(this, _paginationDiv);
						}
					}
				}
			});
	
			Object.defineProperty(this, 'PageCount', {
				get: function () {
					var result = 0;
					if (this.ItemCount != 0 && (this.ItemCount < this.CurrentView.pageSize)) {
						result = 1;
					} else {
						result = Math.ceil(this.ItemCount / this.CurrentView.pageSize);
					}
	
					return result;
				}
			});
		};
	})();
})(window.f5common = window.f5common || {}, jQuery)