Added import and export pages

-Added import and export pages in preperation for the next update

contexts manifest.txt

@@ -0,0 +1,27 @@
+{
+  "name": "Bulk URL Opener",
+  "short_name": "BulkOpen",
+  "author": "Euan Riggans",
+  "manifest_version": 2,
+  "version": "1.1.4",
+  "description": "Allows user to open a list of url in one click.",
+  "permissions": [
+    "tabs",
+    "storage",
+    "contextMenus"
+  ],
+  "background": {
+    "scripts": ["/js/bulkopen.contexts.js"],
+    "persistent": false
+  },
+  "browser_action": {
+    "default_icon":  "icon/icon-48.png",
+    "default_title": "Bulk URL Open",
+    "default_popup": "popup.html"
+  },
+  "icons": {
+    "16": "icon/icon-16.png",
+    "48": "icon/icon-48.png",
+    "128": "icon/icon-128.png"
+  }
+}

css/style.css

@@ -62,7 +62,15 @@ button {
 	padding-right:10px;
 }
 
-.header.settings, .header.help {
+.import {
+	padding-right: 10px;
+}
+
+.export {
+	padding-right: 10px;
+}
+
+.header.settings, .header.help, .header.import, .header.export {
 	float:right;
 	font-size:35px;
 }

js/bulkopen.js

@@ -46,6 +46,12 @@ $(document).ready(function () {
     $('#openHelp').click(function () {
         openHelpDialog();
     });
+    $('#openImport').click(function () {
+        openImportDialog();
+    });
+    $('#openExport').click(function () {
+        openExportDialog();
+    });
     $('#version').text("- Version " + getCurrentVersion());
 });
 
@@ -183,6 +189,14 @@ function openHelpDialog() {
     chrome.tabs.create({'url': chrome.extension.getURL('help.html')});
 }
 
+function openImportDialog() {
+    chrome.tabs.create({'url': chrome.extension.getURL('import.html')});
+}
+
+function openExportDialog() {
+    chrome.tabs.create({'url': chrome.extension.getURL('export.html')});
+}
+
 function deleteList() {
     if(getSelectedListID() == "-1") {
         alert("You need to select a list");

popup.html

@@ -18,6 +18,16 @@ <h1 class="header title">Bulk Open <small id ="version"></small></h1>
 				<i class="fa fa-cog" id="openSettings" aria-hidden="true"></i>		
 			</a>		
 		</div>	
+		<div class="header import">
+			<a href="#" class="no-highlight" data-toggle="tooltip" data-placement="top" title="Import lists">
+				<i class="fa fa-download" id="openImport" aria-hidden="true"></i>		
+			</a>		
+		</div>
+		<div class="header export">
+			<a href="#" class="no-highlight" data-toggle="tooltip" data-placement="top" title="Export lists">
+				<i class="fa fa-upload" id="openExport" aria-hidden="true"></i>		
+			</a>		
+		</div>	
 	</div>
 	<div class="form-group">
 		<label for="comment">URLs:</label>