itdominator
/
Easy-Session-Manager
1
0
Fork 0
Code Issues 3 Pull Requests Projects Releases Wiki Activity

Split helper logic to utils.js and fixed minor edit logic bug.

This commit is contained in:
Maxim Stewart 2019-04-19 15:27:18 -05:00
parent 24eed48df9
commit 08c2f9f1d5
6 changed files with 170 additions and 165 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
README.md
View File

@ -4,8 +4,9 @@ Easy Session Manager allows you to manage your Firefox session by backing up or
# Download # Download
https://addons.mozilla.org/en-US/firefox/addon/easy-session-manager/ https://addons.mozilla.org/en-US/firefox/addon/easy-session-manager/
# Version: 0.2.0.2 # Version: 0.2.1.0
Changed edit logic: If name is different, Editing will change the session name unless new session is checked. Fixed edit logic when renaming session overwrites another session with the same name.
Split helper logic to utils.js.
# Images # Images
![1 Default interface with no sessions. ](images/pic1.png) ![1 Default interface with no sessions. ](images/pic1.png)

2
src/manifest.json
View File

@ -1,7 +1,7 @@
{ {
"manifest_version": 2, "manifest_version": 2,
"name": " Easy Session Manager", "name": " Easy Session Manager",
"version": "0.2.0.2", "version": "0.2.1.0",
"description": " Easy Session Manager allows you to manage your Firefox session by backing up or loading your saved sessions.", "description": " Easy Session Manager allows you to manage your Firefox session by backing up or loading your saved sessions.",
"applications": { "applications": {

1
src/pages/import.html
View File

@ -29,7 +29,6 @@ body, html {
</span> </span>
<script src="../scripts/sweetalert.js"></script> <script src="../scripts/sweetalert.js"></script>
<script src="../scripts/background.js"></script> <script src="../scripts/background.js"></script>
</body> </body>

1
src/pages/sessionManager.html
View File

@ -43,6 +43,7 @@
<a id="downloadAnchorElem" href="#"></a> <a id="downloadAnchorElem" href="#"></a>
<script src="../scripts/utils.js"></script>
<script src="../scripts/events.js"></script> <script src="../scripts/events.js"></script>
<script src="../scripts/sweetalert.js"></script> <script src="../scripts/sweetalert.js"></script>
<script src="../scripts/sessionManager.js"></script> <script src="../scripts/sessionManager.js"></script>

163
src/scripts/sessionManager.js
View File

@ -99,15 +99,7 @@ const editSession = (elm = null, message = "Editing selected session...\nAllowed
json = selectionData(container, keys, keysLength); json = selectionData(container, keys, keysLength);
if (checkedTag.checked) { // if creating from collection new session if (checkedTag.checked) { // if creating from collection new session
if (newName !== elm.innerText) { if (newName !== elm.innerText) {
let sessions = document.getElementById("savedSessions").querySelectorAll("li"); newName = checkSessionListForDuplicate(newName);
for (var i = 0; i < sessions.length; i++) {
if (sessions[i].innerText === newName) {
let min = 1;
let max = 200000;
var random = Math.floor(Math.random() * (+max - +min)) + +min;
newName += "-" + random + "-" + Math.floor(Math.random() * (+10 - +1)) + +1;
}
}
saveToStorage(newName, JSON.stringify(json), false); saveToStorage(newName, JSON.stringify(json), false);
} else { // enforce unique name } else { // enforce unique name
let min = 1; let min = 1;
@ -118,6 +110,7 @@ const editSession = (elm = null, message = "Editing selected session...\nAllowed
} }
} else { } else {
if (newName !== elm.innerText) { // if not creating new session and diff name rename if (newName !== elm.innerText) { // if not creating new session and diff name rename
newName = checkSessionListForDuplicate(newName);
storage.get(id).then((storageResults) => { storage.get(id).then((storageResults) => {
storage.remove(id); storage.remove(id);
saveToStorage(newName, JSON.stringify(json), true); saveToStorage(newName, JSON.stringify(json), true);
@ -142,55 +135,6 @@ const editSession = (elm = null, message = "Editing selected session...\nAllowed
}); });
} }
const saveToStorage = (name, data, fromEdit = false) => {
storage.get(name).then((storageResults) => {
let json = null;
try {
json = JSON.parse(storageResults[name]);
swal("Overwrote session...", {
icon: "warning",
});
} catch (e) {
if (fromEdit) { // minor logic fix
swal("Overwrote session...", {
icon: "warning",
});
} else {
appendToSavedSessionsList(name);
swal("Saved session...", {
icon: "success",
});
}
} finally {
storage.set({[name]: data});
}
});
}
const deleteFromStorage = (elm = null) => {
swal({
title: "Are you sure?",
text: "Do you wish to delete session:\n" + elm.innerText + "?",
icon: "warning",
buttons: true,
dangerMode: true,
}).then((willDelete) => {
if (willDelete) {
storage.remove(elm.innerText).then(() => {
elm.parentElement.removeChild(elm);
});
selectedItem = null; // reset selectedItem
swal("Deleted session successfully...", {
icon: "success",
});
} else {
swal("Canceled deletion...", {
icon: "warning",
});
}
});
}
const importSession = () => { const importSession = () => {
browser.tabs.create({ browser.tabs.create({
url: browser.extension.getURL("../pages/import.html"), url: browser.extension.getURL("../pages/import.html"),
@ -288,107 +232,4 @@ const loadSession = (json = null, replaceTabs = false) => {
} catch (e) { console.log(e); } } catch (e) { console.log(e); }
} }
const windowMaker = (i, keysLength, keys, json) => {
for (; i < keysLength; i++) {
let store = json[keys[i]];
let urls = [];
for (let j = 0; j < store.length; j++) {
urls.push(store[j].link);
}
windowSys.create({ url: urls });
}
}
const getSavedSessionIDs = () => {
console.log("Getting saved sessions...");
storage.get(null).then((storageResults) => {
let keys = Object.keys(storageResults);
for (let key of keys) {
appendToSavedSessionsList(key);
}
});
}
const appendToSavedSessionsList = (enteryName) => {
let liTag = document.createElement("LI");
let text = document.createTextNode(enteryName.trim());
liTag.setAttribute("name", enteryName.trim());
liTag.className = "sessionLI";
liTag.append(text);
document.getElementById("savedSessions").append(liTag);
}
getSavedSessionIDs(); getSavedSessionIDs();
/* Selection Process */
const selectionWindow = (json = "", keys = null, keysLength = 0) => {
let container = document.createElement("DIV");
let ulTemplate = document.querySelector('#ulTemplate');
let liTemplate = document.querySelector('#liTemplate');
for (let i = 0; i < keysLength; i++) {
let ulClone = document.importNode(ulTemplate.content, true);
let ulTag = ulClone.querySelector('.collection');
let selAll = ulClone.querySelector('input');
let h2Tag = ulClone.querySelector('.ulHeader');
let ulLblTag = ulClone.querySelector('label');
let h2Txt = document.createTextNode("Window: " + (i + 1));
let store = json[keys[i]];
let j = 0;
container.id = "editSelectionContainer";
selAll.id = "selectAllWin" + i;
ulLblTag.htmlFor = "selectAllWin" + i;
selAll.addEventListener("click", function (eve) {
toggleSelect(eve.target, "Win" + i);
});
h2Tag.appendChild(h2Txt);
store.forEach(tab => {
let liClone = document.importNode(liTemplate.content, true);
let inptTag = liClone.querySelector("input");
let lblTag = liClone.querySelector("label");
let labelTxt = document.createTextNode(tab.link);
inptTag.id = "Win" + i + "Li" + j;
lblTag.htmlFor = "Win" + i + "Li" + j;
lblTag.title = tab.link;
inptTag.setAttribute("name", "Win" + i); // Used for toggle select all
lblTag.appendChild(labelTxt);
ulTag.appendChild(liClone);
j++;
});
container.appendChild(ulClone);
}
return container;
}
const selectionData = (container = null, keys = null, keysLength = 0) => {
let sessionData = {};
let ulTags = container.querySelectorAll("ul");
for (let i = 0; i < keysLength; i++) {
let links = [];
for (var ii = 0; ii < ulTags[i].children.length; ii++) {
let li = ulTags[i].children[ii];
if (li.children[0].checked) {
links.push(
{"link" : li.children[1].innerText.trim()}
);
}
}
if (links.length > 0) {
sessionData[keys[i]] = links;
}
}
return sessionData;
}

163
src/scripts/utils.js Normal file
View File

@ -0,0 +1,163 @@
const getSavedSessionIDs = () => {
console.log("Getting saved sessions...");
storage.get(null).then((storageResults) => {
let keys = Object.keys(storageResults);
for (let key of keys) {
appendToSavedSessionsList(key);
}
});
}
const appendToSavedSessionsList = (enteryName) => {
let liTag = document.createElement("LI");
let text = document.createTextNode(enteryName.trim());
liTag.setAttribute("name", enteryName.trim());
liTag.className = "sessionLI";
liTag.append(text);
document.getElementById("savedSessions").append(liTag);
}
const checkSessionListForDuplicate = (newName) => {
let sessions = document.getElementById("savedSessions").querySelectorAll("li");
for (var i = 0; i < sessions.length; i++) {
if (sessions[i].innerText === newName) {
let min = 1;
let max = 200000;
var random = Math.floor(Math.random() * (+max - +min)) + +min;
newName += "-" + random + "-" + Math.floor(Math.random() * (+10 - +1)) + +1;
}
}
return newName;
}
const windowMaker = (i, keysLength, keys, json) => {
for (; i < keysLength; i++) {
let store = json[keys[i]];
let urls = [];
for (let j = 0; j < store.length; j++) {
urls.push(store[j].link);
}
windowSys.create({ url: urls });
}
}
const saveToStorage = (name, data, fromEdit = false) => {
storage.get(name).then((storageResults) => {
let json = null;
try {
json = JSON.parse(storageResults[name]);
swal("Overwrote session...", {
icon: "warning",
});
} catch (e) {
if (fromEdit) { // minor logic fix
swal("Overwrote session...", {
icon: "warning",
});
} else {
appendToSavedSessionsList(name);
swal("Saved session...", {
icon: "success",
});
}
} finally {
storage.set({[name]: data});
}
});
}
const deleteFromStorage = (elm = null) => {
swal({
title: "Are you sure?",
text: "Do you wish to delete session:\n" + elm.innerText + "?",
icon: "warning",
buttons: true,
dangerMode: true,
}).then((willDelete) => {
if (willDelete) {
storage.remove(elm.innerText).then(() => {
elm.parentElement.removeChild(elm);
});
selectedItem = null; // reset selectedItem
swal("Deleted session successfully...", {
icon: "success",
});
} else {
swal("Canceled deletion...", {
icon: "warning",
});
}
});
}
/* Selection Process */
const selectionWindow = (json = "", keys = null, keysLength = 0) => {
let container = document.createElement("DIV");
let ulTemplate = document.querySelector('#ulTemplate');
let liTemplate = document.querySelector('#liTemplate');
for (let i = 0; i < keysLength; i++) {
let ulClone = document.importNode(ulTemplate.content, true);
let ulTag = ulClone.querySelector('.collection');
let selAll = ulClone.querySelector('input');
let h2Tag = ulClone.querySelector('.ulHeader');
let ulLblTag = ulClone.querySelector('label');
let h2Txt = document.createTextNode("Window: " + (i + 1));
let store = json[keys[i]];
let j = 0;
container.id = "editSelectionContainer";
selAll.id = "selectAllWin" + i;
ulLblTag.htmlFor = "selectAllWin" + i;
selAll.addEventListener("click", function (eve) {
toggleSelect(eve.target, "Win" + i);
});
h2Tag.appendChild(h2Txt);
store.forEach(tab => {
let liClone = document.importNode(liTemplate.content, true);
let inptTag = liClone.querySelector("input");
let lblTag = liClone.querySelector("label");
let labelTxt = document.createTextNode(tab.link);
inptTag.id = "Win" + i + "Li" + j;
lblTag.htmlFor = "Win" + i + "Li" + j;
lblTag.title = tab.link;
inptTag.setAttribute("name", "Win" + i); // Used for toggle select all
lblTag.appendChild(labelTxt);
ulTag.appendChild(liClone);
j++;
});
container.appendChild(ulClone);
}
return container;
}
const selectionData = (container = null, keys = null, keysLength = 0) => {
let sessionData = {};
let ulTags = container.querySelectorAll("ul");
for (let i = 0; i < keysLength; i++) {
let links = [];
for (var ii = 0; ii < ulTags[i].children.length; ii++) {
let li = ulTags[i].children[ii];
if (li.children[0].checked) {
links.push(
{"link" : li.children[1].innerText.trim()}
);
}
}
if (links.length > 0) {
sessionData[keys[i]] = links;
}
}
return sessionData;
}