code.grnet.gr Git - astakos/blob - snf-astakos-app/astakos/im/static/im/js/common.js

   1 function setContainerMinHeight( applicableDiv){\r
   2         \r
   3     if ( $(applicableDiv).length > 0 ) {\r
   4         //var h = $('.header').height(); div.header is not found \r
   5         var f = $('.footer').height();\r
   6         var w = $(window).height();\r
   7         var pTop = parseInt (($(applicableDiv).css('padding-top').replace("px", "")) );\r
   8         var pBottom = parseInt (($(applicableDiv).css('padding-bottom').replace("px", "")));\r
   9 \r
  10         var c = w - ( f+pTop+pBottom+36);//36 is header's height.\r
  11         $(applicableDiv).css('min-height', c);\r
  12     }    \r
  13 \r
  14 }\r
  15 \r
  16 \r
  17 //equal heights\r
  18  \r
  19 (function($) {\r
  20         $.fn.equalHeights = function(minHeight, maxHeight) {\r
  21                 tallest = (minHeight) ? minHeight : 0;\r
  22                 this.each(function() {\r
  23                         if($(this).height() > tallest) {\r
  24                                 tallest = $(this).height();\r
  25                         }\r
  26                 });\r
  27                 if((maxHeight) && tallest > maxHeight) tallest = maxHeight;\r
  28                 return this.each(function() {\r
  29                         $(this).height(tallest);\r
  30                 });\r
  31         }\r
  32 })(jQuery);\r
  33 \r
  34 \r
  35 \r
  36 // fix for iPhone - iPad orientation bug \r
  37 var metas = document.getElementsByTagName('meta');\r
  38 function resetViewport() {\r
  39     var i;\r
  40     if (navigator.userAgent.match(/iPhone/i)) {\r
  41                 for (i=0; i<metas.length; i++) {\r
  42                 if (metas[i].name == "viewport") {\r
  43                         metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";\r
  44                 }\r
  45                 }\r
  46         }\r
  47 }\r
  48 resetViewport();\r
  49     \r
  50 window.onorientationchange = function() {\r
  51     resetViewport();\r
  52 };\r
  53     \r
  54 function gestureStart() {\r
  55   for (i=0; i<metas.length; i++) {\r
  56     if (metas[i].name == "viewport") {\r
  57       metas[i].content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";\r
  58     }\r
  59   }\r
  60 }\r
  61 \r
  62 if (navigator.userAgent.match(/iPhone/i)) {\r
  63         document.addEventListener("gesturestart", gestureStart, false);\r
  64 }\r
  65 //end of fix\r
  66 \r
  67 $(document).ready(function() {\r
  68         \r
  69          \r
  70     setContainerMinHeight('.container .wrapper');\r
  71     \r
  72         \r
  73     $('.show-extra').click(function(e) {\r
  74         e.preventDefault();\r
  75         $(this).parents('.bg-wrap').find('.extra').slideToggle(600);\r
  76     });\r
  77     $('.hide-extra').click(function(e) {\r
  78         e.preventDefault();\r
  79         $(this).parents('.bg-wrap').find('.extra').slideUp(600);\r
  80     });\r
  81     \r
  82     $('.box-more p').click(function(e) {\r
  83         $(this).siblings('.clearfix').toggle('slow');\r
  84         $(this).parents('.box-more').toggleClass('border');\r
  85     });\r
  86         \r
  87         var fixTopMessageHeight = function() {\r
  88                 var topMargin = parseInt($('.mainlogo img').height())+parseInt($('.top-msg').css('marginBottom'));\r
  89                 $('.mainlogo').css('marginTop','-'+topMargin+'px');\r
  90         }\r
  91         \r
  92         if ($('.mainlogo img').length > 0) {\r
  93                 $('.mainlogo img').bind('load', fixTopMessageHeight)\r
  94         } else {\r
  95                 fixTopMessageHeight();\r
  96         }\r
  97         \r
  98         $('.top-msg a.close').click(function(e) {\r
  99                 e.preventDefault();\r
 100         $('.top-msg').animate({\r
 101             paddingTop:'0',\r
 102             paddingBottom:'0',\r
 103             height:'0'\r
 104         }, 1000, function (){\r
 105              $('.top-msg').removeClass('active')\r
 106         });\r
 107         $('.mainlogo').animate({\r
 108             marginTop:'0'\r
 109         }, 1000, function (){\r
 110              //todo\r
 111         });\r
 112     }); \r
 113     //$('.dropkick-select').dropkick();\r
 114     \r
 115  \r
 116     \r
 117     $('.top-msg .success').parents('.top-msg').addClass('success');\r
 118     $('.top-msg .error').parents('.top-msg').addClass('error');\r
 119     $('.top-msg .warning').parents('.top-msg').addClass('warning');\r
 120     $('.top-msg .info').parents('.top-msg').addClass('info');\r
 121     \r
 122     // clouds homepage animation\r
 123     $('#animation a').hover(\r
 124       function () {\r
 125         \r
 126         $(this).animate({\r
 127            top: '+=-10'   \r
 128            }, 600, function() {\r
 129                 if ($(this).find('img').attr('src').indexOf("_top") == -1) {\r
 130                         var src = $(this).find('img').attr('src').replace('.png', '_top.png')\r
 131                         $(this).find('img').attr("src", src);\r
 132                 }\r
 133 \r
 134                 });\r
 135         $(this).siblings('p').find('img').animate({\r
 136           width: '60%'       \r
 137         }, 600);\r
 138       }, \r
 139       function () {\r
 140 \r
 141         $(this).animate({top: '0'}, 600, function() {\r
 142                 var src = $(this).find('img').attr('src').replace('_top.png', '.png')\r
 143                 $(this).find('img').attr("src", src);\r
 144                 });\r
 145         $(this).siblings('p').find('img').animate({\r
 146           width: '65%'       \r
 147         },600);\r
 148       }\r
 149     );\r
 150     \r
 151     \r
 152     /*$('#animation a').hover(\r
 153       function () {\r
 154         \r
 155         $(this).animate({\r
 156            top: '+=-10'   \r
 157            }, 600);\r
 158         $(this).siblings('p').find('img').animate({\r
 159           width: '60%'       \r
 160         });\r
 161       }, \r
 162       function () {\r
 163 \r
 164         $(this).animate({top: '0'}, 600);\r
 165         $(this).siblings('p').find('img').animate({\r
 166           width: '65%'       \r
 167         });\r
 168       }\r
 169     );*/\r
 170     \r
 171     \r
 172     if ($('.widjets'.length > 0)) {\r
 173                 $('.widjets li div').equalHeights();\r
 174         }\r
 175     \r
 176     $(function() {\r
 177         if($("#from").length > 0 ){\r
 178                         $( "#from" ).datepicker({\r
 179                                 defaultDate: "+0", \r
 180                                 dateFormat: "dd-mm-yy",\r
 181                                 onSelect: function( selectedDate ) {\r
 182                                         $( "#to" ).datepicker( "option", "minDate", selectedDate );\r
 183                                 }\r
 184                         });\r
 185                         $( "#to" ).datepicker({\r
 186                                 defaultDate: "+1w", \r
 187                                 dateFormat: "dd-mm-yy",\r
 188                                 onSelect: function( selectedDate ) {\r
 189                                         $( "#from" ).datepicker( "option", "maxDate", selectedDate );\r
 190                                 }\r
 191                         });\r
 192                 }\r
 193         });\r
 194 });\r
 195 \r
 196 $(window).resize(function() {\r
 197     \r
 198    setContainerMinHeight('.container .wrapper');\r
 199    if ($('.widjets').length > 0) {\r
 200                 $('.widjets  li div').equalHeights();\r
 201         }\r
 202 \r
 203 });\r
 204 \r
 205 \r
 206 \r
 207 \r
 208  \r
 209 \r
 210 \r