Merge pull request #722 from andrewhosgood/develop

Various updates and improvements

Author: Himanshu Rajotia

src/core/js/device.js

@@ -34,7 +34,7 @@ define(function(require) {
     }
 
     var onWindowResize = _.debounce(function onScreenSizeChanged() {
-        Adapt.device.screenWidth = $window.width();
+        Adapt.device.screenWidth = window.innerWidth || $window.width();
         Adapt.trigger('device:resize', Adapt.device.screenWidth);
         var newScreenSize = checkScreenSize();
 
@@ -73,13 +73,27 @@ define(function(require) {
 
     }
 
+    function pixelDensity() {
+        var fltPixelDensity = ( window.devicePixelRatio || 1 );
+
+        if( fltPixelDensity >= 3 ) {
+            return 'ultra-high';
+        } else if( fltPixelDensity >= 2 ) {
+            return 'high';
+        } else if( fltPixelDensity >= 1.5 ) {
+            return 'medium';
+        } else {
+            return 'low';
+        }
+    }
+
     var browserString = browser + " version-" + version + " OS-" + OS;
 	/* MAKE DEVICE IDENTIFICATION UNIFORM CASE */
     Adapt.device.browser = browser ? browser.toLowerCase() : "";
     Adapt.device.version = version ? version.toLowerCase() : "";
     Adapt.device.OS = OS ? OS.toLowerCase() : "";
     browserString = browserString.replace("Internet Explorer", "ie");
 
-    $("html").addClass(browserString);
+    $("html").addClass(browserString + ' pixel-density-' + pixelDensity());
 
 });

src/core/js/router.js

@@ -170,7 +170,7 @@ define(function(require) {
             var documentTitle = courseTitle + pageTitle;
 
             Adapt.once("pageView:ready menuView:ready", function() {
-                document.title = documentTitle;
+                $('title').html(documentTitle);
             });
 
         }

src/core/js/views/drawerView.js

@@ -65,9 +65,9 @@ define(function(require) {
 
         render: function() {
             var template = Handlebars.templates['drawer']
-            $(this.el).html(template({_globals: Adapt.course.get("_globals")})).appendTo('body');
+            $(this.el).html(template({_globals: Adapt.course.get("_globals")})).prependTo('body');
             var shadowTemplate = Handlebars.templates['shadow'];
-            $(shadowTemplate()).appendTo('body');
+            $(shadowTemplate()).prependTo('body');
             // Set defer on post render
             _.defer(_.bind(function() {
                 this.postRender();

src/core/js/views/notifyView.js

@@ -64,7 +64,7 @@ define(function(require) {
             //hide notify container
             this.$el.css("visibility", "hidden");
             //attach popup + shadow
-            this.$el.html(template(data)).appendTo('body');
+            this.$el.html(template(data)).prependTo('body');
             //hide popup
             this.$('.notify-popup').css("visibility", "hidden");
             //show notify container