Eagle Mountain-Saginaw Independent School District / EMS ISD Homepage (2024)

' + '

' + ''); }, "AddContent": function() { $("#" + this.ContentRegion + " > div[id*='pmi-']:not(#pmi-68252)").each(function(i) { var headerText = $(".ui-widget-header :header", this).text(); var headerItems = ""; // CHECK FOR RSS BUTTON IN APP HEADER if($(".ui-widget-header", this).hasClass("has-rss-button")) { var rss = $(".ui-widget-header .app-level-social-rss", this).clone().html(); headerItems = $(".ui-widget-header :header > *", this).detach(); headerText = $.trim($(".ui-widget-header :header", this).text()) + rss; } // BUILD TAB $("#cs-tabs-68252 > ul").append('' + '

' + ''); // BUILD PANEL $("#cs-panels-68252 > ul").append('' + '

' + ''); $("#cs-panel-content-wrapper-68252-" + i).append($(this)); // CHECK FOR APP SCROLLER ARROWS IN APP HEADER if($(".ui-widget-header", this).hasClass("has-scroll-buttons")) { $("#cs-panel-content-wrapper-68252-" + i + " .ui-widget-detail").prepend('

'); $("#cs-panel-content-wrapper-68252-" + i + " .ui-widget-detail .cs-panel-arrow-controls").prepend($("#cs-panel-content-wrapper-68252-" + i + " .ui-widget-header .headlines-scroll-ctrl.back")).append($("#cs-panel-content-wrapper-68252-" + i + " .ui-widget-header .headlines-scroll-ctrl.next")); } }); switch(this.GetBreakPoint()) { case "960": case "768": case "640": this.TabView = true; $("#" + this.ContentRegion + " .cs-tab:first-child").addClass("active").attr({"aria-selected": "true", "tabindex": "0"}); $("#" + this.ContentRegion + " .cs-panel:first-child").addClass("active").attr("aria-hidden", "false"); break; case "480": case "320": this.TabView = false; $("#" + this.ContentRegion + " .cs-panel").attr("aria-hidden", "false"); $("#" + this.ContentRegion + " .cs-panel:first-child .cs-panel-button").addClass("active").attr("aria-expanded", "true"); $("#" + this.ContentRegion + " .cs-panel:first-child .cs-panel-content-wrapper").addClass("active"); break; } }, "UiEvents": function() { var _this = this; // TAB CLICK $(document).on("click keydown", "#" + this.ContentRegion + " .cs-tab", function(e) { if(_this.AllyClick(e)) { if(!$(this).hasClass("active")) { // SWITCH TAB _this.SwitchTab(this); } } else { var firstIndex = $("#" + _this.ContentRegion + " .cs-tab:first-child").attr("data-index"); var lastIndex = $("#" + _this.ContentRegion + " .cs-tab:last-child").attr("data-index"); // ONLY CONSUME IF NOT USING ALT KEY if (!e.altKey) { switch(e.keyCode) { // MOVE ONE STEP BACKWARDS case _this.KeyCodes.left: case _this.KeyCodes.up: if (!e.ctrlKey) { // CTRL+ARROW MOVES FOCUS FROM PANEL TO OPEN TAB - MAKE SURE THAT IS NOT BEING PRESSED TOO e.preventDefault(); e.stopPropagation(); // GET THE PREVIOUS TAB var prevTab; if($(this).attr("data-index") == firstIndex) { prevTab = $("#" + _this.ContentRegion + " .cs-tab[data-index='" + lastIndex + "']"); // LAST TAB } else { prevTab = $(this).prev(".cs-tab"); // PREVIOUS TAB } // SWITCH TAB _this.SwitchTab(prevTab); } break; // MOVE ONE STEP FORWARDS case _this.KeyCodes.right: case _this.KeyCodes.down: if (!e.ctrlKey) { // CTRL+ARROW MOVES FOCUS FROM PANEL TO OPEN TAB - MAKE SURE THAT IS NOT BEING PRESSED TOO e.preventDefault(); e.stopPropagation(); // GET THE NEXT TAB var nextTab; if ($(this).attr("data-index") == lastIndex) { nextTab = $("#" + _this.ContentRegion + " .cs-tab[data-index='0']"); // FIRST TAB } else { nextTab = $(this).next(".cs-tab"); // NEXT TAB } // SWITCH TAB _this.SwitchTab(nextTab); } break; // JUMP TO FIRST TAB case _this.KeyCodes.home: e.preventDefault(); e.stopPropagation(); // SWITCH TAB _this.SwitchTab($("#" + _this.ContentRegion + " .cs-tab[data-index='0']")); break; // JUMP TO LAST TAB case _this.KeyCodes.end: e.preventDefault(); e.stopPropagation(); // SWITCH TAB _this.SwitchTab($("#" + _this.ContentRegion + " .cs-tab[data-index='" + lastIndex + "']")); break; } } } $(window).trigger("resize"); }); // ACCORDION CLICK $(document).on("click keydown", "#" + this.ContentRegion + " .cs-panel-button", function(e) { if(_this.AllyClick(e)) { e.preventDefault(); if(!$(this).hasClass("active")) { // CLOSE ACTIVE PANEL $("#" + _this.ContentRegion + " .cs-panel-button.active").removeClass("active").attr("aria-expanded", "false"); $("#" + _this.ContentRegion + " .cs-panel-content-wrapper.active").slideUp(function() { $(this).removeClass("active").removeAttr("style"); }); // OPEN NEW PANEL $(this).addClass("active").attr("aria-expanded", "true"); $("+ .cs-panel-content-wrapper", this).slideDown(function() { $(this).addClass("active").removeAttr("style"); }); } } $(window).trigger("resize"); }); $(document).on("click keydown", "#" + this.ContentRegion + " .cs-tab .ui-btn-toolbar.rss", function(e) { if(_this.AllyClick(e)) { e.stopPropagation(); } }); $(document).on("click keydown", "#" + this.ContentRegion + " .cs-panel-button .ui-btn-toolbar.rss", function(e) { if(_this.AllyClick(e)) { e.stopPropagation(); } }); }, "SwitchTab": function(element) { $("#" + this.ContentRegion + " .cs-tab.active").attr({"aria-selected": "false", "tabindex": "-1"}).removeClass("active"); $(element).attr({"aria-selected": "true", "tabindex": "0"}).addClass("active").focus(); // SWITCH PANEL this.SwitchPanel(element); }, "SwitchPanel": function(element) { $("#" + this.ContentRegion + " .cs-panel.active").attr("aria-hidden", "true").removeClass("active"); $("#" + this.ContentRegion + " .cs-panel[data-index='" + $(element).attr("data-index") + "']").attr("aria-hidden", "false").addClass("active"); }, "AddStyles": function() { var dynStyleSheet = document.createElement('style'); if(dynStyleSheet) { dynStyleSheet.setAttribute('type', 'text/css'); var head = document.getElementsByTagName('head')[0]; if(head) { head.insertBefore(dynStyleSheet, head.childNodes[0]); } var dynStyles ='#' + this.ContentRegion + ':before {' + 'content: "960";' + 'display: none;' + '}' + '@media (max-width: 1023px) {' + '#' + this.ContentRegion + ':before {' + 'content: "768";' + '}' + '}' + '@media (max-width: 767px) {' + '#' + this.ContentRegion + ':before {' + 'content: "640";' + '}' + '}' + '@media (max-width: 639px) {' + '#' + this.ContentRegion + ':before {' + 'content: "480";' + '}' + '}' + '@media (max-width: 479px) {' + '#' + this.ContentRegion + ':before {' + 'content: "320";' + '}' + '}' + '#' + this.ContentRegion + ' div.ui-widget.app div.ui-widget-header {' + 'display: none;' + '}' + '#' + this.ContentRegion + ' div.ui-widget.app,' + '#' + this.ContentRegion + ' div.ui-widget.app div.ui-widget-footer {' + 'padding: 0px;' + 'margin: 0px;' + '}' + '#' + this.ContentRegion + ' div.ui-widget.app div.ui-widget-detail {' + 'padding: 0px 0px 20px 0px;' + '}' + '#' + this.ContentRegion + ' .cs-tabs ul {' + 'display: -ms-flexbox;' + 'display: -webkit-flex;' + 'display: flex;' + 'margin: 0px;' + 'padding: 0px;' + 'list-style: none;' + 'border-bottom: solid 2px ' + this.ActiveTabColor + ';' + '}' + '#' + this.ContentRegion + ' .cs-tab {' + 'display: -ms-flexbox;' + 'display: -webkit-flex;' + 'display: flex;' + '-webkit-align-items: center;' + '-ms-flex-align: center;' + 'align-items: center;' + 'cursor: pointer;' + 'color: ' + this.TextColor + ';' + 'background: ' + this.TabColor + ';' + 'border-left: solid 1px ' + this.ActiveTabColor + ';' + 'font-size: 18px;' + 'padding: 13px 30px 9px;' + 'margin-top: 3px;' + 'text-transform: uppercase;' + 'line-height: 1.3em;' + 'letter-spacing: 1.75px;' + 'font-weight: 400;' + '-webkit-box-sizing: border-box;' + '-moz-box-sizing: border-box;' + 'box-sizing: border-box;' + '-ms-transition: all .4s ease 0s;' + '-moz-transition: all .4s ease 0s;' + '-webkit-transition: all .4s ease 0s;' + 'transition: all .4s ease 0s;' + '}' + '#' + this.ContentRegion + ' .cs-tab:first-child {' + 'border-left: solid 1px transparent;' + '}' + '#' + this.ContentRegion + ' .cs-tab.active + .cs-tab,' + '#' + this.ContentRegion + ' .cs-tab:hover + .cs-tab,' + '#' + this.ContentRegion + ' .cs-tab:focus + .cs-tab {' + 'border-left: solid 1px transparent;' + '}' + '#' + this.ContentRegion + ' .cs-tab.active,' + '#' + this.ContentRegion + ' .cs-tab:hover,' + '#' + this.ContentRegion + ' .cs-tab:focus {' + 'color: ' + this.ActiveTextColor + ';' + 'background: ' + this.ActiveTabColor + ';' + 'padding: 16px 30px 9px;' + 'margin-top: 0px' + '}' + '#' + this.ContentRegion + ' a.ui-btn-toolbar.rss {' + 'display: inline-block;' + 'border: none;' + 'color: ' + this.TextColor + ';' + 'width: auto;' + 'height: auto;' + 'margin-left: 8px;' + '}' + '#' + this.ContentRegion + ' .cs-tab.active a.ui-btn-toolbar.rss,' + '#' + this.ContentRegion + ' .cs-tab:hover a.ui-btn-toolbar.rss,' + '#' + this.ContentRegion + ' .cs-tab:focus a.ui-btn-toolbar.rss {' + 'color: ' + this.ActiveTextColor + ';' + '}' + '#' + this.ContentRegion + ' a.ui-btn-toolbar.rss:before {' + 'position: relative;' + 'top: auto;' + 'left: auto;' + '}' + '#' + this.ContentRegion + ' .cs-panel-arrow-controls {' + 'position: relative;' + 'height: 40px;' + '}' + '#' + this.ContentRegion + ' .headlines-scroll-ctrl {' + 'border: solid 1px ' + this.TextColor + ';' + 'color: ' + this.TextColor + ';' + 'background: ' + this.TabColor + ';' + '}' + '#' + this.ContentRegion + ' .headlines-scroll-ctrl:hover,' + '#' + this.ContentRegion + ' .headlines-scroll-ctrl:focus {' + 'border: solid 1px ' + this.ActiveTextColor + ';' + 'color: ' + this.ActiveTextColor + ';' + 'background: ' + this.ActiveTabColor + ';' + '}' + '#' + this.ContentRegion + ' .headlines-scroll-ctrl.next {' + 'top: 0px;' + 'right: 0px;' + '}' + '#' + this.ContentRegion + ' .headlines-scroll-ctrl.back {' + 'top: 0px;' + 'right: 40px;' + '}' + '#' + this.ContentRegion + ' .cs-panels > ul {' + 'margin: 0px;' + 'padding: 0px;' + 'list-style: none;' + '}' + '#' + this.ContentRegion + ' .cs-panel {' + 'display: none;' + 'font-family: "Source Sans Pro", sans-serif;' + 'font-size: 14px;' + 'line-height: normal;' + '}' + '#' + this.ContentRegion + ' .cs-panel-content-wrapper {' + 'padding: 15px 0px;' + '}' + '#' + this.ContentRegion + ' .cs-panel-content-wrapper p:first-of-type {' + 'margin-top: 0;' + '}' + '#' + this.ContentRegion + ' .cs-panel.active {' + 'display: block;' + '}' + '#' + this.ContentRegion + ' .cs-panel-button {' + 'display: none;' + 'cursor: pointer;' + 'text-decoration: none;' + 'color: ' + this.TextColor + ';' + 'background: ' + this.TabColor + ';' + 'font-size: 16px;' + 'letter-spacing: 1.75px;' + 'padding: 10px 15px;' + 'line-height: normal;' + '-ms-transition: all .4s ease 0s;' + '-moz-transition: all .4s ease 0s;' + '-webkit-transition: all .4s ease 0s;' + 'transition: all .4s ease 0s;' + '}' + '@media (max-width: 639px) {' + '#' + this.ContentRegion + ' .cs-tabs,' + '#' + this.ContentRegion + ' .cs-panel-content-wrapper {' + 'display: none;' + '}' + '#' + this.ContentRegion + ' .cs-panel-button,' + '#' + this.ContentRegion + ' .cs-panel,' + '#' + this.ContentRegion + ' .cs-panel-content-wrapper.active {' + 'display: block;' + '}' + '#' + this.ContentRegion + ' .cs-panel {' + 'padding-bottom: 2px;' + '}' + '#' + this.ContentRegion + ' .cs-panel-button {' + 'position: relative;' + 'padding-right: 45px;' + '}' + '#' + this.ContentRegion + ' .cs-panel-button.active,' + '#' + this.ContentRegion + ' .cs-panel-button:hover,' + '#' + this.ContentRegion + ' .cs-panel-button:focus {' + 'color: ' + this.ActiveTextColor + ';' + 'background: ' + this.ActiveTabColor + ';' + '}' + '#' + this.ContentRegion + ' .cs-panel-button.active a.ui-btn-toolbar.rss,' + '#' + this.ContentRegion + ' .cs-panel-button:hover a.ui-btn-toolbar.rss,' + '#' + this.ContentRegion + ' .cs-panel-button:focus a.ui-btn-toolbar.rss {' + 'color: ' + this.ActiveTextColor + ';' + '}' + '#' + this.ContentRegion + ' .cs-panel-button .cs-panel-button-arrow {' + 'width: 14px;' + 'height: 15px;' + 'position: absolute;' + 'top: 12px;' + 'right: 15px;' + '-ms-transition: all .4s ease 0s;' + '-moz-transition: all .4s ease 0s;' + '-webkit-transition: all .4s ease 0s;' + 'transition: all .4s ease 0s;' + '}' + '#' + this.ContentRegion + ' .cs-panel-button.active .cs-panel-button-arrow {' + '-webkit-transform: rotate(90deg);' + '-moz-transform: rotate(90deg);' + '-ms-transform: rotate(90deg);' + '-o-transform: rotate(90deg);' + 'transform: rotate(90deg);' + '}' + '#' + this.ContentRegion + ' .cs-panel-button .cs-panel-button-arrow-path {' + 'fill: ' + this.TextColor + ';' + '-ms-transition: all .4s ease 0s;' + '-moz-transition: all .4s ease 0s;' + '-webkit-transition: all .4s ease 0s;' + 'transition: all .4s ease 0s;' + '}' + '#' + this.ContentRegion + ' .cs-panel-button.active .cs-panel-button-arrow-path,' + '#' + this.ContentRegion + ' .cs-panel-button:hover .cs-panel-button-arrow-path,' + '#' + this.ContentRegion + ' .cs-panel-button:focus .cs-panel-button-arrow-path {' + 'fill: ' + this.ActiveTextColor + ';' + '}' + '}'; var rules = document.createTextNode(dynStyles); if(dynStyleSheet.styleSheet) { dynStyleSheet.styleSheet.cssText = dynStyles; } else { dynStyleSheet.appendChild(rules); } } }, "AllyClick": function(event) { if(event.type == "click") { return true; } else if(event.type == "keydown" && (event.keyCode == this.KeyCodes.space || event.keyCode == this.KeyCodes.enter)) { return true; } else { return false; } }, "GetBreakPoint": function() { return window.getComputedStyle(document.getElementById(this.ContentRegion), ":before").getPropertyValue("content").replace(/"|'/g, ""); }, "WindowResize": function() { var _this = this; switch(this.GetBreakPoint()) { case "960": case "768": case "640": if(this.TabView == false) { $("#" + this.ContentRegion + " .cs-tab").removeClass("active").attr({"aria-selected": "false", "tabindex": "-1"}); $("#" + this.ContentRegion + " .cs-panel").removeClass("active").attr("aria-hidden", "true"); $("#" + this.ContentRegion + " .cs-tab:first-child").addClass("active").attr({"aria-selected": "true", "tabindex": "0"}); $("#" + this.ContentRegion + " .cs-panel:first-child").addClass("active").attr("aria-hidden", "false"); $("#" + this.ContentRegion + " .cs-panel-button").removeClass("active").attr("aria-expanded", "false"); $("#" + this.ContentRegion + " .cs-panel-content-wrapper").removeClass("active"); this.TabView = true; } break; case "480": case "320": if(this.TabView == true) { $("#" + this.ContentRegion + " .cs-tab").removeClass("active").attr({"aria-selected": "false", "tabindex": "-1"}); $("#" + this.ContentRegion + " .cs-panel").removeClass("active").attr("aria-hidden", "false"); $("#" + this.ContentRegion + " .cs-panel:first-child .cs-panel-button").addClass("active").attr("aria-expanded", "true"); $("#" + this.ContentRegion + " .cs-panel:first-child .cs-panel-content-wrapper").addClass("active"); this.TabView = false; } break; } } };