Added ability to export/import data

bu.css

@@ -40,4 +40,9 @@
     font-weight: bold;
     color: red;
     margin-right: 10px;
+}
+.rawData textarea {
+    margin-top: 20px;
+    width: 100%;
+    min-height: 300px;
 }

bu.js

@@ -27,6 +27,7 @@ buApp.config(['$routeProvider',
         $routeProvider.when('/home', {templateUrl: 'views/home.html'}).
             when('/exam1', {templateUrl: 'views/exam1.html'}).
             when('/exam2/:level?', {templateUrl: 'views/exam2.html'}).
+            when('/rawdata', {templateUrl: 'views/raw-data.html'}).
             otherwise({redirectTo: '/home'});
     }
 ]);

controllers/homeController.js

@@ -101,5 +101,20 @@ buApp.controller('homeController', ['$scope', '$location', 'storage', 'shared',
         if (idx >= 0)
             $scope.diploma = diplomaTable[idx].name;
     };
+    $scope.exportSelected = function () {
+        var exportData = [];
+        for (var i = 0; i < $scope.history.length; i++) {
+            var examData = $scope.history[i];
+            if ($scope.inSelection(examData.key)) {
+                exportData.push(examData);
+            }
+        }
+        shared.exportData = exportData;
+        $location.path('/rawdata');
+    };
+    $scope.goToImport = function () {
+        shared.exportData = null;
+        $location.path('/rawdata');
+    };
 }]);
 

controllers/rawDataController.js

@@ -0,0 +1,23 @@
+buApp.controller('rawDataController', ['$scope', '$location', 'storage', 'shared', function ($scope, $location, storage, shared) {
+    if (shared.exportData) {
+        $scope.rawdata = toJsonString(shared.exportData);
+        $scope.exporting = true;
+    }
+
+    $scope.importData = function () {
+        var data = fromJsonString($scope.rawdata);
+        if (!$.isArray(data)) {
+            alert("Invalid data");
+            return;
+        }
+        for (var i=0; i<data.length; i++) {
+            var examData = data[i];
+            if (!examData.key) {
+                alert("Invalid data");
+                return;
+            }
+            storage.store(examData);
+        }
+        $location.path('/');
+    };
+}]);

index.html

@@ -25,6 +25,7 @@
     <script src="controllers/homeController.js"></script>
     <script src="controllers/exam1Controller.js"></script>
     <script src="controllers/exam2Controller.js"></script>
+    <script src="controllers/rawDataController.js"></script>
     <link href="bu.css" rel="stylesheet"/>
 
 </head>

views/home.html

@@ -15,8 +15,10 @@ <h3>Billiard University</h3>
     </div>
     <h3>History</h3>
     <div>
-        <a href="" ng-click="deleteSelected()" ng-show="history.length > 0">Clear</a>
-        <a href="" ng-click="deleteAll()" ng-show="history.length > 0">Clear All</a>
+        <button ng-click="deleteAll()" ng-show="history.length > 0">Clear All</button>
+        <button ng-click="deleteSelected()" ng-show="selection.length > 0">Clear</button>
+        <button ng-click="exportSelected()" ng-show="selection.length > 0">Export</button>
+        <button ng-click="goToImport()">Import</button>
     </div>
     <div style="margin-bottom: 10px">
         Best combined score is {{bestScore}}

views/raw-data.html

@@ -0,0 +1,6 @@
+<div ng-controller="rawDataController" class="rawData">
+    <h3>{{exporting ? 'Export' : 'Import'}} data</h3>
+    <button ng-show="!exporting" ng-click="importData()">Import</button>
+    <textarea ng-model="rawdata">
+    </textarea>
+</div>