/home/ivoiecob/email.hirewise-va.com/modules/CalendarWebclient/templates/CalendarView.html
<div class="screen CalendarLayout" style="display: none;">
	<div class="panels" data-bind="splitterFlex: {storagePrefix: 'aurora_calendar_', sizes: [20, 80], resizeFunc: dayNamesResizeBinding}">
		<div class="panel left_panel calendars_panel">
			<div class="panel_content">
				<div class="buttons big_single_button" data-bind="visible: !isPublic">
					<span class="button" data-bind="click: createEventInCurrentCalendar"> 
						<span data-bind="i18n: {'key': '%MODULENAME%/ACTION_CREATE_EVENT'}"></span> 
					</span>
				</div>
				<div class="middle_bar">
					<div class="panel_center" data-bind="visible: !isPublic, customScrollbar: {x: false, 'onStart': calendarDropdownHide }">
						<div class="scroll-inner">
							<div class="items_list calendars">
								<span class="section_title">
									<span class="control" data-bind="click: openCreateCalendarForm, customTooltip: '%MODULENAME%/ACTION_CREATE_CALENDAR'"></span>
									<span class="title personal" data-bind="visible: (calendars.ownCount() > 0)">
										<span class="icon"></span>
										<span class="text" data-bind="i18n: {'key': '%MODULENAME%/HEADING_MY_CALENDARS'}"></span>
									</span>
								</span>
								<!-- ko foreach: calendars.own() -->
									<!-- ko template: {name: '%ModuleName%_CalendarItemView'} --><!-- /ko -->
								<!-- /ko -->
							</div>
							<div class="items_list calendars" data-bind="visible: (calendars.sharedCount() > 0 && bAllowShare)">
								<span class="section_title">
									<span class="title shared">
										<span class="icon"></span>
										<span class="text" data-bind="i18n: {'key': '%MODULENAME%/HEADING_SHARED_WITH_ME'}"></span>
									</span>
								</span>
								<!-- ko foreach: calendars.shared() -->
									<!-- ko template: {name: '%ModuleName%_CalendarItemView'} --><!-- /ko -->
								<!-- /ko -->						
							</div>
							<div class="items_list calendars" data-bind="visible: (calendars.sharedToAllCount() > 0 && bAllowShare)">
								<span class="section_title">
									<span class="title shared-all">
										<span class="icon"></span>
										<span class="text" data-bind="i18n: {'key': '%MODULENAME%/HEADING_SHARED_WITH_ALL'}"></span>
									</span>
								</span>
								<!-- ko foreach: calendars.sharedToAll() -->
									<!-- ko template: {name: '%ModuleName%_CalendarItemView'} --><!-- /ko -->
								<!-- /ko -->						
							</div>
						</div>
					</div>
					<div class="dropdowns" data-bind="style: {'top': currentCalendarDropdownOffset() + 'px'}">
						<!-- ko template: {name: '%ModuleName%_CalendarItemMenuView', foreach: calendars.collection()} --><!-- /ko -->
					</div>
					<div class="panel_bottom" data-bind="initDom: datePickerDom">
					</div>
				</div>
			</div>
		</div>
		<div class="panel center_panel calendar">
			<div class="panel_content">
				<div class="toolbar unselectable">
					<span class="content">
						<span class="item checkstate command" data-bind="click: getCalendars, checkstate: {'activeClass': 'process', 'state': checkStarted(), 'duration': 800}">
							<span class="icon"></span>
						</span>
						<span class="group range_select">
							<span class="item" data-bind="click: function(){changeView('agendaDay');}, css: {'selected passive': selectedView() === 'agendaDay'}">
								<span class="text" data-bind="i18n: {'key': '%MODULENAME%/ACTION_SHOW_DAY_VIEW'}"></span>
							</span>
							<span class="item" data-bind="click: function(){changeView('agendaWeek');}, css: {'selected passive': selectedView() === 'agendaWeek'}">
								<span class="text" data-bind="i18n: {'key': '%MODULENAME%/ACTION_SHOW_WEEK_VIEW'}"></span>
							</span>
							<span class="item" data-bind="click: function(){changeView('month');}, css: {'selected passive': selectedView() === 'month'}">
								<span class="text" data-bind="i18n: {'key': '%MODULENAME%/ACTION_SHOW_MONTH_VIEW'}"></span>
							</span>
							<span class="item" data-bind="click: function(){changeView('listMonth');}, css: {'selected passive': selectedView() === 'listMonth'}">
								<span class="text" data-bind="i18n: {'key': '%MODULENAME%/ACTION_SHOW_LIST_VIEW'}"></span>
							</span>
						</span>

						<span class="group date_select">
							<span class="item" data-bind="click: displayToday">
								<span class="text" data-bind="i18n: {'key': '%MODULENAME%/ACTION_SHOW_TODAY'}"></span>
							</span>
							<span class="item prev" data-bind="click: displayPrev">
								<span class="icon"></span>
							</span>
							<span class="item current passive">
								<span class="helper" data-bind="foreach: aMonthNames, css: {'week': selectedView() === 'agendaWeek', 'day': selectedView() === 'agendaDay'}">
									<span class="text" data-bind="text: $parent.selectedView() === 'agendaWeek' ? '' + $data + $data : $data"></span><br />
								</span>
								<span class="text" data-bind="text: dateTitle"></span>
							</span>
							<span class="item next" data-bind="click: displayNext">
								<span class="icon"></span>
							</span>
						</span>
					</span>
				</div>
				<div class="middle_bar" data-bind="css: {'view_month': visibleWeekdayHeader}">
					<div class="panel_center">
						<div data-bind="initDom: calendarGridDom" style="visibility: hidden;"></div>
						<div class="uploader_mask" data-bind="initDom: uploaderArea, css: {'active': bDragActiveComp}">
							<div class="inner"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>