`);
}
}
containerDiv.addClass(`${size.toLowerCase()} ${color.toLowerCase()}`);
mainWrapper.addClass(module.toLowerCase());
if (content.split("|->|").length > 1) {
let innerContainers = content.split("|->|");
let colContent;
for (let i = 0; i < innerContainers.length; i++) {
let wrapper = $("");
let hasIcon = innerContainers[i].startsWith("img:");
let img = document.createElement("img");
let imageWrapper = $("");
if (hasIcon) {
let imageTextEnding = innerContainers[i].indexOf("|");
let imgContent = innerContainers[i]
.substring(0, imageTextEnding)
.split("img:")[1];
let textContent = innerContainers[i].substring(
imageTextEnding,
innerContainers[i].length - 1
);
img.src = imgContent;
let text = textContent.substring(1);
colContent = getCleanText(text);
} else {
colContent = getCleanText(innerContainers[i]);
}
if (hasIcon) {
imageWrapper.append(img);
}
wrapper.append(imageWrapper);
wrapper.append(colContent);
containerDiv.append(wrapper);
}
let firstChild = containerDiv.children("div:first-child");
let imageWrapper = $("");
firstChild.prepend(imageWrapper);
if (rawOptions[0] == "3 column text") {
console.log(firstChild);
}
let imgSrc = getDataFromMarkup(moduleHeader, "img");
if (imgSrc) {
let img = document.createElement("img");
img.src = imgSrc;
imageWrapperEl.append(img);
}
containerDiv.addClass("flex gap");
} else if (module !== "testimony" && (isImage || isVideo)) {
if (isImage || isVideo) {
let mediaElement;
let rawLabel = content.split("").pop().split('"')[0];
let label = rawLabel.substring(0, rawLabel.indexOf("");
}
if (isVideo) {
mediaElement = $(
""
);
}
mediaElement.attr("src", src);
containerDiv.append(mediaElement);
if (label.trim().length > 0) {
containerDiv.append(`
${label}
`);
}
}
} else if (module !== "testimony") {
containerDiv.append(getCleanText(content));
}
if (module == "table") {
content = content.replace("|----", "");
let rawTableHeader = content.split("|-|")[0];
let rawTableBody;
if (content.split("|-|").length > 1) {
rawTableBody = content.split("|-|")[1].trim();
}
let tableHeader = rawTableHeader.split("|");
tableHeader = tableHeader
.map((el) => getCleanText(el))
.filter((el) => el);
let headerItems = tableHeader.length;
if (rawTableBody && rawTableBody.length > 0) {
var tableBodyItems = rawTableBody.split("|");
tableBodyItems.unshift(...tableHeader);
tableBodyItems = tableBodyItems
.map((el) => getCleanText(el))
.filter((el) => el);
var bodyItems = Math.ceil(tableBodyItems.length / headerItems);
// Render table
for (var i = 0; i < bodyItems; i++) {
const row = tableBodyItems.slice(
i * headerItems,
i * headerItems + headerItems
);
const rowDiv = $('');
row.forEach((item) => {
if (item.length > 0) {
var columnDiv = $('');
columnDiv.text(getCleanText(item));
rowDiv.append(columnDiv);
}
});
containerDiv.append(rowDiv);
}
setTimeout(() => {
//Clean table element
$(".table .container")
.contents()
.filter(function () {
return this.nodeType == 3; // Text node
})
.remove();
});
}
}
if (module == "testimony") {
let wrapper = $('');
if (optionsArr.includes("Image")) {
let imgSrc = getDataFromMarkup(moduleHeader, "Image");
let image = $(``);
wrapper.append(image);
}
let name = getDataFromMarkup(moduleHeader, "Name");
let position = getDataFromMarkup(moduleHeader, "Position");
let company = getDataFromMarkup(moduleHeader, "Company");
let upperDiv = $(`
${name}
${position}, ${company}
${content}
`);
wrapper.append(upperDiv);
containerDiv.append(wrapper);
}
if (module == "event") {
let wrapper = $('');
let dateEl = $(`${date}`);
let titleEl = $(`
${title}
`);
wrapper.append(dateEl);
wrapper.append(titleEl);
containerDiv.append(wrapper);
}
mainWrapper.append(containerDiv);
return mainWrapper;
}
function getDataFromMarkup(moduleHeader, data) {
let prop = moduleHeader.split(`${data}:`)[1];
let result = prop;
// If there are more props, exclude the next props
if (prop && prop.indexOf("|") !== -1) {
result = prop.substring(0, prop.indexOf("|"));
}
return result || "";
}
function getStructureFromMarkup(i) {
let source = $(".rich-text-wrapper").eq(i);
let rawContent = source.html();
// Removing begining and ending tags
rawContent = rawContent.replaceAll(/^
/g, "").replaceAll(/<\/p>$/g, "");
// Elements container //
let elements = rawContent.split("|---Module:");
elements = elements
.map((el) => {
return el.trim();
})
.filter((el) => el);
const richTextElements = [];
elements = elements.map((el) => {
let htmlElement = el;
if (el.includes("--|")) {
let module = el.split("--|");
htmlElement = getSingleElement(module);
} else {
let wrapper = $('
');
wrapper.append(el);
htmlElement = wrapper;
}
richTextElements.push(htmlElement);
});
// Render final html elements on screen
let elementsWrapper = $('');
richTextElements.forEach((el) => elementsWrapper.append(el));
source.empty();
if (richTextElements.length > 0) {
source.append(elementsWrapper);
}
$(".rich-text-wrapper *:empty:not(img):not(iframe)").remove();
}
});
// Form Validation code
$('[wr-type="error"]').hide(), $(".error").removeClass("error");
var formErrors = !1;
const fieldError = function (r) {
r.parent().find('[wr-type="error"]').show(),
r.addClass("error"),
(formErrors = !0);
};
$('[wr-type="submit"]').click(function () {
formErrors = !1;
$('[wr-type="error"]').hide();
$(".error").removeClass("error");
$('[wr-type="required-field"]').each(function () {
const $field = $(this);
const tag = $field.prop("tagName").toLowerCase();
const type = $field.attr("type");
let hasError = false;
if (type === "checkbox" && !$field.is(":checked")) {
fieldError($field);
hasError = true;
}
if (!hasError && tag === "select") {
if (!$field.val() || $field.prop("selectedIndex") === 0) {
fieldError($field);
hasError = true;
}
}
if (!hasError && $field.val().length === 0) {
fieldError($field);
hasError = true;
}
if (
!hasError &&
type === "email" &&
(-1 === $field.val().indexOf("@") || -1 === $field.val().indexOf("."))
) {
fieldError($field);
}
});
formErrors || $(this).parents("form").submit();
}),
$('[wr-type="required-field"], [type="checkbox"]').on(
"keypress blur change",
function () {
const $field = $(this);
$field.removeClass("error");
$field.parent().find('[wr-type="error"]').hide();
formErrors = !1;
}
),
$("input, textarea, select").keypress(function (r) {
13 == r.keyCode &&
(r.preventDefault(),
$(this).trigger("change"),
$('[wr-type="submit"]').click());
});