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

Merge pull request #6 from maximstewart/develop 

Develop
This commit is contained in:
Maxim 2020-03-01 21:06:07 -06:00 committed by GitHub
parent 8591ce8905 a39676b327
commit 6bfa72e113
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 63 additions and 85 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.1.4 # Version: 0.2.1.5
Removed SweetAlerts and am using Mustard UI Fixed issues 1, 3-5
# 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.2.4", "version": "0.2.2.5",
"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": {

2
src/pages/import.html
View File

@ -24,7 +24,7 @@
</head> </head>
<body> <body>
<div class="download-container" name="import"> <div class="import-container" name="import">
<h1 id="lableTag">Select File</h1> <h1 id="lableTag">Select File</h1>
<input id="inputId" type="file" enctype='multipart/form-data' accept="application/json"/> <input id="inputId" type="file" enctype='multipart/form-data' accept="application/json"/>

23
src/pages/sessionManager.html
View File

@ -21,7 +21,7 @@
<li><button name="saveModalLauncher" class="button-primary" type="button">Save</button></li> <li><button name="saveModalLauncher" class="button-primary" type="button">Save</button></li>
<li><button name="editModalLauncher" class="button-primary" type="button">Edit</button></li> <li><button name="editModalLauncher" class="button-primary" type="button">Edit</button></li>
<li><button name="deleteModalLauncher" class="button-danger" type="button">Delete</button></li> <li><button name="deleteModalLauncher" class="button-danger" type="button">Delete</button></li>
<br/><br/><br/><br/> <br/><br/><br/>
<li><button name="import" class="button-primary" type="button">Import</button></li> <li><button name="import" class="button-primary" type="button">Import</button></li>
<li><button name="downloadModalLauncher" class="button-primary" type="button">Download</button></li> <li><button name="downloadModalLauncher" class="button-primary" type="button">Download</button></li>
<li><button name="donate" class="button-warning" type="button">Donate</button></li> <li><button name="donate" class="button-warning" type="button">Donate</button></li>
@ -61,7 +61,7 @@
<!-- Modals --> <!-- Modals -->
<!-- Save Modal --> <!-- Save Modal -->
<div id="saveModal" class="modal-mask" style="display:none; opacity: 0%;"> <div id="saveModal" class="modal-mask" style="display:none; opacity: 0%;" name="closeSave">
<div class="modal"> <div class="modal">
<div class="modal-head"> <div class="modal-head">
<p class="modal-title">Save - Allowed: a-z, A-Z, 0-9, -, _</p> <p class="modal-title">Save - Allowed: a-z, A-Z, 0-9, -, _</p>
@ -84,7 +84,7 @@
</div> </div>
<!-- Edit Modal --> <!-- Edit Modal -->
<div id="editModal" class="modal-mask" style="display:none; opacity: 0%;"> <div id="editModal" class="modal-mask" style="display:none; opacity: 0%;" name="closeEdit">
<div class="modal"> <div class="modal">
<div class="modal-head"> <div class="modal-head">
<p class="modal-title">Edit - Allowed: a-z, A-Z, 0-9, -, _</p> <p class="modal-title">Edit - Allowed: a-z, A-Z, 0-9, -, _</p>
@ -108,7 +108,7 @@
</div> </div>
<!-- Delete Modal --> <!-- Delete Modal -->
<div id="deleteModal" class="modal-mask" style="display:none; opacity: 0%;"> <div id="deleteModal" class="modal-mask" style="display:none; opacity: 0%;" name="closeDelete">
<div class="modal"> <div class="modal">
<div class="modal-head"> <div class="modal-head">
<p class="modal-title">Are you sure?</p> <p class="modal-title">Are you sure?</p>
@ -130,7 +130,7 @@
</div> </div>
<!-- Download Modal --> <!-- Download Modal -->
<div id="downloadModal" class="modal-mask" style="display:none; opacity: 0%;"> <div id="downloadModal" class="modal-mask" style="display:none; opacity: 0%;" name="closeDownload">
<div class="modal"> <div class="modal">
<div class="modal-head"> <div class="modal-head">
<p class="modal-title">Download - Allowed: a-z, A-Z, 0-9, -, _</p> <p class="modal-title">Download - Allowed: a-z, A-Z, 0-9, -, _</p>
@ -160,7 +160,7 @@
</div> </div>
<!-- Load Modal --> <!-- Load Modal -->
<div id="loadModal" class="modal-mask" style="display:none; opacity: 0%;"> <div id="loadModal" class="modal-mask" style="display:none; opacity: 0%;" name="closeLoad">
<div class="modal"> <div class="modal">
<div class="modal-head"> <div class="modal-head">
<p class="modal-title">Selective Open</p> <p class="modal-title">Selective Open</p>
@ -181,7 +181,7 @@
</div> </div>
<!-- Confirm Overwrite Modal --> <!-- Confirm Overwrite Modal -->
<div id="confModal" class="modal-mask" style="display:none; opacity: 0%;"> <div id="confModal" class="modal-mask" style="display:none; opacity: 0%;" name="closeConfirm">
<div class="modal"> <div class="modal">
<div class="modal-head"> <div class="modal-head">
<p class="modal-title">Replace?</p> <p class="modal-title">Replace?</p>
@ -205,9 +205,12 @@
<!-- Templates --> <!-- Templates -->
<template id="ulTemplate"> <template id="ulTemplate">
<h2 class="ulHeader"></h2> <h2 class="ulHeader">
<input type="checkbox" id="selectAll" checked="true" /> <label for="selectAll" title="Select All">
<label for="selectAll" title="Select All">Select All</label> <input type="checkbox" checked="true" />
Select All
</label>
</h2>
<ul class="collection"> <ul class="collection">
</ul> </ul>
</template> </template>

3
src/scripts/events.js
View File

@ -3,7 +3,8 @@ getSavedSessionIDs();
document.addEventListener("click", (e) => { document.addEventListener("click", (e) => {
if (e.button == 0) { // Left click if (e.button == 0) { // Left click
const target = e.target; const target = e.target;
const action = target.name; const action = target.getAttribute("name");
// Set selection first before doing any actions... // Set selection first before doing any actions...
if (target.tagName == "LI" && target.className.includes("sessionLI")) { if (target.tagName == "LI" && target.className.includes("sessionLI")) {

2
src/scripts/utils.js
View File

@ -60,7 +60,7 @@ const generateSelectionWindow = (json = "", keys = null, keysLength = 0) => {
selAll.addEventListener("click", function (eve) { selAll.addEventListener("click", function (eve) {
toggleSelect(eve.target, "Win" + i); toggleSelect(eve.target, "Win" + i);
}); });
h2Tag.appendChild(h2Txt); h2Tag.prepend(h2Txt);
store.forEach(tab => { store.forEach(tab => {
let liClone = document.importNode(liTemplate.content, true); let liClone = document.importNode(liTemplate.content, true);

111
src/styles/styles.css
View File

@ -4,20 +4,20 @@ body {
overflow: hidden; overflow: hidden;
} }
ul, li { list-style: none; } ul, li {
list-style: none;
input[type=image] {
width: 2.5em;
height: 2.5em;
padding: 0.4em;
background-color: #ffffff;
color: #000000;
} }
input[type=image]:hover { li {
cursor: pointer; margin: 0.5em 0em;
background-color: #a3b83b;
color: #ffffff; -webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Opera and Firefox */
} }
@ -63,72 +63,19 @@ input[type=image]:hover {
overflow: auto; overflow: auto;
} }
#editSelectionContainer {
width: 100%;
height: auto;
white-space: nowrap;
display: block;
overflow-x: auto;
}
#editSelectionContainer > ul {
display: block;
overflow: auto;
}
#editSelectionContainer > ul > li {
float: left;
}
#inputId { #inputId {
display: none; display: none;
} }
#selectAll {
margin-bottom: 1.5em;
}
#lableTag {
top: 48%;
margin: 0 auto;
color: rgba(255, 255, 255, 0.5);
}
/* Classes */ /* Classes */
.modal { /* Plugin page */
width: 650px;
height: auto;
}
.scroller {
scrollbar-color: #00000084 #ffffff64;
scrollbar-width: thin;
}
.collection { .collection {
padding-top: 1em; padding-top: 1em;
padding-bottom: 1em; padding-bottom: 1em;
} }
.download-container {
width: 100%;
height: 100%;
background-image: url('../images/icons/import.png');
background-repeat: no-repeat;
background-position: center;
text-align: center;
background-color: rgba(41, 95, 115, 0.85);
transition: 0.6s;
}
.download-container:hover {
transition: 0.6s;
background-color: rgba(41, 95, 115, 0.65);
cursor: pointer;
}
.sessionLI { .sessionLI {
background-color: #0a1827; background-color: #0a1827;
color: #ffffff; color: #ffffff;
@ -147,7 +94,33 @@ input[type=image]:hover {
box-shadow: 0px 5px 5px 5px #444444; box-shadow: 0px 5px 5px 5px #444444;
} }
.icon { .modal {
width: 25px; width: 650px;
height: 25px; height: auto;
}
.scroller {
scrollbar-color: #00000084 #ffffff64;
scrollbar-width: thin;
}
/* Import page */
.import-container {
width: 100%;
height: 100%;
background-image: url('../images/icons/import.png');
background-repeat: no-repeat;
background-position: center;
text-align: center;
background-color: rgba(41, 95, 115, 0.85);
transition: 0.6s;
}
.import-container:hover {
transition: 0.6s;
background-color: rgba(41, 95, 115, 0.65);
cursor: pointer;
} }