kevinchappell/formBuilder

Query(($) => {
var $fbPages = $(document.getElementById("form-builder-pages"));
var addPageTab = document.getElementById("add-page-tab");
var fbInstances = [];
$fbPages.tabs({
beforeActivate: function(event, ui) {
if (ui.newPanel.selector === "#new-page") {
return false;
}
}
});
const result = <?php echo $questiondata->json_question; ?>;
let length = result.length;
var stepLen = length;
const res = result;
for (let i = 1; i <= stepLen; i++) {
let tabId = "step-" + i;
let $newPageTemplate = $(document.getElementById("new-page"));
let $newPage = $newPageTemplate.clone().attr("id", tabId).addClass("fb-editor");
let $newTab = $('#add-page-tab').clone().removeAttr("id");
let $tabLink = $("a", $newTab).attr("href", "#" + tabId).text("Step " + i);
$newPage.insertBefore($newPageTemplate);
$newTab.insertBefore('#add-page-tab');
$fbPages.tabs("refresh");
$fbPages.tabs("option", "active", 0);
let $newInstance = $newPage.formBuilder();
$newInstance.promise.then(function(fb) {
let formadata = res[i - 1];
fbInstances.push(formadata);
fb.actions.setData(formadata);
});
}
addPageTab.addEventListener(
"click",
(click) => {
const tabCount = document.getElementById("tabs").children.length;
const tabId = "page-" + tabCount.toString();
const $newPageTemplate = document.getElementById("new-page");
const $newTabTemplate = document.getElementById("add-page-tab");
const $newPage = $newPageTemplate.cloneNode(true);
$newPage.setAttribute("id", tabId);
$newPage.classList.add("fb-editor");
const $newTab = $newTabTemplate.cloneNode(true);
$newTab.removeAttribute("id");
const $tabLink = $newTab.querySelector("a");
$tabLink.setAttribute("href", "#" + tabId);
$tabLink.innerText = "Page " + tabCount;

$newPageTemplate.parentElement.insertBefore($newPage, $newPageTemplate);
$newTabTemplate.parentElement.insertBefore($newTab, $newTabTemplate);
$fbPages.tabs("refresh");
$fbPages.tabs("option", "active", tabCount - 1);
fbInstances.push($($newPage).formBuilder());

},
false
);
$(document.getElementById("save-all")).click(function() {

const allData = fbInstances.map((fb) => {
return fb.actions.getData();
});
var jsondata = JSON.stringify(allData);
//$('#jsondata').val(jsondata);
console.log(jsondata);
});
});