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

Added import feature.

Browse Source
This commit is contained in:
Maxim Stewart
2018-11-11 15:12:26 -06:00
parent b1e4119565
commit 3cb7ee5324
16 changed files with 110 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/pages/import.html Normal file
View File

@@ -0,0 +1,57 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Easy Session Manager Import</title>
<link rel="shortcut icon" href="../images/icons/import.png">
<style media="screen">
body, html {
width: 100%;
height: 100%;
padding: 0em;
margin: 0em;
}
#inputId {
display: none;
}
#lableTag {
top: 48%;
margin: 0 auto;
color: rgba(255, 255, 255, 0.5);
}
.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);
}
.container:hover {
transition: 4;
background-color: rgba(41, 95, 115, 0.65);
cursor: pointer;
}
</style>
</head>
<body>
<div class="container" name="import">
<h1 id="lableTag">Select File</h1>
<input id="inputId" type="file" accept="application/json"/>
</div>
<script src="../scripts/background.js"></script>
</body>
</html>

15
src/pages/sessionManager.html
View File

@@ -7,12 +7,23 @@
<body>
<center>
<button type="button" name="import">
Import <img class="icon" src="../images/icons/import.png" alt="Import JSON"/>
<input id="inputId" type="file" />
</button>
<button type="button" name="save">
Save <img class="icon" src="../images/icons/save.png" alt="Save Image"/>
</button>
<button type="button" name="download">
Download <img class="icon" src="../images/icons/download.png" alt="Download Image"/>
</button>
<div id="savedSessions">
</div>
<button type="button" name="edit">
Edit <img class="icon" src="../images/icons/edit.png" alt="Edit Image"/>
</button>
@@ -20,10 +31,6 @@
<button type="button" name="delete">
Delete <img class="icon" src="../images/icons/delete.png" alt="Delete Image"/>
</button>
<div id="savedSessions">
</div>
</center>