diff options
author | 2017-05-04 07:48:42 -0400 | |
---|---|---|
committer | 2017-05-04 12:28:17 -0400 | |
commit | b54df0ddd0c6a0372327c5aa3668e5a6458fcd64 (patch) | |
tree | e69cfa9b314a801bd187cf0145d1d4306436229c /ecomp-portal-BE-common/src/main/webapp/WEB-INF/static/ebz/angular_js/attHeaderSnippet.js | |
parent | 39d1e62c84041831bfc52cca73b5ed5efaf57d27 (diff) |
[PORTAL-7] Rebase
This rebasing includes common libraries and common overlays projects
abstraction of components
Change-Id: I9a24a338665c7cd058978e8636bc412d9e2fdce8
Signed-off-by: st782s <statta@research.att.com>
Diffstat (limited to 'ecomp-portal-BE-common/src/main/webapp/WEB-INF/static/ebz/angular_js/attHeaderSnippet.js')
-rw-r--r-- | ecomp-portal-BE-common/src/main/webapp/WEB-INF/static/ebz/angular_js/attHeaderSnippet.js | 210 |
1 files changed, 210 insertions, 0 deletions
diff --git a/ecomp-portal-BE-common/src/main/webapp/WEB-INF/static/ebz/angular_js/attHeaderSnippet.js b/ecomp-portal-BE-common/src/main/webapp/WEB-INF/static/ebz/angular_js/attHeaderSnippet.js new file mode 100644 index 00000000..2c0dfc37 --- /dev/null +++ b/ecomp-portal-BE-common/src/main/webapp/WEB-INF/static/ebz/angular_js/attHeaderSnippet.js @@ -0,0 +1,210 @@ +/* Popup Box function */ +(function(){ + + $.fn.popbox = function(options){ + settings = $.extend({ + selector : this.selector, + open : '.openpopbox', + box : '.box1', + arrow : '.arrow', + arrow_border : '.arrow-border', + close : '.close' + }, options); + + var methods = { + open: function(event){ + event.preventDefault(); + var pop = $(this); + var box = $(this).parent().find(settings['box']); + box.find(settings['arrow']).css({'left': box.width()/2 - 10 + 46}); + box.find(settings['arrow_border']).css({'left': box.width()/2 - 10 - 63}); + if(box.css('display') == 'block'){ + /* methods.close(); + setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200); + // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); + if($(window).scrollTop() > 20){ + setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); },200); + // $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); + };*/ + $('.box1').fadeIn('slow'); + } else { + $('.chatBox').fadeOut('fast'); + $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); + if(box.attr('target') == 'auth'){ + box.find(settings['arrow']).css({'left': box.width()/2 + 36}); + box.css({'display': 'block', 'top': 0, 'left': ((pop.parent().parent().width()/2) -box.width()/2 ) - 90}); + } + else{ + box.find(settings['arrow']).css({'left': box.width()/2 - 42}); + box.css({'display': 'block', 'top': 0, 'left': ((pop.parent().parent().width()/2) -box.width()/2-15 )}); + box.find("#header_login_id").focus(); + box.find('#header_password').val(''); + } + } + }, + + close: function(){ + $(settings['box']).fadeOut("fast"); + } + }; + + $(document).bind('keyup', function(event){ + if(event.keyCode == 27){ + setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200); + // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); + if($(window).scrollTop() > 20){ + // setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); },200); + $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); + }; + methods.close(); + } + }); + // Close chat-box and popup on clicking out of chat-box + $(document).bind('click', function(event){ + if(!($(event.target).closest('.chatBox').length || $(event.target).hasClass('chatIcon') || $(event.target).closest(settings['selector']).length)){ + methods.close(); + if ($("#actionsDropDown").css('z-index')=='-999'){ + setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200); + } + if($(window).scrollTop() > 20){ + setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); },200); + // $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); + }; + + $('.chatBox').fadeOut('fast'); + + } + }); + + return this.each(function(){ + + $(this).css({'width': $(settings['box']).width()}); // Width needs to be set otherwise popbox will not move when window resized. + $(settings['open'], this).bind('click', methods.open); + $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); + $(settings['open'], this).parent().find(settings['close']).bind('click', function(event){ + // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); + setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200); + methods.close(); + }); + }); + } + +}).call(this); + + +$('.popbox').popbox(); + +$(function(){ + var displayName = ""; + if($("#reg-fn-ln-id").length > 0){ + var fnln = $("#reg-fn-ln-id").val().length; + if(fnln > 0){ + var fnVar = $("#reg-fname-id").val(); + var lnVar = $("#reg-lname-id").val(); + var numChars = 13; + var nameLen = fnVar.length + lnVar.length + 1; // 1 for space between the first name and the last name + if(fnVar != " " && lnVar != " "){ + if(nameLen <= numChars){ + displayName = fnVar+" "+lnVar; + }else if(nameLen <= (numChars * 2)){ + displayName = fnVar+"<br/>"+lnVar; + }else + { + if(fnVar.length < numChars && lnVar.length > numChars){ //Smaller first name and longer last name + displayName = fnVar+"<br/>"+lnVar.substring(0,numChars-1)+"..."; + } + + if(fnVar.length >= numChars ){ //Longer first name + // 2 = 1 for elipses, 1 for space between the first name and last name + longLName = numChars - ((fnVar.substring(numChars,fnVar.length)).length + 2); + displayName = fnVar.substring(0,numChars)+"<br/>"+fnVar.substring(numChars,fnVar.length)+" "+lnVar.substring(0,longLName)+"..."; + } + } + } + else{ + displayName = fnVar+" "+lnVar; + } + } + + $("#reg-userName").html(displayName); + } +}); + +/* ClickToChat ANONYMOUS FUNCTION DEFINITION * + * =============================================== * + * On clicking the chat icon displays the chat box */ +(function(){ + + var chatbox = $('.chatBox'); + + // var actionsDropDown = $('#actionsDropDown'); + var methods = { + open: function(){chatbox.css('display','block');}, + close: function(){chatbox.fadeOut('fast');} + }; + $('.chatIcon').click(function(){ + if (chatbox.css('display') == 'block'){ + methods.close(); + setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200); + // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); + if($(window).scrollTop() > 20){ + setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); },200); + // $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); + }; + } else { + $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); + methods.open(); + $(settings['box']).fadeOut("fast"); + } + }); + + // Close chat-box on clicking cross icon + $('.circle_close_chat').click(function(){ + // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); + setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200); + methods.close(); + if($(window).scrollTop() > 20){ + setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); },200); + // $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); + }; + }); + + // Close chat-box on Escape key press + $(document).bind('keyup', function(event){ + if(event.keyCode == 27){ + setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); },200); + methods.close(); + if($(window).scrollTop() > 20){ + setTimeout(function(){ $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); },200); + //$(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); + }; + } + }); + + // Close chat-box on clicking out of chat-box + // $(document).bind('click', function(event){ + + // console.log(event.target,"2"); + // if(!($(event.target).closest('.chatBox').length || $(event.target).hasClass('chatIcon'))) { + // event.preventDefault(); + // // console.log($(event.target).closest(settings['selector']).length); + // console.log($(event.target).closest('. ').length); + // console.log($(event.target).hasClass('chatIcon')); + + + // // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); + // methods.close(); + // if ($("#actionsDropDown").css('z-index')=='-999') { + // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); + // }; + // // if (flag!="clicked") { + // // if ($('.box').css('display') == 'block' || $('.chatBox').css('display') == 'block' ){ + // // $(".btn-panel-vertical,#actionsDropDown").css('z-index','-999'); + // // } else { + // // $(".btn-panel-vertical,#actionsDropDown").css('z-index','999'); + // // } + // // } + // } + // }); + +})();
\ No newline at end of file |