diff --git a/ToDo.html b/ToDo.html
deleted file mode 100644
index c5273bb..0000000
--- a/ToDo.html
+++ /dev/null
@@ -1,162 +0,0 @@
-<!DOCTYPE html>
-<html lang="eng" ng-app="ToDo">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>todo</title>
-  <style>
-body {
-  padding: 20px;
-  background-color: #BDF1F1;
-  }
-
-button {
-  padding: 10px;
-  background-color: #28baba;
-  color: #ffffff !important;
-  font-family: helvetica,arial !important;
-  font-size: 20px;
-  line-height: 24px;
-  border-style: groove;
-  border-radius: 15px;
-  border-color: #4C6060; }
-
-li {
-  padding: 10px;
-  background-color: #ffffff;
-  color: #333333;
-  font-family: helvetica,arial;
-  font-size: 20px;
-  line-height: 24px;
-  border-style: groove;
-  border-radius: 15px;
-  border-color: #4C6060; }
-
-form {
-  padding: 5px; }
-
-.done {
-  text-decoration: line-through;
-  color: #ccc; }
-  </style>
-</head>
-<body id="change">
-  <div ng-controller="todoController" ng-init="init()">
-
-    <input class="color" value="" onblur="pick()" id="colorpick">
-    <form name="frm" ng-submit="addTodo()">
-      <input type="text" name="newTodo" ng-model="newTodo" required/>
-      <button ng-disabled="frm.$invalid">Go</button>
-    </form>
-    <button class="btn btn-default btn-sm" ng-click="saveInput()">Save</button>
-    <button class="btn btn-default btn-sm" ng-click="loadInput()">Load</button>
-    <button class="btn btn-default btn-sm" ng-click="clearCompleted()">Clear Completed</button>
-    <button class="btn btn-default btn-sm" ng-click="showCompleted()">Show Completed</button>
-    <button class="btn btn-default btn-sm" ng-click="exportPartialData()">Export Partial Data</button>
-    <button class="btn btn-default btn-sm" ng-click="exportFullData()">Export Full Data</button>
-    <ul>
-      <li ng-repeat="todo in todos">
-        <input type="checkbox" ng-model="todo.done"/>
-        <span ng-class="{'done':todo.done}">{{todo.title}}</span>
-      </li>
-    </ul>
-  </div>
-<link rel="stylesheet" type="text/css" href="style.css">
-<link href="css/bootstrap.css" rel="stylesheet">
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
-<script src="js/bootstrap.min.js"></script>
-<script type="text/javascript" src="jscolor/jscolor.js"></script>
-<script src="http://alasql.org/console/alasql.min.js"></script>
-<script src="http://alasql.org/console/xlsx.core.min.js"></script>
-<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
-<script src="ngStorage.min.js"></script>
-<script src="http://gregpike.net/demos/angular-local-storage/src/angular-local-storage.js"></script>
-<script>
-function LightenDarkenColor(col, amt) {
-    var usePound = false;
-    if (col[0] == "#") {
-        col = col.slice(1);
-        usePound = true;
-    }
-    var num = parseInt(col,16);
-    var r = (num >> 16) + amt;
-    if (r > 255) r = 255;
-    else if  (r < 0) r = 0;
-    var b = ((num >> 8) & 0x00FF) + amt;
-    if (b > 255) b = 255;
-    else if  (b < 0) b = 0;
-    var g = (num & 0x0000FF) + amt;
-    if (g > 255) g = 255;
-    else if (g < 0) g = 0;
-    return (usePound?"#":"") + (g | (b << 8) | (r << 16)).toString(16);
-}
-var cook = null;
-function pick(){
-  var elem = document.getElementById("colorpick").value;
-  cook = document.cookie="#" + elem;
-  var colour = document.getElementById("change");
-  colour.style.background = cook;
-  var buttonBackgroundColor = LightenDarkenColor(cook, -50);
-  var buttonelement = document.getElementsByTagName('button');
-  for(var i=0;i<buttonelement.length;i++){
-  buttonelement[i].style.background= buttonBackgroundColor;
-}
-
-}
-var ToDo =angular.module('ToDo',['ngStorage']);
-ToDo.controller('todoController', function($scope, $localStorage){
-  $scope.todos = [];
-  $scope.Saved = [];
-  $scope.exportPartialData = function () {
-       alasql('SELECT * INTO XLSX("PartialReport.xlsx",{headers:true}) FROM ?',[$scope.todos]);
-    };
-  $scope.exportFullData = function () {
-     $scope.full=$scope.todos
-     $scope.full.concat($scope.Saved);
-     alasql('SELECT * INTO XLSX("FullReport.xlsx",{headers:true}) FROM ?',[$scope.full]);
-   };
-  $scope.addTodo = function(){
-    $scope.todos.push({'title' : $scope.newTodo, 'done' :false})
-    $scope.newtodo = ''
-  }
-  $scope.clearCompleted = function(){
-    $scope.todos = $scope.todos.filter(function(item){
-      if(item.done){
-        $scope.Saved.push(item);
-      }
-      return !item.done
-    })
-  }
-  $scope.showCompleted = function(){
-    alert($scope.Saved.length)
-  }
-  $scope.saveInput = function() {
-    $localStorage.Saved = $scope.todos;
-  }
-  $scope.loadInput = function() {
-    $scope.todos = $localStorage.Saved;
-  }
-  $scope.init = function(){
-    if($localStorage.Saved != undefined)
-      $scope.todos = $localStorage.Saved;
-    else
-      $scope.todos = [
-       {'title':'Build a ToDo app', 'done' :false}
-      ];
-  };
-  window.onbeforeunload = function (event) {
-  var message = 'Sure you want to leave?';
-  if (typeof event == 'undefined') {
-    event = window.event;
-  }
-  if (event) {
-    event.returnValue = message;
-    $localStorage.Saved = $scope.todos;
-
-  }
-  return message;
-}
-});
-</script>
-</body>
-</html>
diff --git a/TodoTest b/TodoTest
deleted file mode 100644
index 49a52e6..0000000
--- a/TodoTest
+++ /dev/null
@@ -1,93 +0,0 @@
-<html lang="en"><head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="description" content="">
-    <meta name="author" content="">
-    <link rel="icon" href="../../favicon.ico">
-
-    <title>Fixed Top Navbar Example for Bootstrap</title>
-
-    <!-- Bootstrap core CSS -->
-    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
-
-    <!-- Custom styles for this template -->
-    <link href="navbar-fixed-top.css" rel="stylesheet">
-
-    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
-    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
-    <script src="../../assets/js/ie-emulation-modes-warning.js"></script>
-
-    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
-    <!--[if lt IE 9]>
-      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
-      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-    <![endif]-->
-  <style type="text/css"></style></head>
-
-  <body>
-
-    <!-- Fixed navbar -->
-    <nav class="navbar navbar-default navbar-fixed-top">
-      <div class="container">
-        <div class="navbar-header">
-          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="navbar-brand" href="#">Project name</a>
-        </div>
-        <div id="navbar" class="navbar-collapse collapse">
-          <ul class="nav navbar-nav">
-            <li class="active"><a href="#">Home</a></li>
-            <li><a href="#about">About</a></li>
-            <li><a href="#contact">Contact</a></li>
-            <li class="dropdown">
-              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
-              <ul class="dropdown-menu" role="menu">
-                <li><a href="#">Action</a></li>
-                <li><a href="#">Another action</a></li>
-                <li><a href="#">Something else here</a></li>
-                <li class="divider"></li>
-                <li class="dropdown-header">Nav header</li>
-                <li><a href="#">Separated link</a></li>
-                <li><a href="#">One more separated link</a></li>
-              </ul>
-            </li>
-          </ul>
-          <ul class="nav navbar-nav navbar-right">
-            <li><a href="../navbar/">Default</a></li>
-            <li><a href="../navbar-static-top/">Static top</a></li>
-            <li class="active"><a href="./">Fixed top <span class="sr-only">(current)</span></a></li>
-          </ul>
-        </div><!--/.nav-collapse -->
-      </div>
-    </nav>
-
-    <div class="container">
-
-      <!-- Main component for a primary marketing message or call to action -->
-      <div class="jumbotron">
-        <h1>Navbar example</h1>
-        <p>This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
-        <p>To see the difference between static and fixed top navbars, just scroll.</p>
-        <p>
-          <a class="btn btn-lg btn-primary" href="../../components/#navbar" role="button">View navbar docs »</a>
-        </p>
-      </div>
-
-    </div> <!-- /container -->
-
-
-    <!-- Bootstrap core JavaScript
-    ================================================== -->
-    <!-- Placed at the end of the document so the pages load faster -->
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
-    <script src="../../dist/js/bootstrap.min.js"></script>
-    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
-    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
-
-
-</body></html>
diff --git a/TodoTest.html b/TodoTest.html
index fce4cd7..34bfe1c 100644
--- a/TodoTest.html
+++ b/TodoTest.html
@@ -52,7 +52,7 @@
             <li class="dropdown">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Import <span class="caret"></span></a>
               <ul class="dropdown-menu" role="menu">
-                <li><input type="file" ng-model="model.file" change="upload(model)">
+                <li><input type="file" id="input"></li>
                 <li class="divider"></li>
                 <li><a href="#" ng-click="import()">Upload</a></li>
               </ul>
@@ -195,6 +195,7 @@ <h3>Choose Name&hellip;</h3>
           return (usePound?"#":"") + (g | (b << 8) | (r << 16)).toString(16);
       }
       var cook = null;
+
       function pick(){
         var elem = document.getElementById("colorpick").value;
         cook = document.cookie="#" + elem;
@@ -239,11 +240,16 @@ <h3>Choose Name&hellip;</h3>
           };
 
          $scope.import = function () {
-             var file = $scope.uploadedfile;
-             var result = alasql('SELECT * FROM XLSX(file,{headers:true})');
-             var a = 0;
+             selected_file = document.getElementById('input').files[0];
+            alasql('SELECT * FROM XLSX("selected_file.xlsx",{headers:true,sheetid:"Sheet2",range:"A1:D100"})',
+     [],function(data) {
+     console.log(res);
+});
+
+
 
           };
+
         $scope.addTodo = function(){
           $scope.todos.push({'title' : $scope.newTodo, 'done' :false});
           $scope.newtodo = ''
@@ -274,7 +280,7 @@ <h3>Choose Name&hellip;</h3>
         }
         $scope.loadInput = function() {
           $scope.tabs = $localStorage.Saved;
-          $scope.currentTab = $localStorage.TabSaved;
+
           swal("Done!", "All Loaded!..", "success")
         }
         $scope.init = function(){
@@ -284,8 +290,10 @@ <h3>Choose Name&hellip;</h3>
           else{
             $scope.tabs.push({'title' : 'default', 'todos': $scope.todos,
             'active': true});
-            $scope.currentTab = $scope.tabs[0];
+
           }
+          $scope.currentTab = $scope.tabs[0];
+          $scope.todos = $scope.currentTab.todos;
           if($localStorage.SavedColor != undefined){
             cook = $localStorage.SavedColor;
             var colour = document.getElementById("change");
@@ -321,10 +329,12 @@ <h3>Choose Name&hellip;</h3>
 
         $scope.selectTab = function(sTab)
         {
-          sTab.active = true;
-          $scope.currentTab.active = false;
-          $scope.currentTab = sTab;
-          $scope.todos = sTab.todos;
+          if(sTab != $scope.currentTab){
+              sTab.active = true;
+              $scope.currentTab.active = false;
+              $scope.currentTab = sTab;
+              $scope.todos = sTab.todos;
+          }
         }
 
         $scope.saveChanges = function(){
diff --git a/selected_file.xlsx b/selected_file.xlsx
new file mode 100644
index 0000000..0672780
Binary files /dev/null and b/selected_file.xlsx differ
