epsdk-app-onap/src/main/webapp/app/fusion/external/ebz/js/attHeaderSnippet.js

   1 /* Popup Box function */\r
   2 (function(){\r
   3 \r
   4   $.fn.popbox = function(options){\r
   5     settings = $.extend({\r
   6       selector          : this.selector,\r
   7       open              : '.openpopbox',\r
   8       box               : '.box1',\r
   9       arrow             : '.arrow',\r
  10       arrow_border      : '.arrow-border',\r
  11       close             : '.close'\r
  12     }, options);\r
  13 \r
  14     var methods = {\r
  15       open: function(event){\r
  16         event.preventDefault();\r
  17         var pop = $(this);\r
  18         var box = $(this).parent().find(settings['box']);\r
  19         box.find(settings['arrow']).css({'left': box.width()/2 - 10 + 46});\r
  20         box.find(settings['arrow_border']).css({'left': box.width()/2 - 10 - 63});\r
  21         if(box.css('display') == 'block'){\r
  22           /* methods.close();\r
  23           setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200);\r
  24         // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999');\r
  25             if($(window).scrollTop() > 20){\r
  26                  setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); },200);\r
  27                   // $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999');\r
  28             };*/\r
  29                          $('.box1').fadeIn('slow');\r
  30         } else {\r
  31            $('.chatBox').fadeOut('fast');\r
  32           $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999');\r
  33                 if(box.attr('target') == 'auth'){\r
  34                         box.find(settings['arrow']).css({'left': box.width()/2 + 36});\r
  35                         box.css({'display': 'block', 'top': 0, 'left': ((pop.parent().parent().width()/2) -box.width()/2 ) - 90});\r
  36                 }\r
  37                 else{\r
  38                         box.find(settings['arrow']).css({'left': box.width()/2 - 42});\r
  39                         box.css({'display': 'block', 'top': 0, 'left': ((pop.parent().parent().width()/2) -box.width()/2-15 )});\r
  40                         box.find("#header_login_id").focus();\r
  41                         box.find('#header_password').val('');\r
  42                         }\r
  43         }\r
  44       },\r
  45 \r
  46       close: function(){\r
  47         $(settings['box']).fadeOut("fast");\r
  48       }\r
  49     };\r
  50     \r
  51     $(document).bind('keyup', function(event){\r
  52       if(event.keyCode == 27){\r
  53         setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200);\r
  54         // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999');\r
  55         if($(window).scrollTop() > 20){\r
  56            // setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); },200);\r
  57           $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999');\r
  58         };\r
  59         methods.close();\r
  60       }\r
  61     });\r
  62  // Close chat-box and popup on clicking out of chat-box\r
  63     $(document).bind('click', function(event){\r
  64       if(!($(event.target).closest('.chatBox').length || $(event.target).hasClass('chatIcon') || $(event.target).closest(settings['selector']).length)){\r
  65         methods.close();\r
  66          if ($("#actionsDropDown").css('z-index')=='-999'){\r
  67            setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200);\r
  68         }\r
  69         if($(window).scrollTop() > 20){\r
  70            setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); },200);\r
  71            // $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999');\r
  72         };\r
  73        \r
  74           $('.chatBox').fadeOut('fast');\r
  75         \r
  76       }\r
  77     });\r
  78 \r
  79     return this.each(function(){\r
  80 \r
  81       $(this).css({'width': $(settings['box']).width()}); // Width needs to be set otherwise popbox will not move when window resized.\r
  82       $(settings['open'], this).bind('click', methods.open);\r
  83       $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999');\r
  84       $(settings['open'], this).parent().find(settings['close']).bind('click', function(event){\r
  85         // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999');\r
  86         setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200);\r
  87         methods.close();\r
  88       });\r
  89     });\r
  90   }\r
  91 \r
  92 }).call(this);\r
  93 \r
  94 \r
  95 $('.popbox').popbox();\r
  96 \r
  97 $(function(){\r
  98         var displayName = "";\r
  99         if($("#reg-fn-ln-id").length > 0){\r
 100                 var fnln = $("#reg-fn-ln-id").val().length; \r
 101                 if(fnln > 0){\r
 102                         var fnVar = $("#reg-fname-id").val();\r
 103                         var lnVar = $("#reg-lname-id").val();\r
 104                         var numChars = 13;\r
 105                         var nameLen = fnVar.length + lnVar.length + 1; // 1 for space between the first name and the last name\r
 106                         if(fnVar != " " && lnVar != " "){\r
 107                                 if(nameLen <= numChars){\r
 108                                         displayName = fnVar+" "+lnVar;\r
 109                                 }else if(nameLen <= (numChars * 2)){\r
 110                                                 displayName = fnVar+"<br/>"+lnVar;\r
 111                                         }else\r
 112                                                 {\r
 113                                                         if(fnVar.length < numChars && lnVar.length > numChars){ //Smaller first name and longer last name                                                       \r
 114                                                                 displayName = fnVar+"<br/>"+lnVar.substring(0,numChars-1)+"...";\r
 115                                                         }\r
 116                                                         \r
 117                                                         if(fnVar.length >= numChars ){ //Longer first name\r
 118                                                                 // 2 = 1 for elipses, 1 for space between the first name and last name\r
 119                                                                 longLName = numChars - ((fnVar.substring(numChars,fnVar.length)).length + 2); \r
 120                                                                 displayName = fnVar.substring(0,numChars)+"<br/>"+fnVar.substring(numChars,fnVar.length)+" "+lnVar.substring(0,longLName)+"...";\r
 121                                                         }\r
 122                                                 }               \r
 123                         }\r
 124                         else{\r
 125                                 displayName = fnVar+" "+lnVar;\r
 126                         }\r
 127                 }       \r
 128                 \r
 129                 $("#reg-userName").html(displayName);\r
 130         }\r
 131 });\r
 132 \r
 133 /* ClickToChat ANONYMOUS FUNCTION DEFINITION       *\r
 134  * =============================================== *\r
 135  * On clicking the chat icon displays the chat box */\r
 136 (function(){\r
 137 \r
 138   var chatbox = $('.chatBox'); \r
 139 \r
 140   // var actionsDropDown = $('#actionsDropDown');\r
 141   var methods = {\r
 142     open: function(){chatbox.css('display','block');},\r
 143     close: function(){chatbox.fadeOut('fast');}\r
 144   };\r
 145   $('.chatIcon').click(function(){\r
 146     if (chatbox.css('display') == 'block'){\r
 147       methods.close();\r
 148       setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200);\r
 149        // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999');\r
 150       if($(window).scrollTop() > 20){\r
 151            setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); },200);\r
 152             // $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999');\r
 153       };\r
 154     } else {\r
 155        $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999');\r
 156       methods.open();\r
 157       $(settings['box']).fadeOut("fast");\r
 158     }\r
 159   });\r
 160 \r
 161   // Close chat-box on clicking cross icon\r
 162   $('.circle_close_chat').click(function(){\r
 163     // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999');\r
 164     setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200);\r
 165     methods.close();\r
 166     if($(window).scrollTop() > 20){\r
 167        setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); },200);\r
 168        // $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999');\r
 169     };\r
 170   });\r
 171 \r
 172   // Close chat-box on Escape key press\r
 173   $(document).bind('keyup', function(event){\r
 174     if(event.keyCode == 27){ \r
 175       setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200);\r
 176       methods.close();\r
 177       if($(window).scrollTop() > 20){\r
 178            setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); },200);\r
 179            //$(".btn-panel-vertical,#actionsDropDown").css('z-index','-999');\r
 180       };\r
 181     }\r
 182   });\r
 183 \r
 184   // Close chat-box on clicking out of chat-box\r
 185   // $(document).bind('click', function(event){\r
 186 \r
 187   //   console.log(event.target,"2");\r
 188   //   if(!($(event.target).closest('.chatBox').length || $(event.target).hasClass('chatIcon'))) {\r
 189   //     event.preventDefault();\r
 190   //   // console.log($(event.target).closest(settings['selector']).length);\r
 191   //   console.log($(event.target).closest('.   ').length);\r
 192   //   console.log($(event.target).hasClass('chatIcon'));\r
 193 \r
 194 \r
 195   //     // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999');\r
 196   //     methods.close();\r
 197   //     if ($("#actionsDropDown").css('z-index')=='-999') {\r
 198   //       $(".btn-panel-vertical,#actionsDropDown").css('z-index','999');\r
 199   //     };\r
 200   //     // if (flag!="clicked") {\r
 201   //     //   if ($('.box').css('display') == 'block' || $('.chatBox').css('display') == 'block' ){\r
 202   //     //     $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999');\r
 203   //     //   } else {\r
 204   //     //     $(".btn-panel-vertical,#actionsDropDown").css('z-index','999');\r
 205   //     //   }\r
 206   //     // }\r
 207   //    }\r
 208   // });\r
 209 \r
 210 })();