Added import feature.

2018-11-11 15:12:26 -06:00
parent b1e4119565
commit 3cb7ee5324
16 changed files with 110 additions and 7 deletions
--- a/src/pages/import.html
+++ b/src/pages/import.html
@@ -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>