added ngstorage for using localstorage to keep the data after refreshing the page.

Nikita Kulshreshtha
1 parent add82cea
Showing 12 changed files with 270 additions and 24 deletions
400-SOURCECODE/AIAHTML5.API/AIAHTML5.API.csproj
400-SOURCECODE/AIAHTML5.Web/AIAHTML5.Web.csproj
400-SOURCECODE/AIAHTML5.Web/AIAHTML5.Web.csproj.user
400-SOURCECODE/AIAHTML5.Web/Web.config
400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
400-SOURCECODE/AIAHTML5.Web/app/main/AIA.js
400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html
400-SOURCECODE/AIAHTML5.Web/app/widget/MainView.html
400-SOURCECODE/AIAHTML5.Web/index.html
400-SOURCECODE/AIAHTML5.Web/libs/angular/1.4.9/ngStorage.js
400-SOURCECODE/AIAHTML5.Web/login.html
@@ -111,7 +111,7 @@
           <AutoAssignPort>True</AutoAssignPort>
           <DevelopmentServerPort>63874</DevelopmentServerPort>
           <DevelopmentServerVPath>/</DevelopmentServerVPath>
-          <IISUrl>http://localhost/AIA/API</IISUrl>
+          <IISUrl>http://localhost/AIAHTML5/API</IISUrl>
           <NTLMAuthentication>False</NTLMAuthentication>
           <UseCustomServer>False</UseCustomServer>
           <CustomServerUrl>http://182.19.10.91/AIAHTML5</CustomServerUrl>
@@ -11,8 +11,8 @@
     <ProjectTypeGuids>{349c5851-65df-11da-9384-00065b846f21};{fae04ec0-301f-11d3-bf4b-00c04f79efbc}</ProjectTypeGuids>
     <OutputType>Library</OutputType>
     <AppDesignerFolder>Properties</AppDesignerFolder>
-    <RootNamespace>AIA</RootNamespace>
-    <AssemblyName>AIA</AssemblyName>
+    <RootNamespace>eLearningPlayer</RootNamespace>
+    <AssemblyName>eLearningPlayer</AssemblyName>
     <TargetFrameworkVersion>v4.5</TargetFrameworkVersion>
     <UseIISExpress>false</UseIISExpress>
     <IISExpressSSLPort />
@@ -10100,6 +10100,7 @@
     <Content Include="content\js\custom\custom.js" />
     <Content Include="content\js\custom\main.js" />
     <Content Include="libs\angular\1.4.9\angular-route.min.js" />
+    <Content Include="libs\angular\1.4.9\ngStorage.js" />
     <Content Include="libs\jinqJs.js" />
     <Content Include="libs\jquery\2.1.3\jquery.min.js" />
     <Content Include="libs\jquery\jquery_plugin\jsPanel\jspanel\fonts\jsglyph.svg" />
@@ -10254,7 +10255,7 @@
           <AutoAssignPort>True</AutoAssignPort>
           <DevelopmentServerPort>55837</DevelopmentServerPort>
           <DevelopmentServerVPath>/</DevelopmentServerVPath>
-          <IISUrl>http://localhost/AIA</IISUrl>
+          <IISUrl>http://localhost/AIAHTML5</IISUrl>
           <NTLMAuthentication>False</NTLMAuthentication>
           <UseCustomServer>False</UseCustomServer>
           <CustomServerUrl>http://182.19.10.91/AIAHTML5</CustomServerUrl>
 <?xml version="1.0" encoding="utf-8"?>
 <Project ToolsVersion="12.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
   <PropertyGroup>
-    <ProjectView>ShowAllFiles</ProjectView>
+    <ProjectView>ProjectFiles</ProjectView>
   </PropertyGroup>
   <ProjectExtensions>
     <VisualStudio>
@@ -27,7 +27,7 @@
             <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
             <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />
           </conditions>
-          <action type="Rewrite" url="/AIA/" />
+          <action type="Rewrite" url="/AIAHTML5/" />
         </rule>
       </rules>
     </rewrite>
@@ -38,7 +38,8 @@
       <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
       <mimeMap fileExtension=".mp3" mimeType="audio/mpeg" />
       <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
-      <mimeMap fileExtension=".json" mimeType="application/json" />
+
+
     </staticContent>
     <defaultDocument enabled="true">
       <files>
