Develop #6

Merged
maximstewart merged 6 commits from develop into master 2020-03-02 03:06:07 +00:00
7 changed files with 63 additions and 85 deletions

View File

@ -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)

View File

@ -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": {

View File

@ -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"/>

View File

@ -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>

View File

@ -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")) {

View File

@ -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);

View File

@ -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;
}