Events List

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US"> <script> var jsPageName = "Events List"; // pass strPageName to JavaScript, used in function setPageName() [accessibility.js] var jsAjaxRequest = ('0' === '1') ? true : false; </script>  <script> var url = new URL(location.href); history.replaceState({type: "events"} , '', url.pathname + url.search); </script> <head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1,requiresActiveX=true"> <meta name="apple-itunes-app" content="app-id=1483983910, affiliate-data=myAffiliateData, app-argument=myURL"> <title>Events List</title> <meta name="description" content="The campus engagement platform for The American University in Cairo - Powered by CampusGroups."> <meta name="title" content="The American University in Cairo">  <script> dataLayer = [{ 'signedIn': false }]; </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-548G27F');</script>    <link href="/css/fonts/open-sans.css" rel="stylesheet" type="text/css" >  <link rel="icon" type="images/x-icon" href="/upload/auc/2021/s1_image_upload_300186851_s1_image_upload_300186860_auc_wordmark_blue_216133455_39171527.png"> <link rel="shortcut icon" type="images/x-icon" href="/upload/auc/2021/s1_image_upload_300186851_s1_image_upload_300186860_auc_wordmark_blue_216133455_39171527.png">  <link rel="stylesheet" type="text/css" href="/bower_components/jquery-ui/themes/base/jquery-ui.min.css">  <link rel="stylesheet" type="text/css" href="/js/jquery/jquery.autocomplete.css">  <link rel="stylesheet" type="text/css" href="/bower_components/bootstrap/dist/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="/static/plugins/bootstrap-multiselect/dist/css/bootstrap-multiselect.css"> <link rel="stylesheet" type="text/css" href="/glyphicons-pro/css/glyphicons-filetypes.css">  <link rel="stylesheet" type="text/css" href="/js/thickbox/thickbox.css">  <script src="/bower_components/jquery/dist/jquery.min.js"></script> <script src="/bower_components/jquery-ui/jquery-ui.min.js"></script>  <script src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script> <script src="/static/plugins/bootstrap-multiselect/dist/js/bootstrap-multiselect.js"></script> <script type="text/javascript" src="/js/accessibility.js?v=20240514.1"></script> <script type="text/javascript" src="/js/scripts.js?v=20230316.1"></script> <link rel="stylesheet" type="text/css" href="/bower_components/mdi/css/materialdesignicons.min.css"> <link rel="stylesheet" type="text/css" href="/static/css/materialdesigniconscustom.css"> <link rel="stylesheet" type="text/css" href="/static/css/header.css?v=20220425.1"> <link rel="stylesheet" type="text/css" href="/css/bootstrap-customV.css?v=20241007.1"> </head> <body class="body-background " data-menu="">  <div id="div-skip-links" class="skip-link-container-mobile"> <span style="padding: 5px"><a id="a-skip-to-main-content" href="javascript:" class="skip-link" onclick="setFocusToContent(true);" aria-label="Skip to Main Content">Skip to Main Content</a></span> <span id="span-skip-to-left-navigation" style="padding: 5px; display: none;"><a id="a-skip-to-left-navigation" href="javascript:" class="skip-link" onclick="setFocusToSidebar();" aria-label="Skip to Navigation">Skip to Navigation</a></span>  <script> // if we're on mobile we will not enable the skip links const isMobileDevice = /Mobi/i.test(window.navigator.userAgent); // console.log('> isMobileDevice=' + isMobileDevice); $(window).on('load', function () { if (!isMobileDevice) { var elem = document.getElementById('div-skip-links'); if (typeof elem !== undefined) { elem.classList.remove('skip-link-container-mobile'); elem.classList.add('skip-link-container'); } } }); </script> </div>       <div id="primary-modal" class="modal fade" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <p class="loader"> <img alt="Loading" src="/images/loader-big.gif"> <br> Loading... </p> </div> </div> </div> <div id="secondary-modal" class="modal fade" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <p class="loader"> <img alt="Loading" src="/images/loader-big.gif"> <br> Loading... </p> </div> </div> </div> <script> $("#primary-modal").on("hide.bs.modal", function (e) { $("#primary-modal .modal-content").html(writeLoading("Loading")); }); $("#secondary-modal").on("hide.bs.modal", function (e) { $("#secondary-modal .modal-content").html(writeLoading("Loading")); }); </script>  <script src="/static/js/modernizr.min.js"></script> <script src="/js/jquery-validate/jquery.validate.min.js"></script> <script src="/static/js/polyfill.js"></script>  <style> .btn--school { background-color: #f26649; color: #fff; } .btn--school:hover { background-color: #f26649; color: #fff; } .btn--school:focus { background-color: #f26649; color: #fff; } .topbar { background: #f26649; border-color: #f26649; } .topbar ul.nav > li > a:hover, .topbar ul.nav > li > button:hover { background-color: #ffffff !important; } .topbar ul.nav > li > a:focus, .topbar ul.nav > li > button:focus { background-color: #ffffff !important; outline: none; } .topbar .topbar__sidebar-toggle:hover { background-color: #ffffff !important; } .topbar .topbar__sidebar-toggle:focus { background-color: #ffffff !important; outline: none; } .topbar .open:not(.topbar__left) > a, .topbar .open:not(.topbar__left) > a:focus, .topbar > .open:not(.topbar__left) > a:hover, .topbar .open:not(.topbar__left) > button, .topbar .open:not(.topbar__left) > button:focus, .topbar > .open:not(.topbar__left) > button:hover { background-color: #ffffff !important; } .topbar li:focus-within > button.mdi-menu { background-color: #ffffff !important; } .topbar li.active > a, .topbar li.active > button { background-color: #ffffff !important; } </style> <div id="generic">Loading</div> <div id="outer-shell" class="outer-shell ">     <div id="topbar" class="topbar topbar-events topbar--reverse" role="navigation" aria-label="Topbar"> <div class="topbar__left"> <div role="banner"> <a id="a-top-bar-logo" aria-label="The American University in Cairo Logo. Opens the members homepage." role="button" class="logo" href="/groups"> <img class="topbar__icon-large" src="/upload/auc/2024/image_upload_300186860_auc_wordmark_blueprocess_high01_3_92125428.png" alt="The American University in Cairo Logo Image." aria-label="The American University in Cairo Logo Image. Clicking opens the members home page." style="max-height: 50px; max-width: 165px;"> <img class="topbar__icon-small" src="/upload/auc/2021/image_upload_300186860_AUC_greyPNG_21614257.jpeg" alt="The American University in Cairo Logo Image." aria-label="The American University in Cairo Logo Image. Clicking opens the members home page." style="max-height: 35px; max-width: 35px; margin: 0 5px;"> </a> </div> </div> <div class="topbar__center"> <nav aria-label="Topbar"> <ul class="nav">   <li class="hidden-xs "> <a class="topbar__menu topbar__menu--large" href="/home_login" aria-label="Home" role="button">Home</a> </li> <li class="hidden-xs dropdown hasNoSubMenu"> <a class="topbar__menu topbar__menu--large" href="/home/groups/" style="max-width: inherit"> Groups </a> <ul class="dropdown-menu dropdown-menu-left arrow-dropdown-menu arrow-menu-right user-list notify-list" style="overflow-y: auto;max-height: 80vh;"> </ul> </li> <li class="hidden-xs dropdown active hasNoSubMenu"> <a class="topbar__menu topbar__menu--large" href="/home/events/" style="max-width: inherit"> Events </a> <ul class="dropdown-menu dropdown-menu-left arrow-dropdown-menu arrow-menu-right user-list notify-list" style="overflow-y: auto;max-height: 80vh;"> </ul> </li> <li class="hidden-lg hidden-md hidden-sm dropdown hasSubMenu"> <button class="topbar__menu mdi mdi-menu" aria-label="Top Menu. Expanded. Press tab to enter the menu dropdown." tabindex="0"></button> <ul class="dropdown-menu dropdown-menu-left" style="overflow-y: auto;max-height: 80vh;min-width:220px;"> <li style="display: block;"><a href="/home_login" aria-label="Home" role="button">Home</a></li> <li style="display: block;"><a href="/home/groups/" aria-label="Groups Section" role="button" tabindex="0">Groups</a></li> <li style="display: block;"><a href="/home/events/" aria-label="Events Section" role="button" tabindex="0">Events</a></li> </ul> </li> <style> .hasSubMenu:hover > ul, .hasSubMenu:focus-within > ul { display:block; } </style>                <li class="spacer" role="presentation"></li>  <li class=""> <a class="topbar__menu topbar__menu--row" href="/login_only" aria-label="Sign In Section" role="button"> <span class="mdi mdi-login-variant mdi-24px"></span> <span class="hidden-xs hidden-sm topbar__menu-text" style="overflow: initial;"> Sign In </span> </a> </li>  <style> #a-top-bar-logo:focus > i { outline: 2px solid #ffffff; } </style> </ul> </nav> </div> </div> <div id="inner-shell" class="inner-shell">  <div id="content-cont" class="content-cont container"> <div id="page-cont" class="content" role="main" aria-label="Main Content."> <div style="position: relative;"><span id="span-top-of-main-content--0" class="content__top-element" tabindex="0" aria-label="Top of Main Content." style="display: none;">Top of Main Content</span></div>   <style> .event_display0 {display:none;} @media (max-width: 992px) { .listing-element__preimg-block { margin-bottom: 5px !important; } .list-group-item { margin-bottom: 5px !important; } } div.page__header--title:focus-within h2 { border: none; border-radius: 5px; outline: none; background-color: #dddddd !important; background: #dddddd !important; } </style> <script type="text/javascript" src="/js/thickbox/thickbox.js"></script> <script type="text/javascript"> function createCustomICSLink() { var filters = window.location.search; if (filters != null && filters.length > 1) { return "https://auc-connect.aucegypt.edu/ics" + filters + "&school=auc"; } else { return "https://auc-connect.aucegypt.edu/ical/auc/ical_auc.ics"; } } </script> <div id="card_template" style="display:none">  <script>$("#lnkLoadMore").click();</script>   <li class="list-group__separator"> <h2 class="header-cg--h4" role="region" aria-label="Events [date_text]">[date_text]</h2> </li>   <li class="list-group-item" style="display: none;">   <li class="list-group-item" id="event_[eventId]">  <div class="listing-element"> <div class="row">  <div class="listing-element__preimg-block col-md-2"> <a href="[eventUrl]" aria-label="Event banner. [ariaEventDetailsWithLocation] Opens the event page." data-a11y="a01"> <img src="/images/listing-default.png" onError="this.onerror=null;this.src='/images/listing-default.png';" data-src="[eventPicture]" alt="[eventPhotoDescription]"/> </a> <div class="img-label">[eventPriceRange]</div> </div>   <div class="listing-element__preimg-block col-md-2"> <a href="[eventUrl]" target="_blank" aria-label="Event banner. [ariaEventDetailsWithLocation] Opens the event page." data-a11y="a01"> <img src="/images/listing-default.png" onError="this.onerror=null;this.src='/images/listing-default.png';" data-src="[eventPicture]" alt="[eventPhotoDescription]"/> </a> <div class="img-label">[eventPriceRange]</div> </div>  <div class="listing-element__title-block col-md-8"> <div class="media"> <div class="media-body"> <h3 class="media-heading header-cg--h4">  <a href="[eventUrl]" target="_blank" aria-label="[eventName]" aria-description="Video conferencing link, new tab. [ariaEventDetailsWithLocation]">[eventName]</a> [eventBadges]   <a href="[eventUrl]" aria-label="[eventName]" aria-description="Event link. [ariaEventDetailsWithLocation] Opens the event page.">[eventName]</a> [eventBadges]   <span class="badge badge-info" style="text-transform: uppercase;">Hybrid</span>   <span class="badge badge-success" style="text-transform: uppercase;">Registered</span>   <span class="badge badge-warning" style="text-transform: uppercase;">Waiting List</span>   <span style="padding-top: 5px; padding-bottom: 5px;" class="badge badge-success"><span class="mdi mdi-checkbox-marked-circle" aria-hidden="true"> </span></span><span style="font-size:13px" class="color-cg--event"> CHECKED IN</span>   <span style="padding-top: 5px; padding-bottom: 5px;" class="badge badge-danger"><span class="mdi mdi-exit-to-app" aria-hidden="true"> </span></span> <span style="font-size:13px" class="color-cg--admin"> CHECKED OUT</span>   <span style="padding-top: 5px; padding-bottom: 5px;" class="badge badge-warning"><span class="mdi mdi mdi-eye-off" aria-hidden="true"> </span></span> <span style="font-size:13px;color:#D0470C"> NO SHOW</span>  </h3> <div class="row" style="margin-top: 10px;"> <div class="col-md-5 col-lg-5">  <div class="media-heading" style="display: inline-block; vertical-align: top;" aria-label="Event date"><span class="grey-element mdi mdi-clock" aria-hidden="true"></span></div> <div class="media-heading" style="display:inline-block;width: calc(100% - 25px);"> <div style="display: inline-block;">[eventDates] [eventTimezone]</div>  <div>([custom_time_instruction])</div>  </div>  </div> <div class="col-md-4 col-lg-4">    <p class="h5 media-heading" style="line-height: 1.4;"><div style="display: inline-block; vertical-align: top;" aria-label="Event location"><span class="grey-element mdi mdi-map-marker" aria-hidden="true"></span></div> [eventLocation]</p>     <p class="h5 media-heading" style="line-height: 1.4;"><span class="grey-element mdi mdi-message-video" aria-hidden="true"></span> <a href="[eventUrl]" target="_blank" aria-label="Video conferencing link, new tab. [ariaEventDetailsWithLocation]">Video conferencing link</a></p>  </div> <div class="col-md-3 col-lg-3"> <p style="margin-bottom:5px" class="h5 media-heading event_display[displayAttendees]"><span class="grey-element mdi mdi-account" aria-hidden="true"></span> [eventAttendees] going</p> [registrationStatus] </div> </div> <div class="h6 media-heading grey-element">Parent: [parentEventIds]</div> <div role="group" aria-label="Event Tags. Click on or select a tag to reload the page and filter on the associated tag type"> [eventTags] </div> </div> </div> </div> <div class="listing-element__btn-block col-md-2" data-z="events.cp01">  <a class="btn btn-cg--event" href="[eventUrl]" role="button" aria-label="[eventButtonLabel]" aria-description="[ariaEventDetailsWithLocation] Opens the event page." data-a11y="a01"> <span class="mdi mdi-open-in-new" aria-hidden="true"></span> [eventButtonLabel] </a> <p class="h6 grey-element">[clubName]</p> <p class="h6 media-heading grey-element">Co-hosted with [coHostId]</p>   <a class="btn btn-cg--event" href="[eventUrl]" target="_blank" role="button" aria-label="[eventButtonLabel]" aria-description="Open video conferencing page in a new tab. [ariaEventDetailsWithLocation]"> <span class="mdi mdi-camcorder" aria-hidden="true"></span> [eventButtonLabel] </a> <p class="h6 grey-element">[clubName]</p>   <a class="btn btn-grey" href="[printTicket]" role="button" target="_blank" aria-label="Print Ticket" aria-description="[ariaEventDetails] new tab."> <span class="mdi mdi-ticket"></span> Print Ticket </a>  </div> </div> </div> </li> </div> <div id="listing__header-cont" class="page__header row"> <div class="page__header--title col-xs-12 col-lg-4"> <h1 class="header-cg--h2"> <span id="listing__header--icon" class="mdi mdi-calendar color-cg--event"></span> <span id="listing__header--title">Events</span> <small id="counter_listing"></small> </h1> </div> <div class="page__header--btns col-xs-12 col-lg-8"> <a class="btn btn-grey hidden-xs hidden-sm thickbox btn--margin-left" style="border-top-left-radius: 35px;border-bottom-left-radius: 35px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;" href="/ics_helper?modal=true&embed=1&mode=set&width=850&height=550&TB_iframe=true" role="button" aria-label="Subscribe" aria-description="Subscribe to calendars dialog"><span class="mdi mdi-access-point"></span> Subscribe</a><a class="btn btn-grey hidden-xs hidden-sm" style="margin-left:1px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;" href="/calendar_sync" role="button" aria-label="Sync" aria-description="Synchronize my events"><span class="mdi mdi-sync"></span> Sync</a><a class="btn btn-grey hidden-xs hidden-sm" style="margin-left:1px; border-top-left-radius: 0px;border-bottom-left-radius: 0px;border-top-right-radius: 35px;border-bottom-right-radius: 35px;" href="javascript:jPrompt('This is the calendar ICS feed based on the current filtering selection. Use this link to bring all these events into your personal calendar. \n\n Copy this link (CTRL+C):',createCustomICSLink(), 'Custom ICS Link', function (r) {if (r) {}});" role="button" aria-label="Custom ICS Link" aria-description="dialog"><span class="mdi mdi-download"></span></a><a id="btn-cg--calendar" class="btn btn-cg--event btn--margin-left hidden-xs hidden-sm" href="/calendar#week" role="button" aria-label="Events Calendar"><span class="mdi mdi-calendar"></span> Events Calendar</a> <div class="btn-group" role="group" id="selectView"></div> <script type="text/javascript"> var nbrView = 0 if (document.getElementById("card_template")) { nbrView += 1 } if (document.getElementById("vignette_template")) { nbrView += 1 } if (document.getElementById("list_template")) { nbrView += 1 } if (document.getElementById("row_template")) { nbrView += 1 } if (nbrView > 1) { var htmlBtnSelectView = ""; if (document.getElementById("card_template")) { htmlBtnSelectView += "<a href='#card' id='listing__template-btn--card' role='button' class='btn btn-default active' title='Card'>" + " <span class='mdi mdi-view-sequential'></span>" + "</a>"; } if (document.getElementById("vignette_template")) { htmlBtnSelectView += "<a href='#vignette' id='listing__template-btn--vignette' role='button' class='btn btn-default ' title='Vignette'>" + " <span class='mdi mdi-view-grid'></span>" + "</a>"; } if (document.getElementById("list_template")){ htmlBtnSelectView += "<a href='#list' id='listing__template-btn--list' role='button' class='btn btn-default ' title='List'>" + " <span class='mdi mdi-view-list'></span>" + "</a>"; } if (document.getElementById("row_template")){ htmlBtnSelectView += "<a href='#row' id='listing__template-btn--row' role='button' class='btn btn-default ' title='Row'>" + " <span class='mdi mdi-view-module'></span>" + "</a>"; } $('#selectView').append(htmlBtnSelectView); } else { $('#selectView').remove(); } </script> </div> </div> <div class="page__border page__border--no-margin border-cg--event"></div> <div id="listing__filters-cont"> <div class="row"> <div id="listing__filters--search-cont" class="col-xs-12 col-sm-3_5 col-md-2_5"> <div class="input-group" role="presentation"> <input id="search_word" type="text" class="form-control" placeholder="Search Events" value="" aria-label="Search Events"> <span class="input-group-btn"> <button id="btnListingSearch" type="button" class="btn btn-default" aria-label="Submit your search text to Search Events."> <span class="mdi mdi-magnify" aria-hidden="true"></span> </button> <button id="btnListingFilterToggle" type="button" class="btn btn-default hidden-sm hidden-md hidden-lg" aria-label="Filter search results, press enter to expand or collapse the filter options."> <span class="mdi mdi-filter-outline" role="presentation" aria-hidden="true"></span> </button> </span> </div> </div> <div id="listing__filters--filters-cont" class="col-xs-12 col-sm-5 col-md-7"> <div class="select-group-justified" role="presentation"> <div class="select-group"> <select id="select_filter1" class="form-control" data-z="xm.102" aria-label="Upcoming or past events" aria-description="Filter by events in the future or past, or by events around me." data-a11y="a01"><option value="" aria-label="Filter by Upcoming Events">Upcoming</option><option value="past" aria-label="Filter by Past Events">Past Events</option> </select> <script type="text/javascript"> var selectFilterElem = $("#select_filter1"); if (selectFilterElem !== null && selectFilterElem.length === 1) { var selectFilterAriaLabel = $(selectFilterElem).attr('aria-label'); if (selectFilterAriaLabel === undefined || selectFilterAriaLabel === null || selectFilterAriaLabel.trim().length < 1) { selectFilterElem.attr("aria-label", "show"); selectFilterElem.attr("aria-description", "Select show."); } } </script> <script type="text/javascript"> // console.log('> CHECKPOINT {a04}'); if ('' != '' && url.searchParams.get('show') == null) { var url = new URL(location.href); url.searchParams.set('show', ''); history.replaceState(history.state , '', url.pathname + url.search); } $("#select_filter1").bind("change", function() { setURLParametersFromFilters(); getDataFromWebService(); toggleClearButton(); shouldDisableSortable(); }); </script> </div> <div class="select-group"> <select data-z="stype.08" id="select_filter2" class="form-control" multiple="multiple" name="filter2" style="" aria-label="Select filter2. "><option value="300002423"> Event Coordinators</option> <option value="300002179">3alraseef</option> <option value="300002341">Academic Advising Center</option> <option value="300002176">Accounting Association</option> <option value="300002178">African Heritage Association </option> <option value="300002169">AIESEC</option> <option value="300013598">Al Quds Club</option> <option value="300002397">Alumni</option> <option value="300002181">Animal Rights Association</option> <option value="300002967">Anthropology Sociology Egyptology Student Association</option> <option value="300002182">Anti Cancer Team </option> <option value="300002183">Architecture Association</option> <option value="300002977">ASME</option> <option value="300002184">Astronomy Club</option> <option value="300002322">Athletic Teams</option> <option value="300003065">AUC Business Network</option> <option value="300013671">AUC Campus Tours</option> <option value="300002382">AUC Community</option> <option value="300002381">AUC Faculty</option> <option value="300002398">AUC Human Resources</option> <option value="300002963">AUC Language and Intercultural Club</option> <option value="300002795">AUC Reads</option> <option value="300003045">AUC Student Recruitment</option> <option value="300002172">AUC Students</option> <option value="300003006">AUC Trustees</option> <option value="300002187">Avant-Garde</option> <option value="300002188">Biology Association</option> <option value="300013481">Biomedical Innovators</option> <option value="300002189">Business Association</option> <option value="300002190">Cairo International Model Arab League</option> <option value="300002191">Cairo International Model United Nations</option> <option value="300013480">CEMS Club Cairo</option> <option value="300002192">Chemistry Association</option> <option value="300013482">Clubs and Conferences Committee</option> <option value="300002171">Computer Science & Engineering Association</option> <option value="300002194">Construction Engineering Association</option> <option value="300013586">Data Management Engagement - POC</option> <option value="300002196">Developers Inc.</option> <option value="300002197">Economics Association</option> <option value="300002204">Egyptian Folklore Group</option> <option value="300002199">Electronics and Communications Engineering Association</option> <option value="300002200">Enactus</option> <option value="300002201">Entrepreneurs' Society</option> <option value="300002965">Film Association </option> <option value="300002203">Finance and Economics Club</option> <option value="300002168">First Year Program (FYP)</option> <option value="300002243">Football</option> <option value="300002335">Global Health Association</option> <option value="300002961">Google Developer Students Club (GDSC)</option> <option value="300002206">Graduate Student Association </option> <option value="300013592">Graduate Studies Workshops</option> <option value="300002462">Graphic Design Association</option> <option value="300002207">Hand In Hand</option> <option value="300002209">Help Club</option> <option value="300002210">Heya: The Women鈥檚 Initiative</option> <option value="300002152">Home Page</option> <option value="300002960">HUSS Faculty and Staff</option> <option value="300002315">Institute of Electrical and Electronics Engineers (IEEE) - AUC Student Branch</option> <option value="300002555">International Students</option> <option value="300013474">IRead AUC</option> <option value="300002230">Latin Dance Troupe</option> <option value="300013599">Live From Plaza</option> <option value="300002170">Mashroo3 Kheir</option> <option value="300002217">Mass Communication Association</option> <option value="300002177">Math, Actuarial and Data Science Association</option> <option value="300002218">Mayhem Frisbee club</option> <option value="300002219">Mechanical Engineering Association (MEA)</option> <option value="300002244">Men's Basketball</option> <option value="300002248">Men's Futsal </option> <option value="300002314">Men's Handball</option> <option value="300002252">Men's Rowing</option> <option value="300002258">Men's Squash</option> <option value="300002260">Men's Swimming</option> <option value="300002254">Men's Tennis</option> <option value="300002256">Men's Track and Field</option> <option value="300002246">Men's Volleyball</option> <option value="300002847">Mohamed Taymour Writing and Communication Center</option> <option value="300002221">Musicana</option> <option value="300013664">Niletesol Conference </option> <option value="300002981">Office of Elections</option> <option value="300002793">Open Day Boothes</option> <option value="300002962">Open Source Community </option> <option value="300002401">Orientation</option> <option value="300003016">Passion 4 Fashion </option> <option value="300002222">Philosophy Graduate Association </option> <option value="300002223">Political Science Association</option> <option value="300002224">Psychology Association</option> <option value="300002364">Psychology Counseling Services</option> <option value="300002336">Public and Community Events</option> <option value="300013486">Qaf Organisation</option> <option value="300002332">Racing Team</option> <option value="300002225">Resala</option> <option value="300002331">Resident Advisors (RAs)</option> <option value="300002349">ResLife</option> <option value="300002226">Revival</option> <option value="300002227">Robotics Club</option> <option value="300002228">Rugby Club</option> <option value="300002229">Sabeel</option> <option value="300002304">School of Business Students</option> <option value="300013637">School of Continuing Education</option> <option value="300002779">School of GAPP Students</option> <option value="300002786">School of HUSS Students</option> <option value="300002465">School of Sciences and Engineering Intranet</option> <option value="300002231">Scouts</option> <option value="300002232">Serenity Society</option> <option value="300013602">Services Test</option> <option value="300002147">Shared Services</option> <option value="300002233">Society of Petroleum Engineers</option> <option value="300002330">Society of Physics Students</option> <option value="300013518">Sports Facilities </option> <option value="300002683">SSE Students</option> <option value="300002320">Student Ambassadors</option> <option value="300002165">Student Court</option> <option value="300002316">Student Leadership Institute</option> <option value="300002163">Student Senate</option> <option value="300002311">Student Technology Assistants (STAs)</option> <option value="300002162">Student Union</option> <option value="300013651">Students Peer Support </option> <option value="300002339">The Center for Student Well-being</option> <option value="300002216">The Literature Club</option> <option value="300002237">Theater and Film Club</option> <option value="300013562">Visual Arts Association</option> <option value="300002238">Volunteers In Action</option> <option value="300002251">Water Polo</option> <option value="300002245">Women's Basketball</option> <option value="300002249">Women's Futsal</option> <option value="300002250">Women's Handball</option> <option value="300002253">Women's Rowing</option> <option value="300002259">Women's Squash</option> <option value="300002261">Women's Swimming </option> <option value="300002255">Women's Tennis</option> <option value="300002257">Women's Track and Field</option> <option value="300002247">Women's Volleyball</option> </select> <script type="text/javascript"> // console.log('> CHECKPOINT {a00} filter.multiPlaceholder=Group'); // console.log('> CHECKPOINT {a00} filter.multiSearch=False'); $("#select_filter2").multiselect({ buttonWidth: '100%', enableHTML: false, maxHeight: 400, nonSelectedText: ' - Group - ' }); $("#select_filter2").attr("tabindex", "-1"); $("#select_filter2").siblings(".btn-group").find(" .multiselect.dropdown-toggle").attr("role","listbox"); $("#select_filter2").siblings(".btn-group").find(" .multiselect.dropdown-toggle").attr("aria-label","Group"); $("#select_filter2").siblings(".btn-group").find(" .multiselect.dropdown-toggle").attr("aria-description","Multi select filter list. Filter by Group."); // $("#select_filter2").attr("aria-label", "Multi-Select Filter Group"); </script> <script type="text/javascript"> // console.log('> CHECKPOINT {a04}'); if ('' != '' && url.searchParams.get('group_ids') == null) { var url = new URL(location.href); url.searchParams.set('group_ids', ''); history.replaceState(history.state , '', url.pathname + url.search); } $("#select_filter2").bind("change", function() { setURLParametersFromFilters(); getDataFromWebService(); toggleClearButton(); shouldDisableSortable(); }); </script> </div> <div class="select-group"> <select data-z="stype.08" id="select_filter3" class="form-control" multiple="multiple" name="filter3" style="" aria-label="Select filter3. "><option value="300032364">Special Interests </option> <option value="300019843">Student Organization</option> <option value="300019930">Student Program</option> <option value="300019931">Athletic Team</option> <option value="300021867">Academic Entity</option> <option value="300022329">Public Events</option> <option value="300019838">Department</option> <option value="300019937">Constituency</option> </select> <script type="text/javascript"> // console.log('> CHECKPOINT {a00} filter.multiPlaceholder=Group Type'); // console.log('> CHECKPOINT {a00} filter.multiSearch=False'); $("#select_filter3").multiselect({ buttonWidth: '100%', enableHTML: false, maxHeight: 400, nonSelectedText: ' - Group Type - ' }); $("#select_filter3").attr("tabindex", "-1"); $("#select_filter3").siblings(".btn-group").find(" .multiselect.dropdown-toggle").attr("role","listbox"); $("#select_filter3").siblings(".btn-group").find(" .multiselect.dropdown-toggle").attr("aria-label","Group Type"); $("#select_filter3").siblings(".btn-group").find(" .multiselect.dropdown-toggle").attr("aria-description","Multi select filter list. Filter by Group Type."); // $("#select_filter3").attr("aria-label", "Multi-Select Filter Group Type"); </script> <script type="text/javascript"> // console.log('> CHECKPOINT {a04}'); if ('' != '' && url.searchParams.get('group_type') == null) { var url = new URL(location.href); url.searchParams.set('group_type', ''); history.replaceState(history.state , '', url.pathname + url.search); } $("#select_filter3").bind("change", function() { setURLParametersFromFilters(); getDataFromWebService(); toggleClearButton(); shouldDisableSortable(); }); </script> </div> <div class="select-group"> <select data-z="stype.10" id="select_filter4" multiple="multiple" name="filter4" style="" class="form-control" aria-label="Select filter4. "><optgroup class="optgroup_contains" label="Contains"><option value="300444526" >Academic</option><option value="300452681" >Arts and Culture</option><option value="300452674" >Career-Related</option><option value="301391113" >Civic Engagement </option><option value="300444529" >Community Service</option><option value="300452675" >Faith and Intercultural</option><option value="301391112" >Outreach & Student Engagement</option><option value="300452676" >Political and Multicultural Organizations</option><option value="300452677" >Publication</option><option value="300444535" >Recreation and Sports</option><option value="300452679" >Special Interest</option><option value="300461007" >Sports</option><option value="300452680" >Student Government and Leadership</option><option value="300530745" >Student Life</option><option value="300598942" >Student Program</option><option value="301391111" >Tech</option></optgroup><optgroup class="optgroup_does_not_contain" label="Does Not Contain"><option value="-300444526" >Academic</option><option value="-300452681" >Arts and Culture</option><option value="-300452674" >Career-Related</option><option value="-301391113" >Civic Engagement </option><option value="-300444529" >Community Service</option><option value="-300452675" >Faith and Intercultural</option><option value="-301391112" >Outreach & Student Engagement</option><option value="-300452676" >Political and Multicultural Organizations</option><option value="-300452677" >Publication</option><option value="-300444535" >Recreation and Sports</option><option value="-300452679" >Special Interest</option><option value="-300461007" >Sports</option><option value="-300452680" >Student Government and Leadership</option><option value="-300530745" >Student Life</option><option value="-300598942" >Student Program</option><option value="-301391111" >Tech</option></optgroup></select> <script type="text/javascript"> // console.log('> CHECKPOINT {a00} filter.multiPlaceholder=Category Tags'); // console.log('> CHECKPOINT {a00} filter.multiSearch=False'); $("#select_filter4").multiselect({ buttonWidth: '100%', enableHTML: false, maxHeight: 400, nonSelectedText: ' - Category Tags - ' }); $("#select_filter4").attr("tabindex", "-1"); // NOTE assigning role=listbox here but it may be something else (but not a combobox); research hasn't provided an answer $("#select_filter4").siblings(".btn-group").find(" .multiselect.dropdown-toggle").attr("role","listbox"); $("#select_filter4").siblings(".btn-group").find(" .multiselect.dropdown-toggle").attr("aria-label","Category Tags"); $("#select_filter4").siblings(".btn-group").find(" .multiselect.dropdown-toggle").attr("aria-description","Multi select list with conditional logic. Filter by Category Tags."); // $("#select_filter4").attr("aria-label", "Multi-Select Filter Category Tags"); </script> <script> $("#select_filter4").siblings(".btn-group").find(" .multiselect-container.dropdown-menu .multiselect-item.multiselect-group.optgroup_contains").after("<li style='margin-top:5px;padding-left:10px;'><div class='radio radio-inline'><input id='radio_containslogic__or__4' type='radio' name='filter4_containslogic' value='OR' checked><label for='radio_containslogic__or__4'> OR </label></div><div class='radio radio-inline'><input id='radio_containslogic__and__4' type='radio' name='filter4_containslogic' value='AND'><label for='radio_containslogic__and__4'> AND </label></div></li><li class='multiselect-item divider'></li>"); $("#select_filter4").siblings(".btn-group").find(" .multiselect-container.dropdown-menu .multiselect-item.multiselect-group.optgroup_does_not_contain").after("<li style='margin-top:5px;padding-left:10px;'><div class='radio radio-inline'><input id='radio_notcontainslogic__or__4' type='radio' name='filter4_notcontainslogic' value='OR' checked><label for='radio_notcontainslogic__or__4'> OR </label></div><div class='radio radio-inline'><input id='radio_notcontainslogic__and__4' type='radio' name='filter4_notcontainslogic' value='AND'><label for='radio_notcontainslogic__and__4'> AND </label></div></li><li class='multiselect-item divider'></li>"); var url = new URL(location.href); if (url.searchParams.get("category_containslogic") == "AND") { $("input[name='filter4_containslogic'][value='AND']").prop("checked", true); } if (url.searchParams.get("category_notcontainslogic") == "AND") { $("input[name='filter4_notcontainslogic'][value='AND']").prop("checked", true); } $("#select_filter4").siblings(".btn-group").find(" .multiselect-container.dropdown-menu .radio").bind("change", function() { setURLParametersFromFilters(); getDataFromWebService(); toggleClearButton(); //Keep dropdown open hack. $("#select_filter4").siblings(".btn-group").find("button").click(); }); </script> <script type="text/javascript"> // console.log('> CHECKPOINT {a04}'); if ('' != '' && url.searchParams.get('category') == null) { var url = new URL(location.href); url.searchParams.set('category', ''); history.replaceState(history.state , '', url.pathname + url.search); } $("#select_filter4").bind("change", function() { setURLParametersFromFilters(); getDataFromWebService(); toggleClearButton(); shouldDisableSortable(); }); </script> </div> <div class="select-group"> <select data-z="stype.09" id="select_filter5" multiple="multiple" name="filter5" style="" class="form-control" aria-label="Select filter5. "><option value="0" >Important Dates</option><optgroup label="Event Types"><option value="300019846" >Academic</option><option value="300032409" >Tour </option><option value="300032407" >Fair</option><option value="300032406" >Community Engagement</option><option value="300032405" >Play</option><option value="300032404" >Forum</option><option value="300032403" >Festival</option><option value="300032402" >Exhibition</option><option value="300032401" >Conference</option><option value="300032400" >Concert/Show</option><option value="300032399" >Competition</option><option value="300022333" >Student Engagement</option><option value="300022332" >Networking</option><option value="300022331" >Art</option><option value="300019847" >Athletic/Sports</option><option value="300019848" >Career</option><option value="300019849" >Ceremony</option><option value="300019850" >Community Service</option><option value="300019851" >Corporate Presentation</option><option value="300019852" >Cultural</option><option value="300019854" >Dinner/Gala</option><option value="300019855" >Educational/Awareness</option><option value="300019857" >Fundraising</option><option value="300019858" >Ceremony</option><option value="300019861" >Leadership</option><option value="300019862" >Lecture/Talk/Seminar</option><option value="300019863" >Luncheon</option><option value="300019864" >Meeting</option><option value="300019868" >Orientation/Tour</option><option value="300019869" >Networking Session</option><option value="300019870" >Spiritual</option><option value="300019872" >Orientation/Tour</option><option value="300019873" >Webinar</option><option value="300019874" >Workshop/Class</option><option value="300019938" >Entertainment</option><option value="300021863" >Trip</option><option value="300021878" >Health and Wellness</option><option value="300021921" >Virtual</option></optgroup></select> <script type="text/javascript"> // console.log('> CHECKPOINT {a00} filter.multiPlaceholder=Event Type'); // console.log('> CHECKPOINT {a00} filter.multiSearch=False'); $("#select_filter5").multiselect({ buttonWidth: '100%', enableHTML: false, maxHeight: 400, nonSelectedText: ' - Event Type - ' }); $("#select_filter5").attr("tabindex", "-1"); $("#select_filter5").siblings(".btn-group").find(" .multiselect.dropdown-toggle").attr("role","listbox"); $("#select_filter5").siblings(".btn-group").find(" .multiselect.dropdown-toggle").attr("aria-label","Event Type"); $("#select_filter5").siblings(".btn-group").find(" .multiselect.dropdown-toggle").attr("aria-description","Multi select filter list. Filter by Event Type."); // $("#select_filter5").attr("aria-label", "Multi-Select Filter Event Type"); </script> <script type="text/javascript"> // console.log('> CHECKPOINT {a04}'); if ('' != '' && url.searchParams.get('event_type') == null) { var url = new URL(location.href); url.searchParams.set('event_type', ''); history.replaceState(history.state , '', url.pathname + url.search); } $("#select_filter5").bind("change", function() { setURLParametersFromFilters(); getDataFromWebService(); toggleClearButton(); shouldDisableSortable(); }); </script> </div> </div> <div class="select-group-justified"> <div class="select-group"> <select data-z="stype.08" id="select_filter6" class="form-control" multiple="multiple" name="filter6" style="" aria-label="Select filter6. "><option value="301325456"> Healthy Brains</option> <option value="301216489">3D Printing</option> <option value="300851483">AAUP</option> <option value="300496180">Academic</option> <option value="301450886">Academic Integrity</option> <option value="300453633">Academic Talk</option> <option value="301453526">Accreditation</option> <option value="300524061">Acting</option> <option value="301007763">Active Learning</option> <option value="300792038">Active Learning Track</option> <option value="301349891">Addiction</option> <option value="300619743">AdhamCenter</option> <option value="300699439">Adventure</option> <option value="301376875">AFRETEC</option> <option value="300839992">Africa</option> <option value="300633215">African Women</option> <option value="300860661">Agriculture</option> <option value="300492336">AI</option> <option value="300633836">AI</option> <option value="301343365">AI</option> <option value="300972550">AIESEC in AUC</option> <option value="301447239">ALA</option> <option value="301165696">Alternative Assessment</option> <option value="300875371">Alumni</option> <option value="300820979">Alumni Engagement</option> <option value="301096798">Alumni Homecoming</option> <option value="300717528">Alumni Sohour</option> <option value="300717508">Alumni Virtual Sohour</option> <option value="301375511">AMICAL</option> <option value="301104631">Animals</option> <option value="301244502">Animatex Animation Festival</option> <option value="301049004">Animation</option> <option value="300513236">Anniversary</option> <option value="300946977">Annual Event</option> <option value="301168522">Anthropology</option> <option value="301168526">Anthropology Sociology Egyptology Association</option> <option value="300857050">Anti Cancer Team</option> <option value="300876963">Arab Media</option> <option value="300876964">Arab Media </option> <option value="300732497">Arabic Language</option> <option value="301203398">Arabic Language</option> <option value="301118551">Archaeology</option> <option value="300509647">Architecture</option> <option value="301190481">Architecture Design Show</option> <option value="301283095">Architecture Leih?</option> <option value="301091816">Art</option> <option value="301403462">Art therapy</option> <option value="300492335">Artificial Intelligence</option> <option value="301246750">Artist</option> <option value="300680776">ARTS Events</option> <option value="300752612">Assessment</option> <option value="300659508">Athlete's Medical Check</option> <option value="300493976">athletics</option> <option value="300943658">AUC</option> <option value="301387219">AUC</option> <option value="300717527">AUC Alumni</option> <option value="301388357">AUC Bookstores Event</option> <option value="300674042">AUC Business Forum</option> <option value="300683064">AUC Gr seniors</option> <option value="301380839">AUC Press</option> <option value="301512339">AUC Tahrir Square</option> <option value="300995371">AUCClimateChange</option> <option value="300676584">AUC_SCE</option> <option value="300935332">audio</option> <option value="300679465">AUST</option> <option value="301380838">Author Talk</option> <option value="300715250">Award Ceremony</option> <option value="300854387">Awareness</option> <option value="300866532">Azza Fahmy</option> <option value="300833808">BackToCampus</option> <option value="301133998">Bazaar</option> <option value="300716723">BBQ</option> <option value="301418782">BCI</option> <option value="301077826">Bicentennial Celebraiton</option> <option value="300843883">Biliteracy</option> <option value="301520437">BioimagingSymposium</option> <option value="301216493">Biomedical Innovators</option> <option value="300639340">Black Friday</option> <option value="301167952">Black History Month</option> <option value="300789156">Blackboard Build Your Course</option> <option value="300744372">Blackboard consultation</option> <option value="300746609">Blended Learning Certificate</option> <option value="300857172">Blood Drive</option> <option value="301260670">Blue</option> <option value="301216494">BMI</option> <option value="301508202">Book Club</option> <option value="300839473">Book Discussion</option> <option value="300648009">Book Fair</option> <option value="300644550">Book Launch</option> <option value="300694116">Book Sale</option> <option value="300952807">Book Talk</option> <option value="301431114">Bootcamp</option> <option value="301181464">Brain</option> <option value="301335315">Brainstorming</option> <option value="301379875">BS4CL</option> <option value="301376893">Business</option> <option value="300642974">Business</option> <option value="301343356">Business Education</option> <option value="301343366">Business Education</option> <option value="301206327">Businessforward</option> <option value="300960549">Cairo Papers</option> <option value="300872042">CairoFilmFestival</option> <option value="301207645">Camp</option> <option value="300716725">Camp fire</option> <option value="300857173">Campaign</option> <option value="300716722">Camping</option> <option value="301274947">Campus 2026</option> <option value="300809600">Campus Conversation</option> <option value="301366997">Campus Recruitment Week</option> <option value="301461073">Canvas</option> <option value="301333255">Canvas Migration</option> <option value="301194724">Carbon Credits</option> <option value="301194739">Carbon Footprint</option> <option value="300748868">Career</option> <option value="301316822">Career Coaching</option> <option value="300593106">Career Conversation</option> <option value="300614740">Career Event</option> <option value="300676588">CareerDevelopment</option> <option value="301194725">CARES</option> <option value="301120776">Carpool</option> <option value="301110876">Case Solving</option> <option value="300994972">Case Writing</option> <option value="301165695">CATs</option> <option value="300489723">Cause Fundraising</option> <option value="301066443">CBL</option> <option value="300837812">Celebration</option> <option value="301194726">Center for Applied Research on the Environment and Sustainability</option> <option value="301427875">Certificate</option> <option value="301243143">Challenge-Based learning</option> <option value="300727951">character_building</option> <option value="300863453">ChemistryAssociation</option> <option value="300506583">Children</option> <option value="300995729">Choir</option> <option value="300489725">Christmas</option> <option value="300648010">Christmas</option> <option value="301133997">Christmas Bazaar</option> <option value="300839474">Cinema</option> <option value="301335317">Citation and Referencing</option> <option value="300715060">Class 1996</option> <option value="300838528">Class 1996</option> <option value="300653286">Class of 2021</option> <option value="301331734">Classroom Management </option> <option value="301146948">Classroom visit</option> <option value="301444299">Climate action</option> <option value="300943648">climate change</option> <option value="300994695">Climate Change</option> <option value="301090388">Climate Change</option> <option value="301379874">Climate Leadership</option> <option value="301454295">Climate Smart Education</option> <option value="301193276">Clothes Sorting</option> <option value="301193390">Clothes Sorting</option> <option value="300607041">CLT</option> <option value="301170909">CLT 20th Anniversary</option> <option value="301006890">CLT Anniversary</option> <option value="301389218">CMA</option> <option value="301200800">CMR</option> <option value="301165390">Coaching</option> <option value="301192035">Comedy</option> <option value="300736605">Commencement</option> <option value="300838214">CommonReading</option> <option value="300907553">Community Assembly</option> <option value="301242846">Community Circle</option> <option value="300792020">Community Consultations</option> <option value="301205237">Community Conversation</option> <option value="301194737">Community Development</option> <option value="300489724">Community Service</option> <option value="301246823">Community Welfare</option> <option value="300614994">CommunityEngagement</option> <option value="301247056">Compassionate Universe Games</option> <option value="300496024">Competition</option> <option value="300959801">concert</option> <option value="300995730">Concert</option> <option value="301284911">Concerts</option> <option value="300495289">Conference</option> <option value="300549517">Conference</option> <option value="301144135">Conversation</option> <option value="300964081">COP27</option> <option value="301286659">CORBEH</option> <option value="300562351">Counseling</option> <option value="301376998">Course Design</option> <option value="300619742">COVID19</option> <option value="301333983">Creative Brain Awareness Week</option> <option value="301333984">Creative Brain Awareness Week</option> <option value="300621806">Creativity</option> <option value="301190485">CREATOPIA</option> <option value="300507368">Cryptocurrency</option> <option value="300752480">Cultural</option> <option value="301284912">Cultural</option> <option value="300732499">culture</option> <option value="301133664">cultures</option> <option value="301269371">CustomerExperience</option> <option value="301269373">CXMorientation</option> <option value="301427886">Cybersecurity</option> <option value="300855738">cybersecurity</option> <option value="300513056">Dance</option> <option value="300633837">Data</option> <option value="301333254">Data Visualization</option> <option value="301064439">Dean Of Students</option> <option value="300513227">Debates</option> <option value="301283402">Department of Education</option> <option value="301283168">Design</option> <option value="301003159">Design the Future</option> <option value="301090387">Design the Future</option> <option value="301066444">Design Thinking</option> <option value="300507369">Development</option> <option value="300644202">Digital Education Workshop</option> <option value="300792039">Digital Literacies</option> <option value="300719774">Dining with an AUCian</option> <option value="300820977">Dining with an AUCian</option> <option value="300839398">Diplomas</option> <option value="300852409">Disability</option> <option value="301287848">DM POC Test</option> <option value="300857171">Donation</option> <option value="301066730">Dramatherapy</option> <option value="300866531">DSAF</option> <option value="300980782">DSAF</option> <option value="300786691">Dual Delivery</option> <option value="300678218">E-Commerce</option> <option value="300830032">Economics</option> <option value="300846245">Education</option> <option value="300732496">Egypt</option> <option value="300732495">Egyptian Culture</option> <option value="300865737">Egyptian Private Equity Association (EPEA)</option> <option value="300865736">Egyptian Stock Exchange</option> <option value="301168524">Egyptology</option> <option value="301450797">Elections</option> <option value="301155090">Electric Mobility</option> <option value="301155131">Electric Mobility</option> <option value="301297905">ELT</option> <option value="301201837">Employment</option> <option value="301443249">Empowerment</option> <option value="301017988">Engineering</option> <option value="300839440">English Programs</option> <option value="300506581">Entertainment</option> <option value="301284913">entertainment</option> <option value="301276470">entrepreneur</option> <option value="300621803">entrepreneurs</option> <option value="300676587">Entrepreneurship</option> <option value="300802986">Environment</option> <option value="300925198">Equality</option> <option value="300875967">EURECA Call for Abstract</option> <option value="300614739">Event</option> <option value="300738479">Event Orientation Session</option> <option value="301202263">Exams</option> <option value="300944985">Exchange Programs</option> <option value="300637876">Executive Education</option> <option value="300791907">Exhibition</option> <option value="301424381">Experiential Learning</option> <option value="301202321">Face-to-Face</option> <option value="300619738">FactCheck</option> <option value="300607042">Faculty Development</option> <option value="301210118">Faculty ILT</option> <option value="301190486">Faculty Pitch</option> <option value="300591076">Fair</option> <option value="300595692">FakeNews</option> <option value="300637875">Family Business</option> <option value="300868756">Farewell</option> <option value="301214443">fashion</option> <option value="300779928">FEC</option> <option value="301424406">Feedback for Learning</option> <option value="300655957">Fellowship</option> <option value="301271021">Feminism</option> <option value="300655958">FEPS</option> <option value="300990518">Festival</option> <option value="301380842">Fiction</option> <option value="300981247">Film</option> <option value="301244793">Film Festival</option> <option value="300872043">FilmScreening</option> <option value="301006881">FILT</option> <option value="300507367">Finance</option> <option value="300897267">financial health</option> <option value="300653027">FinTech</option> <option value="301190484">First Year Research Experience</option> <option value="301107045">Fitness</option> <option value="301464147">food</option> <option value="301393164">FranklinCovey</option> <option value="300653288">Freshman year throwback</option> <option value="300679467">FUN</option> <option value="301427877">Fundamental</option> <option value="300506582">Funday</option> <option value="300727855">fundraising</option> <option value="301113391">Future</option> <option value="301454296">Future of Learning</option> <option value="301255249">FYE</option> <option value="301280489">FYE23 Seminars</option> <option value="301190482">FYRE</option> <option value="300679468">Games</option> <option value="300732500">games</option> <option value="300655960">GAPP</option> <option value="300964080">GAPP</option> <option value="300868797">Gender</option> <option value="301165739">Gender Responsive Pedagogy</option> <option value="300834596">Gender-Sensitive Teaching</option> <option value="301444298">GenderEquity</option> <option value="301077697">GenderScholars</option> <option value="300839604">Global Health</option> <option value="301340498">Gold Medal</option> <option value="300643947">Governance</option> <option value="300655959">Graduate</option> <option value="300944943">Graduate Poster Competition</option> <option value="301216492">Graduate Students</option> <option value="301072313">Graduate Students Services</option> <option value="300653285">Graduating Seniors</option> <option value="300644551">Graphic Design</option> <option value="301286128">GraphicDesign</option> <option value="301260668">Green</option> <option value="300801070">Green Economy</option> <option value="301277185">Green HR</option> <option value="301262286">Green Hydrogen and Energy</option> <option value="301303347">Green Marketing</option> <option value="301194727">Greenhouse Gas Emissions</option> <option value="301523719">Greentechnology</option> <option value="301276469">Growth</option> <option value="300588398">Gym Registration</option> <option value="301213237">Hackathon</option> <option value="301110615">Halloween</option> <option value="300679469">Handmade Crafts</option> <option value="300522594">Health</option> <option value="301370439">Healthcare</option> <option value="300955571">Help</option> <option value="300876961">Help_Closing</option> <option value="301280739">Heritage</option> <option value="301459615">Heya</option> <option value="300852410">Hidden disabilities</option> <option value="300846888">Higher Education</option> <option value="300732498">history</option> <option value="300868056">History</option> <option value="301286127">History</option> <option value="301189612">Homecoming</option> <option value="301244794">Honorary Awards</option> <option value="301380840">Hoopoe</option> <option value="301343368">Hospitality</option> <option value="301277184">HR</option> <option value="301253601">Human Nutrtion</option> <option value="300802987">Human Rights</option> <option value="301468722">HUSS</option> <option value="301283564">Hybrid Event</option> <option value="301194063">ICEDU 2023</option> <option value="300792064">Idea Exchange</option> <option value="300752610">ILACE</option> <option value="301219432">ILACE 2023</option> <option value="301387270">ILACE2024</option> <option value="300837810">Inauguration</option> <option value="300846246">Inclusive</option> <option value="301165813">Inclusive Education</option> <option value="301523715">Industry 4.0</option> <option value="301523718">Industry4.0</option> <option value="301523716">Industry5.0</option> <option value="301523717">Industry5.0</option> <option value="300496570">info session</option> <option value="300855739">Information Security</option> <option value="300619884">Information Session</option> <option value="301113390">Innovation</option> <option value="300801506">Integrity_Matters</option> <option value="301165697">Interactive Teaching</option> <option value="301079453">intercultural</option> <option value="301453527">International</option> <option value="301244503">International artists</option> <option value="301389219">International Certificates</option> <option value="301189958">International Day</option> <option value="300619883">Internship Program</option> <option value="300727856">investment</option> <option value="300877133">Invitation Only</option> <option value="300720411">J-PAL MENA</option> <option value="300752481">Jazz</option> <option value="300866530">Jewelry</option> <option value="300622965">Job Shadowing</option> <option value="300595693">Journalism</option> <option value="300706299">Journalism</option> <option value="300867385">journalism</option> <option value="301144134">Journey</option> <option value="301166894">JRMC</option> <option value="301110877">KCC</option> <option value="301170910">Keynote</option> <option value="301276471">knowledge</option> <option value="300945038">LA Symposium</option> <option value="300752611">Language</option> <option value="301172840">Language Learning</option> <option value="301079452">languages</option> <option value="301110565">Law</option> <option value="301110566">Law Department</option> <option value="300592201">Leadership</option> <option value="300717146">Leadership</option> <option value="301077369">Learning spaces</option> <option value="301190095">Lebanon</option> <option value="301048521">Lecture</option> <option value="300662089">Legislation</option> <option value="300945598">Liberal Arts</option> <option value="301079451">LIC</option> <option value="301355367">Life Coaching</option> <option value="301380841">Literature</option> <option value="301458740">Literature</option> <option value="300521399">Literature</option> <option value="300900611">LLT</option> <option value="300878174">LLT-RBSCL</option> <option value="301207644">Manager</option> <option value="300633795">Marketing</option> <option value="300928866">media</option> <option value="300608324">MediaLiteracy</option> <option value="300845136">Meeting</option> <option value="301470155">Meeting with competition representatives</option> <option value="301513642">memoir</option> <option value="300928220">Memorial</option> <option value="300872044">Memorial Service</option> <option value="301340481">Men Individual</option> <option value="301339587">Men Team Sports</option> <option value="301270089">MENA</option> <option value="300562352">Mental health</option> <option value="300809601">Mental Health</option> <option value="301520438">MicroscopyEgypt</option> <option value="300991249">Migration</option> <option value="300943649">minister of environment</option> <option value="301278669">Mobile Photography</option> <option value="300614738">Mock Interviews Week</option> <option value="300855829">Mohamed Shelbaya '90</option> <option value="300897265">Money</option> <option value="301142783">Morocco</option> <option value="301191922">MothersDay</option> <option value="300716724">Music </option> <option value="301284910">Music</option> <option value="300945573">Music Majors</option> <option value="300945572">Music Performance</option> <option value="301268519">NASA</option> <option value="301431115">NASA</option> <option value="301083724">Nature</option> <option value="301194736">Nature-Based Solutions</option> <option value="301194738">Net Zero</option> <option value="300955144">Networking</option> <option value="301181465">Neuroscience</option> <option value="300748869">New Career</option> <option value="301038803">New Faculty Orientation</option> <option value="300930512">Newly Declared</option> <option value="300662088">NGOs</option> <option value="301294418">NileTESOL 2024</option> <option value="300883094">NileTESOL2022</option> <option value="301136382">NileTESOL2023</option> <option value="301474549">NileTESOL2025</option> <option value="300857584">Nile_Flouka</option> <option value="300820978">Notable alumni</option> <option value="300634468">NRI</option> <option value="301355366">Nutrition</option> <option value="301403301">Nutrition</option> <option value="300717526">Office of Alumni Engagement</option> <option value="300855830">Office of Alumni Engagement</option> <option value="301202430">Online</option> <option value="300650521">Online workshop</option> <option value="300621804">onlinelecture</option> <option value="301021334">Open air</option> <option value="301523007">Open Source Community</option> <option value="300679466">opening</option> <option value="300806095">Opening</option> <option value="300989244">Opportunities</option> <option value="300679470">Orgami</option> <option value="300945087">Oriental Hall</option> <option value="300839439">Orientation</option> <option value="300669816">Orientation Fall 2020</option> <option value="300565212">Orientation FYP</option> <option value="300571095">Orientation Graduate</option> <option value="300569757">Orientation International</option> <option value="300669817">Orientation Spring 2021</option> <option value="301209166">Orphanage Development</option> <option value="301209165">Orphans</option> <option value="301522243">OSC</option> <option value="300955143">PACE</option> <option value="301453632">Palestine</option> <option value="301430703">Palestinian Music</option> <option value="300645421">Pandemic</option> <option value="300839603">Panel</option> <option value="301283563">Panel Discussion</option> <option value="300744369">Panopoto Consultation</option> <option value="300837811">Parade</option> <option value="301376874">PBL</option> <option value="301297908">PD</option> <option value="300744360">Pedagogy consultation</option> <option value="300644203">Pedagogy Workshop</option> <option value="300838596">Peer Observation</option> <option value="301199479">peer tutoring</option> <option value="301199480">Peer Tutoring</option> <option value="300752479">Performance</option> <option value="300947950">Personal Finance</option> <option value="300955142">Petroleum Engineering</option> <option value="300897693">Pharma day 2022</option> <option value="301336608">Pharma Day 2024</option> <option value="300676586">Pharmaceutical</option> <option value="300676585">PharmaDay2021</option> <option value="300636901">philanthropy</option> <option value="301089295">Philosophy</option> <option value="300860678">Philosophy Department</option> <option value="300791906">Photography</option> <option value="301453633">photojournalism</option> <option value="301272311">Physics</option> <option value="301260669">Pink</option> <option value="300603936">play</option> <option value="300703746">podcasting</option> <option value="300928865">podcasting</option> <option value="301187990">poetry</option> <option value="301452659">Policymakers</option> <option value="301447240">political</option> <option value="300690029">Political Science</option> <option value="301190479">Poster compeition</option> <option value="301335318">Presentations</option> <option value="301349892">Prevention</option> <option value="301427876">Professional</option> <option value="301297907">Professional Development</option> <option value="301269372">ProfessionalDevelopment</option> <option value="301090057">Programming Contest</option> <option value="301335314">Proposal writing</option> <option value="301192068">Public and Community Events</option> <option value="301277183">Public Speaking</option> <option value="301523336">Publichealth</option> <option value="301451741">Qaf Foundation</option> <option value="300717525">Ramadan Vibes</option> <option value="300943562">RCC</option> <option value="300838215">Reading4Joy</option> <option value="301343355">Real Estate</option> <option value="301343367">Real Estate</option> <option value="300839638">Reception</option> <option value="300502631">Recognition</option> <option value="300624447">Recruitment</option> <option value="300839613">Refugees</option> <option value="301333256">REHT</option> <option value="300857174">Resala AUC</option> <option value="300837358">Research</option> <option value="301403284">Residents</option> <option value="300636902">Responsible Business</option> <option value="301048130">Resume</option> <option value="300838529">Reunion</option> <option value="301199481">Review</option> <option value="301063508">revival</option> <option value="300642973">Robotics</option> <option value="300727950">Robotics</option> <option value="300513057">Salsa</option> <option value="301109520">SCE</option> <option value="300953724">School of HUSS</option> <option value="301206328">Schoolofbusiness</option> <option value="300751841">ScienceJournalism</option> <option value="300717147">Scouting</option> <option value="301198380">SDGs</option> <option value="301198389">SDGs</option> <option value="300496181">Self-development</option> <option value="301357642">Senate</option> <option value="300683063">Senior class</option> <option value="301355020">SEO</option> <option value="301270090">Serenity Sunday</option> <option value="300709246">Service</option> <option value="300588426">Session</option> <option value="300562350">Sexual harassment</option> <option value="300756704">SGID</option> <option value="301370458">SheCan2024</option> <option value="301370456">SheInnovates2024</option> <option value="301252486">Short Film Forum</option> <option value="301291269">Sign Language</option> <option value="300838530">Silver Jubilee</option> <option value="301104233">skill</option> <option value="301379473">Smart Systems</option> <option value="300513058">Social dancing</option> <option value="301168525">Social Sciences</option> <option value="301168523">Sociology</option> <option value="301518844">Solar Decathlon</option> <option value="301431116">Space Apps Cairo</option> <option value="300493975">sports</option> <option value="301355368">Sports Entrepreneurship</option> <option value="301268520">SSE</option> <option value="300756721">STA</option> <option value="301287847">Staff Engagement</option> <option value="301270375">Stand-Up Comedy</option> <option value="301376892">Startup</option> <option value="300727854">startup</option> <option value="300639341">Startups</option> <option value="301286720">STEM</option> <option value="300709163">Stories</option> <option value="300709164">Storytelling</option> <option value="301335316">Strategies to get started</option> <option value="300624448">Student Ambassadors</option> <option value="300799760">Student E-Potrfolio</option> <option value="300839751">Student engagement</option> <option value="300453645">Student event</option> <option value="301110616">Student Union</option> <option value="300756722">Studio</option> <option value="300799759">Studnet e-portfolio</option> <option value="300944984">Study Abroad</option> <option value="301214444">styling</option> <option value="301202264">Success</option> <option value="300872069">success</option> <option value="301388356">Summer Sale</option> <option value="301418781">Summer School</option> <option value="301276472">summit</option> <option value="300562353">support</option> <option value="301057072">Support Group</option> <option value="300659193">Sustainability</option> <option value="301444300">SustainableDevelopment</option> <option value="300938062">Symposium</option> <option value="300938013">Symposium-Spring '22</option> <option value="300712435">Tag Name</option> <option value="300838531">Tahrir Campus - Fountain Area</option> <option value="301021333">Tahrir Cultural Center</option> <option value="301387220">Tahrir Programming</option> <option value="301324438">TahrirCulturalFest</option> <option value="301201846">Talk</option> <option value="300622897">Teachers</option> <option value="300794627">Teaching at AUC Certificate</option> <option value="300607043">Teaching Enhancement Certificate</option> <option value="300792683">Teaching Portfolio</option> <option value="300492334">Technology</option> <option value="300744374">Technology Consultation</option> <option value="300950894">TED Talk</option> <option value="301370438">Telemedicine</option> <option value="300867384">television</option> <option value="301297906">TESOL</option> <option value="300791905">The Photographic Gallery</option> <option value="301331260">The Shop</option> <option value="300815100">Theatre</option> <option value="300815101">Theatre</option> <option value="300844926">Therapy</option> <option value="301302338">Thesis</option> <option value="300624466">TimeManagement</option> <option value="301443248">TLG</option> <option value="301077696">TLS</option> <option value="301270107">Tomorrows Leaders Gender Scholars</option> <option value="301443247">Tomorrows Leaders Graduate Program</option> <option value="301077695">TomorrowsLeaders</option> <option value="300830313">Tour</option> <option value="301343369">Tourism</option> <option value="300824806">Trade</option> <option value="301205286">Training</option> <option value="301458739">Translated Fiction</option> <option value="301203397">Translation</option> <option value="300839397">Translation</option> <option value="300844935">Trauma-Informed Education</option> <option value="300716846">treasure hunt</option> <option value="301090056">Treasure Hunt</option> <option value="300603344">Treasury</option> <option value="301145540">Trustee</option> <option value="300744373">TURNITIN consultation</option> <option value="301244253">Turnitin training</option> <option value="301118552">Tutankhamun</option> <option value="301216491">Under Graduate Students</option> <option value="301190483">Undergraduate</option> <option value="301190480">Undergraduate poster competition</option> <option value="300619739">UNESCO</option> <option value="300619740">UNIC</option> <option value="301357643">University Senate</option> <option value="301452660">Urban professionals</option> <option value="301355783">USAID</option> <option value="301109521">USEmbassy</option> <option value="300830314">Virtual</option> <option value="300716681">Virtual Conference</option> <option value="300990519">Virtual Space</option> <option value="301291927">Visual Arts</option> <option value="301335319">Visual design</option> <option value="300876962">war and peace</option> <option value="300860660">Water</option> <option value="300897266">Wealth</option> <option value="300606493">Webinar</option> <option value="301077940">Welcome</option> <option value="300930454">Welcome Event</option> <option value="300930503">Welcome Event</option> <option value="300453644">Wellbeing</option> <option value="301262485">Wellness</option> <option value="301254114">Wellness industry</option> <option value="300619741">WHO</option> <option value="300993055">Willard W. Brown</option> <option value="300621805">women</option> <option value="301286126">Women</option> <option value="301038080">Women's Health</option> <option value="301178595">WomenDay</option> <option value="301370457">WomenInBusiness</option> <option value="300794215">Work Study Program</option> <option value="300588425">Workshop</option> <option value="300780081">Workshop</option> <option value="301216490">Workshop</option> <option value="301085321">World Bank</option> <option value="301452658">World Urban Campaign</option> <option value="300852656">Writing </option> <option value="300943659">Yasmine Fouad</option> <option value="301260667">Yellow </option> </select> <script type="text/javascript"> // console.log('> CHECKPOINT {a00} filter.multiPlaceholder=Event Tags'); // console.log('> CHECKPOINT {a00} filter.multiSearch=False'); $("#select_filter6").multiselect({ buttonWidth: '100%', enableHTML: false, maxHeight: 400, nonSelectedText: ' - Event Tags - ' }); $("#select_filter6").attr("tabindex", "-1"); $("#select_filter6").siblings(".btn-group").find(" .multiselect.dropdown-toggle").attr("role","listbox"); $("#select_filter6").siblings(".btn-group").find(" .multiselect.dropdown-toggle").attr("aria-label","Event Tags"); $("#select_filter6").siblings(".btn-group").find(" .multiselect.dropdown-toggle").attr("aria-description","Multi select filter list. Filter by Event Tags."); // $("#select_filter6").attr("aria-label", "Multi-Select Filter Event Tags"); </script> <script type="text/javascript"> // console.log('> CHECKPOINT {a04}'); if ('' != '' && url.searchParams.get('topic_tags') == null) { var url = new URL(location.href); url.searchParams.set('topic_tags', ''); history.replaceState(history.state , '', url.pathname + url.search); } $("#select_filter6").bind("change", function() { setURLParametersFromFilters(); getDataFromWebService(); toggleClearButton(); shouldDisableSortable(); }); </script> </div> <div class="select-group"> <select id="select_filter7" class="form-control" aria-label="Location Type" aria-description="Filter by location type." data-a11y="a01" title="- Location Type -"><option value="" aria-label="Filter by All Formats">- Location Type -</option><option value="on_campus" aria-label="Filter by On Campus">On-Campus</option><option value="off_campus" aria-label="Filter by Off Campus">Off-Campus</option><option value="online_only" aria-label="Filter by Online Only">Online Only</option><option value="hybrid" aria-label="Filter by Hybrid Events">Hybrid</option></select> <script type="text/javascript"> var selectFilterElem = $("#select_filter7"); if (selectFilterElem !== null && selectFilterElem.length === 1) { var selectFilterAriaLabel = $(selectFilterElem).attr('aria-label'); if (selectFilterAriaLabel === undefined || selectFilterAriaLabel === null || selectFilterAriaLabel.trim().length < 1) { selectFilterElem.attr("aria-label", "format"); selectFilterElem.attr("aria-description", "Select format."); } } </script> <script type="text/javascript"> // console.log('> CHECKPOINT {a04}'); if ('' != '' && url.searchParams.get('format') == null) { var url = new URL(location.href); url.searchParams.set('format', ''); history.replaceState(history.state , '', url.pathname + url.search); } $("#select_filter7").bind("change", function() { setURLParametersFromFilters(); getDataFromWebService(); toggleClearButton(); shouldDisableSortable(); }); </script> </div> <div class="select-group"> <div class="datePickerSkipForwardContainer"><span id="keyboard-above-select_filter8" class="spanAboveBelowDatePickerInTableCell" aria-description="This tab stop facilitates keyboard navigation before the date slash time input labelled From Date" tabindex="0" onkeydown="aboveDatePickerOnKeyDown(event, 'keyboard-below-select_filter8');">Press CTRL to skip forward over the From Date input.</span></div><input id="select_filter8" type="text" placeholder="From Date"/><div class="datePickerSkipBackwardsContainer"><span id="keyboard-below-select_filter8" class="spanAboveBelowDatePickerInTableCell" aria-description="This tab stop facilitates keyboard navigation after the date slash time input labelled From Date" tabindex="0" onkeydown="belowDatePickerOnKeyDown(event, 'keyboard-above-select_filter8');">Press CTRL to skip backwards over the From Date input.</span></div> <script type="text/javascript"> var selectFilterElem = $("#select_filter8"); if (selectFilterElem !== null && selectFilterElem.length === 1) { var selectFilterAriaLabel = $(selectFilterElem).attr('aria-label'); if (selectFilterAriaLabel === undefined || selectFilterAriaLabel === null || selectFilterAriaLabel.trim().length < 1) { selectFilterElem.attr("aria-label", "from date"); selectFilterElem.attr("aria-description", "Select from date."); } } </script> <script type="text/javascript"> // console.log('> CHECKPOINT {a04}'); if ('' != '' && url.searchParams.get('from_date') == null) { var url = new URL(location.href); url.searchParams.set('from_date', ''); history.replaceState(history.state , '', url.pathname + url.search); } $("#select_filter8").bind("change", function() { setURLParametersFromFilters(); getDataFromWebService(); toggleClearButton(); shouldDisableSortable(); }); </script> </div> <div class="select-group"> <div class="datePickerSkipForwardContainer"><span id="keyboard-above-select_filter9" class="spanAboveBelowDatePickerInTableCell" aria-description="This tab stop facilitates keyboard navigation before the date slash time input labelled To Date" tabindex="0" onkeydown="aboveDatePickerOnKeyDown(event, 'keyboard-below-select_filter9');">Press CTRL to skip forward over the To Date input.</span></div><input id="select_filter9" type="text" placeholder="To Date"/><div class="datePickerSkipBackwardsContainer"><span id="keyboard-below-select_filter9" class="spanAboveBelowDatePickerInTableCell" aria-description="This tab stop facilitates keyboard navigation after the date slash time input labelled To Date" tabindex="0" onkeydown="belowDatePickerOnKeyDown(event, 'keyboard-above-select_filter9');">Press CTRL to skip backwards over the To Date input.</span></div> <script type="text/javascript"> var selectFilterElem = $("#select_filter9"); if (selectFilterElem !== null && selectFilterElem.length === 1) { var selectFilterAriaLabel = $(selectFilterElem).attr('aria-label'); if (selectFilterAriaLabel === undefined || selectFilterAriaLabel === null || selectFilterAriaLabel.trim().length < 1) { selectFilterElem.attr("aria-label", "to date"); selectFilterElem.attr("aria-description", "Select to date."); } } </script> <script type="text/javascript"> // console.log('> CHECKPOINT {a04}'); if ('' != '' && url.searchParams.get('to_date') == null) { var url = new URL(location.href); url.searchParams.set('to_date', ''); history.replaceState(history.state , '', url.pathname + url.search); } $("#select_filter9").bind("change", function() { setURLParametersFromFilters(); getDataFromWebService(); toggleClearButton(); shouldDisableSortable(); }); </script> </div> </div> </div> <div id="listing__filters--order-cont" class="col-xs-12 col-sm-3_5 col-md-2_5"> </div> <button id="listing__clear-btn" class="btn" onClick="GetDataOnClear();" aria-label="Clear Filters. Reloads the list results with default filters."> <span class="mdi mdi-close-circle"></span> </button> </div> </div> <div id="listing-cont"> <div id="listing__elements-cont" style="overflow:visible;"> <ul id="divAllItems" class="list-group"> </ul> </div> <div id="listing__loading-cont"> <p id="LoadingEvents" class="loader" style="color:#6c6c6c;font-size:16px;text-align:center; margin-top: 10px;"><img src="/images/loader-big.gif" alt="Loading" /><br/>Events</p> <p><button id="lnkLoadMore" type="button" class="btn btn-default btn-block" style="display: none;">More</button></p> </div> <input type="hidden" name="form_select_all" id="form_select_all" value="0"/> <input type="hidden" id="h_Range" value="0" /> <input type="hidden" id="h_Limit" value="40" /> <input type="hidden" id="h_searchWords" /> <input type="hidden" id="listing_checkbox_count" value="0" /> <input type="hidden" id="h_SearchWords" value="" /> <input type="hidden" id="h_firstRequest" value="1" /> </div> <script type="text/javascript"> //Global Variable to hold ajax request state. var xhr; //Global Variable to block ajax request state for Load More so it does not skip results var blockXhr = false; var strNumber = 1; var intPos = 1; var needToLoadMoreRecords = false; var actionParam; // Trigger action when changing the view var hash; $(window).bind("hashchange", function () { hash = location.hash.replace("#", ""); if (hash == "card" || hash == "list" || hash == "vignette" || hash == "row") { changeTemplate(hash); } else { return; } }); //Set template from settings (+ security) var selectTemplate = ""; if (document.getElementById("card_template")) { selectTemplate = "card"; } else if (document.getElementById("card_template")) { selectTemplate = "card"; } $(document).ready(function () { setFiltersFromURLParameters(); getDataFromWebService(); setResponsivePageHeaderButtons(); /** BINDING onLoadMoreFunction TO BUTTON CLICK **/ $("#lnkLoadMore").bind('click', function () { if(!blockXhr) { onLoadMoreFunction(); } }); /** BINDING onLoadMoreFunction TO SCROLL **/ $(window).scroll(function () { if ($(window).scrollTop() + $(window).height() > $(document).height() - 150) { if (needToLoadMoreRecords && !blockXhr && $("#lnkLoadMore").is(":visible")) { $("#lnkLoadMore").hide(); onLoadMoreFunction(); } } }); $("#btnListingSearch").bind('click', function () { setURLParametersFromFilters(); getDataFromWebService(); toggleClearButton(); shouldDisableSortable(); }); $("#btnListingFilterToggle").bind('click', function () { if ( $("#listing__filters-cont .select-group-justified").is(":visible") ) { $("#listing__filters-cont .select-group-justified").slideUp('fast', 'swing'); } else { $("#listing__filters-cont .select-group-justified").slideDown('fast', 'swing'); } }); $("#search_word").bind('keyup', function (e) { if (e.keyCode == 13) { setURLParametersFromFilters(); getDataFromWebService(); toggleClearButton(); shouldDisableSortable(); } }); $("#select_order").bind('change', function() { setURLParametersFromFilters(); getDataFromWebService(); toggleClearButton(); shouldDisableSortable(); }); /** LISTING DRAG & DROP ITEMS ORDERING **/ }); function shouldDisableSortable(){ let boolDisable = false if($("#search_word").val() != "" && $("#search_word").val() != null) boolDisable = true; if($("#select_order").val() != "" && $("#select_order").val() != null) boolDisable = true; if($("#select_filter1").val() != null && $("#select_filter1").val() != "") { boolDisable = true; }; if($("#select_filter2").val() != null && $("#select_filter2").val() != "") { boolDisable = true; }; if($("#select_filter3").val() != null && $("#select_filter3").val() != "") { boolDisable = true; }; if($("#select_filter4").val() != null && $("#select_filter4").val() != "") { boolDisable = true; }; if($("#select_filter5").val() != null && $("#select_filter5").val() != "") { boolDisable = true; }; if($("#select_filter6").val() != null && $("#select_filter6").val() != "") { boolDisable = true; }; if($("#select_filter7").val() != null && $("#select_filter7").val() != "") { boolDisable = true; }; if($("#select_filter8").val() != null && $("#select_filter8").val() != "") { boolDisable = true; }; if($("#select_filter9").val() != null && $("#select_filter9").val() != "") { boolDisable = true; }; if (xhr) { xhr.then(function(){ disableSortable(boolDisable); }); } else disableSortable(boolDisable); } function disableSortable(boolDisable){ $("#divAllItems").sortable( boolDisable ? "disable" : "enable" ); $(".handle").each(function(i,e){ $(e).css("cursor", boolDisable ? "not-allowed" : "move"); if (boolDisable) $(e).bind("mousedown", disableSortableAlert); else $(e).unbind("mousedown", disableSortableAlert); }) } function disableSortableAlert(){ jAlert("Re-ordering is disabled while the list is filtered or sorted. Please remove any selections in the search bar, filter dropdowns, or sorting dropdown if applicable.", "Re-ordering Disabled") } function getListingDataJSON(url, callback, noResultCallback) { if (xhr && xhr.readyState != 4 && $("#h_firstRequest").val() == 0) { xhr.abort(); } if (url.indexOf('?') > 0) { url = url + '&' + timestamp(); } else { url = url + '?' + timestamp(); } xhr = $.getJSON(url, function (data) { if (data.length > 0) { $("#lnkLoadMore").hide(); var dataLength = data.length for (var i = 0; i < dataLength; i++) { callback(data[i]); } var resultDisplayed = strNumber - 1; cmsgMsg = ""; if (data[dataLength - 1]["counter"] != null && data[dataLength - 1]["fields"].split(",").indexOf("action_download_report") == -1 && data[dataLength - 1]["fields"].split(",").indexOf("action_send_emails") == -1 && data[dataLength - 1]["fields"].split(",").indexOf("action_redirect_url") == -1 && data[dataLength - 1]["fields"].split(",").indexOf("action_generate_html") == -1 ) { if ( document.getElementById("counter_listing") ) { document.getElementById("counter_listing").textContent = "(" + parseInt(data[dataLength - 1]["counter"]) + ")"; } if ( $("#counter_listing_select").length ) { document.getElementById("counter_listing_select").textContent = parseInt(data[dataLength - 1]["counter"]); } if (parseInt(data[dataLength - 1]["counter"]) > resultDisplayed) { $("#lnkLoadMore").show(); needToLoadMoreRecords = true; } else { needToLoadMoreRecords = false; } if (resultDisplayed > 1) { cmsgMsg = resultDisplayed + " results to your search"; } else { cmsgMsg = resultDisplayed + " result to your search"; } } if (parseInt($("#h_firstRequest").val()) == 0) { cmsg(cmsgMsg, 1,0); } tb_init('a.ltb'); $('[data-toggle="tooltip"]').tooltip(); $(".table-responsive__scroll-bar").width($(".table-responsive table").width()); blockXhr = false; const ajaxLoadMoreEvent = new CustomEvent('ajaxLoadMore', {detail: { 'parentContainerId': 'divAllItems' }}); document.dispatchEvent(ajaxLoadMoreEvent); } else { noResultCallback(); blockXhr = false; } $(document).trigger('listing-bootstrap-done', [(data.length > 0) ? data[dataLength - 1] : undefined]); }); } function getWebServiceUrl(mobileFileName, range, limit, search) { if (isEmpty(search)) { // console.log('NOTE getWebServiceUrl() search is empty.'); // avoid error below on search.replace() when search is null or undefined search = ''; } result = "/mobile_ws/v17/" + mobileFileName + "?" + "range=" + range + "&limit=" + limit if($("#select_filter1").val() != null && $("#select_filter1").val() != "") { result += "&filter1=" + $("#select_filter1").val() } if($("#select_filter2").val() != null && $("#select_filter2").val() != "") { result += "&filter2=" + $("#select_filter2").val() } if($("#select_filter3").val() != null && $("#select_filter3").val() != "") { result += "&filter3=" + $("#select_filter3").val() } if($("#select_filter4").val() != null && $("#select_filter4").val() != "") { result += "&filter4=" + $("#select_filter4").val() } result += "&filter4_contains=" + $("input[name='filter4_containslogic']:checked" ).val(); result += "&filter4_notcontains=" + $("input[name='filter4_notcontainslogic']:checked" ).val(); if($("#select_filter5").val() != null && $("#select_filter5").val() != "") { result += "&filter5=" + $("#select_filter5").val() } if($("#select_filter6").val() != null && $("#select_filter6").val() != "") { result += "&filter6=" + $("#select_filter6").val() } if($("#select_filter7").val() != null && $("#select_filter7").val() != "") { result += "&filter7=" + $("#select_filter7").val() } if($("#select_filter8").val() != null && $("#select_filter8").val() != "") { result += "&filter8=" + $("#select_filter8").val() } if($("#select_filter9").val() != null && $("#select_filter9").val() != "") { result += "&filter9=" + $("#select_filter9").val() } result += "&order=" + $("#select_order").val() + "&search_word=" + search.replace("#", "") + "&" + "" return result; }; function deleteView(uid) { var signedUid = $('#listing_views').find('option[value="' + uid + '"]').attr('data-signedUid'); deleteContentWithCallback('xxx', 'HdLWwCy3t7tWtxu1cB5Afg==-K6vNhuB5squYWOArXVQZGA==-d729dd05087140c1830a98106ede77f0', uid, signedUid, function () { $('#select_listing_views_container').find('input[value="' + uid + '"]').parents('li').remove(); }); } function saveView(name, uid) { if (!name && !uid) return; if (name) { loadButton($('#select_listing_views_container .btn.btn-default')); } var data = { name: name, view_url: location.pathname + location.search, listing: 'mobile_events_list-', uid: uid } $.ajax({ url : "save_view_endpoint", type: "POST", data : data, success: function(data, textStatus, jqXHR) { if (!uid) { location.reload(); } } }); } function onCreateView() { location.reload(); } function displayView(viewUrl, uid) { saveView('', uid); history.pushState(history.state, "", viewUrl); setFiltersFromURLParameters(); getDataFromWebService(); } function setFiltersFromURLParameters() { searchParams = new URL(location.href).searchParams; var elementsToFlash = []; var shouldToggleClear = false; //Set the Search if ($("#search_word").length > 0 && $("#search_word").val() != (searchParams.get("search_word") == null ? '' : searchParams.get("search_word"))) { $("#search_word").val(searchParams.get("search_word")); elementsToFlash.push($("#search_word")); shouldToggleClear = true; } //Set the Filters var filterElement = $("#select_filter1"); if (filterElement.length > 0) { var param = searchParams.get("show") == null ? '' : searchParams.get("show"); if (filterElement.val() != param) { elementsToFlash.push(filterElement); shouldToggleClear = true; } filterElement.val(param); //Hide filters if set to be hidden } var filterElement = $("#select_filter2"); if (filterElement.length > 0) { var param = searchParams.get("group_ids") == null ? '' : searchParams.get("group_ids"); if (filterElement.val().join(',') != param) { elementsToFlash.push(filterElement.parent().find(".multiselect[type='button']")); shouldToggleClear = true; } filterElement.multiselect("deselectAll", false); filterElement.multiselect('updateButtonText'); var filterValues = param.split(","); for (var i = 0; i < filterValues.length; i++) { filterElement.multiselect("select", filterValues[i]); } //Hide filters if set to be hidden } var filterElement = $("#select_filter3"); if (filterElement.length > 0) { var param = searchParams.get("group_type") == null ? '' : searchParams.get("group_type"); if (filterElement.val().join(',') != param) { elementsToFlash.push(filterElement.parent().find(".multiselect[type='button']")); shouldToggleClear = true; } filterElement.multiselect("deselectAll", false); filterElement.multiselect('updateButtonText'); var filterValues = param.split(","); for (var i = 0; i < filterValues.length; i++) { filterElement.multiselect("select", filterValues[i]); } //Hide filters if set to be hidden } var filterElement = $("#select_filter4"); if (filterElement.length > 0) { var param = searchParams.get("category") == null ? '' : searchParams.get("category"); if (filterElement.val().join(',') != param) { elementsToFlash.push(filterElement.parent().find(".multiselect[type='button']")); shouldToggleClear = true; } filterElement.multiselect("deselectAll", false); filterElement.multiselect('updateButtonText'); var filterValues = param.split(","); for (var i = 0; i < filterValues.length; i++) { filterElement.multiselect("select", filterValues[i]); } //Hide filters if set to be hidden } var filterElement = $("#select_filter5"); if (filterElement.length > 0) { var param = searchParams.get("event_type") == null ? '' : searchParams.get("event_type"); if (filterElement.val().join(',') != param) { elementsToFlash.push(filterElement.parent().find(".multiselect[type='button']")); shouldToggleClear = true; } filterElement.multiselect("deselectAll", false); filterElement.multiselect('updateButtonText'); var filterValues = param.split(","); for (var i = 0; i < filterValues.length; i++) { filterElement.multiselect("select", filterValues[i]); } //Hide filters if set to be hidden } var filterElement = $("#select_filter6"); if (filterElement.length > 0) { var param = searchParams.get("topic_tags") == null ? '' : searchParams.get("topic_tags"); if (filterElement.val().join(',') != param) { elementsToFlash.push(filterElement.parent().find(".multiselect[type='button']")); shouldToggleClear = true; } filterElement.multiselect("deselectAll", false); filterElement.multiselect('updateButtonText'); var filterValues = param.split(","); for (var i = 0; i < filterValues.length; i++) { filterElement.multiselect("select", filterValues[i]); } //Hide filters if set to be hidden } var filterElement = $("#select_filter7"); if (filterElement.length > 0) { var param = searchParams.get("format") == null ? '' : searchParams.get("format"); if (filterElement.val() != param) { elementsToFlash.push(filterElement); shouldToggleClear = true; } filterElement.val(param); //Hide filters if set to be hidden } var filterElement = $("#select_filter8"); if (filterElement.length > 0) { var param = searchParams.get("from_date") == null ? '' : searchParams.get("from_date"); if (filterElement.val() != param) { elementsToFlash.push(filterElement); shouldToggleClear = true; } filterElement.val(param); //Hide filters if set to be hidden } var filterElement = $("#select_filter9"); if (filterElement.length > 0) { var param = searchParams.get("to_date") == null ? '' : searchParams.get("to_date"); if (filterElement.val() != param) { elementsToFlash.push(filterElement); shouldToggleClear = true; } filterElement.val(param); //Hide filters if set to be hidden } //Set the Order if ($("#select_order").length > 0 && $("#select_order").val() != (searchParams.get("order") == null ? '' : searchParams.get("order"))) { $("#select_order").val(searchParams.get("order")); elementsToFlash.push($("#select_order")); } if (shouldToggleClear) toggleClearButton(); flashElements(elementsToFlash, 1000); } function setURLParametersFromFilters() { var url = new URL(location.href); if ($("#search_word").val() != null && $("#search_word").val() != "") { url.searchParams.set('search_word', $("#search_word").val()); } else { url.searchParams.delete('search_word'); } if ($("#select_filter1").val() != '') { url.searchParams.set('show', $("#select_filter1").val()); } else if (url.searchParams.get('show') != null) { url.searchParams.set('show', ''); url.searchParams.delete('show'); } if ($("#select_filter2").val() != '') { url.searchParams.set('group_ids', $("#select_filter2").val()); } else if (url.searchParams.get('group_ids') != null) { url.searchParams.set('group_ids', ''); url.searchParams.delete('group_ids'); } if ($("#select_filter3").val() != '') { url.searchParams.set('group_type', $("#select_filter3").val()); } else if (url.searchParams.get('group_type') != null) { url.searchParams.set('group_type', ''); url.searchParams.delete('group_type'); } if ($("#select_filter4").val() != '') { url.searchParams.set('category', $("#select_filter4").val()); } else if (url.searchParams.get('category') != null) { url.searchParams.set('category', ''); url.searchParams.delete('category'); } if ($("input[name='filter4_containslogic']:checked" ).val() == "AND") { url.searchParams.set("category_containslogic", "AND"); } else if (url.searchParams.get("category_containslogic") != null) { url.searchParams.set("category_containslogic", ''); url.searchParams.delete("category_containslogic"); } if ($("input[name='filter4_notcontainslogic']:checked" ).val() == "AND") { url.searchParams.set("category_notcontainslogic", "AND"); } else if (url.searchParams.get("category_notcontainslogic") != null) { url.searchParams.set("category_notcontainslogic", ''); url.searchParams.delete("category_notcontainslogic"); } if ($("#select_filter5").val() != '') { url.searchParams.set('event_type', $("#select_filter5").val()); } else if (url.searchParams.get('event_type') != null) { url.searchParams.set('event_type', ''); url.searchParams.delete('event_type'); } if ($("#select_filter6").val() != '') { url.searchParams.set('topic_tags', $("#select_filter6").val()); } else if (url.searchParams.get('topic_tags') != null) { url.searchParams.set('topic_tags', ''); url.searchParams.delete('topic_tags'); } if ($("#select_filter7").val() != '') { url.searchParams.set('format', $("#select_filter7").val()); } else if (url.searchParams.get('format') != null) { url.searchParams.set('format', ''); url.searchParams.delete('format'); } if ($("#select_filter8").val() != '') { url.searchParams.set('from_date', $("#select_filter8").val()); } else if (url.searchParams.get('from_date') != null) { url.searchParams.set('from_date', ''); url.searchParams.delete('from_date'); } if ($("#select_filter9").val() != '') { url.searchParams.set('to_date', $("#select_filter9").val()); } else if (url.searchParams.get('to_date') != null) { url.searchParams.set('to_date', ''); url.searchParams.delete('to_date'); } if ($("#select_order").val() != null && $("#select_order").val() != "") { url.searchParams.set('order', $("#select_order").val()); } else { url.searchParams.delete('order'); } history.pushState(history.state, "", url.pathname + url.search); } function getDataFromWebService() { strNumber = 1; intPos = 1; $("#h_Range").val("0"); $("#lnkLoadMore").hide(); $("#h_SearchWords").val($("#search_word").val()); $("#divAllItems").text(''); cmsg('Loading ' + "Events" + '...', 2, 0); var webServiceUrl = getWebServiceUrl("mobile_events_list", $("#h_Range").val(), $("#h_Limit").val(), $("#h_SearchWords").val()); getListingDataJSON(webServiceUrl, BindSubmitted, NoResultFound); $("#h_firstRequest").val('0'); $("#Loading" + "Events").show(); }; function onLoadMoreFunction() { //Block Xhr to avoid skipping ranges blockXhr = true; $("#h_Range").val(parseInt($("#h_Range").val()) + parseInt($("#h_Limit").val())); $("#Loading" + "Events").show(); cmsg('Loading ' + "Events" + '...', 2, 0); var webServiceUrl = getWebServiceUrl("mobile_events_list", $("#h_Range").val(), $("#h_Limit").val(), $("#h_SearchWords").val()); getListingDataJSON(webServiceUrl, BindSubmitted, NoResultFoundAfterLoadMore); $("#h_firstRequest").val('0'); }; function changeTemplate(template) { selectTemplate = template; $("[id^='listing__template-btn--']").removeClass("active"); $("#listing__template-btn--" + template).addClass("active"); if (template === "card") { $("#listing__elements-cont").html("<ul id='divAllItems' class='list-group'></ul>"); } else if (template === "vignette") { $("#listing__elements-cont").html("<div id='divAllItems'></div>"); } else if (template === "list") { $("#listing__elements-cont").html("<div class='table-responsive'><table class='table table-bordered' role='presentation' data-a11y='t01'><thead id='listingTableHead'></thead><thead id='floatableTh' style='z-index:2;display:none;position:fixed;left:198px;background-color: white;'></thead><tbody id='divAllItems'></tbody></table>"); } else if (template === "row") { $("#listing__elements-cont").html("<div id='divAllItems' class='row row row-margin--10'></div>"); } strNumber = 1; intPos = 1; $("#h_Range").val("0"); $("#lnkLoadMore").hide(); $("#h_SearchWords").val($("#search_word").val()); $("#divAllItems").text(''); cmsg('Loading ' + "Events" + '...', 2, 0); var webServiceUrl = getWebServiceUrl("mobile_events_list", $("#h_Range").val(), $("#h_Limit").val(), $("#h_SearchWords").val()); getListingDataJSON(webServiceUrl + "&list_view_setting_name=events_list&list_view=" + hash, BindSubmitted, NoResultFound); $("#h_firstRequest").val('0'); $("#Loading" + "Events").show(); } function resetListingFilters() { $("#search_word").val(''); $("#select_filter1").val(''); $("#select_filter2").multiselect('deselectAll', false); $("#select_filter2").multiselect('updateButtonText'); $("#select_filter3").multiselect('deselectAll', false); $("#select_filter3").multiselect('updateButtonText'); $("#select_filter4").multiselect('deselectAll', false); $("#select_filter4").multiselect('updateButtonText'); $("#select_filter5").multiselect('deselectAll', false); $("#select_filter5").multiselect('updateButtonText'); $("#select_filter6").multiselect('deselectAll', false); $("#select_filter6").multiselect('updateButtonText'); $("#select_filter7").val(''); $("#select_filter8").val(''); $("#select_filter9").val(''); $("#select_order").val(''); $("#listing__clear-btn").hide(); } function GetDataOnClear() { resetListingFilters(); setURLParametersFromFilters(); getDataFromWebService(); } function toggleClearButton() { var boolShow = false; if ($("#search_word").val !== "") { boolShow = true; } if ($("#select_filter1").val !== "") { boolShow = true; }; if ($("#select_filter2").val() != []) { boolShow = true; }; if ($("#select_filter3").val() != []) { boolShow = true; }; if ($("#select_filter4").val() != []) { boolShow = true; }; if ($("#select_filter5").val() != []) { boolShow = true; }; if ($("#select_filter6").val() != []) { boolShow = true; }; if ($("#select_filter7").val !== "") { boolShow = true; }; if ($("#select_filter8").val !== "") { boolShow = true; }; if ($("#select_filter9").val !== "") { boolShow = true; }; if (boolShow) { $("#listing__clear-btn").show(); } else { $("#listing__clear-btn").hide(); } } function changeListingFilter(intFilterNumber, value) { $("#select_filter" + intFilterNumber).val(value); $("#select_filter" + intFilterNumber).change(); } function changeListingOrder(value) { $("#select_order").val(value); $("#select_order").change(); } function NoResultFound() { $("#h_firstRequest").val('0'); $("#Loading" + "Events").hide(); $("#counter_listing").html("(0)"); $("#counter_listing_select").html("0"); cmsg("No result found.", 5); if(selectTemplate === "list") { $('#divAllItems').html("<td colspan='99'>" + '<div id="no_result_img" style="height: 80px;width: 80px;margin: 0px auto;margin-top:30px;margin-bottom:25px; background:url(/images/listing-noresult.png) no-repeat;"></div><div id="no_result_txt" style="text-align:center;line-height:0px;margin-bottom:40px;font-size:16px;color:#4c728d;">No result found</div>' + "</td>"); } else { $('#divAllItems').html('<li style="display: block;"><div id="no_result_img" style="height: 80px;width: 80px;margin: 0px auto;margin-top:30px;margin-bottom:25px; background:url(/images/listing-noresult.png) no-repeat;"></div><div id="no_result_txt" style="text-align:center;line-height:0px;margin-bottom:40px;font-size:16px;color:#4c728d;">No result found</div></li>'); } $("#lnkLoadMore").hide(); } function NoResultFoundAfterLoadMore() { $("#h_firstRequest").val('0'); $("#Loading" + "Events").hide(); $("#lnkLoadMore").hide(); } function setResponsivePageHeaderButtons() { let $divButtonCont = $(".page__header--btns"); let $headerButtons = $divButtonCont.find("a"); if($headerButtons[0] !== undefined) { if ($divButtonCont[0].offsetHeight > 1.95 * $headerButtons[0].offsetHeight) { $headerButtons.each(function() { $(this).find(".badge").hide(); this.style.fontSize = "0px"; this.setAttribute("data-toggle", "tooltip"); this.setAttribute("data-placement", "bottom"); this.setAttribute("title", this.innerText); $(this).tooltip(); }) } } } function ActionDownloadReport(res, data) { $("#h_firstRequest").val('0'); $("#Loading" + "Events").hide(); $("#lnkLoadMore").hide(); var downloadType; if (data["p" + res.indexOf("download_div_url")].indexOf("save_as_pdf=1") > 0) { downloadType = "file"; } else { downloadType = "report"; } if(selectTemplate === "list") { $("#divAllItems").html("<td colspan='99'>" + data["p" + res.indexOf("download_div_logo")] + "<div style='text-align:center;margin-bottom:40px;font-size:14px;color:#bbb;'>Your " + downloadType + " has been generated successfully, click the button below to download it: <br /><br />" + data["p" + res.indexOf("download_div_url")] + "<a style='margin-left: 5px;' href='javascript:void(0);' onclick='getDataFromWebService();' class='btn btn-grey'>Cancel</a></div>" + "</td>"); } else { $("#divAllItems").html(data["p" + res.indexOf("download_div_logo")] + "<div style='text-align:center;margin-bottom:40px;font-size:14px;color:#bbb;'>Your " + downloadType + " has been generated successfully, click the button below to download it: <br /><br />" + data["p" + res.indexOf("download_div_url")] + "<a style='margin-left: 5px;' href='javascript:void(0);' onclick='getDataFromWebService();' class='btn btn-grey'>Cancel</a></div>"); } //Unbind scoll event $(window).unbind('scroll'); } function ActionSendEmail(res, data) { $("#divAllItems").html(data["p" + res.indexOf("send_email_div_logo")] + "<div style='text-align:center;margin-bottom:40px;font-size:14px;color:#bbb;'>Loading emails...</div>"); if(res.indexOf("session_recipients_ids") != -1) { document.location.href= data["p" + res.indexOf("redirect_url")] + data["p" + res.indexOf("session_recipients_ids")]; } else { document.location.href= data["p" + res.indexOf("redirect_url")]; } } function ActionGenerateHTML(res, data) { $("#h_firstRequest").val('0'); $("#Loading" + "Events").hide(); $("#lnkLoadMore").hide(); } function ActionRedirectUrl(res, data) { $("#divAllItems").html(data["p" + res.indexOf("redirect_url_div_logo")] + "<div style='text-align:center;margin-bottom:40px;font-size:14px;color:#bbb;'>Loading...</div>"); document.location.href= data["p" + res.indexOf("redirect_url")]; } function BindSubmitted(data) { $("#Loading" + "Events").hide(); var html = ""; var str = data.fields; var res = str.split(","); var htmlFields = (data.htmlFields === null ? res : data.htmlFields); //Specific actions (Download, Send Emails and Generate HTML) if(res.indexOf("action_download_report") != -1) { ActionDownloadReport(res, data); } else if (res.indexOf("action_send_emails") != -1) { ActionSendEmail(res, data); } else if (res.indexOf("action_generate_html") != -1) { ActionGenerateHTML(res, data); } else if (res.indexOf("action_redirect_url") != -1) { ActionRedirectUrl(res, data); } else { html = $("#" + selectTemplate + "_template").html(); if (html && html != "") { // Replace Number if (html.indexOf("[strNumber") > -1) { html = html.replace("[strNumber]", strNumber + ""); } if (data["listingSeparator"] != "true") { strNumber++; } // Replace Checkbox for (i = 0; i < res.length; i++) { // To remove regex $& that create an infinity loop var joinString = "@___@" var dataPI = (typeof data["p" + i] !== "undefined" && data["p" + i] !== null) ? data["p" + i].split("$").join(joinString) : null; var preprocessString = (htmlFields.indexOf(res[i]) > -1 ? function(s) { return s } : escapeHtml); // Normal Interpolation do { html = html.replace("[" + res[i] + "]", preprocessString(dataPI)); } while (html.indexOf("[" + res[i] + "]") > -1); // URI Encode Interpolation do { html = html.replace("[%" + res[i] + "]", preprocessString(encodeURIComponent(dataPI))); } while (html.indexOf("[%" + res[i] + "]") > -1); // Double URI Encode Interpolation use with officer_login_redirect only do { html = html.replace("[%%" + res[i] + "]", preprocessString(encodeURIComponent(encodeURIComponent(dataPI)))); } while (html.indexOf("[%%" + res[i] + "]") > -1); if (html.indexOf("[:" + res[i] + "]='") > -1) { //Si 茅gal STAY do html = html.replace("IF[:" + res[i] + "]='" + dataPI + "'", "S"); while (html.indexOf("[:" + res[i] + "]='" + dataPI + "'-->") > -1); //remplacer tout les autre tags du type [: ]=' par DELETE do html = html.replace("IF[:" + res[i] + "]='", "D"); while (html.indexOf("[:" + res[i] + "]='") > -1); } if (html.indexOf("[:" + res[i] + "]!='") > -1) { //Si diff茅rent DELETE do html = html.replace("IF[:" + res[i] + "]!='" + dataPI + "'", "D"); while (html.indexOf("[:" + res[i] + "]!='" + dataPI + "'") > -1); do html = html.replace("IF[:" + res[i] + "]!='", "S"); while (html.indexOf("[:" + res[i] + "]!='") > -1); } } html = html.split(joinString).join("$"); function letter1(text){ return text.charAt(0); } function letter4(text) { var val = text.charAt(0) + text.charAt(1) + text.charAt(2) + text.charAt(3); return val; } var result; var result1; var result2; var interm; var j; var i; //s茅paration du code et mise en tableau result = html.split("", ""); } else { result[i] = "<--" + result[i]; } } else if (letter1(result[i]) == "S") { if (letter1(result[i + 1]) == "E") { interm = result[i].split("-->"); result[i] = interm[1]; i++; result[i] = result[i].replace("E-->", ""); } else { result[i] = "<--" + result[i]; } } i++; } //suppression des valeurs de tableau vide result1 = []; j = 0; for (i = 0; i < result.length; i++) { if (result[i] != "") { result1[j] = result[i]; j++; } } //reformage du code pour avoir <--D ou <--S ou <--E en d茅but de tableau result2 = []; result2[0] = ""; j = 0; for (i = 0; i < result1.length; i++) { if ((letter4(result1[i]) != "<--D")&&(letter4(result1[i]) != "<--S")&&(letter4(result1[i]) != "E-->")) { result2[j] += result1[i]; } else { j++; result2[j] = result1[i]; } } var limiteCounter = 0; while ((result2.length != 1) && (limiteCounter<10)){ limiteCounter++; //Deuxi猫me nettoyage du code i = 0; while (i < result2.length) { if (letter4(result2[i]) == "<--D") { if (letter1(result2[i + 1]) == "E") { result2[i] = ""; i++; result2[i] = result2[i].replace("E-->", ""); } else { result[i] = "<--" + result[i]; } } else if (letter4(result2[i]) == "<--S") { if (letter1(result2[i + 1]) == "E") { interm = result2[i].split("-->"); result2[i] = interm[1]; i++; result2[i] = result2[i].replace("E-->", ""); } } i++; } //suppression des valeurs de tableau vide result1 = []; var j = 0; for (i = 0; i < result2.length; i++) { if (result2[i] != "") { result1[j] = result2[i]; j++; } } //reformage du code pour avoir <--D ou <--S ou <--E en d茅but de tableau result2 = []; result2[0] = ""; j = 0; for (i = 0; i < result1.length; i++) { if ((letter4(result1[i]) != "<--D") && (letter4(result1[i]) != "<--S") && (letter4(result1[i]) != "E-->")) { result2[j] += result1[i]; } else { j++; result2[j] = result1[i]; } } } html = result2[0]; } else{ if (intPos == 1){ html ="<tr>"; for (i = 0; i < res.length; i++){ html += "<th>" + res[i] + "</th>"; } html += "</tr>"; intPos = 2 } html += "<tr class='table_padding'>"; for (i = 0; i < res.length; i++) { var preprocessString = (htmlFields.indexOf(res[i]) > -1 ? function(s) { return s } : escapeHtml); html += "<td>" + preprocessString(data["p" + i]) + "</td>"; } html += "</tr>"; } // Append HTML $('#divAllItems').append(html); // Replace src for img $("#divAllItems").find('img').each(function(){ if($(this).attr('data-src') != '') { $(this).attr({src: $(this).attr('data-src')}).removeAttr('data-src'); } }); } } var entityMap = { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''', '/': '/', '`': '`', '=': '=' }; function escapeHtml(string) { return String(string).replace(/[&<>"'`=\/]/g, function (s) { return entityMap[s]; }); } var selectCheckboxes = function() { var arrCheckboxes = $('[name=checkbox_listing]') let selectedCheckboxesAccLabel = arrCheckboxes.length + " items on this page are selected."; $("#selected_checkboxes").html(selectedCheckboxesAccLabel).show(); if (needToLoadMoreRecords){ $("#select_checkboxes").attr('aria-label', selectedCheckboxesAccLabel); $("#select_all_checkboxes").show(); let selectAllCheckboxesAccLabel = selectedCheckboxesAccLabel + ' Click to ' + $('#select_all_checkboxes_link').text().trim().toLowerCase(); $("#select_all_checkboxes_link").attr('aria-label', selectAllCheckboxesAccLabel); setTimeout(function() { // give the DOM time to apply the new accessibility label before we focus, otherwise the screen reader won't pick-up on time $("#select_all_checkboxes_link").focus(); }, 100); } for (var j = 0; j <= arrCheckboxes.length - 1; j++) { arrCheckboxes[j].checked = true; } cmsg(arrCheckboxes.length + " Events" + ' items on this page are selected.', 2, 0); } function unselectCheckboxes() { $("#selected_checkboxes").hide(); $("#select_all_checkboxes").hide(); var arrCheckboxes = $('[name=checkbox_listing]') for (var j = 0; j <= arrCheckboxes.length - 1; j++) { arrCheckboxes[j].checked = false; } if ($("#form_select_all").val() == 1) { $("#form_select_all").val("0"); } $("#select_checkboxes").attr('aria-label', 'Select all'); } var selectAllCheckboxes = function() { var arrCheckboxes = $('[name=checkbox_listing]') for (var j = 0; j <= arrCheckboxes.length - 1; j++) { arrCheckboxes[j].checked = true; } $("#form_select_all").val("1"); $("#select_all_checkboxes").hide(); let accLabel = $("#counter_listing_select").html() + " items on this page are selected."; $("#selected_checkboxes").html(accLabel).show(); $("#select_checkboxes").attr('aria-label', accLabel); setTimeout(function() { $("#select_checkboxes").focus(); }, 100); cmsg('All ' + $("#counter_listing_select").html() + ' items on this page are selected.', 2, 0); }; var unselectAllCheckboxes = function() { var arrCheckboxes = $('[name=checkbox_listing]') for (var j = 0; j <= arrCheckboxes.length - 1; j++) { arrCheckboxes[j].checked = false; } $("#form_select_all").val("0"); }; function checkOneCheckbox() { if ($("#selected_checkboxes").is(":visible")) { $("#selected_checkboxes").html(parseInt($("#selected_checkboxes").html()) + 1 + " items on this page are selected.").show(); } else { $("#selected_checkboxes").html("1 item selected").show(); } } function uncheckOneCheckbox() { if (parseInt($("#selected_checkboxes").html()) == 1) { $("#selected_checkboxes").html("0 items selected").hide(); } else if ($("#form_select_all").val() == 1) { $("#selected_checkboxes").html($('[name=checkbox_listing]').length - 1 + " items on this page are selected.").show(); } else { $("#selected_checkboxes").html(parseInt($("#selected_checkboxes").html()) - 1 + " items on this page are selected.").show(); } $("#select_all_checkboxes").hide(); $("#select_checkboxes").prop( "checked", false ); $("#form_select_all").val("0"); } function checkCheckboxByValue(value) { $("input[name='checkbox_listing'][value='" + value + "']").click(); } function downloadListingReport(intUpdate) { strNumber = 1; intPos = 1; $("#h_Range").val("0"); $("#lnkLoadMore").hide(); $("#h_SearchWords").val($("#search_word").val()); var select_all = $("#form_select_all").val(); var checkbox_ids = ""; if (select_all != 1){ checkbox_ids = concaCheckValue(); } if (select_all == 0 && checkbox_ids == ""){ alert("Please select at least one checkbox or select all"); } else{ $("#divAllItems").text(''); cmsg('Loading ' + "Events" + '...', 2, 0); $("#form_select_all").val("0"); $("#Loading" + "Events").show(); let fileName, prevButtonhtml = $("#action_" + intUpdate).html(); var webServiceUrl = getWebServiceUrl("mobile_events_list", $("#h_Range").val(), $("#h_Limit").val(), $("#h_SearchWords").val()); fetch(webServiceUrl + '&update=' + intUpdate + '&select_all=' + select_all + '&checkbox_ids=' + checkbox_ids + '&actionParam=' + actionParam) .then( response => { fileName = response.headers.get("content-disposition").split("filename=")[1]; return response.blob(); }) .then( blob => { const href = URL.createObjectURL(blob); const a = Object.assign(document.createElement("a"), { href, style: "display:none", download: fileName }); document.body.appendChild(a); a.click(); URL.revokeObjectURL(href); a.remove(); //this resets the listing results back to what they were before getDataFromWebService(); }); $("#h_firstRequest").val('0'); } } function submitAction(intUpdate) { strNumber = 1; intPos = 1; $("#h_Range").val("0"); $("#lnkLoadMore").hide(); $("#h_SearchWords").val($("#search_word").val()); var select_all = $("#form_select_all").val(); var checkbox_ids = ""; if (select_all != 1){ checkbox_ids = concaCheckValue(); } if (select_all == 0 && checkbox_ids == ""){ alert("Please select at least one checkbox or select all"); } else{ $("#divAllItems").text(''); cmsg('Loading ' + "Events" + '...', 2, 0); $("#form_select_all").val("0"); $("#Loading" + "Events").show(); var webServiceUrl = getWebServiceUrl("mobile_events_list", $("#h_Range").val(), $("#h_Limit").val(), $("#h_SearchWords").val()); getListingDataJSON(webServiceUrl + '&update=' + intUpdate + '&select_all=' + select_all + '&checkbox_ids=' + checkbox_ids + '&actionParam=' + actionParam, BindSubmitted, NoResultFound); $("#h_firstRequest").val('0'); } } function concaCheckValue(){ var nb = $('#listing_checkbox_count').val(); var concatIds = ""; if (nb == 1) { if ($("#listing-cont [name=checkbox_listing]").prop("checked")){ concatIds = $("#listing-cont [name=checkbox_listing]").val(); } } else { for (i = 0; i < nb; i++) { if ($("#listing-cont [name=checkbox_listing]")[i].checked){ concatIds += $("#listing-cont [name=checkbox_listing]")[i].value + ','; } } concatIds = concatIds.substring(0,concatIds.length-1); } return concatIds; } function toggleListingElementHidden(self, elementID) { var _self = self; var _element = $('#' + elementID + ' .listing-element__hidden') if( !$(_element).is(":visible") ) { $(_element).slideDown(); $(_self).html('<span class="mdi mdi-chevron-double-up"></span> Less'); } else { $(_element).slideUp(); $(_self).html('<span class="mdi mdi-chevron-double-down"></span> More'); } } insertDescriptionElement(); function insertDescriptionElement() { var descElement = $('#listing_desc_element:hidden').clone(); if ($('[id="listing_desc_element"]:visible').length == 0) { $('#listing__header-cont').after(descElement); descElement.show(); } } setFixedFiltersLogic(); function setFixedFiltersLogic() { var scrollTimeout; var throttle = 20 $(window).on('scroll', function () { if (!scrollTimeout) { scrollTimeout = setTimeout(function () { var container; if ($('#page-cont')[0]) { container = $('#page-cont')[0]; } else if ($('#content-container')[0]) { container = $('#content-container')[0]; } else if ($('#website-cont')[0]) { container = $('#website-cont')[0]; } else if ($('#page-cont')[0]) { container = $('#account-cont')[0]; } else if ($('#page-cont')[0]) { container = $('#page-cont')[0]; } else { return; } var navBarHeight = container.offsetTop; var filtersContainer = $('#listing__filters-cont'); if ($(window).width() > 1200 && filtersContainer.css('position') == 'relative' && filtersContainer[0].getBoundingClientRect().top < navBarHeight) { setFiltersFixed(true, navBarHeight); } else if (filtersContainer.css('position') == 'fixed' && filtersContainer[0].getBoundingClientRect().top + filtersContainer[0].offsetHeight < filtersContainer.next()[0].getBoundingClientRect().top) { setFiltersFixed(false, navBarHeight); } scrollTimeout = null; }, throttle); } }); $(window).on('resize', function () { if (!scrollTimeout) { scrollTimeout = setTimeout(function () { if ($(window).width() < 1200) { setFiltersFixed(false, 0); } else { var width = $('#listing__filters-cont').parent().width(); $('#listing__filters-cont').css('width', width + 'px'); } scrollTimeout = null; }, throttle); } }); function setFiltersFixed(fixed, height) { var filtersContainer = $('#listing__filters-cont'); if (fixed) { var width = filtersContainer.parent().width() filtersContainer.next().css('margin-top', filtersContainer[0].offsetHeight + 'px'); filtersContainer.css('position', 'fixed'); filtersContainer.css('width', width + 'px'); filtersContainer.css('top', height + 'px'); } else { filtersContainer.next().css('margin-top', '0px'); filtersContainer.css('position', 'relative'); filtersContainer.css('width', '100%'); filtersContainer.css('top', '0px'); } } } function changeListingIcon(strIconClass) { $("#listing__header--icon").removeClass().addClass(strIconClass); } function changeListingTitle(strTitle) { $("#listing__header--title").html(strTitle); } function writeWebServiceData(data) { strNumber = 1 $("#divAllItems").empty(); $("#lnkLoadMore").hide(); var dataLength = data.length for (var i = 0; i < dataLength; i++) { BindSubmitted(data[i]); } var resultDisplayed = strNumber - 1; cmsgMsg = ""; if (data[dataLength - 1]["counter"] != null && data[dataLength - 1]["fields"].split(",").indexOf("action_download_report") == -1 && data[dataLength - 1]["fields"].split(",").indexOf("action_send_emails") == -1 && data[dataLength - 1]["fields"].split(",").indexOf("action_redirect_url") == -1 && data[dataLength - 1]["fields"].split(",").indexOf("action_generate_html") == -1 ) { document.getElementById("counter_listing").innerHTML = "(" + parseInt(data[dataLength - 1]["counter"]) + ")"; if ( $("#counter_listing_select").length ) { document.getElementById("counter_listing_select").innerHTML = parseInt(data[dataLength - 1]["counter"]); } if (parseInt(data[dataLength - 1]["counter"]) > resultDisplayed) { $("#lnkLoadMore").show(); needToLoadMoreRecords = true; } else { needToLoadMoreRecords = false; } if (resultDisplayed > 1) { cmsgMsg = resultDisplayed + " results to your search"; } else { cmsgMsg = resultDisplayed + " result to your search"; } } cmsg(cmsgMsg, 1,0); tb_init('a.ltb'); $('[data-toggle="tooltip"]').tooltip(); blockXhr = false; } </script> <script type="text/javascript"> $(document).ready(function () { $.datepicker.regional['en-US'] = { dateFormat: 'dd M yy' }; $.datepicker.setDefaults($.datepicker.regional['en-US']); $('#select_filter8').datepicker({ beforeShow: function () { var inputId = "#select_filter8"; var inputValue = $(inputId).attr("value") monitorDatePicker(inputId, inputValue); }, onClose: function (dateText, inst) { var inputId = "#select_filter8"; var focusTargetId = "#keyboard-below-select_filter8"; datePickerOnClose(inputId, dateText, focusTargetId); } }); $('#select_filter9').datepicker({ beforeShow: function () { var inputId = "#select_filter9"; var inputValue = $(inputId).attr("value") monitorDatePicker(inputId, inputValue); }, onClose: function (dateText, inst) { var inputId = "#select_filter9"; var focusTargetId = "#keyboard-below-select_filter9"; datePickerOnClose(inputId, dateText, focusTargetId); } }); }); </script>  <script> //YT Viewer if (typeof arrYoutubePlayerObjects != "undefined") { $("#youtubeScript").remove(); $("#www-widgetapi-script").remove(); if (window['YT'] != undefined) { window.YT.loading = 0; window.YT.loaded = 0; } var youtubeTag = document.createElement('script'); youtubeTag.id = "youtubeScript"; youtubeTag.src = "https://www.youtube.com/iframe_api"; youtubeTag.async = false; // Get First Script Tag & Insert Vimeo Script before that. var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(youtubeTag, firstScriptTag); // Array of Players var arrYoutubePlayers = []; // Functions to work on Youtube Players function onYoutubePlayerReady(event) { var player = event.target; $(window).blur(function() { player.pauseVideo(); }); $(window).scroll(function() { if ( !isInViewport(document.getElementById("player--" + player.youtubeObject.cgID))) { player.pauseVideo(); } }); var startTime = new Date(player.youtubeObject.startTime * 1000).toISOString(); var totalTime = new Date(player.getDuration() * 1000).toISOString(); if (player.getDuration() >= 3600) { startTime = startTime.substr(11, 8); totalTime = totalTime.substr(11, 8); } else { startTime = startTime.substr(14, 5); totalTime = totalTime.substr(14, 5); } $("#player-btn--" + player.youtubeObject.cgID + " div.timer").html("<span id='player-time--" + player.youtubeObject.cgID + "'>" + startTime + "</span> / " + totalTime); } function onYoutubePlayerStateChange(event) { var player = event.target; if (event.data == YT.PlayerState.PLAYING) { // Change Buttons $("#player-btn--" + player.youtubeObject.cgID + " button.playpause").attr("data-status", "pause").attr("aria-label", "Pause"); $("#player-btn--" + player.youtubeObject.cgID + " button.playpause span.mdi").removeClass("mdi-play").addClass("mdi-pause"); } if (event.data == YT.PlayerState.PLAYING && player.intervalFunction == null) { // HACK For Window BLUR window.focus(); // AJAX Recurring Call player.intervalFunction = setInterval(function() { postVideoViews(player.youtubeObject.cgUID, player.youtubeObject.cgUID_s, player.getCurrentTime()); }, 10000); // Timer player.intervalTimerFunction = setInterval(function() { var currentTime = new Date(player.getCurrentTime() * 1000).toISOString(); if (player.getDuration() >= 3600) { currentTime = currentTime.substr(11, 8); } else { currentTime = currentTime.substr(14, 5); } $("#player-time--" + player.youtubeObject.cgID).html(currentTime); }, 1000) } else if (event.data == YT.PlayerState.PAUSED || event.data == YT.PlayerState.ENDED) { // Change Buttons $("#player-btn--" + player.youtubeObject.cgID + " button.playpause").attr("data-status", "play").attr("aria-label", "Play"); $("#player-btn--" + player.youtubeObject.cgID + " button.playpause span.mdi").removeClass("mdi-pause").addClass("mdi-play"); clearInterval(player.intervalFunction); clearInterval(player.intervalTimerFunction); player.intervalFunction = null; player.intervalTimerFunction = null; postVideoViews(player.youtubeObject.cgUID, player.youtubeObject.cgUID_s, player.getCurrentTime(), (event.data == YT.PlayerState.ENDED ? 'true' : '')); //if (event.data == YT.PlayerState.ENDED) { //if (typeof refreshTrackChecklist !== "undefined") { refreshTrackChecklist(); } //else if (typeof parent.refreshTrackChecklist !== "undefined") { parent.refreshTrackChecklist(); } //} } } function youtubePlayerPlayPause(player) { var currentStatus = $("#player-btn--" + player.youtubeObject.cgID + " button.playpause").attr("data-status"); if (currentStatus == "play") { player.playVideo(); } else if (currentStatus == "pause") { player.pauseVideo(); } } /* Function that checks localStorage for the Vimeo/YouTube closed captions load policy. Returns number values: * 0 - closed captions should be be disabled (do not load closed captions) * 1 - closed captions should be loaded when video loads * If the local storage key is not defined we return 0 (as a number). */ function getVideoPlayerCCLoadPolicy() { try { const lsKey = 'cg-video-player-cc-load-policy'; const ccLoadPolicy = localStorage.getItem(lsKey); return (ccLoadPolicy === '1') ? 1 : 0; } catch(e) { return 0; } } /* Function that toggles the video player CC load policy stored in local storage. Toggled values are (strings values): * '0' - closed captions should be be disabled (do not load closed captions) * '1' - closed captions should be loaded when video loads * If the local storage key is not defined it is treated as though the value were '0' and toggles to '1'. * */ function toggleVideoPlayerCCLoadPolicy() { try { const lsKey = 'cg-video-player-cc-load-policy'; const ccLoadPolicy = localStorage.getItem(lsKey); if (ccLoadPolicy === '1') { localStorage.setItem(lsKey, '0'); } else { localStorage.setItem(lsKey, '1'); } } catch(e) { return; } } /* Function that prompts the user for confirmation before toggling the video player closed caption load policy. * - If closed captions are currently turned off, the user will be prompted to confirm before turning them on (and vice versa) * - Video player CC load policy setting is stored in local storage (see above functions) * - Vimeo and YouTube video players require reload of the associated IFrames to change the setting, * if user confirms yes to reload, the page will be reloaded. */ function toggleClosedCaptionsAndReloadVideoIframes() { const turnClosedCaptionsOnOff = (typeof getVideoPlayerCCLoadPolicy !== 'undefined' && getVideoPlayerCCLoadPolicy() === 1) ? 'off' : 'on'; const message = 'Turning ' + turnClosedCaptionsOnOff + ' closed captions will reload this page, please save any outstanding changes before you choose to turn closed captions ' + turnClosedCaptionsOnOff + '. Are you sure you want to turn closed captions ' + turnClosedCaptionsOnOff + '?'; if (confirm(message)) { toggleVideoPlayerCCLoadPolicy(); location.reload(); } else { return false; } } // Called when the script is fully loaded. function onYouTubeIframeAPIReady() { // Loop through players arrYoutubePlayerObjects.forEach(function (youtubeObject, index) { arrYoutubePlayers[index] = new YT.Player("player--" + youtubeObject.cgID, { height: youtubeObject.height, width: youtubeObject.width, videoId: youtubeObject.videoID, playerVars: { modestbranding: 1, rel: 0, disablekb: 1, playsinline: 1, controls: 0, start: youtubeObject.startTime, cc_load_policy: (typeof getVideoPlayerCCLoadPolicy !== 'undefined') ? getVideoPlayerCCLoadPolicy() : 0 }, events: { 'onStateChange': onYoutubePlayerStateChange, 'onReady': onYoutubePlayerReady } }); arrYoutubePlayers[index].youtubeObject = youtubeObject; arrYoutubePlayers[index].intervalFunction = null; $("#player-btn--" + youtubeObject.cgID + " button.playpause").on('click', function() { youtubePlayerPlayPause(arrYoutubePlayers[index]); }); $("#player-btn--" + youtubeObject.cgID + " button.replay").on('click', function() { arrYoutubePlayers[index].seekTo(0); }); $("#player-btn--" + youtubeObject.cgID + " button.rewind").on('click', function() { arrYoutubePlayers[index].seekTo(arrYoutubePlayers[index].getCurrentTime() - 10); }); const turnClosedCaptionsOnOff = (typeof getVideoPlayerCCLoadPolicy !== 'undefined' && getVideoPlayerCCLoadPolicy() === 1) ? 'off' : 'on'; $("#player-btn--" + youtubeObject.cgID + " button.closedcaption").attr('aria-label', 'Turn ' + turnClosedCaptionsOnOff + ' closed captions. Note, this requires a reload of the current page.'); $("#player-btn--" + youtubeObject.cgID + " button.closedcaption").on('click', function() { toggleClosedCaptionsAndReloadVideoIframes(); }); $("#player-btn--" + youtubeObject.cgID + " button.fullscreen").on('click', function() { arrYoutubePlayers[index].pauseVideo(); tb_show("", "/video_player?embed=1&uid=" + youtubeObject.cgUID + "&width=995&height=680&modal=true&TB_iframe=1", ""); }); }); arrYoutubePlayerObjects = undefined; } } //Vimeo Viewer if (typeof arrVimeoPlayerObjects != "undefined") { $("#vimeoScript").remove(); var vimeoTag = document.createElement('script'); vimeoTag.id = "vimeoScript"; vimeoTag.src = "https://player.vimeo.com/api/player.js"; vimeoTag.async = false; // Get First Script Tag & Insert Vimeo Script before that. var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(vimeoTag, firstScriptTag); // Array of Players var arrVimeoPlayers = []; // Functions to work on Vimeo Players function vimeoPlayerPlay(player) { // Change Buttons $("#player-btn--" + player.vimeoObject.cgID + " button.playpause").attr("data-status", "pause").attr("aria-label", "Pause"); $("#player-btn--" + player.vimeoObject.cgID + " button.playpause span.mdi").removeClass("mdi-play").addClass("mdi-pause"); // AJAX Recurring Call player.intervalFunction = setInterval( function() { player.getCurrentTime().then( function(seconds) { postVideoViews(player.vimeoObject.cgUID, player.vimeoObject.cgUID_s, seconds); }) }, 10000) // Timer player.intervalTimerFunction = setInterval(function() { player.getCurrentTime().then( function(seconds) { var currentTime = new Date(seconds * 1000).toISOString(); if (player.totalDuration >= 3600) { currentTime = currentTime.substr(11, 8); } else { currentTime = currentTime.substr(14, 5); } $("#player-time--" + player.vimeoObject.cgID).html(currentTime); }) }, 1000) } function vimeoPlayerPause(player) { // Change Buttons $("#player-btn--" + player.vimeoObject.cgID + " button.playpause").attr("data-status", "play").attr("aria-label", "Play"); $("#player-btn--" + player.vimeoObject.cgID + " button.playpause span.mdi").removeClass("mdi-pause").addClass("mdi-play"); // Clear AJAX Recurring Call clearInterval(player.intervalFunction); clearInterval(player.intervalTimerFunction); player.intervalFunction = null; player.intervalTimerFunction = null; player.getCurrentTime().then( function(seconds) { postVideoViews(player.vimeoObject.cgUID, player.vimeoObject.cgUID_s, seconds); }); } function vimeoPlayerEnded(player) { // Change Buttons $("#player-btn--" + player.vimeoObject.cgID + " button.playpause").attr("data-status", "play").attr("aria-label", "Play"); $("#player-btn--" + player.vimeoObject.cgID + " button.playpause span.mdi").removeClass("mdi-pause").addClass("mdi-play"); // Clear AJAX Recurring Call clearInterval(player.intervalFunction); clearInterval(player.intervalTimerFunction); player.intervalFunction = null; player.intervalTimerFunction = null; player.getCurrentTime().then( function(seconds) { postVideoViews(player.vimeoObject.cgUID, player.vimeoObject.cgUID_s, seconds, 'true'); }); //if (typeof refreshTrackChecklist !== "undefined") { refreshTrackChecklist(); } //else if (typeof parent.refreshTrackChecklist !== "undefined") { parent.refreshTrackChecklist(); } } function vimeoPlayerPlayPause(player) { var currentStatus = $("#player-btn--" + player.vimeoObject.cgID + " button.playpause").attr("data-status"); if (currentStatus == "play") { player.play(); } else if (currentStatus == "pause") { player.pause(); } } // We wait until the script is fully loaded. $("#vimeoScript").on('load', function() { // Loop through players arrVimeoPlayerObjects.forEach(function (vimeoObject, index) { if (typeof getVideoPlayerCCLoadPolicy !== 'undefined' && getVideoPlayerCCLoadPolicy() === 1) { // load with closed captions enabled (set texttrack to 'en') arrVimeoPlayers[index] = new Vimeo.Player("player--" + vimeoObject.cgID, { url: vimeoObject.URL , height: vimeoObject.height, width: vimeoObject.width, controls: false, texttrack: 'en' }); } else { arrVimeoPlayers[index] = new Vimeo.Player("player--" + vimeoObject.cgID, { url: vimeoObject.URL , height: vimeoObject.height, width: vimeoObject.width, controls: false }); } arrVimeoPlayers[index].vimeoObject = vimeoObject; arrVimeoPlayers[index].intervalFunction = null; if (vimeoObject.startTime != 0) { arrVimeoPlayers[index].setCurrentTime(vimeoObject.startTime); } arrVimeoPlayers[index].on('play', function() { vimeoPlayerPlay(this) } ); arrVimeoPlayers[index].on('pause', function() { vimeoPlayerPause(this) } ); arrVimeoPlayers[index].on('ended', function() { vimeoPlayerEnded(this) } ); $("#player-btn--" + vimeoObject.cgID + " button.playpause").on('click', function() { vimeoPlayerPlayPause(arrVimeoPlayers[index]); }); $("#player-btn--" + vimeoObject.cgID + " button.replay").on('click', function() { arrVimeoPlayers[index].setCurrentTime(0) }); $("#player-btn--" + vimeoObject.cgID + " button.rewind").on('click', function() { arrVimeoPlayers[index].getCurrentTime().then(function(seconds) { arrVimeoPlayers[index].setCurrentTime(Math.max(0, seconds - 10)); }) }); const turnClosedCaptionsOnOff = (typeof getVideoPlayerCCLoadPolicy !== 'undefined' && getVideoPlayerCCLoadPolicy() === 1) ? 'off' : 'on'; $("#player-btn--" + vimeoObject.cgID + " button.closedcaption").attr('aria-label', 'Turn ' + turnClosedCaptionsOnOff + ' closed captions. Note, this requires a reload of the current page.'); $("#player-btn--" + vimeoObject.cgID + " button.closedcaption").on('click', function() { toggleClosedCaptionsAndReloadVideoIframes(); }); $("#player-btn--" + vimeoObject.cgID + " button.fullscreen").on('click', function() { arrVimeoPlayers[index].pause(); tb_show("", "/video_player?embed=1&uid=" + vimeoObject.cgUID + "&width=995&height=680&modal=true&TB_iframe=1", ""); }); $(window).blur(function() { arrVimeoPlayers[index].pause(); }); $(window).scroll(function() { if ( !isInViewport(document.getElementById("player--" + vimeoObject.cgID))) { arrVimeoPlayers[index].pause(); } }); var startTime = new Date(vimeoObject.startTime * 1000).toISOString(); var totalTime = 0; arrVimeoPlayers[index].getDuration().then(function(seconds) { arrVimeoPlayers[index].totalDuration = seconds; totalTime = new Date(seconds * 1000).toISOString(); if (seconds >= 3600) { startTime = startTime.substr(11, 8); totalTime = totalTime.substr(11, 8); } else { startTime = startTime.substr(14, 5); totalTime = totalTime.substr(14, 5); } $("#player-btn--" + vimeoObject.cgID + " div.timer").html("<span id='player-time--" + vimeoObject.cgID + "'>" + startTime + "</span> / " + totalTime); }); }); arrVimeoPlayerObjects = undefined; }); } </script> <script> $(document).ready(function(){ $("[data-toggle='tooltip']").tooltip(); $(".btn--loader").click(function() { loadButton($(this)); }); tb_init('a.thickbox, area.thickbox, input.thickbox'); // fix for the non editable input in ckeditor (ex: URL...) $(".modal").removeAttr("tabindex"); setupAjaxAccessibility(); }); </script>  </div> </div> </div> <script type="text/javascript" src="/js/jquery-migrate-1.2.1.js"></script>  <script src="/js/thickbox/thickbox.js"></script> <script type="text/javascript" src="/static/js/metisMenuCustom.js?v=1"></script> <script type="text/javascript" src="/static/js/jquery.slimscroll.js"></script>  <script type="text/javascript">function $$(strId) { return document.getElementById(strId); }</script> <script type="text/javascript" src="/static/plugins/clamp/clamp.min.js"></script> <script type="text/javascript" src="/static/js/core.js"></script> <script type="text/javascript" src="/static/js/menu.js"></script> <script type="text/javascript" src="/static/js/routing.js"></script> <script type="text/javascript">$.ajaxSetup({cache:true})</script>  <link href="/js/jquery-alerts/jquery.alerts.css" rel="stylesheet" type="text/css"> <script src="/js/jquery-alerts/jquery.alerts.js" type="text/javascript"></script>  <script> </script>  <script> var _customTask = function() { return function(model){ var piiRegex = [ { name: 'Email', regex: /.{4}@.{4}/g}, { name: 'Phone_Number', regex: /^(\+|\d)[0-9]{7,16}$/g}, { name: 'SSN', regex: /^\d{3}-\d{2}-\d{4}$}/g}, { name: 'Address', regex: /^\d+\s[A-z]+\s[A-z]+/g}]; var globalSendTaskName = '_' + model.get('trackingId') + '_sendHitTask'; // Fetch reference to the original sendHitTask var originalSendTask = window[globalSendTaskName] = window[globalSendTaskName] || model.get('sendHitTask'); var i, hitPayload, parts, val; // Overwrite sendHitTask with PII purger model.set('sendHitTask', function(sendModel) { hitPayload = sendModel.get('hitPayload').split('&'); for (i = 0; i < hitPayload.length; i++) { parts = hitPayload[i].split('='); // Double-decode, to account for web server encode + analytics.js encode try { val = decodeURIComponent(decodeURIComponent(parts[1])); } catch(e) { val = decodeURIComponent(parts[1]); } piiRegex.forEach(function(pii) { val = val.replace(pii.regex, '[REDACTED ' + pii.name + ']'); }); parts[1] = encodeURIComponent(val); hitPayload[i] = parts.join('='); } sendModel.set('hitPayload', hitPayload.join('&'), true); originalSendTask(sendModel); }); }; } </script>  <script async src='https://www.googletagmanager.com/gtag/js?id=G-X6E4B265SG'></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-X6E4B265SG', { 'send_page_view': true, 'name': 'school', custom_map: { 'dimension1': 'customTask' } }); gtag('event', 'page_view', { customTask: _customTask() }); </script>    </body>  <style> /* Accessibility Mode OFF - Default outline on :focus (none) */ :focus { outline: none; } a:focus { outline: none; } button.close:focus { outline: none; } .button:focus { outline: none; } .button.focus { outline: none; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: none; } .dropdown-toggle:focus { outline: none; } #header__btn-cont--manage:focus, #header__btn-cont--manage:focus-within { outline: none; } /* no outline/focus on the following (various reasons including hover style on focus, other focus styles applied, etc.) */ h2:focus { outline: none; outline-offset: 0px; border: none; } /* .page__header--btns .btn:focus { outline: none !important; outline-offset: 0px !important; } */ /* a.btn--rounded:focus { outline: none !important; outline-offset: 0px !important; } */ </style>  <link href="/static/css/accessibility.css?v=20220717.1" rel="stylesheet" /> </html>

CINXE.COM

Events List