Split JavaScript into multiple files
This commit is contained in:
Neil Brommer
parent
a0e0afa3ce
commit
633289f836
|
|
@ -358,5 +358,8 @@
|
||||||
<script src="lib/popper/popper.js"></script>
|
<script src="lib/popper/popper.js"></script>
|
||||||
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
|
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
|
||||||
<script src="js/main.js"></script>
|
<script src="js/main.js"></script>
|
||||||
|
<script src="js/lang.js"></script>
|
||||||
|
<script src="js/snippet.js"></script>
|
||||||
|
<script src="js/resource.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
178
js/lang.js
Normal file
178
js/lang.js
Normal file
|
|
@ -0,0 +1,178 @@
|
||||||
|
$(document).ready(function () {
|
||||||
|
$("#langLink").click(function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
loadLangs();
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#editLangModal").on("shown.bs.modal", function (e) {
|
||||||
|
$(".langSelect").val(selectList);
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#addLangTab").on("shown.bs.tab", function (e) {
|
||||||
|
$("#txtLangName").focus();
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#btnSaveLang").click(saveLang);
|
||||||
|
});
|
||||||
|
|
||||||
|
function addLangLangs(langID, langName, langIDList) {
|
||||||
|
if (langIDList != null) {
|
||||||
|
for (var i = 0; i < langIDList.length; i++) {
|
||||||
|
$.ajax({
|
||||||
|
url: "lang.php",
|
||||||
|
type: "PUT",
|
||||||
|
data: {langID: langID, associatedLang: langIDList[i]},
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
successAlert("Successfully Added language: " + langName, "lang");
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadLangs() {
|
||||||
|
$("#langLink").addClass("active");
|
||||||
|
$("#snippetLink").removeClass("active");
|
||||||
|
$("#resourceLink").removeClass("active");
|
||||||
|
$("#mainList").empty();
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: "lang.php",
|
||||||
|
type: "GET",
|
||||||
|
success: function (result) { addLangs(result) },
|
||||||
|
error: function (result) { displayError(result) }
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function addLangs(langList) {
|
||||||
|
var mainList = $("#mainList");
|
||||||
|
for (var i = 0; i < langList.length; i++) {
|
||||||
|
$("<div>").attr({ "id": "lang-" + langList[i].langID }).appendTo(mainList);
|
||||||
|
$.ajax({
|
||||||
|
url: "lang.php?langID=" + langList[i].langID,
|
||||||
|
type: "GET",
|
||||||
|
success: function (result) { addLang(result) },
|
||||||
|
error: function (result) { displayError(result) }
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function addLang(lang) {
|
||||||
|
var body = $('<div>');
|
||||||
|
|
||||||
|
// build list of snippet links
|
||||||
|
if (lang.snippets.length != 0) {
|
||||||
|
$('<hr>').appendTo(body);
|
||||||
|
$('<span>').addClass("card-text text-muted mr-3").text("Snippets:").appendTo(body);
|
||||||
|
|
||||||
|
var snippets = lang.snippets;
|
||||||
|
for (var i = 0; i < snippets.length; i++) {
|
||||||
|
var cur = snippets[i];
|
||||||
|
var snippetID = cur.snippetID;
|
||||||
|
$("<a>").attr({
|
||||||
|
"id": "snippet-" + snippetID,
|
||||||
|
"class": "card-link",
|
||||||
|
"href": "#",
|
||||||
|
"data-snippetID": snippetID,
|
||||||
|
"onClick": "handleSnippetClicked(event, " + snippetID + ")"
|
||||||
|
}).text(cur.snippetName).appendTo(body);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//build list of resource links
|
||||||
|
if (lang.resources.length != 0) {
|
||||||
|
$('<hr>').appendTo(body);
|
||||||
|
$('<span>').addClass("card-text text-muted mr-3").text("Resources:").appendTo(body);
|
||||||
|
|
||||||
|
var resources = lang.resources;
|
||||||
|
for (var i = 0; i < resources.length; i++) {
|
||||||
|
var cur = resources[i];
|
||||||
|
var resourceID = cur.resourceID;
|
||||||
|
$("<a>").attr({
|
||||||
|
"id": "resource-" + resourceID,
|
||||||
|
"class": "card-link",
|
||||||
|
"href": "#",
|
||||||
|
"data-resourceID": resourceID,
|
||||||
|
"onclick": "handleResourceClicked(event, " + resourceID + ")"
|
||||||
|
}).text(cur.resourceName).appendTo(body);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
buildCard("lang", lang.langID, lang.langName, lang.languages, lang.langDescription, body);
|
||||||
|
}
|
||||||
|
|
||||||
|
function showLang(langID) {
|
||||||
|
deselectNav();
|
||||||
|
$("#mainList").empty();
|
||||||
|
|
||||||
|
$("<div>").attr("id", "lang-" + langID).appendTo($("#mainList"));
|
||||||
|
$.ajax({
|
||||||
|
url: "lang.php?langID=" + langID,
|
||||||
|
type: "GET",
|
||||||
|
success: function (result) { addLang(result) },
|
||||||
|
error: function (result) { displayError(result) }
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function initEditLang(langID) {
|
||||||
|
$("#editLangID").val(langID);
|
||||||
|
$("#txtEditLangName").val($("#lang-" + langID + "-name").text());
|
||||||
|
$("#txtEditLangDesc").val($("#lang-" + langID + "-description").text());
|
||||||
|
|
||||||
|
buildLangSelect();
|
||||||
|
selectList = $("#lang-" + langID + "-card").data("langs");
|
||||||
|
|
||||||
|
$("#editLangModal").modal('show');
|
||||||
|
}
|
||||||
|
|
||||||
|
function saveLang() {
|
||||||
|
var changeName = $("#editLangNameChk").prop("checked");
|
||||||
|
var changeLang = $("#editLangLangsChk").prop("checked");
|
||||||
|
var changeDesc = $("#editLangDescChk").prop("checked");
|
||||||
|
|
||||||
|
if (!changeName && !changeDesc && !changeLang)
|
||||||
|
return;
|
||||||
|
|
||||||
|
var langID = $("#editLangID").val();
|
||||||
|
var langName = $("#txtEditLangName").val().trim();
|
||||||
|
var data = { langID: langID };
|
||||||
|
|
||||||
|
if (changeName && langName == "") {
|
||||||
|
displayError({responseText: "Name cannot be empty"});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (changeName && langName != "")
|
||||||
|
data['langName'] = langName;
|
||||||
|
if (changeDesc)
|
||||||
|
data['langDescription'] = $("#txtEditLangDesc").val();
|
||||||
|
|
||||||
|
if (changeName || changeDesc) {
|
||||||
|
$.ajax({
|
||||||
|
url: "lang.php",
|
||||||
|
type: "PUT",
|
||||||
|
data: data,
|
||||||
|
success: function () { successAlert("Successfully saved language: " + langName, "lang") },
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (changeLang) {
|
||||||
|
var curLangsList = $("#lang-" + langID + "-card").data("langs");
|
||||||
|
var newLangsList = $("#selectEditLangLangs").val().map(function (item) {
|
||||||
|
return parseInt(item, 10);
|
||||||
|
});
|
||||||
|
|
||||||
|
var langsToAdd = inANotInB(newLangsList, curLangsList);
|
||||||
|
manageAssocLang("lang", "PUT", langID, langsToAdd);
|
||||||
|
|
||||||
|
var langsToDelete = inANotInB(curLangsList, newLangsList);
|
||||||
|
manageAssocLang("lang", "DELETE", langID, langsToDelete);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleLangClicked(evt, langID) {
|
||||||
|
// TODO: show related snippets and resources
|
||||||
|
evt.preventDefault();
|
||||||
|
showLang(langID);
|
||||||
|
}
|
||||||
430
js/main.js
430
js/main.js
|
|
@ -3,38 +3,14 @@ var selectList = [];
|
||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
loadLangs();
|
loadLangs();
|
||||||
|
|
||||||
$("#langLink").click(function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
loadLangs();
|
|
||||||
});
|
|
||||||
$("#snippetLink").click(function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
loadSnippets();
|
|
||||||
});
|
|
||||||
$("#resourceLink").click(function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
loadResources();
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#addModal").on("show.bs.modal", function (e) {
|
$("#addModal").on("show.bs.modal", function (e) {
|
||||||
$("#addLangTab").tab("show");
|
$("#addLangTab").tab("show");
|
||||||
$(".addField").val("");
|
$(".addField").val("");
|
||||||
buildLangSelect();
|
buildLangSelect();
|
||||||
});
|
}).on("shown.bs.modal", function (e) { $("#txtLangName").focus(); });
|
||||||
$("#editLangModal").on("shown.bs.modal", function (e) { $(".langSelect").val(selectList); });
|
|
||||||
$("#editSnippetModal").on("shown.bs.modal", function (e) { $(".langSelect").val(selectList); });
|
|
||||||
$("#editResourceModal").on("shown.bs.modal", function (e) { $(".langSelect").val(selectList); });
|
|
||||||
$("#addModal").on("shown.bs.modal", function (e) { $("#txtLangName").focus(); });
|
|
||||||
$("#addLangTab").on("shown.bs.tab", function (e) { $("#txtLangName").focus(); });
|
|
||||||
$("#addSnippetTab").on("shown.bs.tab", function (e) { $("#txtSnippetName").focus(); });
|
|
||||||
$("#addResourceTab").on("shown.bs.tab", function (e) { $("#txtResourceName").focus(); });
|
|
||||||
|
|
||||||
$("#btnAddItem").click(addNewItem);
|
$("#btnAddItem").click(addNewItem);
|
||||||
$("#btnSaveLang").click(saveLang);
|
|
||||||
$("#btnSaveSnippet").click(saveSnippet);
|
|
||||||
$("#btnSaveResource").click(saveResource);
|
|
||||||
$(".clearLangSelect").click(function () { $(".langSelect").val([]); });
|
$(".clearLangSelect").click(function () { $(".langSelect").val([]); });
|
||||||
|
|
||||||
$(".editChk").change(checkBoxChange);
|
$(".editChk").change(checkBoxChange);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
@ -125,51 +101,6 @@ function addNewItem() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function addLangLangs(langID, langName, langIDList) {
|
|
||||||
if (langIDList != null) {
|
|
||||||
for (var i = 0; i < langIDList.length; i++) {
|
|
||||||
$.ajax({
|
|
||||||
url: "lang.php",
|
|
||||||
type: "PUT",
|
|
||||||
data: {langID: langID, associatedLang: langIDList[i]},
|
|
||||||
error: displayError
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
successAlert("Successfully Added language: " + langName, "lang");
|
|
||||||
}
|
|
||||||
|
|
||||||
function addSnippetLangs(snippetID, snippetName, langIDList) {
|
|
||||||
if (langIDList != null) {
|
|
||||||
for (var i = 0; i < langIDList.length; i++) {
|
|
||||||
$.ajax({
|
|
||||||
url: "snippet.php",
|
|
||||||
type: "PUT",
|
|
||||||
data: {snippetID: snippetID, langID: langIDList[i]},
|
|
||||||
error: displayError
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
successAlert("Successfully Added snippet: " + snippetName, "snippet");
|
|
||||||
}
|
|
||||||
|
|
||||||
function addResourceLangs(resourceID, resourceName, langIDList) {
|
|
||||||
if (langIDList != null) {
|
|
||||||
for (var i = 0; i < langIDList.length; i++) {
|
|
||||||
$.ajax({
|
|
||||||
url: "resource.php",
|
|
||||||
type: "PUT",
|
|
||||||
data: {resourceID: resourceID, langID: langIDList[i]},
|
|
||||||
error: displayError
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
successAlert("Successfully Added resource: " + resourceName, "resource");
|
|
||||||
}
|
|
||||||
|
|
||||||
function successAlert(text, type) {
|
function successAlert(text, type) {
|
||||||
var alert = $("#successAlert");
|
var alert = $("#successAlert");
|
||||||
|
|
||||||
|
|
@ -189,173 +120,6 @@ function successAlert(text, type) {
|
||||||
$(".modal").modal('hide');
|
$(".modal").modal('hide');
|
||||||
}
|
}
|
||||||
|
|
||||||
function loadResources() {
|
|
||||||
$("#langLink").removeClass("active");
|
|
||||||
$("#snippetLink").removeClass("active");
|
|
||||||
$("#resourceLink").addClass("active");
|
|
||||||
$("#mainList").empty();
|
|
||||||
|
|
||||||
$.ajax({
|
|
||||||
url: "resource.php",
|
|
||||||
type: "GET",
|
|
||||||
success: addResourceList,
|
|
||||||
error: displayError
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function addResourceList(resourceList) {
|
|
||||||
for (let resource of resourceList) {
|
|
||||||
addResource(resource);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function addResource(resource) {
|
|
||||||
var link = $('<a>').attr({
|
|
||||||
"id": "resource-" + resource.resourceID + "-link",
|
|
||||||
"href": resource.resourceLink,
|
|
||||||
"target": "_blank"
|
|
||||||
}).text(resource.resourceLink);
|
|
||||||
$("<div>").attr("id", "resource-" + resource.resourceID).appendTo($("#mainList"));
|
|
||||||
buildCard("resource", resource.resourceID, resource.resourceName, resource.languages, resource.resourceDescription, link);
|
|
||||||
}
|
|
||||||
|
|
||||||
function showResource(resourceID) {
|
|
||||||
deselectNav();
|
|
||||||
$("#mainList").empty();
|
|
||||||
|
|
||||||
$("<div>").attr("id", "resource-" + resourceID).appendTo($("#mainList"));
|
|
||||||
$.ajax({
|
|
||||||
url: "resource.php?resourceID=" + resourceID,
|
|
||||||
type: "GET",
|
|
||||||
success: function (result) { addResource(result); },
|
|
||||||
error: function (result) { displayError(result); }
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function loadSnippets() {
|
|
||||||
$("#langLink").removeClass("active");
|
|
||||||
$("#snippetLink").addClass("active");
|
|
||||||
$("#resourceLink").removeClass("active");
|
|
||||||
$("#mainList").empty();
|
|
||||||
|
|
||||||
$.ajax({
|
|
||||||
url: "snippet.php",
|
|
||||||
type: "GET",
|
|
||||||
success: function (result) { addSnippets(result) },
|
|
||||||
error: function (result) { displayError(result) }
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function addSnippets(snippetList) {
|
|
||||||
var mainList = $("#mainList");
|
|
||||||
for (let snippet of snippetList) {
|
|
||||||
addSnippet(snippet);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function addSnippet(snippet) {
|
|
||||||
$("<div>").attr({ "id": "snippet-" + snippet.snippetID }).appendTo(mainList);
|
|
||||||
var code = $('<pre><code>').attr("id", "snippet-" + snippet.snippetID + "-body").text(snippet.snippet);
|
|
||||||
buildCard("snippet", snippet.snippetID, snippet.snippetName, snippet.languages, snippet.snippetDescription, code);
|
|
||||||
}
|
|
||||||
|
|
||||||
function showSnippet(snippetID) {
|
|
||||||
deselectNav();
|
|
||||||
$("#mainList").empty();
|
|
||||||
$("<div>").attr("id", "snippet-" + snippetID).appendTo($("#mainList"));
|
|
||||||
|
|
||||||
$.ajax({
|
|
||||||
url: "snippet.php?snippetID=" + snippetID,
|
|
||||||
type: "GET",
|
|
||||||
success: function (result) { addSnippet(result); },
|
|
||||||
error: function (result) { displayError(result); }
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function showLang(langID) {
|
|
||||||
deselectNav();
|
|
||||||
$("#mainList").empty();
|
|
||||||
|
|
||||||
$("<div>").attr("id", "lang-" + langID).appendTo($("#mainList"));
|
|
||||||
$.ajax({
|
|
||||||
url: "lang.php?langID=" + langID,
|
|
||||||
type: "GET",
|
|
||||||
success: function (result) { addLang(result) },
|
|
||||||
error: function (result) { displayError(result) }
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function loadLangs() {
|
|
||||||
$("#langLink").addClass("active");
|
|
||||||
$("#snippetLink").removeClass("active");
|
|
||||||
$("#resourceLink").removeClass("active");
|
|
||||||
$("#mainList").empty();
|
|
||||||
|
|
||||||
$.ajax({
|
|
||||||
url: "lang.php",
|
|
||||||
type: "GET",
|
|
||||||
success: function (result) { addLangs(result) },
|
|
||||||
error: function (result) { displayError(result) }
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function addLangs(langList) {
|
|
||||||
var mainList = $("#mainList");
|
|
||||||
for (var i = 0; i < langList.length; i++) {
|
|
||||||
$("<div>").attr({ "id": "lang-" + langList[i].langID }).appendTo(mainList);
|
|
||||||
$.ajax({
|
|
||||||
url: "lang.php?langID=" + langList[i].langID,
|
|
||||||
type: "GET",
|
|
||||||
success: function (result) { addLang(result) },
|
|
||||||
error: function (result) { displayError(result) }
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function addLang(lang) {
|
|
||||||
var body = $('<div>');
|
|
||||||
|
|
||||||
// build list of snippet links
|
|
||||||
if (lang.snippets.length != 0) {
|
|
||||||
$('<hr>').appendTo(body);
|
|
||||||
$('<span>').addClass("card-text text-muted mr-3").text("Snippets:").appendTo(body);
|
|
||||||
|
|
||||||
var snippets = lang.snippets;
|
|
||||||
for (var i = 0; i < snippets.length; i++) {
|
|
||||||
var cur = snippets[i];
|
|
||||||
var snippetID = cur.snippetID;
|
|
||||||
$("<a>").attr({
|
|
||||||
"id": "snippet-" + snippetID,
|
|
||||||
"class": "card-link",
|
|
||||||
"href": "#",
|
|
||||||
"data-snippetID": snippetID,
|
|
||||||
"onClick": "handleSnippetClicked(event, " + snippetID + ")"
|
|
||||||
}).text(cur.snippetName).appendTo(body);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//build list of resource links
|
|
||||||
if (lang.resources.length != 0) {
|
|
||||||
$('<hr>').appendTo(body);
|
|
||||||
$('<span>').addClass("card-text text-muted mr-3").text("Resources:").appendTo(body);
|
|
||||||
|
|
||||||
var resources = lang.resources;
|
|
||||||
for (var i = 0; i < resources.length; i++) {
|
|
||||||
var cur = resources[i];
|
|
||||||
var resourceID = cur.resourceID;
|
|
||||||
$("<a>").attr({
|
|
||||||
"id": "resource-" + resourceID,
|
|
||||||
"class": "card-link",
|
|
||||||
"href": "#",
|
|
||||||
"data-resourceID": resourceID,
|
|
||||||
"onclick": "handleResourceClicked(event, " + resourceID + ")"
|
|
||||||
}).text(cur.resourceName).appendTo(body);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
buildCard("lang", lang.langID, lang.langName, lang.languages, lang.langDescription, body);
|
|
||||||
}
|
|
||||||
|
|
||||||
function buildCard(type, id, name, languageList, DescriptionText, body) {
|
function buildCard(type, id, name, languageList, DescriptionText, body) {
|
||||||
var card = $('<div>').addClass("card mb-3").attr("id", type + "-" + id + "-card");
|
var card = $('<div>').addClass("card mb-3").attr("id", type + "-" + id + "-card");
|
||||||
var header = $('<div>').addClass("card-header").appendTo(card);
|
var header = $('<div>').addClass("card-header").appendTo(card);
|
||||||
|
|
@ -418,182 +182,6 @@ function editClicked() {
|
||||||
initEditResource(id);
|
initEditResource(id);
|
||||||
}
|
}
|
||||||
|
|
||||||
function initEditLang(langID) {
|
|
||||||
$("#editLangID").val(langID);
|
|
||||||
$("#txtEditLangName").val($("#lang-" + langID + "-name").text());
|
|
||||||
$("#txtEditLangDesc").val($("#lang-" + langID + "-description").text());
|
|
||||||
|
|
||||||
buildLangSelect();
|
|
||||||
selectList = $("#lang-" + langID + "-card").data("langs");
|
|
||||||
|
|
||||||
$("#editLangModal").modal('show');
|
|
||||||
}
|
|
||||||
|
|
||||||
function initEditSnippet(snippetID) {
|
|
||||||
$("#editSnippetID").val(snippetID);
|
|
||||||
$("#txtEditSnippetName").val($("#snippet-" + snippetID + "-name").text());
|
|
||||||
$("#txtEditSnippetDesc").val($("#snippet-" + snippetID + "-description").text());
|
|
||||||
$("#txtEditSnippetBody").val($("#snippet-" + snippetID + "-body").text());
|
|
||||||
|
|
||||||
buildLangSelect();
|
|
||||||
selectList = $("#snippet-" + snippetID + "-card").data("langs");
|
|
||||||
|
|
||||||
$("#editSnippetModal").modal('show');
|
|
||||||
}
|
|
||||||
|
|
||||||
function initEditResource(resourceID) {
|
|
||||||
$("#editResourceID").val(resourceID);
|
|
||||||
$("#txtEditResourceName").val($("#resource-" + resourceID + "-name").text());
|
|
||||||
$("#txtEditResourceDesc").val($("#resource-" + resourceID + "-description").text());
|
|
||||||
$("#txtEditResourceLink").val($("#resource-" + resourceID + "-link").text());
|
|
||||||
|
|
||||||
buildLangSelect();
|
|
||||||
selectList = $("#resource-" + resourceID + "-card").data("langs");
|
|
||||||
|
|
||||||
$("#editResourceModal").modal('show');
|
|
||||||
}
|
|
||||||
|
|
||||||
function saveLang() {
|
|
||||||
var changeName = $("#editLangNameChk").prop("checked");
|
|
||||||
var changeLang = $("#editLangLangsChk").prop("checked");
|
|
||||||
var changeDesc = $("#editLangDescChk").prop("checked");
|
|
||||||
|
|
||||||
if (!changeName && !changeDesc && !changeLang)
|
|
||||||
return;
|
|
||||||
|
|
||||||
var langID = $("#editLangID").val();
|
|
||||||
var langName = $("#txtEditLangName").val().trim();
|
|
||||||
var data = { langID: langID };
|
|
||||||
|
|
||||||
if (changeName && langName == "") {
|
|
||||||
displayError({responseText: "Name cannot be empty"});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (changeName && langName != "")
|
|
||||||
data['langName'] = langName;
|
|
||||||
if (changeDesc)
|
|
||||||
data['langDescription'] = $("#txtEditLangDesc").val();
|
|
||||||
|
|
||||||
if (changeName || changeDesc) {
|
|
||||||
$.ajax({
|
|
||||||
url: "lang.php",
|
|
||||||
type: "PUT",
|
|
||||||
data: data,
|
|
||||||
success: function () { successAlert("Successfully saved language: " + langName, "lang") },
|
|
||||||
error: displayError
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
if (changeLang) {
|
|
||||||
var curLangsList = $("#lang-" + langID + "-card").data("langs");
|
|
||||||
var newLangsList = $("#selectEditLangLangs").val().map(function (item) {
|
|
||||||
return parseInt(item, 10);
|
|
||||||
});
|
|
||||||
|
|
||||||
var langsToAdd = inANotInB(newLangsList, curLangsList);
|
|
||||||
manageAssocLang("lang", "PUT", langID, langsToAdd);
|
|
||||||
|
|
||||||
var langsToDelete = inANotInB(curLangsList, newLangsList);
|
|
||||||
manageAssocLang("lang", "DELETE", langID, langsToDelete);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function saveSnippet() {
|
|
||||||
var changeName = $("#editSnippetNameChk").prop("checked");
|
|
||||||
var changeLang = $("#editSnippetLangsChk").prop("checked");
|
|
||||||
var changeDesc = $("#editSnippetDescChk").prop("checked");
|
|
||||||
var changeBody = $("#editSnippetBodyChk").prop("checked");
|
|
||||||
|
|
||||||
if (!changeName && !changeLang && !changeDesc && !changeBody)
|
|
||||||
return;
|
|
||||||
|
|
||||||
var snippetID = $("#editSnippetID").val();
|
|
||||||
var snippetName = $("#txtEditSnippetName").val().trim();
|
|
||||||
var data = { snippetID: snippetID };
|
|
||||||
|
|
||||||
if (changeName && snippetName == "") {
|
|
||||||
displayError({responseText: "Name cannot be empty"});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (changeName)
|
|
||||||
data['snippetName'] = snippetName;
|
|
||||||
if (changeDesc)
|
|
||||||
data['snippetDescription'] = $("#txtEditSnippetDesc").val().trim();
|
|
||||||
if (changeBody)
|
|
||||||
data['snippet'] = $("#txtEditSnippetBody").val().trim();
|
|
||||||
|
|
||||||
$.ajax({
|
|
||||||
url: "snippet.php",
|
|
||||||
type: "PUT",
|
|
||||||
data: data,
|
|
||||||
success: function () { successAlert("Successfully saved snippet: " + snippetName, "snippet"); },
|
|
||||||
error: displayError
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
if (changeLang) {
|
|
||||||
var curLangsList = $("#snippet-" + snippetID + "-card").data("langs");
|
|
||||||
var newLangsList = $("#selectEditSnippetLangs").val().map(function (item) {
|
|
||||||
return parseInt(item, 10);
|
|
||||||
});
|
|
||||||
|
|
||||||
var langsToAdd = inANotInB(newLangsList, curLangsList);
|
|
||||||
manageAssocLang("snippet", "PUT", snippetID, langsToAdd);
|
|
||||||
|
|
||||||
var langsToDelete = inANotInB(curLangsList, newLangsList);
|
|
||||||
manageAssocLang("snippet", "DELETE", snippetID, langsToDelete);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function saveResource() {
|
|
||||||
var changeName = $("#editResourceNameChk").prop("checked");
|
|
||||||
var changeLang = $("#editResourceLangsChk").prop("checked");
|
|
||||||
var changeDesc = $("#editResourceDescChk").prop("checked");
|
|
||||||
var changeLink = $("#editResourceLinkChk").prop("checked");
|
|
||||||
|
|
||||||
if (!changeName && !changeLang && !changeDesc && !changeLink)
|
|
||||||
return;
|
|
||||||
|
|
||||||
var resourceID = $("#editResourceID").val();
|
|
||||||
var resourceName = $("#txtEditResourceName").val().trim();
|
|
||||||
var data = { resourceID: resourceID };
|
|
||||||
|
|
||||||
if (changeName && resourceName == "") {
|
|
||||||
displayError({responseText: "Name cannot be empty"});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (changeName)
|
|
||||||
data['resourceName'] = resourceName;
|
|
||||||
if (changeDesc)
|
|
||||||
data['resourceDescription'] = $("#txtEditResourceDesc").val().trim();
|
|
||||||
if (changeLink)
|
|
||||||
data['resourceLink'] = $("#txtEditResourceLink").val().trim();
|
|
||||||
|
|
||||||
$.ajax({
|
|
||||||
url: "resource.php",
|
|
||||||
type: "PUT",
|
|
||||||
data: data,
|
|
||||||
success: function () { successAlert("Successfully saved resource: " + resourceName, "resource"); },
|
|
||||||
error: displayError
|
|
||||||
});
|
|
||||||
|
|
||||||
if (changeLang) {
|
|
||||||
var curLangsList = $("#resource-" + resourceID + "-card").data("langs");
|
|
||||||
var newLangsList = $("#selectEditResourceLangs").val().map(function (item) {
|
|
||||||
return parseInt(item, 10);
|
|
||||||
});
|
|
||||||
|
|
||||||
var langsToAdd = inANotInB(newLangsList, curLangsList);
|
|
||||||
manageAssocLang("resource", "PUT", resourceID, langsToAdd);
|
|
||||||
|
|
||||||
var langsToDelete = inANotInB(curLangsList, newLangsList);
|
|
||||||
manageAssocLang("resource", "DELETE", resourceID, langsToDelete);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function manageAssocLang(type, action, id, langList) {
|
function manageAssocLang(type, action, id, langList) {
|
||||||
for (let item of langList) {
|
for (let item of langList) {
|
||||||
var data = { langID: item };
|
var data = { langID: item };
|
||||||
|
|
@ -629,22 +217,6 @@ function deleteItem(type, id) {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleSnippetClicked(evt, snippetID) {
|
|
||||||
evt.preventDefault();
|
|
||||||
showSnippet(snippetID);
|
|
||||||
}
|
|
||||||
|
|
||||||
function handleResourceClicked(evt, resourceID) {
|
|
||||||
evt.preventDefault();
|
|
||||||
showResource(resourceID);
|
|
||||||
}
|
|
||||||
|
|
||||||
function handleLangClicked(evt, langID) {
|
|
||||||
// TODO: show related snippets and resources
|
|
||||||
evt.preventDefault();
|
|
||||||
showLang(langID);
|
|
||||||
}
|
|
||||||
|
|
||||||
function deselectNav() {
|
function deselectNav() {
|
||||||
$("#langLink").removeClass("active");
|
$("#langLink").removeClass("active");
|
||||||
$("#snippetLink").removeClass("active");
|
$("#snippetLink").removeClass("active");
|
||||||
|
|
|
||||||
138
js/resource.js
Normal file
138
js/resource.js
Normal file
|
|
@ -0,0 +1,138 @@
|
||||||
|
$(document).ready(function () {
|
||||||
|
$("#resourceLink").click(function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
loadResources();
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#editResourceModal").on("shown.bs.modal", function (e) {
|
||||||
|
$(".langSelect").val(selectList);
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#addResourceTab").on("shown.bs.tab", function (e) {
|
||||||
|
$("#txtResourceName").focus();
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#btnSaveResource").click(saveResource);
|
||||||
|
});
|
||||||
|
|
||||||
|
function addResourceLangs(resourceID, resourceName, langIDList) {
|
||||||
|
if (langIDList != null) {
|
||||||
|
for (var i = 0; i < langIDList.length; i++) {
|
||||||
|
$.ajax({
|
||||||
|
url: "resource.php",
|
||||||
|
type: "PUT",
|
||||||
|
data: {resourceID: resourceID, langID: langIDList[i]},
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
successAlert("Successfully Added resource: " + resourceName, "resource");
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadResources() {
|
||||||
|
$("#langLink").removeClass("active");
|
||||||
|
$("#snippetLink").removeClass("active");
|
||||||
|
$("#resourceLink").addClass("active");
|
||||||
|
$("#mainList").empty();
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: "resource.php",
|
||||||
|
type: "GET",
|
||||||
|
success: addResourceList,
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function addResourceList(resourceList) {
|
||||||
|
for (let resource of resourceList) {
|
||||||
|
addResource(resource);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function addResource(resource) {
|
||||||
|
var link = $('<a>').attr({
|
||||||
|
"id": "resource-" + resource.resourceID + "-link",
|
||||||
|
"href": resource.resourceLink,
|
||||||
|
"target": "_blank"
|
||||||
|
}).text(resource.resourceLink);
|
||||||
|
$("<div>").attr("id", "resource-" + resource.resourceID).appendTo($("#mainList"));
|
||||||
|
buildCard("resource", resource.resourceID, resource.resourceName, resource.languages, resource.resourceDescription, link);
|
||||||
|
}
|
||||||
|
|
||||||
|
function showResource(resourceID) {
|
||||||
|
deselectNav();
|
||||||
|
$("#mainList").empty();
|
||||||
|
|
||||||
|
$("<div>").attr("id", "resource-" + resourceID).appendTo($("#mainList"));
|
||||||
|
$.ajax({
|
||||||
|
url: "resource.php?resourceID=" + resourceID,
|
||||||
|
type: "GET",
|
||||||
|
success: function (result) { addResource(result); },
|
||||||
|
error: function (result) { displayError(result); }
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function initEditResource(resourceID) {
|
||||||
|
$("#editResourceID").val(resourceID);
|
||||||
|
$("#txtEditResourceName").val($("#resource-" + resourceID + "-name").text());
|
||||||
|
$("#txtEditResourceDesc").val($("#resource-" + resourceID + "-description").text());
|
||||||
|
$("#txtEditResourceLink").val($("#resource-" + resourceID + "-link").text());
|
||||||
|
|
||||||
|
buildLangSelect();
|
||||||
|
selectList = $("#resource-" + resourceID + "-card").data("langs");
|
||||||
|
|
||||||
|
$("#editResourceModal").modal('show');
|
||||||
|
}
|
||||||
|
|
||||||
|
function saveResource() {
|
||||||
|
var changeName = $("#editResourceNameChk").prop("checked");
|
||||||
|
var changeLang = $("#editResourceLangsChk").prop("checked");
|
||||||
|
var changeDesc = $("#editResourceDescChk").prop("checked");
|
||||||
|
var changeLink = $("#editResourceLinkChk").prop("checked");
|
||||||
|
|
||||||
|
if (!changeName && !changeLang && !changeDesc && !changeLink)
|
||||||
|
return;
|
||||||
|
|
||||||
|
var resourceID = $("#editResourceID").val();
|
||||||
|
var resourceName = $("#txtEditResourceName").val().trim();
|
||||||
|
var data = { resourceID: resourceID };
|
||||||
|
|
||||||
|
if (changeName && resourceName == "") {
|
||||||
|
displayError({responseText: "Name cannot be empty"});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (changeName)
|
||||||
|
data['resourceName'] = resourceName;
|
||||||
|
if (changeDesc)
|
||||||
|
data['resourceDescription'] = $("#txtEditResourceDesc").val().trim();
|
||||||
|
if (changeLink)
|
||||||
|
data['resourceLink'] = $("#txtEditResourceLink").val().trim();
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: "resource.php",
|
||||||
|
type: "PUT",
|
||||||
|
data: data,
|
||||||
|
success: function () { successAlert("Successfully saved resource: " + resourceName, "resource"); },
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
|
||||||
|
if (changeLang) {
|
||||||
|
var curLangsList = $("#resource-" + resourceID + "-card").data("langs");
|
||||||
|
var newLangsList = $("#selectEditResourceLangs").val().map(function (item) {
|
||||||
|
return parseInt(item, 10);
|
||||||
|
});
|
||||||
|
|
||||||
|
var langsToAdd = inANotInB(newLangsList, curLangsList);
|
||||||
|
manageAssocLang("resource", "PUT", resourceID, langsToAdd);
|
||||||
|
|
||||||
|
var langsToDelete = inANotInB(curLangsList, newLangsList);
|
||||||
|
manageAssocLang("resource", "DELETE", resourceID, langsToDelete);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleResourceClicked(evt, resourceID) {
|
||||||
|
evt.preventDefault();
|
||||||
|
showResource(resourceID);
|
||||||
|
}
|
||||||
136
js/snippet.js
Normal file
136
js/snippet.js
Normal file
|
|
@ -0,0 +1,136 @@
|
||||||
|
$(document).ready(function () {
|
||||||
|
$("#snippetLink").click(function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
loadSnippets();
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#editSnippetModal").on("shown.bs.modal", function (e) {
|
||||||
|
$(".langSelect").val(selectList);
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#addSnippetTab").on("shown.bs.tab", function (e) {
|
||||||
|
$("#txtSnippetName").focus();
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#btnSaveSnippet").click(saveSnippet);
|
||||||
|
});
|
||||||
|
|
||||||
|
function addSnippetLangs(snippetID, snippetName, langIDList) {
|
||||||
|
if (langIDList != null) {
|
||||||
|
for (var i = 0; i < langIDList.length; i++) {
|
||||||
|
$.ajax({
|
||||||
|
url: "snippet.php",
|
||||||
|
type: "PUT",
|
||||||
|
data: {snippetID: snippetID, langID: langIDList[i]},
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
successAlert("Successfully Added snippet: " + snippetName, "snippet");
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadSnippets() {
|
||||||
|
$("#langLink").removeClass("active");
|
||||||
|
$("#snippetLink").addClass("active");
|
||||||
|
$("#resourceLink").removeClass("active");
|
||||||
|
$("#mainList").empty();
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: "snippet.php",
|
||||||
|
type: "GET",
|
||||||
|
success: function (result) { addSnippets(result) },
|
||||||
|
error: function (result) { displayError(result) }
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function addSnippets(snippetList) {
|
||||||
|
var mainList = $("#mainList");
|
||||||
|
for (let snippet of snippetList) {
|
||||||
|
addSnippet(snippet);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function addSnippet(snippet) {
|
||||||
|
$("<div>").attr({ "id": "snippet-" + snippet.snippetID }).appendTo(mainList);
|
||||||
|
var code = $('<pre><code>').attr("id", "snippet-" + snippet.snippetID + "-body").text(snippet.snippet);
|
||||||
|
buildCard("snippet", snippet.snippetID, snippet.snippetName, snippet.languages, snippet.snippetDescription, code);
|
||||||
|
}
|
||||||
|
|
||||||
|
function showSnippet(snippetID) {
|
||||||
|
deselectNav();
|
||||||
|
$("#mainList").empty();
|
||||||
|
$("<div>").attr("id", "snippet-" + snippetID).appendTo($("#mainList"));
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: "snippet.php?snippetID=" + snippetID,
|
||||||
|
type: "GET",
|
||||||
|
success: function (result) { addSnippet(result); },
|
||||||
|
error: function (result) { displayError(result); }
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function initEditSnippet(snippetID) {
|
||||||
|
$("#editSnippetID").val(snippetID);
|
||||||
|
$("#txtEditSnippetName").val($("#snippet-" + snippetID + "-name").text());
|
||||||
|
$("#txtEditSnippetDesc").val($("#snippet-" + snippetID + "-description").text());
|
||||||
|
$("#txtEditSnippetBody").val($("#snippet-" + snippetID + "-body").text());
|
||||||
|
|
||||||
|
buildLangSelect();
|
||||||
|
selectList = $("#snippet-" + snippetID + "-card").data("langs");
|
||||||
|
|
||||||
|
$("#editSnippetModal").modal('show');
|
||||||
|
}
|
||||||
|
|
||||||
|
function saveSnippet() {
|
||||||
|
var changeName = $("#editSnippetNameChk").prop("checked");
|
||||||
|
var changeLang = $("#editSnippetLangsChk").prop("checked");
|
||||||
|
var changeDesc = $("#editSnippetDescChk").prop("checked");
|
||||||
|
var changeBody = $("#editSnippetBodyChk").prop("checked");
|
||||||
|
|
||||||
|
if (!changeName && !changeLang && !changeDesc && !changeBody)
|
||||||
|
return;
|
||||||
|
|
||||||
|
var snippetID = $("#editSnippetID").val();
|
||||||
|
var snippetName = $("#txtEditSnippetName").val().trim();
|
||||||
|
var data = { snippetID: snippetID };
|
||||||
|
|
||||||
|
if (changeName && snippetName == "") {
|
||||||
|
displayError({responseText: "Name cannot be empty"});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (changeName)
|
||||||
|
data['snippetName'] = snippetName;
|
||||||
|
if (changeDesc)
|
||||||
|
data['snippetDescription'] = $("#txtEditSnippetDesc").val().trim();
|
||||||
|
if (changeBody)
|
||||||
|
data['snippet'] = $("#txtEditSnippetBody").val().trim();
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
url: "snippet.php",
|
||||||
|
type: "PUT",
|
||||||
|
data: data,
|
||||||
|
success: function () { successAlert("Successfully saved snippet: " + snippetName, "snippet"); },
|
||||||
|
error: displayError
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
if (changeLang) {
|
||||||
|
var curLangsList = $("#snippet-" + snippetID + "-card").data("langs");
|
||||||
|
var newLangsList = $("#selectEditSnippetLangs").val().map(function (item) {
|
||||||
|
return parseInt(item, 10);
|
||||||
|
});
|
||||||
|
|
||||||
|
var langsToAdd = inANotInB(newLangsList, curLangsList);
|
||||||
|
manageAssocLang("snippet", "PUT", snippetID, langsToAdd);
|
||||||
|
|
||||||
|
var langsToDelete = inANotInB(curLangsList, newLangsList);
|
||||||
|
manageAssocLang("snippet", "DELETE", snippetID, langsToDelete);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleSnippetClicked(evt, snippetID) {
|
||||||
|
evt.preventDefault();
|
||||||
|
showSnippet(snippetID);
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue