rpi.emscloudservice.com
Open in
urlscan Pro
2606:4700:4400::ac40:9575
Public Scan
Submitted URL: http://rpi.emscloudservice.com/
Effective URL: https://rpi.emscloudservice.com/web/
Submission: On January 27 via api from US — Scanned from DE
Effective URL: https://rpi.emscloudservice.com/web/
Submission: On January 27 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
POST ./
<form method="post" action="./" id="VirtualEmsForm" novalidate="novalidate">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="deaCSRFToken" id="deaCSRFToken" value="f026e243-2494-46e7-9c8b-ca61f7e9e73a">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="FmJJuzWD5UrXAaDct5sdgAs09+nHBnDRr4JPZqmzCBGt0BShYv5cMxCYZoDXvMIXWq5zTMvdrFbcK+f9P/Z204whIWA4RUYPl5OKpXj8zhs/MYFSS3QtTZiB/q3qLRBO/b2/X3pY2emzIHAO/dH5NaDQBrzugRRApyeopxa599bw1k9UIPpzeEtnSOfxEiRdT7wAaCMINCfRaGbGMXs1g47uECgmHArt2s2S5YcHKHs+jdmL1JhpjUJk+HU6XRWwhH/+Ll7qbedVg+Y0jaOIpv1vgU5gJ3IuwSlDTJQ/TB3MwbF9hpHf808wXiVMgUt57bGAL61PFYmv0wjNtHzfsae5LTkBoFiuboixTKXi5KHT+4wyDNhN3LeviNrGJh3H+yAUJTt9ob84i54ex7opC73FstNetGWCK2Pv07G3MSzsF/lDuWamSL0E4m+skOtDz8mRZb/T7kyVOIQQpOi0wo9oF08vpCSmXBMilSQJyJUO/J5jKLOu0Qk5FmOh8I88citzgclQpH4WkHdfiY25JwjHMQyNVogb+I+pGX1cyqUjChfBSmz6o0j+imvCeYRxWw3wW9lVqxFyuKKeNoVSnWzgCKyFklRUYvjX+evjNf6DILO9oO3dw3JPv2d902b21Z5/jYZg5rxhNncPnnNKiN7o2byTNdMWmU+4p5G4AsMfgTdUW48p1XlhzBCM7Xon3i79byccMzEDYN0GvX9CMbvox0SbTn+4so3UTybfUMd/zZ1T7SG4tcG5V2TShhnPx673vdRdAoVXi2p9qYMRobg2BpAuuCaU4nMZWq5bMZQg2r+/cI5TiSHv1TyMmTIZqnG0NKttekUlIDurbLsuhVnQa9Nw4eSnbXwSJNlGgx7D+qJupJ9feVE71ife65cEMeDm44Mc87mRdlJcixbfMbPKrMCKZBM9s4b3Du5B9R8OqwSiA3chUFSqtDvafS/jYHMSW3q0A7yd0KXHrHgBipqpDNlZjoiq5jxe4QvcALMSUWe0tiHSFwc7SikL7PnB7O4XvEnVW+NV8Ps0GJgoqTTxNG2rp6L5OQfZvm4MV4h4JcB6/AWG5ioXAjXo7HUYybwA6W0GMvxdVkV8lfpJLlBui7pxXNcTeam3ow2ZmClMoums5KTwA/BxLqxaS/3+GR9bA52OOj7yktns7+D1Guy9SQqDWpa6cD72P2QLbgl46whmkM2E5oBCQHTAeHTfQq5U//IJlKUjogxN06ApGjJSI5rl1EJ5QgDkjiGh9247sVdQWbpcW5vSiPbMyYFUkXbCj5xoa7YI6SFAm9WMWXWENfUwzVO6a5nNvLzkbXcwpgXx/crA7ZIJgR0Vbrf2q0XPmbUC9gNFlvo23zHKIktZsNTHgebPztM/jfLpdKxvi2o+8I+yLCdtyNtrQ2SREfFDCzqlfw/7SohStClRQaunXXtsFDwjWn6Pli8xq8OiLFLMlGPFCbNm6AVoFquyJudT2RX8hm0MERa4DwBjJ5dRt75YRIY+7Q3txUCNKUmMwrwHHgvGx2WN+tat/HxmCZkRnw/Hxp5nUycB2T4B71Tgf+nHR4j+Acp6Hez3C/zYXGlYmHATjcU/TTdyUHPgpsBrGTqQ0lYq5mpxCvb9magPocHO02ASITTUN64ejS8rfub+6k1Z1ej+AdeaomS2eIn3jB//hJbTu/EaZHMKDa9HyyPrfZqPnShFlHCB1JQCZNY+D23+CeLiW/OBk9EkLFnGfOCgYMINCA5Rto1DWbTfnpl+hHQoabmy3TXc9p+z2osuJ/XO2lxkx9U4b6sBgeXdqzr9InGpSgLQg/elf+iMG8tdMDHbc55l9bZbSWl+eHrbBoHSiAAN2iRBqabAOx37wZR2fcr/K4duKzcaIcyUVg4WdoVfZP7Bq8QyOgc5CHe7XyGgmKUwYsaDjXtFsf8igTykIXCSzQvdYcqOsCRZgAdep1DdQu5RxIZXCawKThZlmPeM1cp4GNp4DJYNISzPpiMXwENB3+G2VxBWkU+Ca1FVvWAjcl73wFqder7dS5tlBSvvrVFDrpzAi71vvpXlTwKfqSqIqniaWV7lhvmrQW4QSDSRj3Ya2qNCzLucQ8xcTn+v00cHum84lIdt6Ya5Fk8X1A3AXV8Xh3giAw+tYCVjci+f+lCl54Q8pnhIYapddUHi1hFqmntYDaUaMKqc9KoorrYYKWjkyYnyULyDHgCNdQcHTdpLe5f4nwK8JYju078WoWlpt85imvXmTvQ7qcVZYEZErjruEER8ts7cZqf79g7Z4Tgyz+44hiV87lcT0qNVFFtGWY3wApGniwQslS7g2sr43u/gOQ0YSU6p6/jhz3gryAFViYQJqoXROmH1+H3cr1Vch37IE+BIgDB0T7g3+yfkQF1R9Vbn/kxps2JyLhiQTbQTmagDDz6aNBvDcIPawRRfirU3rgM5JptbHIW+I/FWOOqA6jJ5QT4NbxOOxW9laHuOLjhjPJUtJrKf5sypJyBfiPe97dlWo7wL5aIfe62pfqGKzUk4OWxIEUdAENn5uLawKgGX8u476deo9pwKLTTFonZVPAMmeJq2Q5aYKMW8YK3AY8X3A/hs0BdLp6eB7Uya9tRGQvEYNTznCoslf0FBGecrS8gHJdhYVRvUQIQ4Gpbd6Oht+vxM3t3dAsUbT0Ep8CS6zlayoKj9muTzF4wtB0q6YwAhY2ljMg1N/RWwhfbJywbJC5luV3i6qG052kQlfn4vlbRBZoEtJ1iZU6nBsLsy2VCIegWCHPIhchXQPDxw3VfZ+ax/vwmnmdbGT5E5zm39W8QfcYKhX4W77QiTvCTnsWxr1KIKhgwnBgSMTp/q7MpX17imgIIpYjGWDNyTyTngXuUjO9cLJPmVwpW/7qyCInSVbbSX9jlqNBE68mmzmV63EljOHGmjLaKjmYRBy4JcDI6TKSEcw75YY+WsqLxsqDBT9dtlHhk6B2YDhdW62lRTsSuzQBV7mPB0jAA4sFhHDXeJacsuFOqr+h0zdFTF8MGRN6ynCDF7H5nx9ahTxtXILgkKXoO7ryeRsyOw4GBTxRmfrzFpv+z/rhqsb+DpWHXBCzDZgZr9QPG7IoBXn0WPgCau+rxek3XyhXZj8uOvjs/ywFSqjYsTVwoOjjH3XP3UpNepcyEme1srnygA8fh+q2am4Gl6O9znbf5vTL9W/ScraY5kQWitcOYT49yr9R06VPeXRu44CFA/aeP50AS5oBURVzH0E+Vm3lkIikMqXUxiSucAtIfq2gIDhrzxUV1CJwhDPbQMvPMgSlMfzrxthwiceblAsSTJ769YhbqCnKC8EUMVxLwrCzBvYf6O4VYrFFqr2acYOzKjVm03UY8ntxTn1e/laLaFEnK0o2is7dAR4vilm9LosewfcvA9Q4It0l51ousWe1J/KK6d1DYPwuIm9bEG4t6rM87xrC6CZ2NLoRALOsiryKazg1d4pWQ0Z5D25S8BjVR0VIvkYBfT0zzzG1a7bPa0LzIMNM2cdNcH2fjux1+5gccMMDDZn10MJi37Z2jABTT78tn9IszyXQNrNDpW0mneNca2Zjf9a9lo1cicbzXItDUxbPrrL3C2n39cjP5D4Dx1xUtxXs7rz/GrMqdGk+uy4KjOB0CPMp3Qd5zSm3xbLskcUsW+puepFEMSfD90tWaAewcUvE20d5pR76Sjxwjawx2qWNMZuZwQ4v2UTqQbCOUTnrXYbN6k">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['VirtualEmsForm'];
if (!theForm) {
theForm = document.VirtualEmsForm;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/web/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZBgPmxKGFFLzQTRznx8jqLA59fIR-R4XX3QdsFPdcfAmSMa1kuK39Ferkic4wmouMQ2&t=638369066615952268" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
vems.todaysEventsForUser = {
"NextBookingDate": null,
"EventData": null,
"UserTimeZone": null,
"UserTimeZoneAbbr": null
};
Dea.eventsForMonth = {
"NextBookingDate": null,
"EventData": null,
"UserTimeZone": null,
"UserTimeZoneAbbr": null
};
Dea.loginOverrideUrl = 'SamlAuth.aspx';
var vems = vems || {};
vems.userLanguage = "de-DE";
vems.cancelReasons = [{
"Id": 13,
"Reason": "Room No Longer Needed",
"RequireNotes": false
}];
vems.hasBrowseForSpace = 0;
vems.enableSocialMedia = 1;
var ems_Help = "Help",
ems_timeSep = ":",
ems_AM = "",
ems_PM = "",
ems_timeFormat = "HH:mm",
ems_timePicker = "Time Picker",
ems_useHelpIcon = 1,
ems_UnhandledCallback = "Unhandled Callback.",
ems_FailedToLoadCallbackXml = "Error loading XML document from server",
ems_NoItemSelected = "You must select an item first",
ems_InvalidTime = "Invalid Time",
ems_FirstDateViolation = "Your booking date violates the first date allowed.",
ems_LastDateViolation = "Your booking date violates the late date allowed.",
ems_InvalidDate = "Invalid Date",
ems_CloseTheCalendar = "Close the Calendar",
ems_LocDetails = "Location Details",
ems_ResourceDetails = "Resource Details",
ems_BookingDetails = "Booking Details",
ems_ResDetails = "Reservation Details",
ems_cookieHash = "deaConnection",
deaCSRFTokenField = "deaCSRFToken",
ems_MultipleHolidaysLabel = "Multiple Holidays",
sSelectedColor = "rgb(255,255,255)";
vems.isAuthed = false;
vems.is24HrFormat = true;
vems.maxInputLength = 0;
Dea.checkVersion("data=dkSv93%2bpBZlRCdJ%2bkAGvug%3d%3d");
Dea.pageCallback = function(emsObject) {
WebForm_DoCallback('__Page', '' + Dea.JSON.stringify(emsObject) + '', Dea.handleCallback, '' + emsObject.router + '', Dea.errorCallback, true)
};
var PathToRoot = '/web/',
ems_PauseToLoadMsg = "Pause to load tool tip",
ems_Loading = "Loading...",
ems_sessionMilli = 7200000,
ems_timeOutUrl = "Logout.aspx"; //]]>
</script>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="DB1B4C9A">
<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="Iojdy29wzUswb0fq8WxzcuuooMgiD3bfvf0V4rGXDaXJD+rXW6HJAqsWvFTPOvKmHvRchAC3ADGCrjdAMQpycwDicFs8FsbYcjulPfefe+lwXhN5lCj7IYW9LnLZFhcAKV4qRRnoIoBwAEiNL1TT5g==">
</div>
<div id="showMobile" class="hidden" style="vertical-align: middle; text-align: center; position: fixed; top: 0; left: 0; right: 0; width: auto; height: 80px; background-color: #F1F1F1; z-index: 998;">
<div class="container-fluid" style="margin: auto; vertical-align: center;">
<div class="center-block" style="min-height: 100%; display: flex; align-items: center; vertical-align: middle; margin: auto;">
<a id="dismissMobile" class="alert-link" style="vertical-align: middle; text-align: left; margin-right: 10px;">
<h3 style="color: #929292;">
<label for="dismiss-mobile-close" class="hide-element">Close</label>
<i id="dismiss-mobile-close" class="fa fa-close"></i>
</h3>
</a>
<img src="Images/ems-app-icon.png?v=221" alt="logo" style="max-width: 50px; height: auto; display: inline-block; text-align: right; vertical-align: middle;">
<div class="col-xs-6" style="display: inline-block; vertical-align: middle; text-align: left;">
<h4>EMS Mobile App</h4>
</div>
<a id="launchMobile" class="intent alert-link" style="display: inline-block; vertical-align: middle; text-align: left; margin: 10px;" data-scheme="emssoftware://">
<h3 style="color: #007AFF">Open</h3>
</a>
</div>
</div>
</div>
<div class="invisible-screenreader-only">
<p id="section-loading-opened-aria-live-element" aria-live="polite"></p>
<p id="page-loading-aria-live-element" aria-live="polite"></p>
<p id="page-loading-aria-live-element_nav" aria-live="polite"></p>
</div>
<div id="page-loading-overlay" style="display: none;">
<img class="loading-animation" src="Images/Loading.gif" alt="Loading...">
</div>
<h1 id="ApplicationTitle" class="ApplicationTitle hide">
<span style="font-family: Calibri; color: #ab2328; mso-bidi-font-size: 10.5pt; mso-ascii-font-family: Calibri; mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri; mso-no-proof: yes">
<h1>
<p class="MsoNormal" style="margin: 0in 0in 0pt"><span
style="font-family: Calibri; color: #ab2328; mso-bidi-font-size: 10.5pt; mso-ascii-font-family: Calibri; mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri; mso-no-proof: yes">Rensselaer Room Reservations</span></p>
</h1>
</span>
</h1>
<header id="header" class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div id="nav-logo-section" class="navbar-header">
<button type="button" id="sideBar" tabindex="2" class="navbar-toggle collapsed" onfocus="CreateBorder(this,true,'navicon')" onblur="CreateBorder(this,false,'navicon')" onclick="vems.toggleSideBar();">
<span class="sr-only"></span>
<i class="fa fa-navicon"></i>
</button>
<div class="navbar-brand">
<table>
<tbody>
<tr>
<td>
<a class="ems-logo-link" href="./">
<img src="Images/logo.svg?v=221" class="ems-logo" title="Logo Link to Home Page">
</a>
</td>
<td>
<label class="lineheader"></label>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="page-title" class="navbar-header">
<h1> Rensselaer Room Reservations</h1>
<button tabindex="1" id="invisibleBypassLink" type="button" onclick="vems.QuickNavLink(); return false;" aria-label="Skip to Main content">Skip to Main content</button>
</div>
<div id="user-menu-section" class="navbar-collapse" role="navigation" aria-label="header">
<ul class="nav navbar-nav navbar-right">
<li id="help-icon" class="help-icon dropdown">
<a href="#" id="helpicon" class="dropdown-toggle" data-toggle="dropdown" onfocus="CreateBorder(this,true,'help')" onblur="CreateBorder(this,false,'help')" role="button" aria-haspopup="true" aria-expanded="false" aria-label="Help"><i id="helpid" class="fa fa-question-circle"></i></a>
<ul class="dropdown-menu">
<!-- ko foreach: helpMenuItems -->
<li><a onkeydown="linkClicked(event)" data-bind="text: vems.decodeHtml(Text), attr: {'href': NavigateUrl}, click: $root.menuItemClicked" href="About.aspx">About</a></li>
<li>
<a onkeydown="linkClicked(event)" data-bind="text: vems.decodeHtml(Text), attr: {'href': NavigateUrl}, click: $root.menuItemClicked" href="https://success.emssoftware.com/Content/UserGuides/3_EMSWebAppV44.1_UG.htm?tocpath=User%20Guides%7CEMS%20Web%20App%20%7C_____0?data=Yx22vViF5q1LUofOTneSVqgtNUuxDEBO0qyKdkHMjm5QC%2fYFLHPTyfRT7ZlkTquk6oFdtS2a6hU%3d">User Manual</a>
</li>
<!-- /ko -->
<!-- ko if: customHelpMenuItems().length > 0 --><!-- /ko -->
</ul>
</li>
<li class="dropdown user-menu" id="user-menu">
<a href="#" id="usernameid" class="dropdown-toggle" onfocus="CreateBorder(this,true,'user')" onblur="CreateBorder(this,false,'user')" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<div id="user-name" class="ellipsis-text">
Welcome, Guest.
</div>
</a>
<ul class="dropdown-menu" id="user-menu-dropdown" data-bind="visible: showGuestUserMenu || (showAuthUserMenu && userMenuItems().length > 0)">
<!-- ko if: showAuthUserMenu --><!-- /ko -->
<!-- ko if: showGuestUserMenu && !showAuthUserMenu -->
<li><a href="SamlAuth.aspx">Sign In</a></li>
<!-- /ko -->
</ul>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
<script>
window.addEventListener('resize', function() {
var headerBar = $('#header');
if (headerBar.width() >= 758) { // provides override for increased screen sizes and removes for lower screen sizes and prevents re-positioning of hamburger menu
$('.navbar-toggle').addClass("navbar-toggle-override");
} else {
$('.navbar-toggle').removeClass("navbar-toggle-override");
}
}, true);
</script>
</header>
<div id="wrapper">
<!-- Sidebar -->
<div id="sidebar-wrapper" role="navigation" aria-label="navigation">
<ul class="sidebar-nav" data-bind="foreach: mainMenuItems">
<!-- HR before the Links menu -->
<!-- ko if: Id == 4 --><!-- /ko -->
<!-- hide My Events on Mobile Web -->
<!-- ko ifnot: DevExpress.devices.real().phone && Id === 9 -->
<li id="sideNavigation" data-bind="css: { 'no-click': NavigateUrl.length == 0 }">
<a id="sidebar-wrapper-home" data-bind="css: { 'current-page': $root.OnMenuItemPage(NavigateUrl) }, attr: {'href': NavigateUrl.length > 0 ? NavigateUrl : '#', 'title': vems.decodeHtml(Text),'role':NavigateUrl.length > 0? 'none':'presentation'}, click: $root.menuItemClicked" class="current-page" href="Default.aspx" title="Home" role="none">
<i class="fa fa-home" data-bind="css: IconClass"></i>
<span data-bind="text: vems.decodeHtml(Text)">Home</span>
</a>
</li>
<div data-bind="foreach: ChildMenus"></div>
<!-- /ko -->
<!-- HR before the Links menu -->
<!-- ko if: Id == 4 -->
<li>
<hr>
</li>
<!-- /ko -->
<!-- hide My Events on Mobile Web -->
<!-- ko ifnot: DevExpress.devices.real().phone && Id === 9 -->
<li id="sideNavigation" data-bind="css: { 'no-click': NavigateUrl.length == 0 }" class="no-click">
<a id="sidebar-wrapper-home" data-bind="css: { 'current-page': $root.OnMenuItemPage(NavigateUrl) }, attr: {'href': NavigateUrl.length > 0 ? NavigateUrl : '#', 'title': vems.decodeHtml(Text),'role':NavigateUrl.length > 0? 'none':'presentation'}, click: $root.menuItemClicked" href="#" title="Links" role="presentation">
<i class="fa fa-external-link-square" data-bind="css: IconClass"></i>
<span data-bind="text: vems.decodeHtml(Text)">Links</span>
</a>
</li>
<div data-bind="foreach: ChildMenus">
<li id="sideNavigationUrl" class="secondary resource-link" data-bind="css: { "resource-link": $parent.Id == 4 }">
<a data-bind="css: { 'current-page': $root.OnMenuItemPage(NavigateUrl) }, attr: {'href': NavigateUrl, 'title': vems.decodeHtml(Text)}, click: $root.menuItemClicked" href="https://info.rpi.edu/webaccessibility" title="RPI Web Accessibility">
<i class="fa" data-bind="css: IconClass"></i>
<span data-bind="text: vems.decodeHtml(Text)">RPI Web Accessibility</span>
</a>
</li>
<li id="sideNavigationUrl" class="secondary resource-link" data-bind="css: { "resource-link": $parent.Id == 4 }">
<a data-bind="css: { 'current-page': $root.OnMenuItemPage(NavigateUrl) }, attr: {'href': NavigateUrl, 'title': vems.decodeHtml(Text)}, click: $root.menuItemClicked" href="https://info.rpi.edu/web-privacy-statement" title="RPI Web Privacy Statement">
<i class="fa" data-bind="css: IconClass"></i>
<span data-bind="text: vems.decodeHtml(Text)">RPI Web Privacy Statement</span>
</a>
</li>
<li id="sideNavigationUrl" class="secondary resource-link" data-bind="css: { "resource-link": $parent.Id == 4 }">
<a data-bind="css: { 'current-page': $root.OnMenuItemPage(NavigateUrl) }, attr: {'href': NavigateUrl, 'title': vems.decodeHtml(Text)}, click: $root.menuItemClicked" href="https://info.rpi.edu/room-reservations" title="RPI Room Reservation Guide">
<i class="fa" data-bind="css: IconClass"></i>
<span data-bind="text: vems.decodeHtml(Text)">RPI Room Reservation Guide</span>
</a>
</li>
</div>
<!-- /ko -->
</ul>
</div>
<!-- end sidebar-wrapper -->
<div>
<div id="page-content-wrapper" class="page-content-wrapper" role="navigation" aria-label="main">
<div class="container-fluid main-content" id="page">
<div id="page-title-responsive">
<h1> Rensselaer Room Reservations</h1>
</div>
<div id="Summary" class="errorSummary" style="color:Red;display:none;">
</div>
<p class="invisible-screenreader-only" id="random-aria-live-element" aria-live="polite"></p>
<span style="display: none">
<h1 id="pc_ApplicationTitle" class="ApplicationTitle">
<span style="font-family: Calibri; color: #ab2328; mso-bidi-font-size: 10.5pt; mso-ascii-font-family: Calibri; mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri; mso-no-proof: yes">
<h1>
<p class="MsoNormal" style="margin: 0in 0in 0pt"><span
style="font-family: Calibri; color: #ab2328; mso-bidi-font-size: 10.5pt; mso-ascii-font-family: Calibri; mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri; mso-no-proof: yes">Rensselaer Room
Reservations</span></p>
</h1>
</span>
</h1>
</span>
<div id="language" role="alert" aria-live="assertive" aria-label="This Application is in English Language"></div>
<div id="home" style="height: 100%;">
<ul id="default-tablist" class="nav nav-tabs" role="tablist">
<li role="presentation" id="site-home-tab" class="active"><a href="#site-home" data-first-spacelink="1" data-first-navlink="1" data-toggle="tab" role="tab">Site Home</a></li>
<li role="presentation" id="my-home-tab"><a href="#my-home" data-toggle="tab" role="tab">My Home</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active" id="site-home" tabindex="0">
<div class="default-page-help-text">
<div id="pc_HomeHelp" class="default-page-help-text-content">
<h1 align="center"><span style="color: #ab2328">Rensselaer's Room Reservations System</span></h1>
<p>
</p>
<h2 align="center"><br><span style="font-size: 14pt"><br>Only Rensselaer faculty, staff and students can reserve a space on campus using this system.<br><br>
<p><span style="font-size: 14pt"><strong><span style="font-size: 14pt; color: #00205b"><strong>Faculty, Staff and Students:</strong></span> </strong> <br><span style="color: black">Log in using your RPI UserID to
submit a reservation request.</span></span></p><br>Thank you,<br><br>EMS Core Team<br><br>
</span><br><br></h2>
<p>
</p>
<p>
</p>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="my-home">
<div id="conf-msg" style="">
<div data-bind="visible: false" style="display: none;">
<h1 class="confirm-head">Sign Up Complete</h1>
<div class="confirm-row">Congratulations! You have successfully signed up to use EMS! Sign in below.</div>
</div>
<div data-bind="visible: false" style="display: none;">
<h1 class="confirm-head">Your Password Has Been Reset</h1>
<div class="confirm-row">Success, you can sign in below using your new password! A confirmation email regarding the password reset has been sent to .</div>
</div>
</div>
<div class="container-fluid vems-panel" id="signin-panel" style="">
<div class="row">
<div class="col-md-6 left-subpanel" data-bind="visible: AllowSignIn" style="">
<h4 tabindex="0">Sign In</h4>
<div id="login" style="height:100%">
<div class="clear">
<div id="pc_WebText1">
</div>
</div>
<div class="loginDiv">
<div id="timeoutMsg" class="timeout-message center-block" style="display: none;">
<span class="fa fa-exclamation-circle timeout-icon"></span>
<span>Your session has expired, and you have been logged out.<br>Please log in again to continue.</span>
</div>
<div id="login-standard-div" class="center-block" style="width: 60%; display: none;">
<div class="form-group">
<label for="userID_input" class="required">User Id</label>
<input name="userID_input" type="text" maxlength="300" id="userID_input" class="userId form-control" required="required">
</div>
<div class="form-group">
<label for="password_input" class="required">Password</label>
<label for="pwd-hidden-ie" style="display:none;" aria-hidden="true">Password</label>
<input id="pwd-hidden-ie" type="password" style="display:none;" maxlength="255" aria-hidden="true" readonly="">
<input type="password" class="form-control" id="password_input" required="required" name="password_input" autocomplete="new-password" maxlength="255">
<input type="hidden" id="pwdhid" name="pwdhid">
</div>
<div class="validation-error-message" style="margin-bottom: 10px" data-bind="attr:{'aria-label':'','tabindex':('')?'0':'-1'}" aria-label="" tabindex="-1"></div>
<div class="form group text-left">
<input type="submit" name="ctl00$pc$btnLogin" value="Sign In" id="pc_btnLogin" class="btn btn-primary">
</div>
</div>
<div id="login-sso-div" class="center-block" style="">
<div class="text-center">
<button type="button" class="btn btn-primary" onclick="window.location = Dea.loginOverrideUrl">Sign In</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6" id="guest-actions" data-bind="visible: (ShowCreateAccountButton() || AllowUnauthenticatedRequest())" style=" display: none; vertical-align: middle">
<div>
<h4 tabindex="0">Welcome, Guest.</h4>
</div>
<div id="create-acct" class="text-center" style="margin-top: 1em; display: none;" data-bind="visible: ShowCreateAccountButton">
<a class="btn btn-success" onkeydown="handleKeypress(event)" type="button" href="AccountManagement.aspx" data-bind="html: AccountButtonText">Create An Account</a>
</div>
<div id="create-request-unauth" class="text-center" style="margin-top: 1em; display: none;" data-bind="visible: AllowUnauthenticatedRequest">
<a class="btn btn-success" onkeydown="handleKeypress(event)" type="button" href="/web/ClassicRequestForm.aspx?data=ity3Dem%2byxxGFZTQvNr975K4dCU8QwV7" data-bind="html: RequestRoomText">Request A Room</a>
</div>
</div>
</div>
</div>
<div id="my-home-content" style="display: none;">
<!-- My Reservation Templates -->
<div id="my-reservation-templates" class="hidden-xs">
<h2 tabindex="0" aria-label="My Reservation Templates. There are no templates in the list">My Reservation Templates</h2>
<div>
<div id="templates-no-results" class="no-bookings-wrap" style="">
<h3>You have no templates configured.</h3>
</div>
<div id="templates-grid" class="booking-grid daily col-xs-12" style="display: none;">
<div data-bind="template: { name: 'my-reservation-templates-template', foreach: templates }"></div>
</div>
</div>
</div>
<!-- My Reservations -->
<div id="my-reservations">
<h2 tabindex="0">My Bookings</h2>
<div id="my-reservations-content" class="home-my-reservations-content">
<div id="my-reservations-overlay" class="home-my-reservations-overlay">
<button id="btn-show-my-reservations" class="showMyBookingsColorContrast" onkeydown="handleRecurenceKeyPress(null, null, true, 'showMyBookingsNavigation')" data-bind="click: hideShowMyBookingsButton">Show My Bookings</button>
</div>
<ul class="nav nav-tabs" role="tablist" id="my-bookings-main-tabs">
<li id="my-bookings-title" role="presentation" class="active"><a href="#my-bookings" data-toggle="tab" data-bind="text: localeDate(), event:{keypress:function(data,event){handleKeypress(event) }}">27. Januar 2024</a></li>
<li id="my-bookings-search-tab" role="presentation"><a href="#my-bookings-search" data-toggle="tab" data-bind="event:{keypress:function(data,event){handleKeypress(event) }}" aria-label="Search">Search</a></li>
<span class="time-zone-heading" tabindex="0" data-bind="text: vems.decodeHtml(userTimeZone()) + (userTimeZoneAbbr() ? ' [' + userTimeZoneAbbr() + ']' : '')"></span>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active" id="my-bookings">
<div class="events-loading-overlay">
<img class="loading-animation" src="Images/Loading.gif" alt="Loading...">
</div>
<div class="text-center">
<div class="row bordered">
<div class="text-center">
<div id="sliderContainer"></div>
</div>
</div>
<ul id="my-bookings-tabs" class="nav nav-pills center-pills">
<li role="presentation" class="active" data-tabtype="day">
<a class="dayColorContrast" href="#my-bookings-daily" data-bind="event:{keypress:function(data,event){handleKeypress(event) }}" aria-label="Day" data-toggle="tab" role="button" title="Day">Day</a></li>
<li role="presentation" data-tabtype="month">
<a class="monthColorContrast" href="#my-bookings-monthly" data-bind="event:{keypress:function(data,event){handleKeypress(event)}}" aria-label="Month" data-toggle="tab" role="button" title="Month">Month</a></li>
<li role="presentation" data-tabtype="search">
<div class="date input-group" id="my-bookings-datepicker">
<label for="hidden-date-input" style="display: none;">Date</label>
<input tabindex="-1" id="hidden-date-input" type="text" maxlength="255" readonly="">
<a class="input-group-addon datePickerColorContrast" role="button" title="Select A Date" aria-label="Select A Date">
<div class="dateContrast" tabindex="0">
Date
<i class="fa fa-angle-down"></i>
</div>
</a>
</div>
</li>
</ul>
<div class="previous-today-next pull-right">
<a class="hidden-sm hidden-xs" data-bind="click: previousTodayNextHandler.bind($data, -1), event: {
keyup: function (data, e) { if (e.keyCode === 13 || e.keyCode === 32) { previousTodayNextHandler(-1); } } }" tabindex="0">
Previous
</a>
<a class="hidden-md hidden-lg fa fa-chevron-left" data-bind="click: previousTodayNextHandler.bind($data, -1), event: {
keyup: function (data, e) { if (e.keyCode === 13 || e.keyCode === 32) { previousTodayNextHandler(-1); } } }" tabindex="0"></a>
<a data-bind="click: previousTodayNextHandler.bind($data, 0), event: {
keyup: function (data, e) { if (e.keyCode === 13 || e.keyCode === 32) { previousTodayNextHandler(0); } } }" tabindex="0">
Today
</a>
<a class="hidden-sm hidden-xs" data-bind="click: previousTodayNextHandler.bind($data, 1), event: {
keyup: function (data, e) { if (e.keyCode === 13 || e.keyCode === 32) { previousTodayNextHandler(1); } } }" tabindex="0">
Next
</a>
<a class="hidden-md hidden-lg fa fa-chevron-right" data-bind="click: previousTodayNextHandler.bind($data, 1), event: {
keyup: function (data, e) { if (e.keyCode === 13 || e.keyCode === 32) { previousTodayNextHandler(1); } } }" tabindex="0"></a>
</div>
</div>
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active" id="my-bookings-daily" style="position: relative;">
<!-- ko if: gettingEventsForDay() --><!-- /ko -->
<!-- ko if: events().length > 0 --><!-- /ko -->
<!-- ko if: events().length == 0 -->
<div id="no-bookings-wrap" class="no-bookings-wrap">
<h3 tabindex="0" data-bind="text: vems.decodeHtml(vems.noBookingsForDate.replace('{0}', localeDate()))">There are no bookings for 27. Januar 2024</h3>
<h4 data-bind="visible: nextBookingDate() !== null, click: getEventsForDay.bind($data, nextBookingDate(), true)" style="display: none;">
<a tabindex="0" data-bind="event:{keypress:function(data,event){handleKeypress(event) }}" href="#"><i class="fa fa-external-link-square"></i>Take me to the next day containing bookings.</a>
</h4>
</div>
<!-- /ko -->
</div>
<div role="tabpanel" class="tab-pane fade" id="my-bookings-monthly">
<div id="bookings-monthly-calendar" class="dx-widget dx-visibility-change-handler dx-calendar dx-calendar-view-month dx-swipeable" tabindex="0" role="listbox" aria-label="Calendar"
aria-activedescendant="dx-74651185-ea71-b5aa-8904-7a12eb8757b5" style="width: 100%; height: 400px;"><input type="hidden" value="2024-01-27">
<div class="dx-calendar-body">
<div class="dx-calendar-views-wrapper">
<div class="dx-widget" style="transform: translate(0px, 0px);">
<table>
<thead>
<tr>
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
</thead>
<tbody>
<tr>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/12/31" role="option" aria-label="Sunday, December 31, 2023" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">31</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/01" role="option" aria-label="Monday, January 1, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">1</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/02" role="option" aria-label="Tuesday, January 2, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">2</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/03" role="option" aria-label="Wednesday, January 3, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">3</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/04" role="option" aria-label="Thursday, January 4, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">4</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/05" role="option" aria-label="Friday, January 5, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">5</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/06" role="option" aria-label="Saturday, January 6, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">6</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
</tr>
<tr>
<td class="dx-calendar-cell" data-value="2024/01/07" role="option" aria-label="Sunday, January 7, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">7</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/08" role="option" aria-label="Monday, January 8, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">8</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/09" role="option" aria-label="Tuesday, January 9, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">9</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/10" role="option" aria-label="Wednesday, January 10, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">10</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/11" role="option" aria-label="Thursday, January 11, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">11</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/12" role="option" aria-label="Friday, January 12, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">12</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/13" role="option" aria-label="Saturday, January 13, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">13</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
</tr>
<tr>
<td class="dx-calendar-cell" data-value="2024/01/14" role="option" aria-label="Sunday, January 14, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">14</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/15" role="option" aria-label="Monday, January 15, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">15</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/16" role="option" aria-label="Tuesday, January 16, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">16</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/17" role="option" aria-label="Wednesday, January 17, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">17</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/18" role="option" aria-label="Thursday, January 18, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">18</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/19" role="option" aria-label="Friday, January 19, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">19</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/20" role="option" aria-label="Saturday, January 20, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">20</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
</tr>
<tr>
<td class="dx-calendar-cell" data-value="2024/01/21" role="option" aria-label="Sunday, January 21, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">21</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/22" role="option" aria-label="Monday, January 22, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">22</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/23" role="option" aria-label="Tuesday, January 23, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">23</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/24" role="option" aria-label="Wednesday, January 24, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">24</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/25" role="option" aria-label="Thursday, January 25, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">25</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/26" role="option" aria-label="Friday, January 26, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">26</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-today dx-calendar-selected-date" data-value="2024/01/27" role="option" aria-label="Saturday, January 27, 2024" aria-selected="true"
id="dx-74651185-ea71-b5aa-8904-7a12eb8757b5" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">27</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
</tr>
<tr>
<td class="dx-calendar-cell" data-value="2024/01/28" role="option" aria-label="Sunday, January 28, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">28</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/29" role="option" aria-label="Monday, January 29, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">29</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/30" role="option" aria-label="Tuesday, January 30, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">30</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/01/31" role="option" aria-label="Wednesday, January 31, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">31</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/02/01" role="option" aria-label="Thursday, February 1, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">1</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/02/02" role="option" aria-label="Friday, February 2, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">2</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/02/03" role="option" aria-label="Saturday, February 3, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">3</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
</tr>
<tr>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/02/04" role="option" aria-label="Sunday, February 4, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">4</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/02/05" role="option" aria-label="Monday, February 5, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">5</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/02/06" role="option" aria-label="Tuesday, February 6, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">6</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/02/07" role="option" aria-label="Wednesday, February 7, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">7</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/02/08" role="option" aria-label="Thursday, February 8, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">8</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/02/09" role="option" aria-label="Friday, February 9, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">9</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/02/10" role="option" aria-label="Saturday, February 10, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">10</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="dx-widget" style="transform: translate(-100%, 0px);">
<table>
<thead>
<tr>
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
</thead>
<tbody>
<tr>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/11/26" role="option" aria-label="Sunday, November 26, 2023" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">26</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/11/27" role="option" aria-label="Monday, November 27, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">27</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/11/28" role="option" aria-label="Tuesday, November 28, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">28</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/11/29" role="option" aria-label="Wednesday, November 29, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">29</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2023/11/30" role="option" aria-label="Thursday, November 30, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">30</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/01" role="option" aria-label="Friday, December 1, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">1</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/02" role="option" aria-label="Saturday, December 2, 2023" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">2</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
</tr>
<tr>
<td class="dx-calendar-cell" data-value="2023/12/03" role="option" aria-label="Sunday, December 3, 2023" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">3</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/04" role="option" aria-label="Monday, December 4, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">4</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/05" role="option" aria-label="Tuesday, December 5, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">5</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/06" role="option" aria-label="Wednesday, December 6, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">6</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/07" role="option" aria-label="Thursday, December 7, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">7</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/08" role="option" aria-label="Friday, December 8, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">8</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/09" role="option" aria-label="Saturday, December 9, 2023" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">9</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
</tr>
<tr>
<td class="dx-calendar-cell" data-value="2023/12/10" role="option" aria-label="Sunday, December 10, 2023" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">10</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/11" role="option" aria-label="Monday, December 11, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">11</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/12" role="option" aria-label="Tuesday, December 12, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">12</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/13" role="option" aria-label="Wednesday, December 13, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">13</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/14" role="option" aria-label="Thursday, December 14, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">14</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/15" role="option" aria-label="Friday, December 15, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">15</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/16" role="option" aria-label="Saturday, December 16, 2023" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">16</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
</tr>
<tr>
<td class="dx-calendar-cell" data-value="2023/12/17" role="option" aria-label="Sunday, December 17, 2023" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">17</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/18" role="option" aria-label="Monday, December 18, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">18</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/19" role="option" aria-label="Tuesday, December 19, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">19</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/20" role="option" aria-label="Wednesday, December 20, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">20</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/21" role="option" aria-label="Thursday, December 21, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">21</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/22" role="option" aria-label="Friday, December 22, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">22</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/23" role="option" aria-label="Saturday, December 23, 2023" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">23</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
</tr>
<tr>
<td class="dx-calendar-cell" data-value="2023/12/24" role="option" aria-label="Sunday, December 24, 2023" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">24</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/25" role="option" aria-label="Monday, December 25, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">25</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/26" role="option" aria-label="Tuesday, December 26, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">26</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/27" role="option" aria-label="Wednesday, December 27, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">27</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/28" role="option" aria-label="Thursday, December 28, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">28</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/29" role="option" aria-label="Friday, December 29, 2023">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">29</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2023/12/30" role="option" aria-label="Saturday, December 30, 2023" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">30</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
</tr>
<tr>
<td class="dx-calendar-cell" data-value="2023/12/31" role="option" aria-label="Sunday, December 31, 2023" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">31</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/01/01" role="option" aria-label="Monday, January 1, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">1</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/01/02" role="option" aria-label="Tuesday, January 2, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">2</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/01/03" role="option" aria-label="Wednesday, January 3, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">3</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/01/04" role="option" aria-label="Thursday, January 4, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">4</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/01/05" role="option" aria-label="Friday, January 5, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">5</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/01/06" role="option" aria-label="Saturday, January 6, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">6</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="dx-widget" style="transform: translate(100%, 0px);">
<table>
<thead>
<tr>
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
</thead>
<tbody>
<tr>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/01/28" role="option" aria-label="Sunday, January 28, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">28</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/01/29" role="option" aria-label="Monday, January 29, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">29</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/01/30" role="option" aria-label="Tuesday, January 30, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">30</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/01/31" role="option" aria-label="Wednesday, January 31, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">31</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/01" role="option" aria-label="Thursday, February 1, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">1</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/02" role="option" aria-label="Friday, February 2, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">2</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/03" role="option" aria-label="Saturday, February 3, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">3</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
</tr>
<tr>
<td class="dx-calendar-cell" data-value="2024/02/04" role="option" aria-label="Sunday, February 4, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">4</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/05" role="option" aria-label="Monday, February 5, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">5</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/06" role="option" aria-label="Tuesday, February 6, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">6</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/07" role="option" aria-label="Wednesday, February 7, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">7</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/08" role="option" aria-label="Thursday, February 8, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">8</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/09" role="option" aria-label="Friday, February 9, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">9</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/10" role="option" aria-label="Saturday, February 10, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">10</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
</tr>
<tr>
<td class="dx-calendar-cell" data-value="2024/02/11" role="option" aria-label="Sunday, February 11, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">11</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/12" role="option" aria-label="Monday, February 12, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">12</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/13" role="option" aria-label="Tuesday, February 13, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">13</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/14" role="option" aria-label="Wednesday, February 14, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">14</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/15" role="option" aria-label="Thursday, February 15, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">15</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/16" role="option" aria-label="Friday, February 16, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">16</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/17" role="option" aria-label="Saturday, February 17, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">17</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
</tr>
<tr>
<td class="dx-calendar-cell" data-value="2024/02/18" role="option" aria-label="Sunday, February 18, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">18</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/19" role="option" aria-label="Monday, February 19, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">19</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/20" role="option" aria-label="Tuesday, February 20, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">20</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/21" role="option" aria-label="Wednesday, February 21, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">21</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/22" role="option" aria-label="Thursday, February 22, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">22</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/23" role="option" aria-label="Friday, February 23, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">23</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/24" role="option" aria-label="Saturday, February 24, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">24</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
</tr>
<tr>
<td class="dx-calendar-cell" data-value="2024/02/25" role="option" aria-label="Sunday, February 25, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">25</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/26" role="option" aria-label="Monday, February 26, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">26</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/27" role="option" aria-label="Tuesday, February 27, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">27</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/28" role="option" aria-label="Wednesday, February 28, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">28</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell" data-value="2024/02/29" role="option" aria-label="Thursday, February 29, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">29</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/03/01" role="option" aria-label="Friday, March 1, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">1</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/03/02" role="option" aria-label="Saturday, March 2, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">2</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
</tr>
<tr>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/03/03" role="option" aria-label="Sunday, March 3, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">3</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/03/04" role="option" aria-label="Monday, March 4, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">4</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/03/05" role="option" aria-label="Tuesday, March 5, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">5</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/03/06" role="option" aria-label="Wednesday, March 6, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">6</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/03/07" role="option" aria-label="Thursday, March 7, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">7</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/03/08" role="option" aria-label="Friday, March 8, 2024">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">8</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
<td class="dx-calendar-cell dx-calendar-other-view dx-calendar-other-month" data-value="2024/03/09" role="option" aria-label="Saturday, March 9, 2024" style="background-color: rgb(242, 242, 234);">
<div tabindex="-1" aria-hidden="true" class="calendar-cell-container calendar-cell-weekend">
<div aria-hidden="true" tabindex="-1" class="calendar-cell-text">9</div>
<div aria-hidden="true" booking-count="0" class="calendar-cell-gauge" style="height: 0px;"></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="dx-widget dx-calendar-navigator">
<a class="dx-button dx-button-normal dx-button-mode-contained dx-widget dx-button-has-icon dx-calendar-navigator-previous-view dx-calendar-navigator-previous-month" role="button" aria-label="chevronleft"><div class="dx-button-content"><i class="dx-icon dx-icon-chevronleft"></i></div></a><a class="dx-calendar-caption-button dx-button dx-button-normal dx-button-mode-contained dx-widget dx-button-has-text" role="button" aria-label="January 2024"><div class="dx-button-content"><span class="dx-button-text">January 2024</span></div></a><a class="dx-button dx-button-normal dx-button-mode-contained dx-widget dx-button-has-icon dx-calendar-navigator-next-view dx-calendar-navigator-next-month" role="button" aria-label="chevronright"><div class="dx-button-content"><i class="dx-icon dx-icon-chevronright"></i></div></a>
</div>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="my-bookings-search">
<!-- Simple search -->
<div class="form-inline simple-search">
<div class="form-group">
<label class="hide-element" for="booking-search-box">Search for bookings by name or location.</label>
<input type="text" class="form-control" tabindex="-1" id="booking-search-box" maxlength="255">
</div>
<button type="button" tabindex="-1" class="btn btn-default" id="booking-search-button" data-bind="click: $root.searchForBookings">Search</button>
<span id="booking-search-count" tabindex="0" class="result-count" style="display: none;" data-bind="text: searchRecordCountLabel">0 Results.</span>
<!-- ko if: searchRecordCount() == 20 && !DevExpress.devices.real().phone --><!-- /ko -->
</div>
<div class="simple-search-results">
<p class="inline-instructions" tabindex="0" id="booking-search-instructions">Search for bookings by name or location.</p>
<div id="booking-no-results" tabindex="0" class="col-md-offset-4" style="display: none;">
<h3 id="booking-no-results-head">Nothing was found for "".</h3>
<ul>
<li>Start with a simple search; use less text.</li>
<li>Remember, only booking title and location are searchable.</li>
</ul>
</div>
<div id="booking-search-results" class="booking-grid daily col-xs-12" style="display: none;" data-bind="component: { name: 'booking-search-component', params: $root }">
<div class="row" id="booking-search-header">
<div id="booking-search-header-title" class="col-md-4 col-sm-12 col-xs-12" data-bind="click: $root.sortSearchResults, event:{keypress:function(data,event){handleKeypress(event) }}" tabindex="0"> Title </div>
<div id="booking-search-header-location" class="col-md-3 hidden-xs hidden-sm" data-bind="click: $root.sortSearchResults, event:{keypress:function(data,event){handleKeypress(event) }}" tabindex="0" "="">
Location
</div>
<div id=" booking-search-header-date" class="col-md-4 hidden-xs hidden-sm" data-bind="click: $root.sortSearchResults, event:{keypress:function(data,event){handleKeypress(event) }}" tabindex="0" "="">
Date & Time
<i id=" booking-search-sort-indicator" class="fa fa-angle-up"></i>
</div>
</div>
<div data-bind="template: { foreach: searchResults, as: 'ev' }"></div>
</div>
</div>
</div>
</div>
<div data-bind="component: {name: "cancel-reason-dialog", params: $root}">
<!-- ko if: activeBooking() --><!-- /ko -->
</div>
</div>
</div>
<!-- Infographics -->
<div id="my-infographics" class="hidden-xs" style="display: none;">
<h2 tabindex="0" id="my-infographics-header" onkeydown="handleRecurenceKeyPress(null, null, true, 'showMyBookingsHeaderNavigation')">My Infographics</h2>
<div class="row">
<div class="col-xs-12 col-md-4">
<div class="ig-container">
<div class="date-time-header" tabindex="0" aria-label="Today">Today</div>
<div class="ig-subhead" tabindex="0" aria-labelledby="aria-day-id">
<div id="aria-day-id"><span id="day-chart-count"></span> bookings</div>
</div>
<div id="ig-today" class="booking-chart-container"></div>
</div>
</div>
<div class="col-xs-12 col-md-4">
<div class="ig-container">
<div class="date-time-header" tabindex="0" aria-label="This Week">This Week</div>
<div class="ig-subhead" tabindex="0" aria-labelledby="aria-week-id">
<div id="aria-week-id"><span id="week-chart-count"></span> bookings</div>
</div>
<div id="ig-week" class="booking-chart-container"></div>
</div>
</div>
<div class="col-xs-12 col-md-4">
<div class="ig-container">
<div class="date-time-header" tabindex="0" aria-label="This Month">This Month</div>
<div class="ig-subhead" tabindex="0" aria-labelledby="aria-month-id">
<div id="aria-month-id"><span id="month-chart-count"></span> bookings</div>
</div>
<div id="ig-month" class="booking-chart-container"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- about template modal -->
<div class="modal fade" id="template-modal" tabindex="-1" role="dialog" aria-labelledby="template-modal-aria-title">
<div class="modal-dialog" role="document">
<div class="modal-content" id="template-modal-content" data-bind="component: { name: 'web-template-modal-component', params: $root }"></div>
</div>
</div>
<!-- endnow modal -->
<div class="modal fade" id="endnow-modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document" onkeydown="modelFocusTrap(event)">
<div class="modal-content" id="endnow-modal-content">
<div class="modal-header">
<button id="close-endnow-button" type="button" class="close" data-dismiss="modal" close-mark="" aria-label="Close"><span aria-hidden="true">×</span></button>
<h3 tabindex="0" class="modal-title" id="default-aspx-endnow-modal-title">Are you sure you want to end this booking now?</h3>
</div>
<div class="modal-body">
<p class="date"></p>
<p tabindex="0" class="event-name"></p>
<p tabindex="0" class="location"></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" id="endBookingBtn">Yes, End Booking</button>
<button id="no-endnow-button" type="button" class="btn btn-primary" btn-cancel="" data-dismiss="modal">No, Don't End</button>
</div>
</div>
</div>
</div>
<!-- booking details modal -->
<div id="booking-details-comp" data-bind="component: { name: "booking-details-component", params: { ScreenText: {
TimeText: "Time",
DateText: "Date",
EventNameText: "Event Name",
LocationText: "Location",
GroupNameText: "Group Name",
NoBookingsMessage: "No bookings exist for this event.",
BookingDetailsText: "Booking Details",
EventDetailsText: "Event Details",
RelatedEventsText: "Related Events",
DownloadIcsText: "Add to My Calendar",
ShareText: "Share",
CloseText: "Close",
EditText: "edit",
FirstBookingText: "First Booking",
LastBookingText: "Last Booking",
CheckedInText: "Checked In",
CheckInText: "Check In",
CancelText: "Cancel",
EndNowText: "End Now",
EndNowConfirmText: "Are you sure you want to end this booking now?",
YesEndBookingText: "Yes, End Booking",
NoDontEndText: "No, Don't End",
CancelBookingQuestionText: "Cancel Booking?",
CancelReasonText: "Cancel Reason",
CancelNotesText: "Cancel Notes",
YesCancelText: "Yes, Cancel Booking",
NoCancelText: "No, Keep Booking"} } }">
<div class="modal fade" id="booking-details-modal" tabindex="-1" role="dialog" aria-labelledby="booking-details-booking-details-modal-title">
<div class="modal-dialog" role="document" id="booking-modal">
<div class="modal-content">
<div class="modal-header">
<button type="button" id="closeModal" class="close" data-dismiss="modal" aria-label="Close" data-bind="click: function () { vems.bookingDetailsVM.hide(); }"><span aria-hidden="true">×</span></button>
<h3 tabindex="0" class="modal-title" id="booking-details-booking-details-modal-title" data-bind="text: ScreenText.BookingDetailsText">Booking Details</h3>
</div>
<div class="modal-body">
<ul id="booking-details-tabs" class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a aria-expanded="true" href="#detailsContainer" aria-controls="detailsContainer" role="tab" data-toggle="tab" data-bind="text: ScreenText.EventDetailsText,attr:{'aria-label':ScreenText.EventDetailsText}" aria-label="Event Details">Event Details</a>
</li>
<!-- ko if: !vems.bookingDetailsVM.IsMobile() -->
<li role="presentation">
<a aria-expanded="false" href="#relatedEventsContainer" aria-controls="relatedEventsContainer" role="tab" data-toggle="tab" data-bind="text: ScreenText.RelatedEventsText">Related Events</a>
</li>
<!-- /ko -->
<a id="VEMSBookingDetails" class="fa fa-question-circle help-text-icon" data-helptextkey="VEMSBookingDetails" aria-label="Click to open help about the booking details section" data-parenttype="None" data-parentid="0" style="display: none;" href="#"></a>
</ul>
<div class="tab-content">
<div tabindex="-1" id="detailsContainer" role="tabpanel" class="tab-pane fade in active">
<div class="modal-loading-overlay">
<img class="loading-animation" src="Images/Loading.gif" alt="Loading...">
</div>
<table class="table table-striped">
<tbody data-bind="foreach: $data.details()"></tbody>
</table>
</div>
<!-- ko if: !vems.bookingDetailsVM.IsMobile() -->
<div id="relatedEventsContainer" role="tabpanel" tabindex="-1" class="tab-pane fade">
<div id="booking-details-grid-container" tabindex="-1" class="table-responsive">
<table id="booking-details-grid" tabindex="-1" class="table table-striped table-sort">
<thead>
<tr>
<!-- ko if: vems.bookingDetailsVM.ShowICS() --><!-- /ko -->
<th data-bind="event:{'keypress':function(i,e){preventScroll(e)}}">
<div id="related-Events-Container-Date" data-bind="text: ScreenText.DateText">Date</div>
</th>
<th data-bind="event:{'keypress':function(i,e){preventScroll(e)}}">
<div id="related-Events-Container-Time" data-bind="text: ScreenText.TimeText">Time</div>
</th>
<!-- ko if: !vems.bookingDetailsVM.SuppressEventName() -->
<th data-bind="event:{'keypress':function(i,e){preventScroll(e)}}">
<div id="related-Events-Container-EventName" data-bind="text: ScreenText.EventNameText">Event Name</div>
</th>
<!-- /ko -->
<!-- ko if: vems.bookingDetailsVM.ShowLocation() --><!-- /ko -->
<!-- ko if: vems.bookingDetailsVM.ShowGroupName() --><!-- /ko -->
</tr>
</thead>
<tbody>
<!-- ko foreach:vems.bookingDetailsVM.Bookings --><!-- /ko -->
</tbody>
</table>
</div>
</div>
<!-- /ko -->
</div>
</div>
<div class="modal-footer">
<!-- ko if: IsMobile() && (IsCheckedIn() || ShowCheckinButton() || AllowCancel() || AllowEndNow()) --><!-- /ko -->
<!-- ko if: ShowICS() && !IsMobile() --><!-- /ko -->
<div id="add-this-container" tabindex="0" class="pull-left"></div>
<!-- ko if: ConferenceURL().length > 0 && ConferencingSolution() --><!-- /ko -->
<button id="close-btn" aria-label="Close" tabindex="0" type="button" class="btn btn-primary" data-dismiss="modal" data-bind="text: ScreenText.CloseText, click: function () { vems.bookingDetailsVM.hide(); }">Close</button>
</div>
</div>
</div>
<!-- endnow modal -->
<div class="modal fade" id="endnow-modal-bd" tabindex="-1" role="dialog" aria-labelledby="booking-details-aspx-endnow-modal-title">
<div class="modal-dialog" role="document">
<div class="modal-content" id="endnow-modal-content-bd">
<div class="modal-header">
<button tabindex="0" id="close-endnow-button" type="button" class="close" data-bind="click: closeEndNowModal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h3 class="modal-title" id="booking-details-aspx-endnow-modal-title" data-bind="text: ScreenText.EndNowConfirmText">Are you sure you want to end this booking now?</h3>
</div>
<div class="modal-body">
<p class="date"></p>
<p class="event-name"></p>
<p class="location"></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" id="endBookingBtn-bd" data-bind="text: ScreenText.YesEndBookingText">Yes, End Booking</button>
<button id="no-endnow-button" type="button" class="btn btn-primary" data-bind="text: ScreenText.NoDontEndText, click: closeEndNowModal">No, Don't End</button>
</div>
</div>
</div>
</div>
<!-- cancel modal -->
<div class="modal fade" id="cancel-modal-bd" tabindex="-1" role="dialog" aria-labelledby="booking-details-template-aspx-cancel-modal-title">
<div class="modal-dialog" role="document">
<div class="modal-content" id="cancel-modal-content-bd">
<div class="modal-header">
<button type="button" class="close" aria-label="Close" data-bind="click: closeCancelModal"><span aria-hidden="true">×</span></button>
<h3 class="modal-title" id="booking-details-template-aspx-cancel-modal-title" data-bind="text: ScreenText.CancelBookingQuestionText">Cancel Booking?</h3>
</div>
<div class="modal-body">
<p class="date"></p>
<p class="event-name"></p>
<p class="location"></p>
<div class="vc-host-warning" style="display: none;">
<img class="vc-host-warning-icon" src="Images/diamond-alert.png" alt="Warning">
<span class="vc-host-warning-message">This booking is set as the VC host.<br>Cancelling this booking will also cancel all other locations on this date.</span>
</div>
<div class="cal-occ-warning" style="display: none;">
<img class="cal-occ-warning-icon" src="Images/diamond-alert.png" alt="Warning">
<span class="cal-occ-warning-message">This booking is part of a Calendar Occurrence.<br>Cancelling this location will cancel all locations with same date/time.<br>To cancel a single location, Edit the booking.</span>
</div>
<div class="reason dropdown form-group">
<label class="control-label" for="bd-cancel-reason" data-bind="text: ScreenText.CancelReasonText">Cancel Reason</label>
<select id="bd-cancel-reason" class="form-control required" data-bind="fastForEach: { data: CancelReasons }"></select>
</div>
<div class="notes form-group">
<label class="control-label" for="bd-cancel-notes" data-bind="text: ScreenText.CancelNotesText">Cancel Notes</label>
<textarea id="bd-cancel-notes" class="form-control" rows="3"></textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" id="cancel-btn-yes-bd" data-bind="text: ScreenText.YesCancelText">Yes, Cancel Booking</button>
<button type="button" class="btn btn-primary" id="cancel-btn-no-bd" data-bind="text: ScreenText.NoCancelText, click: closeCancelModal">No, Keep Booking</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- location details modal -->
<div id="location-details-comp" data-bind="component: { name: "location-details-component", params: { } }">
<div class="modal fade" id="location-details-modal" tabindex="-1" role="dialog" aria-labelledby="location-details-template-aspx-locations-details-modal-title">
<div class="modal-dialog" role="document" onkeydown="modelFocusTrap(event)">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" close-mark="" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h3 tabindex="0" class="modal-title" id="location-details-template-aspx-locations-details-modal-title"><span>about</span> <span data-bind="text: vems.decodeHtml(roomDescription())"></span></h3>
</div>
<div class="modal-body">
<ul id="location-details-tabs" class="nav nav-tabs" role="tablist">
<li role="presentation" class="active location-details-tab" style="max-width: 25%;">
<a href="#mainContainer" aria-controls="mainContainer" role="tab" data-toggle="tab" data-bind="event:{keypress:function(data,event){handleKeypress(event) }}">Room Details</a>
</li>
<li role="presentation" class="location-details-tab" style="max-width: 20%;">
<a href="#setupContainer" aria-controls="setupContainer" role="tab" data-toggle="tab" data-bind="visible: setupDetails().length > 0, event:{keypress:function(data,event){handleKeypress(event) }}" style="display: none;">Setup Types</a>
</li>
<li role="presentation" class="location-details-tab" style="max-width: 20%;">
<a href="#featuresContainer" aria-controls="featuresContainer" role="tab" data-toggle="tab" data-bind="visible: features().length > 0, event:{keypress:function(data,event){handleKeypress(event) }}" style="display: none;">Features</a>
</li>
<li role="presentation" class="location-details-tab" style="max-width: 15%;">
<a href="#imagesContainer" aria-controls="imagesContainer" role="tab" data-toggle="tab" data-bind="visible: images().length > 0, event:{keypress:function(data,event){handleKeypress(event) }}" style="display: none;">Images</a>
</li>
<li role="presentation" data-bind="visible: vems.hasBrowseForSpace === 1,event:{keypress:function(data,event){handleKeypress(event) }}" class="location-details-tab" style="max-width: 20%; display: none;">
<a href="#availabilityContainer" aria-controls="availabilityContainer" role="tab" data-toggle="tab" id="availability-tab">Availability</a>
</li>
</ul>
<div class="tab-content">
<div id="mainContainer" role="tabpanel" class="tab-pane active">
<table class="table table-striped">
<thead class="sr-only">
<tr>
<th>Description</th>
<th>Value</th>
</tr>
</thead>
<tbody data-bind="foreach: details"></tbody>
</table>
</div>
<div id="setupContainer" role="tabpanel" class="tab-pane">
<table class="table table-striped">
<thead class="sr-only">
<tr>
<th tabindex="0" aria-label="Setup Type">Setup Type</th>
<th tabindex="0" aria-label="Minimum Capacity">Min Capacity</th>
<th tabindex="0" aria-label="Maximum Capacity">Max Capacity</th>
</tr>
</thead>
<tbody data-bind="foreach: setupDetails"></tbody>
</table>
</div>
<div id="featuresContainer" role="tabpanel" class="tab-pane">
<table class="table table-striped">
<thead class="sr-only">
<tr>
<th>Description</th>
</tr>
</thead>
<tbody data-bind="foreach: features"></tbody>
</table>
</div>
<div id="imagesContainer" role="tabpanel" class="tab-pane">
<div class="row" data-bind="foreach: images"></div>
</div>
<div id="availabilityContainer" role="tabpanel" class="tab-pane" style="overflow-y: hidden;">
<div class="row" style="margin-bottom: 30px;">
<div class="col-sm-8 col-xs-12">
<div class="col-sm-3 col-xs-3">
<button class="btn btn-main" type="button" id="available-previous" data-bind="click: changeAvailableDate,attr:{'aria-label':moment(availableStartDate()).add(-1, 'day').format('ddd,LL')}" aria-label="Fr.,26. Januar 2024">
<i class="fa fa-chevron-left"></i>
<span aria-hidden="true" data-bind="text: moment(availableStartDate()).add(-1, 'day').format('ddd'),attr:{'aria-label':moment(availableStartDate()).add(-1, 'day').format('ddd,LL')}"
aria-label="Fr.,26. Januar 2024">Fr.</span>
</button>
</div>
<div class="col-sm-7 col-xs-6" id="available-presentDate" tabindex="0">
<span aria-hidden="true" style="font-size: 1.3em; display: block; text-align: center;" data-bind="text: moment(availableStartDate()).format('ddd, LL')">Sa., 27. Januar 2024</span>
</div>
<div class="col-sm-2 col-xs-2">
<button class="btn btn-main" type="button" id="available-next" data-bind="click: changeAvailableDate,attr:{'aria-label':moment(availableStartDate()).add(1, 'day').format('ddd,LL')}" aria-label="So.,28. Januar 2024">
<span aria-hidden="true" data-bind="text: moment(availableStartDate()).add(1, 'day').format('ddd'),attr:{'aria-label':moment(availableStartDate()).add(1, 'day').format('ddd,LL')}"
aria-label="So.,28. Januar 2024">So.</span>
<i class="fa fa-chevron-right"></i>
</button>
</div>
</div>
<div class="col-sm-4 hidden-xs">
<span tabindex="0" class="float-right" style="margin-right: 15px; font-size: 1.3em;" data-bind="text: timeZoneTitle(),attr:{'aria-label':timeZoneTitle()}" aria-label=""></span>
</div>
</div>
<div>
<div id="room-availability-control"></div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" id="location-details-view-all-btn" data-bind="click: viewAllDetailsClicked, visible: !hideViewAllDetails()">View All Building & Room Details</button>
<button type="button" btn-cancel="" class="btn btn-primary" id="location-details-close-btn" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- building/room image modal -->
<div class="modal fade" id="bldg-room-image-modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<img id="bldg-room-image-img" src="" alt="" title="">
<a href="#" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-close"></i></span></a>
</div>
</div>
</div>
</div>
</div>
<!-- floor plan modal -->
<div id="floorplan-component-modal" data-bind="component: { name: "floorplans-reserve-modal", params: {
RoomInfo: new FloorMapRoomInfo(),
renderType: "modal",
ScreenText: {
RequestText: "Request ",
ReserveText: "Reserve ",
RoomDetailsText: "Room Details",
RoomCodeText: "Room Code",
RoomDescriptionText: "Description ",
RoomTypeText: "Room Type",
AvailabilityText: "Availability ",
AvailableText: "Available ",
UnavailableText: "Unavailable ",
StartTimeText: "Start Time ",
EndTimeText: "End Time ",
TitleText: "Title ",
GroupNameText: "Group"
} } }">
<div class="modal fade floormap-modal" id="floormap-modal" tabindex="-1" role="dialog" aria-labelledby="floor-plans-reserve-modal-aspx-foormap-modal-title" aria-hidden="true">
<div class="modal-dialog" role="document" onkeydown="modelFocusTrap(event)">
<div class="modal-content" style="width: 810px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" close-mark="" aria-label="Close"><span aria-hidden="true">×</span></button>
<h3 class="modal-title" id="floor-plans-reserve-modal-aspx-foormap-modal-title"> Floor Map </h3>
</div>
<div class="modal-body">
<div id="mobile-modal-map" data-bind="visible: isPhone()" style="height: 375px; max-width: 380px; display: none;"></div>
<div id="modal-map" data-bind="visible: !isPhone()" style="height: 600px; width: 100%"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" btn-cancel="" data-dismiss="modal" data-target="#floormap-modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<script type="text/html" id="my-reservation-templates-template">
<!-- ko if: (DevExpress.devices.real().phone && IsMobile) || IsWebApp -->
<div class="row" data-bind="attr: {'data-mobile': IsMobile, 'data-webapp': IsWebApp }">
<div data-count="1" class="col-xs-6 ellipsis-text">
<span data-bind="text: vems.decodeHtml(Text)"></span>
</div>
<div class="col-xs-6 table-buttons">
<button type="button" class="btn btn-primary btn-xs" data-bind="event: { click: $root.templateClick }, attr: { 'aria-label': vems.screenText.BookNowWithTheXTemplate.replace('{0}', vems.decodeHtml(Text)) }">book now</button>
<button type="button" class="btn btn-primary btn-xs" data-bind="attr: { 'data-navigateurl': NavigateUrl, 'data-templateid': Id, 'aria-label': vems.screenText.AboutTheXTemplate.replace('{0}', vems.decodeHtml(Text)) }" data-toggle="modal"
data-target="#template-modal">about</button>
</div>
</div>
<!-- /ko -->
</script>
<script type="text/html" id="my-bookings-template">
<div class="row">
<div data-bind="attr: { id: 'EventStart' + ev.Id}" first-focus-element class="col-md-2 col-sm-2 col-xs-7 ellipsis-text grid-lesspad-right" tabindex="0">
<div class="row">
<div class="col-sm-12 col-xs-12">
<span data-bind="text: moment(ev.UserEventStart).format('LT') + ' - ' + moment(ev.UserEventEnd).format('LT')"></span>
</div>
<div class="hidden-sm hidden-md hidden-lg col-sm-12 col-xs-12 ellipsis-text">
<a href="#" data-bind="text: vems.decodeHtml(ev.EventName), click: function () { vems.bookingDetailsVM.show(Id, 0); }"></a>
</div>
</div>
</div>
<div tabindex="0" onkeydown="javascript:if(event.keyCode === 13 || event.which === 13 || event.keyCode === 32 || event.which === 32){ $(this).children('a').trigger('click');}"
class="col-md-3 col-sm-3 hidden-xs ellipsis-text grid-lesspad" data-bind="attr:{'aria-label': ev.EventName + 'Link'}">
<a aria-hidden="true" tabindex="-1" href="#" data-bind="text: vems.decodeHtml(ev.EventName), click: function () { vems.bookingDetailsVM.show(Id, 0); }, attr: {title: vems.decodeHtml(ev.EventName),id: 'eventName' + ev.Id}"></a>
</div>
<div class="col-md-2 col-sm-2 col-xs-5 grid-lesspad" style="white-space: normal; word-break: break-word;">
<div class="row">
<!-- ko if: ShowFloorMap && (ImageId > 0) -->
<a class="col-md-3 col-sm-3 col-xs-2" href="#" data-bind="click: vems.home.viewModels.myBookings.showMap" aria-label="Floor Map">
<i class="icon-ems-floorplan"></i>
</a>
<!-- /ko -->
<div tabindex="0" onkeydown="javascript:if(event.keyCode === 13 || event.which === 13 || event.keyCode === 32 || event.which === 32){ $(this).children('#anLocation').trigger('click');}" class="col-md-6 col-sm-6 col-xs-10"
data-bind="attr:{'aria-label': ev.Location + 'Link'}">
<a href="#" id="anLocation" tabindex="-1" aria-hidden="true" data-bind="text: vems.decodeHtml(ev.Location), click: function(data){ vems.locationDetailsVM.show(data.BuildingId, data.RoomId); }, attr:{'title': vems.decodeHtml(ev.Location)}"></a>
</div>
</div>
</div>
<div class="col-md-1 col-sm-2 hidden-xs ellipsis-text grid-lesspad" data-bind="attr:{'aria-label': ev.EventName + ev.Location + ev.Status }" tabindex="0">
<span aria-hidden="true" data-bind="text: vems.decodeHtml(ev.Status), attr:{'title': vems.decodeHtml(ev.Status)}"></span>
</div>
<div class="col-md-4 col-sm-3 hidden-xs table-buttons grid-lesspad-left">
<!-- ko if: ev.ConferencingSolution === 'skype' && ev.IsSkypeEnabled -->
<a class="btn btn-primary btn-xs" data-toggle="modal" data-bind="attr: { id: 'joinskype' + ev.Id, href: ev.ConferenceURL, target: '_blank','aria-label' : 'JoinSkype for the booking of' + ev.EventName +' '+ ev.Location}, text: 'Join Skype' , event:{keypress:function(data,event){handleKeypress(event) }}"></a>
<!-- /ko -->
<!-- ko if: ev.ConferencingSolution === 'msteams' && ev.IsTeamsEnabled -->
<a class="btn btn-primary btn-xs" data-toggle="modal" data-bind="attr: { id: 'joinskype' + ev.Id, href: ev.ConferenceURL, target: '_blank', 'aria-label' : 'JoinTeams for the booking of ' + ev.EventName +' '+ ev.Location }, text: 'Join Teams', event:{keypress:function(data,event){handleKeypress(event) }}"></a>
<!-- /ko -->
<!-- ko if: ev.ConferencingSolution === 'zoom' && ev.IsZoomEnabled -->
<a class="btn btn-primary btn-xs" data-toggle="modal" data-bind="attr: { id: 'joinskype' + ev.Id, href: ev.ConferenceURL, target: '_blank','aria-label' :'JoinZoom for the booking of' + ev.EventName +' '+ ev.Location }, text: 'Join Zoom', event:{keypress:function(data,event){handleKeypress(event) }}"></a>
<!-- /ko -->
<!-- ko if: ev.ConferencingSolution === 'webex' && ev.IsWebexEnabled -->
<a class="btn btn-primary btn-xs" data-toggle="modal" data-bind="attr: { id: 'joinskype' + ev.Id, href: ev.ConferenceURL, target: '_blank','aria-label' :'JoinWebex for the booking of' + ev.EventName +' '+ ev.Location }, text: 'Join Webex', event:{keypress:function(data,event){handleKeypress(event) }}"></a>
<!-- /ko -->
<button type="button" class="btn btn-primary btn-xs disabled" disabled="disabled" data-toggle="modal" data-bind="visible: ev.IsCheckedIn, attr: {'aria-label': 'Checked In' + ev.EventName +' '+ ev.Location }"> Checked In </button>
<button type="button" class="btn btn-primary btn-xs" data-toggle="modal"
data-bind="visible: ev.ShowCheckinButton, click: $root.checkInToEvent.bind(ev), attr: { id: 'checkin-' + ev.Id,'aria-label': 'Check in for the booking of ' + ev.EventName +' '+ ev.Location }"> Check In </button>
<button type="button" class="btn btn-primary btn-xs" data-toggle="modal"
data-bind="visible: ev.AllowEndNow,click: $root.endBookingNow.bind(ev), attr: { id: 'endnow-' + ev.Id,'aria-label': 'End now the booking of' + ev.EventName +' '+ ev.Location }"> End Now </button>
<!-- ko if: ev.AllowCancel -->
<button type="button" class="btn btn-primary btn-xs" data-toggle="modal" data-bind="click: $root.cancelBooking.bind(ev), attr: { id: 'cancel-' + ev.Id,'aria-label': 'cancel the booking of ' + ev.EventName +' '+ ev.Location }"> Cancel
</button>
<!-- /ko -->
</div>
</div>
</script>
<div id="CallbackStatus" style="display: none; z-index: 100" class="callbackStatus">
<img id="LoadingImage" src="Images/Loading.gif" alt="Loading...">
<span id="LoadingText">Loading...</span>
</div>
</div>
</div>
</div>
</div>
<br>
<br>
<footer class="footer">
<p class="invisible-screenreader-only" id="master-footer-mouseevent" aria-live="polite"></p>
<div id="sidebar-wrapper-footer">
<table>
<tbody>
<tr>
<td class="footer-elements">
<a tabindex="-1" id="footerimgid" class="ems-logo-link1" href="./">
<img tabindex="0" src="Images/logo.svg?v=221" class="ems-footer-logo" title="Logo Link to Home Page" onkeydown="onpressenter()">
</a>
<label class="line">|</label>
<span id="lbl_Master" class="label-footer">v223.2</span>
<label class="recurrence-label-text1" for="end-date">© Copyright 2024 Accruent All Rights Reserved</label>
<ul data-bind="foreach: mainMenuItems " class="footer-elements-recursive">
<!-- ko if: Id != 4 && Id!=1 && Id!=50 && Id!=2147483647--><!-- /ko -->
<!-- ko if: Id == 1 || Id==50 --><!-- /ko -->
<!-- ko if: Id != 4 && Id!=1 && Id!=50 && Id!=2147483647--><!-- /ko -->
<!-- ko if: Id == 1 || Id==50 --><!-- /ko -->
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</footer>
<!-- end page-content-wrapper -->
<!-- end wrapper -->
<script type="text/javascript">
//<![CDATA[
var Page_ValidationSummaries = new Array(document.getElementById("Summary"));
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
var ApplicationTitle = document.all ? document.all["ApplicationTitle"] : document.getElementById("ApplicationTitle");
ApplicationTitle.isHelpText = "False";
var Summary = document.all ? document.all["Summary"] : document.getElementById("Summary");
Summary.headertext = "These errors occurred while processing your request:";
var DefaultHelp = document.all ? document.all["DefaultHelp"] : document.getElementById("DefaultHelp");
DefaultHelp.isHelpText = "True";
var pc_ApplicationTitle = document.all ? document.all["pc_ApplicationTitle"] : document.getElementById("pc_ApplicationTitle");
pc_ApplicationTitle.isHelpText = "False";
var pc_HomeHelp = document.all ? document.all["pc_HomeHelp"] : document.getElementById("pc_HomeHelp");
pc_HomeHelp.isHelpText = "True";
var pc_WebText1 = document.all ? document.all["pc_WebText1"] : document.getElementById("pc_WebText1");
pc_WebText1.isHelpText = "True";
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
var callBackFrameUrl = '/web/WebResource.axd?d=beToSAE3vdsL1QUQUxjWdUL3JX0Q6g2QraccArRMrlSS_oRRHYkHYrAlpa37IDE1gFAlUVPoM4eTRMHQQSj6sw2&t=638369066615952268';
WebForm_InitCallback(); //]]>
</script>
</form>Text Content
CLOSE
EMS MOBILE APP
OPEN
RENSSELAER ROOM RESERVATIONS
RENSSELAER ROOM RESERVATIONS
Skip to Main content
*
* About
* User Manual
* Welcome, Guest.
* Sign In
* Home
* --------------------------------------------------------------------------------
* Links
RPI Web Accessibility RPI Web Privacy Statement RPI Room Reservation Guide
RENSSELAER ROOM RESERVATIONS
RENSSELAER ROOM RESERVATIONS
* Site Home
* My Home
RENSSELAER'S ROOM RESERVATIONS SYSTEM
ONLY RENSSELAER FACULTY, STAFF AND STUDENTS CAN RESERVE A SPACE ON CAMPUS USING
THIS SYSTEM.
FACULTY, STAFF AND STUDENTS:
LOG IN USING YOUR RPI USERID TO SUBMIT A RESERVATION REQUEST.
THANK YOU,
EMS CORE TEAM
SIGN UP COMPLETE
Congratulations! You have successfully signed up to use EMS! Sign in below.
YOUR PASSWORD HAS BEEN RESET
Success, you can sign in below using your new password! A confirmation email
regarding the password reset has been sent to .
SIGN IN
Your session has expired, and you have been logged out.
Please log in again to continue.
User Id
Password Password
Sign In
WELCOME, GUEST.
Create An Account
Request A Room
MY RESERVATION TEMPLATES
YOU HAVE NO TEMPLATES CONFIGURED.
MY BOOKINGS
Show My Bookings
* 27. Januar 2024
* Search
* Day
* Month
* Date
Date
Previous Today Next
THERE ARE NO BOOKINGS FOR 27. JANUAR 2024
TAKE ME TO THE NEXT DAY CONTAINING BOOKINGS.
SunMonTueWedThuFriSat
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
SunMonTueWedThuFriSat
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
SunMonTueWedThuFriSat
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
1
2
3
4
5
6
7
8
9
January 2024
Search for bookings by name or location.
Search 0 Results.
Search for bookings by name or location.
NOTHING WAS FOUND FOR "".
* Start with a simple search; use less text.
* Remember, only booking title and location are searchable.
Title
Location
Date & Time
MY INFOGRAPHICS
Today
bookings
This Week
bookings
This Month
bookings
×
ARE YOU SURE YOU WANT TO END THIS BOOKING NOW?
Yes, End Booking No, Don't End
×
BOOKING DETAILS
* Event Details
* Related Events
Date
Time
Event Name
Close
×
ARE YOU SURE YOU WANT TO END THIS BOOKING NOW?
Yes, End Booking No, Don't End
×
CANCEL BOOKING?
This booking is set as the VC host.
Cancelling this booking will also cancel all other locations on this date.
This booking is part of a Calendar Occurrence.
Cancelling this location will cancel all locations with same date/time.
To cancel a single location, Edit the booking.
Cancel Reason
Cancel Notes
Yes, Cancel Booking No, Keep Booking
×
ABOUT
* Room Details
* Setup Types
* Features
* Images
* Availability
Description Value
Setup Type Min Capacity Max Capacity
Description
Fr.
Sa., 27. Januar 2024
So.
View All Building & Room Details Close
×
FLOOR MAP
Close
Loading...
| v223.2 © Copyright 2024 Accruent All Rights Reserved
×
TERMS OF USE
Print Close
×
ACT AS
You are currently acting as . Switch back to .
You are currently signed in as .
Find by name
OK Cancel
×
CONFIRMATION
×
HELP
Language
Edit Web Text
OK Save Changes Cancel
×
BROWSER SUPPORT
We've noticed that you're using an older web browser. For the best experience,
upgrade to the latest version of one of the browsers listed on the system
requirements page.
Note: If you are using Internet Explorer, please also make sure that
Compatibility View is disabled.
Close
×
INCLUDE SKYPE
By clicking “Accept All Cookies”, you agree to the storing of cookies on your
device to enhance site navigation and analyze site usage.
Accept All Cookies
Cookies Settings
PRIVACY PREFERENCE CENTER
When you visit any website, it may store or retrieve information on your
browser, mostly in the form of cookies. This information might be about you,
your preferences or your device and is mostly used to make the site work as you
expect it to. The information does not usually directly identify you, but it can
give you a more personalized web experience. Because we respect your right to
privacy, you can choose not to allow some types of cookies. Click on the
different category headings to find out more and change our default settings.
However, blocking some types of cookies may impact your experience of the site
and the services we are able to offer.
More information
Allow All
MANAGE CONSENT PREFERENCES
STRICTLY NECESSARY COOKIES
Always Active
These cookies are necessary for the website to function and cannot be switched
off in our systems. They are usually only set in response to actions made by you
which amount to a request for services, such as setting your privacy
preferences, logging in or filling in forms. You can set your browser to block
or alert you about these cookies, but some parts of the site will not then work.
These cookies do not store any personally identifiable information.
Cookies Details
PERFORMANCE COOKIES
Performance Cookies
These cookies allow us to count visits and traffic sources so we can measure and
improve the performance of our site. They help us to know which pages are the
most and least popular and see how visitors move around the site. All
information these cookies collect is aggregated and therefore anonymous. If you
do not allow these cookies we will not know when you have visited our site, and
will not be able to monitor its performance.
Cookies Details
FUNCTIONAL COOKIES
Functional Cookies
These cookies enable the website to provide enhanced functionality and
personalisation. They may be set by us or by third party providers whose
services we have added to our pages. If you do not allow these cookies then some
or all of these services may not function properly.
Cookies Details
TARGETING COOKIES
Targeting Cookies
These cookies may be set through our site by our advertising partners. They may
be used by those companies to build a profile of your interests and show you
relevant adverts on other sites. They do not store directly personal
information, but are based on uniquely identifying your browser and internet
device. If you do not allow these cookies, you will experience less targeted
advertising.
Cookies Details
Back Button
PERFORMANCE COOKIES
Search Icon
Filter Icon
Clear
checkbox label label
Apply Cancel
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label
*
View Cookies
* Name
cookie name
Confirm My Choices
Help
2