2017-11-08 04:00:42 +00:00
|
|
|
$(document).ready(function () {
|
|
|
|
calcBackground();
|
|
|
|
loadBookmarks();
|
|
|
|
|
|
|
|
$("#importExportModal").on("shown.bs.modal", function () {
|
|
|
|
var data = getListString();
|
|
|
|
if (data != null)
|
|
|
|
$("#exportText").text(data);
|
|
|
|
else
|
|
|
|
$("#exportText").text("[]");
|
|
|
|
});
|
|
|
|
|
|
|
|
$("#newBookmarkModal").on("shown.bs.modal", function () {
|
|
|
|
var combo = $("#newBookmarkGroup");
|
|
|
|
var data = getList();
|
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
|
combo.append($("<option></option>").attr({ "value": i }).text(data[i].title));
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2017-11-29 05:19:04 +00:00
|
|
|
// TODO: complete adding bookmarks
|
2017-11-08 04:00:42 +00:00
|
|
|
window.alert("Adding bookmarks is still incomplete");
|
|
|
|
$("#newBookmarkModal").modal("hide");
|
|
|
|
});
|
|
|
|
|
2017-11-29 05:19:04 +00:00
|
|
|
$("#btnEdit").click(function (e) { window.alert("Editing is currently not implemented"); });
|
|
|
|
|
2017-11-08 04:00:42 +00:00
|
|
|
$("#btnImport").click(importBookmarks);
|
|
|
|
$("#exportText").click(function () {
|
|
|
|
$("#exportText").select();
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
function importBookmarks() {
|
|
|
|
try {
|
|
|
|
var newData = $.parseJSON($("#importText").val());
|
|
|
|
} catch (err) {
|
|
|
|
console.error("Import failed: " + err.message);
|
|
|
|
window.alert("Failed to import");
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
setList(newData);
|
|
|
|
|
|
|
|
$(".bookmarkGroup").remove();
|
|
|
|
loadBookmarks();
|
|
|
|
$("#importExportModal").modal("hide");
|
|
|
|
}
|
|
|
|
|
|
|
|
function loadBookmarks() {
|
|
|
|
var groups = getList();
|
|
|
|
|
|
|
|
if (groups != null) {
|
|
|
|
for (var i = 0; i < groups.length; i++) {
|
|
|
|
var item = groups[i];
|
|
|
|
buildCard(item.title, item.bookmarks);
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
$("#aboutModal").modal("show");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function buildCard(title, itemList) {
|
|
|
|
var card = $(document.createElement("div"));
|
|
|
|
card.attr({ "id": "group-" + title, "class": "card bookmarkGroup" });
|
|
|
|
|
|
|
|
var cardHead = $(document.createElement("div"));
|
|
|
|
cardHead.attr({ "class": "card-header" });
|
|
|
|
cardHead.text(title);
|
|
|
|
card.append(cardHead);
|
|
|
|
|
|
|
|
var cardList = $(document.createElement("div"));
|
|
|
|
cardList.attr({ "class": "list-group list-group-flush" });
|
|
|
|
card.append(cardList);
|
|
|
|
|
|
|
|
for (var i = 0; i < itemList.length; i++) {
|
|
|
|
var item = itemList[i];
|
|
|
|
var link = $(document.createElement("a"));
|
|
|
|
link.attr({
|
|
|
|
"class": "list-group-item list-group-item-action",
|
|
|
|
"href": item.address
|
|
|
|
});
|
|
|
|
link.text(item.name);
|
|
|
|
|
|
|
|
cardList.append(link);
|
|
|
|
}
|
|
|
|
|
|
|
|
$("#cardList").append(card);
|
|
|
|
}
|
|
|
|
|
|
|
|
function selectGroupChanged(value) {
|
|
|
|
if (value == "-")
|
|
|
|
$("#createGroup").show();
|
|
|
|
else
|
|
|
|
$("#createGroup").hide();
|
|
|
|
}
|
|
|
|
|
|
|
|
function calcBackground() {
|
|
|
|
var now = new Date();
|
|
|
|
var hours = now.getHours();
|
|
|
|
var mins = now.getMinutes();
|
|
|
|
var total = (hours * 60) + mins;
|
|
|
|
|
|
|
|
// 24*60 = 1440
|
|
|
|
// 2:40 between each step
|
|
|
|
if (total > 300 && total < 460) // 5:00 - 7:40
|
|
|
|
setBackground(1, false);
|
|
|
|
else if (total > 460 && total < 620)
|
|
|
|
setBackground(2, false);
|
|
|
|
else if (total > 620 && total < 780)
|
|
|
|
setBackground(3, false);
|
|
|
|
else if (total > 780 && total < 940)
|
|
|
|
setBackground(4, false);
|
|
|
|
else if (total > 940 && total < 1100)
|
|
|
|
setBackground(5, false);
|
|
|
|
else if (total > 1100 && total < 1260)
|
|
|
|
setBackground(6, true);
|
|
|
|
else if (total > 1260 && total < 1420)
|
|
|
|
setBackground(7, true);
|
|
|
|
else
|
|
|
|
setBackground(8, true);
|
|
|
|
}
|
|
|
|
|
|
|
|
function setBackground(num, dark) {
|
|
|
|
$("body").css("background-image", "url(img/" + num + ".png)");
|
|
|
|
if (dark)
|
|
|
|
$(".btn-light").removeClass("btn-light").addClass("btn-dark");
|
|
|
|
else
|
|
|
|
$(".btn-dark").removeClass("btn-dark").addClass("btn-light");
|
|
|
|
}
|
|
|
|
|
|
|
|
function getList() {
|
|
|
|
return $.parseJSON(window.localStorage.getItem("bookmarks"));
|
|
|
|
}
|
|
|
|
|
|
|
|
function getListString() {
|
|
|
|
return window.localStorage.getItem("bookmarks");
|
|
|
|
}
|
|
|
|
|
|
|
|
function setList(list) {
|
|
|
|
if (typeof list == "string") {
|
|
|
|
window.localStorage.setItem("bookmarks", list);
|
|
|
|
} else {
|
|
|
|
var stringified = JSON.stringify(list, null, 4);
|
|
|
|
window.localStorage.setItem("bookmarks", stringified);
|
|
|
|
}
|
|
|
|
}
|