\n *
\n * \n * {{ number }}\n *
\n * \n * Fade me in out\n *
\n * \n * \n * ```\n *\n * Notice the CSS class **fade**? We can now create the CSS transition code that references this class:\n *\n * ```css\n * /* The starting CSS styles for the enter animation */\n * .fade.ng-enter {\n * transition:0.5s linear all;\n * opacity:0;\n * }\n *\n * /* The finishing CSS styles for the enter animation */\n * .fade.ng-enter.ng-enter-active {\n * opacity:1;\n * }\n * ```\n *\n * The key thing to remember here is that, depending on the animation event (which each of the directives above trigger depending on what's going on) two\n * generated CSS classes will be applied to the element; in the example above we have `.ng-enter` and `.ng-enter-active`. For CSS transitions, the transition\n * code **must** be defined within the starting CSS class (in this case `.ng-enter`). The destination class is what the transition will animate towards.\n *\n * If for example we wanted to create animations for `leave` and `move` (ngRepeat triggers move) then we can do so using the same CSS naming conventions:\n *\n * ```css\n * /* now the element will fade out before it is removed from the DOM */\n * .fade.ng-leave {\n * transition:0.5s linear all;\n * opacity:1;\n * }\n * .fade.ng-leave.ng-leave-active {\n * opacity:0;\n * }\n * ```\n *\n * We can also make use of **CSS Keyframes** by referencing the keyframe animation within the starting CSS class:\n *\n * ```css\n * /* there is no need to define anything inside of the destination\n * CSS class since the keyframe will take charge of the animation */\n * .fade.ng-leave {\n * animation: my_fade_animation 0.5s linear;\n * -webkit-animation: my_fade_animation 0.5s linear;\n * }\n *\n * @keyframes my_fade_animation {\n * from { opacity:1; }\n * to { opacity:0; }\n * }\n *\n * @-webkit-keyframes my_fade_animation {\n * from { opacity:1; }\n * to { opacity:0; }\n * }\n * ```\n *\n * Feel free also mix transitions and keyframes together as well as any other CSS classes on the same element.\n *\n * ### CSS Class-based Animations\n *\n * Class-based animations (animations that are triggered via `ngClass`, `ngShow`, `ngHide` and some other directives) have a slightly different\n * naming convention. Class-based animations are basic enough that a standard transition or keyframe can be referenced on the class being added\n * and removed.\n *\n * For example if we wanted to do a CSS animation for `ngHide` then we place an animation on the `.ng-hide` CSS class:\n *\n * ```html\n * \n * Show and hide me\n *
\n * \n *\n * \n * ```\n *\n * All that is going on here with ngShow/ngHide behind the scenes is the `.ng-hide` class is added/removed (when the hidden state is valid). Since\n * ngShow and ngHide are animation aware then we can match up a transition and ngAnimate handles the rest.\n *\n * In addition the addition and removal of the CSS class, ngAnimate also provides two helper methods that we can use to further decorate the animation\n * with CSS styles.\n *\n * ```html\n * \n * Highlight this box\n *
\n * \n *\n * \n * ```\n *\n * We can also make use of CSS keyframes by placing them within the CSS classes.\n *\n *\n * ### CSS Staggering Animations\n * A Staggering animation is a collection of animations that are issued with a slight delay in between each successive operation resulting in a\n * curtain-like effect. The ngAnimate module (versions >=1.2) supports staggering animations and the stagger effect can be\n * performed by creating a **ng-EVENT-stagger** CSS class and attaching that class to the base CSS class used for\n * the animation. The style property expected within the stagger class can either be a **transition-delay** or an\n * **animation-delay** property (or both if your animation contains both transitions and keyframe animations).\n *\n * ```css\n * .my-animation.ng-enter {\n * /* standard transition code */\n * transition: 1s linear all;\n * opacity:0;\n * }\n * .my-animation.ng-enter-stagger {\n * /* this will have a 100ms delay between each successive leave animation */\n * transition-delay: 0.1s;\n *\n * /* As of 1.4.4, this must always be set: it signals ngAnimate\n * to not accidentally inherit a delay property from another CSS class */\n * transition-duration: 0s;\n * }\n * .my-animation.ng-enter.ng-enter-active {\n * /* standard transition styles */\n * opacity:1;\n * }\n * ```\n *\n * Staggering animations work by default in ngRepeat (so long as the CSS class is defined). Outside of ngRepeat, to use staggering animations\n * on your own, they can be triggered by firing multiple calls to the same event on $animate. However, the restrictions surrounding this\n * are that each of the elements must have the same CSS className value as well as the same parent element. A stagger operation\n * will also be reset if one or more animation frames have passed since the multiple calls to `$animate` were fired.\n *\n * The following code will issue the **ng-leave-stagger** event on the element provided:\n *\n * ```js\n * var kids = parent.children();\n *\n * $animate.leave(kids[0]); //stagger index=0\n * $animate.leave(kids[1]); //stagger index=1\n * $animate.leave(kids[2]); //stagger index=2\n * $animate.leave(kids[3]); //stagger index=3\n * $animate.leave(kids[4]); //stagger index=4\n *\n * window.requestAnimationFrame(function() {\n * //stagger has reset itself\n * $animate.leave(kids[5]); //stagger index=0\n * $animate.leave(kids[6]); //stagger index=1\n *\n * $scope.$digest();\n * });\n * ```\n *\n * Stagger animations are currently only supported within CSS-defined animations.\n *\n * ### The `ng-animate` CSS class\n *\n * When ngAnimate is animating an element it will apply the `ng-animate` CSS class to the element for the duration of the animation.\n * This is a temporary CSS class and it will be removed once the animation is over (for both JavaScript and CSS-based animations).\n *\n * Therefore, animations can be applied to an element using this temporary class directly via CSS.\n *\n * ```css\n * .zipper.ng-animate {\n * transition:0.5s linear all;\n * }\n * .zipper.ng-enter {\n * opacity:0;\n * }\n * .zipper.ng-enter.ng-enter-active {\n * opacity:1;\n * }\n * .zipper.ng-leave {\n * opacity:1;\n * }\n * .zipper.ng-leave.ng-leave-active {\n * opacity:0;\n * }\n * ```\n *\n * (Note that the `ng-animate` CSS class is reserved and it cannot be applied on an element directly since ngAnimate will always remove\n * the CSS class once an animation has completed.)\n *\n *\n * ### The `ng-[event]-prepare` class\n *\n * This is a special class that can be used to prevent unwanted flickering / flash of content before\n * the actual animation starts. The class is added as soon as an animation is initialized, but removed\n * before the actual animation starts (after waiting for a $digest).\n * It is also only added for *structural* animations (`enter`, `move`, and `leave`).\n *\n * In practice, flickering can appear when nesting elements with structural animations such as `ngIf`\n * into elements that have class-based animations such as `ngClass`.\n *\n * ```html\n * \n *
\n * ```\n *\n * It is possible that during the `enter` animation, the `.message` div will be briefly visible before it starts animating.\n * In that case, you can add styles to the CSS that make sure the element stays hidden before the animation starts:\n *\n * ```css\n * .message.ng-enter-prepare {\n * opacity: 0;\n * }\n *\n * ```\n *\n * ## JavaScript-based Animations\n *\n * ngAnimate also allows for animations to be consumed by JavaScript code. The approach is similar to CSS-based animations (where there is a shared\n * CSS class that is referenced in our HTML code) but in addition we need to register the JavaScript animation on the module. By making use of the\n * `module.animation()` module function we can register the animation.\n *\n * Let's see an example of a enter/leave animation using `ngRepeat`:\n *\n * ```html\n * \n * ```\n *\n * See the **slide** CSS class? Let's use that class to define an animation that we'll structure in our module code by using `module.animation`:\n *\n * ```js\n * myModule.animation('.slide', [function() {\n * return {\n * // make note that other events (like addClass/removeClass)\n * // have different function input parameters\n * enter: function(element, doneFn) {\n * jQuery(element).fadeIn(1000, doneFn);\n *\n * // remember to call doneFn so that angular\n * // knows that the animation has concluded\n * },\n *\n * move: function(element, doneFn) {\n * jQuery(element).fadeIn(1000, doneFn);\n * },\n *\n * leave: function(element, doneFn) {\n * jQuery(element).fadeOut(1000, doneFn);\n * }\n * }\n * }]);\n * ```\n *\n * The nice thing about JS-based animations is that we can inject other services and make use of advanced animation libraries such as\n * greensock.js and velocity.js.\n *\n * If our animation code class-based (meaning that something like `ngClass`, `ngHide` and `ngShow` triggers it) then we can still define\n * our animations inside of the same registered animation, however, the function input arguments are a bit different:\n *\n * ```html\n * \n * \n *
\n * \n * this box is moody\n *
\n * \n * \n * \n * ```\n *\n * ```js\n * myModule.animation('.colorful', [function() {\n * return {\n * addClass: function(element, className, doneFn) {\n * // do some cool animation and call the doneFn\n * },\n * removeClass: function(element, className, doneFn) {\n * // do some cool animation and call the doneFn\n * },\n * setClass: function(element, addedClass, removedClass, doneFn) {\n * // do some cool animation and call the doneFn\n * }\n * }\n * }]);\n * ```\n *\n * ## CSS + JS Animations Together\n *\n * AngularJS 1.4 and higher has taken steps to make the amalgamation of CSS and JS animations more flexible. However, unlike earlier versions of Angular,\n * defining CSS and JS animations to work off of the same CSS class will not work anymore. Therefore the example below will only result in **JS animations taking\n * charge of the animation**:\n *\n * ```html\n * \n * ```\n *\n * ```js\n * myModule.animation('.slide', [function() {\n * return {\n * enter: function(element, doneFn) {\n * jQuery(element).slideIn(1000, doneFn);\n * }\n * }\n * }]);\n * ```\n *\n * ```css\n * .slide.ng-enter {\n * transition:0.5s linear all;\n * transform:translateY(-100px);\n * }\n * .slide.ng-enter.ng-enter-active {\n * transform:translateY(0);\n * }\n * ```\n *\n * Does this mean that CSS and JS animations cannot be used together? Do JS-based animations always have higher priority? We can make up for the\n * lack of CSS animations by using the `$animateCss` service to trigger our own tweaked-out, CSS-based animations directly from\n * our own JS-based animation code:\n *\n * ```js\n * myModule.animation('.slide', ['$animateCss', function($animateCss) {\n * return {\n * enter: function(element) {\n* // this will trigger `.slide.ng-enter` and `.slide.ng-enter-active`.\n * return $animateCss(element, {\n * event: 'enter',\n * structural: true\n * });\n * }\n * }\n * }]);\n * ```\n *\n * The nice thing here is that we can save bandwidth by sticking to our CSS-based animation code and we don't need to rely on a 3rd-party animation framework.\n *\n * The `$animateCss` service is very powerful since we can feed in all kinds of extra properties that will be evaluated and fed into a CSS transition or\n * keyframe animation. For example if we wanted to animate the height of an element while adding and removing classes then we can do so by providing that\n * data into `$animateCss` directly:\n *\n * ```js\n * myModule.animation('.slide', ['$animateCss', function($animateCss) {\n * return {\n * enter: function(element) {\n * return $animateCss(element, {\n * event: 'enter',\n * structural: true,\n * addClass: 'maroon-setting',\n * from: { height:0 },\n * to: { height: 200 }\n * });\n * }\n * }\n * }]);\n * ```\n *\n * Now we can fill in the rest via our transition CSS code:\n *\n * ```css\n * /* the transition tells ngAnimate to make the animation happen */\n * .slide.ng-enter { transition:0.5s linear all; }\n *\n * /* this extra CSS class will be absorbed into the transition\n * since the $animateCss code is adding the class */\n * .maroon-setting { background:red; }\n * ```\n *\n * And `$animateCss` will figure out the rest. Just make sure to have the `done()` callback fire the `doneFn` function to signal when the animation is over.\n *\n * To learn more about what's possible be sure to visit the {@link ngAnimate.$animateCss $animateCss service}.\n *\n * ## Animation Anchoring (via `ng-animate-ref`)\n *\n * ngAnimate in AngularJS 1.4 comes packed with the ability to cross-animate elements between\n * structural areas of an application (like views) by pairing up elements using an attribute\n * called `ng-animate-ref`.\n *\n * Let's say for example we have two views that are managed by `ng-view` and we want to show\n * that there is a relationship between two components situated in within these views. By using the\n * `ng-animate-ref` attribute we can identify that the two components are paired together and we\n * can then attach an animation, which is triggered when the view changes.\n *\n * Say for example we have the following template code:\n *\n * ```html\n * \n * \n *
\n *\n * \n * \n * ![](\"./banner.jpg\")
\n * \n *\n * \n * \n * ```\n *\n * Now, when the view changes (once the link is clicked), ngAnimate will examine the\n * HTML contents to see if there is a match reference between any components in the view\n * that is leaving and the view that is entering. It will scan both the view which is being\n * removed (leave) and inserted (enter) to see if there are any paired DOM elements that\n * contain a matching ref value.\n *\n * The two images match since they share the same ref value. ngAnimate will now create a\n * transport element (which is a clone of the first image element) and it will then attempt\n * to animate to the position of the second image element in the next view. For the animation to\n * work a special CSS class called `ng-anchor` will be added to the transported element.\n *\n * We can now attach a transition onto the `.banner.ng-anchor` CSS class and then\n * ngAnimate will handle the entire transition for us as well as the addition and removal of\n * any changes of CSS classes between the elements:\n *\n * ```css\n * .banner.ng-anchor {\n * /* this animation will last for 1 second since there are\n * two phases to the animation (an `in` and an `out` phase) */\n * transition:0.5s linear all;\n * }\n * ```\n *\n * We also **must** include animations for the views that are being entered and removed\n * (otherwise anchoring wouldn't be possible since the new view would be inserted right away).\n *\n * ```css\n * .view-animation.ng-enter, .view-animation.ng-leave {\n * transition:0.5s linear all;\n * position:fixed;\n * left:0;\n * top:0;\n * width:100%;\n * }\n * .view-animation.ng-enter {\n * transform:translateX(100%);\n * }\n * .view-animation.ng-leave,\n * .view-animation.ng-enter.ng-enter-active {\n * transform:translateX(0%);\n * }\n * .view-animation.ng-leave.ng-leave-active {\n * transform:translateX(-100%);\n * }\n * ```\n *\n * Now we can jump back to the anchor animation. When the animation happens, there are two stages that occur:\n * an `out` and an `in` stage. The `out` stage happens first and that is when the element is animated away\n * from its origin. Once that animation is over then the `in` stage occurs which animates the\n * element to its destination. The reason why there are two animations is to give enough time\n * for the enter animation on the new element to be ready.\n *\n * The example above sets up a transition for both the in and out phases, but we can also target the out or\n * in phases directly via `ng-anchor-out` and `ng-anchor-in`.\n *\n * ```css\n * .banner.ng-anchor-out {\n * transition: 0.5s linear all;\n *\n * /* the scale will be applied during the out animation,\n * but will be animated away when the in animation runs */\n * transform: scale(1.2);\n * }\n *\n * .banner.ng-anchor-in {\n * transition: 1s linear all;\n * }\n * ```\n *\n *\n *\n *\n * ### Anchoring Demo\n *\n \n
\n \n
\n Welcome to the home page
\nPlease click on an element
\n \n {{ record.title }}\n \n\n {{ profile.title }}\n
\n ','
\",' {{::dayOfWeek.firstLetter}}
',' {{::day}}
',' {{::day}}
',' {{::day}}
',\" ',' Time : {{(\"0\"+inputHour).slice(-2)}} : {{(\"0\"+inputMinute).slice(-2)}}
',' ',' ',\"
\",\"\"].join(\"\\n\"),r=function(e,n){var r,o,a,s,c=function(){r=[],o=[],a=[],s=0;for(var t=1;t<=31;t++)r.push(t);for(var t=0;t<12;t++)o.push({fullName:e.DATETIME_FORMATS.MONTH[t],shortName:e.DATETIME_FORMATS.SHORTMONTH[t]});for(var t=0;t<7;t++){var n=e.DATETIME_FORMATS.DAY[(t+s)%7];a.push({fullName:n,firstLetter:n.substr(0,2)})}s=e.DATETIME_FORMATS.FIRSTDAYOFWEEK||0},l=function(t,e){e>11?t++:e<0&&t--,e=(e+12)%12;var n=new Date(t,e,1),i=new Date(t,e+1,0),o=new Date(t,e,0),a=i.getDate(),c=o.getDate(),l=n.getDay(),u=(l-s+7)%7||7,d=r.slice(0,42-(u+a));return d.length>7&&(d=d.slice(0,d.length-7)),{year:t,month:e,days:r.slice(0,a),leadingDays:r.slice(-u-(31-c),c),trailingDays:d}};return{restrict:\"A\",template:i,controller:\"DatetimePickerCtrl\",replace:!0,scope:{year:\"=\",month:\"=\",day:\"=\",hour:\"=\",minute:\"=\",dateOnly:\"=\",closeOnSelect:\"=\"},link:function(e,i,r,s){c();var u=r.dateFormat||\"short\";e.months=o,e.daysOfWeek=a,e.inputHour,e.inputMinute,!0===e.dateOnly&&(i[0].querySelector(\"#adp-time\").style.display=\"none\"),e.$applyAsync(function(){if(s.triggerEl=angular.element(i[0].triggerEl),r.ngModel){var n=\"\"+s.triggerEl.scope().$eval(r.ngModel);if(n){n.match(/[0-9]{2}:/)||(n+=\" 00:00:00\"),n=n.replace(/([0-9]{2}-[0-9]{2})-([0-9]{4})/,\"$2-$1\"),n=n.replace(/([\\/-][0-9]{2,4})\\ ([0-9]{2}\\:[0-9]{2}\\:)/,\"$1T$2\"),n=n.replace(/EDT|EST|CDT|CST|MDT|PDT|PST|UT|GMT/g,\"\"),n=n.replace(/\\s*\\(\\)\\s*/,\"\"),n=n.replace(/[\\-\\+][0-9]{2}:?[0-9]{2}$/,\"\"),n+=t(n);var o=new Date(n);e.selectedDate=new Date(o.getFullYear(),o.getMonth(),o.getDate(),o.getHours(),o.getMinutes(),o.getSeconds())}}if(!e.selectedDate||isNaN(e.selectedDate.getTime())){var a=new Date,c=e.year||a.getFullYear(),u=e.month?e.month-1:a.getMonth(),d=e.day||a.getDate(),f=e.hour||a.getHours(),p=e.minute||a.getMinutes();e.selectedDate=new Date(c,u,d,f,p,0)}e.inputHour=e.selectedDate.getHours(),e.inputMinute=e.selectedDate.getMinutes(),e.mv=l(e.selectedDate.getFullYear(),e.selectedDate.getMonth()),e.mv.year==e.selectedDate.getFullYear()&&e.mv.month==e.selectedDate.getMonth()?e.selectedDay=e.selectedDate.getDate():e.selectedDay=null}),e.addMonth=function(t){e.mv=l(e.mv.year,e.mv.month+t)},e.setDate=function(t){var n=angular.element(t.target)[0];n.className.indexOf(\"selectable\")&&(e.updateNgModel(parseInt(n.innerHTML)),!1!==e.closeOnSelect&&s.closeDatetimePicker())},e.updateNgModel=function(t){if(t=t||e.selectedDate.getDate(),e.selectedDate=new Date(e.mv.year,e.mv.month,t,e.inputHour,e.inputMinute,0),e.selectedDay=e.selectedDate.getDate(),r.ngModel){var i,o=s.triggerEl.scope();i=o.$eval(r.ngModel)&&\"Date\"===o.$eval(r.ngModel).constructor.name?new Date(n(e.selectedDate,u)):n(e.selectedDate,u),o.$eval(r.ngModel+\"= date\",{date:i})}},e.$on(\"$destroy\",s.closeDatetimePicker)}}};r.$inject=[\"$locale\",\"dateFilter\"],angular.module(\"angularjs-datetime-picker\").directive(\"datetimePickerPopup\",r);var o=function(t,e){return{require:\"ngModel\",link:function(t,n,i,r){t.$watch(i.ngModel,function(t){if(t&&\"\"!=t){var e=new Date(t);r.$setValidity(\"date\",!!e);var n=new Date;i.hasOwnProperty(\"futureOnly\")&&r.$setValidity(\"future-only\",!(e',' ',' ',\"
' + response.errors[i] + '
';\r\n }\r\n\r\n $errElement.html(errorsString);\r\n $errElement.addClass('notification--active');\r\n\r\n }\r\n },\r\n function (response) {\r\n //errorCallback\r\n // if a server error occurred, do not show details to user, just activate the error notification\r\n $('.tingle-modal .notification--error').addClass('notification--active');\r\n });\r\n }\r\n });\r\n return false;\r\n });\r\n\r\n //Method for input value checks. Only use for non angular apps.\r\n if ($('.angularApp').length === 0) {\r\n window.app.requiredInputValidator();\r\n }\r\n\r\n //Check for conference nav tab\r\n if ($('.conference-nav-tab').length !== 0) {\r\n var $conferenceNavTab = $('.conference-nav-tab');\r\n $(document).on('scroll', function () {\r\n var windowY = $(window).scrollTop();\r\n if (($('.hero__wrapper').position().top + $('.hero__wrapper').innerHeight()) < windowY) {\r\n $conferenceNavTab.addClass('conference-nav-tab--fixed');\r\n if ($('.training-week').length) {\r\n switch ($(window).width() > 1023) {\r\n case true:\r\n $('.tw-pin').addClass('tw-pin--fixed').css(\"top\", $conferenceNavTab.height());\r\n break;\r\n case false:\r\n $('.tw-pin').addClass('tw-pin--fixed').css(\"top\", 0);\r\n break;\r\n }\r\n }\r\n } else {\r\n $conferenceNavTab.removeClass('conference-nav-tab--fixed');\r\n if ($('.training-week').length) {\r\n $('.tw-pin').removeClass('tw-pin--fixed').css(\"top\", 0);\r\n }\r\n }\r\n });\r\n }\r\n //Fetch a shallow nodelist of elements to apply event listeners to\r\n //Going too deep won't allow for modules inside themselves\r\n if ($('.nav-tab__link').length !== 0) {\r\n //Fetching a nodelist of the navTabLists and applying an event trigger\r\n $('.nav-tab__link').on('click', function (event) {\r\n var navTabLinks = document.querySelectorAll('[data-nav-tab-name=\"' + this.getAttribute('data-nav-tab-name') + '\"]');\r\n\r\n navTabLinks.forEach(function (navTabLink) {\r\n if (navTabLink.getAttribute('data-nav-tab') === event.currentTarget.getAttribute('data-nav-tab')) {\r\n if (window.innerHeight < window.DesktopHeight || window.innerWidth < window.DesktopWidth) {\r\n $(navTabLink).toggleClass('nav-tab__link--active');\r\n } else {\r\n $(navTabLink).addClass('nav-tab__link--active');\r\n }\r\n } else {\r\n navTabLink.classList.remove('nav-tab__link--active');\r\n }\r\n });\r\n\r\n //Repositions screen to retain it's position as the DOM repaints\r\n\r\n return false;\r\n });\r\n }\r\n\r\n //Handles the display toggle for the full content of the product's description\r\n //Style is found is product.scss and handles the visuals\r\n //Can be converted into a generic function is used else where on site\r\n $('.product-description').on('click', function () {\r\n var $this = $(this);\r\n\r\n if ($this.hasClass('product-description--show')) {\r\n $('.product-copy__wrapper').removeClass('product-copy__wrapper--show');\r\n $this.removeClass('product-description--show');\r\n } else {\r\n $this.addClass('product-description--show');\r\n $('.product-copy__wrapper').addClass('product-copy__wrapper--show');\r\n }\r\n return false;\r\n });\r\n\r\n //Check if there is a video takeover before running scoped code\r\n if ($('.conference-media__video').length !== 0) {\r\n\r\n //Find video to takeover and duplicate it for popup content\r\n var $conferenceVideoArray = $('.conference-media__video');\r\n\r\n //Use to handle multiple video take overs\r\n $conferenceVideoArray.each(function (index, element) {\r\n var conferenceVideoClone = $(element).clone();\r\n var $conferenceVideo = $(element);\r\n\r\n //When user clicks video, active TingleJS\r\n $(element).on('click', function () {\r\n\r\n //Utilize tingle to create popup\r\n var overlay = new tingle.modal({\r\n\r\n onClose: function () {\r\n overlay.setContent('');\r\n }\r\n\r\n });\r\n\r\n conferenceVideoClone.addClass('conference-media__video--popup');\r\n\r\n //Fetch content and inject into modal\r\n overlay.setContent(conferenceVideoClone[0]);\r\n\r\n overlay.open();\r\n\r\n return false;\r\n });\r\n\r\n });\r\n\r\n }\r\n\r\n if ($('.conference-schedule__wrapper').length !== 0) {\r\n // TODO: refactor for dynamic support on NodeLists, very low priority\r\n $('.conference-schedule__wrapper').each(function (index, scheduleWrapper) {\r\n $(scheduleWrapper).find('.conference-schedule__container').each(function (index, scheduleContainer) {\r\n\r\n $(scheduleContainer).find('.conference-schedule__radio').on('change', function (event) {\r\n $(scheduleWrapper).find('input[name=\"' + event.target.name + '\"]').parents('.conference-schedule__container').removeClass('conference-schedule__container--active');\r\n\r\n if (event.currentTarget.checked) {\r\n $(scheduleContainer).addClass('conference-schedule__container--active');\r\n }\r\n\r\n });\r\n\r\n });\r\n });\r\n }\r\n\r\n //Event handler for updating the states/provinces options\r\n if ($('.country').length !== 0) {\r\n $(document.body).on('change', \".country\", function () {\r\n var countryVal = $(this).val();\r\n window.app.updateStateOptions(countryVal);\r\n });\r\n }\r\n\r\n //Handling the zoom functionality\r\n //Problem: When figure-zoom clicked expand to screen\r\n //Using vanilla JS except event handler\r\n if ($('.figure-zoom').length !== 0) {\r\n //Function that checks if .overlay-zoom exists then creates\r\n overlayZoomCreation();\r\n\r\n var overlayZoom = document.querySelector('.overlay-zoom');\r\n var figureZoom = document.querySelector('.figure-zoom');\r\n\r\n //This might be more complex then it needs to be, but trying it out\r\n $('.figure-zoom, .overlay-zoom').on('click', function (event) {\r\n //Check what the element being clicked is and handle a specific function on it :D\r\n if (event.currentTarget.classList.contains('figure-zoom')) {\r\n var figureImageSrc = event.currentTarget.querySelector('.figure-zoom__image').getAttribute('data-src');\r\n //Right now this will overwrite the same src attribute\r\n //if this is an issue make a comparision before applying\r\n overlayZoom.querySelector('.overlay-zoom__image').setAttribute('src', figureImageSrc);\r\n } else if (event.target.classList.contains('overlay-zoom__image')) {\r\n //If image is clicked just exit instead of hiding when overlay is clicked\r\n return false;\r\n }\r\n\r\n //Applies classes for specific styling for handling the overlay\r\n if (overlayZoom.classList.contains('overlay-zoom--active')) {\r\n figureZoom.classList.remove('figure-zoom--active');\r\n overlayZoom.classList.remove('overlay-zoom--active');\r\n } else {\r\n figureZoom.classList.add('figure-zoom--active');\r\n overlayZoom.classList.add('overlay-zoom--active');\r\n }\r\n\r\n });\r\n\r\n //Hoisted function to run at the start to create overlay for zoom\r\n function overlayZoomCreation() {\r\n //There can only be one, if it doesn't exist create it\r\n if (document.querySelector('.overlay-zoom') === null) {\r\n //Creates the element to be appended in the body element\r\n var overlayZoom = document.createElement('div');\r\n //Gives it a class to handle animations and styling when active\r\n overlayZoom.classList.add('overlay-zoom');\r\n document.querySelector('main').appendChild(overlayZoom);\r\n overlayZoom.innerHTML = '';\r\n //Adding controls for removing and showing password field\r\n if (inputElementNode.type === 'password') {\r\n inputTextControls += '';\r\n }\r\n inputTextControls += '';\r\n if (inputElementNode.classList.contains('input-csc')) {\r\n inputTextControls += '';\r\n }\r\n inputTextControls += '
';\r\n inputElementNode.insertAdjacentHTML('beforebegin', inputTextControls);\r\n },\r\n multiselectControlCreate: function (select) {\r\n var $select = $(select);\r\n var $container = $select.parent();\r\n if ($container.find('.input-multiselect').length) {\r\n return false;\r\n }\r\n var $inputMultiselectOptions = $('').insertAfter($select);\r\n var $inputMultiselect = $('')\r\n .insertBefore($select)\r\n .on('mousedown focus', function (e) {\r\n if (e.type == \"mousedown\") {\r\n $select.data('clicking', true);\r\n }\r\n else if ($select.data('clicking')) {\r\n $select.data('clicking', false);\r\n return;\r\n }\r\n var show = e.type == 'focus' || $inputMultiselectOptions.is(\":hidden\");\r\n if (show) {\r\n $inputMultiselectOptions.css({\r\n 'width': $inputMultiselect.outerWidth(),\r\n 'top': $inputMultiselect.outerHeight(),\r\n });\r\n }\r\n $inputMultiselectOptions.toggle(show);\r\n });\r\n $select\r\n .change(function (e) {\r\n $inputMultiselect.html($select.children(\"option:selected\").map(function () {\r\n return $(this).val();\r\n }).get().join(', '));\r\n $inputMultiselectOptions.css({\r\n 'width': $inputMultiselect.outerWidth(),\r\n 'top': $inputMultiselect.outerHeight(),\r\n });\r\n window.app.inputToggle(select);\r\n window.app.inputValidate(select);\r\n })\r\n .children().each(function () {\r\n var $option = $(this);\r\n var id = $select.attr('id') + \"-\" + $option.val();\r\n var $selector = $('').appendTo($inputMultiselectOptions);\r\n $('')\r\n .prop(\"checked\", $option.prop(\"selected\"))\r\n .click(function (e) {\r\n $option.prop(\"selected\", $(this).prop(\"checked\"));\r\n $select.change();\r\n })\r\n .prependTo($selector);\r\n });\r\n $(document).on('click focusin', function (e) {\r\n if (!$container.is(e.target) && !$container.has(e.target).length) {\r\n $inputMultiselectOptions.hide();\r\n }\r\n });\r\n $select.change();\r\n },\r\n //Controlling the Tingle overlay with a callback and might require slight adjustments to keep it condensed and scoped\r\n overlayTingle: function ($overlayElement, callback) {\r\n if (typeof tingle == \"undefined\") {\r\n return;\r\n }\r\n\r\n var overlay = new tingle.modal();\r\n\r\n $overlayElement.on('click', function () {\r\n\r\n var partial = $(this).data(\"partial\");\r\n\r\n overlay.open();\r\n\r\n $.ajax({\r\n url: partial,\r\n success: function (result) {\r\n overlay.setContent(result);\r\n },\r\n complete: callback\r\n });\r\n return false;\r\n });\r\n },\r\n //Cart add tooltip and more\r\n //You can run this with a set timeout to remove the class or run function on event trigger\r\n elementHide: function (elementQuery, show) {\r\n document.querySelectorAll('.' + elementQuery).forEach(function (elementPiece) {\r\n if (show) {\r\n elementPiece.style.display = '';\r\n setTimeout(function () {\r\n elementPiece.classList.remove(elementQuery + '--hide');\r\n }, 100);\r\n } else {\r\n elementPiece.classList.add(elementQuery + '--hide');\r\n setTimeout(function () {\r\n elementPiece.style.display = 'none';\r\n }, 250);\r\n }\r\n });\r\n },\r\n\r\n // convenience functions for displaying the loading/processing animation\r\n showLoading: function () {\r\n window.app.elementHide('processing-icon__wrapper', true);\r\n },\r\n hideLoading: function () {\r\n window.app.elementHide('processing-icon__wrapper', false);\r\n },\r\n //window.app.scrollToElement(document.querySelector('.element-class'), {behavior: 'instant', block: 'end'});\r\n scrollToElement: function (element, options) {\r\n //You can only scroll to one element\r\n if (typeof options !== 'object') options = {};\r\n options = {\r\n behavior: options.behavior || 'smooth',\r\n block: options.block || 'end',\r\n inline: options.inline || 'nearest'\r\n };\r\n element.scrollIntoView(options);\r\n if (window.pageXOffset > 0) window.scroll(0, window.pageYOffset);\r\n },\r\n //Problem: Show/create modal message\r\n showModalMessage: function (modalMessage, modalClass) {\r\n if (typeof modalMessage === 'undefined') modalMessage = 'Thanks your information has been updated!';\r\n if (typeof modalClass === 'undefined') modalClass = '';\r\n if (typeof modalMessage === 'string') modalMessage = [modalMessage];\r\n //Verify args for the right type, if not throw error\r\n //Check if modal element exists\r\n var modalCopyElements = '';\r\n\r\n if (document.querySelector('.modal-message__wrapper') === null) {\r\n //Create modal element\r\n var modalMessageElement = document.createElement('div');\r\n\r\n modalMessageElement.classList.add('modal-message__wrapper');\r\n document.body.appendChild(modalMessageElement);\r\n }\r\n //Always update the message before showing\r\n\r\n var modalMessageWrapper = document.querySelector('.modal-message__wrapper');\r\n\r\n if (modalClass) modalMessageWrapper.classList.add(modalClass);\r\n modalMessageWrapper.classList.remove('hide');\r\n\r\n modalMessage.forEach(function (modalCopy) {\r\n modalCopyElements += '' + modalCopy + '
';\r\n });\r\n modalMessageWrapper.innerHTML = modalCopyElements;\r\n //Could use an observer to check for DOM mutation before adding class for animation\r\n window.setTimeout(function () {\r\n modalMessageWrapper.classList.add('modal-message__wrapper--active');\r\n }, 25);\r\n },\r\n //Problem: Show/create modal message\r\n hideModalMessage: function () {\r\n var modalMessageWrapper = document.querySelector('.modal-message__wrapper');\r\n if (modalMessageWrapper) {\r\n var modalMessageEvent = function () {\r\n modalMessageWrapper.classList.forEach(function (className) {\r\n if (className !== 'modal-message__wrapper') modalMessageWrapper.classList.remove(className);\r\n });\r\n modalMessageWrapper.classList.add('hide');\r\n modalMessageWrapper.removeEventListener('transitionend', modalMessageEvent);\r\n };\r\n\r\n modalMessageWrapper.classList.remove('modal-message__wrapper--active');\r\n modalMessageWrapper.addEventListener('transitionend', modalMessageEvent);\r\n }\r\n },\r\n\r\n sessionsConferenceFilter: function (angularApp, filterString) {\r\n angularApp.sessionFiltersChecked(filterString);\r\n }\r\n};\r\n\r\n// Start OneTrust Cookie Banner and Preference Center\r\n\r\nfunction initOptanonWrapper(OnetrustActiveGroups) {\r\n window.dataLayer = window.dataLayer || [];\r\n dataLayer.push({\r\n \"OnetrustActiveGroups\": OnetrustActiveGroups\r\n });\r\n\r\n // Use the following code wherever setting or reading cookies\r\n // Make sure OnetrustActiveGroups is defined, otherwise proceed as normal with cookies\r\n if (typeof OnetrustActiveGroups === 'undefined') {\r\n // OnetrustActiveGroups has not been defined\r\n }\r\n // OnetrustActiveGroups is defined\r\n else {\r\n // Check if Functional Cookies (Group 2) are allowed\r\n if (OnetrustActiveGroups.indexOf(',2,') > -1) {\r\n // Cookie group 2 is allowed\r\n }\r\n // Check if Performance Cookies (Group 3) are allowed\r\n if (OnetrustActiveGroups.indexOf(',3') > -1) {\r\n // Cookie group 3 is allowed\r\n }\r\n }\r\n}\r\n\r\n\r\n// Start Search Tracking\r\n\r\nfunction gtmTrackSearch(searchPlace) {\r\n var searchBoxText = \"\";\r\n\r\n switch (searchPlace) {\r\n case \"global search\":\r\n searchBoxText = $('#MinimalSearchbox').val().trim();\r\n\r\n if (searchBoxText != null && searchBoxText != '') {\r\n window.dataLayer = window.dataLayer || [];\r\n dataLayer.push({\r\n 'event': 'view_search_results',\r\n 'searchTerm': searchBoxText, // search query\r\n 'searchPlace': searchPlace // search location\r\n });\r\n }\r\n break;\r\n\r\n case \"main search page\":\r\n setTimeout(function () {\r\n searchBoxText = $('.magic-box-input input[type=text]').val().trim();\r\n\r\n if (searchBoxText != null && searchBoxText != '') {\r\n window.dataLayer = window.dataLayer || [];\r\n dataLayer.push({\r\n 'event': 'view_search_results',\r\n 'searchTerm': searchBoxText, // search query\r\n 'searchPlace': searchPlace // search location\r\n });\r\n }\r\n }, 500);\r\n break;\r\n\r\n case \"digital video search\":\r\n searchBoxText = $('.video-tabs .search input[type=text]').val().trim();\r\n\r\n if (searchBoxText != null && searchBoxText != '') {\r\n window.dataLayer = window.dataLayer || [];\r\n dataLayer.push({\r\n 'event': 'view_search_results',\r\n 'searchTerm': searchBoxText, // search query\r\n 'searchPlace': searchPlace // search location\r\n });\r\n }\r\n break;\r\n }\r\n}\r\n\r\n\r\n// Start Promotion Tracking\r\n\r\nfunction gtmTrackPromotions($this) {\r\n var $promotionObj = $this.closest('.track-promotion');\r\n\r\n window.dataLayer = window.dataLayer || [];\r\n dataLayer.push({\r\n 'event': 'select_promotion',\r\n 'ecommerce': {\r\n 'items': [{\r\n 'promotion_id': $promotionObj.attr('data-promotion-id'),\r\n 'promotion_name': $promotionObj.attr('data-promotion-name'),\r\n 'creative_name': $promotionObj.attr('data-creative-name'),\r\n 'location_id': $promotionObj.attr('data-location-id')\r\n }]\r\n }\r\n });\r\n}\r\n\r\n\r\n// Start Downloads Tracking\r\n\r\nfunction gtmTrackDownloads($this) {\r\n var $downloadObj = $this.closest('.track-download');\r\n var clickText = String.empty;\r\n var clickUrl = String.empty;\r\n var downloadName = String.empty;\r\n\r\n // Direct Downloads\r\n if ($downloadObj.find('.downloads-dynamic-list__item--button input[type=submit]').length) {\r\n clickText = $downloadObj.find('.downloads-dynamic-list__item--button input[type=submit]').val();\r\n clickUrl = $downloadObj.find('.downloads-dynamic-list__item--button input[name=productcode]').val();\r\n downloadName = $downloadObj.find('.downloads-dynamic-list__item--button input[name=filename]').val();\r\n }\r\n\r\n // RedShelf Downloads\r\n else if ($downloadObj.find('.downloads-dynamic-list__item--button a').length) {\r\n clickText = $downloadObj.find('.downloads-dynamic-list__item--button a').html();\r\n clickUrl = $downloadObj.find('.downloads-dynamic-list__item--button a').attr('href');\r\n downloadName = $downloadObj.find('.downloads-dynamic-list__item--title').html().replace(/(\\r\\n|\\n|\\r)/gm, \"\").trim();\r\n }\r\n\r\n window.dataLayer = window.dataLayer || [];\r\n dataLayer.push({\r\n 'event': 'gated_file_download',\r\n 'download_category': 'myisaca',\r\n 'download_name': downloadName,\r\n 'click_url': clickUrl,\r\n 'click_text': clickText\r\n });\r\n}\r\n\r\n//Lead Form submission tracking\r\n\r\nfunction gtmTrackLeadFormSubmission(formName, formId) {\r\n window.dataLayer = window.dataLayer || [];\r\n dataLayer.push({\r\n 'event': 'generate_lead', \r\n 'form_name': formName, \r\n 'form_id': formId, \r\n 'form_location': window.location.href\r\n });\r\n}\r\n\r\n// Start Gated Asset Download (from Lead Forms) Tracking\r\n\r\nfunction gtmTrackGatedAssetDownloads(downloadName, clickUrl, clickText) {\r\n window.dataLayer = window.dataLayer || [];\r\n dataLayer.push({\r\n 'event': 'gated_file_download',\r\n 'download_category': 'Lead Form',\r\n 'download_name': downloadName,\r\n 'click_url': clickUrl,\r\n 'click_text': clickText\r\n });\r\n}\r\n\r\n// track clicks to open lead form\r\nfunction gtmTrackOpenLeadformModal(formName, popupOpenTime) {\r\n window.dataLayer = window.dataLayer || [];\r\n window.dataLayer.push({\r\n 'event': 'cta_popup_tracking_open',\r\n 'page_location': window.location.href,\r\n 'popup_name': formName,\r\n 'popupOpenTime': popupOpenTime,\r\n });\r\n}\r\n\r\n// track time for lead form submission after opening the modal\r\nfunction gtmTrackTimeForLeadFormSubmission(formName) {\r\n let formSubmissionTime = new Date(); \r\n window.dataLayer = window.dataLayer || [];\r\n window.dataLayer.push({\r\n 'event': 'cta_popup_tracking_formsubmission',\r\n 'page_location': window.location.href,\r\n 'popup_name': formName,\r\n 'formSubmissionTime': formSubmissionTime,\r\n });\r\n}\r\n\r\n// track clicks to close lead form\r\nfunction gtmTrackCloseLeadformModal(formName, popupOpenTime, hasUserScrolled) {\r\n let popupCloseTime = new Date();\r\n const timeSpent = popupCloseTime - popupOpenTime;\r\n \r\n var formData = [];\r\n let formFields = document.querySelectorAll('.wFormContainer .section.group input:not(.wFormContainer .section.group.wf-acl-hidden input), .wFormContainer select')\r\n formFields.forEach(function (field) {\r\n field.addEventListener('change', handleFieldChange(field)); \r\n });\r\n\r\n function handleFieldChange(field) { \r\n var fieldName = field.title || field.name;\r\n var fieldValue;\r\n\r\n if (field.type === 'checkbox') {\r\n fieldValue = field.checked ? 'true' : '';\r\n } else if (field.tagName === 'SELECT') {\r\n var selectedOption = field.options[field.selectedIndex];\r\n if (field.selectedIndex != 0)\r\n fieldValue = selectedOption ? selectedOption.textContent : '';\r\n else\r\n fieldValue = \"\";\r\n } else {\r\n fieldValue = field.value.trim();\r\n }\r\n if (fieldValue != \"\" && fieldValue != null) {\r\n formData.push({ [fieldName]: fieldValue });\r\n } \r\n }\r\n window.dataLayer = window.dataLayer || [];\r\n window.dataLayer.push({\r\n 'event': 'cta_popup_tracking_closed',\r\n 'page_location': window.location.href,\r\n 'popup_name': formName,\r\n 'popupOpenTime': timeSpent,\r\n 'inputFields': formData,\r\n 'scroll': hasUserScrolled,\r\n });\r\n}\r\n\r\n// Start Lead Form Tracking\r\n\r\nfunction gtmTrackLeadForms($this) {\r\n const formActionBaseUrl = \"http://www.pages01.net/isaca/EnterpriseSolutions/\";\r\n const formName = $this.parents('form').attr('action').replace(formActionBaseUrl, \"\");\r\n\r\n window.dataLayer = window.dataLayer || [];\r\n dataLayer.push({\r\n 'event': 'generate_lead',\r\n 'form_name': formName\r\n });\r\n}\r\n\r\n// Start Partner Logos Link Tracking\r\n\r\nfunction gtmTrackPartnerLogoLinks($this) {\r\n var $linkObj = $this;\r\n var partnerType = \"\";\r\n\r\n var partnerName = $linkObj.find('h3').length > 0 ? $linkObj.find('h3').html() :\r\n ($linkObj.find('h4').length > 0 ? $linkObj.find('h4').html() :\r\n ($linkObj.find('span').length > 0 ? $linkObj.find('span').html() : $linkObj.html()));\r\n\r\n if (partnerName != null && partnerName != '' && partnerName.indexOf('<') >= 0 && partnerName.indexOf('>') > 0) {\r\n var elem = $.parseHTML(partnerName);\r\n if (elem != null && elem.length > 0 && elem[0].tagName == 'IMG') {\r\n partnerName = elem[0].alt;\r\n }\r\n }\r\n\r\n $linkObj.parents().each(function () {\r\n if ($(this).children('h2').length > 0) {\r\n partnerType = $(this).children('h2').html();\r\n return false;\r\n }\r\n });\r\n\r\n window.dataLayer = window.dataLayer || [];\r\n window.dataLayer.push({\r\n 'event': 'training_partner_click',\r\n 'partner_type': partnerType, // e.g. 'Elite Organizations'\r\n 'partner_name': partnerName, // e.g. ALC Training\r\n 'partner_url': $linkObj.attr('href')\r\n });\r\n}\r\n\r\n// Start CLP Link Tracking\r\n\r\nfunction gtmTrackClpLinks($this) {\r\n var $linkObj = $this;\r\n\r\n window.dataLayer = window.dataLayer || [];\r\n window.dataLayer.push({\r\n 'event': 'clp_link_click',\r\n 'link_text': $linkObj.html(),\r\n 'link_url': $linkObj.attr('href')\r\n });\r\n}\r\n\r\n// Start Blog Related Content Tracking\r\n\r\nfunction gtmTrackBlogRelatedContent($this) {\r\n var $linkObj = $this;\r\n\r\n window.dataLayer = window.dataLayer || [];\r\n window.dataLayer.push({\r\n 'event': 'CTA_blog_clicks',\r\n 'click_url': $linkObj.attr('href'),\r\n 'page_location': window.location.href,\r\n 'click_text': $linkObj.find('h3').text()\r\n });\r\n}\r\n/*! jQuery Validation Plugin - v1.17.0 - 7/29/2017\n * http://jqueryvalidation.org/\n * Copyright (c) 2017 Jörn Zaefferer; Licensed MIT */\n!function(a){\"function\"==typeof define&&define.amd?define([\"jquery\"],a):\"object\"==typeof module&&module.exports?module.exports=a(require(\"jquery\")):a(jQuery)}(function(a){a.extend(a.fn,{validate:function(b){if(!this.length)return void(b&&b.debug&&window.console&&console.warn(\"Nothing selected, can't validate, returning nothing.\"));var c=a.data(this[0],\"validator\");return c?c:(this.attr(\"novalidate\",\"novalidate\"),c=new a.validator(b,this[0]),a.data(this[0],\"validator\",c),c.settings.onsubmit&&(this.on(\"click.validate\",\":submit\",function(b){c.submitButton=b.currentTarget,a(this).hasClass(\"cancel\")&&(c.cancelSubmit=!0),void 0!==a(this).attr(\"formnovalidate\")&&(c.cancelSubmit=!0)}),this.on(\"submit.validate\",function(b){function d(){var d,e;return c.submitButton&&(c.settings.submitHandler||c.formSubmitted)&&(d=a(\"\").attr(\"name\",c.submitButton.name).val(a(c.submitButton).val()).appendTo(c.currentForm)),!c.settings.submitHandler||(e=c.settings.submitHandler.call(c,c.currentForm,b),d&&d.remove(),void 0!==e&&e)}return c.settings.debug&&b.preventDefault(),c.cancelSubmit?(c.cancelSubmit=!1,d()):c.form()?c.pendingRequest?(c.formSubmitted=!0,!1):d():(c.focusInvalid(),!1)})),c)},valid:function(){var b,c,d;return a(this[0]).is(\"form\")?b=this.validate().form():(d=[],b=!0,c=a(this[0].form).validate(),this.each(function(){b=c.element(this)&&b,b||(d=d.concat(c.errorList))}),c.errorList=d),b},rules:function(b,c){var d,e,f,g,h,i,j=this[0];if(null!=j&&(!j.form&&j.hasAttribute(\"contenteditable\")&&(j.form=this.closest(\"form\")[0],j.name=this.attr(\"name\")),null!=j.form)){if(b)switch(d=a.data(j.form,\"validator\").settings,e=d.rules,f=a.validator.staticRules(j),b){case\"add\":a.extend(f,a.validator.normalizeRule(c)),delete f.messages,e[j.name]=f,c.messages&&(d.messages[j.name]=a.extend(d.messages[j.name],c.messages));break;case\"remove\":return c?(i={},a.each(c.split(/\\s/),function(a,b){i[b]=f[b],delete f[b]}),i):(delete e[j.name],f)}return g=a.validator.normalizeRules(a.extend({},a.validator.classRules(j),a.validator.attributeRules(j),a.validator.dataRules(j),a.validator.staticRules(j)),j),g.required&&(h=g.required,delete g.required,g=a.extend({required:h},g)),g.remote&&(h=g.remote,delete g.remote,g=a.extend(g,{remote:h})),g}}}),a.extend(a.expr.pseudos||a.expr[\":\"],{blank:function(b){return!a.trim(\"\"+a(b).val())},filled:function(b){var c=a(b).val();return null!==c&&!!a.trim(\"\"+c)},unchecked:function(b){return!a(b).prop(\"checked\")}}),a.validator=function(b,c){this.settings=a.extend(!0,{},a.validator.defaults,b),this.currentForm=c,this.init()},a.validator.format=function(b,c){return 1===arguments.length?function(){var c=a.makeArray(arguments);return c.unshift(b),a.validator.format.apply(this,c)}:void 0===c?b:(arguments.length>2&&c.constructor!==Array&&(c=a.makeArray(arguments).slice(1)),c.constructor!==Array&&(c=[c]),a.each(c,function(a,c){b=b.replace(new RegExp(\"\\\\{\"+a+\"\\\\}\",\"g\"),function(){return c})}),b)},a.extend(a.validator,{defaults:{messages:{},groups:{},rules:{},errorClass:\"error\",pendingClass:\"pending\",validClass:\"valid\",errorElement:\"label\",focusCleanup:!1,focusInvalid:!0,errorContainer:a([]),errorLabelContainer:a([]),onsubmit:!0,ignore:\":hidden\",ignoreTitle:!1,onfocusin:function(a){this.lastActive=a,this.settings.focusCleanup&&(this.settings.unhighlight&&this.settings.unhighlight.call(this,a,this.settings.errorClass,this.settings.validClass),this.hideThese(this.errorsFor(a)))},onfocusout:function(a){this.checkable(a)||!(a.name in this.submitted)&&this.optional(a)||this.element(a)},onkeyup:function(b,c){var d=[16,17,18,20,35,36,37,38,39,40,45,144,225];9===c.which&&\"\"===this.elementValue(b)||a.inArray(c.keyCode,d)!==-1||(b.name in this.submitted||b.name in this.invalid)&&this.element(b)},onclick:function(a){a.name in this.submitted?this.element(a):a.parentNode.name in this.submitted&&this.element(a.parentNode)},highlight:function(b,c,d){\"radio\"===b.type?this.findByName(b.name).addClass(c).removeClass(d):a(b).addClass(c).removeClass(d)},unhighlight:function(b,c,d){\"radio\"===b.type?this.findByName(b.name).removeClass(c).addClass(d):a(b).removeClass(c).addClass(d)}},setDefaults:function(b){a.extend(a.validator.defaults,b)},messages:{required:\"This field is required.\",remote:\"Please fix this field.\",email:\"Please enter a valid email address.\",url:\"Please enter a valid URL.\",date:\"Please enter a valid date.\",dateISO:\"Please enter a valid date (ISO).\",number:\"Please enter a valid number.\",digits:\"Please enter only digits.\",equalTo:\"Please enter the same value again.\",maxlength:a.validator.format(\"Please enter no more than {0} characters.\"),minlength:a.validator.format(\"Please enter at least {0} characters.\"),rangelength:a.validator.format(\"Please enter a value between {0} and {1} characters long.\"),range:a.validator.format(\"Please enter a value between {0} and {1}.\"),max:a.validator.format(\"Please enter a value less than or equal to {0}.\"),min:a.validator.format(\"Please enter a value greater than or equal to {0}.\"),step:a.validator.format(\"Please enter a multiple of {0}.\")},autoCreateRanges:!1,prototype:{init:function(){function b(b){!this.form&&this.hasAttribute(\"contenteditable\")&&(this.form=a(this).closest(\"form\")[0],this.name=a(this).attr(\"name\"));var c=a.data(this.form,\"validator\"),d=\"on\"+b.type.replace(/^validate/,\"\"),e=c.settings;e[d]&&!a(this).is(e.ignore)&&e[d].call(c,this,b)}this.labelContainer=a(this.settings.errorLabelContainer),this.errorContext=this.labelContainer.length&&this.labelContainer||a(this.currentForm),this.containers=a(this.settings.errorContainer).add(this.settings.errorLabelContainer),this.submitted={},this.valueCache={},this.pendingRequest=0,this.pending={},this.invalid={},this.reset();var c,d=this.groups={};a.each(this.settings.groups,function(b,c){\"string\"==typeof c&&(c=c.split(/\\s/)),a.each(c,function(a,c){d[c]=b})}),c=this.settings.rules,a.each(c,function(b,d){c[b]=a.validator.normalizeRule(d)}),a(this.currentForm).on(\"focusin.validate focusout.validate keyup.validate\",\":text, [type='password'], [type='file'], select, textarea, [type='number'], [type='search'], [type='tel'], [type='url'], [type='email'], [type='datetime'], [type='date'], [type='month'], [type='week'], [type='time'], [type='datetime-local'], [type='range'], [type='color'], [type='radio'], [type='checkbox'], [contenteditable], [type='button']\",b).on(\"click.validate\",\"select, option, [type='radio'], [type='checkbox']\",b),this.settings.invalidHandler&&a(this.currentForm).on(\"invalid-form.validate\",this.settings.invalidHandler)},form:function(){return this.checkForm(),a.extend(this.submitted,this.errorMap),this.invalid=a.extend({},this.errorMap),this.valid()||a(this.currentForm).triggerHandler(\"invalid-form\",[this]),this.showErrors(),this.valid()},checkForm:function(){this.prepareForm();for(var a=0,b=this.currentElements=this.elements();b[a];a++)this.check(b[a]);return this.valid()},element:function(b){var c,d,e=this.clean(b),f=this.validationTargetFor(e),g=this,h=!0;return void 0===f?delete this.invalid[e.name]:(this.prepareElement(f),this.currentElements=a(f),d=this.groups[f.name],d&&a.each(this.groups,function(a,b){b===d&&a!==f.name&&(e=g.validationTargetFor(g.clean(g.findByName(a))),e&&e.name in g.invalid&&(g.currentElements.push(e),h=g.check(e)&&h))}),c=this.check(f)!==!1,h=h&&c,c?this.invalid[f.name]=!1:this.invalid[f.name]=!0,this.numberOfInvalids()||(this.toHide=this.toHide.add(this.containers)),this.showErrors(),a(b).attr(\"aria-invalid\",!c)),h},showErrors:function(b){if(b){var c=this;a.extend(this.errorMap,b),this.errorList=a.map(this.errorMap,function(a,b){return{message:a,element:c.findByName(b)[0]}}),this.successList=a.grep(this.successList,function(a){return!(a.name in b)})}this.settings.showErrors?this.settings.showErrors.call(this,this.errorMap,this.errorList):this.defaultShowErrors()},resetForm:function(){a.fn.resetForm&&a(this.currentForm).resetForm(),this.invalid={},this.submitted={},this.prepareForm(),this.hideErrors();var b=this.elements().removeData(\"previousValue\").removeAttr(\"aria-invalid\");this.resetElements(b)},resetElements:function(a){var b;if(this.settings.unhighlight)for(b=0;a[b];b++)this.settings.unhighlight.call(this,a[b],this.settings.errorClass,\"\"),this.findByName(a[b].name).removeClass(this.settings.validClass);else a.removeClass(this.settings.errorClass).removeClass(this.settings.validClass)},numberOfInvalids:function(){return this.objectLength(this.invalid)},objectLength:function(a){var b,c=0;for(b in a)void 0!==a[b]&&null!==a[b]&&a[b]!==!1&&c++;return c},hideErrors:function(){this.hideThese(this.toHide)},hideThese:function(a){a.not(this.containers).text(\"\"),this.addWrapper(a).hide()},valid:function(){return 0===this.size()},size:function(){return this.errorList.length},focusInvalid:function(){if(this.settings.focusInvalid)try{a(this.findLastActive()||this.errorList.length&&this.errorList[0].element||[]).filter(\":visible\").focus().trigger(\"focusin\")}catch(b){}},findLastActive:function(){var b=this.lastActive;return b&&1===a.grep(this.errorList,function(a){return a.element.name===b.name}).length&&b},elements:function(){var b=this,c={};return a(this.currentForm).find(\"input, select, textarea, [contenteditable]\").not(\":submit, :reset, :image, :disabled\").not(this.settings.ignore).filter(function(){var d=this.name||a(this).attr(\"name\");return!d&&b.settings.debug&&window.console&&console.error(\"%o has no name assigned\",this),this.hasAttribute(\"contenteditable\")&&(this.form=a(this).closest(\"form\")[0],this.name=d),!(d in c||!b.objectLength(a(this).rules()))&&(c[d]=!0,!0)})},clean:function(b){return a(b)[0]},errors:function(){var b=this.settings.errorClass.split(\" \").join(\".\");return a(this.settings.errorElement+\".\"+b,this.errorContext)},resetInternals:function(){this.successList=[],this.errorList=[],this.errorMap={},this.toShow=a([]),this.toHide=a([])},reset:function(){this.resetInternals(),this.currentElements=a([])},prepareForm:function(){this.reset(),this.toHide=this.errors().add(this.containers)},prepareElement:function(a){this.reset(),this.toHide=this.errorsFor(a)},elementValue:function(b){var c,d,e=a(b),f=b.type;return\"radio\"===f||\"checkbox\"===f?this.findByName(b.name).filter(\":checked\").val():\"number\"===f&&\"undefined\"!=typeof b.validity?b.validity.badInput?\"NaN\":e.val():(c=b.hasAttribute(\"contenteditable\")?e.text():e.val(),\"file\"===f?\"C:\\\\fakepath\\\\\"===c.substr(0,12)?c.substr(12):(d=c.lastIndexOf(\"/\"),d>=0?c.substr(d+1):(d=c.lastIndexOf(\"\\\\\"),d>=0?c.substr(d+1):c)):\"string\"==typeof c?c.replace(/\\r/g,\"\"):c)},check:function(b){b=this.validationTargetFor(this.clean(b));var c,d,e,f,g=a(b).rules(),h=a.map(g,function(a,b){return b}).length,i=!1,j=this.elementValue(b);if(\"function\"==typeof g.normalizer?f=g.normalizer:\"function\"==typeof this.settings.normalizer&&(f=this.settings.normalizer),f){if(j=f.call(b,j),\"string\"!=typeof j)throw new TypeError(\"The normalizer should return a string value.\");delete g.normalizer}for(d in g){e={method:d,parameters:g[d]};try{if(c=a.validator.methods[d].call(this,j,b,e.parameters),\"dependency-mismatch\"===c&&1===h){i=!0;continue}if(i=!1,\"pending\"===c)return void(this.toHide=this.toHide.not(this.errorsFor(b)));if(!c)return this.formatAndAdd(b,e),!1}catch(k){throw this.settings.debug&&window.console&&console.log(\"Exception occurred when checking element \"+b.id+\", check the '\"+e.method+\"' method.\",k),k instanceof TypeError&&(k.message+=\". Exception occurred when checking element \"+b.id+\", check the '\"+e.method+\"' method.\"),k}}if(!i)return this.objectLength(g)&&this.successList.push(b),!0},customDataMessage:function(b,c){return a(b).data(\"msg\"+c.charAt(0).toUpperCase()+c.substring(1).toLowerCase())||a(b).data(\"msg\")},customMessage:function(a,b){var c=this.settings.messages[a];return c&&(c.constructor===String?c:c[b])},findDefined:function(){for(var a=0;a\\r\\n {{ $ctrl.errorMsg }}\\r\\n
\\r\\n\\r\\n'},353:function(e,t,i){\"use strict\";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,\"__esModule\",{value:!0});var n=i(354),r=a(n),s=i(355),o=a(s),l=angular.module(\"loading-spinner\",[]).directive(\"loadingSpinner\",function(){\"ngInject\";return{retrict:\"EA\",controller:r.default,controllerAs:\"$ctrl\",scope:{size:\"@\",rootClass:\"@\"},bindToController:!0,template:o.default}}).name;t.default=l},354:function(e,t,i){\"use strict\";function a(e,t){if(!(e instanceof t))throw new TypeError(\"Cannot call a class as a function\")}Object.defineProperty(t,\"__esModule\",{value:!0});var n=function(){function e(e,t){for(var i=0;i\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n'},356:function(e,t,i){\"use strict\";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,\"__esModule\",{value:!0});var n=i(357),r=a(n),s=i(358),o=a(s),l=angular.module(\"http-error\",[]).directive(\"httpError\",function(){\"ngInject\";return{retrict:\"EA\",controller:r.default,controllerAs:\"$ctrl\",bindToController:!0,template:o.default}}).name;t.default=l},357:function(e,t,i){\"use strict\";function a(e,t){if(!(e instanceof t))throw new TypeError(\"Cannot call a class as a function\")}Object.defineProperty(t,\"__esModule\",{value:!0});var n=function e(t){\"ngInject\";a(this,e),this.$window=t};n.$inject=[\"$window\"],t.default=n},358:function(e,t){e.exports='\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n Uh oh, there was a problem loading your data.
\\r\\n If the problem persists, please contact us to resolve the error.\\r\\n
/g,\"\\r\\n\").replace(/<\\/p>/g,\"\").replace(/(<([^>]+)>)/gi,\"\"))},function(t){e.spinner=!1,e.error=!0,e.errorMsg=t})},1e3)}},{key:\"updateMessage\",value:function(){var e=this;this.spinner=!0,this.success=!1,this.error=!1;var t=window.jQuery(this.texareaID).val();this.$timeout(function(){e.$http({url:\"/api/chapterleader/UploadCLPRenewalMessage\",method:\"POST\",data:{chapterId:e.chapterId,message:t}}).then(function(t){t.data.SuccessStatus?(e.spinner=!1,e.success=!0):(e.spinner=!1,e.error=!0,e.errorMsg=t.data.ErrorStatus)},function(t){e.spinner=!1,e.error=!0,e.errorMsg=t})},1e3)}}]),e}();t.default=r},376:function(e,t,i){\"use strict\";Object.defineProperty(t,\"__esModule\",{value:!0});var a=i(377),n=function(e){return e&&e.__esModule?e:{default:e}}(a),r=angular.module(\"upload-cpe\",[]).directive(\"uploadCpe\",function(){\"ngInject\";return{retrict:\"EA\",controller:n.default,controllerAs:\"$ctrl\",scope:{validColumns:\"@\",rowThreshold:\"@\",dateFormat:\"@\",eventStartDateRange:\"@\",qualifyingActivity:\"@\",methodofDelivery:\"@\",isacaMemberNumberDigits:\"@\",cpeHours:\"@\"},bindToController:!0,transclude:!0,link:function(e,t,i,a,n){n(e,function(e,i){t.append(e)})}}}).name;t.default=r},377:function(e,t,i){\"use strict\";function a(e,t){if(!(e instanceof t))throw new TypeError(\"Cannot call a class as a function\")}Object.defineProperty(t,\"__esModule\",{value:!0});var n=function(){function e(e,t){for(var i=0;i
\\n
\\n'},385:function(e,t){e.exports='\\r\\n \\x3c!-- TODO: move this to manageCpeCtrl (top level controller)? --\\x3e\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\x3c!-- More Detail info user can access --\\x3e\\r\\n \\x3c!-- There is no username attached to the ID --\\x3e\\r\\n \\r\\n \\r\\n \\r\\n \\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{$ctrl.labels.DeleteConfirmationMessage}}
\\r\\n \\r\\n
\\r\\n \\r\\n {{$ctrl.labels.DeleteConfirmationMessage}}
{{$ctrl.cpeData.Title}}?
\\r\\n \\r\\n | \\r\\n {{$ctrl.labels.EndDate}}\\r\\n | \\r\\n {{$ctrl.labels.Certification}}\\r\\n | \\r\\n {{$ctrl.labels.Title}}\\r\\n | \\r\\n {{$ctrl.labels.Hours}}\\r\\n | \\r\\n {{$ctrl.labels.Source}}\\r\\n | \\r\\n {{$ctrl.labels.Actions}}\\r\\n | ||
|---|---|---|---|---|---|---|---|
\\r\\n {{$ctrl.labels.EndDate}}:\\r\\n{{cpeDetail.EndDate | date: \\'dd MMM yyyy\\':\\'UTC+0\\'}}\\r\\n | \\r\\n \\x3c!--This only works for specific classes that we currently have access to but if more are added you can style them in _manageCpe.scss file--\\x3e\\r\\n {{$ctrl.labels.Certification}}:\\r\\n{{cpeDetail.CertificationType}} \\r\\n | \\r\\n {{$ctrl.labels.Title}}:\\r\\n{{cpeDetail.Title}}\\r\\n | \\r\\n {{$ctrl.labels.Hours}}:\\r\\n{{cpeDetail.Hours || 0}}\\r\\n | \\r\\n {{$ctrl.labels.Source}}:\\r\\n{{cpeDetail.OriginatingSource}}\\r\\n | \\r\\n \\x3c!-- cpeDetail.Status indicates if the CPE is locked and cannot be edited. 2 == locked, anything else is editable --\\x3e\\r\\n \\r\\n \\r\\n \\r\\n {{$ctrl.labels.Locked}}\\r\\n | ||
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
| |||||||
| 1\">\\r\\n \\r\\n |
\\r\\n \\r\\n \\x3c!-- endpoints that begin with \\'/assets/\\' will be retrieved using GET --\\x3e\\r\\n \\r\\n
\\r\\n'},386:function(e,t){e.exports='\\r\\n
\\r\\n'},387:function(e,t,i){\"use strict\";Object.defineProperty(t,\"__esModule\",{value:!0});var a=i(388),n=function(e){return e&&e.__esModule?e:{default:e}}(a),r=angular.module(\"online-learning\",[]).filter(\"unixTimestampToHumanReadableDate\",function(){return function(e){return new Date(1e3*Number(e)).toLocaleString(\"en-US\",{month:\"short\",day:\"numeric\",year:\"numeric\"})}}).filter(\"unixTimestampToHumanReadableTime\",function(){return function(e){return new Date(1e3*Number(e)).toLocaleString(\"en-US\",{hour:\"numeric\",minute:\"numeric\",hour12:!0})}}).directive(\"viltsWebinarsSummitsList\",function(){\"ngInject\";return{restrict:\"EA\",controller:n.default,controllerAs:\"$ctrl\",scope:{srcData:\"@\",itemsPerPage:\"@\",filterSelectProperty:\"@\",filterSelectProperties:\"@\",filterWebinarSelectProperties:\"@\",sortSelection:\"@\"},bindToController:!0,transclude:!0,link:function(e,t,i,a,n){n(e,function(e,i){t.append(e)})}}}).name;t.default=r},388:function(e,t,i){\"use strict\";function a(e,t){if(!(e instanceof t))throw new TypeError(\"Cannot call a class as a function\")}Object.defineProperty(t,\"__esModule\",{value:!0});var n=function(){function e(e,t){for(var i=0;i\\r\\n \\x3c!-- TODO: move this to manageCpeCtrl (top level controller)? --\\x3e\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\x3c!-- More Detail info user can access --\\x3e\\r\\n \\x3c!-- There is no username attached to the ID --\\x3e\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{$ctrl.labels.DeleteConfirmationMessage}}
\\r\\n \\n
\\r\\n \\r\\n {{$ctrl.labels.DeleteConfirmationMessage}}
{{$ctrl.cpeData.Title}}?
\\r\\n \\n | \\r\\n {{$ctrl.labels.EndDate}}\\r\\n | \\r\\n {{$ctrl.labels.Certification}}\\r\\n | \\r\\n {{$ctrl.labels.Title}}\\r\\n | \\r\\n {{$ctrl.labels.Hours}}\\r\\n | \\r\\n {{$ctrl.labels.Source}}\\r\\n | \\r\\n {{$ctrl.labels.Actions}}\\r\\n | ||
|---|---|---|---|---|---|---|---|
\\r\\n {{$ctrl.labels.EndDate}}:\\r\\n{{cpeDetail.EndDate | date: \\'dd MMM yyyy\\':\\'UTC+0\\'}}\\r\\n | \\r\\n \\x3c!--This only works for specific classes that we currently have access to but if more are added you can style them in _manageCpe.scss file--\\x3e\\r\\n {{$ctrl.labels.Certification}}:\\r\\n{{cpeDetail.CertificationType}} \\r\\n | \\r\\n {{$ctrl.labels.Title}}:\\r\\n{{cpeDetail.Title}}\\r\\n | \\r\\n {{$ctrl.labels.Hours}}:\\r\\n{{cpeDetail.Hours || 0}}\\r\\n | \\r\\n {{$ctrl.labels.Source}}:\\r\\n{{cpeDetail.OriginatingSource}}\\r\\n | \\r\\n \\x3c!-- cpeDetail.Status indicates if the CPE is locked and cannot be edited. 2 == locked, anything else is editable --\\x3e\\r\\n \\r\\n \\r\\n \\r\\n {{$ctrl.labels.Locked}}\\r\\n | ||
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
|