commit
6bfa72e113
|
@ -4,8 +4,9 @@ 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.4
|
||||
Removed SweetAlerts and am using Mustard UI
|
||||
# Version: 0.2.1.5
|
||||
Fixed issues 1, 3-5
|
||||
|
||||
|
||||
# Images
|
||||
![1 Default interface with no sessions. ](images/pic1.png)
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"manifest_version": 2,
|
||||
"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.",
|
||||
|
||||
"applications": {
|
||||
|
|
|
@ -24,7 +24,7 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="download-container" name="import">
|
||||
<div class="import-container" name="import">
|
||||
<h1 id="lableTag">Select File</h1>
|
||||
<input id="inputId" type="file" enctype='multipart/form-data' accept="application/json"/>
|
||||
|
||||
|
|
|
@ -21,7 +21,7 @@
|
|||
<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="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="downloadModalLauncher" class="button-primary" type="button">Download</button></li>
|
||||
<li><button name="donate" class="button-warning" type="button">Donate</button></li>
|
||||
|
@ -61,7 +61,7 @@
|
|||
|
||||
<!-- Modals -->
|
||||
<!-- 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-head">
|
||||
<p class="modal-title">Save - Allowed: a-z, A-Z, 0-9, -, _</p>
|
||||
|
@ -84,7 +84,7 @@
|
|||
</div>
|
||||
|
||||
<!-- 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-head">
|
||||
<p class="modal-title">Edit - Allowed: a-z, A-Z, 0-9, -, _</p>
|
||||
|
@ -108,7 +108,7 @@
|
|||
</div>
|
||||
|
||||
<!-- 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-head">
|
||||
<p class="modal-title">Are you sure?</p>
|
||||
|
@ -130,7 +130,7 @@
|
|||
</div>
|
||||
|
||||
<!-- 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-head">
|
||||
<p class="modal-title">Download - Allowed: a-z, A-Z, 0-9, -, _</p>
|
||||
|
@ -160,7 +160,7 @@
|
|||
</div>
|
||||
|
||||
<!-- 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-head">
|
||||
<p class="modal-title">Selective Open</p>
|
||||
|
@ -181,7 +181,7 @@
|
|||
</div>
|
||||
|
||||
<!-- 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-head">
|
||||
<p class="modal-title">Replace?</p>
|
||||
|
@ -205,9 +205,12 @@
|
|||
|
||||
<!-- Templates -->
|
||||
<template id="ulTemplate">
|
||||
<h2 class="ulHeader"></h2>
|
||||
<input type="checkbox" id="selectAll" checked="true" />
|
||||
<label for="selectAll" title="Select All">Select All</label>
|
||||
<h2 class="ulHeader">
|
||||
<label for="selectAll" title="Select All">
|
||||
<input type="checkbox" checked="true" />
|
||||
Select All
|
||||
</label>
|
||||
</h2>
|
||||
<ul class="collection">
|
||||
</ul>
|
||||
</template>
|
||||
|
|
|
@ -3,7 +3,8 @@ getSavedSessionIDs();
|
|||
document.addEventListener("click", (e) => {
|
||||
if (e.button == 0) { // Left click
|
||||
const target = e.target;
|
||||
const action = target.name;
|
||||
const action = target.getAttribute("name");
|
||||
|
||||
|
||||
// Set selection first before doing any actions...
|
||||
if (target.tagName == "LI" && target.className.includes("sessionLI")) {
|
||||
|
|
|
@ -60,7 +60,7 @@ const generateSelectionWindow = (json = "", keys = null, keysLength = 0) => {
|
|||
selAll.addEventListener("click", function (eve) {
|
||||
toggleSelect(eve.target, "Win" + i);
|
||||
});
|
||||
h2Tag.appendChild(h2Txt);
|
||||
h2Tag.prepend(h2Txt);
|
||||
|
||||
store.forEach(tab => {
|
||||
let liClone = document.importNode(liTemplate.content, true);
|
||||
|
|
|
@ -4,20 +4,20 @@ body {
|
|||
overflow: hidden;
|
||||
}
|
||||
|
||||
ul, li { list-style: none; }
|
||||
|
||||
input[type=image] {
|
||||
width: 2.5em;
|
||||
height: 2.5em;
|
||||
padding: 0.4em;
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
ul, li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
input[type=image]:hover {
|
||||
cursor: pointer;
|
||||
background-color: #a3b83b;
|
||||
color: #ffffff;
|
||||
li {
|
||||
margin: 0.5em 0em;
|
||||
|
||||
-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;
|
||||
}
|
||||
|
||||
#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 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#selectAll {
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
|
||||
#lableTag {
|
||||
top: 48%;
|
||||
margin: 0 auto;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
|
||||
/* Classes */
|
||||
|
||||
.modal {
|
||||
width: 650px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.scroller {
|
||||
scrollbar-color: #00000084 #ffffff64;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
|
||||
/* Plugin page */
|
||||
.collection {
|
||||
padding-top: 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 {
|
||||
background-color: #0a1827;
|
||||
color: #ffffff;
|
||||
|
@ -147,7 +94,33 @@ input[type=image]:hover {
|
|||
box-shadow: 0px 5px 5px 5px #444444;
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
.modal {
|
||||
width: 650px;
|
||||
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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue