Professional blog

assets/js/custom_new.js

/*** Global function start here */ /*****update bootstrap collapse plugin start here ****/ +function ($) { ‘use strict’; $(document).off(‘click.bs.collapse.data-api’) // COLLAPSE PUBLIC CLASS DEFINITION // ================================ var Collapse = function (element, options) { this.$element = $(element) this.options = $.extend({}, Collapse.DEFAULTS, options) //this.$trigger = $(‘[data-toggle=”collapse”][href=”#’ + element.id + ‘”],’ +'[data-toggle=”collapse”][data-target=”#’ + element.id + ‘”]’) this.$trigger = $(this.$element).closest(“.template-container”).find(‘[data-toggle=”collapse”][href=”#’ + element.id + ‘”],’ + ‘[data-toggle=”collapse”][data-target=”#’ + element.id + ‘”]’) this.transitioning = null if (this.options.parent) { this.$parent = this.getParent() } else { this.addAriaAndCollapsedClass(this.$element, this.$trigger) } if (this.options.toggle) this.toggle() } Collapse.VERSION = ‘3.3.7’ Collapse.TRANSITION_DURATION = 350 Collapse.DEFAULTS = { toggle: true } Collapse.prototype.dimension = function () { var hasWidth = this.$element.hasClass(‘width’) return hasWidth ? ‘width’ : ‘height’ } Collapse.prototype.show = function () { if (this.transitioning || this.$element.hasClass(‘in’)) return var activesData var actives = this.$parent && this.$parent.children(‘.panel’).children(‘.in, .collapsing’) if (actives && actives.length) { activesData = actives.data(‘bs.collapse’) if (activesData && activesData.transitioning) return } var startEvent = $.Event(‘show.bs.collapse’) this.$element.trigger(startEvent) if (startEvent.isDefaultPrevented()) return if (actives && actives.length) { Plugin.call(actives, ‘hide’) activesData || actives.data(‘bs.collapse’, null) } var dimension = this.dimension() this.$element .removeClass(‘collapse’) .addClass(‘collapsing’)[dimension](0) .attr(‘aria-expanded’, true) this.$trigger .removeClass(‘collapsed’) .attr(‘aria-expanded’, true) this.transitioning = 1 var complete = function () { this.$element .removeClass(‘collapsing’) .addClass(‘collapse in’)[dimension](”) this.transitioning = 0 this.$element .trigger(‘shown.bs.collapse’) } if (!$.support.transition) return complete.call(this) var scrollSize = $.camelCase([‘scroll’, dimension].join(‘-‘)) this.$element .one(‘bsTransitionEnd’, $.proxy(complete, this)) .emulateTransitionEnd(Collapse.TRANSITION_DURATION)[dimension](this.$element[0][scrollSize]) } Collapse.prototype.hide = function () { if (this.transitioning || !this.$element.hasClass(‘in’)) return var startEvent = $.Event(‘hide.bs.collapse’) this.$element.trigger(startEvent) if (startEvent.isDefaultPrevented()) return var dimension = this.dimension() this.$element[dimension](this.$element[dimension]())[0].offsetHeight this.$element .addClass(‘collapsing’) .removeClass(‘collapse in’) .attr(‘aria-expanded’, false) this.$trigger .addClass(‘collapsed’) .attr(‘aria-expanded’, false) this.transitioning = 1 var complete = function () { this.transitioning = 0 this.$element .removeClass(‘collapsing’) .addClass(‘collapse’) .trigger(‘hidden.bs.collapse’) } if (!$.support.transition) return complete.call(this) this.$element [dimension](0) .one(‘bsTransitionEnd’, $.proxy(complete, this)) .emulateTransitionEnd(Collapse.TRANSITION_DURATION) } Collapse.prototype.toggle = function () { this[this.$element.hasClass(‘in’) ? ‘hide’ : ‘show’]() } Collapse.prototype.getParent = function () { var ref = this; var id = this.$element.attr(“id”); this.$trigger = $(this.$element).closest(“.template-container”).find(‘[data-toggle=”collapse”][href=”#’ + id + ‘”],’ + ‘[data-toggle=”collapse”][data-target=”#’ + id + ‘”]’) return $(this.$element).closest(“.template-container”).find(this.options.parent) .find(‘[data-toggle=”collapse”][data-parent=”‘ + this.options.parent + ‘”]’) .each($.proxy(function (i, element) { var $element = $(element) ref.addAriaAndCollapsedClass(getTargetFromTrigger($element), $element) }, this)) .end() } Collapse.prototype.addAriaAndCollapsedClass = function ($element, $trigger) { var isOpen = $element.hasClass(‘in’) $element.attr(‘aria-expanded’, isOpen) $trigger .toggleClass(‘collapsed’, !isOpen) .attr(‘aria-expanded’, isOpen) } function getTargetFromTrigger($trigger) { var href var target = $trigger.attr(‘data-target’) || (href = $trigger.attr(‘href’)) && href.replace(/.*(?=#[^s]+$)/, ”) // strip for ie7 return $trigger.closest(“.template-container”).find(target); } // COLLAPSE PLUGIN DEFINITION // ========================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data(‘bs.collapse’) var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == ‘object’ && option) if (!data && options.toggle && /show|hide/.test(option)) options.toggle = false if (!data) $this.data(‘bs.collapse’, (data = new Collapse(this, options))) if (typeof option == ‘string’) data[option]() }) } var old = $.fn.collapse $.fn.collapse = Plugin $.fn.collapse.Constructor = Collapse // COLLAPSE NO CONFLICT // ==================== $.fn.collapse.noConflict = function () { $.fn.collapse = old return this } // COLLAPSE DATA-API // ================= $(document).on(‘click.bs.collapse.data-api’, ‘[data-toggle=”collapse”]’, function (e) { var $this = $(this) if (!$this.attr(‘data-target’)) e.preventDefault() var $target = getTargetFromTrigger($this) var data = $target.data(‘bs.collapse’) var option = data ? ‘toggle’ : $this.data() Plugin.call($target, option) }) }(jQuery); /*****update bootstrap collapse plugin end here ****/ jQuery(document).ready(function () { $(document).on(“click”, “.modal-anchor”, function () { mypopup($(this)[0]); }); /***** update bootstrap tab plugin start here ****/ $.fn.tab.Constructor.prototype.show = function () { var $this = this.element var $ul = $this.closest(‘ul:not(.dropdown-menu)’) var selector = $this.data(‘target’) if (!selector) { selector = $this.attr(‘href’) selector = selector && selector.replace(/.*(?=#[^s]*$)/, ”) // strip for ie7 } if ($this.parent(‘li’).hasClass(‘active’)) return var $previous = $ul.find(‘.active:last a’) var hideEvent = $.Event(‘hide.bs.tab’, { relatedTarget: $this[0] }) var showEvent = $.Event(‘show.bs.tab’, { relatedTarget: $previous[0] }) $previous.trigger(hideEvent) $this.trigger(showEvent) if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) return var $target = $this.closest(“.template-container”).find(selector); this.activate($this.closest(‘li’), $ul) this.activate($target, $target.parent(), function () { $previous.trigger({ type: ‘hidden.bs.tab’, relatedTarget: $this[0] }) $this.trigger({ type: ‘shown.bs.tab’, relatedTarget: $previous[0] }) }) } /***** update bootstrap tab plugin end here ****/ /**** Fix fancybox modal popup issue */ if ($.fn.fancybox) { $.fancybox.center = function () { }; var fancyboxExtensions = { oldShowLoading: $.fancybox.showLoading, oldGetPosition: $.fancybox._getPosition, showLoading: function () { this.oldShowLoading(); var topPosition = getTopPosition() + 150; $(“#fancybox-loading”).css({ position: ‘fixed’, top: topPosition + “px”, left: “50%” }); }, _getPosition: function (onlyAbsolute) { var rez = this.oldGetPosition(onlyAbsolute); rez.top = getTopPosition() + 20; return rez; } }; $.extend($.fancybox, fancyboxExtensions); /*var orig2 = $.fancybox.showLoading; $.extend($.fancybox, { showLoading: function () { var el, viewport; var F = this; var D = $(document); F.hideLoading(); el = $(‘<div id=”fancybox-loading”><div></div></div>’).click(F.cancel).appendTo(‘body’); var topPosition = getTopPosition() + 150; el.css({ position: ‘fixed’, top: topPosition+”px”, left:”50%” }); // If user will press the escape-button, the request will be canceled D.bind(‘keydown.loading’, function (e) { if ((e.which || e.keyCode) === 27) { e.preventDefault(); F.cancel(); } }); }, });*/ } /*$.fancybox.helpers.overlay = { defaults: { closeClick: true, // if true, fancyBox will be closed when user clicks on the overlay speedOut: 200, // duration of fadeOut animation showEarly: true, // indicates if should be opened immediately or wait until the content is ready css: {}, // custom CSS properties locked: true, // if true, the content will be locked into overlay fixed: true } }*/ }); // to be use in bootstrap function getTargetFromTrigger($trigger) { var href var target = $trigger.attr(‘data-target’) || (href = $trigger.attr(‘href’)) && href.replace(/.*(?=#[^s]+$)/, ”) // strip for ie7 return $trigger.closest(“.template-container”).find(target); } // to load script and css dynamically var loadedScripts = []; function loadScripts(arr, callback) { if (!$.isArray(arr)) { arr = [arr]; } for (var i = arr.length – 1; i >= 0; i–) { if (loadedScripts.indexOf(arr[i]) >= 0) { arr.splice(i, 1); } else { //loadedScripts.push(arr[i]); } } var progress = 0; arr.forEach(function (script) { $.getScript(script, function () { if (++progress == arr.length) callback(); }); }); } function loadCSS(path) { var ss = document.styleSheets; for (var i = 0, max = ss.length; i < max; i++) { if (ss[i].href == path) return; } var fileref = document.createElement(“link”) fileref.setAttribute(“rel”, “stylesheet”) fileref.setAttribute(“type”, “text/css”) fileref.setAttribute(“href”, path); document.getElementsByTagName(“head”)[0].appendChild(fileref) } function checkPosition(container) { container.each(function () { var actualContainer = $(this); if ($(window).scrollTop() + $(window).height() * 0.5 > actualContainer.offset().top) { actualContainer.addClass(‘is-visible’); } }); } function getOffsetTop(elem) { var offsetTop = 0; do { if (!isNaN(elem.offsetTop)) { offsetTop += elem.offsetTop; } } while (elem = elem.offsetParent); return offsetTop; } function getIframePosition() { if (window.self == window.top) { return 0; } var iframes = window.parent.document.getElementsByTagName(‘iframe’); var yourURL = window.location.href; var iframe = null; for (var i = 0; i < iframes.length; i++) { if (yourURL.indexOf(iframes[i].src) != -1) { iframe = iframes[i]; break; } } //var rect = iframe.getBoundingClientRect(); var top = 0; if (iframe) { top = $(iframe).offset().top; } return top; } function getTopPosition() { var origScrollTop = $(window.parent.document).scrollTop(); var iframetop = getIframePosition(); //////console.log(iframetop+”::”+$(window.parent.document).scrollTop()); iframetop = origScrollTop – iframetop; if (iframetop < 0) { iframetop = 0; } return iframetop; } function mypopup(popupid) { var origScrollTop = $(window.parent.document).scrollTop(); var modelid = popupid.getAttribute(“data-target”); var iframetop = 0; if (window.self != window.top) { iframetop = getTopPosition(); } $(modelid).removeAttr(“tabindex”); $(modelid).removeClass(“fade”); $(modelid + ” .modal-dialog”).css(‘top’, iframetop + ‘px’); //$(modelid + ” .modal-dialog”).css(‘margin-top’,’15px’); $(modelid).modal(“toggle”); if (navigator.userAgent.indexOf(‘MSIE’) !== -1 || navigator.appVersion.indexOf(‘Trident/’) > 0) { $(window.parent.document).scrollTop(origScrollTop); setTimeout(function () { $(window.parent.document).scrollTop(origScrollTop); }, 50); } } //draggable funtionality – credits to http://css-tricks.com/snippets/jquery/draggable-without-jquery-ui/ function drags(dragElement, resizeElement, container, labelContainer, labelResizeElement) { dragElement.on(“mousedown vmousedown”, function (e) { dragElement.addClass(‘draggable’); resizeElement.addClass(‘resizable’); var dragWidth = dragElement.outerWidth(), xPosition = dragElement.offset().left + dragWidth – e.pageX, containerOffset = container.offset().left, containerWidth = container.outerWidth(), minLeft = containerOffset + 10, maxLeft = containerOffset + containerWidth – dragWidth – 10; dragElement.parents().on(“mousemove vmousemove”, function (e) { leftValue = e.pageX + xPosition – dragWidth; //constrain the draggable element to move inside his container if (leftValue < minLeft) { leftValue = minLeft; } else if (leftValue > maxLeft) { leftValue = maxLeft; } widthValue = (leftValue + dragWidth / 2 – containerOffset) * 100 / containerWidth + ‘%’; $(‘.draggable’).css(‘left’, widthValue).on(“mouseup vmouseup”, function () { $(this).removeClass(‘draggable’); resizeElement.removeClass(‘resizable’); }); $(‘.resizable’).css(‘width’, widthValue); updateLabel(labelResizeElement, resizeElement, ‘left’); updateLabel(labelContainer, resizeElement, ‘right’); }).on(“mouseup vmouseup”, function (e) { dragElement.removeClass(‘draggable’); resizeElement.removeClass(‘resizable’); }); e.preventDefault(); }).on(“mouseup vmouseup”, function (e) { dragElement.removeClass(‘draggable’); resizeElement.removeClass(‘resizable’); }); } function updateLabel(label, resizeElement, position) { if (label.length == 0) { return; } if (position == ‘left’) { (label.offset().left + label.outerWidth() < resizeElement.offset().left + resizeElement.outerWidth()) ? label.removeClass(‘is-hidden’) : label.addClass(‘is-hidden’); } else { (label.offset().left > resizeElement.offset().left + resizeElement.outerWidth()) ? label.removeClass(‘is-hidden’) : label.addClass(‘is-hidden’); } } /*** Global function end here */ /**** content_with_pagination template start here ****/ function ContentWithPaginationTemplate(pid) { pid = “#” + pid + “.content_with_pagination_template “; var count=0; loadScripts(“https://myclasses.southuniversity.edu/shared/plugins/pagination/jquery.bootpag.min.js”, function () { count=$(pid+’.pages’).length; init(); }); /* function contentWidth() { var contentWidth = $(pid).width(); // ////console.log(“content=”+contentWidth); $(pid+ ” .bgcolor”).css(“width”, contentWidth); }*/ function init() { $(pid+ ‘#media_1 #page-selection’).bootpag({ total: count }).on(“page”, function (event, /* page number here */ num) { //$(“#content”).html(+num); // some ajax content loading… var contentId = $(pid+ “#media_1 #page_” + num).attr(“id”).split(“_”)[1]; var visibleContent = $(pid+ “#media_1 #page_” + num).html(); $(pid+ “#media_1 #content”).html(visibleContent); // some ajax content loading… paginationItemcss(); fadeinout(); //contentWidth(); }); paginationItemcss(); //contentWidth(); } function fadeinout() { //alert(“DSAd”); $(pid+ “#media_1 .parentContent”).fadeIn(5000, function () { }); } function paginationItemcss() { $(pid+ “#media_1 #page-selection ul”).addClass(“pagination-sm”); $(pid+ “#media_1 #page-selection > ul > li >a”).css(“color”, “#666666”); $(pid+ “#media_1 .prev .disabled”).css(“display”, “none”); // $(pid+ “#media_1 #page-selection > ul > li.prev a,”+pid+”#media_1 #page-selection > ul > li.next a”).html(“”); $(pid+ ‘#media_1 #page-selection > ul > li.prev a’).html(“<span style=’position:relative;bottom:12px;’>‹</span>”); $(pid+ ‘#media_1 #page-selection > ul > li.next a’).html(“<span style=’position:relative;bottom:12px;’>›</span>”); $(pid+ ‘#media_1 #page-selection > ul > li.prev.disabled a span,’+pid+’#page-selection > ul > li.next.disabled a span’).css(“color”, “#cccccc”); //$(“#page-selection > ul > li a”).attr(“href”,”javascript:void(0);”); $(pid+ “#media_1 #page-selection > ul > li a”).css(“outline”, “none”); } /*$(window).resize(function () { contentWidth(); });*/ paginationItemcss(); //contentWidth(); } /*** content_with_pagination template end here ***/ /**** image_comparison template start here ****/ function ImageComparision(pid) { pid = “#” + pid; loadCSS(“https://curdevstaging.courseassets.com/LIVEcourse/aio/Pinnacle/FNDA150_Media/AI_FNDA150_W3_G18_TabImageCompression/css/image_Comparision.css”); checkPosition($(pid + ‘.image_comparison_template .cd-image-container’)); $(window).on(‘scroll.ImageComparision’, function () { checkPosition($(pid + ‘.image_comparison_template .cd-image-container’)); }); //make the .cd-handle element draggable and modify .cd-resize-img width according to its position $(pid + ‘.image_comparison_template .cd-image-container’).each(function () { var actual = $(this); drags(actual.find(‘.cd-handle’), actual.find(‘.cd-resize-img’), actual, actual.find(‘.cd-image-label[data-type=”original”]’), actual.find(‘.cd-image-label[data-type=”modified”]’)); }); //upadate images label visibility $(window).on(‘resize.ImageComparision’, function () { $(pid + ‘.image_comparison_template .cd-image-container’).each(function () { var actual = $(this); updateLabel(actual.find(‘.cd-image-label[data-type=”modified”]’), actual.find(‘.cd-resize-img’), ‘left’); updateLabel(actual.find(‘.cd-image-label[data-type=”original”]’), actual.find(‘.cd-resize-img’), ‘right’); }); }); } /*** image_comparison template end here ***/ /**** nested_tab_with_slider template start here ****/ function NestedTabWithSliderTemplate(pid) { pid = “#” + pid; loadScripts(“https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”, function () { $(pid + “.nested_tab_with_slider_template #myTab_w2g2”).tabCollapse(); $(pid + “.nested_tab_with_slider_template .js-tabcollapse-panel-heading”).on(“click”, function () { $(pid + “.nested_tab_with_slider_template .panelheadingVimeo”).removeClass(“selected”); var id= $(this).attr(“href”); $(pid + “.nested_tab_with_slider_template”+id).find(“.panelheadingVimeo”).first().addClass(“selected”); //$(“#headingw2g2_1”).addClass(“selected”); $(pid + “.nested_tab_with_slider_template #accordion1_w2g2 .panel-heading”).first().addClass(“selected”); $(pid + “.nested_tab_with_slider_template #accordion2_w2g2 .panel-heading”).first().addClass(“selected”); $(pid + “.nested_tab_with_slider_template .tab-pane”).removeClass(“in active”); $(pid + “.nested_tab_with_slider_template #tabw2g2_1”).addClass(“in active”); $(pid + “.nested_tab_with_slider_template #tabw2g2_4”).addClass(“in active”); $(pid + “.nested_tab_with_slider_template .res_mobile .panel-collapse”).removeClass(“in”); $(pid + “.nested_tab_with_slider_template #collapseListGroup_mobile1_w2g2”).addClass(“in”); $(pid + “.nested_tab_with_slider_template #collapseListGroup_mobile4_w2g2”).addClass(“in”); $(pid + “.nested_tab_with_slider_template .res_mobile .panel-heading_tab,.panel-collapse”).attr(“aria-expanded”, false); $(pid + “.nested_tab_with_slider_template #collapseListGroupHeading_mobile1_w2g2”).attr(“aria-expanded”, true); $(pid + “.nested_tab_with_slider_template #collapseListGroupHeading_mobile4_w2g2”).attr(“aria-expanded”, true); $(pid + “.nested_tab_with_slider_template #collapseListGroup_mobile4_w2g2”).attr(“aria-expanded”, true); $(pid + “.nested_tab_with_slider_template #collapseListGroup_mobile1_w2g2”).attr(“aria-expanded”, true); $(pid + “.nested_tab_with_slider_template #collapseListGroup_mobile1_w2g2”).removeAttr(‘style’); $(pid + “.nested_tab_with_slider_template #collapseListGroup_mobile4_w2g2”).removeAttr(‘style’); $(pid + “.nested_tab_with_slider_template #collapseListGroupHeading_mobile4_w2g2, #collapseListGroupHeading_mobile1_w2g2”).removeClass(“collapsed”); }); $(pid + “.nested_tab_with_slider_template .panel-title”).on(“click”, function () { $(pid + “.nested_tab_with_slider_template .customIndicator li”).removeClass(“active”); $(pid + “.nested_tab_with_slider_template .carousel-inner .item”).removeClass(“active”); $(pid + “.nested_tab_with_slider_template .customIndicator li:first-child”).addClass(“active”); $(pid + “.nested_tab_with_slider_template .carousel-inner .item:first-child”).addClass(“active”); }); $(pid + “.nested_tab_with_slider_template .panelheadingVimeo”).bind(“click”, function () { $(this).parents(“.nested_tab_with_slider_template”).find(“.panelheadingVimeo”).removeClass(“selected”); var id=$(this).attr(“id”).split(‘_’)[1]; $(pid + “.nested_tab_with_slider_template .res_desktop .tab-pane”).removeClass(“in active”); $(pid + “.nested_tab_with_slider_template .res_desktop #tabw2g2_”+id).addClass(“in active”); //$(this).parent().parent().parent().children().children().children(“.panelheadingVimeo”).removeClass(“selected”); $(this).addClass(“selected”); }); }); } /*** nested_tab_with_slider template end here ***/ /**** photo_gallery template start here ****/ function PhotoGallery(pid) { pid = “#” + pid; //loadCSS(“assets/css/thumbnails.carousel.css”); loadScripts([“https://myclasses.southuniversity.edu/shared/plugins/thumbnailcarousel/thumbnails.carousel.js”], function () { $(pid + ‘.photo_gallery_template .thumbnails-carousel’).thumbnailsCarousel(); }); } /*** photo_gallery template end here ***/ /**** tab_color_chart template start here ****/ function TabColorChartTemplate(pid, data1, data2) { pid = “#” + pid; var dntchart1, dntchart2; var selectedTab = 1; loadScripts([“https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js”, “https://myclasses.southuniversity.edu/shared/plugins/tabcollapse/bootstrap-tabcollapse.js”], function () { Chart.defaults.global = { animation: false, responsive: false, customTooltips: function (tooltip) { if (tooltip) { $(“body”).css(“cursor”, “pointer”); } else { $(“body”).css(“cursor”, “default”); } return; }, onAnimationComplete: function () { //////console.log(“animation completed”); } } $(pid + “.tab_color_chart_template .tab-element”).tabCollapse(); $(pid + “.tab_color_chart_template .tab-element .tab1”).on(“click”, function () { setTimeou

The post What are the professional requirements for internationally educated nurses (IENs) migrating to the United States? What positions do IENs play in the United States? What challenges d first appeared on Writeden.