@@ -87,8 +87,11 @@ function ($scope,$rootScope, $compile,$http, $log, $location, $timeout,DA,Module
         $scope.openView = function ($event) {
     //    debugger;
             $rootScope.currentBodyViewId = $event.currentTarget.id;
-          
             $rootScope.ViewTitle = $event.currentTarget.textContent;
+
+            localStorage.setItem("currentViewTitleFromJson", $event.currentTarget.textContent);
+            localStorage.setItem("currentBodyViewId", $event.currentTarget.id);
+
             var u = $location.url();
             $location.url('/da-body-view');
@@ -144,28 +147,34 @@ function ($scope,$rootScope, $compile,$http, $log, $location, $timeout,DA,Module
             var openViews;
-        //    debugger;
+            var currentBodyViewId = localStorage.getItem("currentBodyViewId");
+          debugger;
             if ($rootScope.openViews.length>0) {
                 openViews = new jinqJs()
                    .from($rootScope.openViews)
-                   .where("BodyViewId==" + $rootScope.currentBodyViewId)
+                   .where("BodyViewId==" + currentBodyViewId)
                    .select();
             }
             var counter = 1;
-            var tittle = $rootScope.ViewTitle;
+            // var tittle = $rootScope.ViewTitle;
+            var tittle = localStorage.getItem("currentViewTitleFromJson");
             if (openViews!=null && openViews.length > 0)
             {
                 angular.forEach(openViews, function (value, key) {
-                    if (value.BodyViews == tittle) {
-                        tittle = $rootScope.ViewTitle + counter++;
+                    if (value.BodyView == tittle) {
+                        tittle = localStorage.getItem("currentViewTitleFromJson") + counter++;
                         $rootScope.currentActiveViewTitle = tittle;
+                        localStorage.setItem("currentViewTitle", tittle);
                     }                   
                 });
-                }
+            }
+            else {
+                localStorage.setItem("currentViewTitle", tittle);
+            }
@@ -176,7 +185,7 @@ function ($scope,$rootScope, $compile,$http, $log, $location, $timeout,DA,Module
                 ajax: {
                     url: 'app/views/da/da-view.html'
                 },
-                title: tittle,
+                title: localStorage.getItem("currentViewTitle"),
                 //  bootstrap: 'columns large-10 medium-9',
                 position: {
                     top: 70,  //50,
@@ -240,9 +249,9 @@ function ($scope,$rootScope, $compile,$http, $log, $location, $timeout,DA,Module
             .error(function (data, status, headers, config) {
                 console.log(data);
             });
-         //   debugger;
+           debugger;
-            $scope.voId = $rootScope.currentBodyViewId;
+           $scope.voId = localStorage.getItem("currentBodyViewId");;
             $scope.layerNo = 0;
             $scope.skinTone =  DA[0].ethnicity;
@@ -7,7 +7,7 @@ AIA.controller(&quot;HomeController&quot;, [&quot;$rootScope&quot;,&quot;Modules&quot;, &quot;$log&quot;, &quot;$location&quot;, &quot;
         //    name: 'MainMenu'
         //};
         $rootScope.pageToOpen = 'app/widget/MainMenu.html';
-        $rootScope.currentBodyViewId = 1;
+        $rootScope.currentBodyViewId ;
         $rootScope.currentActiveModuleTitle = 'Welcome to A.D.A.M. Interactive Anatomy';//Modules[0].Name;
         $rootScope.currentActiveViewTitle;
         $rootScope.cuurentActiveModuleId;
@@ -15,7 +15,7 @@ AIA.controller(&quot;HomeController&quot;, [&quot;$rootScope&quot;,&quot;Modules&quot;, &quot;$log&quot;, &quot;$location&quot;, &quot;
         $rootScope.openViews = [];
         $rootScope.currentSlug;
         $rootScope.jsPanelTitle;
-
+        $rootScope.ViewTitle;
         $rootScope.ClearIframe = function () {
             if ($('#daImagePanel')!=null)
 'use strict';
-var AIA = angular.module('AIA', ['ngSanitize', 'ngRoute']);
+var AIA = angular.module('AIA', ['ngSanitize', 'ngRoute', 'ngStorage']);
 <div class=" ">
-    <div class=" leftToolBar tools pull-left ">
+    <div class="leftToolBar tools pull-left">
         <div class="toggle-icon toggleBar toggleHeadingButton" title="Show/Hide Sidebar" style="top:20px;"></div>
         <div class="" style="top:20px">
             <div class="col-sm-6" title="Identify">
 <div class="bodyWrap row" ng-init="ClearIframe()">
     <div ng-include="'app/widget/MainMenu.html'"/>
     <div class="main">
-        <div class="col-sm-12">
+        <div class="col-sm-12" style="padding-left:25px; width:99%">
             <div align="center" id="MainImage"><img src="content/images/img1.png" alt="" title="" class="img-responsive"></div>
             <!--<div ng-view></div>-->
         </div>
 <!DOCTYPE html>
 <html lang="en" ng-cloak ng-app="AIA">
 <head>
-    <base href="/AIA/" />
+    <base href="/AIAHTML5/" />
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
@@ -134,6 +134,7 @@
     <script src="libs/angular/1.4.9/angular.min.js"></script>
     <script src="libs/angular/1.4.9/angular-route.min.js"></script>
     <script src="libs/angular/1.4.9/angular-sanitize.min.js"></script>
+    <script src="libs/angular/1.4.9/ngStorage.js"></script>
     <script src="content/js/custom/custom.js"></script>
     <script src="libs/jinqJs.js"></script>
     <script src="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.js"></script>
+(function (root, factory) {
+    'use strict';
+
+    if (typeof define === 'function' && define.amd) {
+        define(['angular'], factory);
+    } else if (root.hasOwnProperty('angular')) {
+        // Browser globals (root is window), we don't register it.
+        factory(root.angular);
+    } else if (typeof exports === 'object') {
+        module.exports = factory(require('angular'));
+    }
+}(this, function (angular) {
+    'use strict';
+
+    // In cases where Angular does not get passed or angular is a truthy value
+    // but misses .module we can fall back to using window.
+    angular = (angular && angular.module) ? angular : window.angular;
+
+
+    function isStorageSupported($window, storageType) {
+
+        // Some installations of IE, for an unknown reason, throw "SCRIPT5: Error: Access is denied"
+        // when accessing window.localStorage. This happens before you try to do anything with it. Catch
+        // that error and allow execution to continue.
+
+        // fix 'SecurityError: DOM Exception 18' exception in Desktop Safari, Mobile Safari
+        // when "Block cookies": "Always block" is turned on
+        var supported;
+        try {
+            supported = $window[storageType];
+        }
+        catch (err) {
+            supported = false;
+        }
+
+        // When Safari (OS X or iOS) is in private browsing mode, it appears as though localStorage
+        // is available, but trying to call .setItem throws an exception below:
+        // "QUOTA_EXCEEDED_ERR: DOM Exception 22: An attempt was made to add something to storage that exceeded the quota."
+        if (supported && storageType === 'localStorage') {
+            var key = '__' + Math.round(Math.random() * 1e7);
+
+            try {
+                localStorage.setItem(key, key);
+                localStorage.removeItem(key);
+            }
+            catch (err) {
+                supported = false;
+            }
+        }
+
+        return supported;
+    }
+
+    /**
+     * @ngdoc overview
+     * @name ngStorage
+     */
+
+    return angular.module('ngStorage', [])
+
+    /**
+     * @ngdoc object
+     * @name ngStorage.$localStorage
+     * @requires $rootScope
+     * @requires $window
+     */
+
+    .provider('$localStorage', _storageProvider('localStorage'))
+
+    /**
+     * @ngdoc object
+     * @name ngStorage.$sessionStorage
+     * @requires $rootScope
+     * @requires $window
+     */
+
+    .provider('$sessionStorage', _storageProvider('sessionStorage'));
+
+    function _storageProvider(storageType) {
+        var providerWebStorage = isStorageSupported(window, storageType);
+
+        return function () {
+            var storageKeyPrefix = 'ngStorage-';
+
+            this.setKeyPrefix = function (prefix) {
+                if (typeof prefix !== 'string') {
+                    throw new TypeError('[ngStorage] - ' + storageType + 'Provider.setKeyPrefix() expects a String.');
+                }
+                storageKeyPrefix = prefix;
+            };
+
+            var serializer = angular.toJson;
+            var deserializer = angular.fromJson;
+
+            this.setSerializer = function (s) {
+                if (typeof s !== 'function') {
+                    throw new TypeError('[ngStorage] - ' + storageType + 'Provider.setSerializer expects a function.');
+                }
+
+                serializer = s;
+            };
+
+            this.setDeserializer = function (d) {
+                if (typeof d !== 'function') {
+                    throw new TypeError('[ngStorage] - ' + storageType + 'Provider.setDeserializer expects a function.');
+                }
+
+                deserializer = d;
+            };
+
+            this.supported = function () {
+                return !!providerWebStorage;
+            };
+
+            // Note: This is not very elegant at all.
+            this.get = function (key) {
+                return providerWebStorage && deserializer(providerWebStorage.getItem(storageKeyPrefix + key));
+            };
+
+            // Note: This is not very elegant at all.
+            this.set = function (key, value) {
+                return providerWebStorage && providerWebStorage.setItem(storageKeyPrefix + key, serializer(value));
+            };
+
+            this.$get = [
+                '$rootScope',
+                '$window',
+                '$log',
+                '$timeout',
+                '$document',
+
+                function (
+                    $rootScope,
+                    $window,
+                    $log,
+                    $timeout,
+                    $document
+                ) {
+
+                    // The magic number 10 is used which only works for some keyPrefixes...
+                    // See https://github.com/gsklee/ngStorage/issues/137
+                    var prefixLength = storageKeyPrefix.length;
+
+                    // #9: Assign a placeholder object if Web Storage is unavailable to prevent breaking the entire AngularJS app
+                    // Note: recheck mainly for testing (so we can use $window[storageType] rather than window[storageType])
+                    var isSupported = isStorageSupported($window, storageType),
+                        webStorage = isSupported || ($log.warn('This browser does not support Web Storage!'), { setItem: angular.noop, getItem: angular.noop, removeItem: angular.noop }),
+                        $storage = {
+                            $default: function (items) {
+                                for (var k in items) {
+                                    angular.isDefined($storage[k]) || ($storage[k] = angular.copy(items[k]));
+                                }
+
+                                $storage.$sync();
+                                return $storage;
+                            },
+                            $reset: function (items) {
+                                for (var k in $storage) {
+                                    '$' === k[0] || (delete $storage[k] && webStorage.removeItem(storageKeyPrefix + k));
+                                }
+
+                                return $storage.$default(items);
+                            },
+                            $sync: function () {
+                                for (var i = 0, l = webStorage.length, k; i < l; i++) {
+                                    // #8, #10: `webStorage.key(i)` may be an empty string (or throw an exception in IE9 if `webStorage` is empty)
+                                    (k = webStorage.key(i)) && storageKeyPrefix === k.slice(0, prefixLength) && ($storage[k.slice(prefixLength)] = deserializer(webStorage.getItem(k)));
+                                }
+                            },
+                            $apply: function () {
+                                var temp$storage;
+
+                                _debounce = null;
+
+                                if (!angular.equals($storage, _last$storage)) {
+                                    temp$storage = angular.copy(_last$storage);
+                                    angular.forEach($storage, function (v, k) {
+                                        if (angular.isDefined(v) && '$' !== k[0]) {
+                                            webStorage.setItem(storageKeyPrefix + k, serializer(v));
+                                            delete temp$storage[k];
+                                        }
+                                    });
+
+                                    for (var k in temp$storage) {
+                                        webStorage.removeItem(storageKeyPrefix + k);
+                                    }
+
+                                    _last$storage = angular.copy($storage);
+                                }
+                            },
+                            $supported: function () {
+                                return !!isSupported;
+                            }
+                        },
+                        _last$storage,
+                        _debounce;
+
+                    $storage.$sync();
+
+                    _last$storage = angular.copy($storage);
+
+                    $rootScope.$watch(function () {
+                        _debounce || (_debounce = $timeout($storage.$apply, 100, false));
+                    });
+
+                    // #6: Use `$window.addEventListener` instead of `angular.element` to avoid the jQuery-specific `event.originalEvent`
+                    $window.addEventListener && $window.addEventListener('storage', function (event) {
+                        if (!event.key) {
+                            return;
+                        }
+
+                        // Reference doc.
+                        var doc = $document[0];
+
+                        if ((!doc.hasFocus || !doc.hasFocus()) && storageKeyPrefix === event.key.slice(0, prefixLength)) {
+                            event.newValue ? $storage[event.key.slice(prefixLength)] = deserializer(event.newValue) : delete $storage[event.key.slice(prefixLength)];
+
+                            _last$storage = angular.copy($storage);
+
+                            $rootScope.$apply();
+                        }
+                    });
+
+                    $window.addEventListener && $window.addEventListener('beforeunload', function () {
+                        $storage.$apply();
+                    });
+
+                    return $storage;
+                }
+            ];
+        };
+    }
+
+}));
 \ No newline at end of file
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <base href="/AIA/" />
+    <base href="/AIAHTML5/" />
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">