Bootstrap completed
This commit is contained in:
Francesco Malagrino
318
js/scripts_new.js
Normal file
318
js/scripts_new.js
Normal file
@@ -0,0 +1,318 @@
|
||||
function handleSaveLayout()
|
||||
{
|
||||
var e = $(".demo").html();
|
||||
if (e != window.demoHtml)
|
||||
{
|
||||
saveLayout();
|
||||
window.demoHtml = e
|
||||
}
|
||||
}
|
||||
function handleJsIds()
|
||||
{
|
||||
handleModalIds();
|
||||
handleAccordionIds();
|
||||
handleCarouselIds();
|
||||
handleTabsIds()
|
||||
}
|
||||
function handleAccordionIds()
|
||||
{
|
||||
var e = $(".demo #myAccordion");
|
||||
var t = randomNumber();
|
||||
var n = "panel-" + t;
|
||||
var r;
|
||||
e.attr("id", n);
|
||||
e.find(".panel").each(function (e, t)
|
||||
{
|
||||
r = "panel-element-" + randomNumber();
|
||||
$(t).find(".panel-title").each(function (e, t)
|
||||
{
|
||||
$(t).attr("data-parent", "#" + n);
|
||||
$(t).attr("href", "#" + r)
|
||||
});
|
||||
$(t).find(".panel-collapse").each(function (e, t)
|
||||
{
|
||||
$(t).attr("id", r)
|
||||
})
|
||||
})
|
||||
}
|
||||
function handleCarouselIds()
|
||||
{
|
||||
var e = $(".demo #myCarousel");
|
||||
var t = randomNumber();
|
||||
var n = "carousel-" + t;
|
||||
e.attr("id", n);
|
||||
e.find(".carousel-indicators li").each(function (e, t)
|
||||
{
|
||||
$(t).attr("data-target", "#" + n)
|
||||
});
|
||||
e.find(".left").attr("href", "#" + n);
|
||||
e.find(".right").attr("href", "#" + n)
|
||||
}
|
||||
function handleModalIds()
|
||||
{
|
||||
var e = $(".demo #myModalLink");
|
||||
var t = randomNumber();
|
||||
var n = "modal-container-" + t;
|
||||
var r = "modal-" + t;
|
||||
e.attr("id", r);
|
||||
e.attr("href", "#" + n);
|
||||
e.next().attr("id", n)
|
||||
}
|
||||
function handleTabsIds()
|
||||
{
|
||||
var e = $(".demo #myTabs");
|
||||
var t = randomNumber();
|
||||
var n = "tabs-" + t;
|
||||
e.attr("id", n);
|
||||
e.find(".tab-pane").each(function (e, t)
|
||||
{
|
||||
var n = $(t).attr("id");
|
||||
var r = "panel-" + randomNumber();
|
||||
$(t).attr("id", r);
|
||||
$(t).parent().parent().find("a[href=#" + n + "]").attr("href", "#" + r)
|
||||
})
|
||||
}
|
||||
function randomNumber()
|
||||
{
|
||||
return randomFromInterval(1, 1e6)
|
||||
}
|
||||
function randomFromInterval(e, t)
|
||||
{
|
||||
return Math.floor(Math.random() * (t - e + 1) + e)
|
||||
}
|
||||
function gridSystemGenerator()
|
||||
{
|
||||
$(".lyrow .preview input").bind("keyup", function ()
|
||||
{
|
||||
var e = 0;
|
||||
var t = "";
|
||||
var n = false;
|
||||
var r = $(this).val().split(" ", 12);
|
||||
$.each(r, function (r, i)
|
||||
{
|
||||
if (!n)
|
||||
{
|
||||
if (parseInt(i) <= 0) n = true;
|
||||
e = e + parseInt(i);
|
||||
t += '<div class="col-md-' + i + ' column"></div>'
|
||||
}
|
||||
});
|
||||
if (e == 12 && !n)
|
||||
{
|
||||
$(this).parent().next().children().html(t);
|
||||
$(this).parent().prev().show()
|
||||
}
|
||||
else
|
||||
{
|
||||
$(this).parent().prev().hide()
|
||||
}
|
||||
})
|
||||
}
|
||||
function configurationElm(e, t)
|
||||
{
|
||||
$(".demo").delegate(".configuration > a", "click", function (e)
|
||||
{
|
||||
e.preventDefault();
|
||||
var t = $(this).parent().next().next().children();
|
||||
$(this).toggleClass("active");
|
||||
t.toggleClass($(this).attr("rel"))
|
||||
});
|
||||
$(".demo").delegate(".configuration .dropdown-menu a", "click", function (e)
|
||||
{
|
||||
e.preventDefault();
|
||||
var t = $(this).parent().parent();
|
||||
var n = t.parent().parent().next().next().children();
|
||||
t.find("li").removeClass("active");
|
||||
$(this).parent().addClass("active");
|
||||
var r = "";
|
||||
t.find("a").each(function ()
|
||||
{
|
||||
r += $(this).attr("rel") + " "
|
||||
});
|
||||
t.parent().removeClass("open");
|
||||
n.removeClass(r);
|
||||
n.addClass($(this).attr("rel"))
|
||||
})
|
||||
}
|
||||
function removeElm()
|
||||
{
|
||||
$(".demo").delegate(".remove", "click", function (e)
|
||||
{
|
||||
e.preventDefault();
|
||||
$(this).parent().remove();
|
||||
if (!$(".demo .lyrow").length > 0)
|
||||
{
|
||||
clearDemo()
|
||||
}
|
||||
})
|
||||
}
|
||||
function clearDemo()
|
||||
{
|
||||
$(".demo").empty()
|
||||
}
|
||||
function removeMenuClasses()
|
||||
{
|
||||
$("#menu-layoutit li button").removeClass("active")
|
||||
}
|
||||
function changeStructure(e, t)
|
||||
{
|
||||
$("#download-layout ." + e).removeClass(e).addClass(t)
|
||||
}
|
||||
function cleanHtml(e)
|
||||
{
|
||||
$(e).parent().append($(e).children().html())
|
||||
}
|
||||
function downloadLayoutSrc()
|
||||
{
|
||||
var e = "";
|
||||
$("#download-layout").children().html($(".demo").html());
|
||||
var t = $("#download-layout").children();
|
||||
t.find(".preview, .configuration, .drag, .remove").remove();
|
||||
t.find(".lyrow").addClass("removeClean");
|
||||
t.find(".box-element").addClass("removeClean");
|
||||
t.find(".lyrow .lyrow .lyrow .lyrow .lyrow .removeClean").each(function ()
|
||||
{
|
||||
cleanHtml(this)
|
||||
});
|
||||
t.find(".lyrow .lyrow .lyrow .lyrow .removeClean").each(function ()
|
||||
{
|
||||
cleanHtml(this)
|
||||
});
|
||||
t.find(".lyrow .lyrow .lyrow .removeClean").each(function ()
|
||||
{
|
||||
cleanHtml(this)
|
||||
});
|
||||
t.find(".lyrow .lyrow .removeClean").each(function ()
|
||||
{
|
||||
cleanHtml(this)
|
||||
});
|
||||
t.find(".lyrow .removeClean").each(function ()
|
||||
{
|
||||
cleanHtml(this)
|
||||
});
|
||||
t.find(".removeClean").each(function ()
|
||||
{
|
||||
cleanHtml(this)
|
||||
});
|
||||
t.find(".removeClean").remove();
|
||||
$("#download-layout .column").removeClass("ui-sortable");
|
||||
$("#download-layout .row-fluid").removeClass("clearfix").children().removeClass("column");
|
||||
if ($("#download-layout .container").length > 0)
|
||||
{
|
||||
changeStructure("row-fluid", "row")
|
||||
}
|
||||
formatSrc = $.htmlClean($("#download-layout").html(), {
|
||||
format: true,
|
||||
allowedAttributes: [["id"], ["class"], ["data-toggle"], ["data-target"], ["data-parent"], ["role"], ["data-dismiss"], ["aria-labelledby"], ["aria-hidden"], ["data-slide-to"], ["data-slide"]]
|
||||
});
|
||||
$("#download-layout").html(formatSrc);
|
||||
$("#downloadModal textarea").empty();
|
||||
$("#downloadModal textarea").val(formatSrc)
|
||||
}
|
||||
var currentDocument = null;
|
||||
var timerSave = 2e3;
|
||||
var demoHtml = $(".demo").html();
|
||||
$(window).resize(function ()
|
||||
{
|
||||
$("body").css("min-height", $(window).height() - 90);
|
||||
$(".demo").css("min-height", $(window).height() - 160)
|
||||
});
|
||||
$(document).ready(function ()
|
||||
{
|
||||
$("body").css("min-height", $(window).height() - 90);
|
||||
$(".demo").css("min-height", $(window).height() - 160);
|
||||
$(".demo, .demo .column").sortable(
|
||||
{
|
||||
connectWith: ".column",
|
||||
opacity: .35,
|
||||
handle: ".drag"
|
||||
});
|
||||
$(".sidebar-nav .lyrow").draggable(
|
||||
{
|
||||
connectToSortable: ".demo",
|
||||
helper: "clone",
|
||||
handle: ".drag",
|
||||
drag: function (e, t)
|
||||
{
|
||||
t.helper.width(400)
|
||||
},
|
||||
stop: function (e, t)
|
||||
{
|
||||
$(".demo .column").sortable(
|
||||
{
|
||||
opacity: .35,
|
||||
connectWith: ".column"
|
||||
})
|
||||
}
|
||||
});
|
||||
$(".sidebar-nav .box").draggable(
|
||||
{
|
||||
connectToSortable: ".column",
|
||||
helper: "clone",
|
||||
handle: ".drag",
|
||||
drag: function (e, t)
|
||||
{
|
||||
t.helper.width(400)
|
||||
},
|
||||
stop: function ()
|
||||
{
|
||||
handleJsIds()
|
||||
}
|
||||
});
|
||||
$("[data-target=#downloadModal]").click(function (e)
|
||||
{
|
||||
e.preventDefault();
|
||||
downloadLayoutSrc()
|
||||
});
|
||||
$("#download").click(function ()
|
||||
{
|
||||
downloadLayout();
|
||||
return false
|
||||
});
|
||||
$("#downloadhtml").click(function ()
|
||||
{
|
||||
downloadHtmlLayout();
|
||||
return false
|
||||
});
|
||||
$("#edit").click(function ()
|
||||
{
|
||||
$("body").removeClass("devpreview sourcepreview");
|
||||
$("body").addClass("edit");
|
||||
removeMenuClasses();
|
||||
$(this).addClass("active");
|
||||
return false
|
||||
});
|
||||
$("#clear").click(function (e)
|
||||
{
|
||||
e.preventDefault();
|
||||
clearDemo()
|
||||
});
|
||||
$("#devpreview").click(function ()
|
||||
{
|
||||
$("body").removeClass("edit sourcepreview");
|
||||
$("body").addClass("devpreview");
|
||||
removeMenuClasses();
|
||||
$(this).addClass("active");
|
||||
return false
|
||||
});
|
||||
$("#sourcepreview").click(function ()
|
||||
{
|
||||
$("body").removeClass("edit");
|
||||
$("body").addClass("devpreview sourcepreview");
|
||||
removeMenuClasses();
|
||||
$(this).addClass("active");
|
||||
return false
|
||||
});
|
||||
$(".nav-header").click(function ()
|
||||
{
|
||||
$(".sidebar-nav .boxes, .sidebar-nav .rows").hide();
|
||||
$(this).next().slideDown()
|
||||
});
|
||||
removeElm();
|
||||
configurationElm();
|
||||
gridSystemGenerator();
|
||||
setInterval(function ()
|
||||
{
|
||||
handleSaveLayout()
|
||||
}, timerSave)
|
||||
})
|
||||
Reference in New Issue
Block a user