/home/ivoiecob/email.hirewise-va.com/modules/Tasks/templates/MainView.html
<div class="screen TasksLayout" style="display: none;">
<div class="panels" data-bind="splitterFlex: {storagePrefix: 'aurora_tasks_', sizes: [20, 80]}">
<div class="panel left_panel calendars_panel" data-splitter="tasks_list">
<div class="panel_content">
<div class="buttons big_single_button">
<span class="button" data-bind="click: createTaskInCurrentCalendar">
<span data-bind="i18n: {'key': '%MODULENAME%/ACTION_CREATE_TASK'}"></span>
</span>
</div>
<div class="middle_bar">
<div class="panel_center">
<div class="scroll-inner">
<div class="items_list calendars">
<!-- ko foreach: calendars.own() -->
<!-- ko template: {name: 'CalendarWebclient_CalendarItemView'} --><!-- /ko -->
<!-- /ko -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel item_viewer">
<div class="panel_content">
<div class="middle_bar">
<div class="panel_top">
<span class="search_block" style="width: 95%;">
<span class="input" data-bind="css: {'focus': isSearchFocused}">
<span class="icon search" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SEARCH'}"></span>
<input class="field" spellcheck="false" type="text" data-bind="hasfocus: isSearchFocused, value: searchInput, onEnter: searchSubmit, valueUpdate: 'afterkeydown'" />
</span>
</span>
<span class="toolbar" style="display: inline-block; vertical-align: middle;">
<span class="content" style="padding: 0;">
<span class="item checkstate command" data-bind="click: getCalendars, checkstate: {'activeClass': 'process', 'state': preLoadingList(), 'duration': 800}">
<span class="icon"></span>
</span>
</span>
</span>
</div>
<div class="panel_center unselectable" data-bind="customScrollbar: {x: false}">
<div class="sales_list_scroll scroll-inner">
<div class="items_list sales_list">
<span class="list_notification" data-bind="visible: true">
<span class="link" data-bind="text: actionCompletedText(), click: onShowCompletedClick"></span>
</span>
<div data-bind="visible: isEmptyList() && !loadingList()">
<span class="list_notification" data-bind="visible: searchText() === ''">
<span class="description" data-bind="i18n: {'key': '%MODULENAME%/INFO_NO_TASKS'}"></span>
<span class="description" data-bind="i18n: {'key': '%MODULENAME%/INFO_CREATE'}"></span>
</span>
<span class="list_notification" data-bind="visible: searchText() !== ''">
<span class="link" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CLEAR_SEARCH'}, click: onClearSearchClick"></span>
<span class="description" data-bind="i18n: {'key': '%MODULENAME%/INFO_NO_TASKS_FOUND'}"></span>
</span>
</div>
<span class="list_notification" data-bind="visible: loadingList()" id="selenium_contacts_loading_info">
<span class="description" data-bind="i18n: {'key': '%MODULENAME%/INFO_LOADING_LIST'}"></span>
</span>
<span class="list_notification" data-bind="visible: searchText() !== '' && !isEmptyList()">
<span class="link" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CLEAR_SEARCH'}, click: onClearSearchClick"></span>
<span class="description" data-bind="text: searchText"></span>
</span>
<div class="items_sub_list sales_sub_list" data-bind="foreach: tasksList, visible : !loadingList()">
<div class="item" data-bind="css: {'selected': selected, 'repeat': rrule && !excluded}, visible: visible">
<div class="item_content">
<span class="data table fadeout" >
<label class="custom_checkbox round" data-bind="css: {'checked': checked}, style: {'background': color}">
<span class="icon"></span>
<input type="checkbox" data-bind="checked: checked">
</label>
<span data-bind="css: {'withDate': withDate}">
<div class="task_subject" data-bind="text: subject, style: {'text-decoration': checked() ? 'line-through' : 'none'}"></div>
<div class="task_date" data-bind="text: visibleDate"></div>
</span>
</span>
<div class="separator"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel_bottom unselectable" data-bind="visible: oPageSwitcher.pages().length > 0 && !loadingList(), template: {name: oPageSwitcher.ViewTemplate, data: oPageSwitcher}"></div>
</div>
</div>
</div>
</div>