Orientation fix for iPhone/iPad

diff --git a/snf-astakos-app/astakos/im/static/im/js/common.js b/snf-astakos-app/astakos/im/static/im/js/common.js
index b29d13f..f25e698 100644 (file)
--- a/snf-astakos-app/astakos/im/static/im/js/common.js
+++ b/snf-astakos-app/astakos/im/static/im/js/common.js
@@ -13,6 +13,35 @@ function setContainerMinHeight( applicableDiv){
 \r
 }\r
 \r
+// fix for iPhone - iPad orientation bug \r
+var metas = document.getElementsByTagName('meta');\r
+function resetViewport() {\r
+    var i;\r
+    if (navigator.userAgent.match(/iPhone/i)) {\r
+               for (i=0; i<metas.length; i++) {\r
+               if (metas[i].name == "viewport") {\r
+                       metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";\r
+               }\r
+               }\r
+       }\r
+}\r
+resetViewport();\r
+    \r
+window.onorientationchange = function() {\r
+    resetViewport();\r
+};\r
+    \r
+function gestureStart() {\r
+  for (i=0; i<metas.length; i++) {\r
+    if (metas[i].name == "viewport") {\r
+      metas[i].content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";\r
+    }\r
+  }\r
+}\r
+document.addEventListener("gesturestart", gestureStart, false);\r
+\r
+//end of fix\r
+\r
 $(document).ready(function() {\r
        \r
         \r

diff --git a/snf-astakos-app/astakos/im/templates/im/base.html b/snf-astakos-app/astakos/im/templates/im/base.html
index de70055..43c1754 100644 (file)
--- a/snf-astakos-app/astakos/im/templates/im/base.html
+++ b/snf-astakos-app/astakos/im/templates/im/base.html
@@ -11,7 +11,7 @@
   
   <meta name="description" content="">
   <meta name="author" content="">
-  <meta name="viewport" content="width=device-width; initial-scale=1.0">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0">
     
   {% block page.js %}
   <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
@@ -29,6 +29,7 @@
        
       <link href="https://fonts.googleapis.com/css?family=Antic" rel="stylesheet" type="text/css">
       <link rel="stylesheet" type="text/css" href="{{ IM_STATIC_URL }}css/global.css">
+      <link rel="stylesheet" type="text/css" href="{{ IM_STATIC_URL }}css/print.css" media="print">
       <!--[if lte IE 7]>
             <link rel="stylesheet" type="text/css" href="{{ IM_STATIC_URL }}css/ie7.css">
       <![endif]-->