Merge pull request #8 from maximstewart/develop
Added title toggle controls and data
This commit is contained in:
commit
4b5be7be66
|
@ -4,8 +4,8 @@ Easy Session Manager allows you to manage your Firefox session by backing up or
|
|||
# Download
|
||||
https://addons.mozilla.org/en-US/firefox/addon/easy-session-manager/
|
||||
|
||||
# Version: 0.2.1.5
|
||||
Fixed issues 1, 3-5
|
||||
# Version: 0.2.1.6
|
||||
Added title toggling option.
|
||||
|
||||
|
||||
# Images
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"manifest_version": 2,
|
||||
"name": " Easy Session Manager",
|
||||
"version": "0.2.2.5",
|
||||
"version": "0.2.2.6",
|
||||
"description": "Easy Session Manager allows you to manage your Firefox session by backing up or loading your saved sessions.",
|
||||
|
||||
"applications": {
|
||||
|
|
|
@ -206,19 +206,25 @@
|
|||
<!-- Templates -->
|
||||
<template id="ulTemplate">
|
||||
<h2 class="ulHeader">
|
||||
<label for="selectAll" title="Select All">
|
||||
<input type="checkbox" checked="true" />
|
||||
<label class="selAllLbl" for="selectAll" title="Select All">
|
||||
<input class="selAll" type="checkbox" checked="true" />
|
||||
Select All
|
||||
</label>
|
||||
|
||||
<label class="titleAllLbl" for="titleAll" title="Show Titles">
|
||||
<input class="titleAll" type="checkbox" checked="true" />
|
||||
Show Titles
|
||||
</label>
|
||||
</h2>
|
||||
<ul class="collection">
|
||||
</ul>
|
||||
</template>
|
||||
|
||||
<template id="liTemplate">
|
||||
<li>
|
||||
<li class="toggleControls">
|
||||
<input type="checkbox" id="" name="" checked="true" />
|
||||
<label for="" title=""></label>
|
||||
<label class="linkLbl" for="" title="" style="display:none;"></label>
|
||||
<label class="titleLbl" for="" title=""></label>
|
||||
</li>
|
||||
</template>
|
||||
|
||||
|
|
|
@ -45,33 +45,59 @@ const generateSelectionWindow = (json = "", keys = null, keysLength = 0) => {
|
|||
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;
|
||||
let ulClone = document.importNode(ulTemplate.content, true);
|
||||
let ulTag = ulClone.querySelector('.collection');
|
||||
let h2Tag = ulClone.querySelector('.ulHeader');
|
||||
let h2Txt = document.createTextNode("Window: " + (i + 1));
|
||||
|
||||
let selAll = ulClone.querySelector('.selAll');
|
||||
let titleAll = ulClone.querySelector('.titleAll');
|
||||
let ulLblTag = ulClone.querySelector('.selAllLbl');
|
||||
let ulLblTag2 = ulClone.querySelector('.titleAllLbl');
|
||||
let store = json[keys[i]];
|
||||
let j = 0;
|
||||
|
||||
container.id = "editSelectionContainer";
|
||||
selAll.id = "selectAllWin" + i;
|
||||
titleAll.id = "selectAllTitle" + i;
|
||||
ulLblTag.htmlFor = "selectAllWin" + i;
|
||||
ulLblTag2.htmlFor = "selectAllTitle" + i;
|
||||
|
||||
container.id = "editSelectionContainer";
|
||||
selAll.id = "selectAllWin" + i;
|
||||
ulLblTag.htmlFor = "selectAllWin" + i;
|
||||
selAll.addEventListener("click", function (eve) {
|
||||
toggleSelect(eve.target, "Win" + i);
|
||||
});
|
||||
h2Tag.prepend(h2Txt);
|
||||
|
||||
|
||||
titleAll.addEventListener("click", function (eve) {
|
||||
toggleTitles(eve.target, "Win" + i);
|
||||
});
|
||||
|
||||
|
||||
|
||||
h2Tag.prepend(h2Txt);
|
||||
store.forEach(tab => {
|
||||
let liClone = document.importNode(liTemplate.content, true);
|
||||
let inptTag = liClone.querySelector("input");
|
||||
let lblTag = liClone.querySelector("label");
|
||||
// link lbl
|
||||
let lblTag = liClone.querySelector(".linkLbl");
|
||||
let labelTxt = document.createTextNode(tab.link);
|
||||
// title lbnl
|
||||
let lblTag2 = liClone.querySelector(".titleLbl");
|
||||
let labelTxt2 = document.createTextNode(tab.title);
|
||||
inptTag.id = "Win" + i + "Li" + j;
|
||||
|
||||
lblTag.htmlFor = "Win" + i + "Li" + j;
|
||||
lblTag.title = tab.link;
|
||||
|
||||
lblTag2.htmlFor = "Win" + i + "Li" + j;
|
||||
lblTag2.title = tab.link;
|
||||
|
||||
inptTag.setAttribute("name", "Win" + i); // Used for toggle select all
|
||||
|
||||
lblTag.appendChild(labelTxt);
|
||||
lblTag2.appendChild(labelTxt2);
|
||||
|
||||
|
||||
ulTag.appendChild(liClone);
|
||||
j++;
|
||||
});
|
||||
|
@ -131,7 +157,8 @@ const getSessionData = (windows) => {
|
|||
for (var ii = 0; ii < windows[i].tabs.length; ii++) {
|
||||
if (!windows[i].tabs[ii].url.includes("about:")) {
|
||||
links.push(
|
||||
{"link" : windows[i].tabs[ii].url.trim()}
|
||||
{"link" : windows[i].tabs[ii].url.trim(),
|
||||
"title" : windows[i].tabs[ii].title.trim()}
|
||||
);
|
||||
}
|
||||
}
|
||||
|
@ -151,7 +178,9 @@ const getSelectionData = (container = null, keys = null, keysLength = 0) => {
|
|||
let li = ulTags[i].children[ii];
|
||||
if (li.children[0].checked) {
|
||||
links.push(
|
||||
{"link" : li.children[1].innerText.trim()}
|
||||
{"link" : li.children[1].title.trim(),
|
||||
"title" : li.children[2].innerText.trim()
|
||||
}
|
||||
);
|
||||
}
|
||||
}
|
||||
|
@ -228,6 +257,23 @@ const toggleSelect = (source, name) => {
|
|||
}
|
||||
}
|
||||
|
||||
const toggleTitles = (source, name) => {
|
||||
let checkboxes = document.getElementsByName(name);
|
||||
for (let i = 0; i < checkboxes.length; i++) {
|
||||
const parent = checkboxes[i].parentElement;
|
||||
const lElm = parent.querySelector(".linkLbl");
|
||||
const tElm = parent.querySelector(".titleLbl");
|
||||
|
||||
if (tElm.style.display !== "none") {
|
||||
tElm.style.display = "none";
|
||||
lElm.style.display = "";
|
||||
} else {
|
||||
tElm.style.display = "";
|
||||
lElm.style.display = "none";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const clearChildNodes = (parent) => {
|
||||
while (parent.firstChild) {
|
||||
parent.removeChild(parent.firstChild);
|
||||
|
|
Loading…
Reference in New Issue