<!-- templates-2ed60cc59d5dfef60b4a8ea38e0e2674.cache --><script id="FilesTableviewWebclientPlugin_FileView" type="text/html"><!-- ko if: !bIsHidden --> <div class="item file" data-bind=" event: allowDrag() ? { 'dragstart': eventDragStart } : null, draggablePlace: allowDrag() ? function (file, ctrlOrCmdUsed) { return $parent.dragAndDropHelper(file, ctrlOrCmdUsed); } : null, draggableDragStartCallback: function() { if (allowDrag()) $root.dragover(true); }, draggableDragStopCallback: function() { if (allowDrag()) $root.dragover(false); }, css: cssClasses" > <div class="item_content dragHandle"> <div class="image" data-bind="customTooltip: getTooltip(iconAction()), click: function () { executeAction(iconAction()); }, css: {'has_action': iconAction() !== ''}, clickBubble: iconAction() === ''"> <!-- ko if: thumbnailSrc() !== '' --> <img data-bind="attr: {'src': thumbnailSrc()}" /> <!-- /ko --> <!-- ko if: thumbnailSrc() === '' --> <span class="icon" data-bind="css: extension().toLowerCase()"></span> <!-- /ko --> <!-- ko if: sharedWithMe --> <span class="file_shared_with_me_icon" data-bind="customTooltip: sHeaderText"></span> <!-- /ko --> </div> <div class="name"> <div data-bind="text: displayName"></div> <div class="data"> <span data-bind="text: friendlySize"></span> | <span data-bind="text: sLastModified"></span> </div> </div> <div class="file_states"> <!-- ko if: (bIsSecure()) --> <span class="file_encrypted_icon" data-bind="click: function (oItem) { $root.onSecureIconClick(oItem); }"></span> <!-- /ko --> <!-- ko if: (sharedWithOthers()) --> <span class="file_shared_icon" data-bind="click: function (oItem) { $root.onFileShareIconClick(oItem); }"></span> <!-- /ko --> <!-- ko if: (allowPublicLink() && published()) --> <span class="file_published_icon" data-bind="click: function (oItem) { $root.onShareIconClick(oItem); }"></span> <!-- /ko --> <!-- ko if: $root.bAllowFavorites && !$root.bPublic --> <span class="file_favorite_icon" data-bind="css: {'favorite_set': favorite }, click: function (oItem) { $root.onFavoriteClick(oItem); }"></span> <!-- /ko --> </div> <div class="spacer"></div> <span class="progress" data-bind="visible: visibleProgress()"> <span data-bind="text: progressText"></span> <a href="javascript: void(0)" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'},    visible: visibleCancelButton,    click: function () { $parent.onFileRemove( uploadUid(), $data); }"></a> </span> <div class="actions"> <span class="status_text" data-bind="text: statusText(), css: {'error': uploadError()}, customTooltip: statusTooltip, visible: statusText().length > 0"></span> <div data-bind="visible: allowActions() && uploaded() && !uploadError() && statusText().length === 0 && !downloading() && !visibleProgress()"> <a href="javascript: void(0)" data-bind="visible: firstAction().length > 0, click: function () { executeAction(firstAction()); }, text: getActionText(firstAction()), clickBubble: false"></a> <a href="javascript: void(0)" data-bind="visible: secondAction().length > 0, click: function () { executeAction(secondAction()); }, text: getActionText(secondAction()), clickBubble: false"></a> </div> </div> <div class="clearfix"></div> </div> </div> <!-- /ko --> </script><script id="FilesTableviewWebclientPlugin_FilesTableviewSettingsFormView" type="text/html"><div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'FILESTABLEVIEWWEBCLIENTPLUGIN/HEADING_SETTINGS_TAB'}"></h2> </div> <div class="panel_center"> <div class="fields"> <div class="fieldset"> <div class="row"> <span class="value"> <label class="custom_checkbox" data-bind="css: {'checked': enableModule}"> <span class="icon"></span> <input type="checkbox" id="enableSimpleChatModule" data-bind="checked: enableModule" /> </label> <label for="enableSimpleChatModule" data-bind="i18n: {'key': 'FILESTABLEVIEWWEBCLIENTPLUGIN/LABEL_ALLOW_FILES'}"></label> </span> </div> <div class="row"> <span class="value"> <label class="custom_checkbox" data-bind="css: {'checked': enablePreviewPane}"> <span class="icon"></span> <input type="checkbox" id="enablePreviewPane" data-bind="checked: enablePreviewPane" /> </label> <label for="enablePreviewPane" data-bind="i18n: {'key': 'FILESTABLEVIEWWEBCLIENTPLUGIN/LABEL_ENABLE_PREVIEW_PANE'}"></label> </span> </div> </div> <div class="buttons"> <span class="button" data-bind="click: save, visible: !isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </span> <span class="button" data-bind="visible: isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}"></span> </span> </div> </div> </div> </script><script id="FilesTableviewWebclientPlugin_FolderView" type="text/html"><div class="item folder2" data-bind=" draggablePlace: allowDrag() ? function (file, ctrlOrCmdUsed) { return $parent.dragAndDropHelper(file, ctrlOrCmdUsed); } : null, draggableDragStartCallback: function() { if (allowDrag()) $root.dragover(true); }, draggableDragStopCallback: function() { if (allowDrag()) $root.dragover(false); }, css: {'selected': selected, 'checked': checked, 'deleted': deleted, 'published': published}" > <div class="item_content ui-droppable dragHandle" data-bind="css: {'recivedAnim': recivedAnim()}, droppable: {valueFunc: function (oEvent, oUi) {$root.filesDrop($data, oEvent, oUi);}}"> <div class="image"> <span class="icon"></span> <!-- ko if: sharedWithMe --> <span class="folder_shared_with_me_icon" data-bind="customTooltip: sHeaderText"></span> <!-- /ko --> </div> <div class="name fadeout"> <div data-bind="text: displayName"></div> <div class="data"> <span data-bind="text: sLastModified"></span> </div> </div> <div class="file_states"> <!-- ko if: sharedWithOthers --> <span class="file_shared_icon" data-bind="click: function (oItem) { $root.onFileShareIconClick(oItem); }"></span> <!-- /ko --> <!-- ko if: published --> <span class="file_published_icon" data-bind="click: function (oItem) { $root.onShareIconClick(oItem); }"></span> <!-- /ko --> <!-- ko if: $root.bAllowFavorites && !$root.bPublic --> <span class="file_favorite_icon" data-bind="css: {'favorite_set': favorite }, click: function (oItem) { $root.onFavoriteClick(oItem); }"></span> <!-- /ko --> </div> <div class="clearfix"></div> </div> </div> </script><script id="FilesTableviewWebclientPlugin_ItemsView" type="text/html"><div class="items_sub_list item_list_table_view"> <!-- ko foreach: foldersCollection --> <!-- ko template: {name: 'FilesTableviewWebclientPlugin_FolderView'} --><!-- /ko --> <!-- /ko --> <!-- ko foreach: filesCollection --> <!-- ko template: {name: 'FilesTableviewWebclientPlugin_FileView'} --><!-- /ko --> <!-- /ko --> <div class="item helper"></div> </div> </script><script id="FilesTableviewWebclientPlugin_PaneView" type="text/html"><div id="files_right_panel" class="panel_center file-preview" data-bind="visible: enablePreviewPane, customScrollbar: {x: false}"> <div class="scroll-inner"> <div class="panel_top" data-bind="visible: hasSelectedFile()"> <div class="title-file-info"> <div class="file"> <span class="icon" data-bind="css: extension().toLowerCase()"></span> </div> <div class="file-name" data-bind="text: displayName()"></div> </div> <div class="preview"> <div id="files_view_pane" class="panel_center" data-bind=" visible: showPreview()"></div> <div class="file"> <span class="icon" data-bind="css: extension().toLowerCase(), visible: !showPreview()"></span> </div> </div> <div class="info-title">Object information</div> <div class="file-info"> <span class="title">Type:</span> <div class="data-file" data-bind="text: type()"></div> </div> <div class="file-info"> <span class="title">Size:</span> <div class="data-file" data-bind="text: size()"></div> </div> <!-- <div class="file-info"> <span class="title">Created:</span> <div class="data-file" data-bind="text: created()"></div> </div> --> <div class="file-info"> <span class="title">Modified:</span> <div class="data-file" data-bind="text: modified()"></div> </div> <div class="file-info"> <span class="title">Location:</span> <div class="data-file" data-bind="text: location()"></div> </div> </div> </div> </div></script><script id="FilesTableviewWebclientPlugin_ToggleFilesButtonView" type="text/html"><span class="item item-files-list" data-bind="command: useListFilesViewCommand, css: {'selected': tableView}, customTooltip: 'FILESTABLEVIEWWEBCLIENTPLUGIN/ACTION_USE_LIST_VIEW'">     <span class="icon"></span>     <span class="text" data-bind="i18n: {'key': 'FILESTABLEVIEWWEBCLIENTPLUGIN/ACTION_USE_LIST_VIEW'}"></span> </span> <span class="item item-files-grid" data-bind="command: useGridFilesViewCommand, css: {'selected': !tableView()}, customTooltip: 'FILESTABLEVIEWWEBCLIENTPLUGIN/ACTION_USE_GRID_VIEW'">     <span class="icon"></span>     <span class="text" data-bind="i18n: {'key': 'FILESTABLEVIEWWEBCLIENTPLUGIN/ACTION_USE_GRID_VIEW'}"></span> </span></script><script id="FileViewerWebclientPlugin_ViewPopup" type="text/html"><div class="popup FileViewerWebclientPlugin" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <div class="owl-carousel owl-theme"></div> </div> <span class="helper"></span> </div> </script><script id="MailSensitivityWebclientPlugin_ComposeDropdownView" type="text/html"><span class="item sensitivity" data-bind="dropdown: {'control': false}"> <span class="icon" data-bind="customTooltip: 'MAILSENSITIVITYWEBCLIENTPLUGIN/ACTION_CHANGE_SENSITIVITY'"></span> <span class="text" data-bind="i18n: {'key': 'MAILSENSITIVITYWEBCLIENTPLUGIN/ACTION_CHANGE_SENSITIVITY'}"></span> <span class="icon arrow"></span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content"> <span class="item" data-bind="click: function () {selectedSensitivity(Enums.Sensitivity.Nothing);},    i18n: {'key': 'MAILSENSITIVITYWEBCLIENTPLUGIN/ACTION_SET_NOTHING'},    css: {'selected': selectedSensitivity() === Enums.Sensitivity.Nothing}"></span> <span class="item" data-bind="click: function () {selectedSensitivity(Enums.Sensitivity.Confidential);},    i18n: {'key': 'MAILSENSITIVITYWEBCLIENTPLUGIN/ACTION_SET_CONFIDENTIAL'},    css: {'selected': selectedSensitivity() === Enums.Sensitivity.Confidential}"></span> <span class="item" data-bind="click: function () {selectedSensitivity(Enums.Sensitivity.Private);},    i18n: {'key': 'MAILSENSITIVITYWEBCLIENTPLUGIN/ACTION_SET_PRIVATE'},    css: {'selected': selectedSensitivity() === Enums.Sensitivity.Private}"></span> <span class="item" data-bind="click: function () {selectedSensitivity(Enums.Sensitivity.Personal);},    i18n: {'key': 'MAILSENSITIVITYWEBCLIENTPLUGIN/ACTION_SET_PERSONAL'},    css: {'selected': selectedSensitivity() === Enums.Sensitivity.Personal}"></span> </span> </span> </span> </span> </script><script id="MailSensitivityWebclientPlugin_MessageControlView" type="text/html"><div class="notice" data-bind="visible: visible"> <span data-bind="text: sensitivityText"></span> </div></script><script id="MailNotesPlugin_MessageItemView" type="text/html"><div class="item dragHandle" data-bind="css: { 'unseen': !seen(), 'selected': selected(), 'checked': checked(), 'forwarded': forwarded(), 'answered': answered(), 'deleted': deleted() || threadHideAnimation(), 'nosubject': emptySubject(), 'threaded':  threadPart(), 'show': threadShowAnimation() }"> <div class="item_content"> <span class="controls"> <span class="custom_checkbox" data-bind="click: function () { checked(!checked()); }, css: {'checked': checked()}"> <span class="icon"></span> </span> </span> <span class="data"> <span class="date" data-bind="text: date"></span> <span class="subject fadeout"> <span data-bind="text: subjectForDisplay()"></span> </span> </span> <div class="separator"></div> </div> </div> </script><script id="MailNotesPlugin_MessagePaneView" type="text/html"><div class="panel_center notes_container" data-bind="if: currentMessage() || createMode()"> <div class="message_body_info" data-bind="visible: isLoading, i18n: {'key': 'COREWEBCLIENT/INFO_LOADING'}"></div> <textarea data-bind="value: messageText, visible: !isLoading(), hasFocus: messageText.focused,  valueUpdate: 'keyup', i18n: {'key': 'MAILNOTESPLUGIN/PLACEHOLDER_EMPTY_NOTE', 'type': 'placeholder'}" class="note_edit"></textarea> </div> <div class="panel_bottom notes_container" data-bind="if: currentMessage() || createMode()"> <div class="buttons" data-bind="visible: !isLoading()"> <span class="button" data-bind="text: saveButtonText, click: saveNote"></span> <span class="button contour_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancel"></span> <span class="text hint" data-bind="i18n: {'key': 'MAILNOTESPLUGIN/LABEL_SAVE_HOTKEY'}"></span> </div> </div> </script><script id="SharedContacts_AddressbookSharePopup" type="text/html"><div class="popup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel popup_panel_shares"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="i18n: {'key': 'SHAREDCONTACTS/TITLE_SHARE_ADDRESSBOOK'}"></span> <div class="fields"> <div class="fieldset"> <div class="row row_new_share" data-bind="css: { 'filled': !!selectedTeammateEmail() }"> <input class="input" spellcheck="false" type="text" data-bind="valueUpdate: ['blur', 'afterkeydown'], initDom: selectedTeammateDom, value: selectedTeammateEmail, autocompleteSimple: {callback: autocompleteCallback.bind($data), dataAccessor: selectedTeammateData}" /> <span class="placeholder" data-bind="i18n: {'key': 'SHAREDCONTACTS/LABEL_EMAIL_ADDRESS_OR_NAME'}"></span> <div class="new_share_access_select" data-bind="click: selectAccess, initDom: selectAccessDom"> <span class="dropdown dropdown_right"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content" data-bind="foreach: accessList"> <span class="item" data-bind="text: label,   click: function () { $parent.addNewShare(value); }"></span> </span> </span> </span> <span class="control"></span> </div> </div> <div class="row row_shares_list" data-bind="customScrollbar: {x: false}"> <div class="scroll-inner" data-bind="initDom: sharesScrollAreaDom"> <!-- ko if: shares().length === 0 --> <span class="hint" data-bind="i18n: {'key': 'SHAREDCONTACTS/INFO_NO_SHARES'}"></span> <!-- /ko --> <!-- ko if: shares().length > 0 --> <div class="shares_list shares_list_bordered" data-bind="foreach: shares"> <div class="item item_share"> <span class="title" data-bind="text: publicId, css: { 'title_group': groupId }"></span> <span class="group" data-bind="visible: groupId,   css: {'all_users_group': isAllUsersGroup}" ></span> <span class="del" data-bind="   click: function () { $parent.deleteShare(publicId, groupId); },   style: { visibility: $parent.loadingAddressbookShares() ? 'hidden' : '' }" ></span> <span class="access_select" data-bind="dropdown: {}"> <span class="dropdown_position_fixed"> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content" data-bind="foreach: $parent.accessList"> <span class="item" data-bind="text: label,   css: {'selected': value === $parent.access()},   click: function () { $parent.access(value); }"></span> </span> </span> </span> </span> <span class="link control" data-bind="text: accessText"></span> </span> </div> </div> <!-- /ko --> </div> </div> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: checkAndSaveShares, css: {'disabled': isSaving()}"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup, css: {'disabled': isSaving()}" ></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="SharedContacts_ShareAddressbookControlView" type="text/html"><span class="share_control" data-bind="   visible: !$parent.Shared,   click: function () { openAddressbookSharePopup($parent); },   customTooltip: 'SHAREDCONTACTS/ACTION_SHARE_ADDRESSBOOK'" ></span> <span class="leave_share_control" data-bind="   visible: $parent.Shared,   click: function () { leaveAddressbookShare($parent); },   customTooltip: 'SHAREDCONTACTS/ACTION_LEAVE_SHARE_ADDRESSBOOK'" ></span> </script><script id="CoreMobileWebclient_CommonSettingsFormView" type="text/html"><div class="content-block-title" data-bind="i18n: {'key': 'COREWEBCLIENT/HEADING_COMMON_SETTINGS'}"></div> <div class="content-block"> <div class="block block-strong"> <p class="row" data-bind="visible: aMobileThemes.length > 1"> <span class="label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_MOBILE_THEME'}"></span> <select class="value input" data-bind="value: selectedMobileTheme, options: aMobileThemes"></select> </p> </div> <div class="block block-strong"> <p class="row" data-bind="visible: aLanguages.length > 1"> <span class="label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_LANGUAGE'}"></span> <select class="value input" data-bind="value: selectedLanguage, options: aLanguages, optionsText: 'name', optionsValue: 'value'"></select> </p> </div> <div class="block block-strong"> <p><a href="#" class="button button-fill" data-bind="click: save, i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, visible: !isSaving()"></a></p> <p><a href="#" class="button button-fill color-gray" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}, visible: isSaving()"></a></p> </div> </div> </script><script id="CoreMobileWebclient_FileView" type="text/html"><div class="card" data-bind="css: cssClasses"> <div class="card-header" data-bind="text: sHeaderText, visible: sHeaderText.length > 0"></div> <div class="card-header" data-bind="customTooltip: displayName, text: displayName"></div> <div class="card-content"> <div class="card-content-inner"> <span class="color-gray size" data-bind="text: friendlySize()"></span> <span class="cancel" data-bind="click: function () { $parent.onFileRemove( uploadUid(), $data); }, customTooltip: 'COREMOBILEWEBCLIENT/ACTION_CANCEL'"></span> <span class="image" data-bind="customTooltip: getTooltip(iconAction()), click: function () { executeAction(iconAction()); },  css: {'has_action': iconAction() !== ''}, clickBubble: iconAction() === ''"> <!-- ko if: thumbnailSrc() !== '' --> <img data-bind="attr: {'src': thumbnailSrc()}" /> <span class="icon play" data-bind="click: viewFile, visible: bHasHtmlEmbed"></span> <!-- /ko --> <!-- ko if: thumbnailSrc() === '' --> <span class="icon" data-bind="css: extension().toLowerCase() + (bHasHtmlEmbed ? ' ' + sLinkType.toLowerCase() : '')"></span> <!-- /ko --> </span> <div data-bind="visible: uploaded() && !uploadError() && statusText().length === 0 && !downloading()"> <span class="progress" data-bind="visible: visibleProgress()"> <span data-bind="style: {'width': progressPercent() + '%'}"></span> <span class="progress-percent" data-bind="text: progressPercent() + '%'"></span> </span> <span class="status_text" data-bind="text: statusText(), css: {'error': uploadError()}, customTooltip: statusTooltip, visible: statusText().length > 0"></span> </div> </div> </div> <div class="card-footer" data-bind="visible: allowActions()"> <a class="link" href="javascript: void(0)" data-bind="visible: firstAction().length > 0,  click: function () { executeAction(firstAction()); }, text: getActionText(firstAction()), clickBubble: false"></a> <a class="link" href="javascript: void(0)" data-bind="visible: secondAction().length > 0,  click: function () { executeAction(secondAction()); }, text: getActionText(secondAction()), clickBubble: false"></a> </div> </div> <div class="children" data-bind="visible: subFilesExpanded"> <!-- ko template: {name: 'CoreMobileWebclient_FileView', foreach: subFiles} --><!-- /ko --> </div> <!-- ko foreach: otherTemplates --> <!-- ko if: $data.data() !== null --> <!-- ko template: $data --><!-- /ko --> <!-- /ko --> <!-- /ko --> </script><script id="CoreMobileWebclient_HeaderItemView" type="text/html"><li class="item"> <a class="item-content external" href="#" data-bind="attr: {'class': 'external item-content ' + sName.toLowerCase() + (isCurrent() ? ' current' : ''), href: hash}"> <!-- <div class="item-media aurora-icons"> <i class="icon"></i> </div>--> <div class="item-inner"> <div class="item-title" data-bind="text: linkText"></div> </div> </a> </li></script><script id="CoreMobileWebclient_HeaderView" type="text/html"><div id="apps-list" class="panel panel-right panel-cover"> <div class="content-block"> <div class="list-block"> <ul> <!-- ko foreach: tabs --> <!-- ko template: {name: ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> <li> <div class="item-content" data-bind="click: switchToFullVersion"> <!-- <div class="item-media aurora-icons email full_version"> <i class="icon"></i> </div>--> <div class="item-inner"> <div class="item-title" data-bind="i18n: {'key': 'COREMOBILEWEBCLIENT/ACTION_SHOW_FULL_VERSION'}"></div> </div> </div> </li> <li> <div class="item-content" data-bind="click: logout"> <!-- <div class="item-media aurora-icons logout"> <i class="icon"></i> </div>--> <div class="item-inner"> <div class="item-title" data-bind="i18n: {'key': 'COREMOBILEWEBCLIENT/ACTION_LOGOUT'}"></div> </div> </div> </li> <li data-bind="visible: bDebugMode"> <div class="item-content" data-bind="click: debug"> <div class="item-inner"> <div class="item-title">Debug</div> </div> </div> </li> </ul> </div> </div> </div> </script><script id="CoreMobileWebclient_InformationView" type="text/html"><div class="notifications list-block media-list">     <ul> <li class="notification-item loading" data-bind="css: {'hide': loadingHidden()}"> <div class="item-content"> <div class="item-inner"> <div class="item-title-row"> <div class="item-title" data-bind="html: loadingMessage"></div> </div> </div> </div> </li> <li class="notification-item report" data-bind="css: {'hide': reportHidden()}"> <div class="item-content"> <div class="item-inner"> <div class="item-title-row"> <div class="item-title" data-bind="html: reportMessage"></div> <div class="item-after"> <a href="#" class="close-notification" data-bind="visible: closeReportButtonVisible, click: hideReport">Close</a> </div> </div> </div> </div> </li> <li class="notification-item error" data-bind="css: {'hide': errorHidden(), 'gray': gray()}"> <div class="item-content"> <div class="item-inner"> <div class="item-title-row"> <div class="item-title" data-bind="html: errorMessage"></div> <div class="item-after"> <a href="#" class="close-notification" data-bind="click: selfHideError">Close</a> </div> </div> </div> </div> </li> </ul> </div> </script><script id="CoreMobileWebclient_PageSwitcherView" type="text/html"><span class="pagination" data-bind="visible: pages().length > 0"> <span class="item first aurora-icons" data-bind="customTooltip: 'COREMOBILEWEBCLIENT/ACTION_SHOW_FIRST_PAGE', visible: visibleFirst, click: clickFirstPage"><i class="icon"></i></span> <span class="item prev aurora-icons" data-bind="customTooltip: 'COREMOBILEWEBCLIENT/ACTION_SHOW_PREV_PAGE', visible: visibleFirst, click: clickPreviousPage"><i class="icon"></i></span> <span class="pages" data-bind="foreach: pages"> <span class="item" data-bind="text: number, css: {'current': current}, click: clickFunc"></span> </span> <span class="item next aurora-icons" data-bind="customTooltip: 'COREMOBILEWEBCLIENT/ACTION_SHOW_NEXT_PAGE', visible: visibleLast, click: clickNextPage"><i class="icon"></i></span> <span class="item last aurora-icons" data-bind="customTooltip: 'COREMOBILEWEBCLIENT/ACTION_SHOW_LAST_PAGE', visible: visibleLast, click: clickLastPage"><i class="icon"></i></span> </span> </script><script id="StandardLoginFormMobileWebclient_LoginView" type="text/html"><div class="screen LoginLayout" style="display: none;"> <div class="views"> <!-- Your main view, should have "view-main" class --> <div class="view contacts-view"> <div class="pages"> <div class="page"> <div class="page-content"> <div class="content-block"> <!-- ko if: sCustomLogoUrl === '' --><span class="logo-icon"></span><!-- /ko --> <!-- ko if: sCustomLogoUrl !== '' --><img data-bind="attr: {'src': sCustomLogoUrl}"/><!-- /ko --> <div class="login-screen-title" data-bind="i18n: {'key': 'COREWEBCLIENT/HEADING_LOGIN'}"></div> <form action="#" autocomplete="on" onsubmit="return false;" data-bind="command: loginCommand"> <div class="list-block"> <ul> <li> <div class="item-content" data-bind="css: {'focused': loginFocus(), 'filled': login().length > 0, shake: shake()}"> <div class="item-media aurora-icons email"><i class="icon"></i></div> <div class="item-inner"> <div class="item-input"> <input tabindex="1" name="login" type="text" spellcheck="false" data-bind="value: login, hasfocus: loginFocus, valueUpdate: 'afterkeydown', i18n: {'key': 'COREWEBCLIENT/LABEL_LOGIN', 'type': 'placeholder'}, initDom: loginDom" /> </div> </div> </div> </li> <li> <div class="item-content" data-bind="css: {'focused': passwordFocus(), 'filled': password().length > 0, shake: shake()}"> <div class="item-media aurora-icons password"><i class="icon"></i></div> <div class="item-inner"> <div class="item-input"> <input tabindex="3" class="" name="password" type="password" spellcheck="false" data-bind="value: password, hasfocus: passwordFocus, valueUpdate: 'afterkeydown', i18n: {'key': 'COREWEBCLIENT/LABEL_PASSWORD', 'type': 'placeholder'}, initDom: passwordDom" /> </div> </div> </div> </li> </ul> </div> <!-- ko foreach: beforeButtonsControllers --> <!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> <p> <button type="submit" tabindex="5" class="button button-fill login" data-bind="text: signInButtonText, command: loginCommand" id="selenium_login_signin_button"></button> </p> <div class="row signme" data-bind="visible: bUseSignMe"> <span> <label class="custom_checkbox" data-bind="css: {'checked': signMe, 'focus': signMeFocused}"> <span class="icon"></span> <input id="signme" tabindex="4" type="checkbox" data-bind="checked: signMe, hasfocus: signMeFocused" /> </label> <label class="signme_label" for="signme" data-bind="i18n: {'key': 'STANDARDLOGINFORMMOBILEWEBCLIENT/LABEL_REMEMBER_ME'}"></label> </span> </div> </form> <!----> <div class="description" data-bind="visible: sInfoText !== '', html: sInfoText"></div> <!----> <div class="clear"></div> <div class="description" style="margin-top: 40px;" data-bind="visible: sBottomInfoHtmlText !== '', html: sBottomInfoHtmlText"></div> </div> </div> </div> </div> <!----> </div> </div> </div> </script><script id="ImportExportMailPlugin_ImportExportPopup" type="text/html"><div class="popup import_export" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="i18n: {'key': 'IMPORTEXPORTMAILPLUGIN/POPUP_HEADER'}"></span> <div class="fields"> <div class="fieldset"> <div class="hint" data-bind="i18n: {'key': 'IMPORTEXPORTMAILPLUGIN/POPUP_DESCRIPTION', 'type': 'html'}"></div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'IMPORTEXPORTMAILPLUGIN/POPUP_LABLE_FOLDER'}"></span> <select class="value input" data-bind="value: selectedFolder, options: options, optionsText: 'translatedDisplayName', optionsValue: 'fullName', optionsAfterRender: defaultOptionsAfterRender, valueUpdate: ['blur', 'afterkeydown']"> </select> </div> </div> <div class="buttons"> <span class="button" data-bind="css: {'disabled': processing()}, initDom: uploaderButton"> <span data-bind="text: importButtonText"></span> </span> <span class="button" data-bind="css: {'disabled': processing()}, text: exportButtonText, click: exportMail"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="FilesWebclient_CreateFolderPopup" type="text/html"><div class="popup files_popup create_folder_popup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <div class="fields"> <div class="fieldset"> <div class="row"> <span class="label" data-bind="i18n: {'key': 'FILESWEBCLIENT/HEADING_NEW_FOLDER'}"></span> <input class="value input" spellcheck="false" type="text" maxlength="200" data-bind="hasfocus: folderName.focus, valueUpdate: 'afterkeydown', value: folderName, onEnter: onOKClick, css: {'error': '' !== folderName.error()}" /> <div style="color:red;margin-top:10px;margin-left:150px" data-bind="visible: '' !== folderName.error(), text: folderName.error"></div> </div> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: onOKClick"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="FilesWebclient_CreateLinkPopup" type="text/html"><div class="popup files_popup create_link_popup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <div class="large attachments" data-bind="visible: urlChecked()" style="text-align: center;"> <!-- ko if: fileItem --> <!-- ko template: {name: 'FilesWebclient_FileView', data: fileItem} --><!-- /ko --> <!-- /ko --> </div> <div class="fields"> <div class="fieldset"> <div class="row"> <span class="label" data-bind="i18n: {'key': 'FILESWEBCLIENT/LABEL_EXTERNAL_DOC_URL'}"></span> <input class="value input" spellcheck="false" type="text" maxlength="200" data-bind="valueUpdate: 'afterkeydown', hasfocus: linkFocus, value: link" /> </div> <div class="hint row"> <span class="info" data-bind="i18n: {'key': 'FILESWEBCLIENT/INFO_UPLOAD_FILE_AS_LINK'}"></span> </div> </div> <div class="buttons"> <span class="button" data-bind="css: {'disabled': !urlChecked()}, i18n: {'key': 'FILESWEBCLIENT/ACTION_ADD_SHORTCUT'}, command: saveCommand"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="FilesWebclient_FileView" type="text/html"><!-- ko if: !bIsHidden --> <div class="item file attachment" data-bind=" css: cssClasses, event: allowDrag() ? { 'dragstart': eventDragStart } : null, draggablePlace: allowDrag() ? function (file, ctrlOrCmdUsed) { return $parent.dragAndDropHelper(file, ctrlOrCmdUsed); } : null, draggableDragStartCallback: function() { if (allowDrag()) { $root.dragover(true); } }, draggableDragStopCallback: function() { if (allowDrag()) { $root.dragover(false); } } "> <!-- ko if: (sHeaderText.length > 0) --> <span class="header" data-bind="text: sHeaderText"></span> <!-- /ko --> <span class="item_content ui-droppable dragHandle"> <span class="cancel" data-bind="visible: visibleCancelButton, click: function () { $parent.onFileRemove( uploadUid(), $data); }, customTooltip: 'COREWEBCLIENT/ACTION_CANCEL'"></span> <span class="image" data-bind="customTooltip: getTooltip(iconAction()), click: function () { executeAction(iconAction()); },  css: {'has_action': iconAction() !== ''}, clickBubble: iconAction() === ''"> <!-- ko if: thumbnailSrc() !== '' --> <img data-bind="attr: {'src': thumbnailSrc()}" /> <span class="icon play" data-bind="click: viewFile, visible: bHasHtmlEmbed"></span> <!-- /ko --> <!-- ko if: thumbnailSrc() === '' --> <span class="icon" data-bind="css: extension().toLowerCase() + (bHasHtmlEmbed ? ' ' + sLinkType.toLowerCase() : '')"></span> <!-- /ko --> <!-- ko if: sharedWithMe() && !$root.bPublic --> <span class="file_shared_with_me_icon"></span> <!-- /ko --> </span> <div class="file_states" data-bind="if: !$root.bPublic"> <!-- ko if: bIsSecure --> <span class="file_encrypted_icon" data-bind="click: function (oItem) { $root.onSecureIconClick(oItem); }"></span> <!-- /ko --> <!-- ko if: sharedWithOthers() --> <span class="file_shared_icon" data-bind="click: function (oItem) { $root.onFileShareIconClick(oItem); }"></span> <!-- /ko --> <!-- ko if: allowPublicLink() && published() --> <span class="file_published_icon" data-bind="click: function (oItem) { $root.onShareIconClick(oItem); }"></span> <!-- /ko --> <!-- ko if: $root.bAllowFavorites && !$root.bPublic --> <span class="file_favorite_icon" data-bind="css: {'favorite_set': favorite }, click: function (oItem) { $root.onFavoriteClick(oItem); }"></span> <!-- /ko --> </div> <div class="footer"> <span class="progress" data-bind="visible: visibleProgress()"> <span data-bind="style: {'width': progressPercent() + '%'}"></span> <span class="progress-percent" data-bind="text: progressPercent() + '%'"></span> </span> <span class="status_text" data-bind="text: statusText(), css: {'error': uploadError()}, customTooltip: statusTooltip, visible: statusText().length > 0"></span> <span class="title" data-bind="customTooltip: displayName, css: {entire_line: friendlySize() === ''}"> <span class="name" data-bind="text: displayName"></span> </span> </div> </span> <span class="main_action dragHandle" data-bind="visible: firstAction().length > 0"> <a class="button view" href="javascript: void(0)" data-bind="click: function () { executeAction(firstAction()); }, text: getActionText(firstAction()), clickBubble: false"></a> </span> <div class="buttons" data-bind="visible: allowActions() && uploaded() && !uploadError() && statusText().length === 0 && !downloading() && !visibleProgress()"> <a class="button download" href="javascript: void(0)" data-bind="visible: secondAction().length > 0,  click: function () { executeAction(secondAction()); }, text: getActionText(secondAction()), clickBubble: false"></a> <span class="size" data-bind="text: friendlySize()"></span> </div> </div> <!-- /ko --> </script><script id="FilesWebclient_FilesAdminSettingsView" type="text/html"><div class="panel_top"data-bind="visible: isNoEntity()"> <h2 class="settings_heading" data-bind="i18n: {'key': 'FILESWEBCLIENT/HEADING_SETTINGS_TAB'}"></h2> </div> <div class="panel_center"data-bind="visible: isNoEntity()"> <div class="fields"> <div class="fieldset"> <div class="row"> <span class="label"></span> <span class="value"> <label class="custom_checkbox" data-bind="css: {'checked': enableUploadSizeLimit}"> <span class="icon"></span> <input type="checkbox" id="enableUploadSizeLimit" data-bind="checked: enableUploadSizeLimit" /> </label> <label for="enableUploadSizeLimit" data-bind="i18n: {'key': 'FILESWEBCLIENT/LABEL_ENABLE_UPLOAD_SIZE_LIMIT'}"></label> </span> </div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'FILESWEBCLIENT/LABEL_UPLOAD_SIZE_LIMIT'}"></span> <span class="value"> <input class="input" type="text" data-bind="value: uploadSizeLimitMb, enable: enableUploadSizeLimit, css: {'disabled': !enableUploadSizeLimit()}, valueUpdate: 'afterkeydown', onEnter: save" style="width: 50px; margin-right: 5px;"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_MEGABYTES'}"></span> </span> </div> </div> <div class="buttons"> <span class="button" data-bind="click: save, visible: !isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </span> <span class="button" data-bind="visible: isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}"></span> </span> </div> </div> </div> <div class="panel_top" data-bind="visible: visible()"> <h2 class="settings_heading" data-bind="i18n: {'key': 'FILESWEBCLIENT/HEADING_SETTINGS_TAB_PERSONAL'}"></h2> </div> <div class="panel_center" data-bind="visible: visible()"> <div class="fields"> <div class="fieldset"> <div class="row" style="margin-bottom: 6px;" data-bind="visible: isTenantEntity() || isNoEntity()"> <span class="label" data-bind="i18n: {'key': 'FILESWEBCLIENT/LABEL_TENANT_SPACE_LIMIT'}"></span> <span class="value"> <input class="input" type="text" data-bind="value: tenantSpaceLimitMb, valueUpdate: 'afterkeydown', onEnter: save, visible: allowEditTenantSpaceLimitMb()" style="width: 150px; margin-right: 5px;"> <span data-bind="text: tenantSpaceLimitMb, visible: !allowEditTenantSpaceLimitMb()"></span> <span data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_MEGABYTES'}"></span> </span> </div> <div class="row hint" data-bind="visible: isNoEntity() || isTenantEntity()"> <span class="value" style="margin-left: 150px; display: block;" data-bind="i18n: {'key': 'FILESWEBCLIENT/HINT_TENANT_SPACE_LIMIT'}"></span> </div> <div class="row" style="margin-bottom: 6px;" data-bind="visible: allowEditUserSpaceLimitMb() || isUserEntity()"> <span class="label" data-bind="i18n: {'key': 'FILESWEBCLIENT/LABEL_USER_SPACE_LIMIT'}"></span> <span class="value"> <input class="input" type="text" data-bind="visible: allowEditUserSpaceLimitMb(), value: userSpaceLimitMb, valueUpdate: 'afterkeydown', onEnter: save" style="width: 150px; margin-right: 5px;"> <span data-bind="text: userSpaceLimitMb, visible: !allowEditUserSpaceLimitMb()"></span> <span data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_MEGABYTES'}"></span> </span> </div> <div class="row hint" data-bind="visible: (isNoEntity() || isTenantEntity()) && allowEditUserSpaceLimitMb()"> <span class="value" style="margin-left: 150px; display: block;" data-bind="i18n: {'key': 'FILESWEBCLIENT/HINT_USER_SPACE_LIMIT'}"></span> </div> <div class="row" data-bind="visible: isTenantEntity()"> <span class="label" data-bind="i18n: {'key': 'FILESWEBCLIENT/LABEL_ALLOCATED_SPACE'}"></span> <span class="value"> <span data-bind="text: allocatedSpace()"></span> <span data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_MEGABYTES'}"></span> </span> </div> </div> <div class="buttons"> <span class="button" data-bind="click: savePersonal, visible: !isPersonalSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </span> <span class="button" data-bind="visible: isPersonalSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}"></span> </span> </div> </div> </div> <div class="panel_top" data-bind="visible: visibleCorporate()"> <h2 class="settings_heading" data-bind="i18n: {'key': 'FILESWEBCLIENT/HEADING_SETTINGS_TAB_CORPORATE'}"></h2> </div> <div class="panel_center" data-bind="visible: visibleCorporate()"> <div class="fields"> <div class="fieldset"> <div class="row"> <span class="label" data-bind="i18n: {'key': 'FILESWEBCLIENT/LABEL_CORPORATE_SPACE_LIMIT'}"></span> <span class="value"> <input class="input" type="text" data-bind="value: corporateSpaceLimitMb, valueUpdate: 'afterkeydown', onEnter: save" style="width: 50px; margin-right: 5px;"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_MEGABYTES'}"></span> </span> </div> </div> <div class="buttons"> <span class="button" data-bind="click: saveCorporate, visible: !isCorporateSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </span> <span class="button" data-bind="visible: isCorporateSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}"></span> </span> </div> </div> </div> </script><script id="FilesWebclient_FilesCorporateAdminSettingsView" type="text/html"><div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'FILESWEBCLIENT/HEADING_SETTINGS_TAB_CORPORATE'}"></h2> </div> <div class="panel_center"> <div class="fields"> <div class="fieldset"> <div class="row"> <span class="label" data-bind="i18n: {'key': 'FILESWEBCLIENT/LABEL_CORPORATE_SPACE_LIMIT'}"></span> <span class="value"> <input class="input" type="text" data-bind="value: spaceLimitMb, valueUpdate: 'afterkeydown',  onEnter: save" style="width: 50px; margin-right: 5px;"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_MEGABYTES'}"></span> </span> </div> </div> <div class="buttons"> <span class="button" data-bind="click: save, visible: !isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </span> <span class="button" data-bind="visible: isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}"></span> </span> </div> </div> </div> </script><script id="FilesWebclient_FilesPanelView" type="text/html"><div class="panel_top pathway"> <a data-bind="text: storageDisplayName(), click: function () { routeFiles(storageType(), ''); }, droppable: { valueFunc: storageDroppable() ? function (oEvent, oUi) { filesDrop(null, oEvent, oUi); } : null }"></a> <!-- ko foreach: pathItems() --> <!-- ko if: !$parent.bPublic || $index() > 0 -->&raquo;<!-- /ko --> <!-- ko if: ($index() !== ($parent.pathItems().length - 1)) || $parent.searchPattern() !== '' --> <a data-bind="text: fileName(), click: function () { $parent.routeFiles(storageType(), fullPath()); }, droppable: { valueFunc: allowDrop() ? function (oEvent, oUi) { $root.filesDrop($data, oEvent, oUi); } : null }"></a> <!-- /ko --> <!-- ko if: ($index() === ($parent.pathItems().length - 1)) &&  $parent.searchPattern() === '' --> <b data-bind="text: fileName()"></b> <!-- /ko --> <!-- /ko --> <!-- ko if: searchPattern() !== '' --> &raquo; <b data-bind="i18n: {'key': 'FILESWEBCLIENT/LABEL_SEARCH_RESULTS'}"></b> (<a class="text" data-bind="i18n: {'key': 'FILESWEBCLIENT/LABEL_SEARCH_CLEAR'}, click: clearSearch"></a>) <!-- /ko --> </div> <div class="panel_center unselectable" style="display: flex; overflow: hidden;" data-bind="splitterFlex: {storagePrefix: 'aurora_files_preview_', sizes: [50, 50]}, css: {dragover: dragover()}"> <div id="files_center_panel" style="height: 100%; width: 100%; flex-grow: 1;" data-bind="customScrollbar: {x: false}"> <div class="uploader_mask" data-bind="initDom: uploaderArea, css: {'active': bDragActiveComp}"> <div class="inner"></div> </div> <div class="files_scroll scroll-inner"> <div class="items_list"> <span class="list_notification" data-bind="visible: fileListInfoText()!==''"> <span class="description" data-bind="text: fileListInfoText()"></span> </span> <!-- ko template: {name: itemsViewTemplate} --><!-- /ko --> </div> </div> </div> </div> <div class="panel_bottom folder_stats" data-bind="visible: currentFolderStatsString() != '', text: currentFolderStatsString"></div> </script><script id="FilesWebclient_FilesPersonalAdminSettingsView" type="text/html"><div class="panel_top" data-bind="visible: isVisible()"> <h2 class="settings_heading" data-bind="i18n: {'key': 'FILESWEBCLIENT/HEADING_SETTINGS_TAB_PERSONAL'}"></h2> </div> <div class="panel_center" data-bind="visible: isVisible()"> <div class="fields"> <div class="fieldset"> <div class="row"> <span class="label" data-bind="i18n: {'key': 'FILESWEBCLIENT/LABEL_TENANT_SPACE_LIMIT'}"></span> <span class="value"> <input class="input" type="text" data-bind="value: tenantSpaceLimitMb, valueUpdate: 'afterkeydown',  onEnter: save" style="width: 50px; margin-right: 5px;"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_MEGABYTES'}"></span> </span> </div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'FILESWEBCLIENT/LABEL_USER_SPACE_LIMIT'}"></span> <span class="value"> <input class="input" type="text" data-bind="value: userSpaceLimitMb, valueUpdate: 'afterkeydown',  onEnter: save" style="width: 50px; margin-right: 5px;"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_MEGABYTES'}"></span> </span> </div> </div> <div class="buttons"> <span class="button" data-bind="click: save, visible: !isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </span> <span class="button" data-bind="visible: isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}"></span> </span> </div> </div> </div> </script><script id="FilesWebclient_FilesPub" type="text/html"><!DOCTYPE html> <html> <head> <title></title> {{BaseUrl}} <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- <link type="text/css" rel="stylesheet" href="static/styles/sharing.css"> --> <link type="text/css" rel="stylesheet" href="./static/styles/themes/{{Theme}}/styles.css" /> </head> <body class="public-page-view"> <div class="public-page-card"> <div class="item file"> <div class="item_content"> <span class="data"> <span class="icon {{FileType}}"></span> <span class="name">{{FileName}}</span> <span class="size">{{FileSize}}</span> </span> </div> </div> <span class="buttons"> <a class="button download" href="{{Url}}">Download</a> </span> </div> </body> </html> </script><script id="FilesWebclient_FilesSettingsFormView" type="text/html"><div class="panel_top" data-bind="visible: bShowFilesApps"> <h2 class="settings_heading" data-bind="i18n: {'key': 'FILESWEBCLIENT/HEADING_SETTINGS_TAB'}"></h2> </div> <div class="panel_center" data-bind="visible: bShowFilesApps"> <div class="fields"> <div class="fieldset"> <h2 data-bind="i18n: {'key': 'FILESWEBCLIENT/MOBILE_DAVSYNC_APPS_TITLE'}"></h2> <div class="hint" data-bind="i18n: {'key': 'FILESWEBCLIENT/SERVICES_FILES_ALL_APPSYNC_HINT_SPECIFY'}"></div> <div class="fieldgroup"> <div class="row"> <span class="label" data-bind="i18n: {'key': 'FILESWEBCLIENT/SERVICES_FILES_APPSYNC_SERVER'}"></span> <span class="value" data-bind="text: sAppPath"></span> </div> </div> <div class="hint" data-bind="i18n: {'key': 'FILESWEBCLIENT/SERVICES_FILES_APPSYNC_HINT_CREDENTIALS'}"></div> <a href="https://afterlogic.com/download/AuroraFileSync.msi" target="_blank"><img src="static/styles/images/modules/FilesWebclient/desktop-client.png" style="width: 197px;"></a> <a href="https://itunes.apple.com/app/aurorafiles/id1030108751?mt=8" target="_blank"><img src="static/styles/images/modules/FilesWebclient/appstore.png" style="width: 197px;"></a> <a href="https://play.google.com/store/apps/details?id=com.afterlogic.aurora.files" target="_blank"><img src="static/styles/images/modules/FilesWebclient/playmarket.png" style="width: 197px;"></a>  </div>  </div> </div> </script><script id="FilesWebclient_FilesView" type="text/html"><div class="screen FileStorageLayout no-public" style="display: none;"> <div class="panels" data-bind="splitterFlex: {storagePrefix: 'aurora_files_', sizes: [20, 80]}"> <div class="panel left_panel storages_panel"> <div class="panel_content"> <span class="buttons big_single_button" data-bind="dropdown: { close: isNewItemsMenuOpened }, css: { 'disabled': !isCreateAllowed() }"> <span class="control button"> <span data-bind="i18n: {'key': 'FILESWEBCLIENT/ACTION_NEW_ITEMS'}"></span> <span class="icon arrow"></span> <span class="dropdown button_dropdown"> <span class="dropdown_helper"> <span class="dropdown_content"> <div class="item" data-bind="css: !isCreateAllowed() ? 'disabled' : '', initDom: uploaderButton, click: function () { return isCreateAllowed(); }, i18n: {'key': 'FILESWEBCLIENT/ACTION_UPLOAD_FILES'}"></div> <div class="item" data-bind="command: createFolderCommand, i18n: {'key': 'FILESWEBCLIENT/ACTION_NEW_FOLDER'}"></div> <div class="item" data-bind="command: createShortcutCommand, i18n: {'key': 'FILESWEBCLIENT/ACTION_CREATE_SHORTCUT'}"></div> <!-- ko foreach: createButtonsControllers --> <!-- ko template: {name: $data.ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> </span> </span> </span> </span> </span> <div class="middle_bar" data-bind="css: {'quota_visible': -1 < quotaProc(), 'quota_has_text_below': !bShowQuotaBarTextAsTooltip}"> <!-- ko template: { name: 'FilesWebclient_StoragesPanelView'} --><!-- /ko --> <div class="panel_bottom" data-bind="style: { minHeight: (24 + 16 * aBottomLeftCornerLinks.length) + 'px' }"> <div data-bind="foreach: aBottomLeftCornerLinks" style="font-size: 8pt; line-height: 16px; text-align: center;"> <a target="_blank" data-bind="i18n: {'key': Lang}, attr: {href: Link}" style="display: block; outline: none;"></a> </div> <span class="volumer" data-bind="visible: -1 < quotaProc()"> <span class="volumer_container" data-bind="customTooltip: bShowQuotaBarTextAsTooltip ? quotaDesc() : false"> <span class="used" data-bind="style: {'width': '' + (-1 < quotaProc() ? quotaProc() : 0) + '%' }"></span> </span> <span data-bind="visible: !bShowQuotaBarTextAsTooltip, text: quotaDesc"></span> </span> </div> </div> </div> </div> <div class="panel center_panel files"> <div class="panel_content"> <div class="toolbar" data-bind="template: { name: 'FilesWebclient_ToolbarView'}"></div> <div class="middle_bar" data-bind="template: {name: 'FilesWebclient_FilesPanelView'}"></div> </div> </div> </div> </div> </script><script id="FilesWebclient_FolderView" type="text/html"><div class="item folder"  data-bind=" draggablePlace: allowDrag() ? function (file, ctrlOrCmdUsed) { return $parent.dragAndDropHelper(file, ctrlOrCmdUsed); } : null, draggableDragStartCallback: function() { if (allowDrag()) $root.dragover(true); }, draggableDragStopCallback: function() { if (allowDrag()) $root.dragover(false); }, css: { 'selected': selected, 'checked': checked, 'deleted': deleted, 'published': published, 'incomplete': isIncomplete, 'readonly': readOnly }"> <!-- ko if: (sHeaderText.length > 0) --> <span class="header" data-bind="text: sHeaderText"></span> <!-- /ko --> <div class="item_content ui-droppable dragHandle"  data-bind="css: {'recivedAnim': recivedAnim()}, droppable: {valueFunc: allowDrop() ? function (oEvent, oUi) {$root.filesDrop($data, oEvent, oUi);} : null}"> <div class="image"> <span class="icon animGoal"></span> <!-- ko if: sharedWithMe() && !$root.bPublic --> <span class="folder_shared_with_me_icon"></span> <!-- /ko --> </div> <div class="file_states" data-bind="if: !$root.bPublic"> <!-- ko if: sharedWithOthers() --> <span class="file_shared_icon" data-bind="click: function (oItem) { $root.onFileShareIconClick(oItem); }"></span> <!-- /ko --> <!-- ko if: published() --> <span class="file_published_icon" data-bind="click: function (oItem) { $root.onShareIconClick(oItem); }"></span> <!-- /ko --> <!-- ko if: $root.bAllowFavorites && !$root.bPublic --> <span class="file_favorite_icon" data-bind="css: {'favorite_set': favorite }, click: function (oItem) { $root.onFavoriteClick(oItem); }"></span> <!-- /ko --> </div> <span class="name" data-bind="text: displayName()"></span> <div class="footer" data-bind="visible: isIncomplete"> <span class="progress"> <span data-bind="style: {'width': progressPercent() + '%'}"></span> <span class="progress-percent" data-bind="text: progressPercent() + '%'"></span> </span> </div> <div class="separator"></div> </div> </div> </script><script id="FilesWebclient_ItemsView" type="text/html"><div class="items_sub_list large attachments" data-bind="columnCalc: {'prop': columnCount, 'itemSelector': '.item.helper'}"> <!-- ko foreach: foldersCollection --> <!-- ko template: {name: 'FilesWebclient_FolderView'} --><!-- /ko --> <!-- /ko --> <!-- ko foreach: filesCollection --> <!-- ko template: {name: 'FilesWebclient_FileView'} --><!-- /ko --> <!-- /ko --> <div class="item helper"></div> </div> </script><script id="FilesWebclient_MobileSyncSettingsView" type="text/html"><div class="fieldset"> <h2 class="subheading" data-bind="i18n: {'key': 'FILESWEBCLIENT/HEADING_DAV_ACCESS'}"></h2> <div class="hint" data-bind="i18n: {'key': 'FILESWEBCLIENT/INFO_DAV_ACCESS'}"></div> <div class="fieldgroup"> <div class="row"> <span class="label" data-bind="i18n: {'key': 'FILESWEBCLIENT/LABEL_FILES'}"></span> <span class="value" data-bind="text: davServer() + 'files'"></span> </div> </div> <div class="hint" data-bind="html: credentialsHintText"></div> <div class="hint" data-bind="i18n: {'key': 'COREWEBCLIENT/INFO_DEMO_MOBILE_CREDENTIALS_HTML', 'type': 'html'}, visible: bDemo"></div> </div> </script><script id="FilesWebclient_NotFound" type="text/html"><!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- <link type="text/css" rel="stylesheet" href="static/styles/sharing.css"> --> <link type="text/css" rel="stylesheet" href="./static/styles/themes/{{Theme}}/styles.css" /> </head> <body class="public-page-view"> <div class="public-page-card"> <div class="item file"> <div class="item_content"> <span class="data"> {{NotFound}} </span> </div> </div> </div> </body> </html> </script><script id="FilesWebclient_PublicFilesView" type="text/html"><div class="screen FileStorageLayout public" style="display: none;"> <div class="panels"> <div class="panel files"> <div class="panel_content"> <div class="toolbar" data-bind="template: { name: 'FilesWebclient_PublicToolbarView'}"></div> <div class="middle_bar" data-bind="template: {name: 'FilesWebclient_FilesPanelView'}"></div> </div> </div> </div> </div></script><script id="FilesWebclient_PublicToolbarView" type="text/html"><span class="content"> <!-- ko template: { name: 'FilesWebclient_Toolbar_DownloadButtonView'} --><!-- /ko --> </span></script><script id="FilesWebclient_RenamePopup" type="text/html"><div class="popup files_popup rename_popup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <div class="fields"> <div class="fieldset"> <div class="row"> <span class="label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_NAME'}"></span> <input class="value input" spellcheck="false" type="text" maxlength="100" data-bind="hasfocus: focused, valueUpdate: 'afterkeydown', value: name, onEnter: onOKClick, css: {'error': '' !== error()}" /> <div style="color:red;margin-top:10px;margin-left:150px" data-bind="visible: '' !== error(), text: error"></div> </div> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: onOKClick"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="FilesWebclient_SelectFilesPopup" type="text/html"><div class="popup files_popup select_from_files_popup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <div class="panels"> <div class="panel left_panel storages_panel"> <div class="panel_content"> <div class="middle_bar"  data-bind="template: {name: 'FilesWebclient_StoragesPanelView', data: filesView}" ></div> </div> </div> <div class="panel files"> <div class="panel_content"> <div class="middle_bar"  data-bind="template: {name: 'FilesWebclient_FilesPanelView', data: filesView}" ></div> </div> </div> </div> <div class="buttons"> <span class="button"   data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SELECT'}, click: selectFiles" ></span> <span class="button secondary_button"   data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CLOSE'}, click: closePopup" ></span> </div> </div> <span class="helper"></span> </div> </script><script id="FilesWebclient_SharePopup" type="text/html"><div class="popup files_popup share_popup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <div class="fields"> <div class="fieldset"> <div class="row"> <span class="label" data-bind="i18n: {'key': 'FILESWEBCLIENT/LABEL_PUBLIC_LINK'}"></span> <input readonly="readonly" spellcheck="false" class="value input" type="text" maxlength="255" data-bind="hasfocus: pubFocus, value: pub, click: function () {$element.select();}" /> </div> </div> <div class="buttons"> <span class="button contour_button" data-bind="i18n: {'key': 'FILESWEBCLIENT/ACTION_SHOW_HISTORY'}, click: showHistory, visible: bAllowShowHistory"></span> <span class="button remove" data-bind="i18n: {'key': 'FILESWEBCLIENT/ACTION_REMOVE_PUBLIC_LINK'}, click: onCancelSharingClick"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CLOSE'}, click: cancelPopup"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="FilesWebclient_StoragesPanelView" type="text/html"><div class="panel_center" data-bind="customScrollbar: {x: false}"> <div class="scroll-inner"> <div class="items_list collapsible"> <!-- ko foreach: storages --> <!-- ko if: !hideInList --> <div class="item canSelect" data-bind="css: {'selected': type === $parent.storageType()}"> <a href="javascript: void(0);" class="title" data-bind=" droppable: { valueFunc: function (oEvent, oUi) { $parent.filesDrop($data, oEvent, oUi); }, switchObserv: droppableDisabled }, click: function () { $parent.routeFiles(type); }"> <span class="name"> <span class="icon" data-bind="css: 'type' + type"></span> <span class="text" data-bind="text: displayName"></span> </span> </a> </div> <!-- /ko --> <!-- /ko --> <!-- ko foreach: storageControllers --> <!-- ko if: $data.ViewTemplate --> <!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> <!-- /ko --> </div> </div> </div> </script><script id="FilesWebclient_ToolbarView" type="text/html"><span class="content"> <span class="search_block"> <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: newSearchPattern, onEnter: onSearch, valueUpdate: 'afterkeydown'" /> </span> </span> <!-- ko template: { name: 'FilesWebclient_Toolbar_DownloadButtonView'} --><!-- /ko --> <span class="item checkstate command" data-bind="command: checkstateCommand, checkstate: {'activeClass': 'process', 'state': loading(), 'duration': 800}"> <span class="icon"></span> </span> <span class="item send_files command" data-bind="visible: bAllowSendEmails, command: sendCommand, customTooltip: 'FILESWEBCLIENT/ACTION_SEND_FILES'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'FILESWEBCLIENT/ACTION_SEND_FILES'}"></span> </span> <span class="item edit" data-bind="command: renameCommand, customTooltip: 'FILESWEBCLIENT/ACTION_RENAME'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'FILESWEBCLIENT/ACTION_RENAME'}"></span> </span> <span class="item publish" data-bind="visible: !isExternalStorage() && PublicLinksEnabled, command: createPublicLinkCommand, customTooltip: 'FILESWEBCLIENT/ACTION_CREATE_PUBLIC_LINK'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'FILESWEBCLIENT/ACTION_CREATE_PUBLIC_LINK'}"></span> </span> <span class="item delete" data-bind="command: deleteCommand, customTooltip: 'COREWEBCLIENT/ACTION_DELETE'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_DELETE'}"></span> <span class="hint" data-bind="text: itemsToDeleteCount, visible: isDeleteAllowed()"></span> </span> <span class="item restore" data-bind="command: restoreCommand, customTooltip: 'FILESWEBCLIENT/ACTION_RESTORE'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'FILESWEBCLIENT/ACTION_RESTORE'}"></span> <span class="hint" data-bind="text: itemsToRestoreCount, visible: isRestoreAllowed()"></span> </span> <!-- ko template: {name: 'FilesWebclient_Toolbar_SortButtonView', if: bSortEnabled,} --><!-- /ko --> <!-- ko foreach: addToolbarButtons --> <!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> </span> </script><script id="FilesWebclient_Toolbar_DownloadButtonView" type="text/html"><span class="item download" data-bind="command: downloadCommand, customTooltip: 'FILESWEBCLIENT/ACTION_DOWNLOAD_FILE'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'FILESWEBCLIENT/ACTION_DOWNLOAD_FILE'}"></span> </span> </script><script id="FilesWebclient_Toolbar_SortButtonView" type="text/html"><span class="item sort" data-bind="dropdown: {control: false}, css: {'sort_asc': sortOrder() === Enums.SortOrder.Asc, 'sort_desc': sortOrder() === Enums.SortOrder.Desc}, customTooltip: 'COREWEBCLIENT/ACTION_SORT_BY'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SORT_BY'}"></span> <!-- <span class="icon arrow"></span> --> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content" data-bind="foreach: aSortList"> <span class="item" data-bind="click: function () { $parent.executeSort(sSortBy); }, css: {'selected': $parent.sortBy() === sSortBy}"> <span data-bind="text: sText"></span> <span class="sort-order-icon" data-bind="visible: $parent.sortBy() === sSortBy, css: {'sort-order-desc-icon': $parent.sortOrder() === Enums.SortOrder.Desc}"></span> </span> </span> </span> </span> </span> </script><script id="ContactsWebclient_AddressBooksSettingsFormView" type="text/html"><div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_MANAGE_ADDRESSBOOKS'}"></h2> </div> <div class="panel_center"> <div class="fields" data-bind="visible: !loading() && addressBooks().length === 0"> <div class="fieldset"> <div class="hint" style="margin: 0;" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/INFO_NO_ADDRESSBOOKS'}"></div> </div> </div> <div> <div class="items_list simple_list" data-bind="visible: addressBooks().length > 0"> <div data-bind="foreach: addressBooks"> <div class="item account"> <span class="link delete" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_DELETE'}, click: function () {$parent.deleteAddressBook(EntityId, DisplayName);}"></span> <span class="link edit" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_EDIT'}, click: function () {$parent.editAddressBook(EntityId, DisplayName);}"></span> <span class="title" data-bind="text: DisplayName"></span> </div> </div> </div> <div class="buttons"> <span class="button" data-bind="click: addAddressBook"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_ADD_ADDRESSBOOK'}"></span> </span> </div> </div> </div> </script><script id="ContactsWebclient_ContactCardView" type="text/html"><div class="dropdown_container" data-bind="customScrollbar: {x: false}"> <div class="scroll-inner"> <div class="fields"> <div class="fieldset"> <div class="row" data-bind="visible: displayName() || nickName()"> <span class="value"> <span class="stroke" data-bind="visible: displayName(), text: displayName"></span> <span data-bind="visible: nickName()"> (<span class="stroke" data-bind="visible: nickName(), text: nickName"></span>) </span> </span> </div> <div class="row" data-bind="visible: email()"> <span data-bind="text: email, makeLinkComposeMailTo: getFullEmail()"></span> </div> <div class="row" data-bind="visible: firstName() || lastName()"> <span class="value"> <span class="stroke" data-bind="visible: firstName(), text: firstName"></span> <span class="stroke" data-bind="visible: lastName(), text: lastName"></span> </span> </div> <div class="row" data-bind="visible: '' !== skype()"> <span class="stroke"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_SKYPE'}"></span> </span> <a href="javascript: void(0)" data-bind="attr: {href: 'skype:' + skype()}"> <span class="stroke" data-bind="text: skype"></span> </a> </div> <div class="row" data-bind="visible: '' !== facebook()"> <span class="stroke"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_FACEBOOK'}"></span> </span> <a class="stroke" href="javascript: void(0)" target="_blank" data-bind="visible: isStrLink(facebook()), attr: {href: facebook}"> <span class="value" data-bind="text: facebook"></span> </a> <span class="stroke" data-bind="visible: !isStrLink(facebook()), text: facebook"></span> </div> </div> <div class="fieldset" data-bind="if: !personalIsEmpty()"> <h2 data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_BASIC_INFO'}"></h2> <div class="row" data-bind="visible: personalStreetAddress()"> <span class="value"> <span class="stroke" data-bind="text: personalStreetAddress"></span> </span> </div> <div class="row" data-bind="visible: personalCity() || personalState() || personalCountry() || personalZipCode()"> <span class="value"> <span class="stroke" data-bind="visible: personalCity(), text: personalCity"></span> <span data-bind="visible: (personalState() && personalCity())">, </span> <span class="stroke" data-bind="visible: personalState(), text: personalState"></span> <span data-bind="visible: (personalCountry() && personalState())">, </span> <span class="stroke" data-bind="visible: personalCountry(), text: personalCountry"></span> <span data-bind="visible: (personalCountry() && personalZipCode())">, </span> <span class="stroke" data-bind="visible: personalZipCode(), text: personalZipCode"></span> </span> </div> <div class="row" data-bind="visible: (personalEmail() && personalEmail() !== email())"> <span class="value"> <span data-bind="text: personalEmail, makeLinkComposeMailTo: getFullEmail(personalEmail())"></span> </span> </div> <div class="row" data-bind="visible: personalWeb()"> <a class="button" target="_blank" data-bind="text: personalWeb, attr: {'href': '//' + personalWeb() }"></a> </div> <div class="row" data-bind="visible: (personalFax() || personalPhone())"> <span class="value"> <span class="stroke" data-bind="visible: personalPhone(), i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_PHONE'}"></span> <span class="stroke" data-bind="visible: (personalFax() && personalPhone())">/</span> <span class="stroke" data-bind="visible: personalFax(), i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_FAX'}"></span> <span class="stroke" data-bind="visible: personalPhone(), text: personalPhone"></span> <span class="stroke" data-bind="visible: (personalFax() && personalPhone() && (personalFax() !== personalPhone()))">/</span> <span class="stroke" data-bind="visible: (personalFax() && (personalFax() !== personalPhone())), text: personalFax"></span> </span> </div> <div class="row" data-bind="visible: personalMobile()"> <span class="value"> <span class="stroke" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_MOBILE'}"></span> <span data-bind="text: personalMobile"></span> </span> </div> </div> <div class="fieldset" data-bind="if: !businessIsEmpty()"> <h2 data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_BUSINESS_INFO'}"></h2> <div class="row" data-bind="visible: (businessEmail() && businessEmail() !== email())"> <span class="value"> <span data-bind="text: businessEmail, makeLinkComposeMailTo: getFullEmail(businessEmail())"></span> </span> </div> <div class="row" data-bind="visible: businessCompany()"> <span class="value"> <span class="stroke" data-bind="visible: businessDepartment(), i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_WORK_IN'}"></span> <span class="stroke" data-bind="visible: businessCompany(), text: businessCompany"></span> <span data-bind="visible: (businessDepartment() && businessCompany())">, </span> <span class="stroke" data-bind="visible: businessDepartment(), text: businessDepartment"></span> <span data-bind="visible: (businessCompany() && businessJob())">, </span> <span class="stroke" data-bind="visible: businessJob(), text: businessJob"></span> </span> </div> <div class="row" data-bind="visible: businessStreetAddress() || businessOffice()"> <span class="value"> <span class="stroke" data-bind="visible: businessStreetAddress(), text: businessStreetAddress"></span> <span data-bind="visible: (businessStreetAddress() && businessOffice())">, </span> <span class="stroke" data-bind="visible: businessOffice(), i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_OFFICE'}"></span> <span class="stroke" data-bind="visible: businessOffice(), text: businessOffice"></span> </span> </div> <div class="row" data-bind="visible: businessCity() || businessState() || businessCountry() || businessZipCode()"> <span class="value"> <span class="stroke" data-bind="visible: businessCity(), text: businessCity"></span> <span data-bind="visible: (businessState() && businessCity())">, </span> <span class="stroke" data-bind="visible: businessState(), text: businessState"></span> <span data-bind="visible: (businessCountry() && businessState())">, </span> <span class="stroke" data-bind="visible: businessCountry(), text: businessCountry"></span> <span data-bind="visible: (businessCountry() && businessZipCode())">, </span> <span class="stroke" data-bind="visible: businessZipCode(), text: businessZipCode"></span> </span> </div> <div class="row" data-bind="visible: businessWeb()"> <span class="value"> <a class="button" target="_blank" data-bind="text: businessWeb, attr: {'href': '//' + businessWeb() }"></a> </span> </div> <div class="row" data-bind="visible: (businessFax() || businessPhone())"> <span class="value"> <span class="stroke" data-bind="visible: businessPhone(), i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_PHONE'}"></span> <span class="stroke" data-bind="visible: (businessFax() && businessPhone())">/</span> <span class="stroke" data-bind="visible: businessFax(), i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_FAX'}"></span> <span class="stroke" data-bind="visible: businessPhone(), text: businessPhone"></span> <span class="stroke" data-bind="visible: (businessFax() && businessPhone() && (businessFax() !== businessPhone()))">/</span> <span class="stroke" data-bind="visible: (businessFax() && (businessFax() !== businessPhone())), text: businessFax"></span> </span> </div> </div> <div class="fieldset" data-bind="if: !otherIsEmpty()"> <h2 data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_OTHER_INFO'}"></h2> <div class="row" data-bind="visible: otherBirthday()"> <span class="value"> <span class="stroke" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_BORN'}"></span> <span class="stroke" data-bind="text: otherBirthday"></span> </span> </div> <div class="row" data-bind="visible: (otherEmail() && otherEmail() !== email())"> <span class="value"> <span data-bind="text: otherEmail, makeLinkComposeMailTo: getFullEmail(otherEmail())"></span> </span> </div> <div class="row" data-bind="visible: otherNotes()"> <span class="stroke" data-bind="text: otherNotes"></span> </div> </div> </div> </div> </div> <div class="buttons buttons_position" data-bind="visible: $root.bAllowComposeMessageToAddresses || $root.bAllowSearchMessagesInCurrentFolder && hasEmails()"> <a class="link" href="javascript: void(0)" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_SEND_MAIL'}, makeLinkComposeMailTo: getFullEmail()" style="display: none;"></a> <span class="link" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_VIEW_CONTACT_MAILS'}, click: function () {$root.searchMessagesInCurrentFolder('email:' + getEmailsString());}, visible: $root.bAllowSearchMessagesInCurrentFolder && hasEmails()"></span> </div> </script><script id="ContactsWebclient_ContactCardsView" type="text/html"><!-- ko foreach: contacts --> <div class="item_viewer" style="position: absolute;" data-bind="attr: {'data-email': email}"> <span class="dropdown control contact_card"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content dropdown_content_mail" data-bind="template: {name: 'ContactsWebclient_ContactCardView'}"> </span> </span> </span> </div> <!-- /ko --> </script><script id="ContactsWebclient_ContactView" type="text/html"><div class="panel_top"> <!-- ko template: { name: 'ContactsWebclient_Toolbar_ContactView'} --><!-- /ko --> <h2 class="contacts_heading" data-bind="visibility: '' !== displayName(), text: displayName()"></h2> <span class="mailto_link" data-bind="text: email(), visible: !$root.bAllowComposeMessageToAddresses"></span> <span class="mailto_link" data-bind="makeLinkComposeMailTo: getFullEmail(),  customTooltip: $root.bAllowComposeMessageToAddresses ? 'CONTACTSWEBCLIENT/ACTION_EMAIL_TO_CONTACT' : '', text: email(), visible: $root.bAllowComposeMessageToAddresses"> </span> </div> <div class="decor"></div> <div class="panel_center"> <div class="buttons" data-bind="visible: !readOnly() && !$root.isSelectedAddressbookSharedForReading()"> <span class="button edit" data-bind="click: function () { edited(true); }"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_EDIT_CONTACT'}"></span> </span> </div> <div data-bind="customScrollbar: {x: false}"> <div class="contact_content scroll-inner"> <div class="contact_data_groups"> <div class="fields"> <div class="fieldset"> <div class="row" data-bind="visible: '' !== firstName()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_FIRST_NAME'}"></span>: </span> <span class="value" data-bind="text: firstName"></span> </div> <div class="row" data-bind="visible: '' !== lastName()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_LAST_NAME'}"></span>: </span> <span class="value" data-bind="text: lastName"></span> </div> <div class="row" data-bind="visible: '' !== nickName()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_NICK_NAME'}"></span>: </span> <span class="value" data-bind="text: nickName"></span> </div> <div class="row" data-bind="visible: '' !== skype()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_SKYPE'}"></span>: </span> <a href="javascript: void(0)" data-bind="attr: {href: 'skype:' + skype()}"> <span class="value" data-bind="text: skype"></span> </a> </div> <div class="row" data-bind="visible: '' !== facebook()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_FACEBOOK'}"></span>: </span> <a href="javascript: void(0)" target="_blank" data-bind="visible: isStrLink(facebook()), attr: {href: facebook}"> <span class="value" data-bind="text: facebook"></span> </a> <span class="value" data-bind="visible: !isStrLink(facebook()), text: facebook"></span> </div> </div> </div> <div class="fields basic" data-bind="visible: !personalIsEmpty()"> <h2 class="subheading" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_BASIC_INFO'}"></h2> <div class="fieldset"> <div class="row email" data-bind="visible: '' !== personalEmail()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_PERSONAL_EMAIL'}"></span>: </span> <span class="value" data-bind="text: personalEmail"></span> </div> </div> <div class="fieldset address" data-bind="visible: personalStreetAddress() || personalCity() || personalState() || personalCountry() || personalZipCode()"> <span class="label address" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_ADDRESS'}"></span> <div class="row flex street" data-bind="visible: '' !== personalStreetAddress()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_STREET_ADDRESS'}"></span>: </span> <span class="value pre" data-bind="text: personalStreetAddress"></span> </div> <div class="row city" data-bind="visible: '' !== personalCity()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_CITY'}"></span>: </span> <span class="value" data-bind="text: personalCity"></span> </div> <div class="row state" data-bind="visible: '' !== personalState()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_STATE_PROVINCE'}"></span>: </span> <span class="value" data-bind="text: personalState"></span> </div> <div class="row zipcode" data-bind="visible: '' !== personalZipCode()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_ZIP_CODE'}"></span>: </span> <span class="value" data-bind="text: personalZipCode"></span> </div> <div class="row country" data-bind="visible: '' !== personalCountry()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_COUNTRY_REGION'}"></span>: </span> <span class="value" data-bind="text: personalCountry"></span> </div> </div> <div class="fieldset"> <div class="row webpage" data-bind="visible: '' !== personalWeb()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_WEB_PAGE'}"></span>: </span> <span class="value" data-bind="text: personalWeb"></span> </div> <div class="row fax" data-bind="visible: '' !== personalFax()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_FAX'}"></span>: </span> <span class="value" data-bind="text: personalFax"></span> </div> <div class="row phone" data-bind="visible: '' !== personalPhone()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_PHONE'}"></span>: </span> <span class="value" data-bind="text: personalPhone"></span> </div> <div class="row mobile" data-bind="visible: '' !== personalMobile()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_MOBILE'}"></span>: </span> <span class="value" data-bind="text: personalMobile"></span> </div> </div> </div> <div class="fields business" data-bind="visible: !businessIsEmpty()"> <h2 class="subheading" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_BUSINESS_INFO'}"></h2> <div class="fieldset"> <div class="row email" data-bind="visible: '' !== businessEmail()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_BUSINESS_EMAIL'}"></span>: </span> <span class="value" data-bind="text: businessEmail"></span> </div> <div class="row company" data-bind="visible: '' !== businessCompany()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_COMPANY'}"></span>: </span> <span class="value" data-bind="text: businessCompany"></span> </div> <div class="row department" data-bind="visible: '' !== businessDepartment()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_DEPARTMENT'}"></span>: </span> <span class="value" data-bind="text: businessDepartment"></span> </div> <div class="row job" data-bind="visible: '' !== businessJob()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_JOB_TITLE'}"></span>: </span> <span class="value" data-bind="text: businessJob"></span> </div> <div class="row office" data-bind="visible: '' !== businessOffice()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_OFFICE'}"></span>: </span> <span class="value" data-bind="text: businessOffice"></span> </div> </div> <div class="fieldset address" data-bind="visible: businessStreetAddress() || businessCity() || businessState() || businessZipCode() || businessCountry()"> <span class="label address" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_ADDRESS'}"></span> <div class="row flex street" data-bind="visible: '' !== businessStreetAddress()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_STREET_ADDRESS'}"></span>: </span> <span class="value pre" data-bind="text: businessStreetAddress"></span> </div> <div class="row city" data-bind="visible: '' !== businessCity()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_CITY'}"></span>: </span> <span class="value" data-bind="text: businessCity"></span> </div> <div class="row state" data-bind="visible: '' !== businessState()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_STATE_PROVINCE'}"></span>: </span> <span class="value" data-bind="text: businessState"></span> </div> <div class="row zipcode" data-bind="visible: '' !== businessZipCode()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_ZIP_CODE'}"></span>: </span> <span class="value" data-bind="text: businessZipCode"></span> </div> <div class="row country" data-bind="visible: '' !== businessCountry()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_COUNTRY_REGION'}"></span>: </span> <span class="value" data-bind="text: businessCountry"></span> </div> </div> <div class="fieldset"> <div class="row webpage" data-bind="visible: '' !== businessWeb()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_WEB_PAGE'}"></span>: </span> <span class="value" data-bind="text: businessWeb"></span> </div> <div class="row fax" data-bind="visible: '' !== businessFax()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_FAX'}"></span>: </span> <span class="value" data-bind="text: businessFax"></span> </div> <div class="row phone" data-bind="visible: '' !== businessPhone()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_PHONE'}"></span>: </span> <span class="value" data-bind="text: businessPhone"></span> </div> </div> </div> <div class="fields other" data-bind="visible: !otherIsEmpty()"> <h2 class="subheading" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_OTHER_INFO'}"></h2> <div class="fieldset"> <div class="row birthday" data-bind="visible: !birthdayIsEmpty()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_BIRTHDAY'}"></span>: </span> <span class="value"> <span data-bind="text: otherBirthday"></span> </span> </div> <div class="row email" data-bind="visible: '' !== otherEmail()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_OTHER_EMAIL'}"></span>: </span> <span class="value" data-bind="text: otherEmail"></span> </div> <div class="row flex notes" data-bind="visible: '' !== otherNotes()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_NOTES'}"></span>: </span> <span class="value pre" data-bind="text: otherNotes"></span> </div> </div> </div> <div class="fields groups" data-bind="visible: isOpenPgpEnabled && !pgpSettingsEmpty()"> <h2 class="subheading" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_PGP_SETTINGS'}"></h2> <div class="fieldset"> <div class="row key" data-bind="visible: '' !== publicPgpKey()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_PUBLIC_PGP_KEY'}"></span>: </span> <span class="value" data-bind="text: publicPgpKeyView()"></span> <!-- ko if: !readOnly() && $root.oPgpKeyControlsView --> <!-- ko template: { name: $root.oPgpKeyControlsView.ViewTemplate, data: $root.oPgpKeyControlsView} --><!-- /ko --> <!-- /ko --> </div> <!-- ko if: showEncryptSignFlags --> <div class="row"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/INFO_ENCRYPT_SIGN_MESSAGES'}"></span> </div> <div class="row"> <span class="label"> <label class="custom_checkbox" data-bind="css: {'checked': pgpEncryptMessages}"> <span class="icon"></span> <input type="checkbox" id="pgpEncryptMessages" data-bind="checked: pgpEncryptMessages" /> </label> <label for="pgpEncryptMessages"    data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_ENCRYPT_MESSAGES'}" ></label> </span> </div> <div class="row"> <span class="label"> <label class="custom_checkbox" data-bind="css: {'checked': pgpSignMessages}"> <span class="icon"></span> <input type="checkbox" id="pgpSignMessages" data-bind="checked: pgpSignMessages" /> </label> <label for="pgpSignMessages"    data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_SIGN_MESSAGES'}" ></label> </span> </div> <div class="row buttons buttons_inline"> <span class="button contour_button"   data-bind="command: $root.saveEncryptSignFlagsCommand,   visible: !$root.isSaving()" > <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_APPLY'}"></span> </span> <span class="button contour_button" data-bind="visible: $root.isSaving"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_APPLY_IN_PROGRESS'}"></span> </span> </div> <!-- /ko --> </div> </div> <div class="fields groups" data-bind="visible: 0 < $root.groupsInContactView($data).length"> <h2 class="subheading" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_GROUPS'}"></h2> <div class="fieldset"> <div class="row" data-bind="foreach: $root.groupsInContactView($data)"><span data-bind="visible: $index() !== 0">, </span> <span class="link" data-bind="text: Name(), click: function () { $root.onViewGroupClick($data); }"></span></div> </div> </div> </div> <div class="fields_switcher" data-bind="visible: $root.bAllowSearchMessagesInInbox && hasEmails()"> <span class="link" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_SEE_EMAILS_WITH_CONTACT'}, click: function () {$root.searchMessagesInInbox('email:' + getEmailsString());}"></span> </div> </div> </div> </div> </script><script id="ContactsWebclient_ContactsScreenView" type="text/html"><div class="screen ContactsLayout" style="display: none;" data-bind="css: 'storage_' + selectedStorage()"> <div class="panels" data-bind="splitterFlex: {storagePrefix: 'aurora_contacts_', sizes: [20, 20, 60]}"> <div class="panel left_panel groups_panel" data-splitter="groups"> <div class="panel_content"> <!-- ko template: { name: 'ContactsWebclient_Toolbar_GroupsView'} --><!-- /ko --> <div class="middle_bar"> <!-- ko template: { name: 'ContactsWebclient_GroupsView', data: $data} --><!-- /ko --> </div> </div> </div> <div class="panel center_panel contacts_panel"> <div class="panel_content"> <!-- ko template: { name: 'ContactsWebclient_Toolbar_ContactsView'} --><!-- /ko --> <div class="middle_bar" data-bind="template: {name: 'ContactsWebclient_ContactsView'}"></div> </div> </div> <div class="panel item_viewer contact_viewer" data-bind="css: 'contact_' + (selectedContact() && selectedContact().storage())"> <div class="panel_content"> <div class="middle_bar contact" data-bind="visible: selectedContact() && !selectedContact().edited(), with: selectedContact"> <!-- ko template: { name: 'ContactsWebclient_ContactView', data: $data} --><!-- /ko --> </div> <div class="middle_bar edit_contact" data-bind="visible: selectedContact() && selectedContact().edited(), with: selectedContact" id="selenium_contacts_edit_form"> <!-- ko template: { name: 'ContactsWebclient_EditContactView', data: $data } --><!-- /ko --> </div> <div class="middle_bar group" data-bind="visible: selectedGroup() && !selectedGroup().edited(), with: selectedGroup"> <!-- ko template: { name: 'ContactsWebclient_GroupView', data: $data } --><!-- /ko --> </div> <div class="middle_bar edit_group" data-bind="visible: selectedGroup() && selectedGroup().edited(), with: selectedGroup" id="selenium_contacts_edit_group_form"> <!-- ko template: { name: 'ContactsWebclient_EditGroupView', data: $data } --><!-- /ko --> </div> <div class="middle_bar import" data-bind="visible: oImportView.visibility()"> <!-- ko template: { name: oImportView.ViewTemplate, data: oImportView } --><!-- /ko --> </div> </div> </div> </div> </div> </script><script id="ContactsWebclient_ContactsSettingsFormView" type="text/html"><div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_SHOW_CONTACTS'}"></h2> </div> <div class="panel_center"> <div class="fields"> <div class="fieldset"> <div class="row"> <span class="label" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_CONTACTS_PER_PAGE'}"></span> <select class="value input" data-bind="options: contactsPerPageValues, value: contactsPerPage"></select> </div> </div> <div class="buttons"> <span class="button" data-bind="click: save, visible: !isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </span> <span class="button" data-bind="visible: isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}"></span> </span> </div> </div> </div> </script><script id="ContactsWebclient_ContactsView" type="text/html"><div class="panel_top"> <label class="custom_checkbox" data-bind="css: {'checked': checkAll, 'incomplete': checkAllIncomplite}"> <span class="icon"></span> <input type="checkbox" data-bind="checked: checkAll" /> </label> <span class="search_block"> <span class="input" data-bind="css: {'focus': isSearchFocused}"> <span class="icon search" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SEARCH'}, click: searchSubmitCommand"></span> <input class="field" type="text" data-bind="valueUpdate: 'afterkeydown', value: searchInput, onEnter: searchSubmitCommand, hasfocus: isSearchFocused" /> </span> </span> </div> <div class="panel_center unselectable" data-bind="customScrollbar: {'scrollToTopTrigger': listChanged, x: false}"> <div class="contact_list_scroll scroll-inner"> <div class="items_list contact_list"> <div data-bind="visible: isEmptyList() && !preLoadingList()"> <span class="list_notification" data-bind="visible: !isSearch()"> <span class="description" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/INFO_NO_CONTACTS'}"></span> <span class="description" data-bind="text: infoCreateOrImport, visible: visibleCreateOrImportText"></span> <span class="description" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/INFO_DRAGNDROP_TO_GROUP'}, visible: visibleDragNDropToGroupText"></span> </span> <span class="list_notification" data-bind="visible: isSearch()"> <span class="link" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CLEAR_SEARCH'}, click: onClearSearchClick"></span> <span class="description" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/INFO_NO_CONTACTS_FOUND'}"></span> </span> </div> <span class="list_notification" data-bind="visible: isEmptyList() && preLoadingList()" id="selenium_contacts_loading_info"> <span class="description" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/INFO_LOADING_CONTACT_LIST'}"></span> </span> <span class="list_notification" data-bind="visible: isSearch() && !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 contact_sub_list" data-bind="foreach: collection,   draggablePlace: dragAndDropHelper"> <div class="item nosubject" data-bind="css: {'checked': checked, 'selected': selected,  'deleted': deleted, 'noname': !Name(), 'noemail': !Email(), 'dragHandle': true}"> <div class="item_content"> <span class="controls"> <!--<label class="custom_checkbox" data-bind="css: {'checked': checked}"> <span class="icon"></span> <input type="checkbox" data-bind="checked: checked" /> </label>--> <span class="custom_checkbox" data-bind="click: function () { checked(!checked()); }, css: {'checked': checked()}"> <span class="icon" data-bind="attr: { 'data-initials': $parent.getInitials($data) }"></span> </span> </span> <span class="data fadeout"> <span class="group" data-bind="visible: $parent.selectedStorage() === 'all' || $parent.selectedStorage() === 'group', css: {'team': bTeam, 'personal': !bTeam}"></span> <span class="key" data-bind="visible: isOpenPgpEnabled && HasPgpPublicKey()"></span> <span class="me" data-bind="visible: ItsMe(), i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_ITS_ME'}"></span> <span class="name" data-bind="text: Name(), visible: !!Name()"></span> <span class="name" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_NO_NAME'}, visible: Name() === ''"></span> <span class="email" data-bind="text: Email(), visible: !!Email()"></span> <span class="email" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_NO_EMAIL'}, visible: Email() === ''"></span> </span> <div class="separator"></div> </div> </div> </div> <div class="uploader_mask" data-bind="initDom: uploaderArea, css: {'active': dragActive}, visible: isImportAllowed"> <div class="inner"></div> </div> </div> </div> </div> <div class="panel_bottom unselectable" data-bind="visible: oPageSwitcher.pages().length > 0, template: {name: oPageSwitcher.ViewTemplate, data: oPageSwitcher}"></div> </script><script id="ContactsWebclient_CreateContactPopup" type="text/html"><div class="popup contact_create_popup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="popup_heading" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_NEW_CONTACT'}"></span> <div class="fields"> <div class="row"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_DISPLAY_NAME'}"></span>: </span> <input class="value input" type="text" data-bind="value: displayName, hasfocus: focusDisplayName, valueUpdate: 'afterkeydown', onEnter: onSaveClick" /> </div> <div class="row"> <span class="label"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_EMAIL'}"></span>: </span> <input class="value input" type="text" data-bind="value: email, valueUpdate: 'afterkeydown', onEnter: onSaveClick" /> </div> <div class="row"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_PHONE'}"></span>: </span> <input class="value input" type="text" data-bind="value: phone, valueUpdate: 'afterkeydown', onEnter: onSaveClick" /> </div> <div class="row"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_ADDRESS'}"></span>: </span> <input class="value input" type="text" data-bind="value: address, valueUpdate: 'afterkeydown', onEnter: onSaveClick" /> </div> <div class="row"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_SKYPE'}"></span>: </span> <input class="value input" type="text" data-bind="value: skype, valueUpdate: 'afterkeydown', onEnter: onSaveClick" /> </div> <div class="row"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_FACEBOOK'}"></span>: </span> <input class="value input" type="text" data-bind="value: facebook, valueUpdate: 'afterkeydown', onEnter: onSaveClick" /> </div> <div class="clear"></div> </div> <span class="link" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_SHOW_ADDITIONAL_FIELDS'}, click: goToContacts"></span> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: onSaveClick, visible: !loading()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}, visible: loading()"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup, visible: !loading()"></span> </div> </div> <span class="helper"></span> </div> </script><script id="ContactsWebclient_EditAddressBookPopup" type="text/html"><div class="popup add_folder" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading"   data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_CREATE_ADDRESSBOOK'},   visible: createMode"></span> <span class="popup_heading"   data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_EDIT_ADDRESSBOOK'},   visible: !createMode()"></span> <div class="fields"> <div class="row"> <span class="label" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_ADDRESSBOOK_NAME'}"></span> <input type="text" class="value input" spellcheck="false" maxlength="30"    data-bind="value: addressBookName, valueUpdate: 'afterkeydown',    hasfocus: addressBookNameFocus, onEnter: save" /> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CREATE'},   click: save, visible: createMode() && !saving()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CREATE_IN_PROGRESS'},   visible: createMode() && saving()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'},   click: save, visible: !createMode() && !saving()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'},   visible: !createMode() && saving()"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'},   click: cancelPopup, visible: !saving()"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="ContactsWebclient_EditContactView" type="text/html"><div class="panel_top"> <h2 class="contacts_heading" data-bind="visible: !edited() && !isNew(), i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_VIEW_CONTACT'}"></h2> <h2 class="contacts_heading" data-bind="visible: edited() && !isNew(), i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_EDIT_CONTACT'}"></h2> <h2 class="contacts_heading" data-bind="visible: isNew(), i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_NEW_CONTACT'}"></h2> </div> <div class="decor"></div> <div class="panel_center" data-bind="customScrollbar: {x: false}"> <div class="contact_content scroll-inner"> <div class="contact_data_groups edit"> <div class="fields clearfix" data-bind="visible: !extented()"> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_DISPLAY_NAME'}"></span>: </span> <input class="value input" type="text" data-bind="value: displayName, hasfocus: displayNameFocused, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" id="selenium_contacts_edit_name" /> </div> <div class="row" data-bind="visible: !itsMe()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_EMAIL'}"></span>: </span> <input class="value input" type="text" data-bind="value: email, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" id="selenium_contacts_edit_email" /> </div> <div class="row" data-bind="visible: itsMe()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_EMAIL'}"></span>: </span> <span class="value" data-bind="text: email"></span> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_PHONE'}"></span>: </span> <input class="value input" type="text" data-bind="value: phone, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_ADDRESS'}"></span>: </span> <input class="value input" type="text" data-bind="value: address, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_SKYPE'}"></span>: </span> <input class="value input" type="text" data-bind="value: skype, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_FACEBOOK'}"></span>: </span> <input class="value input" type="text" data-bind="value: facebook, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="clear"></div> <div class="fields_switcher"> <span class="link" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_SHOW_ADDITIONAL_FIELDS'}, click: function () { extented(true); }"></span> </div> </div> <div class="fields" data-bind="visible: extented()"> <div class="fieldset"> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_DISPLAY_NAME'}"></span>: </span> <input class="value input" type="text" data-bind="value: displayName, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_EMAIL'}"></span>: </span> <span class="value" data-bind="visible: 0 === emails().length"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_NOT_SPECIFIED_YET'}"></span> </span> <span class="value" data-bind="visible: 0 < emails().length"> <select class="input" data-bind="options: emails, optionsText: 'text', optionsValue: 'value', value: mainPrimaryEmail"></select> </span> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_PHONE'}"></span>: </span> <span class="value" data-bind="visible: 0 === phones().length"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_NOT_SPECIFIED_YET'}"></span> </span> <span class="value" data-bind="visible: 0 < phones().length"> <select data-bind="options: phones, optionsText: 'text', optionsValue: 'value', value: mainPrimaryPhone"></select> </span> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_ADDRESS'}"></span>: </span> <span class="value" data-bind="visible: 0 === addresses().length"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_NOT_SPECIFIED_YET'}"></span> </span> <span class="value" data-bind="visible: 0 < addresses().length"> <select data-bind="options: addresses, optionsText: 'text', optionsValue: 'value', value: mainPrimaryAddress"></select> </span> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_SKYPE'}"></span>: </span> <input class="value input" type="text" data-bind="value: skype, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_FACEBOOK'}"></span>: </span> <input class="value input" type="text" data-bind="value: facebook, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> </div> <div class="clear"></div> <div class="fields_switcher"> <span class="link" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_HIDE_ADDITIONAL_FIELDS'}, click: function () { extented(false); }"></span> </div> <div class="fieldset" data-bind="css: {'collapsed': personalCollapsed}"> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_FIRST_NAME'}"></span>: </span> <input class="value input" type="text" data-bind="value: firstName, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_LAST_NAME'}"></span>: </span> <input class="value input" type="text" data-bind="value: lastName, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_NICK_NAME'}"></span>: </span> <input class="value input" type="text" data-bind="value: nickName, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <h2 class="subheading" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_HOME'}, click: function () { personalCollapsed(!personalCollapsed()); }"></h2> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_PERSONAL_EMAIL'}"></span>: </span> <input class="value input" type="text" data-bind="value: personalEmail, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row textarea"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_STREET_ADDRESS'}"></span>: </span> <textarea class="value input" data-bind="value: personalStreetAddress, valueUpdate: 'afterkeydown'"></textarea> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_CITY'}"></span>: </span> <input class="value input" type="text" data-bind="value: personalCity, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_STATE_PROVINCE'}"></span>: </span> <input class="value input" type="text" data-bind="value: personalState, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_ZIP_CODE'}"></span>: </span> <input class="value input" type="text" data-bind="value: personalZipCode, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_COUNTRY_REGION'}"></span>: </span> <input class="value input" type="text" data-bind="value: personalCountry, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_WEB_PAGE'}"></span>: </span> <input class="value input" type="text" data-bind="value: personalWeb, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_FAX'}"></span>: </span> <input class="value input" type="text" data-bind="value: personalFax, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_PHONE'}"></span>: </span> <input class="value input" type="text" data-bind="value: personalPhone, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_MOBILE'}"></span>: </span> <input class="value input" type="text" data-bind="value: personalMobile, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> </div> <div class="fieldset" data-bind="css: {'collapsed': businessCollapsed}"> <h2 class="subheading" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_BUSINESS'}, click: function () { businessCollapsed(!businessCollapsed()); }"></h2> <div class="row" data-bind="visible: !itsMe()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_BUSINESS_EMAIL'}"></span>: </span> <input class="value input" type="text" data-bind="value: businessEmail, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row" data-bind="visible: itsMe()"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_BUSINESS_EMAIL'}"></span>: </span> <span class="value" data-bind="text: businessEmail"></span> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_COMPANY'}"></span>: </span> <input class="value input" type="text" data-bind="value: businessCompany, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_DEPARTMENT'}"></span>: </span> <input class="value input" type="text" data-bind="value: businessDepartment, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_JOB_TITLE'}"></span>: </span> <input class="value input" type="text" data-bind="value: businessJob, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_OFFICE'}"></span>: </span> <input class="value input" type="text" data-bind="value: businessOffice, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row textarea"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_STREET_ADDRESS'}"></span>: </span> <textarea class="value input" data-bind="value: businessStreetAddress, valueUpdate: 'afterkeydown'"></textarea> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_CITY'}"></span>: </span> <input class="value input" type="text" data-bind="value: businessCity, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_STATE_PROVINCE'}"></span>: </span> <input class="value input" type="text" data-bind="value: businessState, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_ZIP_CODE'}"></span>: </span> <input class="value input" type="text" data-bind="value: businessZipCode, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_COUNTRY_REGION'}"></span>: </span> <input class="value input" type="text" data-bind="value: businessCountry, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_WEB_PAGE'}"></span>: </span> <input class="value input" type="text" data-bind="value: businessWeb, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_FAX'}"></span>: </span> <input class="value input" type="text" data-bind="value: businessFax, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_PHONE'}"></span>: </span> <input class="value input" type="text" data-bind="value: businessPhone, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> </div> <div class="fieldset" data-bind="css: {'collapsed': otherCollapsed}"> <h2 class="subheading" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_OTHER'}, click: function () { otherCollapsed(!otherCollapsed()); }"></h2> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_BIRTHDAY'}"></span>: </span> <span class="value"> <select class="input" style="width: auto" data-bind="options: birthMonthSelect, optionsText: 'text', optionsValue: 'value', value: otherBirthMonth"></select> <select class="input" style="width: auto" data-bind="options: birthDaySelect, optionsText: 'text', optionsValue: 'value', value: otherBirthDay"></select> <select class="input" style="width: auto" data-bind="options: birthYearSelect, optionsText: 'text', optionsValue: 'value', value: otherBirthYear"></select> </span> </div> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_OTHER_EMAIL'}"></span>: </span> <input class="value input" type="text" data-bind="value: otherEmail, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row textarea"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_NOTES'}"></span>: </span> <textarea class="value input" data-bind="value: otherNotes, valueUpdate: 'afterkeydown'"></textarea> </div> </div> <div class="fieldset" data-bind="css: {'collapsed': pgpSettingsCollapsed}, if: isOpenPgpEnabled"> <h2 class="subheading" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_PGP_SETTINGS'}, click: function () { pgpSettingsCollapsed(!pgpSettingsCollapsed()); }"></h2> <div class="row" data-bind="visible: publicPgpKeyView"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_PUBLIC_PGP_KEY'}"></span>: </span> <span class="value"> <span data-bind="text: publicPgpKeyView"></span> <!-- ko if: $root.oPgpKeyControlsView --> <!-- ko template: { name: $root.oPgpKeyControlsView.ViewTemplate, data: $root.oPgpKeyControlsView} --><!-- /ko --> <!-- /ko --> </span> </div> <div class="row buttons buttons_inline" data-bind="visible: !publicPgpKeyView()"> <span class="button contour_button" data-bind="click: $root.addPublicPgpKey.bind($root)"> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_ADD_PUBLIC_PGP_KEY'}"></span> </span> </div> <!-- ko if: showEncryptSignFlags --> <div class="row"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/INFO_ENCRYPT_SIGN_MESSAGES'}"></span> </div> <div class="row"> <span class="label"> <label class="custom_checkbox" data-bind="css: {'checked': pgpEncryptMessages}"> <span class="icon"></span> <input type="checkbox" id="pgpEncryptMessages" data-bind="checked: pgpEncryptMessages" /> </label> <label for="pgpEncryptMessages" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_ENCRYPT_MESSAGES'}"></label> </span> </div> <div class="row"> <span class="label"> <label class="custom_checkbox" data-bind="css: {'checked': pgpSignMessages}"> <span class="icon"></span> <input type="checkbox" id="pgpSignMessages" data-bind="checked: pgpSignMessages" /> </label> <label for="pgpSignMessages" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_SIGN_MESSAGES'}"></label> </span> </div> <!-- /ko --> </div> <div class="fieldset" data-bind="visible: !team() && $root.groupFullCollection().length, css: {'collapsed': groupsCollapsed}"> <h2 class="subheading" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_GROUPS'}, click: function () { groupsCollapsed(!groupsCollapsed()); }"></h2> <div class="hint" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/INFO_CONTACT_GROUPS_MARKED'}"></div> <div class="row"> <div class="value" data-bind="foreach: $root.groupFullCollection()"><span data-bind="visible: $index() !== 0">,</span> <label class="custom_checkbox" data-bind="css: {'checked': checked}"> <span class="icon"></span> <input type="checkbox" data-bind="checked: checked, attr: {'id': 'group'+$index()}" /> </label> <label data-bind="attr: {'for': 'group'+$index()}"> <span data-bind="text: Name()"></span> </label> </div> </div> </div> </div> </div> </div> </div> <div class="panel_bottom"> <div class="buttons"> <span class="button" data-bind="command: $root.saveCommand, visible: !$root.isSaving()"> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </span> <span class="button" data-bind="visible: $root.isSaving"> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}"></span> </span> <span class="button secondary_button" data-bind="click: function () { $root.executeCancel(); }"> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}"></span> </span> </div> </div> </script><script id="ContactsWebclient_EditGroupView" type="text/html"><div class="panel_top"> <h2 class="contacts_heading" data-bind="visible: isNew(), i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_NEW_GROUP'}"></h2> <h2 class="contacts_heading" data-bind="visible: !isNew(), i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_EDIT_GROUP'}"></h2> </div> <div class="decor"></div> <div class="panel_center" data-bind="customScrollbar: {x: false}"> <div class="contact_content scroll-inner"> <div class="contact_data_groups edit"> <div class="fields clearfix"> <div class="row"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_GROUP_NAME'}"></span>: </span> <input class="value input" type="text" id="selenium_contacts_edit_group_name"    data-bind="hasfocus: nameFocused, value: name, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row">  <span class="value offset">  <label class="custom_checkbox" data-bind="css: {'checked': isOrganization}">  <span class="icon"></span>  <input type="checkbox" id="selenium_contacts_edit_group_is_organization" data-bind="checked: isOrganization"> </label> <label for="selenium_contacts_edit_group_is_organization" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_GROUP_IS_COMPANY'}"></label> </span> </div> <div class="row" data-bind="visible: isOrganization"> <span class="label"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_EMAIL'}"></span>: </span> <input class="value input" type="text" id="selenium_contacts_edit_group_email"    data-bind="value: email, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row" data-bind="visible: isOrganization"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_COMPANY'}"></span>: </span> <input class="value input" type="text" data-bind="value: company, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row" data-bind="visible: isOrganization"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_COUNTRY'}"></span>: </span> <input class="value input" type="text" data-bind="value: country, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row" data-bind="visible: isOrganization"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_STATE'}"></span>: </span> <input class="value input" type="text" data-bind="value: state, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row" data-bind="visible: isOrganization"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_CITY'}"></span>: </span> <input class="value input" type="text" data-bind="value: city, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row" data-bind="visible: isOrganization"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_STREET'}"></span>: </span> <input class="value input" type="text" data-bind="value: street, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row" data-bind="visible: isOrganization"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_ZIP'}"></span>: </span> <input class="value input" type="text" data-bind="value: zip, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row" data-bind="visible: isOrganization"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_PHONE'}"></span>: </span> <input class="value input" type="text" data-bind="value: phone, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row" data-bind="visible: isOrganization"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_FAX'}"></span>: </span> <input class="value input" type="text" data-bind="value: fax, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row" data-bind="visible: isOrganization"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_WEB'}"></span>: </span> <input class="value input" type="text" data-bind="value: web, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }" /> </div> <div class="row" data-bind="visible: isNew() && '' !== newContactsInGroupHint()"> <span data-bind="text: newContactsInGroupHint"></span> </div> </div> </div> </div> </div> <div class="panel_bottom"> <div class="buttons"> <span class="button" data-bind="command: $root.saveCommand, visible: !$root.isSaving()"> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </span> <span class="button" data-bind="visible: $root.isSaving"> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}"></span> </span> <span class="button secondary_button" data-bind="click: function () { $root.executeCancel(); }"> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}"></span> </span> </div> </div> </script><script id="ContactsWebclient_GroupView" type="text/html"><div class="panel_top"> <div class="buttons"> <span class="button clear_button" id="selenium_contacts_delete_group_button" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_DELETE_GROUP'},  click: function() { $root.deleteGroup(uuid()); }"></span> <span class="button clear_button" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_EDIT_GROUP'}, click: function (oItem) { $root.editGroup(oItem); }"></span> <span class="button" data-bind="visible: $root.bAllowComposeMessageToAddresses, i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_EMAIL_TO_GROUP'},  click: function() { $root.mailGroup($data); }, css: {'disabled': $root.isEmptyList}"></span> </div> <h2 class="contacts_heading" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_VIEW_GROUP'}, visible: !isNew()"></h2> </div> <div class="decor"></div> <div class="panel_center" data-bind="customScrollbar: {x: false}"> <div class="contact_content scroll-inner"> <div class="contact_data_groups"> <div class="fields clearfix"> <div class="row" data-bind="visible: '' !== name()"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_GROUP_NAME'}"></span>: </span> <span class="value" data-bind="text: name"></span> </div> <div data-bind="visible: '' !== isOrganization()"> <div class="row" data-bind="visible: '' !== email()"> <span class="label"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_EMAIL'}"></span>: </span> <span class="mailto_link" data-bind="text: email(), visible: !$root.bAllowComposeMessageToAddresses"></span> <span class="mailto_link" data-bind="makeLinkComposeMailTo: getFullEmail(),  customTooltip: $root.bAllowComposeMessageToAddresses ? 'CONTACTSWEBCLIENT/ACTION_EMAIL_TO_CONTACT' : '', text: email(), visible: $root.bAllowComposeMessageToAddresses"> </span> </div> <div class="row" data-bind="visible: '' !== company()"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_COMPANY'}"></span>: </span> <span class="value" data-bind="text: company"></span> </div> <div class="row" data-bind="visible: '' !== country()"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_COUNTRY'}"></span>: </span> <span class="value" data-bind="text: country"></span> </div> <div class="row" data-bind="visible: '' !== state()"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_STATE'}"></span>: </span> <span class="value" data-bind="text: state"></span> </div> <div class="row" data-bind="visible: '' !== city()"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_CITY'}"></span>: </span> <span class="value" data-bind="text: city"></span> </div> <div class="row" data-bind="visible: '' !== street()"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_STREET'}"></span>: </span> <span class="value" data-bind="text: street"></span> </div> <div class="row" data-bind="visible: '' !== zip()"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_ZIP'}"></span>: </span> <span class="value" data-bind="text: zip"></span> </div> <div class="row" data-bind="visible: '' !== phone()"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_PHONE'}"></span>: </span> <span class="value" data-bind="text: phone"></span> </div> <div class="row" data-bind="visible: '' !== fax()"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_FAX'}"></span>: </span> <span class="value" data-bind="text: fax"></span> </div> <div class="row" data-bind="visible: '' !== web()"> <span class="label"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/LABEL_WEB'}"></span>: </span> <span class="value" data-bind="text: web"></span> </div> </div> </div> </div> <div class="fields_switcher" data-bind="visible: $root.bAllowSearchMessagesInInbox && $root.selectedGroupEmails().length > 0"> <span class="link" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_SEE_EMAILS_WITH_GROUP'}, click: function() { $root.viewAllMails(); }"></span> </div> </div> </div> </script><script id="ContactsWebclient_GroupsView" type="text/html"><div class="panel_center" data-bind="customScrollbar: {x: false}"> <div class="scroll-inner"> <div class="items_list"> <div class="item canSelect" data-bind="visible: showAllContacts, css: {'selected': 'all' === selectedStorage()}, click: $parent.gotoContactList"> <span class="title" data-bind="click: function () { changeGroupType('all'); }"> <span class="name fadeout"> <span class="icon"></span> <span class="text animGoal" data-bind="text: getStorageDisplayName('all')"></span> </span> </span> </div> <div class="item canSelect" data-bind="visible: showPersonalContacts,  css: {'selected': 'personal' === selectedStorage()}, click: $parent.gotoContactList"> <span class="title" id="selenium_contacts_personal_button" data-bind=" css: {'recivedAnim': recivedAnimPersonal()}, droppable: {valueFunc: function (oEvent, oUi) { $root.contactsDropToAddressbook('personal', oEvent, oUi); }, switchObserv: disableDropToPersonal}, click: function () { changeGroupType('personal'); }"> <span class="name fadeout"> <span class="icon type1"></span> <span class="text animGoal" data-bind="text: getStorageDisplayName('personal')"></span> </span> <!-- ko if: $parent.shareAddressbookControlView --> <!-- ko with: {Id: 'personal', Shared: false} --> <!-- ko template: { name: $parent.shareAddressbookControlView.ViewTemplate, data: $parent.shareAddressbookControlView} --><!-- /ko --> <!-- /ko --> <!-- /ko --> </span> </div> <div class="item canSelect" data-bind="visible: showSharedToAllContacts,  css: {'selected': 'shared' === selectedStorage()}, click: $parent.gotoContactList"> <span class="title" data-bind=" css: {'recivedAnim': recivedAnimShared()}, droppable: {valueFunc: function (oEvent, oUi) { $root.contactsDropToAddressbook('shared', oEvent, oUi); }, switchObserv: disableDropToSharedWithAll}, click: function () { changeGroupType('shared'); }"> <span class="name fadeout"> <span class="icon type3"></span> <span class="text animGoal" data-bind="text: getStorageDisplayName('shared')"></span> </span> </span> </div> <div class="item canSelect" data-bind="visible: showTeamContacts,  css: {'selected': isTeamStorageSelected}, click: $parent.gotoContactList"> <span class="title" data-bind="click: function () { changeGroupType('team'); }, css: {'recivedAnim': recivedAnimTeam()}"> <span class="name fadeout"> <span class="icon type2"></span> <span class="text animGoal" data-bind="text: getStorageDisplayName('team')"></span> </span> </span> </div> <!-- ko foreach: addressBooks --> <div class="item canSelect" data-bind=" if: Id !== 'team' && Id !== 'personal' && Id !== 'shared', visible: Display,  css: {'selected': $parent.selectedStorage() === Id}, click: $parents[0].gotoContactList"> <span class="title" data-bind=" click: function () { $parent.changeGroupType(Id); }, droppable: {valueFunc: function (oEvent, oUi) { $root.contactsDropToAddressbook(Id, oEvent, oUi); }, switchObserv: $root.disableDropToCustomAddressBook}, css: {'recivedAnim': $parent.recivedAnimTeam()}"> <span class="name fadeout"> <span class="icon type1"></span> <span class="text animGoal" data-bind="text: DisplayName"></span> </span> <!-- ko if: $parent.shareAddressbookControlView --> <!-- ko template: { name: $parent.shareAddressbookControlView.ViewTemplate, data: $parent.shareAddressbookControlView} --><!-- /ko --> <!-- /ko --> </span> </div> <!-- /ko --> <div data-bind="visible: showPersonalContacts() && 0 < groupFullCollection().length"> <div class="section_title fadeout" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_GROUPS'}"></div> <div class="items_section" data-bind="foreach: groupFullCollection"> <div class="item canSelect" data-bind="css: {'selected': selected}"> <span class="title" data-bind=" css: {'recivedAnim': recivedAnim()},  droppable: {valueFunc: function (oEvent, oUi) { $root.contactsDrop($data, oEvent, oUi); }, switchObserv: selected}, click: function () { $root.onViewGroupClick($data); } "> <span class="name fadeout"> <span class="icon type4"></span> <span class="text animGoal" data-bind="text: Name()"></span> </span> </span> </div> </div> </div> </div> </div> </div> <div class="panel_bottom"> <div class="manage_folders" data-bind="visible: manageAddressBooksHash() !== '#'"> <a href="javascript: void(0)" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_MANAGE_ADDRESSBOOKS'}, attr: {href: manageAddressBooksHash}"></a> </div> </div> </script><script id="ContactsWebclient_ImportView" type="text/html"><div class="panel_top"> <h2 class="contacts_heading" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_IMPORT_CONTACTS'}"></h2> </div> <div class="decor"></div> <div class="panel_center"> <div class="contact_content"> <div class="contact_data_groups"> <div class="fields clearfix"> <div class="hint"> <span data-bind="text: extensionInfo"></span> </div> <div class="row"> <div class="buttons"> <span class="button import" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_IMPORT'}, visible: !importing(), initDom: importButtonDom"></span> <span class="button import" style="position: relative;" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_IMPORT_IN_PROGRESS'}, visible: importing"></span> </div> </div> <div class="row" data-bind="visible: '' !== $root.sImportContactsLink"> <a class="link" href="#" target="_blank" data-bind="attr: {href: $root.sImportContactsLink}"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_LEARN_MORE_CSV'}"></span> </a> </div> </div> </div> </div> </div> <div class="panel_bottom" data-bind="visible: bVisibleCloseButton"> <div class="toolbar"> <span class="content"> <span class="item close" href="javascript: void(0)" data-bind="click: function () {$root.gotoContactList();}"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CLOSE'}"></span> </span> </span> </div> </div> </script><script id="ContactsWebclient_MobileSyncSettingsView" type="text/html"><div class="fieldgroup"> <h2 class="subheading" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/HEADING_CARDDAV_ACCESS'}"></h2> <!-- ko foreach: AddressBooks --> <div class="row"> <span class="label" data-bind="text: DisplayName"></span> <span class="value" data-bind="text: DavUrl"></span> </div> <!-- /ko --> </div> </script><script id="ContactsWebclient_VcardAttachmentView" type="text/html"><div class="appointment" data-bind="visible: !!vcard(), with: vcard"> <div class="fields"> <div class="row"> <div class="buttons" data-bind="visible: !exists()"> <span class="button" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_ADD_VCARD'}, click: addContact"></span> </div> <span data-bind="visible: exists"> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/REPORT_CONTACT_SUCCESSFULLY_ADDED'}, visible: isJustSaved"></span> <span data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/REPORT_CONTACT_EXISTS'}, visible: !isJustSaved()"></span> </span> </div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_NAME'}"></span>: <span data-bind="text: name"></span> </div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_EMAIL'}"></span>: <span data-bind="text: email"></span> </div> </div> </div> </script><script id="ContactsWebclient_Toolbar_ContactView" type="text/html"><div class="buttons"> <span class="button" href="javascript: void(0)" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_SEND_CONTACT'},  click: sendThisContact, visible: allowSendThisContact && $root.bAllowComposeMessageToAddresses"></span> <span class="button last_button" href="javascript: void(0)" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_EMAIL_TO_CONTACT'},  makeLinkComposeMailTo: getFullEmail(), visible: hasEmails && $root.bAllowComposeMessageToAddresses" style="display: none;"></span> <!-- ko foreach: customCommands --> <span class="button" data-bind="command: Command, css: CssClass, text: Text, visible: Visible"></span> <!-- /ko --> </div> </script><script id="ContactsWebclient_Toolbar_ContactsCommonPartView" type="text/html"><span class="item new_message" data-bind="visible: bAllowComposeMessageToAddresses, command: composeMessageCommand, customTooltip: 'CONTACTSWEBCLIENT/ACTION_NEW_MESSAGE'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_NEW_MESSAGE'}"></span> </span> <span class="item add_to" data-bind="visible: showPersonalContacts(), dropdown: {control: false}, command: addContactsCommand, customTooltip: 'CONTACTSWEBCLIENT/ACTION_ADD_CONTACT_TO'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_ADD_CONTACT_TO'}"></span> <span class="icon arrow"></span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content" data-bind="customScrollbar: {x: false}"> <span class="scroll-inner"> <!-- ko foreach: $root.groupFullCollection() --> <span class="item" data-bind="text: Name()"></span> <!-- /ko --> <span class="item new-group" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_NEW_GROUP_DROPDOWN'}"></span> </span> </span> </span> </span> </span> <span class="item delete" data-bind="visible: isDeleteVisible,   command: deleteCommand, customTooltip: 'COREWEBCLIENT/ACTION_DELETE'" > <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_DELETE'}"></span> <span class="hint" data-bind="text: selectedCount, visible: selectedCount() > 0"></span> </span> <span class="item remove_from" data-bind="visible: showPersonalContacts() && selectedStorage() === 'group',  command: removeFromGroupCommand, customTooltip: 'CONTACTSWEBCLIENT/ACTION_REMOVE_FROM_GROUP'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_REMOVE_FROM_GROUP'}"></span> <span class="hint" data-bind="text: selectedCount, visible: selectedCount() > 0"></span> </span> </script><script id="ContactsWebclient_Toolbar_ContactsView" type="text/html"><div class="toolbar"> <span class="content"> <span class="item checkstate command" data-bind="click: refreshContactsAndGroups, checkstate: {'activeClass': 'process', 'state': preLoadingList(), 'duration': 800}"> <span class="icon"></span> </span> <span class="item new_group" data-bind="visible: showPersonalContacts(), command: newGroupCommand, customTooltip: 'CONTACTSWEBCLIENT/ACTION_NEW_GROUP'" id="selenium_contacts_new_group_button"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_NEW_GROUP'}"></span> </span> <!-- ko template: {name: 'ContactsWebclient_Toolbar_ContactsCommonPartView'} --><!-- /ko --> <span class="item share-all" data-bind="visible: visibleShareCommand, command: shareCommand, customTooltip: 'CONTACTSWEBCLIENT/ACTION_SHARE'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_SHARE'}"></span> </span> <span class="item unshare-all" data-bind="visible: visibleUnshareCommand, command: shareCommand, customTooltip: 'CONTACTSWEBCLIENT/ACTION_UNSHARE'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_UNSHARE'}"></span> </span> <!-- ko template: {name: 'ContactsWebclient_Toolbar_SortButtonView', if: bSortEnabled,} --><!-- /ko --> <span class="item control" data-bind="visible: visibleImportExport() && isImportAllowed(), dropdown: {control: false}"> <span class="icon arrow"></span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content"> <!-- ko foreach: aExportData --> <span class="item export" data-bind="text: text, command: command"></span> <!-- /ko --> <span class="item import" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_IMPORT'}, command: importCommand, visible: isImportAllowed"></span> </span> </span> </span> </span> <!-- ko foreach: aExportData --> <span class="item" data-bind="attr: {'class': 'item export-' + css},   visible: $parent.isTeamStorageSelected() || $parent.isSelectedAddressbookSharedForReading(),   command: command, customTooltip: text"> <span class="icon"></span> <span class="text" data-bind="text: text"></span> </span> <!-- /ko --> </span> </div> </script><script id="ContactsWebclient_Toolbar_GroupsView" type="text/html"><div class="buttons big_single_button"> <span class="button" id="selenium_contacts_new_button"   data-bind="i18n: {'key': 'CONTACTSWEBCLIENT/ACTION_NEW_CONTACT'}, command: newContactCommand"></span> </div> </script><script id="ContactsWebclient_Toolbar_SortButtonView" type="text/html"><span class="item sort" data-bind="dropdown: {control: false}, css: {'sort_asc': sortOrder() === Enums.SortOrder.Asc, 'sort_desc': sortOrder() === Enums.SortOrder.Desc}, customTooltip: 'COREWEBCLIENT/ACTION_SORT_BY'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SORT_BY'}"></span> <!-- <span class="icon arrow"></span> --> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content" data-bind="foreach: aSortList"> <span class="item" data-bind="click: function () { $parent.executeSort(sSortBy); }, css: {'selected': $parent.sortBy() === sSortBy}"> <span data-bind="text: sText"></span> <span class="sort-order-icon" data-bind="visible: $parent.sortBy() === sSortBy, css: {'sort-order-desc-icon': $parent.sortOrder() === Enums.SortOrder.Desc}"></span> </span> </span> </span> </span> </span> </script><script id="Facebook_AdminSettingsView" type="text/html"><div class="middle_bar"> <div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'FACEBOOK/HEADING_SETTINGS'}"></h2> </div> <div class="panel_center"> <div class="fields"> <div class="fieldset"> <div class="row"> <span class="value" style="float: left;"> <label class="custom_checkbox" data-bind="css: {'checked': enable}"> <span class="icon"></span> <input type="checkbox" id="enableFacebook" data-bind="checked: enable" /> </label> <label for="enableFacebook" data-bind="i18n: {'key': 'FACEBOOK/ENABLE_MODULE'}"></label> </span> </div> <div class="row"> <span class="label required" data-bind="i18n: {'key': 'FACEBOOK/LABEL_APP_ID'}"></span> <span class="value"> <input class="input" type="text" data-bind="value: id, valueUpdate: 'afterkeydown', onEnter: save" /> </span> </div> <div class="row"> <span class="label required" data-bind="i18n: {'key': 'FACEBOOK/LABEL_APP_SECRET'}"></span> <span class="value"> <input class="input" type="text" data-bind="value: secret, valueUpdate: 'afterkeydown', onEnter: save" /> </span> </div> <div class="hint row"> <span class="value" data-bind="i18n: {'key': 'FACEBOOK/INFO_SETTINGS'}"></span> </div> <div class="row"></div> <div data-bind="foreach: scopes"> <div class="row"> <span class="value"> <label class="custom_checkbox" data-bind="css: {'checked': Value}"> <span class="value" style="float: left;"> <span class="icon"></span> <input type="checkbox" data-bind="checked: Value, attr: { id: Name}" /> </span> </label> <label data-bind="text: $data.Description, attr: {for: Name}"></label> </span> </div> </div> </div> <div class="buttons"> <span class="button" data-bind="click: save, visible: !isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </span> <span class="button" data-bind="visible: isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}"></span> </span> </div> </div> </div> </div> </script><script id="Facebook_FacebookSettingsFormView" type="text/html"><div class="middle_bar"> <div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'FACEBOOK/LABEL_SETTINGS_TAB'}"></h2> </div> <div class="panel_center"> <div class="fields"> <div class="fieldset"> <div class="hint row"> <span class="value" data-bind="i18n: {'key': 'FACEBOOK/INFO_CONNECTED'}, visible: connected"></span> <span class="value" data-bind="i18n: {'key': 'FACEBOOK/INFO_NOT_CONNECTED'}, visible: !connected()"></span> </div> <div data-bind="foreach: scopes"> <div class="row"> <span class="value"> <label class="custom_checkbox" data-bind="css: {'checked': Value}"> <span class="value" style="float: left;"> <span class="icon"></span> <input type="checkbox" data-bind="checked: Value, attr: { id: Name}" /> </span> </label> <label data-bind="text: $data.Description, attr: {for: Name}"></label> </span> </div> </div> </div> <div class="buttons" style="text-align: left;"> <span class="button" data-bind="click: checkAndConnect"> <span data-bind="i18n: {'key': 'FACEBOOK/BUTTON_APPLY'}"></span> </span> <span class="button" data-bind="click: checkAndDisconnect, visible: connected"> <span data-bind="i18n: {'key': 'FACEBOOK/BUTTON_DISCONNECT'}"></span> </span> </div> </div> </div> </div> </script><script id="Ios_Ioserror" type="text/html"><!doctype html> <html> <head> <meta content="width=320; initial-scale=0.8; maximum-scale=1.0; user-scalable=0;" name="viewport" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>iOS Profile</title> {{IntegratorLinks}} <style> html, body { height: 100%; } body { background: #ece9e0; color: #555555; } .content { font-size: 11pt; display: table; height: 100%; margin: 0 auto; padding: 0; text-align: center; width: 320px; } .content div { display: table-cell; vertical-align: middle; padding: 0px 25px; } .content h1 { font-size: 18pt; font-weight: normal; } .button { background: #6FA8DE; border: 1px solid #5D97CD; border-radius: 4px; color: #FFFFFF; display: block; font-size: 12pt; font-weight: bold; padding: 10px; text-align: center; text-shadow: 0 1px 0 #4D759B; margin-top: 20px; cursor: pointer; text-decoration: none; } .button:hover { background: #7FB8EE; } .hide { display: none; } </style> </head> <body> <div class="content"> <div> <h1> {{IOS/ERROR_TITLE}} </h1> <p> {{IOS/ERROR_DESC}} </p> <p> <a class="button" href="./"> <span>{{IOS/DESC_BUTTON_OPEN}}</span> </a> </p> </div> </div> </body> </html> </script><script id="Ios_Ios" type="text/html"><!doctype html> <html> <head> <meta content="width=320; initial-scale=0.8; maximum-scale=1.0; user-scalable=0;" name="viewport" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>iOS Profile</title> {{IntegratorLinks}} &lt;script type="text/javascript"&gt; function showNextPage() { document.getElementById('page-1').className = 'hide'; document.getElementById('page-2').className = 'content'; } &lt;/script&gt; <style> html, body { height: 100%; } body { background: #ece9e0; color: #555555; } .content { font-size: 11pt; display: table; height: 100%; margin: 0 auto; padding: 0; text-align: center; width: 320px; } .content div { display: table-cell; vertical-align: middle; padding: 0px 25px; } .content h1 { font-size: 18pt; font-weight: normal; } .button { background: #6FA8DE; border: 1px solid #5D97CD; border-radius: 4px; color: #FFFFFF; display: block; font-size: 12pt; font-weight: bold; padding: 10px; text-align: center; text-shadow: 0 1px 0 #4D759B; margin-top: 20px; cursor: pointer; text-decoration: none; } .button:hover { background: #7FB8EE; } .hide { display: none; } </style> </head> <body> <div class="content" id="page-1"> <div> <h1> {{IOS/HELLO}} <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAACxElEQVQ4T6VVW08TQRQ+7UOXty0x6otUNHhfBISIMRqtRmMCMaImVB9aqjzgG/qEP4SANhU1hgdFvCSaaNXGiCQ+4I1VojVGSry0tiX6AC00GWdmd2bPdosX3KTpZubMd77vnG/OuuAfn9n8HCkW5yGXm4aVvhWu0uOOhT/hv3o+Ru7ei0Gl1wtdp7r+DzAei5H4yFOec/vWJjjQ0rp4wFzmO+ntOwfzxSIH7AyHwFe9avGAd27fIs/GXnCwLZs1OHTkaNly/XUNo5EImZmZBW3jevDv27/gOcfGxLv35EMiAal0GioqFKipWQP1dfWQzaTB7XbDl+QkZLMZyOcL8JP+qqp8oGm1sKRS5VgSMDv9g8QfPQRdH+eyiNluFqBQ4GVLl9MkKZgrFOS+y8V2CSgeBdoDx2F1tY+v8OfK4CBJUGZigQH+ThehAXKfwigeD5zt6TEAX74eJzdvDHNWOEjypBuYMWdAAwWoR1Ggre0wbFi31gBk7FjdOJpANRHKMRXgHJdC+P17YNfOHUYNv6UzpL+vVyg3/lkelr70HeUTDL2qCqe7uy1hHz9NksuXLtoAS1k55JrRbN1Hu3zyRNgC1N9OkKFrVw2lZtd4PJZM1wlljCsiGDDb2AAxw7KdNeUbCa1EIqdKJZ/BkkUNpSxJQ7QR1xOVFhWpPXCMd9hsPkB0YIBMJZNWCGqK00oMlMpHtlGobWzGfvxkhN8SIQMbWkiVTbf7QfqTgQYoU37289cUiZzvt9ul5CDqk9E8MwNW0Ny8zboYQ9eHibjHEgv7ESewl1XuBEMdFqBkic1b8i5OlvNpY2MTHGxtsYYDC74fe0BGR+mIX4ABtg4GVen3JRjs4CPMMVCiF2jHp4yO27yH/MjtYdqLxYRCYT66pG1wedhcZJOHgYqrtUnTgBmYPbquwxtzZrK13f690FBXK4n9Ar4SKIt2IgraAAAAAElFTkSuQmCC"/> ! </h1> <p> {{IOS/DESC_P1}} </p> <p> {{IOS/DESC_P2}} {{IOS/DESC_P3}} </p> <p> <a class="button" onclick="showNextPage()" href="./?profile"> <span>{{IOS/DESC_BUTTON_YES}}</span> </a> <a class="button" href="./"> <span>{{IOS/DESC_BUTTON_SKIP}}</span> </a> </p> </div> </div> <div class="hide" id="page-2"> <div> <h1> {{IOS/DESC_P4}} </h1> <p> {{IOS/DESC_P5}} </p> <p> {{IOS/DESC_P6}} <br /> {{IOS/DESC_P7}} </p> <p> <a class="button" href="./"> <span>{{IOS/DESC_BUTTON_OPEN}}</span> </a> </p> </div> </div> </body> </html> </script><script id="MailMobileWebclient_ComposeAttachmentsView" type="text/html"><div class="attachments upload large"> <span class="uploader_button button" data-bind="initDom: composeUploaderButton"> <span data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_ATTACH_FROM_DEVICE'}"></span> </span> <div class="content-block" data-bind="visible: notInlineAttachments().length > 0"> <div class="content-block-inner"> <div class="items_list"> <div class="attachments_container" data-bind="template: {name: 'CoreWebclient_FileView', foreach: notInlineAttachments}"></div> </div> </div> </div> </div> </script><script id="MailMobileWebclient_ComposeCcBccSwitchersView" type="text/html"><div class="list-block-label" data-bind="visible: (!visibleCc() || !visibleBcc()) && allowCcBccSwitchers()"> <a href="#" class="link show_cc" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_SHOW_CC'}, visible: !visibleCc(), click: changeCcVisibility"></a> <a href="#" class="link show_bcc" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_SHOW_BCC'}, visible: !visibleBcc(), click: changeBccVisibility"></a> </div></script><script id="MailMobileWebclient_ComposeView" type="text/html"><div class="screen MailLayout compose-screen" style="display: none;"> <div class="views"> <div class="view"> <div class="pages navbar-fixed"> <div class="page message-list"> <div class="navbar"> <div class="navbar-inner" style="overflow: inherit;"> <div class="left"> <a href="javascript:void(0)" class="link icon-only back" data-bind="click: function () { $root.backToListCommand(); }"> <i class="icon icon-back"></i> <!--_i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}--> </a> </div> <!--<div class="center sliding" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/HEADING_COMPOSE_BROWSER_TAB'}"></div>--> <div class="right" data-bind="foreach: toolbarFirstMobileControllers"> <!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko --> </div> <div class="right" data-bind="visible: toolbarNextMobileControllers().length > 0"> <a href="javascript:void(0)" class="link icon-only aurora-icons more" data-bind="click: function () { showMore(!showMore()); }"> <i class="icon"></i> <div data-bind="visible: showMore, foreach: toolbarNextMobileControllers" class="compose-more-menu"> <!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko --> </div> </a> </div> </div> </div> <!--<div class="notice" data-bind="visible: bDemo, i18n: {'key': 'MAILMOBILEWEBCLIENT/INFO_SEND_EMAIL_TO_DEMO_ONLY'}"></div>--> <div class="page-content"> <div class="list-block"> <ul> <li data-bind="visible: visibleFrom() && !headersCompressed()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/LABEL_FROM'}"></div> <div class="item-input"> <select class="input" tabindex="1" data-bind="foreach: senderList, value: selectedSender"> <option data-bind="text: fullEmail, value: id"></option> </select> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/LABEL_TO'}"></div> <div class="item-input"> <div class="input inputosaurus"> <div class="disable_mask" data-bind="visible: disableHeadersEdit"></div> <div data-bind="customScrollbar: {x: false}"> <div class="scroll-inner"> <input type="text" spellcheck="false" tabindex="2" data-bind="initDom: toAddrDom" /> </div> </div> </div> </div> </div> </div> </li> <li data-bind="visible: visibleCc() && !headersCompressed()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_CC'}"></div> <div class="item-input"> <div class="input inputosaurus"> <div class="disable_mask" data-bind="visible: disableHeadersEdit"></div> <div data-bind="customScrollbar: {x: false}"> <div class="scroll-inner"> <input type="text" spellcheck="false" tabindex="3" data-bind="initDom: ccAddrDom" /> </div> </div> </div> </div> </div> </div> </li> <li data-bind="visible: visibleBcc() && !headersCompressed()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_BCC'}"></div> <div class="item-input"> <div class="input inputosaurus"> <div class="disable_mask" data-bind="visible: disableHeadersEdit"></div> <div data-bind="customScrollbar: {x: false}"> <div class="scroll-inner"> <input type="text" spellcheck="false" tabindex="4" data-bind="initDom: bccAddrDom" /> </div> </div> </div> </div> </div> </div> </li> <li data-bind="visible: !headersCompressed()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/LABEL_SUBJECT'}"></div> <div class="item-input"> <input type="text" class="input" maxlength="1000" tabindex="5" id="selenium_compose_subject" data-bind="value: subject, hasfocus: subjectFocused, valueUpdate: 'afterkeydown'"/> </div> </div> </div> </li> </ul> <!-- ko template: {name: 'MailMobileWebclient_ComposeCcBccSwitchersView'} --><!-- /ko --> </div> <div class="list-block"> <!-- ko template: { name: 'MailMobileWebclient_ComposeAttachmentsView'} --><!-- /ko --> </div> <div class="content-block-title" data-bind="i18n: { 'key': 'MAILMOBILEWEBCLIENT/LABEL_MESSAGE'}"></div> <div class="content-block editor-container"> <div class="content-block-inner"> <!-- ko template: { name: oHtmlEditor.ViewTemplate, data: oHtmlEditor} --><!-- /ko --> </div> </div> </div> </div> </div> </div> </div> </div> </script><script id="MailMobileWebclient_FolderView" type="text/html"><!-- ko if: visible --> <li data-bind="visible: visible(), attr: {'class': 'item folder-level' + (getDisplayedLevel() + 1)},  css: { 'selected': selected, 'canSelect': canBeSelected, 'canNotSelect': !canBeSelected(), 'exists': bExists, 'subscribed': subscribed, 'system': isSystem, 'user': !isSystem(), 'virtualEmpty': virtualEmpty, 'accordion': subfolders().length !== 0, 'expanded': expanded(), 'collapsed': !expanded()}"> <a class="item-content external" href="#" data-bind="attr: {href: routingHash}, visible: canBeSelected"> <div class="item-media aurora-icons"> <i class="icon" data-bind="css: 'type' + type()"></i> </div> <div class="item-inner"> <div class="item-title" data-bind="text: displayName"></div> <div class="item-after" data-bind="visible: showUnseenMessagesCount, click: executeUnseenFilter"> <span class="badge" data-bind="text: unseenMessagesCountToShow"></span> </div> <div class="item-after" data-bind="visible: showMessagesCount"> <span data-bind="text: messageCount"></span> </div> </div> </a> <span class="item-content" data-bind="visible: !canBeSelected()"> <div class="item-media aurora-icons"> <i class="icon" data-bind="css: 'type' + type()"></i> </div> <div class="item-inner"> <div class="item-title" data-bind="text: displayName, attr: {'id': (type() === Enums.FolderTypes.Inbox) ? 'selenium_folder_inbox' : ((type() === Enums.FolderTypes.Sent) ? 'selenium_folder_sent' : ((type() === Enums.FolderTypes.Drafts) ? 'selenium_folder_drafts' : ((type() === Enums.FolderTypes.Spam) ? 'selenium_folder_spam' : ((type() === Enums.FolderTypes.Trash) ? 'selenium_folder_trash' : ''))))}"></div> <div class="item-after" data-bind="visible: showUnseenMessagesCount, click: executeUnseenFilter"> <span class="badge" data-bind="text: unseenMessagesCountToShow"></span> </div> <div class="item-after" data-bind="visible: showMessagesCount"> <span data-bind="text: messageCount"></span> </div> </div> </span> <!-- ko if: !bNamespace --> <div class="children" data-bind="template: { name: 'MailMobileWebclient_FolderView', foreach: subfolders }"></div> <!-- /ko --> </li> <!-- ko if: bNamespace --> <!-- ko template: {name: 'MailMobileWebclient_FolderView', foreach: subfolders} --><!-- /ko --> <!-- /ko --> <!-- /ko --> </script><script id="MailMobileWebclient_FoldersView" type="text/html"><div class="content-block" data-bind="css: {'quota_visible': -1 < quotaProc(), 'quota_has_text_below': !bShowQuotaBarTextAsTooltip}, click: $parent.gotoMessageList.bind($parent)"> <div class="content-block-title" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/HEADING_ACCOUNTS'}"></div> <div class="list-block"> <ul data-bind="visible: accounts().length > 1, foreach: accounts"> <li class="item" data-bind="css: {'selected': isCurrent()}, click: function(oThisAcc, oEvent) { changeAccount(); oEvent.stopPropagation(); }"> <label class="label-radio item-content"> <input type="checkbox" name="account-radio" data-bind="checked: isCurrent"> <div class="item-media"> <i class="icon icon-form-radio"></i> </div> <div class="item-inner"> <div class="item-title" data-bind="text: email"></div> </div> </label> </li> </ul> <ul data-bind="visible: accounts().length === 1, foreach: accounts"> <li class="item" data-bind="css: {'selected': isCurrent()}"> <div class="item-content"> <div class="item-inner"> <div class="item-title" data-bind="text: email"></div> </div> </div> </li> </ul> </div> <div class="content-block-title" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/HEADING_UNIFIED_FOLDERS'}, visible: unifiedInboxAllowed"></div> <div class="list-block" data-bind="visible: unifiedInboxAllowed"> <ul data-bind="template: {name: 'MailMobileWebclient_FolderView', data: oUnifiedInbox}"></ul> </div> <div class="content-block-title" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/HEADING_FOLDERS'}"></div> <div class="list-block"> <ul data-bind="template: {name: 'MailMobileWebclient_FolderView', foreach: folderList().collection}"></ul> </div> <span class="volumer" data-bind="visible: -1 < quotaProc(), click: $parent.onVolumerClick"> <span class="volumer_container" data-bind="customTooltip: bShowQuotaBarTextAsTooltip ? quotaDesc() : false"> <span class="used" data-bind="style: {'width': '' + (-1 < quotaProc() ? quotaProc() : 0) + '%' }"></span> </span> <span data-bind="visible: !bShowQuotaBarTextAsTooltip, text: quotaDesc"></span> </span> </div></script><script id="MailMobileWebclient_HeaderItemView" type="text/html"><!--  <-- ko foreach: accounts  <li> <div class="item-content" data-bind="css: {'current': $parent.isCurrent() && isCurrent()}, click: changeAccount"> <div class="item-media aurora-icons email"> <i class="icon"></i> </div> <div class="item-inner"> <div class="item-title" data-bind="text: email"></div> </div> </div> </li>  /ko  --> <li class="item" data-bind="visible: accounts().length > 0"> <a class="item-content external" href="#" data-bind="css: {'current': isCurrent()}, attr: { href: $parent.hash() }"> <!-- <div class="item-media aurora-icons email"> <i class="icon"></i> </div>--> <div class="item-inner"> <!--<div class="item-title" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_SHOW_MAIL'}"></div>--> <div class="item-title" data-bind="text: linkText"></div> </div> </a> </li></script><script id="MailMobileWebclient_HtmlEditorView" type="text/html"><div class="html_editor" data-bind="css: {'inactive': inactive()}, onEsc: onEscHandler, initDom: htmlEditorDom"> <div class="disable_mask" data-bind="visible: disableEdit"></div> <div class="workarea" data-bind="customScrollbar: {x: true, y: true}, initDom: workareaDom"> <div class="scroll-inner" data-bind="attr: {'id': creaId}"></div> <div data-bind="initDom: uploaderAreaDom, css: {'active': editorUploaderBodyDragOver}" class="uploader_mask"> <div class="inner"></div> </div> </div> <div class="inline_popup image_tooltip" data-bind="visible: imageSelected,  style: {'top': tooltipPopupTop() + 'px', 'left': tooltipPopupLeft() + 'px'},  text: tooltipText"></div> <div class="inline_popup" data-bind="visible: visibleLinkPopup, initDom: linkPopupDom"> <a target="_blank" data-bind="text: linkHref, attr: {'href': linkHref}"></a> <span class="button" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_CHANGE_URL'}, click: showChangeLink"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_REMOVE'}, click: function () { oCrea.removeCurrentLink(); }"></span> </div> <div class="inline_popup" data-bind="visible: visibleLinkHref, initDom: linkHrefDom"> <input type="text" spellcheck="false" data-bind="value: linkHref" /> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_OK'}, click: changeLink"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: hideChangeLink"></span> </div> <div class="inline_popup" data-bind="visible: visibleImagePopup, style: {'top': imagePopupTop() + 'px', 'left': imagePopupLeft() + 'px'}"> <!-- ko foreach: imageResizeOptions --> <span class="button" data-bind="text: $data.label, click: function () { $parent.resizeImage($data.value); }"></span> <!-- /ko --> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_REMOVE'}, click: function () { oCrea.removeCurrentImage(); }"></span> </div> </div> </script><script id="MailMobileWebclient_MailView" type="text/html"><div class="screen MailLayout" style="display: none;"> <!-- Left panel with reveal effect--> <div class="panel panel-left panel-reveal" data-bind="style: {'display': selectedPanel() === Enums.MobilePanel.Groups ? 'block' : ''}"> <!-- ko template: {name: oFolderList.ViewTemplate, data: oFolderList} --><!-- /ko --> </div> <!-- Views -->     <div class="views"> <!-- Your main view, should have "view-main" class --> <div class="view webmail-view"> <!-- Pages container, because we use fixed-through navbar and toolbar, it has additional appropriate classes--> <div class="pages navbar-fixed"> <div class="page message-list" data-bind="css: {'unified_messages_panel': isUnifiedFolderCurrent}"> <div class="navbar"> <div class="navbar-inner"> <div class="left"> <a href="javascript:void(0)" class="link icon-only open-panel" data-bind="click: togleFolderList, visible: !isEnableGroupOperations()"><i class="icon icon-bars"></i></a> <a href="javascript:void(0)" class="link icon-only" data-bind="click: function () { messageList().checkAll(false); }, visible: isEnableGroupOperations()"><i class="icon icon-close"></i></a> </div> <!-- We need cool sliding animation on title element, so we have additional "sliding" class --> <div class="center sliding" data-bind="visible: messageList().checkedUids().length === 0, i18n: {'key': 'MAILMOBILEWEBCLIENT/HEADING_BROWSER_TAB'}"></div> <div class="center sliding" data-bind="visible: messageList().checkedUids().length > 0, text: messageList().checkedUids().length"></div> <div class="right" data-bind="visible: messageList().checkedUids().length === 0"> <a href="javascript:void(0)" class="link icon-only aurora-icons check-state" data-bind="command: checkMailCommand, checkstate: {'activeClass': 'rotate', 'state': checkMailIndicator(), 'duration': 800}"><i class="icon"></i></a> <!--i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_CHECK_MAIL'}--> <a href="javascript:void(0)" class="link icon-only open-panel aurora-icons settings" data-bind="click: function () { showApps(!showApps()); }"><i class="icon"></i></a> </div> <div class="right" data-bind="visible: messageList().checkedUids().length > 0"> <!-- ko template: { name: 'MailMobileWebclient_MessagesToolbarView' } --><!-- /ko --> </div> </div> </div> <div class="toolbar toolbar-bottom" data-bind="visible: messageList().oPageSwitcher.pages().length > 0, with: messageList().oPageSwitcher"> <div class="toolbar-inner" data-bind="template: {name: ViewTemplate}"></div> </div> <!-- ko template: { name: messageList().ViewTemplate, data: messageList()} --><!-- /ko --> <div class="speed-dial"> <!-- FAB inside will open Speed Dial actions --> <a href="javascript: void(0)" class="floating-button aurora-icons new_message external" data-bind="click: executeCompose"> <i class="icon"></i> </a> </div> </div> <div class="page message-viewer" data-bind="visible: selectedPanel() === Enums.MobilePanel.View"> <div class="navbar"> <div class="navbar-inner"> <!-- We need cool sliding animation on title element, so we have additional "sliding" class --> <div class="left"> <a href="javascript:void(0)" class="link back" data-bind="click: gotoMessageList, visible: selectedPanel() === Enums.MobilePanel.View"><i class="icon icon-back"></i></a> </div> <div class="right" data-bind="visible: selectedPanel() === Enums.MobilePanel.View"> <!-- ko template: {name: 'MailMobileWebclient_MessageToolbarView', data: messagePane} --><!-- /ko --> </div> </div> </div> <div class="page-content" data-bind="template: {name: messagePane().ViewTemplate, data: messagePane}"></div> </div> </div> </div>     </div> </div> </script><script id="MailMobileWebclient_MessageItemView" type="text/html"><li class="item" data-bind="css: { 'unseen': !seen(), 'selected': selected(), 'checked': checked(), 'forwarded': forwarded(), 'answered': answered(), 'deleted': deleted() || threadHideAnimation(), 'nosubject': emptySubject(), 'threaded':  threadPart(), 'show': threadShowAnimation() }"> <div class="item-content"> <label class="label-checkbox custom_checkbox"> <input type="checkbox" data-bind="checked: checked, event: { change: function (item, event) {item.checked(!!event.target.checked); } }"> <div class="item-media"><i class="icon icon-form-checkbox"></i></div> </label> <div class="item-inner"> <div class="item-title-row"> <span class="custom_checkbox flag aurora-icons" data-bind="css: {'flagged': flagged(), 'partial': partialFlagged()}"><i class="icon"></i></span> <div class="item-title" data-bind="text: fromOrToText()"></div> <span class="unified_marker" data-bind="visible: showUnifiedMailboxLabel, text: unifiedMailboxLabelText, style: {'background': unifiedMailboxLabelColor}"></span> <!-- <div class="item-after" data-bind="text: friendlySize()"></div>--> <div class="item-after" data-bind="text: date()"></div> </div> <div class="item-subtitle"> <span class="badge thread-pin" data-bind="text: threadCount(), visible: threadCountVisible(), click: openThread, css: {'unread': threadUnreadCount() > 0}, customTooltip: threadCountHint"></span> <span data-bind="text: subjectForDisplay()"></span> <span class="importance" data-bind="visible: importance() === Enums.Importance.High"></span> <span class="star" data-bind="css: {'flagged': flagged(), 'partial': partialFlagged()}"> <!--<div class="item-media"><i class="icon icon-form-checkbox"></i></div>--> </span> </div> <!--<div class="item-text">Lorem ipsum dolor sit amet...</div>--> <span class="attachments has_attachments" data-bind="visible: hasAttachments(), css: {'has_ical_attachment': hasIcalAttachment(), 'has_vcard_attachment': hasVcardAttachment()}"></span> <span class="thread-pin loading" data-bind="i18n: {'key': 'COREWEBCLIENT/INFO_LOADING'}, visible: threadLoadingVisible()"></span> </div> </div> </li> <!-- ko if: threadNextLoadingVisible() --> <div class="item threaded thread_more_messages" data-bind="css:{'show': threadShowAnimation(), 'deleted': threadHideAnimation()}"> <div class="item_content"> <span class="link" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_LOAD_MORE_MESSAGES'}, click: loadNextMessages, visible: threadNextLoadingLinkVisible()"></span> <span style="color: #999999; font-size: 15px;" data-bind="i18n: {'key': 'COREWEBCLIENT/INFO_LOADING'}, visible: !threadNextLoadingLinkVisible()"></span> </div> </div> <!-- /ko --> </script><script id="MailMobileWebclient_MessagePaneView" type="text/html"><div class="notice" data-bind="visible: visiblePicturesControl"> <span class="item"> <span data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/INFO_MESSAGE_BLOCKED'}"></span> <span class="link" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_SHOW_PICTURES'}, click: showPictures, visible: visibleShowPicturesLink"></span> </span> <span class="item"> <span class="link" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_ALWAYS_SHOW_PICTURE_THIS_SENDER'}, click: alwaysShowPictures"></span> </span> </div> <div class="notice" data-bind="visible: visibleConfirmationControl"> <span data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/INFO_SENDER_ASKED_NOTIFY'}"></span> <span class="link" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_NOTIFY_SENDER'}, click: notifySender"></span> </div> <div class="content-block" data-bind="visible: isCurrentMessage"> <!-- ko foreach: topControllers --> <!-- ko if: $data.ViewTemplate --> <!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> <!-- /ko --> <!-- ko template: {name: sAttachmentsSwitcherViewTemplate} --><!-- /ko --> </div> <div class="list-block media-list message-header" data-bind="visible: !detailsVisible()"> <ul> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title-row"> <div class="item-title"> <span class="from contact address_capsule"> <span class="control address" data-bind="text: sMeSender && currentAccountEmail() === fromEmail() ? sMeSender : from, attr: {'data-email': fromEmail, 'data-name': oFromAddr() ? oFromAddr().sName : ''}"></span> </span> <span class="to_arrow" data-bind="visible: allRecipients().length > 0">&#8594;</span> <span data-bind="foreach: allRecipients"> <span class="contact address_capsule"> <span class="address" data-bind="text: $parent.currentAccountEmail() === sEmail ? $parent.meRecipient : sDisplay,  attr: {'data-email': sEmail, 'data-name': sName}"> </span> </span> </span> </div> <div class="item-after"> <span class="button" data-bind="click: switchDetailsVisibility, visible: !detailsVisible(), i18n: {'key': 'COREWEBCLIENT/ACTION_SHOW_DETAILS'}"></span> </div> </div> <div class="item-text"> <span class="date" data-bind="text: midDate, visible: !detailsVisible()"></span> </div> </div> </div> </li> </ul> </div> <div class="list-block message-header" data-bind="visible: detailsVisible()"> <ul> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label"></div> <div class="item-after"> <span class="button" data-bind="click: switchDetailsVisibility, visible: detailsVisible(), i18n: {'key': 'COREWEBCLIENT/ACTION_HIDE_DETAILS'}"></span> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/LABEL_FROM'}"></div> <div class="item-after" data-bind="text: fullFrom, attr: {'data-email': fromEmail, 'data-name': oFromAddr() ? oFromAddr().sName : ''}"> </div> </div> </div> </li> <li data-bind="visible: aToAddr().length > 0"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/LABEL_TO'}"></div> <div class="item-after" data-bind="foreach: aToAddr"> <span class="address" data-bind="text: sFull, attr: {'data-email': sEmail, 'data-name': sName}"></span> </div> </div> </div> </li> <li data-bind="visible: aCcAddr().length > 0"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_CC'}"></div> <div class="item-after" data-bind="foreach: aCcAddr"> <span class="address" data-bind="text: sFull, attr: {'data-email': sEmail, 'data-name': sName}"></span> </div> </div> </div> </li> <li data-bind="visible: aBccAddr().length > 0"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_BCC'}"></div> <div class="item-after" data-bind="foreach: aBccAddr"> <span class="address" data-bind="text: sFull, attr: {'data-email': sEmail, 'data-name': sName}"></span> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/LABEL_DATE'}"></div> <div class="item-after" data-bind="text: fullDate"> </div> </div> </div> </li> </ul> </div> <div class="content-block-title" data-bind="css: {'nosubject': emptySubject()}"> <span class="icon importance" data-bind="visible: importance() === Enums.Importance.High"></span> <h2 class="subject" data-bind="text: subjectForDisplay"></h2> </div> <!--'view_attachments': visibleAttachments--> <div class="content-block" data-bind="css: {'has_bodytext': hasBodyText, 'has_attachments': hasNotInlineAttachments}"> <!-- ko foreach: bodyControllers --> <!-- ko if: $data.ViewTemplate --> <!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> <!-- /ko --> <div class="color-gray" data-bind="visible: visibleNoMessageSelectedText"> <div data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/INFO_NO_MESSAGE_SELECTED'}"></div> <div class="message_body_secondary_info" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/INFO_SINGLE_DOUBLE_CLICK'}"></div> </div> <div class="color-gray" data-bind="visible: isLoading, i18n: {'key': 'COREWEBCLIENT/INFO_LOADING'}"></div> <div class="content-block-inner"> <div class="message_body html" data-bind="initDom: domTextBody, attr: {'dir': rtlMessage() ? 'rtl' : 'ltr'}"></div> <div style="clear: both;"></div> </div> </div> <div class="attachments_panel" data-bind="visible: hasNotInlineAttachments"> <div class="attachments large"> <div data-bind="template: {name: 'CoreMobileWebclient_FileView', foreach: notInlineAttachments}"></div> </div> </div> <!--<div class="panel_bottom">  ko template: {name: sQuickReplyViewTemplate}  /ko  </div>--> </script><script id="MailMobileWebclient_MessageToolbarView" type="text/html"><a href="javascript:void(0)" class="link icon-only open-panel aurora-icons reply" data-bind="command: replyCommand, visible: isVisibleReplyTool"> <i class="icon"></i> <!--<span class="text" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_REPLY'}"></span>--> </a> <a href="javascript:void(0)" class="link icon-only open-panel aurora-icons replyall" data-bind="command: replyAllCommand, visible: isVisibleReplyTool"> <i class="icon"></i> <!--<span class="text" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_REPLY_TO_ALL'}"></span>--> </a> <a href="javascript:void(0)" class="link icon-only open-panel aurora-icons forward" data-bind="command: forwardCommand, visible: isVisibleForwardTool"> <i class="icon"></i> <!--<span class="text" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_FORWARD'}"></span>--> </a> <a href="javascript:void(0)" class="link icon-only open-panel aurora-icons delete" data-bind="command: deleteCommand"> <i class="icon"></i> <!--<span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_DELETE'}"></span>--> </a> </script><script id="MailMobileWebclient_MessagesToolbarView" type="text/html"><span class="link icon-only open-panel aurora-icons group mark" data-bind="dropdown: {}, css: {disabled: messageList().isEmptyList()}, visible: visibleMarkTool"> <!--<span class="item" data-bind="command: markAsReadCommand">--> <!--<i class="icon"></i>--> <!--<span class="text" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_MARK_AS_READ'}"></span>--> <!--</span>--> <!-- <span class="item control"> <span class="icon arrow"></span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content"> <span class="item allread" data-bind="command: markAllReadCommand, i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_MARK_ALL_READ'}"></span> <span class="item unread" data-bind="command: markAsUnreadCommand, i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_MARK_AS_UNREAD'}"></span> </span> </span> </span> </span>--> </span> <a href="javascript:void(0)" class="link icon-only open-panel aurora-icons delete" data-bind="command: deleteCommand" id="selenium_mail_delete_button"> <i class="icon"></i> <!--<span class="hint" data-bind="text: selectedCount, visible: selectedCount() > 0"></span>--> <!--<span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_DELETE'}"></span>--> </a> <a href="javascript:void(0)" class="link icon-only open-panel aurora-icons spam" data-bind="command: spamCommand, visible: allowedSpamAction"> <i class="icon"></i> <!--<span class="text" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_MARK_SPAM'}"></span>--> </a> <a href="javascript:void(0)" class="link icon-only open-panel aurora-icons notspam" data-bind="command: notSpamCommand, visible: allowedNotSpamAction"> <i class="icon"></i> <!--<span class="text" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_MARK_NOT_SPAM'}"></span>--> </a></script><script id="MailMobileWebclient_MessagesView" type="text/html"><div class="searchbar" data-bind="css: {'searchbar-active': isFocused}"> <div class="searchbar-input"> <input type="search" spellcheck="false" placeholder="Search" data-bind="value: searchInput, valueUpdate: 'afterkeydown', onEnter: onSearchClick, hasfocus: isFocused, i18n: {'key': 'COREWEBCLIENT/ACTION_SEARCH'}"> <!--<a href="#" class="searchbar-clear"></a>--> </div> <a href="#" class="searchbar-cancel aurora-icons close" data-bind="css: {'show': !visibleInfoSearchLoading() && isSearch()} , click: onClearSearchClick"><span class="icon"></span></a> <!--i18n: {'key': 'COREWEBCLIENT/ACTION_CLEAR_SEARCH'},-->  </div> <div class="page-content"> <span class="list_notification" data-bind="visible: visibleInfoSearchLoading"> <span class="link" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_STOP_SEARCH'}, click: onStopSearchClick"></span> <span class="description" data-bind="html: searchText"></span> </span> <span class="list_notification search_results" data-bind="visible: visibleInfoSearchList"> <!--<span class="link" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CLEAR_SEARCH'}, click: onClearSearchClick"></span>--> <span class="description" data-bind="html: searchText"></span> </span> <span class="list_notification" data-bind="visible: visibleInfoSearchEmpty"> <!--<span class="link" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CLEAR_SEARCH'}, click: onClearSearchClick"></span>--> <span class="description" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/INFO_SEARCH_EMPTY'}"></span> </span> <span class="list_notification" data-bind="visible: visibleInfoSearchError"> <span class="link" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_RETRY'}, click: onRetryClick"></span> <!--<span class="link" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_SWITCH_TO_MESSAGE_LIST'}, click: onClearSearchClick"></span>--> <span class="description" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/INFO_SEARCH_ERROR'}"></span> </span> <span class="list_notification" data-bind="visible: visibleInfoUnseenFilterList"> <span class="link" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_CLEAR_FILTER'}, click: onClearFilterClick"></span> <span class="description" data-bind="html: unseenFilterText"></span> </span> <span class="list_notification" data-bind="visible: visibleInfoUnseenFilterEmpty"> <span class="link" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_CLEAR_FILTER'}, click: onClearFilterClick"></span> <span class="description" data-bind="text: unseenFilterEmptyText"></span> </span> <span class="list_notification" data-bind="visible: visibleInfoMessageListEmpty"> <span class="description" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/INFO_MESSAGE_LIST_EMPTY'}"></span> </span> <span class="list_notification" data-bind="visible: visibleInfoStarredFolderEmpty"> <span class="description" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/INFO_STARRED_FOLDER_EMPTY'}"></span> </span> <span class="list_notification" data-bind="visible: visibleInfoMessageListError"> <span class="link" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_RETRY'}, click: onRetryClick"></span> <span class="description" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/INFO_MESSAGE_LIST_ERROR'}"></span> </span> <div class="list-block media-list message_list"> <ul class="message_sub_list" data-bind="foreach: collection, css: {'not_use_threads': !useThreading(), 'use_threads': useThreading}"> <!-- ko template: {name: 'MailMobileWebclient_MessageItemView'} --><!-- /ko --> </ul> </div> <span class="list_notification" data-bind="visible: visibleInfoLoading()"> <span class="description" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/INFO_LOADING_MESSAGE_LIST'}"></span> </span> <span class="list_notification" data-bind="visible: visibleInfoSearchLoading()"> <span class="description" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/INFO_SEARCHING_FOR_MESSAGES'}"></span> </span> </div> <div class="middle_bar" data-bind="css: {'advanced_search': bAdvancedSearch}"> <!-- <div class="panel_top"> <label class="custom_checkbox" data-bind="css: {'checked': checkAll, 'incomplete': checkAllIncomplite}"> <span class="icon"></span> <input type="checkbox" data-bind="checked: checkAll" /> </label> </div>--> <div class="items_list message_list" data-bind="initDom: messagesContainer"> <span> </span> </div> </div> </script><script id="MailMobileWebclient_SearchView" type="text/html"><span class="search_block"> <span class="input" data-bind="css: {'focus': isFocused}"> <span class="icon search" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SEARCH'}"></span> <input class="field" spellcheck="false"  type="text" data-bind="value: searchInput, onEnter: onSearchClick" /> </span> </span> <div class="toolbar"> <span class="content"> <span class="item checkstate" data-bind="command: $parent.checkMailCommand,  checkstate: {'activeClass': 'process', 'state': $parent.checkMailIndicator(), 'duration': 800},  customTooltip: 'MAILMOBILEWEBCLIENT/ACTION_CHECK_MAIL'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_CHECK_MAIL'}"></span> </span> </span> </div> </script><script id="MailMobileWebclient_Compose_SaveButtonView" type="text/html"><a href="javascript:void(0)" class="item link send" data-bind="command: saveCommand"> <span class="icon" data-bind="customTooltip: 'MAILMOBILEWEBCLIENT/ACTION_SAVE'"></span> <span class="text" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_SAVE'}"></span> </span> </script><script id="MailMobileWebclient_Compose_SendButtonView" type="text/html"><a href="javascript:void(0)" class="item link send" data-bind="command: sendCommand"> <span class="icon" data-bind="customTooltip: 'MAILMOBILEWEBCLIENT/ACTION_SEND'"></span> <span class="text" data-bind="i18n: {'key': 'MAILMOBILEWEBCLIENT/ACTION_SEND'}"></span> </span> </script><script id="ActivityHistory_ShowHistoryPopup" type="text/html"><div class="popup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="visible: (popupHeading() !== ''), text: popupHeading"></span> <div class="fields"> <div class="items_list simple_list simple_list_history_activity"> <div class="item heading"> <span class="event_date" data-bind="i18n: {'key': 'ACTIVITYHISTORY/LABEL_DATE'}"></span> <span class="event_action" data-bind="i18n: {'key': 'ACTIVITYHISTORY/LABEL_ACTION'}"></span> <span class="event_ip" data-bind="i18n: {'key': 'ACTIVITYHISTORY/LABEL_IP'}"></span> <span class="event_user" data-bind="i18n: {'key': 'ACTIVITYHISTORY/LABEL_USER'}"></span> </div> <div class="item item_info" data-bind="visible: isEmptyHistory() || isLoading()"> <span data-bind="i18n: {'key': 'ACTIVITYHISTORY/LABEL_NO_HISTORY'}, visible: isEmptyHistory"></span> <span data-bind="i18n: {'key': 'COREWEBCLIENT/INFO_LOADING'}, visible: isLoading"></span> </div> <!-- ko foreach: historyItems --> <div class="item"> <span class="event_date" data-bind="text: time"></span> <span class="event_action" data-bind="text: action"></span> <span class="event_ip" data-bind="text: ip"></span> <span class="event_user" data-bind="text: userPublicId"></span> </div> <!-- /ko --> </div> <span data-bind="visible: oPageSwitcher.pages().length > 0"> <!-- ko template: {name: oPageSwitcher.ViewTemplate, data: oPageSwitcher} --><!-- /ko --> </span> <div class="buttons"> <span class="button contour_button" data-bind="i18n: {'key': 'ACTIVITYHISTORY/ACTION_CLEAR_HISTORY'}, click: confirmClearHistory"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CLOSE'}, click: cancelPopup"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="OpenPgpFilesWebclient_ButtonsView" type="text/html"><span class="item secure-share" data-bind="command: createSecureLinkCommand, customTooltip: 'OPENPGPFILESWEBCLIENT/ACTION_SECURE_SHARE' "> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/ACTION_SECURE_SHARE'}"></span> </span></script><script id="OpenPgpFilesWebclient_ComposeButtonsView" type="text/html"><span class="item" data-bind="click: isEnableSending() ? send : false, css: {'disabled': !isEnableSending()}, i18n: {'key': 'OPENPGPFILESWEBCLIENT/ACTION_SELF_DESTRUCT'}"> </span> </script><script id="OpenPgpFilesWebclient_CreatePublicLinkPopup" type="text/html"><div class="popup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <div class="row"> <span class="popup_heading" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/HEADING_CREATE_PUBLIC_LINK'}"></span> </div> <div class="fields encrypt-popup"> <div class="fieldset"> <div class="row"> <span> <label class="custom_checkbox" data-bind="css: {checked: encryptPublicLink, disabled: isFolder}"> <span class="icon"></span> <input type="checkbox" id="EncryptPublicLink" data-bind="checked: encryptPublicLink, disable: isFolder" /> </label> <label for="EncryptPublicLink" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/LABEL_ENCRYPT_PUBLIC_LINK'}, css: {disabled: isFolder}"></label> </span> </div> <div class="row hint" data-bind="visible: isFolder"> <span data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/INFO_PASSWORD_PROTECT_ONLY_FILES'}"></span> </div> <div class="row" data-bind="visible: allowLifetime"> <span class="label" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/LABEL_LINK_LIFETIME'}"></span> <span class="value"> <select class="value input" style="width: 200px" data-bind="options: lifetime, optionsText: 'label', optionsValue: 'value', value: selectedLifetimeHrs "></select> </span> </div> <div class="row"> <br /> </div> </div> <div class="buttons"> <span class="button" data-bind="click: isCreatingPublicLink() ? false : createPublicLink, css: {'disabled': isCreatingPublicLink()}"> <span data-bind="i18n: {'key':  'OPENPGPFILESWEBCLIENT/ACTION_CREATE_PUBLIC_LINK'}, visible: !(encryptPublicLink() || isCreatingPublicLink())"></span> <span data-bind="i18n: {'key':  'OPENPGPFILESWEBCLIENT/ACTION_CREATE_ENCRYPTED_PUBLIC_LINK'}, visible: encryptPublicLink() && !isCreatingPublicLink()"></span> <span data-bind="i18n: {'key':  'OPENPGPFILESWEBCLIENT/ACTION_CREATE_PUBLIC_LINK_IN_PROGRESS'}, visible: isCreatingPublicLink()"></span> </span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="OpenPgpFilesWebclient_EncryptFilePopup" type="text/html"><div class="popup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <div class="row"> <span class="popup_heading" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/HEADING_SEND_ENCRYPTED_FILE'}"></span> </div> <div class="fields encrypt-popup"> <div class="fieldset"> <div class="row" style="display: flex; align-items: center;" data-bind="visible: !isSuccessfullyEncryptedAndUploaded() || recipientAutocompleteItem()"> <span class="label" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/LABEL_RECIPIENT'}, style: {'vertical-align': 'middle'}"></span> <span class="input select-recipient"> <input id="select_recipient_input" class="value" spellcheck="false" type="text" autocomplete="on" data-bind="value: recipientAutocomplete, valueUpdate: ['blur', 'afterkeydown'], autocompleteSimple: {callback: autocompleteCallback.bind($data), dataAccessor: recipientAutocompleteItem}, disable: isSuccessfullyEncryptedAndUploaded() || isEncrypting()" /> <span class="icon" data-bind="visible: recipientAutocompleteItem() && recipientAutocompleteItem().hasKey"></span> </span> </div> <div data-bind="visible: !isSuccessfullyEncryptedAndUploaded()"> <div class="row"> <br> <span class="hint" data-bind="text: recipientHintText"></span> </div> <br> <div class="row" data-bind="visible: allowLifetime"> <span class="label" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/LABEL_LINK_LIFETIME'}"></span> <span class="value"> <select class="value input" data-bind="options: lifetime, optionsText: 'label', optionsValue: 'value', value: selectedLifetimeHrs "></select> </span> </div> <br data-bind="visible: allowLifetime" /> <div class="row"> <span class="label" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/LABEL_ENCRYPTION_TYPE'}"></span> <span class="value"> <label class="custom_radio pgp-encrypt-radio" data-bind="css: {'checked': encryptionBasedMode() === Enums.EncryptionBasedOn.Key, 'disabled': keyBasedEncryptionDisabled() || isEncrypting()}"> <span class="icon"></span> <input type="radio" id="tab_key" data-bind="checked: encryptionBasedMode, attr: {'value': Enums.EncryptionBasedOn.Key, 'disabled': keyBasedEncryptionDisabled() || isEncrypting()}" /> </label> <label for="tab_key" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/LABEL_KEY_BASED_ENCRYPTION'}, css: {'hint': keyBasedEncryptionDisabled() || isEncrypting()}"></label> <label class="custom_radio pgp-encrypt-radio" data-bind="css: {'checked': encryptionBasedMode() === Enums.EncryptionBasedOn.Password, 'disabled': isEncrypting}"> <span class="icon"></span> <input type="radio" id="tab_password" data-bind="checked: encryptionBasedMode, attr: {'value': Enums.EncryptionBasedOn.Password, 'disabled': isEncrypting}" /> </label> <label for="tab_password" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/LABEL_PASSWORD_BASED_ENCRYPTION'}, css: {'hint': isEncrypting}"></label> </span> </div> <br> <div class="row" data-bind="style: {'visibility': (encryptionBasedMode() !== '') ? 'visible' : 'hidden'}"> <span class="hint" data-bind="text: encryptionBasedMode() === '' ? '&nbsp;' : encryptionModeHintText()"></span> </div> <div class="row" data-bind="css: {'disabled': !isSigningAvailable()}"> <div style="white-space: nowrap;"> <label data-bind="css: {'checked': sign, 'disabled': !isSigningAvailable() || isEncrypting()}" class="custom_checkbox checked"> <span class="icon"></span> <input type="checkbox" data-bind="checked: sign, disable: !isSigningAvailable() || isEncrypting()" id="openpgp-sign" /> </label> <label data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/LABEL_SIGN'}, style: { 'display': 'inline-block', 'margin': '5px 0'}" for="openpgp-sign"></label> </div> </div> <div class="row"> <span class="hint" data-bind="text: signFileHintText"></span> </div> </div> <div data-bind="visible: isSuccessfullyEncryptedAndUploaded()"> <div class="encryption-result"> <div class="hint" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/HINT_ENCRYPTED_FILE_LINK'}"></div> <div class="value" data-bind="text: encryptedFileLink"></div> <div data-bind="visible: encryptedFilePassword() !== '' " style="margin-top: 16px;"> <div class="hint" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/HINT_ENCRYPTED_FILE_PASSWORD'}"></div> <div class="value" data-bind="text: encryptedFilePassword"></div> </div> </div> <br> <div class="hint" data-bind="text: hintUnderEncryptionInfo"></div> </div> </div> <div class="buttons"> <!-- ko foreach: addButtons --> <!-- ko template: {name: $data.ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> <span class="button" data-bind="click: isEncrypting() ? false: encrypt, visible: !isSuccessfullyEncryptedAndUploaded(), css: {'disabled': isEncrypting()}" > <span data-bind="i18n: {'key':  'OPENPGPFILESWEBCLIENT/ACTION_ENCRYPT'}, visible: !isEncrypting()"></span> <span data-bind="i18n: {'key':  'OPENPGPFILESWEBCLIENT/ACTION_ENCRYPT_IN_PROGRESS'}, visible: isEncrypting()"></span> </span> <span class="button" data-bind="click: sendEmail, visible: isSuccessfullyEncryptedAndUploaded() && recipientAutocompleteItem(), text: sendButtonText"></span> <span class="button secondary_button" data-bind="text: cancelButtonText, click: isEncrypting() ? false: cancelPopup, css: {'disabled': isEncrypting()}"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="OpenPgpFilesWebclient_Expired" type="text/html"><!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- <link type="text/css" rel="stylesheet" href="static/styles/sharing.css"> --> <link type="text/css" rel="stylesheet" href="./static/styles/themes/{{Theme}}/styles.css" /> </head> <body class="public-page-view"> <div class="public-page-card"> {{Expired}} </div> </body> </html> </script><script id="OpenPgpFilesWebclient_FileView" type="text/html"><div class="public-page-card" data-bind="css: {'media': isMedia()}"> <div class="fields" data-bind="if: ExpireDateMessage"> <div class="fieldset"> <div class="row"> <span data-bind="text: ExpireDateMessage"></span> </div> </div> </div> <div class="item file"> <div class="item_content"> <span class="data"> <span class="icon" data-bind="css: fileType"></span> <span class="name" data-bind="text: fileName"></span> <span class="size" data-bind="text: fileSize"></span> </span> </div> </div> <div class="fields"> <div class="fieldset"> <div class="row" data-bind="visible: koShowPassword"> <span class="label" data-bind="text: passwordLabel"></span> <input autocomplete="new-password" type="password" class="value input" data-bind="value: password" /> </div> </div> </div> <div class="video-container" data-bind="visible: bShowVideoPlayer()"> <video id="video-player" class="video-js" controls width="640" autoplay data-setup="{}" > </video> </div> <div class="audio-container" data-bind="visible: bShowAudioPlayer()"> <audio id="audio-player" class="video-js" controls autoplay data-setup="{}" > </audio> </div> <span class="buttons"> <span class="button button-fill" data-bind="click: isDownloadingAndDecrypting() ? false : play, visible: bShowPlayButton() && !bShowVideoPlayer() && !bShowAudioPlayer(), css: {'disabled': isDownloadingAndDecrypting()}, i18n: {'key': 'OPENPGPFILESWEBCLIENT/ACTION_PLAY'} "></span> <span class="button button-fill" data-bind="click: isDownloadingAndDecrypting() ? false : downloadAndDecryptFile, visible: isDecryptionAvailable(), css: {'disabled': isDownloadingAndDecrypting()}"> <span data-bind="i18n: {'key':  'OPENPGPFILESWEBCLIENT/ACTION_DOWNLOAD_AND_DECRYPT'}, visible: !isDownloadingAndDecrypting()"></span> <span data-bind="i18n: {'key':  'OPENPGPFILESWEBCLIENT/ACTION_DOWNLOAD_AND_DECRYPT_IN_PROGRESS'}, visible: isDownloadingAndDecrypting()"></span> </span> <a class="button button-fill download" data-bind="attr: {href: fileUrl}, i18n: {'key':  'COREWEBCLIENT/ACTION_DOWNLOAD_FILE'}, visible: !bSecuredLink && !isUrlFile"></a> <span class="button button-fill" data-bind="click: securedLinkDownload, visible: bSecuredLink && !isUrlFile, i18n: {'key':  'COREWEBCLIENT/ACTION_DOWNLOAD_FILE'}"> </span> </span> </div> </script><script id="OpenPgpFilesWebclient_SelfDestructingEncryptedMessagePopup" type="text/html"><div class="popup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <div class="row"> <span class="popup_heading" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/HEADING_SEND_SELF_DESTRUCT'}"></span> </div> <div class="fields encrypt-popup"> <div class="fieldset"> <span class="hint" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/HINT_SELF_DESTRUCT'}"></span> <br> <br> <div class="row" style="display: flex; align-items: center;"> <span class="label" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/LABEL_RECIPIENT'}, style: {'vertical-align': 'middle'}"></span> <span class="input select-recipient"> <input id="select_recipient_input" class="value" spellcheck="false" type="text" autocomplete="on" data-bind="value: recipientAutocomplete, valueUpdate: ['blur', 'afterkeydown'], autocompleteSimple: {callback: autocompleteCallback.bind($data), dataAccessor: recipientAutocompleteItem}, disable: isEncrypting() || password()" /> <span class="icon" data-bind="visible: recipientAutocompleteItem() && recipientAutocompleteItem().hasKey"></span> </span> </div> <div data-bind="visible: !password()"> <div class="row"> <br> <span class="hint" data-bind="text: recipientHintText"></span> </div> <br> <div class="row"> <span class="label" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/LABEL_MESSAGE_LIFETIME'}"></span> <span class="value"> <select class="value input" data-bind="options: lifetime, optionsText: 'label', optionsValue: 'value', value: selectedLifetimeHrs "></select> </span> </div> <br> <br> <div class="row"> <span class="label" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/LABEL_ENCRYPTION_TYPE'}"></span> <span class="value"> <label class="custom_radio pgp-encrypt-radio" data-bind="css: {'checked': encryptionBasedMode() === Enums.EncryptionBasedOn.Key, 'disabled': keyBasedEncryptionDisabled}"> <span class="icon"></span> <input type="radio" id="tab_key" data-bind="checked: keyBasedEncryptionDisabled() ? false : encryptionBasedMode, attr: {'value': Enums.EncryptionBasedOn.Key}" /> </label> <label for="tab_key" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/LABEL_KEY_BASED_ENCRYPTION'}, css: {'hint': keyBasedEncryptionDisabled}"></label> <label class="custom_radio pgp-encrypt-radio" data-bind="css: {'checked': encryptionBasedMode() === Enums.EncryptionBasedOn.Password, 'disabled': passwordBasedEncryptionDisabled}"> <span class="icon"></span> <input type="radio" id="tab_password" data-bind="checked: passwordBasedEncryptionDisabled() ? false : encryptionBasedMode, attr: {'value': Enums.EncryptionBasedOn.Password}" /> </label> <label for="tab_password" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/LABEL_PASSWORD_BASED_ENCRYPTION'}, css: {'hint': passwordBasedEncryptionDisabled}"></label> </span> </div> <br> <div class="row" data-bind="style: {'visibility': (encryptionBasedMode() !== '') ? 'visible' : 'hidden'}"> <span class="hint" data-bind="text: encryptionBasedMode() === '' ? '&nbsp;' : encryptionModeHintText()"></span> </div> <div class="row" data-bind="css: {'disabled': !isSigningAvailable()}"> <div style="white-space: nowrap;"> <label data-bind="css: {'checked': sign, 'disabled': !isSigningAvailable() || isEncrypting()}" class="custom_checkbox checked"> <span class="icon"></span> <input type="checkbox" data-bind="checked: sign, disable: !isSigningAvailable() || isEncrypting()" id="openpgp-sign" /> </label> <label data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/LABEL_SIGN'}, style: { 'display': 'inline-block', 'margin': '5px 0'}" for="openpgp-sign"></label> <input name="fake_input_for_autocomplete" type="text" class="value input" style="display: none;" /> </div> </div> <div class="row"> <span class="hint" data-bind="text: signFileHintText"></span> </div> </div> <div data-bind="visible: password()"> <div class="encryption-result"> <div class="hint" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/HINT_ENCRYPTED_MESSAGE_PASSWORD'}"></div> <div class="value" data-bind="text: password"></div> </div> <br> <div class="hint" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/HINT_SELF_DESTRUCT_LINK_PASSWORD_BASED'}"></div> </div> </div> <div class="buttons"> <span class="button" data-bind="click: isEncrypting() ? false: encrypt, visible: encryptionAvailable() && !password(), css: {'disabled': isEncrypting()}"> <span data-bind="i18n: {'key':  'OPENPGPFILESWEBCLIENT/ACTION_ENCRYPT'}, visible: !isEncrypting()"></span> <span data-bind="i18n: {'key':  'OPENPGPFILESWEBCLIENT/ACTION_ENCRYPT_IN_PROGRESS'}, visible: isEncrypting()"></span> </span> <span class="button" data-bind="click: cancelPopup, visible: password()"> <span data-bind="i18n: {'key':  'COREWEBCLIENT/ACTION_OK'}"></span> </span> <span class="button secondary_button" data-bind="text: cancelButtonText, click: isEncrypting() ? false: cancelPopup, css: {'disabled': isEncrypting()}"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="OpenPgpFilesWebclient_SelfDestructingEncryptedMessageView" type="text/html"><div class="public-page-card self_destructing_panel"> <div data-bind="visible: !isDecryptedSuccessfully()"> <div class="fields"> <div class="fieldset"> <div class="row" data-bind="visible: isDecryptionAvailable()"> <span class="label" data-bind="text: passwordLabel"></span> <input autocomplete="new-password" type="password" class="value input" data-bind="value: enteredPassword" /> </div> <div class="row" data-bind="visible: !isDecryptionAvailable() && isShowNoKeyErrorMessage()"> <span class="label" data-bind="text: EerrorNoKeyMessage"></span> </div> </div> </div> <span class="buttons"> <span class="button" data-bind="click: isDecrypting() ? false : decryptMessage, visible: isDecryptionAvailable(), css: {'disabled': isDecrypting()}"> <span data-bind="i18n: {'key':  'OPENPGPFILESWEBCLIENT/ACTION_DECRYPT_MESSAGE'}, visible: !isDecrypting()"></span> <span data-bind="i18n: {'key':  'OPENPGPFILESWEBCLIENT/ACTION_DECRYPT_MESSAGE_IN_PROGRESS'}, visible: isDecrypting()"></span> </span> </span> </div> <div class="popup_panel" data-bind="visible: isDecryptedSuccessfully()"> <div class="fields"> <div class="fieldset"> <div class="row"> <span class="hint" data-bind="text: ExpireDateMessage"></span> </div> <div class="row subject"> <span data-bind="text: subject"></span> </div> <div class="row message"> <pre data-bind="text: message"></pre> </div> </div> </div> </div> </div> </script><script id="OpenPgpFilesWebclient_SharePopup" type="text/html"><div class="popup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <div class="fields"> <div class="fieldset"> <div class="row"> <span class="label" data-bind="text: linkLabel()"></span> <input readonly="readonly" spellcheck="false" class="value input" type="text" maxlength="255" data-bind="hasfocus: publicLinkFocus, value: publicLink, click: function () {$element.select();}" /> </div> <div class="row" data-bind="visible: password()"> <span class="label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_PASSWORD'}"></span> <input readonly="readonly" spellcheck="false" class="value input" type="text" maxlength="255" data-bind="value: password, click: function () {$element.select();}" /> </div> <div class="row" data-bind="visible: bAllowSendMessage"> <span class="label" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/LABEL_RECIPIENT'}, style: {'vertical-align': 'middle'}"></span> <span class="input select-recipient"> <input id="select_recipient_input" class="value" spellcheck="false" type="text" autocomplete="on" data-bind="value: recipientAutocomplete, valueUpdate: ['blur', 'afterkeydown'], autocompleteSimple: {callback: autocompleteCallback.bind($data), dataAccessor: recipientAutocompleteItem} " /> <span class="icon" data-bind="visible: recipientAutocompleteItem() && recipientAutocompleteItem().hasKey"></span> </span> </div> <div class="row" data-bind="style: {'visibility': recipientAutocompleteItem() ? 'visible' : 'hidden'}, visible: bAllowSendMessage"> <span class="hint" data-bind="html: recipientAutocompleteItem() ? sendLinkHintText() : '&nbsp;<br>&nbsp;' "></span> </div> <div class="row" data-bind="visible: bAllowSendMessage && password()"> <div style="white-space: nowrap;" data-bind="css: {'disabled': !isSigningAvailable()}"> <label data-bind="css: {'checked': sign}, enable: isSigningAvailable()" class="custom_checkbox checked"> <span class="icon"></span> <input type="checkbox" data-bind="checked: sign, enable: isSigningAvailable()" id="openpgp-sign" /> </label> <label data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/LABEL_SIGN'}, style: {'margin': '5px 0', 'display': 'inline-block'}" for="openpgp-sign"></label> </div> </div> <div class="row" data-bind="visible: bAllowSendMessage && password()"> <span class="hint" data-bind="text: signEmailHintText"></span> </div> </div> <div class="buttons"> <span class="button contour_button" data-bind="i18n: {'key': 'OPENPGPFILESWEBCLIENT/ACTION_SHOW_HISTORY'}, click: showHistory, visible: bAllowShowHistory"></span> <!-- ko foreach: addButtons --> <!-- ko template: {name: $data.ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> <span class="button remove" data-bind="click: recipientAutocompleteItem() ? sendEmail : false, css: {'disabled': !recipientAutocompleteItem()}, visible: bAllowSendMessage"> <span data-bind="i18n: {'key':  'OPENPGPFILESWEBCLIENT/ACTION_SEND_EMAIL'}, visible: !isEmailEncryptionAvailable()"></span> <span data-bind="i18n: {'key':  'OPENPGPFILESWEBCLIENT/ACTION_SEND_ENCRYPTED_EMAIL'}, visible: isEmailEncryptionAvailable()"></span> </span> <span class="button remove" data-bind="click: isRemovingPublicLink() ? false: onCancelSharingClick, css: {'disabled': isRemovingPublicLink()}"> <span data-bind="i18n: {'key':  'OPENPGPFILESWEBCLIENT/ACTION_REMOVE_PUBLIC_LINK'}, visible: !isRemovingPublicLink()"></span> <span data-bind="i18n: {'key':  'OPENPGPFILESWEBCLIENT/ACTION_REMOVE_PUBLIC_LINK_IN_PROGRESS'}, visible: isRemovingPublicLink()"></span> </span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CLOSE'}, click: cancelPopup"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="CalendarWebclient_CalendarItemMenuView" type="text/html"><div class="item" data-bind="css: {'expand': $parent.currentCalendarDropdown() === id}, style: {backgroundColor: color}"> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content" data-bind="style: {backgroundColor: color}"> <span class="item" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/ACTION_EDIT_CALENDAR'}, visible: isEditable() && (!isSharedToAll() || isOwner()), click: function (oItem) {$parent.openUpdateCalendarForm(oItem);}"></span> <span class="item" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/ACTION_IMPORT_CALENDAR'}, visible: isEditable() && !subscribed(), click: function (oItem) {$parent.openImportCalendarForm(oItem);}"></span> <span class="item" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/ACTION_GET_CALENDAR_LINK'}, visible: !subscribed(), click: function (oItem, eEvent) {$parent.openGetLinkCalendarForm(oItem, eEvent);}"></span> <span class="item" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/ACTION_SHARE_AND_PUBLISH'}, visible: (canShare() && bAllowShare && !subscribed()), click: function (oItem) {$parent.openShareCalendarForm(oItem);}"></span> <span class="item" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/ACTION_REMOVE_CALENDAR'}, visible: isOwner(), click: function () {$parent.deleteCalendar(id);}"></span> <span class="item" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/ACTION_UNSUBSCRIBE_CALENDAR'}, visible: !isOwner() && !isSharedToAll(), click: function () {$parent.deleteCalendar(id, true);}"></span> <span class="separator" data-bind="visible: (!isShared() || isOwner())"></span> <span class="colors" data-bind="visible: isEditable(), foreach: $parent.colors"> <span class="item color_pick" data-bind="style: {backgroundColor: $data}, css: {'selected': $parent.color() === $data},  click: function () {$root.updateCalendarColor($data, $parent.id);}"></span> </span> </span> </span> </span> </div> </script><script id="CalendarWebclient_CalendarItemView" type="text/html"><div class="item" data-bind=" droppable: {valueFunc: function (oEvent, oUi) { $root.dropItem(oEvent, oUi); }}, dropdown: {'callback': $parent.calendarDropdownToggle, 'trueValue': id, passClick: false}, style: {backgroundColor: color}, css: {'inactive': !active(), 'readonly': !isEditable()}"> <div class="label-container" data-bind="click: $parent.calendarListClick"> <label class="custom_checkbox" data-bind="css: {'checked': active}"> <span class="icon"></span> <input type="checkbox" data-bind="checked: active" /> </label> <span class="icon public" data-bind="visible: isPublic(), click: function (oItem, eEvent) {$parent.openGetLinkCalendarForm(oItem, eEvent);}"></span> <span class="title"> <span data-bind="text: name() + (isShared() ? ' - ' + owner() : ''), fade: {color: color}"></span> </span> </div> <div class="button-container"> <span class="control"></span> </div> </div></script><script id="CalendarWebclient_CalendarSettingsFormView" type="text/html"><div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/HEADING_SETTINGS_TAB'}"></h2> </div> <div class="panel_center"> <div class="fields"> <div class="fieldset"> <div class="row workday"> <span class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_WORKDAY_STARTS'}"></span> <span class="value"> <select class="input start" data-bind="value: selectedWorkdayStarts, options: availableTimes, optionsText: 'text', optionsValue: 'value'"></select> <span data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_WORKDAY_ENDS'}"></span> <select class="input end" data-bind="value: selectedWorkdayEnds, options: availableTimes, optionsText: 'text', optionsValue: 'value'"></select> </span> </div> <div class="row"> <span class="label"></span> <span class="value"> <label class="custom_checkbox" data-bind="css: {'checked': showWorkday}"> <span class="icon"></span> <input type="checkbox" id="showWorkday" data-bind="checked: showWorkday" /> </label> <label for="showWorkday" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_SHOW_WORKDAY'}"></label> </span> </div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_WEEK_STARTS_ON'}"></span> <span class="value"> <select class="input" data-bind="value: weekStartsOn"> <option value="6" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_SATURDAY'}"></option> <option value="0" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_SUNDAY'}"></option> <option value="1" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_MONDAY'}"></option> </select> </span> </div> <div class="row"> <span class="label"></span> <span class="value"> <label class="custom_checkbox" data-bind="css: {'checked': showWeekends}"> <span class="icon"></span> <input type="checkbox" id="showWeekends" data-bind="checked: showWeekends" /> </label> <label for="showWeekends" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_HIGHLIGHT_WORK_DAYS'}"></label> </span> </div> <div class="row" data-bind="css: {'disabled': !showWeekNumbersAccaptable()}"> <span class="label"></span> <span class="value"> <label class="custom_checkbox" data-bind="css: {'checked': showWeekNumbers}"> <span class="icon"></span> <input type="checkbox" id="showWeekNumbers" data-bind="checked: showWeekNumbers, enable: showWeekNumbersAccaptable" /> </label> <label for="showWeekNumbers" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_SHOW_WEEK_NUMBERS'}"></label> </span> </div> <div class="hint row"> <span class="label"></span> <span class="value" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/HINT_SHOW_WEEK_NUMBERS'}"></span> </div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_DEFAULT_TAB'}"></span> <span class="value"> <label class="custom_radio" data-bind="css: {'checked': defaultTab() === Enums.CalendarDefaultTab.Day}"> <span class="icon"></span> <input type="radio" id="tab_day" data-bind="checked: defaultTab, attr: {'value': Enums.CalendarDefaultTab.Day}" /> </label> <label for="tab_day" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_DAY'}"></label> <label class="custom_radio" data-bind="css: {'checked': defaultTab() === Enums.CalendarDefaultTab.Week}"> <span class="icon"></span> <input type="radio" id="tab_week" data-bind="checked: defaultTab, attr: {'value': Enums.CalendarDefaultTab.Week}" /> </label> <label for="tab_week" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_WEEK'}"></label> <label class="custom_radio" data-bind="css: {'checked': defaultTab() === Enums.CalendarDefaultTab.Month}"> <span class="icon"></span> <input type="radio" id="tab_month" data-bind="checked: defaultTab, attr: {'value': Enums.CalendarDefaultTab.Month}" /> </label> <label for="tab_month" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_MONTH'}"></label> </span> </div> <div class="row default_reminders" data-bind="if: bAllowDefaultReminders"> <span class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_DEFAULT_REMINDERS'}"></span> <span class="value"> <span class="value reminder_list items_list simple_list" data-bind="foreach: selectedReminderOptions, visible: selectedReminderOptions().length > 0"> <label class="item reminder_item"> <span class="title name" data-bind="text: $data.label"></span> <span class="link delete" data-bind="click: $parent.removeReminder, i18n: {'key': 'COREWEBCLIENT/ACTION_REMOVE'}">X</span> </label> </span> <select class="input" data-bind="value: selectedReminder, visible: displayReminderSelector"> <option value="" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_DEFAULT_REMINDERS_SELECT_OPTION'}"></option> <!-- ko foreach: reminderOptions --> <option data-bind="attr: {'value': $data.value}, text: $data.label, visible: !$data.selected(), click: $parent.removeReminder"></option> <!-- /ko --> </select> </span> </div> </div> <div class="buttons"> <span class="button" data-bind="click: save, visible: !isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </span> <span class="button" data-bind="visible: isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}"></span> </span> </div> </div> </div> </script><script id="CalendarWebclient_CalendarSharePopup" type="text/html"><div class="popup calendar_popup create_calendar" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="style: {backgroundColor: selectedColor}, i18n: {'key': 'CALENDARWEBCLIENT/TITLE_SHARE_CALENDAR'}"></span> <div class="fields"> <div class="fieldset shares_personal"> <div class="row"> <label class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_CAN_SEE'}"></label> <div class="input inputosaurus"> <div class="disable_mask" data-bind="visible: true"></div> <div data-bind="customScrollbar: {x: false}"> <div class="scroll-inner"> <input type="text" spellcheck="false" tabindex="3" data-bind="initDom: guestsDom" /> </div> </div> </div> </div> <div class="row"> <label class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_CAN_EDIT'}"></label> <div class="input inputosaurus"> <div class="disable_mask" data-bind="visible: true"></div> <div data-bind="customScrollbar: {x: false}"> <div class="scroll-inner"> <input type="text" spellcheck="false" tabindex="3" data-bind="initDom: ownersDom" /> </div> </div> </div> </div> </div> <div class="fieldset shares_all" data-bind="visible: true"> <div class="row"> <div class="label"> <label class="custom_checkbox" data-bind="css: {'checked': sharedToAll()}"> <span class="icon"></span> <input type="checkbox" id="share_to_all_item_input" data-bind="checked: sharedToAll" /> </label> <span> <label for="share_to_all_item_input" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_SHARE_WITH_ALL'}"></label> </span> </div> <select class="value input" data-bind="visible: sharedToAll, value: sharedToAllAccess, options: aAccess, optionsText: 'display', optionsValue: 'value'"></select> </div> <div class="row"> <span class="hint" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/INFO_SHARED_WITH_ALL'}, visible: sharedToAll"></span> </div> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: onSaveClick"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="CalendarWebclient_CalendarView" type="text/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': 'CALENDARWEBCLIENT/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: 'CALENDARWEBCLIENT/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': 'CALENDARWEBCLIENT/HEADING_MY_CALENDARS'}"></span> </span> </span> <!-- ko foreach: calendars.own() --> <!-- ko template: {name: 'CalendarWebclient_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': 'CALENDARWEBCLIENT/HEADING_SHARED_WITH_ME'}"></span> </span> </span> <!-- ko foreach: calendars.shared() --> <!-- ko template: {name: 'CalendarWebclient_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': 'CALENDARWEBCLIENT/HEADING_SHARED_WITH_ALL'}"></span> </span> </span> <!-- ko foreach: calendars.sharedToAll() --> <!-- ko template: {name: 'CalendarWebclient_CalendarItemView'} --><!-- /ko --> <!-- /ko --> </div> </div> </div> <div class="dropdowns" data-bind="style: {'top': currentCalendarDropdownOffset() + 'px'}"> <!-- ko template: {name: 'CalendarWebclient_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': 'CALENDARWEBCLIENT/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': 'CALENDARWEBCLIENT/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': 'CALENDARWEBCLIENT/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': 'CALENDARWEBCLIENT/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': 'CALENDARWEBCLIENT/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> </script><script id="CalendarWebclient_EditCalendarPopup" type="text/html"><div class="popup calendar_popup calendar_create" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="style: {backgroundColor: selectedColor}, text: popupHeading()"></span> <div class="fields"> <div class="fieldset"> <div class="row name" data-bind="css: {'focused': calendarNameFocus(), 'filled': (calendarName()) ? calendarName().length : false}"> <label for="calendar_name" class="label placeholder" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_CALENDAR_NAME'}"></label> <input id="calendar_name" class="value input" type="text" spellcheck="false"  maxlength="200" data-bind="value: calendarName, hasfocus: calendarNameFocus, valueUpdate: 'afterkeydown', onEnter: save" /> </div> <div class="row description" data-bind="css: {'focused': calendarDescriptionFocus(), 'filled': (calendarDescription()) ? calendarDescription().length : false}"> <label for="calendar_description" class="label placeholder" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_CALENDAR_DESCRIPTION'}"></label> <input id="calendar_description" class="value input" spellcheck="false"  type="text" maxlength="200" data-bind="value: calendarDescription, hasfocus: calendarDescriptionFocus, valueUpdate: 'afterkeydown', onEnter: save, disable: calendarSubscribed()" /> </div> <div class="row checkbox" data-bind="visible: calendarId() == null && allowSubscribedCalendars()"> <label class="custom_checkbox" data-bind="css: {'checked': calendarSubscribed()}"> <span class="icon"></span> <input type="checkbox" data-bind="checked: calendarSubscribed" id="calendar_subscribed"/> </label> <label for="calendar_subscribed" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_SUBSCRIBED'}"></label> </div> <div class="row source" data-bind="css: {'focused': calendarSourceFocus(), 'filled': (calendarSource()) ? calendarSource().length : false}, visible: calendarSubscribed()"> <label for="calendar_source" class="label placeholder" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_CALENDAR_SOURCE'}"></label> <input id="calendar_source" class="value input" spellcheck="false"  type="text" maxlength="200" data-bind="value: calendarSource, hasfocus: calendarSourceFocus, valueUpdate: 'afterkeydown', onEnter: save" /> </div> </div> <div class="buttons"> <span class="button save" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: save"></span> <span class="colors" data-bind="foreach: colors"> <span class="item color_pick" data-bind="style: {backgroundColor: $data}, css: {'selected': $parent.selectedColor() === $data},  click: function () {$parent.selectedColor($data)}"></span> </span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="CalendarWebclient_EditEventPopup" type="text/html"><div class="popup calendar_popup calendar_event" style="display: none;"> <div class="mask clear" data-bind="visible: dateEdit(), click: onMainPanelClick"></div> <div class="mask"></div> <div class="popup_panel" data-bind="css: {'show_left_side_panel': isTask(), 'show_side_panel': !isTask() && bAllowAppointments && (guestsEdit() || attendees().length > 0), 'editable': isEditable, 'offset': dateEdit()}"> <div class="panel_wrap clearfix"> <div class="left_side_panel fields"> <div class="fieldset"> <div class="row name"> <label class="custom_checkbox round" data-bind="css: {'checked': status}"> <span class="icon"></span> <input type="checkbox" data-bind="checked: status"/> </label> </div> </div> </div> <div class="side_panel fields"> <div class="fieldset"> <div class="row owner"> <span class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_HOST'}"></span>: <span class="value" data-bind="   customTooltip: organizer,   text: organizer,   visible: organizer() !== '',   css: {'recivedAnim': recivedAnim() && organizer() === whomAnimate()}" ></span> <span class="value" data-bind="   text: owner,   visible: organizer() === '',   css: {'recivedAnim': recivedAnim() && owner() === whomAnimate()}" ></span> </div> <div class="row attendees" data-bind="foreach: attendees"> <div class="attender" data-bind="css: { 'pending': status === 0, 'accepted': status === 1, 'declined': status === 2, 'tentative': status === 3  }"> <span class="control remove" data-bind="visible: $parent.canEditAttendees(), click: $parent.removeGuest.bind($parent), customTooltip: 'COREWEBCLIENT/ACTION_REMOVE'"></span> <span class="name" data-bind="css: {'recivedAnim': $parent.recivedAnim() && email === $parent.whomAnimate()}"> <span class="icon status" data-bind="customTooltip: function () { return $parent.getAttenderTextStatus(status); }"></span> <span class="text" data-bind="customTooltip: email, text: name, visible: name !== ''"></span> <span class="text" data-bind="text: email, visible: name === ''"></span> </span> </div> </div> <div class="row add_attender" data-bind="visible: canEditAttendees(), css: {'focused': guestEmailFocus()}"> <span class="control add" data-bind="customTooltip: 'CALENDARWEBCLIENT/ACTION_ADD_GUESTS', click: onAddGuestClick"></span> <label for="add_attender_input" class="label placeholder" data-i18n="CALENDARWEBCLIENT/LABEL_EMAIL_OR_NAME" data-bind="i18n: 'text', visible: guestAutocomplete() === ''"></label> <input id="add_attender_input" class="value input" spellcheck="false"  type="text" autocomplete="on" data-bind="value: guestAutocomplete, hasfocus: guestEmailFocus, valueUpdate: ['blur', 'afterkeydown', 'input'], autocompleteSimple: {callback: autocompleteCallback.bind($data), dataAccessor: guestAutocompleteItem}" /> </div> <div class="row appointment" data-bind="visible: isAppointmentButtonsVisible"> <div class="buttons"> <span class="button button_decision"  data-bind="i18n: {'key': 'CALENDARWEBCLIENT/ACTION_ACCEPT_APPOINTMENT'}, css: {'selected_button': attenderStatus() === Enums.IcalConfigInt.Accepted}, click: function(){ setAppointmentAction(Enums.IcalConfig.Accepted); }"></span> <span class="button button_decision" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/ACTION_TENTATIVE_APPOINTMENT'}, css: {'selected_button': attenderStatus() === Enums.IcalConfigInt.Tentative}, click: function(){ setAppointmentAction(Enums.IcalConfig.Tentative); }"></span> <span class="button button_decision" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/ACTION_DECLINE_APPOINTMENT'}, css: {'selected_button': attenderStatus() === Enums.IcalConfigInt.Declined}, click: function(){ setAppointmentAction(Enums.IcalConfig.Declined); }"></span> </div> </div> </div> </div> <div class="main_panel"> <!--<span class="icon repeat" data-bind="visible: repeatPeriod() !== Enums.CalendarRepeatPeriod.None"></span>--> <span class="icon appointment" data-bind="visible: attendees().length !== 0"></span> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="dropdown: {'control': false}, style: {backgroundColor: calendarColor}, css: {'calendar_selector': calendarsList().length > 1 && selectedCalendarIsEditable()}"> <span class="current"> <span data-bind="text: selectedCalendarName, fade: {color: calendarColor}"></span> </span> <span class="dropdown calendar_dropdown" data-bind="visible: calendarsList().length > 1 && selectedCalendarIsEditable()"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content" data-bind="foreach: calendarsList()"> <span class="item" data-bind="visible: $parent.selectedCalendarId() !== id, text: name, style: { backgroundColor: color }, click: function () { $parent.selectedCalendarId(id); }"></span> </span> </span> </span> </span> <div class="fields"> <div class="fieldset"> <div class="row dates" data-bind="visible: withDate() || !isTask(), click: isEditable() ? showDates : '', css: {'editable': isEditable()}"> <span class="value" data-bind="text: startDate()"></span>, <span class="value" data-bind="text: !allDay() ? ', ' : ' '"></span> <span class="value" data-bind="text: startTime, visible: !allDay()"></span> <span data-bind="visible: allDay() && !isEvOneDay() || !allDay() && (!isEvOneDay() || !isEvOneTime())">&nbsp;&ndash;&nbsp;</span> <span class="value" data-bind="text: endDate(), visible: !isEvOneDay()"></span> <span class="value" data-bind="text: !allDay() ? ', ' : ' ', visible: !isEvOneDay()"></span> <span class="value" data-bind="text: endTime, visible: !allDay() && (!isEvOneDay() || !isEvOneTime())"></span> </div> <span class="dates close" data-bind="style: {'float': 'none'}, visible: withDate() && isTask() && !rrule(), click: function(){withDate(false);}, customTooltip: 'CALENDARWEBCLIENT/ACTION_REMOVE_DATE'"></span> <div class="row dates" data-bind="visible: !withDate() && isTask() , click: function(){withDate(true);}"><a data-bind="i18n: {'key': 'CALENDARWEBCLIENT/ACTION_ADD_DATE'}"></a></div> <span data-bind="css: {'repeat': isRepeat()}, customTooltip: 'CALENDARWEBCLIENT/INFO_RECURRING_EVENT'"></span> <div class="subforms" data-bind="visible: dateEdit()"> <div class="dates_form"> <div class="form_content"> <div class="row" data-bind="css: {'ampm_time': ampmTimeFormat()}"> <input class="date input" type="text"  spellcheck="false" readonly="readonly" data-bind="initDom: startDom" /> <span class="custom_selector" data-bind="visible: !allDay(), customSelect: {'control': false, 'input': true, 'options': timeOptions, value: startTime}"> <input class="value time input"  spellcheck="false" type="text" data-bind="value: startTime" /> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content"></span> </span> </span> </span> <input class="date input" type="text" spellcheck="false"  readonly="readonly" data-bind="initDom: endDom" /> <span class="custom_selector" data-bind="visible: !allDay(), customSelect: {'control': false, 'input': true, 'options': timeOptions, value: endTime}"> <input class="value time input" spellcheck="false"  type="text" data-bind="value: endTime" /> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content"></span> </span> </span> </span> </div> <div class="row allday"> <label data-bind="css: {'checked': allDay}" class="custom_checkbox"> <span class="icon"></span> <input type="checkbox" data-bind="checked: allDay" id="allday"> </label> <label for="allday" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_ALL_DAY'}"></label> </div> <div class="repeat_panel" data-bind="visible: allEvents() === Enums.CalendarEditRecurrenceEvent.AllEvents"> <div class="row" data-bind="visible: true"> <span class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_REPEATS'}"></span> <select class="value input" data-bind="options: repeatPeriodOptions, optionsText: 'label', optionsValue: 'value', value: repeatPeriod"></select> <span class="" data-bind="visible: repeatPeriod() === Enums.CalendarRepeatPeriod.Weekly"> <span class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_REPEAT_WEEKLY_ON_DAYS'}"></span> <span class="custom_switcher"> <label data-bind="css: {'checked': weekMO}"> <span class="text" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_MON'}"></span> <input type="checkbox" data-bind="checked: weekMO" /> </label> <label data-bind="css: {'checked': weekTU}"> <span class="text" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_TUE'}"></span> <input type="checkbox" data-bind="checked: weekTU" /> </label> <label data-bind="css: {'checked': weekWE}"> <span class="text" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_WED'}"></span> <input type="checkbox" data-bind="checked: weekWE" /> </label> <label data-bind="css: {'checked': weekTH}"> <span class="text" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_THU'}"></span> <input type="checkbox" data-bind="checked: weekTH" /> </label> <label data-bind="css: {'checked': weekFR}"> <span class="text" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_FRI'}"></span> <input type="checkbox" data-bind="checked: weekFR" /> </label> <label data-bind="css: {'checked': weekSA}"> <span class="text" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_SAT'}"></span> <input type="checkbox" data-bind="checked: weekSA" /> </label> <label data-bind="css: {'checked': weekSU}"> <span class="text" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_SUN'}"></span> <input type="checkbox" data-bind="checked: weekSU" /> </label> </span> </span> <span data-bind="visible: repeatPeriod() === Enums.CalendarRepeatPeriod.Monthly && !allDay()"> <span class="value" data-bind="text: monthlyDayText()"></span> </span> <span data-bind="visible: repeatPeriod() === Enums.CalendarRepeatPeriod.Yearly && !allDay()"> <span class="value" data-bind="text: yearlyDayText()"></span> </span> <span data-bind="css: {'row_weeks': repeatPeriod() === Enums.CalendarRepeatPeriod.Weekly}"> <label class="custom_radio" data-bind="visible: repeatPeriod() === Enums.CalendarRepeatPeriod.Daily || repeatPeriod() === Enums.CalendarRepeatPeriod.Weekly, css: { 'checked': always() === 1 }"> <input type="radio" name="always" id="always_repeat" data-bind="checkedValue: 1, checked: always" /> <span class="icon"></span> </label> <label for="always_repeat" class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_REPEAT_ALWAYS'}, visible: repeatPeriod() === Enums.CalendarRepeatPeriod.Daily || repeatPeriod() === Enums.CalendarRepeatPeriod.Weekly"></label> <label class="custom_radio" data-bind="visible: repeatPeriod() === Enums.CalendarRepeatPeriod.Daily || repeatPeriod() === Enums.CalendarRepeatPeriod.Weekly, css: { 'checked': always() === 0 }"> <input type="radio" name="always" id="repeat_until" data-bind="checkedValue: 0, checked: always" /> <span class="icon"></span> </label> <label for="repeat_until" class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_REPEAT_UNTIL'}, visible: repeatPeriod() === Enums.CalendarRepeatPeriod.Daily || repeatPeriod() === Enums.CalendarRepeatPeriod.Weekly"></label> <span data-bind="visible: repeatPeriod() === Enums.CalendarRepeatPeriod.Daily || repeatPeriod() === Enums.CalendarRepeatPeriod.Weekly"> <input class="date input" spellcheck="false" type="text" readonly="readonly" data-bind="initDom: repeatEndDom, value: repeatEndDate" /> </span> </span> </div> </div> </div> <span class="form_arrow"></span> </div> </div> </div> <div class="fieldset main"> <div class="row name" data-bind="css: {'focused': subjectFocus(), 'filled': subject().length > 0}"> <label for="event_subject" class="label placeholder" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_SUBJECT'}"></label> <div class="value scrollable_field" data-bind="customScrollbar: {x: false}"> <div class="scroll-inner"> <span class="input" data-bind="text: subject, visible: !isEditable()"></span> <textarea id="event_subject" class="input autosize" data-bind=" style: {'text-decoration': status() && isTask() ? 'line-through' : 'none'}, autosize: {autosizeTrigger: autosizeTrigger, scrollableHeight: 110},  valueUpdate: 'afterkeydown', onEnter: onSaveClick, value: subject, hasfocus: subjectFocus, visible: isEditable()"></textarea> </div> </div> </div> <!-- ko template: {data: descriptionView, name: descriptionView.PopupTemplate} --><!-- /ko --> <!-- ko template: {data: locationView, name: locationView.PopupTemplate} --><!-- /ko --> <!-- ko template: {data: linkPopupEditableView, name: linkPopupEditableView.PopupTemplate} --><!-- /ko --> <div class="row private_event" data-bind="visible: allowSetPrivateEvent"> <label data-bind="css: {'checked': isPrivateEvent}" class="custom_checkbox"> <span class="icon"></span> <input type="checkbox" data-bind="checked: isPrivateEvent" id="isPrivateEvent"> </label> <label for="isPrivateEvent" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_PRIVATE_EVENT'}"></label> </div> </div> <div class="alarms_helper" data-bind="foreach: displayedAlarms()"> <div></div> </div> <div class="buttons clearfix"> <div class="subforms"> <div class="alarm_form" data-bind="visible: displayedAlarms().length > 0 && (withDate() || !isTask())"> <div class="form_content"> <div class="alarms" data-bind="foreach: displayedAlarms()"> <span class="item alarm"> <span class="link remove" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/ACTION_REMOVE_ALARM'}, visible: $parent.isEditableReminders(), click: function(oItem) {$parent.removeAlarm(oItem);}"></span> <!-- ko foreach: $parent.aReminderPhrase --> <!-- ko if: $data !== 'REMINDERS' --> <span class="part" data-bind="text: $data"></span> <!-- /ko --> <!-- ko if: $data === 'REMINDERS' --> <span class="value" data-bind="text: $parent.text, visible: !$parents[1].isEditableReminders()"></span> <span class="custom_selector" data-bind="visible: $parents[1].isEditableReminders(),  customSelect: {'control': false, 'options': $parents[1].alarmOptions, value: $parent.alarm}"> <span class="link value" data-bind="text: $parent.text"></span> <span class="dropdown" data-bind="visible: $parents[1].isEditableReminders()"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content"> </span> </span> </span> </span> <!-- /ko --> <!-- /ko --> </span> </div> <span class="link" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/ACTION_NEW_ALARM'}, click: addAlarm, visible: isEditableReminders() && (displayedAlarms().length < 5)"></span> </div> <span class="form_arrow" data-bind="css: {'arrorw_with_appointmens' : bAllowAppointments}"></span> </div> </div> <div class="additional_buttons" data-bind="visible: !selectedCalendarIsSubscribed()"> <!-- ko foreach: additionalButtonControllers --> <!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> <span class="item task"  data-bind=" visible: bAllowTasks && allowConvertEventToTask(), css: {'selected' : isTask()},  customTooltip: 'CALENDARWEBCLIENT/LABEL_THIS_IS_A_TASK', click: switchTask(!isTask())"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_THIS_IS_A_TASK'}"></span> </span> <span class="item alarm" data-bind="click: isEditableReminders() ? addFirstAlarm : '',  css: {'selected': displayedAlarms().length > 0, 'readonly': !isEditableReminders()}, customTooltip: 'CALENDARWEBCLIENT/ACTION_ADD_FIRST_ALARM', visible: isEditableReminders() && (withDate() || !isTask())"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/ACTION_ADD_FIRST_ALARM'}"></span> </span> <span class="item guests" data-bind=" visible: isEditable() && bAllowAppointments && !isTask(), customTooltip: 'CALENDARWEBCLIENT/ACTION_EDIT_GUESTS', click: isEditable() ? showGuests : '',"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/ACTION_EDIT_GUESTS'}"></span> </span> </div> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: onSaveClick, visible: isEditable() || isEditableReminders()"></span> <span class="link remove" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_REMOVE'}, click: onDeleteClick, visible: isEditForm() && canDeleteEvent()"></span> </div> </div> </div> </div> </div> <span class="helper"></span> </div> </script><script id="CalendarWebclient_EditEventRecurrencePopup" type="text/html"><div class="popup calendar_recurrence" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="text" data-bind="text: confirmDesc"></span> <div class="buttons"> <span class="button success" data-bind="click: onlyThisInstanceButtonClick, text: onlyThisInstanceButtonText"></span> <span class="button success" data-bind="click: allEventsButtonClick, text: allEventsButtonText"></span> <span class="button secondary_button" data-bind="click: cancelPopup, text: cancelButtonText"></span> </div> </div> <span class="helper"></span> </div></script><script id="CalendarWebclient_GetCalendarLinkPopup" type="text/html"><div class="popup calendar_popup calendar_getlink" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="style: {backgroundColor: selectedColor}, i18n: {'key': 'CALENDARWEBCLIENT/HEADING_GET_CALENDAR_LINK'}"></span> <div class="fields"> <div class="fieldset dav_access"> <div class="row"> <label for="dav_url" class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_DAV_URL'}"></label> <input id="dav_url" class="value input" spellcheck="false" type="text" maxlength="200" data-bind="value: calendarUrl(), click: function () {$element.select();}" readonly /> </div> <div class="row"> <label for="ics_link" class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_ICS_LINK'}"></label> <input id="ics_link" class="value input" spellcheck="false" type="text" maxlength="200" data-bind="value: icsLink(), click: function () {$element.select();}"  readonly /> <a class="control download" data-bind="attr: {href: exportUrl()}"></a> </div> </div> <div class="fieldset web_access" data-bind="visible: canShare()"> <div class="row web_access_switch"> <label class="custom_checkbox" data-bind="css: {'checked': isPublic}"> <span class="icon"></span> <input type="checkbox" id="make_public_access" data-bind="checked: isPublic(), click: function (){isPublic(!isPublic());}" /> </label> <label for="make_public_access" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_WEB_ACCESS'}"></label> </div> <div class="row" data-bind="visible: isPublic()"> <label for="public_link" class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_WEB_LINK'}"></label> <input id="public_link" class="value input" spellcheck="false" type="text" maxlength="200" data-bind="value: pubUrl(), click: function () {$element.select();}" readonly /> </div> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CLOSE'}, visible: !isPublicChanged(), click: cancelPopup"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, visible: isPublicChanged, click: cancelPopup"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="CalendarWebclient_IcalAttachmentView" type="text/html"><div class="appointment" data-bind="visible: !!ical(), with: ical"> <div class="fields"> <div class="row" data-bind="visible: visibleRequestButtons() && lastModification()"> <div class="buttons"  data-bind="css: {'touched': isAccepted() || isTentative() || isDeclined(), 'animation': animation}" > <span class="button" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/ACTION_ACCEPT_APPOINTMENT'}, css: {'selected_button': isAccepted, 'disabled': isAppointmentActionInProgress() && !isAccepted()}, click: acceptAppointment"></span> <span class="button" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/ACTION_TENTATIVE_APPOINTMENT'}, css: {'selected_button': isTentative, 'disabled': isAppointmentActionInProgress() && !isTentative()}, click: tentativeAppointment"></span> <span class="button" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/ACTION_DECLINE_APPOINTMENT'}, css: {'selected_button': isDeclined, 'disabled': isAppointmentActionInProgress() && !isDeclined()}, click: declineAppointment"></span> </div> </div> <div class="row row_info" data-bind="visible: visibleRequestButtons() && !lastModification()"> <span data-bind="i18n: {'key': 'CALENDARWEBCLIENT/INFO_OLD_VERSION_INVITATION'}"></span> </div> <div class="row row_info" data-bind="visible: isCancelType() && cancelDecision() !== ''"> <span data-bind="text: cancelDecision"></span> </div> <div class="row row_info" data-bind="visible: isReplyType() && replyDecision() !== ''"> <span data-bind="text: replyDecision"></span> </div> <div class="row" data-bind="visible: isSaveType() && !calendarIsChosen()"> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/ACTION_ADD_ICAL'}, click: addEvents"></span> </div> </div> <div class="row row_info" data-bind="visible: isSaveType() && calendarIsChosen()"> <span data-bind="i18n: {'key': 'CALENDARWEBCLIENT/REPORT_EVENT_SAVED'}, visible: isJustSaved"></span> <span data-bind="i18n: {'key': 'CALENDARWEBCLIENT/REPORT_EVENT_EXISTS'}, visible: !isJustSaved()"></span> </div> <div class="row fluid calendar" data-bind="visible: visibleCalendarRow"> <span class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_CALENDAR'}"></span>: <span class="value"> <select class="value input" data-bind="visible: visibleCalendarDropdown, options: calendars, optionsValue: 'id', optionsText: 'name', value: selectedCalendarId"></select> <span data-bind="visible: visibleCalendarName, text: chosenCalendarName"></span> <span data-bind="visible: visibleFirstCalendarName, text: firstCalendarName"></span> </span> </div> <div class="row fluid location" data-bind="visible: location() !== ''"> <span class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_LOCATION'}"></span>: <span class="value" data-bind="html: location"></span> </div> <div class="row fluid when"> <span class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_WHEN'}"></span>: <span class="value" data-bind="text: when"></span> </div> <!-- ko if: !isSaveType() && organizer() !== '' --> <div class="row fluid organizer"> <span class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_ORGANIZER'}"></span>: <span class="value" data-bind="text: organizerText"></span> </div> <!-- /ko --> <!-- ko if: !isSaveType() && attendee() !== '' && attendeeListText() === '' --> <div class="row fluid attendee"> <span class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_ATTENDEE'}"></span>: <span class="value" data-bind="text: attendeeText"></span> </div> <!-- /ko --> <!-- ko if: !isSaveType() && attendeeListText() !== '' --> <div class="row fluid attendee"> <span class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_ATTENDEES'}"></span>: <div class="value" style="max-height: 71px; overflow: hidden;" data-bind="customScrollbar: {x: false, y: true}"> <div class="scroll-inner" data-bind="text: attendeeListText"></div> </div> </div> <!-- /ko --> <!-- ko if: summary() !== '' --> <div class="row fluid summary"> <span class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_TITLE'}"></span>: <span class="value" data-bind="text: summary"></span> </div> <!-- /ko --> <!-- ko if: description() !== '' --> <div class="row fluid description"> <span class="label" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/LABEL_DESCRIPTION'}"></span>: <span class="value" data-bind="html: description"></span> </div> <!-- /ko --> </div> </div> </script><script id="CalendarWebclient_ImportCalendarPopup" type="text/html"><div class="popup calendar_popup calendar_create" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="style: {backgroundColor: color}"> <span class="text fadeout"> <span data-bind="i18n: {'key': 'CALENDARWEBCLIENT/HEADING_IMPORT_ICALENDAR'}, fade: {color: color}"></span> </span> </span> <div class="fields"> <div class="fieldset"> <div class="hint" data-bind="visible: allowDragNDrop"> <span data-bind="i18n: {'key': 'CALENDARWEBCLIENT/INFO_SELECT_OR_DRAGNDROP'}"></span> </div> <div class="hint"> <span data-bind="i18n: {'key': 'CALENDARWEBCLIENT/INFO_EXISTING_EVENTS'}"></span> </div> <div class="row"> <div class="buttons without_border_top" data-bind="visible: importing"> <span class="button import" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_IMPORT_IN_PROGRESS'}"></span> </div> <div class="buttons without_border_top" data-bind="visible: !importing()"> <span class="button import" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_IMPORT'}, initDom: importButtonDom"></span> </div> </div> </div> </div> </div> <span class="helper"></span> </div> </script><script id="CalendarWebclient_LinkPopupEditableView" type="text/html"><div class="inline_popup" data-bind="visible: visibleLinkPopup, initDom: linkPopupDom"> <a target="_blank" href="#" data-bind="text: linkHref, attr: {'href': linkHref},    click: function () { hideLinkPopup(); return true; }" ></a> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CHANGE_URL'},   click: showChangeLink, visible: allowEditLinks" ></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_REMOVE'},   click: removeCurrentLink, visible: allowEditLinks" ></span> </div> <div class="inline_popup" data-bind="visible: visibleLinkHref, initDom: linkHrefDom"> <input type="text" spellcheck="false" data-bind="value: linkHref" /> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_OK'}, click: changeLink"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: hideChangeLink"></span> </div> </script><script id="CalendarWebclient_MobileSyncSettingsView" type="text/html"><div class="fieldgroup" data-bind="visible: visible"> <h2 class="subheading" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/HEADING_CALDAV_ACCESS'}"></h2> <!-- ko foreach: davCalendars --> <div class="row"> <span class="label" data-bind="text: Name"></span> <span class="value" data-bind="text: Url"></span> </div> <!-- /ko --> </div> </script><script id="CalendarWebclient_SelectCalendarPopup" type="text/html"><div class="popup calendar_popup calendar_select" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <div class="fields"> <div class="fieldset"> <div class="row"> <span class="label"> <span class="text" data-bind="i18n: {'key': 'CALENDARWEBCLIENT/HEADING_SELECT_CALENDAR'}"></span> </span> </div> <!-- ko foreach: calendarsList --> <div class="row"> <div class="calendar_select_list_item"  data-bind="style: {backgroundColor: color}, css: {'checked': $parent.selectedCalendarId() === id}" > <label class="custom_radio" data-bind="css: {'checked': $parent.selectedCalendarId() === id}"> <span class="icon"></span> <input type="radio" data-bind="checked: $parent.selectedCalendarId, attr: {'value': id, id: id}" /> </label> <label data-bind="text: name, attr: {for: id}"></label> </div> </div> <!-- /ko --> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: onSaveClick"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="CalendarWebclient_SimpleEditableView" type="text/html"><div class="row" data-bind="  visible: isEditable() || dataHtml() !== '',  css: {'focused': dataFocus(), 'filled': dataHtml().length > 0}" > <div class="value scrollable_field" style="max-height: 150px;" data-bind="customScrollbar: {x: false}"> <div class="scroll-inner"> <label class="label placeholder"    data-bind="text: placeholderText,    click: function () { dataFocus(true); },    visible: isEditable()" ></label> <!-- ko if: !isEditable() --> <span class="input" data-bind="html: dataHtml, visible: !isEditable()"></span> <!-- /ko --> <!-- ko if: isEditable() --> <div contenteditable="true" class="input autosize" data-bind="    initDom: dataDom, valueUpdate: 'afterkeydown',  hasfocus: dataFocus, visible: isEditable()" ></div> <!-- /ko --> </div> </div> </div> </script><script id="MailWebclient_ColorPickerView" type="text/html"><span class="color_table" data-bind="initDom: colorPickerDom"> <span class="title" data-bind="text: caption"></span> <span class="row" data-bind="foreach: aGreyColors"> <span class="color-item" data-bind="style: {backgroundColor: $data}, attr: {'data-color': $data}"></span> </span> <span class="row" data-bind="foreach: aBrightColors"> <span class="color-item" data-bind="style: {backgroundColor: $data}, attr: {'data-color': $data}"></span> </span> <span data-bind="foreach: aColorLines"> <span class="row" data-bind="foreach: $data"> <span class="color-item" data-bind="style: {backgroundColor: $data}, attr: {'data-color': $data}"></span> </span> </span> </span> </script><script id="MailWebclient_ComposePopup" type="text/html"><div class="compose_popup popup" style="display: none;"> <div class="mask" data-bind="click: minimize, visible: !minimized()"></div> <div class="popup_panel" data-bind="visible: !minimized()"> <span class="close" data-bind="click: cancelPopup"></span> <!-- ko template: {name: $data.ViewTemplate} --><!-- /ko --> </div> <span class="helper" data-bind="visible: !minimized()"></span> <div class="minimized_compose" data-bind="visible: minimized() && !bNewTab"> <div class="toolbar" data-bind="click: maximize"> <span class="content"> <span class="item minimized_title"> <span data-bind="text: minimizedTitle" class="text"></span> </span> <span data-bind="customTooltip: 'MAILWEBCLIENT/ACTION_MAXIMIZE'" class="item maximize"> <span class="icon"></span> </span> <span data-bind="click: saveAndClose, customTooltip: saveAndCloseTooltip" class="item save_and_close"> <span class="icon"></span> </span> </span> </div> </div> </div> </script><script id="MailWebclient_ComposeScreenView" type="text/html"><div class="screen MailComposeLayout" style="display: none;"> <!-- ko template: { name: 'MailWebclient_ComposeView'} --><!-- /ko --> </div></script><script id="MailWebclient_ComposeView" type="text/html"><div class="panels"> <div class="panel compose" data-bind="css: {'compose-auto-encrypt': autoEncryptSignMessage}"> <div class="panel_content"> <div class="toolbar"> <span class="content"> <!-- ko template: {name: sPopupButtonsViewTemplate} --><!-- /ko --> <!-- ko foreach: toolbarControllers --> <!-- ko if: !bSendButton --> <!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> <!-- /ko --> </span> </div> <div class="middle_bar"> <div class="panels" data-bind="splitterFlex: {storagePrefix: 'aurora_mail_compose_', sizes: [80, 20]}, initDom: splitterDom"> <div class="panel message_panel"> <div class="panel_content"> <div class="middle_bar"> <div class="panel_top" data-bind="initDom: messageFields"> <span class="table-compressor" data-bind="click: changeHeadersCompressed, css: { 'compressed': headersCompressed }"> <span class="arrow"></span> </span> <div class="notice" data-bind="visible: bDemo, i18n: {'key': 'MAILWEBCLIENT/INFO_SEND_EMAIL_TO_DEMO_ONLY'}"></div> <div class="notice notice-auto-encrypt" data-bind="visible: allowAtoEncryptSignMessage"> <div class="notice-auto-encrypt-icon"></div> <div> <label class="custom_checkbox" data-bind="css: {'checked': autoEncryptSignMessage}"> <span class="icon"></span> <input type="checkbox" id="autoEncryptSignMessage" data-bind="checked: autoEncryptSignMessage" /> </label> <label for="autoEncryptSignMessage" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_AUTO_ENCRYPT_SIGN_MESSAGE'}"></label> </div> <div class="notice-auto-encrypt-info" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_MESSAGE_WILL_BE_CONVERTED_TO_PLAIN'}"></div> </div> <table class="fields"> <tr class="from" data-bind="visible: visibleFrom() && !headersCompressed()"> <td class="label"> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_FROM'}"></span>: </td> <td class="value"> <div style="position: relative"> <div class="disable_mask" data-bind="visible: senderList().length > 1 && disableFromEdit()"></div> <select class="input" tabindex="1" data-bind="visible: senderList().length > 1, foreach: senderList, value: selectedSender, disable: disableFromEdit"> <option data-bind="text: fullEmail, value: id"></option> </select> <span class="not_editable" data-bind="visible: senderList().length === 1, text: senderList()[0] ? senderList()[0].fullEmail : ''"></span> </div> </td> </tr> <tr class="to"> <td class="label"> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_TO'}"></span>: </td> <td class="value"> <table> <tr> <td class="value" style="width: 100%;" id="selenium_compose_toaddr"> <div class="input inputosaurus"> <div class="disable_mask" data-bind="visible: disableHeadersEdit"></div> <div data-bind="customScrollbar: {x: false}"> <div class="scroll-inner"> <input type="text" spellcheck="false" tabindex="2" data-bind="initDom: toAddrDom" /> </div> </div> </div> </td> <td class="value"> <!-- ko template: {name: 'MailWebclient_Compose_CcBccSwitchersView'} --><!-- /ko --> </td> </tr> </table> </td> </tr> <tr class="cc" data-bind="visible: visibleCc() && !headersCompressed()"> <td class="label"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_CC'}"></span>: </td> <td class="value"> <div class="input inputosaurus"> <div class="disable_mask" data-bind="visible: disableHeadersEdit"></div> <div data-bind="customScrollbar: {x: false}"> <div class="scroll-inner"> <input type="text" spellcheck="false" tabindex="3" data-bind="initDom: ccAddrDom" /> </div> </div> </div> </td> </tr> <tr class="bcc" data-bind="visible: visibleBcc() && !headersCompressed()"> <td class="label"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_BCC'}"></span>: </td> <td class="value"> <div class="input inputosaurus"> <div class="disable_mask" data-bind="visible: disableHeadersEdit"></div> <div data-bind="customScrollbar: {x: false}"> <div class="scroll-inner"> <input type="text" spellcheck="false" tabindex="4" data-bind="initDom: bccAddrDom" /> </div> </div> </div> </td> </tr> <tr class="subject" data-bind="visible: !headersCompressed()"> <td class="label"> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_SUBJECT'}"></span>: </td> <td class="value"> <input type="text" class="input" maxlength="1000" tabindex="5" id="selenium_compose_subject"    data-bind="value: subject, hasfocus: subjectFocused, valueUpdate: 'afterkeydown'"/> </td> </tr> <!-- ko if: !headersCompressed() --> <!-- ko foreach: messageRowControllers --> <!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> <!-- /ko --> </table> </div> <div class="panel_center"> <!-- ko template: { name: oHtmlEditor.ViewTemplate, data: oHtmlEditor} --><!-- /ko --> </div> <!-- ko template: { name: sHotkeysHintsViewTemplate} --><!-- /ko --> </div> </div> </div> <!-- ko template: {name: 'MailWebclient_Compose_AttachmentsView'} --><!-- /ko --> </div> </div> </div> </div> </div> </script><script id="MailWebclient_ConfirmAnotherMessageComposedPopup" type="text/html"><div class="popup" style="display: none;"> <div class="mask"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/CONFIRM_ANOTHER_MESSAGE_COMPOSED'}"></span> <div class="buttons"> <span class="button success" data-bind="click: onDiscardClick, i18n: {'key': 'MAILWEBCLIENT/ACTION_DISCARD'}"></span> <span class="button success" data-bind="click: onSaveAsDraftClick, i18n: {'key': 'MAILWEBCLIENT/ACTION_SAVE_DRAFT'}"></span> <span class="button secondary_button" data-bind="click: cancelPopup, i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}"></span> </div> </div> <span class="helper"></span> </div> </script><script id="MailWebclient_DefaultAccountHostsSettingsView" type="text/html"><div class="fieldset fieldset_external_access_servers" data-bind="visible: visible"> <h2 class="subheading" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_EXTERNAL_ACCESS_SERVERS'}"></h2> <div class="hint" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_HINT_EXTERNAL_ACCESS_SERVERS'}"></div> <div class="fieldgroup"> <div class="row"> <span class="label" style="width: auto;" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_IMAP_SERVER'}"></span> <span class="value" data-bind="text: externalAccessImapServer()"></span> <span class="label" style="width: auto; padding-left:  20px;" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_PORT'}"></span> <span class="value" data-bind="text: externalAccessImapPort()"></span> <span class="label" style="width: auto; padding-left:  20px;" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ALTERNATIVE_PORT'}, visible: externalAccessImapAlterPort"></span> <span class="value" data-bind="text: externalAccessImapAlterPort"></span> <span class="label" style="width: auto; padding-left:  20px;" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_SSL_REQUIRED'}, visible: externalAccessImapUseSsl"></span> </div> <div class="row" data-bind="visible: externalAccessPop3Server"> <span class="label" style="width: auto;" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_POP3_SERVER'}"></span> <span class="value" data-bind="text: externalAccessPop3Server"></span> <span class="label" style="width: auto; padding-left:  20px;" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_PORT'}"></span> <span class="value" data-bind="text: externalAccessPop3Port"></span> <span class="label" style="width: auto; padding-left:  20px;" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ALTERNATIVE_PORT'}, visible: externalAccessPop3AlterPort"></span> <span class="value" data-bind="text: externalAccessPop3AlterPort"></span> </div> <div class="row"> <span class="label" style="width: auto;" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_SMTP_SERVER'}"></span> <span class="value" data-bind="text: externalAccessSmtpServer()"></span> <span class="label" style="width: auto; padding-left:  20px;" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_PORT'}"></span> <span class="value" data-bind="text: externalAccessSmtpPort()"></span> <span class="label" style="width: auto; padding-left:  20px;" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ALTERNATIVE_PORT'}, visible: externalAccessSmtpAlterPort"></span> <span class="value" data-bind="text: externalAccessSmtpAlterPort"></span> <span class="label" style="width: auto; padding-left:  20px;" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_SSL_REQUIRED'}, visible: externalAccessSmtpUseSsl"></span> </div> </div> <div class="hint" data-bind="html: credentialsHintText"></div> <div class="hint" data-bind="i18n: {'key': 'COREWEBCLIENT/INFO_DEMO_MOBILE_CREDENTIALS_HTML', 'type': 'html'}, visible: bDemo"></div> </div> </script><script id="MailWebclient_FolderView" type="text/html"><!-- ko if: visible --> <div data-bind="visible: visible(),  css: 'item folder-level' + (getDisplayedLevel() + 1) + ' ' + name() + (selected() ? ' selected' : '') +  (canBeSelected() ? ' canSelect' : ' canNotSelect') + (bExists ? ' exists' : '') +  (subscribed() ? ' subscribed' : '') + (isSystem() ? ' system' : ' user') +  (virtualEmpty() ? ' virtualEmpty' : '') + (subfolders().length !== 0 ? ' accordion' : ' folder_no_subfolders') + (expanded() ? ' expanded' : ' collapsed') + (hasExtendedInfo() && messageCount() === 0 ? ' folder_no_messages' : '')"> <a class="title" href="javascript: void(0);" data-bind=" css: {'recivedAnim': recivedAnim()}, attr: {href: routingHash}, visible: canBeSelected(), droppable: {valueFunc: disableMoveTo() ? false : function (oEvent, oUi) { $root.messagesDrop($data, oEvent, oUi); }, switchObserv: selected} "> <!-- ko if: showMessagesCount --> <!-- .count:first-child css selector is used here so this span should not always be rendered --> <span class="count total" data-bind="text: messageCount"></span> <!-- /ko --> <span class="count unseen" data-bind="visible: showUnseenMessagesCount, text: unseenMessagesCountToShow,   click: executeUnseenFilter, customTooltip: 'MAILWEBCLIENT/ACTION_SHOW_UNREAD_MESSAGES'"></span> <span class="name"> <span class="icon" data-bind="css: 'type' + type() + ' ' + name()"></span> <span class="text animGoal" data-bind="text: displayName"></span> <span class="collapse_handler" data-bind="visible: canExpand, css: {'expanded': expanded(), 'collapsed': !expanded()}, click: onAccordion"></span> </span> </a> <span class="title" data-bind="visible: !canBeSelected()"> <!-- ko if: showMessagesCount --> <span class="count total" data-bind="text: messageCount"></span> <!-- /ko --> <span class="count unseen" data-bind="visible: showUnseenMessagesCount, text: unseenMessagesCountToShow"></span> <span class="name"> <span class="icon" data-bind="css: 'type' + type()"></span> <span class="text animGoal" data-bind="text: displayName, attr: {'id': (type() === Enums.FolderTypes.Inbox) ? 'selenium_folder_inbox' : ((type() === Enums.FolderTypes.Sent) ? 'selenium_folder_sent' : ((type() === Enums.FolderTypes.Drafts) ? 'selenium_folder_drafts' : ((type() === Enums.FolderTypes.Spam) ? 'selenium_folder_spam' : ((type() === Enums.FolderTypes.Trash) ? 'selenium_folder_trash' : ''))))}"></span> <span class="collapse_handler" data-bind="visible: canExpand, css: {'expanded': expanded(), 'collapsed': !expanded()}, click: onAccordion"></span> </span> </span> <!-- ko if: !bNamespace --> <div class="children" data-bind="template: { name: 'MailWebclient_FolderView', foreach: subfolders }"></div> <!-- /ko --> </div> <!-- ko if: type() === Enums.FolderTypes.Inbox --> <!-- ko foreach: $parent.underInboxFolderControllers --> <!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> <!-- /ko --> <!-- ko if: bNamespace --> <!-- ko template: {name: 'MailWebclient_FolderView', foreach: subfolders} --><!-- /ko --> <!-- /ko --> <!-- /ko --> </script><script id="MailWebclient_FoldersView" type="text/html"><div class="buttons big_single_button"> <span href="javascript: void(0)" class="button" id="selenium_new_message_button" data-bind="command: $parent.bigButtonCommand"> <span class="icon"></span> <span data-bind="text: $parent.bigButtonText"></span> </span> <span href="javascript: void(0)" class="button add_new_folder" data-bind="click: addNewFolder, visible: visibleNewFolderButton"> <span class="icon"></span> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/HEADING_NEW_FOLDER'}"></span> </span> </div> <!-- ko foreach: underNewMessageButtonControllers --> <!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> <div class="middle_bar" data-bind="css: {'quota_visible': -1 < quotaProc(), 'quota_has_text_below': !bShowQuotaBarTextAsTooltip}"> <div class="panel_center" data-bind="customScrollbar: {x: false}"> <div class="scroll-inner"> <div class="items_list collapsible"> <div class="folders" style="margin-bottom: 10px;" data-bind="visible: unifiedInboxAllowed"> <!-- ko template: {name: 'MailWebclient_FolderView', data: oUnifiedInbox} --><!-- /ko --> </div> <div class="folders"> <!-- ko template: {name: 'MailWebclient_FolderView', foreach: folderList().collection} --><!-- /ko --> </div> </div> </div> </div> <div class="panel_bottom"> <div class="manage_folders" data-bind="visible: manageFoldersHash() !== '#'"> <a href="javascript: void(0)" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_MANAGE_FOLDERS'}, attr: {href: manageFoldersHash}"></a> </div> <span class="volumer" data-bind="visible: -1 < quotaProc()"> <span class="volumer_container" data-bind="customTooltip: bShowQuotaBarTextAsTooltip ? quotaDesc() : false"> <span class="used" data-bind="style: {'width': '' + (-1 < quotaProc() ? quotaProc() : 0) + '%' }"></span> </span> <span data-bind="visible: !bShowQuotaBarTextAsTooltip, text: quotaDesc"></span> </span> </div> </div> </script><script id="MailWebclient_HeaderItemView" type="text/html"><span class="item emails first-child" data-bind="dropdown: {control: !isCurrent()},  css: {'current': isCurrent(), 'disabled': accounts().length <= 1, 'has_control': accounts().length > 1}"> <span class="helper" data-bind="text: linkText, css: {'has_control': accounts().length > 1}"></span> <a class="link" href="javascript: void(0);" data-bind="attr: { href: mainHref }"> <span class="icon"></span> <span class="text" data-bind="text: linkText"></span> <!-- ko template: {name: 'CoreWebclient_HeaderItemUnseenCountPart', data: $data} --><!-- /ko --> </a> <span class="control" data-bind="visible: accounts().length > 1"></span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content" data-bind="foreach: accounts"> <span class="item" data-bind="text: sText, visible: !bCurrent, click: changeAccount"></span> </span> </span> </span> </span></script><script id="MailWebclient_HtmlEditorView" type="text/html"><div class="html_editor" data-bind="css: {'inactive': inactive() && !disableEdit(), 'plaintext_mode': plainTextMode(), 'edit_source_mode': editSourceMode()}, onEsc: onEscHandler, initDom: htmlEditorDom"> <div class="disable_mask" data-bind="visible: disableEdit"></div> <div class="toolbar" data-bind="initDom: toolbarDom"> <!-- <div class="disable_mask disable_toolbar_mask" data-bind="visible: editSourceMode()"></div> --> <div class="content"> <a href="javascript:void(0);" class="item undo" data-bind="click: undo, customTooltip: 'MAILWEBCLIENT/ACTION_UNDO'"> <span class="icon"></span> </a> <a href="javascript:void(0);" class="item redo" data-bind="click: redo, customTooltip: 'MAILWEBCLIENT/ACTION_REDO'"> <span class="icon"></span> </a> <a href="javascript:void(0);" class="item bold" data-bind="click: bold, customTooltip: 'MAILWEBCLIENT/ACTION_SET_BOLD', css: { active: isFWBold() }"> <span class="icon"></span> </a> <a href="javascript:void(0);" class="item italic" data-bind="click: italic, customTooltip: 'MAILWEBCLIENT/ACTION_SET_ITALIC', css: { active: isFSItalic() }"> <span class="icon"></span> </a> <a href="javascript:void(0);" class="item underline" data-bind="click: underline, customTooltip: 'MAILWEBCLIENT/ACTION_SET_UNDERLINE', css: { active: isTDUnderline() }"> <span class="icon"></span> </a> <a href="javascript:void(0);" class="item strike_through" data-bind="click: strikeThrough, customTooltip: 'MAILWEBCLIENT/ACTION_SET_STRIKETHROUGH', css: { active: isTDStrikeThrough() }"> <span class="icon"></span> </a> <span class="separator"></span> <div class="item select font"> <select class="input" data-bind="value: selectedFont, foreach: aFonts, enable: !inactive()" style="height: 21px;"> <option data-bind="text: $data, value: $data, style: {'fontFamily': $data}"></option> </select> </div> <div class="item select font_size"> <select class="input" data-bind="value: selectedSize, enable: !inactive()" style="height: 21px;"> <option value="2" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_CHOOSE_SMALL_TEXTSIZE'}" style="font-size: 13px;"></option> <option value="3" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_CHOOSE_NORMAL_TEXTSIZE'}" style="font-size: 16px;"></option> <option value="5" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_CHOOSE_LARGE_TEXTSIZE'}" style="font-size: 24px;"></option> <option value="7" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_CHOOSE_HUGE_TEXTSIZE'}" style="font-size: 48px;"></option> </select> </div> <a href="javascript:void(0);" class="item color" data-bind="click: textColor,     css: {'expand': visibleFontColorPopup}, initDom: colorPickerDropdownDom, customTooltip: 'MAILWEBCLIENT/ACTION_SET_COLOR'"> <span class="icon"></span> <span class="dropdown color"> <span class="dropdown_helper"> <span class="dropdown_content"> <!-- ko template: { name: oFontColorPickerView.ViewTemplate, data: oFontColorPickerView } --><!-- /ko --> <!-- ko template: { name: oBackColorPickerView.ViewTemplate, data: oBackColorPickerView } --><!-- /ko --> </span> </span> </span> </a> <span class="separator"></span> <a href="javascript:void(0);" class="item slist" data-bind="click: numbering, customTooltip: 'MAILWEBCLIENT/ACTION_SET_NUMBERING', css: { active: isEnumeration() }"> <span class="icon"></span> </a> <a href="javascript:void(0);" class="item uslist" data-bind="click: bullets, customTooltip: 'MAILWEBCLIENT/ACTION_SET_BULLETS', css: { active: isBullets() }"> <span class="icon"></span> </a> <span class="separator"></span> <a href="javascript:void(0);" class="item blockquote" data-bind="click: blockquote, customTooltip: 'MAILWEBCLIENT/ACTION_SET_BLOCKQUOTE'"> <span class="icon"></span> </a> <span class="separator"></span> <a href="javascript:void(0);" class="item hline" data-bind="click: insertHorizontalLine, visible: bAllowHorizontalLineButton, customTooltip: 'MAILWEBCLIENT/ACTION_INSERT_HLINE'"> <span class="icon"></span> </a> <span class="separator" data-bind="visible: bAllowHorizontalLineButton"></span> <a href="javascript:void(0);" class="item link" data-bind="click: insertLink,     css: {'expand': visibleInsertLinkPopup}, initDom: insertLinkDropdownDom, customTooltip: 'MAILWEBCLIENT/ACTION_INSERT_LINK'"> <span class="icon"></span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_content"> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_URL'}"></span>: <input class="input" type="text" data-bind="value: linkForInsert, hasfocus: linkFocused,  onFocusSelect: true, valueUpdate: 'afterkeydown', onEnter: insertLinkFromPopup" /> <span class="button" data-bind="click: insertLinkFromPopup, i18n: {'key': 'MAILWEBCLIENT/ACTION_INSERT'}"></span> <span class="button" data-bind="click: closeInsertLinkPopup, i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}"></span> </span> </span> </span> </a> <a href="javascript:void(0);" class="item image" data-bind="click: insertImage,  visible: bAllowInsertImage, css: {'expand': visibleInsertImagePopup}, initDom: insertImageDropdownDom, customTooltip: 'MAILWEBCLIENT/ACTION_INSERT_IMAGE'"> <span class="icon"></span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_content"> <span data-bind="visible: bAllowFileUpload"> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_SELECT_IMAGE'}"></span>: <br /> <span class="button" data-bind="initDom: imageUploaderButton, i18n: {'key': 'MAILWEBCLIENT/ACTION_CHOOSE_FILE'}"></span> <br /> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ENTER_IMAGE_URL'}"></span>: </span> <span data-bind="visible: !bAllowFileUpload, i18n: {'key': 'MAILWEBCLIENT/LABEL_ENTER_IMAGE_URL_ONLY'}"></span> <br /> <input class="input" type="text" data-bind="value: imagePathFromWeb" style="width: 200px;" /> <span class="button" data-bind="click: insertWebImageFromPopup, i18n: {'key': 'MAILWEBCLIENT/ACTION_INSERT'}"></span> <span class="button" data-bind="click: closeInsertImagePopup, i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}"></span> </span> </span> </span> </a> <a href="javascript:void(0);" class="item clear" data-bind="click: removeFormat, customTooltip: 'MAILWEBCLIENT/ACTION_REMOVE_FORMAT'"> <span class="icon"></span> </a> <a href="javascript:void(0);" class="item rtl" data-bind="visible: bAllowChangeInputDirection, click: setRtlDirection, customTooltip: 'MAILWEBCLIENT/ACTION_SET_RTL_DIRECTION'"> <span class="icon">rtl</span> </a> <a href="javascript:void(0);" class="item ltr" data-bind="visible: bAllowChangeInputDirection, click: setLtrDirection, customTooltip: 'MAILWEBCLIENT/ACTION_SET_LTR_DIRECTION'"> <span class="icon">ltr</span> </a> <span class="separator" data-bind="visible: templates().length > 0"></span> <a href="javascript:void(0);" class="item template" data-bind="visible: templates().length > 0, click: toggleTemplatePopup,  css: {'expand': visibleTemplatePopup}, customTooltip: 'MAILWEBCLIENT/ACTION_INSERT_TEMPLATE'"> <span class="icon"></span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_content" data-bind="customScrollbar: {x: false}"> <span class="scroll-inner"> <!-- ko foreach: templates --> <div data-bind="text: subject, click: function (oViewModel, oEvent) { $parent.insertTemplate(text, oEvent); }"></div> <!-- /ko --> </span> </span> </span> </span> </a> <span class="separator"></span> <a href="javascript:void(0);" class="item source_code"    data-bind="visible: bAllowEditHtmlSource, click: toggleSourceEdit,    customTooltip: sourceCodeButtonText,    css: {show_preview: editSourceMode, source_code_not_disabled: !plainTextMode()}" > <span class="icon"></span> </a> </div> </div> <div class="workarea" data-bind="customScrollbar: {x: true, y: true}, initDom: workareaDom"> <div class="scroll-inner"  data-bind="attr: {'id': creaId}, visible: !plainTextMode() && !editSourceMode()" ></div> <div class="html_source_container"  data-bind="initDom: htmlSourceDom, visible: !plainTextMode() && editSourceMode()" ></div> <div data-bind="initDom: uploaderAreaDom, css: {'active': editorUploaderBodyDragOver}" class="uploader_mask"> <div class="inner"></div> </div> <div data-bind="visible: plainTextMode()" class="plaintext"> <textarea data-bind="initDom: plaintextDom"></textarea> </div> <a href="javascript: void(0);" class="plaintext_switcher"    data-bind="visible: bAllowComposePlainText && !disableEdit() && !editSourceMode(),    text: changeTextModeTitle, click: changeTextMode" ></a> </div> <div class="inline_popup image_tooltip" data-bind="visible: imageSelected,  style: {'top': tooltipPopupTop() + 'px', 'left': tooltipPopupLeft() + 'px'},  text: tooltipText"></div> <div class="inline_popup" data-bind="visible: visibleLinkPopup, initDom: linkPopupDom"> <a target="_blank" data-bind="text: linkHref, attr: {'href': linkHref}, click: function () { hideLinkPopup(); return true; }"></a> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CHANGE_URL'}, click: showChangeLink"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_REMOVE'}, click: function () { oCrea.removeCurrentLink(); }"></span> </div> <div class="inline_popup" data-bind="visible: visibleLinkHref, initDom: linkHrefDom"> <input type="text" spellcheck="false" data-bind="value: linkHref" /> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_OK'}, click: changeLink"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: hideChangeLink"></span> </div> <div class="inline_popup" data-bind="visible: visibleImagePopup, style: {'top': imagePopupTop() + 'px', 'left': imagePopupLeft() + 'px'}"> <!-- ko foreach: imageResizeOptions --> <span class="button" data-bind="text: $data.label, click: function () { $parent.resizeImage($data.value); }"></span> <!-- /ko --> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_REMOVE'}, click: function () { oCrea.removeCurrentImage(); }"></span> </div> </div> </script><script id="MailWebclient_MailHorizontalLayoutView" type="text/html"><div class="screen MailLayout" style="display: none;"> <div class="panels" data-bind="splitterFlex: { storagePrefix: 'aurora_mail_hr_folders_', sizes: [20, 80] }"> <div class="panel left_panel folders_panel"> <div class="panel_content"> <!-- ko template: {name: oFolderList.ViewTemplate, data: oFolderList} --><!-- /ko --> </div> </div> <div class="horiz_split_panel" data-bind="splitterFlex: { storagePrefix: 'aurora_mail_hr_messages_', sizes: [40, 60], direction: 'vertical' }"> <div class="panel center_panel messages_panel"> <div class="panel_content"> <!-- ko template: { name: 'MailWebclient_Messages_ToolbarView' } --><!-- /ko --> <!-- ko template: { name: messageList().ViewTemplate, data: messageList() } --><!-- /ko --> </div> </div> <div class="panel item_viewer message_viewer"> <div class="panel_content"> <div class="middle_bar" data-bind="template: {name: messagePane().ViewTemplate, data: messagePane}"></div> </div> </div> </div> </div> </div> </script><script id="MailWebclient_MailView" type="text/html"><div class="screen MailLayout" style="display: none;"> <div class="panels" data-bind="splitterFlex: { storagePrefix: 'aurora_mail_', sizes: [20, 30, 50], expandSecondPaneWidth: expandListPaneWidth, expandThirdPaneWidth: expandMessagePaneWidth }"> <div class="panel left_panel folders_panel"> <div class="panel_content"> <!-- ko template: {name: oFolderList.ViewTemplate, data: oFolderList} --><!-- /ko --> </div> </div> <div class="panel center_panel messages_panel" data-bind="css: {'unified_messages_panel': isUnifiedFolderCurrent, 'search_multi_folders': isSearchMultiFolders}"> <div class="panel_content"> <!-- ko template: { name: 'MailWebclient_Messages_ToolbarView' } --><!-- /ko --> <!-- ko template: { name: messageList().ViewTemplate, data: messageList() } --><!-- /ko --> </div> </div> <div class="panel item_viewer message_viewer"> <div class="panel_content"> <div class="middle_bar" data-bind="template: {name: messagePane().ViewTemplate, data: messagePane}"></div> </div> </div> </div> </div> </script><script id="MailWebclient_MessageItemView" type="text/html"><div class="item dragHandle" data-bind="css: { 'unseen': !seen(), 'selected': selected(), 'checked': checked(), 'forwarded': forwarded(), 'answered': answered(), 'deleted': deleted() || threadHideAnimation(), 'nosubject': emptySubject(), 'threaded':  threadPart(), 'show': threadShowAnimation() }"> <div class="item_content"> <span class="controls"> <span class="custom_checkbox" data-bind="click: function () { checked(!checked()); }, css: {'checked': checked()}"> <span class="icon"></span> </span> <span class="separator"></span> <span class="flag" data-bind="css: {'flagged': flagged(), 'partial': partialFlagged()}"></span> </span> <span class="data"> <!-- ko if: Custom.Avatar --> <span class="avatar" style="display:none;" data-bind="style: {'background': Custom.Avatar.Color}, text: Custom.Avatar.DisplayName"></span> <!-- /ko --> <span class="size" data-bind="text: friendlySize()"></span> <span class="date" data-bind="text: date"></span> <span class="search_folder_marker" data-bind="text: folderObject() ? folderObject().displayName : '',   visible: folderObject,   customTooltip: folderObject() && folderObject().fullName() !== folderObject().name() ? folderObject().fullName : ''"></span> <span class="unified_marker" data-bind="visible: showUnifiedMailboxLabel, text: unifiedMailboxLabelText, style: {'background': unifiedMailboxLabelColor}"></span> <!-- ko foreach: customLabels --> <span class="custom_marker" data-bind="text: text, css: cssClass"></span> <!-- /ko --> <span class="attachments has_attachments" data-bind="visible: hasAttachments(), css: {'has_ical_attachment': hasIcalAttachment(), 'has_vcard_attachment': hasVcardAttachment()}"></span> <span class="marker"></span> <span class="from fadeout"> <span data-bind="text: fromOrToText()"></span> </span> <span class="separator"></span> <span class="thread-pin" data-bind="text: threadCount(), visible: threadCountVisible(), click: openThread, css: {'unread': threadUnreadCount() > 0}, customTooltip: threadCountHint"></span> <span class="thread-pin loading" data-bind="i18n: {'key': 'COREWEBCLIENT/INFO_LOADING'}, visible: threadLoadingVisible()"></span> <span class="subject fadeout"> <span class="importance" data-bind="visible: importance() === Enums.Importance.High"></span> <span data-bind="text: subjectForDisplay()"></span> </span> </span> <div class="separator"></div> </div> </div> <!-- ko if: threadNextLoadingVisible() --> <div class="item threaded thread_more_messages" data-bind="css:{'show': threadShowAnimation(), 'deleted': threadHideAnimation()}"> <div class="item_content"> <span class="link" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_LOAD_MORE_MESSAGES'}, click: loadNextMessages, visible: threadNextLoadingLinkVisible()"></span> <span style="color: #999999; font-size: 15px;" data-bind="i18n: {'key': 'COREWEBCLIENT/INFO_LOADING'}, visible: !threadNextLoadingLinkVisible()"></span> </div> </div> <!-- /ko --> </script><script id="MailWebclient_MessagePaneScreenView" type="text/html"><div class="screen MailMessageViewLayout" style="display: none;"> <div class="panel item_viewer message_viewer"> <div class="panel_content"> <div class="middle_bar"> <!-- ko template: { name: 'MailWebclient_MessagePaneView'} --><!-- /ko --> </div> </div> </div> </div></script><script id="MailWebclient_MessagePaneView" type="text/html"><div class="panel_top message_header" data-bind="initDom: domMessageHeader, visible: isCurrentMessage, event: {'dblclick': resizeDblClick}, css: {'message_header_detailed': detailsVisible}"> <span data-bind="click: switchDetailsVisibility, css: { 'compressed': !detailsVisible() }" class="table-compressor"> <span class="arrow" data-bind="customTooltip: detailsTooltip"></span> </span> <div class="notice" data-bind="visible: visiblePicturesControl"> <span class="item"> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_MESSAGE_BLOCKED'}"></span> <span class="link" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_SHOW_PICTURES'}, click: showPictures, visible: visibleShowPicturesLink"></span> </span> <span class="item"> <span class="link" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_ALWAYS_SHOW_PICTURE_THIS_SENDER'}, click: alwaysShowPictures"></span> </span> </div> <div class="notice" data-bind="visible: visibleConfirmationControl"> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_SENDER_ASKED_NOTIFY'}"></span> <span class="link" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_NOTIFY_SENDER'}, click: notifySender"></span> </div> <!-- ko foreach: topControllers --> <!-- ko if: $data.ViewTemplate --> <!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> <!-- /ko --> <div class="header_content clearfix"> <div class="header_row"> <!-- ko template: {name: 'MailWebclient_Message_ToolbarView'} --><!-- /ko --> <div class="message_info" data-bind="visible: !detailsVisible()"> <div class="message_info_line"> <!-- ko if: currentMessage() && currentMessage().Custom.Avatar --> <span class="avatar" data-bind="style: {'background': currentMessage().Custom.Avatar.Color}, text: currentMessage().Custom.Avatar.DisplayName"></span> <!--   --> <!-- /ko --> <span class="from contact address_capsule"> <span class="control address" data-bind="text: sMeSender && currentAccountEmail() === fromEmail() ? sMeSender : from, attr: {'data-email': fromEmail, 'data-name': oFromAddr() ? oFromAddr().sName : ''}"></span> </span> <span class="to_arrow" data-bind="visible: allRecipients().length > 0">&#8594;</span> <!-- ko foreach: allRecipients --> <span class="contact address_capsule"> <span class="address" data-bind="text: $parent.sMeRecipient && $parent.currentAccountEmail() === sEmail ? $parent.sMeRecipient : sDisplay, attr: {'data-email': sEmail, 'data-name': sName}"> </span> </span> <!-- /ko --> </div> </div> <div class="message_info message_detail_info" data-bind="visible: detailsVisible()"> <div class="message_info_line"> <span class="title" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_FROM'}"></span>: <span class="contact address_capsule"> <span class="address" data-bind="text: fullFrom, attr: {'data-email': fromEmail, 'data-name': oFromAddr() ? oFromAddr().sName : ''}"> </span> </span> </div> <div class="message_info_line" data-bind="visible: aToAddr().length > 0"> <span class="title" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_TO'}"></span>: <!-- ko foreach: aToAddr --> <span class="contact address_capsule"> <span class="address" data-bind="text: sFull, attr: {'data-email': sEmail, 'data-name': sName}"></span> </span> <!-- /ko --> </div> <div class="message_info_line" data-bind="visible: aCcAddr().length > 0"> <span class="title" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_CC'}"></span>: <!-- ko foreach: aCcAddr --> <span class="contact address_capsule"> <span class="address" data-bind="text: sFull, attr: {'data-email': sEmail, 'data-name': sName}"></span> </span> <!-- /ko --> </div> <div class="message_info_line" data-bind="visible: aBccAddr().length > 0"> <span class="title" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_BCC'}"></span>: <!-- ko foreach: aBccAddr --> <span class="contact address_capsule"> <span class="address" data-bind="text: sFull, attr: {'data-email': sEmail, 'data-name': sName}"></span> </span> <!-- /ko --> </div> <div class="message_info_line"> <span class="title" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_DATE'}"></span>: <span data-bind="text: fullDate"></span> </div> </div> </div> <div class="header_row" data-bind="css: {'nosubject': emptySubject()}"> <span class="date" data-bind="text: midDate, visible: !detailsVisible()"></span> <span class="icon importance" data-bind="visible: importance() === Enums.Importance.High"></span> <h2 class="subject" data-bind="text: subjectForDisplay, visible: !bAllowSearchMessagesBySubject"></h2> <h2 class="subject" style="cursor: pointer;" data-bind="text: subjectForDisplay, click: searchBySubject, visible: bAllowSearchMessagesBySubject, customTooltip: 'MAILWEBCLIENT/ACTION_SEARCH_MESSAGES_CONTAINING_SUBJECT'"></h2> </div> </div> <!-- ko if: sAttachmentsSwitcherViewTemplate --> <!-- ko template: {name: sAttachmentsSwitcherViewTemplate} --><!-- /ko --> <!-- /ko --> </div> <div class="panel_center"> <div class="panels" data-bind="css: {'has_attachments': hasNotInlineAttachments, 'view_attachments': visibleAttachments}"> <div class="panel message_panel"> <div class="message" data-bind="customScrollbar: {x: true, y: true, 'reset': displayedMessageUid()}, css: {'has_bodytext': hasBodyText, 'has_attachments': hasNotInlineAttachments}"> <div class="message_content scroll-inner" data-bind="hasfocus: contentHasFocus, css: {'message_content_not_empty_text': isCurrentMessage() && textBody()}"> <!-- ko foreach: bodyControllers --> <!-- ko if: $data.ViewTemplate --> <!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> <!-- /ko --> <div class="message_body_info" data-bind="visible: visibleNoMessageSelectedText"> <div data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_NO_MESSAGE_SELECTED'}"></div> <div class="message_body_secondary_info" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_SINGLE_DOUBLE_CLICK'}"></div> </div> <div class="message_body_info" data-bind="visible: isLoading, i18n: {'key': 'COREWEBCLIENT/INFO_LOADING'}"></div> <div class="message_body html" data-bind="visible: isCurrentMessage() && textBody(), initDom: domTextBody, attr: {'dir': rtlMessage() ? 'rtl' : 'ltr'}"></div> </div> </div> </div> <div class="panel attachments_panel" data-bind="visible: hasNotInlineAttachments, customScrollbar: {x: false, 'reset': currentMessage()}"> <div class="scroll-inner"> <div class="attachments large"> <div class="download_menu"> <span class="link hover" data-bind="visible: visibleExtendedDownload"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_GET_ALL_ATTACHMENTS'}"></span> </span> <div class="content"> <span class="link separately"    data-bind="click: downloadAllAttachmentsSeparately, visible: visibleDownloadAllAttachmentsSeparately"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_DOWNLOAD_ATTACHMENTS_SEPARATELY'}"></span> </span> <!-- ko foreach: allAttachmentsDownloadMethods --> <span class="link" data-bind="click: function () { $parent.executeAllAttachmentsDownloadMethod(Handler); }"> <span class="icon"></span> <span class="text" data-bind="text: Text"></span> </span> <!-- /ko --> </div> </div> <div data-bind="template: {name: 'CoreWebclient_FileView', foreach: notInlineAttachments}"></div> </div> </div> </div> </div> </div> <div class="panel_bottom"> <!-- ko template: {name: sQuickReplyViewTemplate} --><!-- /ko --> <!-- ko foreach: bottomControllers --> <!-- ko if: $data.ViewTemplate --> <!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> <!-- /ko --> </div> <!-- ko template: {name: 'MailWebclient_PrintMessageView'} --><!-- /ko --> </script><script id="MailWebclient_MessagesView" type="text/html"><div class="middle_bar" data-bind="css: {'advanced_search': bAdvancedSearch}"> <div class="panel_top"> <span class="custom_checkbox" data-bind="click: function () { checkAll(!checkAll()); }, css: {'checked': checkAll, 'incomplete': checkAllIncomplite}"> <span class="icon"></span> </span> <!-- ko template: {name: 'MailWebclient_SearchView'} --><!-- /ko --> </div> <div class="panel_center unselectable" data-bind="customScrollbar: {'reset': listChangedThrottle(), x: false}"> <div class="scroll-inner message_list_scroll"> <div class="items_list message_list" data-bind="initDom: messagesContainer, css: folderFullName"> <span> <span class="list_notification" data-bind="visible: visibleInfoSearchLoading() && !visibleInfoUnseenFilterList()"> <span class="link"   data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_STOP_SEARCH'},   click: onStopSearchClick, visible: allowClearSearch" ></span> <span class="description" data-bind="html: searchText"></span> </span> <span class="list_notification search_results" data-bind="visible: visibleInfoSearchList"> <span class="link"   data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CLEAR_SEARCH'},   click: onClearSearchClick, visible: allowClearSearch" ></span> <span class="description" data-bind="html: searchText"></span> </span> <span class="list_notification" data-bind="visible: visibleInfoSearchEmpty"> <span class="link"   data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CLEAR_SEARCH'},   click: onClearSearchClick, visible: allowClearSearch" ></span> <span class="description" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_SEARCH_EMPTY'}"></span> </span> <span class="list_notification" data-bind="visible: visibleInfoSearchError"> <span class="link" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_RETRY'}, click: onRetryClick"></span> <span class="link" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_SWITCH_TO_MESSAGE_LIST'}, click: onClearSearchClick"></span> <span class="description" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_SEARCH_ERROR'}"></span> </span> <span class="list_notification" data-bind="visible: visibleInfoUnseenFilterList"> <span class="link" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_CLEAR_FILTER'}, click: onClearFilterClick"></span> <span class="description" data-bind="html: unseenFilterText"></span> </span> <span class="list_notification" data-bind="visible: visibleInfoUnseenFilterEmpty"> <span class="link" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_CLEAR_FILTER'}, click: onClearFilterClick"></span> <span class="description" data-bind="text: unseenFilterEmptyText"></span> </span> <span class="list_notification" data-bind="visible: visibleInfoMessageListEmpty"> <span class="description" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_MESSAGE_LIST_EMPTY'}"></span> </span> <span class="list_notification" data-bind="visible: visibleInfoStarredFolderEmpty"> <span class="description" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_STARRED_FOLDER_EMPTY'}"></span> </span> <span class="list_notification" data-bind="visible: visibleInfoMessageListError"> <span class="link" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_RETRY'}, click: onRetryClick"></span> <span class="description" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_MESSAGE_LIST_ERROR'}"></span> </span> </span> <div class="items_sub_list message_sub_list" data-bind="foreach: collection,   draggablePlace: disableMoveMessages() ? null : function (message, ctrlOrCmdUsed) {return $root.dragAndDropHelper(message, ctrlOrCmdUsed);},  css: {'not_use_threads': !useThreading(), 'use_threads': useThreading}"> <!-- ko template: {name: $parent.customMessageItemViewTemplate() || 'MailWebclient_MessageItemView'} --><!-- /ko --> </div> <span class="list_notification" data-bind="visible: visibleInfoLoading()"> <span class="description" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_LOADING_MESSAGE_LIST'}"></span> </span> <span class="list_notification" data-bind="visible: visibleInfoSearchLoading()"> <span class="description" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_SEARCHING_FOR_MESSAGES'}"></span> </span> <div class="uploader_mask" data-bind="initDom: uploaderArea, css: {'active': bDragActiveComp}, visible: folderType() !== Enums.FolderTypes.Spam"> <div class="inner"></div> </div> </div> </div> </div> <div class="panel_bottom unselectable" data-bind="visible: oPageSwitcher.pages().length > 0, template: {name: oPageSwitcher.ViewTemplate, data: oPageSwitcher}"></div> </div> </script><script id="MailWebclient_MoveToFolderView" type="text/html"><span data-bind="visible: visible() && !disableMoveTo(), attr: {'class': 'item folder-level' + (getDisplayedLevel() + 1)}, css: {'system': isSystem, 'user': !isSystem()}"> <span class="folder" data-bind="attr: {'data-folder': canBeSelected() ? fullName() : ''},    css: {'disabled': !$root.isSearchMultiFolders() && selected(), 'unselectable': !canBeSelected()}"> <span class="title" data-bind="text: displayName"></span> </span> <!-- ko if: !bNamespace --> <span class="children" data-bind="template: { name: 'MailWebclient_MoveToFolderView', foreach: subfolders }"></span> <!-- /ko --> </span> <!-- ko if: bNamespace --> <!-- ko template: {name: 'MailWebclient_MoveToFolderView', foreach: subfolders} --><!-- /ko --> <!-- /ko --> </script><script id="MailWebclient_PrintMessageView" type="text/html"><div style="display: none;" data-bind="initDom: domMessageForPrint"> <style scoped> pre { white-space: pre-wrap; word-wrap: break-word; } blockquote {/*while editing see also style.css*/ border-left: solid 2px #000000; margin: 4px 2px; padding-left: 6px; } .wm_print_document { padding-top: 10px; max-width: 800px; } .wm_print { border-collapse: collapse; width: 96%; } .wm_print_title, .wm_print_value, .wm_print_body { padding: 4px; border: solid #666666; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; text-align: left; } .wm_print_title { border-width: 0px 1px 1px 0px !important; } .wm_print_value { border-width: 0px 0px 1px 1px !important; } .wm_print_body { border-width: 1px 0px 0px 0px !important; } .wm_print_body div:first-child { display: block; max-width: 800px; text-align: left; padding-top: 10px; } span.comma:first-child { display: none; } </style> <div align="center" class="wm_print_document"> <table class="wm_print"> <tbody> <tr> <td width="60px" class="wm_print_title"> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_FROM'}"></span>:  </td> <td class="wm_print_value" data-bind="text: fullFrom" colspan="2"></td> </tr> <tr> <td class="wm_print_title"> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_TO'}"></span>:  </td> <td class="wm_print_value" data-bind="text: to" colspan="2"></td> </tr> <tr data-bind="visible: cc() !== ''"> <td class="wm_print_title"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_CC'}"></span>:  </td> <td class="wm_print_value" data-bind="text: cc" colspan="2"></td> </tr> <tr data-bind="visible: bcc() !== ''"> <td class="wm_print_title"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_BCC'}"></span>:  </td> <td class="wm_print_value" data-bind="text: bcc" colspan="2"></td> </tr> <tr> <td class="wm_print_title"> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_DATE'}"></span>:  </td> <td class="wm_print_value" data-bind="text: fullDate" colspan="2"></td> </tr> <tr> <td class="wm_print_title"> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_SUBJECT'}"></span>:  </td> <td class="wm_print_value" data-bind="text: subject" colspan="2"></td> </tr> <!-- ko if: $data.notInlineAttachmentsInString --> <!-- View is used for message print in message pane. --> <tr data-bind="visible: notInlineAttachments().length > 0"> <td class="wm_print_title"> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ATTACHMENTS'}"></span>:  </td> <td class="wm_print_value" colspan="2"> <span data-bind="text: notInlineAttachmentsInString"></span> </td> </tr> <!-- /ko --> <!-- ko if: !$data.notInlineAttachmentsInString --> <!-- View is used for displaying of EML attachment from attachments list. --> <tr data-bind="visible: notInlineAttachments().length > 0"> <td class="wm_print_title"> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ATTACHMENTS'}"></span>:  </td> <td class="wm_print_value" colspan="2"> <!-- ko foreach: notInlineAttachments --> <span class="comma">, </span> <a href="javascript: void(0);" data-bind="text: fileName,     attr: {'data-hash': 'download-' + hash()}"></a> <span data-bind="visible: hasAction('view')"> (<a href="javascript: void(0);" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_VIEW_FILE'}, attr: {'data-hash': 'view-' + hash()}"></a>) </span> <!-- ko if: isMessageType() && messagePart() --> <!-- ko template: {name: 'MailWebclient_PrintMessageView', data: messagePart} --><!-- /ko --> <!-- /ko --> <!-- /ko --> </td> </tr> <!-- /ko --> <tr> <td class="wm_print_body" colspan="3"> <div data-bind="html: textBodyForNewWindow"></div> </td> </tr> </tbody> </table> </div> </div> </script><script id="MailWebclient_SearchView" type="text/html"><span class="search_block"> <span class="input" data-bind="css: {'focus': isFocused, 'search_block_expand': bAdvancedSearch}"> <span class="icon search"></span> <input class="field hide" spellcheck="false" type="text" data-bind="value: searchHighlightedInput" /> <div class="field" contenteditable="true" spellcheck="false"   data-bind="highlighter: {valueObserver: searchHighlightedInputFormatted, highlighterValueObserver: searchSpan, highlightTrigger: highlightTrigger},  onEnter: onSearchClick, hasfocus: isFocused" ></div> <div class="fields extended"> <span class="search_fieldset"> <span class="section"> <span class="row text" data-bind="css: {'focused': searchFromFocus(), 'filled': searchInputFrom().length > 0}"> <label for="search_from" class="label placeholder" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_FROM'}"></label> <input id="search_from" class="value input" spellcheck="false"  type="text"     data-bind="hasfocus: searchFromFocus, value: searchInputFrom, valueUpdate: 'afterkeydown', onEnter: onSearchClick" /> </span> <span class="row text" data-bind="css: {'focused': searchSubjectFocus(), 'filled': searchInputSubject().length > 0}"> <label for="search_subject" class="label placeholder" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_SUBJECT'}"></label> <input id="search_subject" class="value input" spellcheck="false"  type="text"     data-bind="hasfocus: searchSubjectFocus, value: searchInputSubject, valueUpdate: 'afterkeydown', onEnter: onSearchClick" /> </span> <span class="row text"> <span class="row date since" data-bind="css: {'focused': searchDateStartFocus(), 'filled': searchDateStart().length > 0}"> <label for="search_date_start" class="label placeholder" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_SINCE'}"></label> <input id="search_date_start" class="date input" spellcheck="false" type="text"     data-bind="initDom: searchDateStartDom, textInput: searchDateStart, hasfocus: searchDateStartFocus, valueUpdate: 'afterkeydown', onEnter: onSearchClick" /> </span> </span> </span> <span class="section"> <span class="row text" data-bind="css: {'focused': searchToFocus(), 'filled': searchInputTo().length > 0}"> <label for="search_to" class="label placeholder" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_TO'}"></label> <input id="search_to" class="value input" spellcheck="false"  type="text"     data-bind="hasfocus: searchToFocus, value: searchInputTo, valueUpdate: 'afterkeydown', onEnter: onSearchClick" /> </span> <span class="row text" data-bind="css: {'focused': searchTextFocus(), 'filled': searchInputText().length > 0}"> <label for="search_text" class="label placeholder" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_TEXT'}"></label> <input id="search_text" class="value input" spellcheck="false"  type="text"     data-bind="hasfocus: searchTextFocus, value: searchInputText, valueUpdate: 'afterkeydown', onEnter: onSearchClick" /> </span> <span class="row text"> <span class="row date till" data-bind="css: {'focused': searchDateEndFocus(), 'filled': searchDateEnd().length > 0}"> <label for="search_date_end" class="label placeholder" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_TILL'}"></label> <input id="search_date_end" class="date input" spellcheck="false" type="text"     data-bind="initDom: searchDateEndDom, textInput: searchDateEnd, hasfocus: searchDateEndFocus, valueUpdate: 'afterkeydown', onEnter: onSearchClick" /> </span> </span> </span> <span class="section attachments"> <span class="row attachments" data-bind="css: {'focused': searchAttachmentsFocus(), 'filled': searchAttachments().length > 0}"> <label class="custom_checkbox" data-bind="css: {'checked': searchAttachmentsCheckbox}"> <span class="icon"></span> <input id="attachments" type="checkbox" data-bind="checked: searchAttachmentsCheckbox"> </label> <span class="attachment_name"> <label for="search_attachments" style="cursor: pointer" class="label placeholder"     data-bind="text: attachmentsPlaceholder, click: function() { searchAttachmentsCheckbox(!searchAttachmentsCheckbox()); }"></label> <input id="search_attachments" disabled class="value input" spellcheck="false" type="text"     data-bind="hasfocus: searchAttachmentsFocus, value: searchAttachments, valueUpdate: 'afterkeydown', onEnter: onSearchClick" /> </span> </span> </span> <div class="buttons"> <div class="folders_search"  data-bind="css: {'folders_search_expand': bAdvancedSearch},  visible: !isStarredFolder()" > <span class="folders_search_label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_SEARCH_IN'}"></span> <span class="folders_search_select" data-bind="dropdown: {}, customTooltip: 'MAILWEBCLIENT/LABEL_SEARCH_IN'"> <span class="link control" data-bind="text: selectedSearchFoldersModeText"></span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content"> <span class="item" data-bind=" i18n: {'key': 'MAILWEBCLIENT/LABEL_SEARCH_CURRENT_FOLDER'}, css: {'selected': selectedSearchFoldersMode() === Enums.SearchFoldersMode.Current}, click: function () { selectFolderSearch(Enums.SearchFoldersMode.Current); }"></span> <span class="item" data-bind=" i18n: {'key': 'MAILWEBCLIENT/LABEL_SEARCH_CURRENT_FOLDER_AND_SUBFOLDERS'}, css: {'selected': selectedSearchFoldersMode() === Enums.SearchFoldersMode.Sub}, click: function () { selectFolderSearch(Enums.SearchFoldersMode.Sub); }"></span> <span class="item" data-bind=" i18n: {'key': 'MAILWEBCLIENT/LABEL_SEARCH_ALL_FOLDERS'}, css: {'selected': selectedSearchFoldersMode() === Enums.SearchFoldersMode.All}, click: function () { selectFolderSearch(Enums.SearchFoldersMode.All); }"></span> </span> </span> </span> </span> </div> <div style="flex-grow: 1;"></div> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SEARCH'}, click: onSearchClick"></span> </div> </span> </div> </span> <span class="control" data-bind="visible: allowAdvancedSearch"> <span class="icon" data-bind="click: onAdvancedSearchClick, css: {'search_block_expand': bAdvancedSearch()}, customTooltip: 'MAILWEBCLIENT/ACTION_OPEN_ADVANCED_SEARCH'"></span> </span> </span> </script><script id="MailWebclient_Compose_AttachmentsView" type="text/html"><div class="panel attachments_panel attachments upload large"> <div class="panel_content"> <div class="middle_bar"> <div class="panel_top"> <div class="notice" data-bind="visible: autoEncryptSignMessage() || messageSignedOrEncrypted(), i18n: {'key': 'MAILWEBCLIENT/INFO_ATTACHMENTS_NOT_SIGNED_ENCRYPTED'}"></div> <span class="uploader_button desktop" data-bind="initDom: composeUploaderButton, customTooltip: 'MAILWEBCLIENT/ACTION_ATTACH_FROM_COMPUTER'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_ATTACH_FROM_COMPUTER'}"></span> </span> <span class="uploader_button files" data-bind="visible: bAllowFiles, click: onShowFilesPopupClick"> <span class="icon" data-bind="customTooltip: 'MAILWEBCLIENT/ACTION_ATTACH_FROM_FILES'"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_ATTACH_FROM_FILES'}"></span> </span> <!-- ko foreach: uploadAttachmentsController --> <!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> </div> <div class="panel_center" data-bind="customScrollbar: {x: false}"> <div class="scroll-inner"> <div class="items_list"> <span class="list_notification" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_TO_ATTACH_DRAGNDROP'}, visible: allowDragNDrop() && notInlineAttachments().length === 0"></span> <div class="attachments_container" data-bind="template: {name: 'CoreWebclient_FileView', foreach: notInlineAttachments}"></div> </div> </div> </div> </div> <div class="uploader_mask" data-bind="initDom: composeUploaderDropPlace,  css: { 'over': uploaderDragOver, 'active': uploaderBodyDragOver }"> <div class="inner"></div> </div> </div> </div> </script><script id="MailWebclient_Compose_BackButtonView" type="text/html"><span class="item back" data-bind="command: backToListCommand"> <span class="icon"></span> <span class="text"></span> </span> </script><script id="MailWebclient_Compose_CcBccSwitchersView" type="text/html"><span class="link show_cc" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_SHOW_CC'}, visible: !visibleCc() && allowCcBccSwitchers(), click: changeCcVisibility"></span> <span class="link show_bcc" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_SHOW_BCC'}, visible: !visibleBcc() && allowCcBccSwitchers(), click: changeBccVisibility"></span> </script><script id="MailWebclient_Compose_ConfirmationCheckboxView" type="text/html"><label class="item confirmation"> <span class="custom_checkbox" data-bind="css: {'checked': sendReadingConfirmation}"> <span class="icon"></span> <input type="checkbox" data-bind="checked: sendReadingConfirmation" /> </span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_READING_CONFIRMATION'}"></span> </label> </script><script id="MailWebclient_Compose_HotkeysHintsView" type="text/html"><div class="panel_bottom" data-bind="initDom: bottomPanel, listWithMoreButton: true">   <span class="text hint" data-bind="foreach: aHotkeys">     <span class="hotkey" data-bind="css: visible() ? '' : 'not-display'">       <span class="hotkey_value" data-bind="text: value"></span>       <span class="hotkey_action" data-bind="text: action"></span>     </span>   </span>   <span     class="more_hints"     data-bind="dropdown: {control: false}, customTooltip: 'MAILWEBCLIENT/ACTION_SHOW_MORE_ACTIONS'"   >     <span class="icon"></span>     <span class="dropdown">       <span class="dropdown_helper">         <span class="dropdown_content" data-bind="foreach: aHotkeys">           <span class="item" data-bind="css: visible() ? '' : 'not-display'">             <span class="hotkey_value" data-bind="text: value"></span>             <span class="hotkey_action" data-bind="text: action"></span>           </span>         </span>         <span class="dropdown_arrow bottom_arrow">           <span></span>         </span>       </span>     </span>   </span> </div> </script><script id="MailWebclient_Compose_ImportanceDropdownView" type="text/html"><span class="item importance" data-bind="dropdown: {'control': false}"> <span class="icon" data-bind="customTooltip: 'MAILWEBCLIENT/ACTION_CHANGE_IMPORTANCE'"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_CHANGE_IMPORTANCE'}"></span> <span class="icon arrow"></span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content"> <span class="item" data-bind="click: function () {selectedImportance(Enums.Importance.Low);},    i18n: {'key': 'MAILWEBCLIENT/ACTION_SET_LOW_IMPORTANCE'},    css: {'selected': selectedImportance() === Enums.Importance.Low}"></span> <span class="item" data-bind="click: function () {selectedImportance(Enums.Importance.Normal);},    i18n: {'key': 'MAILWEBCLIENT/ACTION_SET_NORMAL_IMPORTANCE'},    css: {'selected': selectedImportance() === Enums.Importance.Normal}"></span> <span class="item" data-bind="click: function () {selectedImportance(Enums.Importance.High);},    i18n: {'key': 'MAILWEBCLIENT/ACTION_SET_HIGH_IMPORTANCE'},    css: {'selected': selectedImportance() === Enums.Importance.High}"></span> </span> </span> </span> </span> </script><script id="MailWebclient_Compose_PopupButtonsView" type="text/html"><span class="item save_and_close" data-bind="visible: typeof saveAndClose === 'function',  click: function () { if (saveAndClose) { saveAndClose(); } }, customTooltip: saveAndCloseTooltip"> <span class="icon"></span> </span> <span class="item new_window" data-bind="customTooltip: 'MAILWEBCLIENT/ACTION_OPEN_IN_NEW_WINDOW', click: openInNewWindow"> <span class="icon"></span> </span> <span class="item minimize" data-bind="visible: typeof minimize === 'function',  click: function () { if (minimize) { minimize(); } }, customTooltip: 'MAILWEBCLIENT/ACTION_MINIMIZE'"> <span class="icon"></span> </span> </script><script id="MailWebclient_Compose_SaveButtonView" type="text/html"><span class="item save" data-bind="command: saveCommand, visible: visible"> <span class="icon" data-bind="customTooltip: 'MAILWEBCLIENT/ACTION_SAVE'"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_SAVE'}"></span> </span> </script><script id="MailWebclient_Compose_SaveTemplateButtonView" type="text/html"><span class="item save" data-bind="command: saveTemplateCommand, visible: visible"> <span class="icon" data-bind="customTooltip: 'MAILWEBCLIENT/ACTION_SAVE_TEMPLATE'"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_SAVE_TEMPLATE'}"></span> </span> </script><script id="MailWebclient_Compose_SendButtonView" type="text/html"><span class="group buttons buttons_send_group" data-bind="dropdown: {}"> <span class="item" data-bind="attr: {'style': (toolbarControllers().length > 0 ? 'padding-left:0;': '')}" > <span class="button" data-bind="command: sendCommand"> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_SEND'}"></span> </span> </span> <!-- ko if: toolbarControllers().length > 0 --> <span class="item control buttons_send_arrow"> <span class="button"> <span class="icon arrow" style="display: block;"></span> </span> </span> <span class="dropdown button_dropdown"> <span class="dropdown_helper"> <!-- <span class="dropdown_arrow"> <span></span> </span> --> <span class="dropdown_content"> <!-- ko foreach: toolbarControllers --> <!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> </span> </span> </span> <!-- /ko --> </span> </script><script id="MailWebclient_Message_AttachmentsSwitcherView" type="text/html"><div class="body_parts_switcher" data-bind="visible: hasNotInlineAttachments, css: {'view_attachments': visibleAttachments}"> <span class="item show_message" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_SHOW_MESSAGE'}, click: showMessage"></span> <span class="item show_attachments" data-bind="click: showAttachments"> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_SHOW_ATTACHMENTS'}"></span> <span data-bind="text: notInlineAttachments().length"></span> </span> </div> </script><script id="MailWebclient_Message_ForwardButtonView" type="text/html"><span class="item forward" data-bind="command: forwardCommand, visible: isVisibleForwardTool"> <span class="icon" data-bind="customTooltip: 'MAILWEBCLIENT/ACTION_FORWARD'"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_FORWARD'}"></span> </span> </script><script id="MailWebclient_Message_QuickReplyView" type="text/html"><div class="quick_reply fields" data-bind="quickReplyAnim: { 'sendAction': replySendingStarted(),  'saveAction': replySavingStarted(),  'activeAction': isQuickReplyActive() }, visible: replyPaneVisible() && isVisibleReplyTool()"> <div class="status"> <div class="text" data-bind="text: replyLoadingText"></div> </div> <div class="row" data-bind="css: {'focused': replyTextFocus(),  'filled': replyText().length > 0}"> <label for="reply_text" class="placeholder"  data-bind="text: placeholderText"></label> <textarea id="reply_text" class="input" data-bind="value: replyText,  hasfocus: replyTextFocus, onCtrlEnter: executeSendQuickReply,  valueUpdate: 'afterkeydown', style: {'fontFamily': sDefaultFontName}"></textarea> </div> <div class="buttons"> <span class="button" data-bind="text: sendButtonText, command: sendQuickReplyCommand"></span> <span class="button contour_button" data-bind="text: saveButtonText, command: saveQuickReplyCommand"></span> <span class="text hint" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_SEND_HOTKEY'}"></span> <a class="link full_form" href="javascript: void(0);" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_OPEN_FULL_REPLY'}, command: replyAllCommand"></a> </div> </div> </script><script id="MailWebclient_Message_ReplyButtonsView" type="text/html"><span class="item reply" data-bind="command: replyCommand, visible: isVisibleReplyTool"> <span class="icon" data-bind="customTooltip: 'MAILWEBCLIENT/ACTION_REPLY'"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_REPLY'}"></span> </span> <span class="item replyall" data-bind="command: replyAllCommand, visible: isVisibleReplyTool"> <span class="icon" data-bind="customTooltip: 'MAILWEBCLIENT/ACTION_REPLY_TO_ALL'"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_REPLY_TO_ALL'}"></span> </span> </script><script id="MailWebclient_Message_SpamButtonsView" type="text/html"><span class="item never-spam" data-bind="command: neverSpamCommand, visible: allowSpamButtons"> <span class="icon" data-bind="customTooltip: 'MAILWEBCLIENT/ACTION_NEVER_SPAM'"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_NEVER_SPAM'}"></span> </span> <span class="item always-spam" data-bind="command: alwaysSpamCommand, visible: allowSpamButtons"> <span class="icon" data-bind="customTooltip: 'MAILWEBCLIENT/ACTION_ALWAYS_SPAM'"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_ALWAYS_SPAM'}"></span> </span> </script><script id="MailWebclient_Message_ToolbarView" type="text/html"><div class="toolbar"> <span class="content"> <span class="item delete" data-bind="command: deleteCommand, visible: bNewTab, customTooltip: 'COREWEBCLIENT/ACTION_DELETE'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_DELETE'}"></span> </span> <span class="item prev" data-bind="command: nextMessageCommand, visible: bNewTab"> <span class="icon" data-bind="customTooltip: 'MAILWEBCLIENT/ACTION_OPEN_NEXT_MESSAGE'"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_OPEN_NEXT_MESSAGE'}"></span> </span> <span class="item next" data-bind="command: prevMessageCommand, visible: bNewTab"> <span class="icon" data-bind="customTooltip: 'MAILWEBCLIENT/ACTION_OPEN_PREV_MESSAGE'"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_OPEN_PREV_MESSAGE'}"></span> </span> <!-- ko template: {name: 'MailWebclient_Message_ReplyButtonsView'} --><!-- /ko --> <span class="item resend" data-bind="command: resendCommand, visible: isVisibleResendTool"> <span class="icon" data-bind="customTooltip: 'MAILWEBCLIENT/ACTION_RESEND'"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_RESEND'}"></span> </span> <!-- ko template: {name: 'MailWebclient_Message_ForwardButtonView'} --><!-- /ko --> <!-- ko foreach: messageToolbarControllers --> <!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> <a class="item new_window" href="javascript: void(0);" data-bind="click: openInNewWindow, visible: !bNewTab"> <span class="icon" data-bind="customTooltip: 'MAILWEBCLIENT/ACTION_OPEN_IN_NEW_WINDOW'"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_OPEN_IN_NEW_WINDOW'}"></span> </a> <span class="item more" data-bind="dropdown: {control: false, parent: '.message_viewer'}, command: moreCommand, customTooltip: 'MAILWEBCLIENT/ACTION_SHOW_MORE_ACTIONS'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_SHOW_MORE_ACTIONS'}"></span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"> <span></span> </span> <span class="dropdown_content"> <span class="item print" data-bind="command: printCommand"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_PRINT'}"></span> </span> <span class="item save" data-bind="command: saveCommand"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_DOWNLOAD_EML'}"></span> </span> <span class="item forward" data-bind="command: forwardAsAttachment, visible: isVisibleForwardTool"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_FORWARD_AS_ATTACHMENT'}"></span> </span> <span class="item headers" data-bind="visible: currentMessage() && currentMessage().completelyFilled(), click: showSourceHeaders"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_OPEN_MESSAGE_HEADERS'}"></span> </span> <!-- ko template: { name: oUnsubscribeButtonView.ViewTemplate, data: oUnsubscribeButtonView} --><!-- /ko --> <!-- ko foreach: moreSectionCommands --> <span class="item" data-bind="command: Command, css: CssClass, visible: Visible"> <span class="icon"></span> <span class="text" data-bind="text: Text"></span> </span> <!-- /ko --> </span> </span> </span> </span> </span> </div> </script><script id="MailWebclient_Message_UnsubscribeButtonView" type="text/html"><span class="item unsubscribe" data-bind="visible: allowUnsubscribe, click: unsubscribe"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_UNSUBSCRIBE_MESSAGE'}"></span> </span> </script><script id="MailWebclient_Settings_AccountAllowBlockListsSettingsFormView" type="text/html"><div class="fields"> <div class="fieldset"> <div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_SPAM_SCORE'}"></span> <input class="input" style="width: 100px" data-bind="value: spamScore" /> </div> <div class="row message"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_BLOCK_LIST'}"></span> <textarea class="input" data-bind="value: blockList"></textarea> </div> <div class="row message"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ALLOW_LIST'}"></span> <textarea class="input" data-bind="value: allowList"></textarea> </div> <div class="row hint"> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/HINT_ALLOW_BLOCK_LIST'}"></span> </div> </div> </div> <div class="buttons"> <span class="button" data-bind="click: save, i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, visible: !isSaving()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}, visible: isSaving()"></span> </div> </div> </script><script id="MailWebclient_Settings_AccountAutoresponderSettingsFormView" type="text/html"><div class="fields"> <div class="fieldset"> <div> <div class="row enable"> <div> <label class="custom_checkbox" data-bind="css: {'checked': enable}"> <span class="icon"></span> <input type="checkbox" id="enable_ar" data-bind="checked: enable" /> </label> <label for="enable_ar" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ENABLE_AUTORESPONDER'}"></label> </div> </div> <div class="row scheduled" data-bind="visible: allowScheduledAutoresponder"> <div class="label"> <label class="custom_checkbox" data-bind="css: {'checked': scheduled, 'disabled': !enable()}"> <span class="icon"></span> <input type="checkbox" id="scheduled_ar" data-bind="checked: scheduled, disable: !enable()" /> </label> <label for="scheduled_ar" data-bind="css: {'disabled': !enable()}, i18n: {'key': 'MAILWEBCLIENT/LABEL_SCHEDULED_AUTORESPONDER'}"></label> </div> <div class="value" style="display: inline-flex; align-items: center;"> <div class="start_date"> <input class="date input" type="text" style="width: 138px;" spellcheck="false" readonly="readonly" data-bind="initDom: startDateDom, disable: !(enable() && scheduled()), css: {'disabled': !(enable() && scheduled())}" /> <!-- <span class="custom_selector" data-bind="css: {'disabled': !(enable() && scheduled())}, customSelect: {'control': false, 'options': timeOptions, value: startTime}"> <span class="value time input" style="width: 60px;" data-bind="text: startTime"></span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content"></span> </span> </span> </span> --> </div> <div style="width: 3em; text-align: center;">&mdash;</div> <div class="end_date"> <input class="date input" type="text" style="width: 138px;" spellcheck="false" readonly="readonly" data-bind="initDom: endDateDom, disable: !(enable() && scheduled()), css: {'disabled': !(enable() && scheduled())}" /> <!-- <div class="custom_selector" data-bind="css: {'disabled': !(enable() && scheduled())}, customSelect: {'control': false, 'options': timeOptions, value: endTime}"> <span class="value time input" style="width: 60px;" data-bind="text: endTime"></span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content"></span> </span> </span> </div> --> </div> </div> </div> <div class="row subject" data-bind="css: {'disabled': !enable()}"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_SUBJECT'}"></span> <input class="value input" spellcheck="false" type="text" data-bind="value: subject, disable: !enable()" /> </div> <div class="row message" data-bind="css: {'disabled': !enable()}"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_MESSAGE'}"></span> <textarea class="input" data-bind="value: message, disable: !enable()"></textarea> </div> </div> </div> <div class="buttons"> <span class="button" data-bind="click: save, i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, visible: !isSaving()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}, visible: isSaving()"></span> </div> </div> </script><script id="MailWebclient_Settings_AccountFilterPartAction" type="text/html"><span class="part field" data-bind="customSelect: {'control': false, 'options': $parents[1].actionOptions, value: $parent.action}"> <span class="link"></span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content"> </span> </span> </span> </span> </script><script id="MailWebclient_Settings_AccountFilterPartCondition" type="text/html"><span class="part field" data-bind="customSelect: {'control': false, 'options': $parents[1].conditionOptions, value: $parent.condition}"> <span class="link"></span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content"> </span> </span> </span> </span> </script><script id="MailWebclient_Settings_AccountFilterPartDependedText" type="text/html"> <span class="part" data-bind="text: $parents[1].getDependedText($data), visible: $parents[1].getDependedField($data, $parent) !== 1"></span> </script><script id="MailWebclient_Settings_AccountFilterPartEmail" type="text/html"><span class="part field" data-bind="visible: $parent.action() === 7"> <input type="text" spellcheck="false" class="part input" data-bind="value: $parent.email" /> </span> </script><script id="MailWebclient_Settings_AccountFilterPartField" type="text/html"><span class="part field" data-bind="customSelect: {'control': false, 'options': $parents[1].fieldOptions, value: $parent.field}"> <span class="link"></span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content"> </span> </span> </span> </span> </script><script id="MailWebclient_Settings_AccountFilterPartFolder" type="text/html"><span class="part field" data-bind="visible: $parent.action() === 3,  moveToFolderFilter: {'options': $parents[1].foldersOptions, value: $parent.folder, optionsText: 'translatedDisplayName',  optionsValue: 'fullName', container: '.scroll-inner'}"> <span class="link"></span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content" data-bind="customScrollbar: {x: false}"> <span class="scroll-inner"></span> </span> </span> </span> </span> </script><script id="MailWebclient_Settings_AccountFilterPartString" type="text/html"><input type="text" spellcheck="false" class="part input" data-bind="value: $parent.filter" />  </script><script id="MailWebclient_Settings_AccountFilterPartText" type="text/html"> <span class="part" data-bind="text: $data"></span>  </script><script id="MailWebclient_Settings_AccountFiltersSettingsFormView" type="text/html"><div class="fields"> <div class="fieldset"> <div> <div class="hint" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_NO_FILTERS_SPECIFIED'}, visible: (0 === collection().length && !loading())"></div> <div class="hint" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_LOADING_FILTERS'}, visible: (0 === collection().length && loading())"></div> <!-- ko foreach: collection --> <div class="row filter"> <div class="value"> <span class="buttons"><span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_REMOVE'}, click: function (oFilter) { $parent.deleteFilter(oFilter); }"></span></span> <div> <label class="custom_checkbox" data-bind="css: {'checked': enable}"> <span class="icon"></span> <input type="checkbox" data-bind="checked: enable" /> </label> <!-- ko foreach: $parent.phaseArray --> <!-- ko template: {name: function () { return $parents[1].displayFilterPart($data, 'MailWebclient_Settings_AccountFilterPart'); } } --><!-- /ko --> <!-- /ko --> </div> </div> </div> <!-- /ko --> </div> </div> <div class="buttons" data-bind="visible: !loading()"> <span class="button addlink" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_ADD_FILTER'}, click: addFilter"></span> <span class="button" data-bind="click: save, visible: !isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </span> <span class="button" data-bind="visible: isSaving()"> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_SAVING'}"></span> </span> </div> </div> </script><script id="MailWebclient_Settings_AccountFolderItem" type="text/html"><div class="item canSelect" data-bind="css: {'canSubscribe': canSubscribe, 'canRename': canRename, 'canDelete': canDelete},  visible: !bVirtual"> <span class="title"> <span class="controls"> <span class="button always-refresh" data-bind="customTooltip: alwaysRefreshButtonHint,  css: {'turned-on': isAlwaysRefresh()},  click: triggerAlwaysRefreshState, visible: bAllowAlwaysRefreshFolders"></span> <span class="button" data-bind="customTooltip: templateButtonHint,  css: {'turned-on': isTemplateStorage(), 'template': visibleTemplateTrigger},  click: triggerTemplateState, visible: bAllowTemplateFolders"></span> <span class="button subscribe" data-bind="customTooltip: subscribeButtonHint(), visible: !bIgnoreImapSubscription, css: {'subscribed': subscribed(), 'disabled': !canSubscribe()}, click: onSubscribeClick"></span> <span class="button disabled" data-bind="customTooltip: deleteButtonHint(),  css: {'delete': !isSystem() && bSelectable, 'disabled': !canDelete()}, click: onDeleteClick"></span> <span class="button up" data-bind="visible: $root.allowFolderListOrder(), css: {'disabled': !$root.canMoveFolderUp($data, $index(), $parent)},  click: function (oFolder) { $root.moveFolderUp(oFolder, $index(), $parent); }"></span> <span class="button down" data-bind="visible: $root.allowFolderListOrder(), css: {'disabled': !$root.canMoveFolderDown($data, $index(), $parent)},  click: function (oFolder) { $root.moveFolderDown(oFolder, $index(), $parent); }"></span> </span> <span class="count" data-bind="text: messageCount"></span> <span class="name"> <span class="icon" data-bind="css: 'type' + type()"></span> <span class="text" data-bind="css: {'link': canRename}, text: name, visible: !edited(),  click: function(){if (canRename()) edited(true);}"></span> <input type="text" spellcheck="false" class="input" maxlength="30" data-bind="value: nameForEdit,  visible: edited, hasfocus: edited, onEnter: applyNameEdit, onEsc: cancelNameEdit, valueUpdate: 'afterkeydown'"> <span class="text" data-bind="text: usedAs()"></span> </span> </span> <div class="children" data-bind="template: { name: 'MailWebclient_Settings_AccountFolderItem', foreach: subfolders }"></div> </div> </script><script id="MailWebclient_Settings_AccountFolderItemMovedWithMouse" type="text/html"><span class="title" data-bind="css: {'cannotDrag': $parent.subfolders && $parent.subfolders().length === 1}"> <span class="controls"> <!-- ko if: $parents[iDisplayedLevel] --> <!-- ko foreach: $parents[iDisplayedLevel].manageFolderButtons --> <span class="button" data-bind="customTooltip: tooltip($parent), css: cssClasses($parent), click: function () { handler($parent); }"></span> <!-- /ko --> <!-- /ko --> <span class="button" data-bind="customTooltip: editButtonHint(), css: {'edit-folder': !isSystem() && bSelectable}, click: openEditFolderPopup"></span> <span class="button always-refresh" data-bind="customTooltip: alwaysRefreshButtonHint,  css: {'turned-on': isAlwaysRefresh()},  click: triggerAlwaysRefreshState, visible: bAllowAlwaysRefreshFolders"></span> <span class="button" data-bind="customTooltip: templateButtonHint,  css: {'turned-on': isTemplateStorage(), 'template': visibleTemplateTrigger},  click: triggerTemplateState, visible: bAllowTemplateFolders"></span> <span class="button subscribe" data-bind="customTooltip: subscribeButtonHint(), visible: !bIgnoreImapSubscription,  css: {'subscribed': subscribed(), 'disabled': !canSubscribe()}, click: onSubscribeClick"></span> <span class="button disabled" data-bind="customTooltip: deleteButtonHint(),  css: {'delete': !isSystem() && bSelectable, 'disabled': !canDelete()}, click: onDeleteClick"></span> </span> <span class="count" data-bind="text: messageCount"></span> <span class="name"> <span class="icon" data-bind="css: 'type' + type()"></span> <span class="text" data-bind="text: name, visible: !edited()"></span> <input type="text" spellcheck="false" class="input" maxlength="30" data-bind="value: nameForEdit,  visible: edited, hasfocus: edited, onEnter: applyNameEdit, valueUpdate: 'afterkeydown',  onEsc: cancelNameEdit"> <span class="text" data-bind="text: usedAs()"></span> </span> </span> <!-- ko if: subfolders().length > 0 --> <div class="children" data-bind="sortable: {data: subfolders, connectClass: fullNameHash(),   afterMove: function () { afterMove($parents); }, options: {axis: 'y', revert: false}}"> <div data-bind="attr: {'class': 'item canSelect canDrag folder-level' + (getDisplayedLevel() + 1)},  visible: !bVirtual, template: { name: 'MailWebclient_Settings_AccountFolderItemMovedWithMouse'}, css: {'canSubscribe': canSubscribe, 'canRename': canRename, 'canDelete': canDelete}"></div> </div> <!-- /ko --> </script><script id="MailWebclient_Settings_AccountFoldersPaneView" type="text/html"><div class="fields"> <div class="fieldset"> <div class="folders items_list"> <!-- ko if: !showMovedWithMouseItem() --> <!-- ko template: {name: 'MailWebclient_Settings_AccountFolderItem', foreach: collection} --><!-- /ko --> <!-- /ko --> <!-- ko if: showMovedWithMouseItem() --> <div data-bind="sortable: {data: collection, connectClass: 'first_sortable_container',   afterMove: afterMove, options: {axis: 'y', revert: false}}"> <div data-bind="attr: {'class': 'item canSelect canDrag folder-level' + (getDisplayedLevel() + 1)}, visible: !bVirtual,   template: { name: 'MailWebclient_Settings_AccountFolderItemMovedWithMouse'},  css: {'canSubscribe': canSubscribe, 'canRename': canRename, 'canDelete': canDelete}"></div> </div> <!-- /ko --> <div class="item canSelect total"> <span class="title"> <span class="count" data-bind="text: totalMessageCount, css: {'allow-template-folders': bAllowTemplateFolders}"></span> <span class="name"> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_TOTAL'}"></span> </span> </span> </div> </div> <div class="hint" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_DELETING_NONEMPTY_FOLDERS'}, css: {'highlight': highlighted}"></div> <div class="hint" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_SETUP_SPECIAL_FOLDERS'}"></div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_ADD_NEW_FOLDER'}, command: addNewFolderCommand"></span> <span class="button" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_SETUP_SPECIAL_FOLDERS'}, command: setSystemFoldersCommand"></span> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'IMPORTEXPORTMAILPLUGIN/IMPORT_EXPORT_BUTTON'}, click: importExport, visible: allowImportExport"></span> </div> </div> </div> </script><script id="MailWebclient_Settings_AccountForwardSettingsFormView" type="text/html"><div class="fields"> <div class="fieldset"> <div> <div class="row"> <div> <label class="custom_checkbox" data-bind="css: {'checked': enable}"> <span class="icon"></span> <input type="checkbox" id="enable_fwd" data-bind="checked: enable" /> </label> <label for="enable_fwd" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ENABLE_FORWARD'}"></label> </div> </div> <div class="row keepcopy"> <div class="value"> <label class="custom_checkbox" data-bind="css: {'checked': keepcopy, 'disabled': !enable()}"> <span class="icon"></span> <input type="checkbox" id="forward_keepcopy" data-bind="checked: keepcopy, disable: !enable()" /> </label> <label for="forward_keepcopy" data-bind="css: {'disabled': !enable()}, i18n: {'key': 'MAILWEBCLIENT/LABEL_FORWARD_KEEPCOPY'}"></label> </div> </div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_EMAIL'}"></span> <input class="value input" spellcheck="false" type="text" data-bind="value: email, disable: !enable(), hasfocus: email.focused" /> </div> </div> </div> <div class="buttons"> <span class="button" data-bind="click: save, i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, visible: !isSaving()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}, visible: isSaving()"></span> </div> </div> </script><script id="MailWebclient_Settings_AccountSettingsFormView" type="text/html"><div class="fields"> <div class="fieldset"> <div class="row" data-bind="visible: !isDefaultAccount() && canBeUsedToAuthorize() && isServerOwner()"> <span class="value offset"> <label class="custom_checkbox" data-bind="css: {'checked': useToAuthorize(), 'disabled': isDisableAuthorize()}"> <span class="icon"></span> <input type="checkbox" id="account_use_to_authorize" data-bind="checked:isDisableAuthorize() ? true : useToAuthorize" /> </label> <label for="account_use_to_authorize" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_USE_TO_AUTHORIZE'}"></label> </span> </div> <div class="row" data-bind="visible: !bAllowIdentities"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_YOUR_NAME'}"></span> <input class="value input" spellcheck="false" type="text" maxlength="65" data-bind="value: friendlyName, valueUpdate: 'afterkeydown', onEnter: save"/> </div> <div data-bind="visible: !isDefaultAccount()"> <!--<div class="row"> <span class="label required" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_LOGIN'}"></span> <input class="value input" spellcheck="false" type="text" maxlength="255" data-bind="value: incomingLogin, hasfocus: incLoginFocused, valueUpdate: 'afterkeydown', onEnter: save"/> </div>--> <div class="row" data-bind="visible: !isDisableAuthorize() && allowSpecifyPassword()"> <span class="label required" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_PASSWORD'}"></span> <input class="value input" spellcheck="false" autocomplete="new-password" type="password" maxlength="255" data-bind="value: incomingPassword, valueUpdate: 'afterkeydown', onEnter: save"/> </div> <div class="row hint" style="color: red;" data-bind="visible: !isDisableAuthorize() && allowSpecifyPassword()"> <span class="value" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_HINT_SPECIFY_PASSWORD'}"></span> </div> <div class="row" style="display: none;"></div> <!-- ko if: isServerOwner --> <!-- ko template: {name: oServerPairPropertiesView.ViewTemplate, data: oServerPairPropertiesView} --><!-- /ko --> <!-- /ko --> </div> <div class="row" data-bind="visible: enableThreading"> <span class="value" data-bind="css: {'offset': !isDefaultAccount() && isServerOwner()}"> <label class="custom_checkbox" data-bind="css: {'checked': useThreading()}"> <span class="icon"></span> <input type="checkbox" id="useThreading" data-bind="checked: useThreading" /> </label> <label for="useThreading" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_USE_THREADING'}"></label> </span> </div> <div class="row"> <span class="value" data-bind="css: {'offset': !isDefaultAccount() && isServerOwner()}"> <label class="custom_checkbox" data-bind="css: {'checked': saveRepliesToCurrFolder}"> <span class="icon"></span> <input type="checkbox" id="saveRepliesToCurrFolder" data-bind="checked: saveRepliesToCurrFolder" /> </label> <label for="saveRepliesToCurrFolder" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_SAVE_REPLIED_TO_CURR_FOLDER'}"></label> </span> </div> <div class="hint row"> <span class="value" data-bind="css: {'offset': !isDefaultAccount() && isServerOwner()}, i18n: {'key': 'MAILWEBCLIENT/INFO_SAVE_REPLIED_TO_CURR_FOLDER'}"></span> </div> <div data-bind="visible: !isDefaultAccount()">             <div class="row remove_account"> <span class="link" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_REMOVE_ACCOUNT'}, click: remove, attr: {'id': 'selenium_settings_delete_account_' + email()}, css: {'disabled': isDisableAuthorize()}"></span>             </div>             <div class="hint">                 <span data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_REMOVE_ACCOUNT'}"></span>             </div>         </div> <!-- ko if: isDefaultAccount --> <!-- ko template: {name: oDefaultAccountHostsSettingsView.ViewTemplate, data: oDefaultAccountHostsSettingsView} --><!-- /ko --> <!-- /ko -->     </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CHANGE_PASSWORD'}, click: changePassword, visible: allowChangePassword" style="float: left;"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: save, visible: !isSaving()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}, click: save, visible: isSaving()"></span> </div> </div> </script><script id="MailWebclient_Settings_AccountUnifiedMailboxFormView" type="text/html"><div class="fields"> <div class="fieldset"> <div class="row"> <span class="value offset"> <label class="custom_checkbox" data-bind="css: {'checked': includeInUnifiedMailbox}"> <span class="icon"></span> <input type="checkbox" id="includeInUnifiedMailbox" data-bind="checked: includeInUnifiedMailbox" /> </label> <label for="includeInUnifiedMailbox" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ACCOUNT_INCLUDE_IN_UNIFIED_MAILBOX'}"></label> </span> </div> <div class="row" data-bind="css: {'disabled': !includeInUnifiedMailbox()}"> <span class="value offset"> <label class="custom_checkbox" data-bind="css: {'checked': showUnifiedMailboxLabel}"> <span class="icon"></span> <input type="checkbox" id="showUnifiedMailboxLabel" data-bind="checked: showUnifiedMailboxLabel, enable: includeInUnifiedMailbox" /> </label> <label for="showUnifiedMailboxLabel" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ACCOUNT_SHOW_UNIFIED_MAILBOX_LABEL'}"></label> </span> </div> <div class="row" data-bind="css: {'disabled': !showUnifiedMailboxLabel() || !includeInUnifiedMailbox()}"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ACCOUNT_UNIFIED_MAILBOX_LABEL_TEXT'}"></span> <input class="value input" spellcheck="false" type="text" maxlength="65"    data-bind="value: unifiedMailboxLabelText, valueUpdate: 'afterkeydown', onEnter: save, enable: showUnifiedMailboxLabel() && includeInUnifiedMailbox()"/> </div> <div class="row" data-bind="css: {'disabled': !showUnifiedMailboxLabel() || !includeInUnifiedMailbox()}"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ACCOUNT_UNIFIED_MAILBOX_LABEL_COLOR'}"></span> <span class="colors" data-bind="foreach: aColors"> <span class="item color_pick" data-bind="style: {backgroundColor: $data}, css: {'selected': $parent.unifiedMailboxLabelColor() === $data},  click: function () { if ($parent.showUnifiedMailboxLabel() && $parent.includeInUnifiedMailbox()) { $parent.setColor($data); } }"></span> </span> </div>     </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: save, visible: !isSaving()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}, click: save, visible: isSaving()"></span> </div> </div> </script><script id="MailWebclient_Settings_AccountsSettingsPaneView" type="text/html"><div class="panel_top"> <div class="buttons" data-bind="visible: bAllowAddAccounts && (bAllowMultiAccounts || accounts().length === 0)"> <span class="button add_account_button" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_ADD_NEW_ACCOUNT'}, click: addAccount" id="selenium_settings_create_account_button"></span> </div> <h2 class="settings_heading" data-bind="i18n: {'key': bAllowMultiAccounts ? 'MAILWEBCLIENT/HEADING_ACCOUNTS_SETTINGS' : 'MAILWEBCLIENT/HEADING_ACCOUNT_SETTINGS'}"></h2> </div> <div class="panel_center"> <div class="fields" data-bind="visible: bAllowAddAccounts && accounts().length === 0"> <div class="fieldset"> <div class="hint" style="margin: 0;" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_NO_ACCOUNTS'}"></div> </div> </div> <div data-bind="visible: accounts().length > 0"> <div class="items_list simple_list"> <div data-bind="foreach: accounts"> <div class="item account" data-bind="css: {'selected': id() === $parent.editedAccountId() && !$parent.editedFetcherId() && !$parent.editedIdentityHash()}, click: function () {$parent.editAccount(hash());}"> <span class="link fetcher" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_ADD_IDENTITY'},   visible: $parent.bAllowIdentities && bAllowUseIdentities,   click: function (oModel, oEv) {$parent.addIdentity(id(), oEv);}" ></span> <span class="link fetcher" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_ADD_FETCHER'}, visible: (bDefault && $parent.bAllowFetchers), click: function (oModel, oEv) {$parent.addFetcher(id(), oEv);}"></span> <span class="link fetcher" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_ADD_ALIAS'}, visible: (bDefault && $parent.bAllowAliases), click: function (oModel, oEv) {$parent.addAlias(id(), oEv);}"></span> <span class="title" data-bind="text: email()"></span> <span class="unified_marker" data-bind="visible: includeInUnifiedMailbox() && showUnifiedMailboxLabel(), text: unifiedMailboxLabelText() || email(), style: {'background': unifiedMailboxLabelColor}"></span> </div> <!-- ko foreach: identities --> <div class="item fetcher" data-bind="css: {'selected': hash() === $parents[1].editedIdentityHash()}, click: function () {$parents[1].editIdentity($data.hash());}"> <span class="icon fetcher"></span> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_IDENTITY'}"></span> <span class="title" data-bind="text: fullEmail"></span> <span class="icon default-identity" data-bind="visible: isDefault() && $parent.identities().length > 1">√</span> </div> <!-- /ko --> <!-- ko foreach: fetchers --> <div class="item fetcher" data-bind="css: {'selected': id() === $parents[1].editedFetcherId()}, click: function () {$parents[1].editFetcher($data.hash());}"> <span class="icon fetcher"></span> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_FETCH_FROM'}"></span> <span class="title" data-bind="text: incomingServer() + ' / ' + incomingLogin()"></span> <span class="info" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_FETCHING'}, visible: isLocked()"></span> </div> <!-- /ko --> <!-- ko foreach: aliases --> <div class="item fetcher" data-bind="css: {'selected': id() === $parents[1].editedAliasId()}, click: function () {$parents[1].editAlias($data.hash());}"> <span class="icon fetcher"></span> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ALIAS'}"></span> <span class="title" data-bind="text: fullEmail"></span> </div> <!-- /ko --> </div> </div> <div class="tabs" data-bind="visible: editedAccountId() !== 0"> <div class="shortcuts"> <div data-bind="foreach: tabs"> <span class="item" data-bind="attr: {'class': 'item ' + name + ((name === $parent.currentTab().name) ? ' selected' : '')}, visible: visible"> <a href="javascript: void(0);" data-bind="text: title, click: function () { $parent.changeRoute(name); },  attr: {'id': 'selenium_settings_account_' + name + '_button'}"></a> </span> </div> </div> <div class="tabs_container"> <div class="tab" data-bind="attr: {'class': 'tab ' + currentTab().name}, visible: currentTab().visible"> <div data-bind="template: {name: currentTab().view.ViewTemplate, data: currentTab().view}"></div> </div> </div> </div> </div> </div> </script><script id="MailWebclient_Settings_AliasSettingsFormView" type="text/html"><div class="fields"> <div class="fieldset"> <div class="row"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_YOUR_NAME'}"></span> <input class="value input" spellcheck="false" type="text" data-bind="value: friendlyName, valueUpdate: 'afterkeydown', onEnter: save, hasFocus: friendlyNameHasFocus"/> </div> <div class="row remove_account" data-bind="visible: !disableRemoveAlias()"> <span class="link" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_REMOVE_ALIAS'}, click: remove"></span> </div> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: save, visible: !isSaving()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}, visible: isSaving()"></span> </div> </div> </script><script id="MailWebclient_Settings_CreateAccountPopup" type="text/html"><div class="popup add_account" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel step_last" id="selenium_settings_create_account_form"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="i18n: {'key': 'MAILWEBCLIENT/HEADING_ADD_NEW_ACCOUNT'}"></span> <div class="fields"> <div class="fieldset"> <div class="row name"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_YOUR_NAME'}"></span> <input class="value input" spellcheck="false"  type="text" maxlength="65"     data-bind="value: friendlyName, valueUpdate: 'afterkeydown', onEnter: save"    id="selenium_settings_create_account_name" /> </div> <div class="row email"> <span class="label required" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_EMAIL'}"></span> <input class="value input" spellcheck="false"  type="text" maxlength="65"     data-bind="value: email, hasfocus: email.focused, valueUpdate: 'afterkeydown', onEnter: function () { email.focused(false); save(); }"    id="selenium_settings_create_account_email" /> </div> <div class="row login"> <span class="label required" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_LOGIN'}"></span> <input class="value input" spellcheck="false"  type="text" maxlength="255" data-bind="value: incomingLogin, hasfocus: incomingLogin.focused, valueUpdate: 'afterkeydown', onEnter: save"/> </div> <div class="row password"> <span class="label required" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_PASSWORD'}"></span> <input class="value input" spellcheck="false"  autocomplete="new-password" type="password" maxlength="255"     data-bind="value: incomingPassword, hasfocus: incomingPassword.focused, valueUpdate: 'afterkeydown', onEnter: save"    id="selenium_settings_create_account_password" /> </div> <!-- ko template: {name: oServerPairPropertiesView.ViewTemplate, data: oServerPairPropertiesView} --><!-- /ko --> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: save, visible: !loading()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}, visible: loading()"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="MailWebclient_Settings_CreateAccountShortFormPopup" type="text/html"><div class="popup add_account" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel step_last" id="selenium_settings_create_account_form"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="i18n: {'key': 'MAILWEBCLIENT/HEADING_ADD_NEW_ACCOUNT'}"></span> <div class="fields" data-bind="visible: oauthOptionsVisible"> <div class="fieldset"> <div class="items_list simple_list" style="margin: 0"> <div data-bind="foreach: oauthOptions"> <div class="item account" data-bind="click: function () { $parent.selectAuthOption(Type); }"> <img class="icon_oauth" data-bind="attr: { 'src': IconUrl }" /> <span class="title title_oauth" data-bind="text: Name"></span> </div> </div> </div> </div> </div> <div class="fields" data-bind="visible: !oauthOptionsVisible()"> <div class="fieldset"> <div class="row name"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_YOUR_NAME'}"></span> <input class="value input" spellcheck="false"  type="text" maxlength="65"     data-bind="value: friendlyName, valueUpdate: 'afterkeydown', onEnter: save"    id="selenium_settings_create_account_name" /> </div> <div class="row email"> <span class="label required" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_EMAIL'}"></span> <input class="value input" spellcheck="false"  type="text" maxlength="65"     data-bind="value: email, hasfocus: email.focused, valueUpdate: 'afterkeydown', onEnter: function () { email.focused(false); save(); }"    id="selenium_settings_create_account_email" /> </div> <div class="row password"> <span class="label required" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_PASSWORD'}"></span> <input class="value input" spellcheck="false"  autocomplete="new-password" type="password" maxlength="255"     data-bind="value: password, hasfocus: password.focused, valueUpdate: 'afterkeydown', onEnter: save"    id="selenium_settings_create_account_password" /> </div> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_ADD'}, click: save, visible: !loading()"></span> <span class="button" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_ADD_IN_PROGRESS'}, visible: loading()"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="MailWebclient_Settings_CreateAliasPopup" type="text/html"><div class="popup add_account" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="i18n: {'key': 'MAILWEBCLIENT/HEADING_CREATE_ALIAS'}"></span> <div class="fields"> <div class="fieldset"> <div class="row"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ALIAS_NAME'}"></span> <input class="value input" spellcheck="false" type="text" maxlength="255" data-bind="value: aliasName, valueUpdate: 'afterkeydown', onEnter: save, style: {'width': '200px'}"/> <span style="margin-right: 15px">@</span> <select class="value input" data-bind="value: selectedDomain, options: domainList, style: {'width': '150px'}"></select> </div> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: save, visible: !loading()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}, visible: loading()"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="MailWebclient_Settings_CreateFetcherPopup" type="text/html"><div class="popup add_fetcher" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="i18n: {'key': 'MAILWEBCLIENT/HEADING_ADD_NEW_FETCHER'}"></span> <div class="fields"> <div class="fieldset"> <div class="row incoming"> <!-- ko template: {name: 'MailWebclient_Settings_ServerPropertiesView', data: oIncoming} --><!-- /ko --> </div> <div class="row login"> <span class="label required" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_LOGIN'}"></span> <input class="value input" spellcheck="false" type="text" maxlength="255" data-bind="value: incomingLogin, valueUpdate: 'afterkeydown', onEnter: save, hasFocus: loginIsSelected"/> </div> <div class="row password"> <span class="label required" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_PASSWORD'}"></span> <input class="value input" spellcheck="false" autocomplete="new-password" type="password" maxlength="255" data-bind="value: incomingPassword, valueUpdate: 'afterkeydown', onEnter: save, hasFocus: passwordIsSelected"/> </div> <div class="row folder"> <span class="label required" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_TARGET_FOLDER'}"></span> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_WAITING_FOLDER_LIST'}, visible: options().length === 0"></span> <select class="value input" data-bind="visible: options().length > 1, value: folder, options: options, optionsText: 'translatedDisplayName', optionsValue: 'fullName',  optionsAfterRender: defaultOptionsAfterRender, valueUpdate: ['blur', 'afterkeydown'] "></select> <span class="link" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_ADD_NEW_FOLDER'}, command: addNewFolderCommand, visible: options().length > 1"></span> </div> <div class="row hint"> <span class="" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_FETCHER_STORE'}"></span> </div> <div class="row"> <div> <label class="custom_checkbox" data-bind="css: {'checked': leaveMessagesOnServer}"> <span class="icon"></span> <input type="checkbox" id="popup_leave_essages_on_server" data-bind="checked: leaveMessagesOnServer" /> </label> <label for="popup_leave_essages_on_server" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_LEAVE_MESSAGES_ON_SERVER'}"></label> </div> </div> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: save, visible: !loading()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}, visible: loading()"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="MailWebclient_Settings_CreateFolderPopup" type="text/html"><div class="popup add_folder" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="i18n: {'key': 'MAILWEBCLIENT/HEADING_NEW_FOLDER'}"></span> <div class="fields"> <div class="row"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_PARENT_FOLDER'}"></span> <select class="value input" data-bind="value: parentFolder, options: options, optionsText: 'translatedDisplayName', optionsValue: 'fullName', optionsAfterRender: defaultOptionsAfterRender, valueUpdate: ['blur', 'afterkeydown']"> </select> </div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_FOLDER_NAME'}"></span> <input type="text" class="value input" spellcheck="false" maxlength="30" data-bind="value: folderName, valueUpdate: 'afterkeydown', hasfocus: folderNameFocus, onEnter: create" /> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_OK'}, click: create, visible: !isCreating()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}, click: create, visible: isCreating()"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup, visible: !isCreating()"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="MailWebclient_Settings_CreateIdentityPopup" type="text/html"><div class="popup add_account" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="i18n: {'key': 'MAILWEBCLIENT/HEADING_CREATE_IDENTITY'}"></span> <!-- ko template: {name: oIdentitySettingsFormView.ViewTemplate, data: oIdentitySettingsFormView} --><!-- /ko --> </div> <span class="helper"></span> </div> </script><script id="MailWebclient_Settings_EditFolderPopup" type="text/html"><div class="popup add_folder" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="i18n: {'key': 'MAILWEBCLIENT/HEADING_EDIT_FOLDER'}"></span> <div class="fields"> <div class="row"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_PARENT_FOLDER'}"></span> <select class="value input" data-bind="value: parentFolder, options: options, optionsText: 'translatedDisplayName', optionsValue: 'fullName', optionsAfterRender: defaultOptionsAfterRender, valueUpdate: ['blur', 'afterkeydown']"> </select> </div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_FOLDER_NAME'}"></span> <input type="text" class="value input" spellcheck="false" maxlength="30" data-bind="value: folderName, valueUpdate: 'afterkeydown', hasfocus: folderNameFocus, onEnter: save" /> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: save, visible: !isSaving()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}, visible: isSaving()"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup, visible: !isSaving()"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="MailWebclient_Settings_FetcherIncomingSettingsFormView" type="text/html"><div class="fields"> <div class="fieldset"> <div class="row"> <div> <label class="custom_checkbox" data-bind="css: {'checked': isEnabled}"> <span class="icon"></span> <input type="checkbox" id="incoming_mail_enabled" data-bind="checked: isEnabled" /> </label> <label for="incoming_mail_enabled" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ENABLED'}"></label> </div> </div> <div class="row hint"> <span data-bind="text: fetcherIntervalHint"></span> </div> <div class="row incoming"> <!-- ko template: {name: 'MailWebclient_Settings_ServerPropertiesView', data: oIncoming} --><!-- /ko --> </div> <div class="row login"> <span class="label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_LOGIN'}"></span> <span class="value text" data-bind="text: incomingLogin"></span> </div> <div class="row password"> <span class="label required" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_PASSWORD'}"></span> <input class="value input" spellcheck="false" autocomplete="new-password" type="password" maxlength="255" data-bind="value: incomingPassword, valueUpdate: 'afterkeydown', onEnter: save, hasFocus: passwordIsSelected, enable: isEnabled"/> </div> <div class="row folder"> <span class="label required" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_TARGET_FOLDER'}"></span> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_WAITING_FOLDER_LIST'}, visible: options().length === 0"></span> <select class="value input" data-bind="visible: options().length > 1, value: folder, options: options, optionsText: 'translatedDisplayName', optionsValue: 'fullName', optionsAfterRender: defaultOptionsAfterRender, enable: isEnabled"> </select> </div> <div class="row hint"> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_FETCHER_STORE'}"></span> </div> <div class="row"> <div> <label class="custom_checkbox" data-bind="css: {'checked': leaveMessagesOnServer}"> <span class="icon"></span> <input type="checkbox" id="leave_messages_on_server" data-bind="checked: leaveMessagesOnServer, enable: isEnabled" /> </label> <label for="leave_messages_on_server" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_LEAVE_MESSAGES_ON_SERVER'}"></label> </div> </div> <div class="row"> <span class="link" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_REMOVE_FETCHER'}, click: remove"></span> </div> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: save, visible: !isSaving()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}, click: save, visible: isSaving()"></span> </div> </div> </script><script id="MailWebclient_Settings_FetcherOutgoingSettingsFormView" type="text/html"><div class="fields"> <div class="fieldset"> <div class="row allow_sending"> <div> <label class="custom_checkbox" data-bind="css: {'checked': isOutgoingEnabled, 'disabled': !isEnabled()}"> <span class="icon"></span> <input type="checkbox" id="sending_from_this_account" data-bind="checked: isOutgoingEnabled, enable: isEnabled" /> </label> <label for="sending_from_this_account" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_FETCHER_ALLOW_SENDING'}, css: {'disabled': !isEnabled()}"></label> </div> </div> <div class="row outgoing"> <!-- ko template: {name: 'MailWebclient_Settings_ServerPropertiesView', data: oOutgoing} --><!-- /ko --> </div> <div class="row smtp_authentication"> <div> <label class="custom_checkbox" data-bind="css: {'checked': outgoingUseAuth, 'disabled': !isAllEnabled()}"> <span class="icon"></span> <input type="checkbox" id="use_smtp_authentication" data-bind="checked: outgoingUseAuth, enable: isAllEnabled" /> </label> <label for="use_smtp_authentication" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_USE_SMTP_AUTHENTICATION'}, css: {'disabled': !isAllEnabled()}"></label> </div> </div> <div class="row name"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_YOUR_NAME'}, css: {'disabled': !isAllEnabled()}"></span> <input class="value input" spellcheck="false" type="text" maxlength="65" data-bind="value: userName, valueUpdate: 'afterkeydown', onEnter: save, enable: isAllEnabled, css: {'disabled': !isAllEnabled()}"/> </div> <div class="row email"> <span class="label required" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_EMAIL'}, css: {'disabled': !isAllEnabled()}"></span> <input class="value input" spellcheck="false" type="text" maxlength="65" data-bind="value: email, hasfocus: focusEmail, valueUpdate: 'afterkeydown', onEnter: save, enable: isAllEnabled, css: {'disabled': !isAllEnabled()}"/> </div> <div class="row hint"> <span data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_FETCHER_ON_COMPOSE'}"></span> </div> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: save, visible: !isSaving(), css: {'disabled': !isEnabled()}"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}, visible: isSaving()"></span> </div> </div> </script><script id="MailWebclient_Settings_IdentitySettingsFormView" type="text/html"><div class="fields"> <div class="fieldset"> <div class="row" data-bind="visible: !bCreate "> <div> <label class="custom_checkbox" data-bind="css: {'checked': isDefault, 'disabled': disableCheckbox}"> <span class="icon"></span> <input type="checkbox" data-bind="checked: isDefault, enable: !disableCheckbox(), attr: {'id': 'identity_default_' + bCreate}" /> </label> <label data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_IDENTITY_SET_DEFAULT'}, attr: {'for': 'identity_default_' + bCreate}"></label> </div> </div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_YOUR_NAME'}"></span> <input class="value input" spellcheck="false" type="text" data-bind="value: friendlyName, valueUpdate: 'afterkeydown', onEnter: save, hasFocus: friendlyNameHasFocus"/> </div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_EMAIL'}"></span> <input class="value input" spellcheck="false" type="text"     data-bind="value: email, valueUpdate: 'afterkeydown', onEnter: save, disable: disableEditEmail, visible: emailList().length === 0"/> <select class="value input" data-bind="value: selectedEmail, options: emailList, visible: emailList().length > 0"></select> </div> <div class="row remove_account" data-bind="visible: !disableRemoveIdentity()"> <span class="link" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_REMOVE_IDENTITY'}, click: remove"></span> </div> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: save, visible: !isSaving()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}, visible: isSaving()"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancel, visible: bCreate"></span> </div> </div> </script><script id="MailWebclient_Settings_MailAdminSettingsFormView" type="text/html"><div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'MAILWEBCLIENT/HEADING_SETTINGS_TAB'}"></h2> </div> <div class="panel_center"> <div class="fields"> <div class="fieldset"> <div class="row" style="margin-bottom: 4px;"> <span class="value"> <label class="custom_checkbox" data-bind="css: {'checked': autocreateMailAccountOnNewUserFirstLogin}"> <span class="icon"></span> <input type="checkbox" id="autocreateMailAccountOnNewUserFirstLogin" data-bind="checked: autocreateMailAccountOnNewUserFirstLogin" /> </label> <label for="autocreateMailAccountOnNewUserFirstLogin" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ALLOW_AUTO_PROVISIONING_NEW_USERS'}"></label> </span> </div> <div class="row hint" style="margin-left: 22px;"> <span class="value" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_HINT_ALLOW_AUTO_PROVISIONING_NEW_USERS_HTML', 'type': 'html'}"></span> </div> <div class="row" data-bind="visible: allowMultiAccounts"> <span class="value"> <label class="custom_checkbox" data-bind="css: {'checked': allowAddAccounts}"> <span class="icon"></span> <input type="checkbox" id="allowAddAccounts" data-bind="checked: allowAddAccounts" /> </label> <label for="allowAddAccounts" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ALLOW_USERS_ADD_MAILBOXES'}"></label> </span> </div> <div class="row" data-bind="visible: bAllowHorizontalLayout"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_DEFAULT_LAYOUT'}"></span> <select class="value input" data-bind="options: aLayoutValues, value: horizontalLayoutByDefault, optionsText: 'text', optionsValue: 'value'"></select> </div> </div> <div class="buttons"> <span class="button" data-bind="click: save, visible: !isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </span> <span class="button" data-bind="visible: isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}"></span> </span> </div> </div> </div> </script><script id="MailWebclient_Settings_MailQuotaAdminSettingsFormView" type="text/html"><div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'MAILWEBCLIENT/HEADING_SETTINGS_TAB'}"></h2> </div> <div class="panel_center"> <div class="fields"> <div class="fieldset"> <div class="row" data-bind="visible: sEntityType === 'Tenant'" style="margin-bottom: 6px;"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_TENANT_SPACE_LIMIT'}"></span> <span class="value"> <input class="input" spellcheck="false" type="text" style="width: 150px; margin-right: 0;"    data-bind="visible: !bTenantAdmin, value: tenantSpaceLimitMb, valueUpdate: 'afterkeydown', onEnter: save"/> <span data-bind="visible: bTenantAdmin, text: tenantSpaceLimitMb"></span> <span data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_MEGABYTES'}"></span> </span> </div> <div class="row hint" data-bind="visible: sEntityType === 'Tenant'"> <span class="value" style="margin-left: 150px; display: block;" data-bind="i18n: {'key': 'MAILWEBCLIENT/HINT_TENANT_SPACE_LIMIT'}"></span> </div> <div class="row" style="margin-bottom: 6px;" data-bind="visible: allowChangeUserSpaceLimit() || sEntityType === 'User'"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_USER_SPACE_LIMIT'}"></span> <span class="value"> <input class="input" spellcheck="false" type="text" style="width: 150px; margin-right: 0;"    data-bind="visible: allowChangeUserSpaceLimit, value: userSpaceLimitMb, valueUpdate: 'afterkeydown', onEnter: save"/> <span data-bind="visible: !allowChangeUserSpaceLimit(), text: userSpaceLimitMb"></span> <span data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_MEGABYTES'}"></span> </span> </div> <div class="row hint" data-bind="visible: sEntityType === 'Tenant' && allowChangeUserSpaceLimit()"> <span class="value" style="margin-left: 150px; display: block;" data-bind="i18n: {'key': 'MAILWEBCLIENT/HINT_USER_SPACE_LIMIT'}"></span> </div> <div class="row" data-bind="visible: sEntityType === 'Tenant'"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ALLOCATED_TENANT_SPACE'}"></span> <span class="value"> <span data-bind="text: allocatedTenantSpaceMb"></span> <span data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_MEGABYTES'}"></span> </span> </div> </div> <div class="buttons"> <span class="button" data-bind="click: save, visible: !isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </span> <span class="button" data-bind="visible: isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}"></span> </span> </div> </div> </div> </script><script id="MailWebclient_Settings_MailSettingsFormView" type="text/html"><div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'MAILWEBCLIENT/HEADING_SETTINGS_TAB'}"></h2> </div> <div class="panel_center"> <div class="fields"> <div class="fieldset"> <div class="row" data-bind="visible: bAllowHorizontalLayout"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_LAYOUT'}"></span> <select class="value input" data-bind="options: aLayoutValues, value: horizontalLayout, optionsText: 'text', optionsValue: 'value'"></select> </div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_MESSAGES_PER_PAGE'}"></span> <select class="value input" data-bind="options: mailsPerPageValues, value: mailsPerPage"></select> </div> <div class="row" data-bind="visible: bAllowChangeStarredMessagesSource"> <span class="label"   data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_STARRED_MESSAGES_SOURCE'}" ></span> <select class="value input" data-bind="options: starredMessagesSourceValues, value: starredMessagesSource, optionsText: 'text', optionsValue: 'value'" ></select> </div> <div class="row"> <span class="value offset"> <label class="custom_checkbox" data-bind="css: {'checked': allowAutosaveInDrafts}"> <span class="icon"></span> <input type="checkbox" id="allowAutosaveInDrafts" data-bind="checked: allowAutosaveInDrafts" /> </label> <label for="allowAutosaveInDrafts" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ALLOW_AUTOSAVE'}"></label> </span> </div> <div class="row" data-bind="visible: bAllowShowMessagesCountInFolderList"> <span class="value offset"> <label class="custom_checkbox" data-bind="css: {'checked': showMessagesCountInFolderList}"> <span class="icon"></span> <input type="checkbox" id="showMessagesCountInFolderList" data-bind="checked: showMessagesCountInFolderList" /> </label> <label for="showMessagesCountInFolderList" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_SHOW_MESSAGES_COUNT_IN_FOLDER_LIST'}"></label> </span> </div> <div class="row" data-bind="visible: bRtl"> <span class="value offset"> <label class="custom_checkbox" data-bind="css: {'checked': allowChangeInputDirection}"> <span class="icon"></span> <input type="checkbox" id="allowChangeInputDirection" data-bind="checked: allowChangeInputDirection" /> </label> <label for="allowChangeInputDirection" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_SHOW_INPUT_DIRECTION_BUTTONS'}"></label> </span> </div> <div class="hint row" data-bind="visible: bRtl"> <span class="value offset" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_SHOW_INPUT_DIRECTION_BUTTONS'}"></span> </div> <div class="row" data-bind="visible: bAllowMailto"> <span class="value offset"> <a class="link" href="javascript:void(0);" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_REGISTER_MAILTO'}, click: registerMailto"></a> </span> </div> <div class="hint row" data-bind="visible: bAllowMailto"> <span class="value offset" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_REGISTER_MAILTO', 'type': 'html'}"></span> </div> </div> <div class="buttons"> <span class="button" data-bind="click: save, visible: !isSaving(), i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> <span class="button" data-bind="visible: isSaving(), i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}"></span> </div> </div> </div> </script><script id="MailWebclient_Settings_ServerPairPropertiesView" type="text/html"><div class="row" data-bind="visible: bAdminEdit && selectedServerId() === 0 && $parent.tenants().length > 1" style="margin-bottom: 6px;"> <span class="label required" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_TENANT'}"></span> <select class="input" data-bind="value: $parent.selectedTenantId, options: $parent.tenantOptions, optionsText: 'Name', optionsValue: 'Id'"></select> </div> <div class="row" data-bind="visible: bAdminEdit" style="margin-bottom: 6px;"> <span class="label required" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_DISPLAY_NAME'}"></span> <input class="value input" spellcheck="false" type="text" maxlength="255"    data-bind="value: name, hasfocus: name.focused, onEnter: function () { $parent.save(); }, valueUpdate: 'afterkeydown'"/> </div> <div class="row hint" data-bind="visible: bAdminEdit"> <span class="value" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_HINT_DISPLAY_NAME'}" style="margin-left: 150px; display: block;"></span> </div> <div class="row server" data-bind="visible: bAdminEdit && (bAllowEditDomains || selectedServerId() !== 0)" style="margin-bottom: 6px;"> <span class="label required" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_DOMAINS'}"></span> <span data-bind="click: onDomainsClick"> <textarea class="input" data-bind="css: {'disabled': !bAllowEditDomains}, value: domains, enable: bAllowEditDomains"></textarea> </span> </div> <div class="row hint" data-bind="visible: bAdminEdit && (bAllowEditDomains || selectedServerId() !== 0)"> <div class="value" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_HINT_DOMAINS'}, visible: bAllowEditDomains" style="margin-left: 150px;"></div> <h1 class="value" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_HINT_DOMAINS_WILDCARD'}, visible: bAllowEditDomains"   style="margin-left: 150px;"></h1> <div class="value" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_HINT_DOMAINS_CANNOT_EDIT_HTML', 'type': 'html'}, visible: !bAllowEditDomains" style="margin-left: 150px;"></div> </div> <div class="row server" data-bind="visible: !bAdminEdit"> <span class="label required" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_SERVER'}"></span> <select class="input" data-bind="value: selectedServerId, options: serverOptions, optionsText: 'Name', optionsValue: 'Id'"></select> </div> <div class="row incoming"> <!-- ko template: {name: 'MailWebclient_Settings_ServerPropertiesView', data: oIncoming} --><!-- /ko --> </div> <div class="row outgoing"> <!-- ko template: {name: 'MailWebclient_Settings_ServerPropertiesView', data: oOutgoing} --><!-- /ko --> </div> <div class="row smtp_authentication" data-bind="css: {'disabled': !outgoingUseAuth.enable()}, visible: !bAdminEdit && smtpAuthType() !== Enums.SmtpAuthType.UseSpecifiedCredentials"> <span class="value offset"> <label class="custom_checkbox" data-bind="css: {'checked': outgoingUseAuth}"> <span class="icon"></span> <input type="checkbox" id="add_new_account_mail_out_auth" data-bind="checked: outgoingUseAuth, enable: outgoingUseAuth.enable" /> </label> <label for="add_new_account_mail_out_auth" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_USE_SMTP_AUTHENTICATION'}"></label> </span> </div> <div class="row smtp_authentication" data-bind="visible: bAdminEdit"> <div> <span class="label"></span> <label data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_SMTP_AUTHENTICATION'}"></label> </div> </div> <div class="row smtp_authentication" data-bind="visible: bAdminEdit"> <div> <span class="label"></span> <label class="custom_radio" data-bind="css: {'checked': smtpAuthType() === Enums.SmtpAuthType.NoAuthentication}"> <span class="icon"></span> <input type="radio" id="no_authentication" data-bind="checked: smtpAuthType, value: Enums.SmtpAuthType.NoAuthentication" /> </label> <label data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_NO_AUTHENTICATION'}" for="no_authentication"></label> </div> </div> <div class="row smtp_authentication" data-bind="visible: bAdminEdit"> <div> <span class="label"></span> <label class="custom_radio" data-bind="css: {'checked': smtpAuthType() === Enums.SmtpAuthType.UseSpecifiedCredentials}"> <span class="icon"></span> <input type="radio" id="use_specified_credentials" data-bind="checked: smtpAuthType, value: Enums.SmtpAuthType.UseSpecifiedCredentials" /> </label> <label data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_USE_SPECIFIED_CREDENTIALS'}" for="use_specified_credentials"></label> <input type="text" class="input" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_LOGIN', 'type': 'placeholder'},  value: smtpLogin, enable: smtpAuthType() === '1'" /> <input autocomplete="new-password" type="password" class="input" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_PASSWORD', 'type': 'placeholder'},  value: smtpPassword, enable: smtpAuthType() === '1'" /> </div> </div> <div class="row smtp_authentication" data-bind="visible: bAdminEdit"> <div> <span class="label"></span> <label class="custom_radio" data-bind="css: {'checked': smtpAuthType() === Enums.SmtpAuthType.UseUserCredentials}"> <span class="icon"></span> <input type="radio" id="use_user_credentials" data-bind="checked: smtpAuthType, value: Enums.SmtpAuthType.UseUserCredentials" /> </label> <label data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_USE_USER_CREDENTIALS'}" for="use_user_credentials"></label> </div> </div> <div class="row" data-bind="visible: bAdminEdit"></div> <div class="row" data-bind="visible: bAdminEdit"> <div> <span class="label"></span> <label class="custom_checkbox" data-bind="css: {'checked': enableSieve}"> <span class="icon"></span> <input type="checkbox" id="enable_sieve" data-bind="checked: enableSieve" /> </label> <label for="enable_sieve" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ENABLE_SIEVE'}"></label> </div> </div> <div class="row" data-bind="visible: bAdminEdit"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_SIEVE_PORT'}"></span> <input type="number" class="input" data-bind="value: sievePort" /> </div> <div class="row" data-bind="visible: bAdminEdit"> <div> <span class="label"></span> <label class="custom_checkbox" data-bind="css: {'checked': enableThreading}"> <span class="icon"></span> <input type="checkbox" id="enableThreading" data-bind="checked: enableThreading" /> </label> <label for="enableThreading" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_USE_THREADING'}"></label> </div> </div> <div class="row" data-bind="visible: bAdminEdit"> <div> <span class="label"></span> <label class="custom_checkbox" data-bind="css: {'checked': useFullEmailAddressAsLogin}"> <span class="icon"></span> <input type="checkbox" id="useFullEmailAddressAsLogin" data-bind="checked: useFullEmailAddressAsLogin" /> </label> <label for="useFullEmailAddressAsLogin" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_USE_FULL_EMAIL_ADDRESS_AS_LOGIN'}"></label> </div> </div> <div class="row hint" data-bind="visible: bAdminEdit"> <span class="label"></span> <span class="value" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_HINT_USE_FULL_EMAIL_ADDRESS_AS_LOGIN'}"></span> </div> </script><script id="MailWebclient_Settings_ServerPropertiesView" type="text/html"><span class="label required" data-bind="text: label, css: {'disabled': !isEnabled()}"></span> <input class="value input server" spellcheck="false" type="text" maxlength="255" data-bind="enable: isEnabled, value: server, hasfocus: server.focused, valueUpdate: 'afterkeydown',  onEnter: function () { parentSave(server, $parents); }, css: {'disabled': !isEnabled()}"/> <span class="label required" style="width: auto; margin-left: 10px;"  data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_PORT'}, css: {'disabled': !isEnabled()}"></span> <input class="value input port" spellcheck="false" type="text" maxlength="5"  data-bind="enable: isEnabled, value: port, hasfocus: port.focused, valueUpdate: 'afterkeydown',  onEnter: function () { parentSave(port, $parents); }, css: {'disabled': !isEnabled()}"/> <span> <label class="custom_checkbox" data-bind="css: {'checked': ssl, 'disabled': !isEnabled()}"> <span class="icon"></span> <input type="checkbox" data-bind="checked: ssl, attr: {'id': id + '_ssl'},  enable: isEnabled, css: {'disabled': !isEnabled()}" /> </label> <label data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_SSL'}, attr: {'for': id + '_ssl'},  css: {'disabled': !isEnabled()}"></label> </span> </script><script id="MailWebclient_Settings_ServersAdminSettingsPaneView" type="text/html"><div class="panel_top"> <div class="buttons" data-bind="visible: !createMode()"> <span class="button add_account_button" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_ADD_NEW_SERVER'}, click: routeCreateServer"></span> </div> <h2 class="settings_heading" data-bind="i18n: {'key': 'MAILWEBCLIENT/HEADING_SERVERS_SETTINGS'}"></h2> </div> <div class="panel_center"> <div class="items_list simple_list" data-bind="visible: !createMode() && servers().length > 0"> <div data-bind="foreach: servers"> <div class="item account" data-bind="css: {'selected': iId === $parent.editedServerId()},  click: function () { $parent.routeEditServer(iId); }"> <span class="title" data-bind="text: sName + sTenantHint"></span> <span class="link fetcher" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_DELETE'}, click: function (oModel, oEv) { oEv.stopPropagation(); $parent.deleteServer(iId); }, visible: bAllowToDelete"></span> </div> </div> </div> <div class="fields" data-bind="visible: servers().length === 0 && !createMode() && serversRetrieved()" style="margin-bottom: 40px;"> <div class="fieldset"> <div class="hint" style="margin: 0;" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_NO_SERVERS'}, visible: searchValue() === ''"></div> <div class="hint" style="margin: 0;" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_NO_SERVERS_FOUND'}, visible: searchValue() !== ''"></div> </div> </div> <div data-bind="visible: !createMode() && (visibleSearch() || searchValue() !== '')" class="mail-servers-pagination"> <span class="search_block"> <span class="input" data-bind="css: {'focus': isSearchFocused}"> <span class="icon search" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SEARCH'}, click: routeSearch"></span> <input class="field" spellcheck="false" type="text" data-bind="hasfocus: isSearchFocused, value: newSearchValue, onEnter: routeSearch, valueUpdate: 'afterkeydown'" /> </span> </span> <span data-bind="visible: oPageSwitcher.pages().length > 0"> <!-- ko template: {name: oPageSwitcher.ViewTemplate, data: oPageSwitcher} --><!-- /ko --> </span> </div> <div class="tabs" data-bind="visible: createMode() || editedServerId() !== 0"> <div class="tabs_container"> <div class="tab"> <div class="fields"> <div class="fieldset"> <!-- ko template: {name: oServerPairPropertiesView.ViewTemplate, data: oServerPairPropertiesView} --><!-- /ko --> </div> <div class="fieldset" data-bind="with: oServerPairPropertiesView"> <div class="row" data-bind="visible: bAdminEdit"> <div> <label class="custom_checkbox" data-bind="css: {'checked': setExternalAccessServers}"> <span class="icon"></span> <input type="checkbox" id="setExternalAccessServers" data-bind="checked: setExternalAccessServers" /> </label> <label for="setExternalAccessServers" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ADMIN_EXTERNAL_ACCESS_SERVERS'}"></label> </div> </div> <div class="row hint" data-bind="visible: bAdminEdit"> <span class="value" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_HINT_ADMIN_EXTERNAL_ACCESS_SERVERS', type: 'html'}"></span> </div> <div class="row" data-bind="visible: bAdminEdit"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_IMAP_SERVER'}, css: {'disabled': !setExternalAccessServers()}"></span> <input class="value input server" spellcheck="false" type="text" maxlength="255" data-bind="enable: setExternalAccessServers, value: externalAccessImapServer, valueUpdate: 'afterkeydown', onEnter: save, css: {'disabled': !setExternalAccessServers()}"/> <span class="label" style="width: auto; margin-left: 10px;" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_PORT'}, css: {'disabled': !setExternalAccessServers()}"></span> <input class="value input port" spellcheck="false" type="text" maxlength="5" data-bind="enable: setExternalAccessServers, value: externalAccessImapPort, valueUpdate: 'afterkeydown', onEnter: save, css: {'disabled': !setExternalAccessServers()}"/> <span class="label" style="width: auto; margin-left: 10px;"       data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ALTERNATIVE_PORT'}, css: {'disabled': !setExternalAccessServers()}"></span> <input class="value input port" spellcheck="false" type="text" maxlength="5"        data-bind="enable: setExternalAccessServers, value: externalAccessImapAlterPort, valueUpdate: 'afterkeydown', onEnter: save, css: {'disabled': !setExternalAccessServers()}"/> </div> <div class="row" data-bind="visible: bAdminEdit"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_POP3_SERVER'}, css: {'disabled': !setExternalAccessServers()}"></span> <input class="value input server" spellcheck="false" type="text" maxlength="255"        data-bind="enable: setExternalAccessServers, value: externalAccessPop3Server, valueUpdate: 'afterkeydown', onEnter: save, css: {'disabled': !setExternalAccessServers()}"/> <span class="label" style="width: auto; margin-left: 10px;"       data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_PORT'}, css: {'disabled': !setExternalAccessServers()}"></span> <input class="value input port" spellcheck="false" type="text" maxlength="5"        data-bind="enable: setExternalAccessServers, value: externalAccessPop3Port, valueUpdate: 'afterkeydown', onEnter: save, css: {'disabled': !setExternalAccessServers()}"/> <span class="label" style="width: auto; margin-left: 10px;"       data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ALTERNATIVE_PORT'}, css: {'disabled': !setExternalAccessServers()}"></span> <input class="value input port" spellcheck="false" type="text" maxlength="5"        data-bind="enable: setExternalAccessServers, value: externalAccessPop3AlterPort, valueUpdate: 'afterkeydown', onEnter: save, css: {'disabled': !setExternalAccessServers()}"/> </div> <div class="row" data-bind="visible: bAdminEdit"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_SMTP_SERVER'}, css: {'disabled': !setExternalAccessServers()}"></span> <input class="value input server" spellcheck="false" type="text" maxlength="255" data-bind="enable: setExternalAccessServers, value: externalAccessSmtpServer, valueUpdate: 'afterkeydown', onEnter: save, css: {'disabled': !setExternalAccessServers()}"/> <span class="label" style="width: auto; margin-left: 10px;" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_PORT'}, css: {'disabled': !setExternalAccessServers()}"></span> <input class="value input port" spellcheck="false" type="text" maxlength="5" data-bind="enable: setExternalAccessServers, value: externalAccessSmtpPort, valueUpdate: 'afterkeydown', onEnter: save, css: {'disabled': !setExternalAccessServers()}"/> <span class="label" style="width: auto; margin-left: 10px;"       data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ALTERNATIVE_PORT'}, css: {'disabled': !setExternalAccessServers()}"></span> <input class="value input port" spellcheck="false" type="text" maxlength="5"        data-bind="enable: setExternalAccessServers, value: externalAccessSmtpAlterPort, valueUpdate: 'afterkeydown', onEnter: save, css: {'disabled': !setExternalAccessServers()}"/> </div> </div> <div class="fieldset" data-bind="visible: oServerPairPropertiesView.bVisibleOauthSettings, with: oServerPairPropertiesView"> <div class="row"> <span class="label" style="width: auto" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_ADMIN_OAUTH'}"></span> </div> <div class="row"> <label class="custom_radio" data-bind="css: {'checked': '' === oauthSelectedConnector()}"> <span class="icon"></span> <input type="radio" value="" id="oauthSelectedConnector_none" data-bind="checked: oauthSelectedConnector" /> </label> <label for="oauthSelectedConnector_none" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_ADMIN_OAUTH_NOTHING_SELECTED'}"></label> </div> <div class="row" data-bind="foreach: aOauthConnectorsData"> <label class="custom_radio" data-bind="css: {'checked': Type === $parent.oauthSelectedConnector()}"> <span class="icon"></span> <input type="radio" data-bind="checked: $parent.oauthSelectedConnector, attr: { 'value': Type, 'id': 'oauthSelectedConnector_' + Type }" /> </label> <label data-bind="text: Name, attr: { 'for': 'oauthSelectedConnector_' + Type }"></label> </div> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: save, visible: !createMode() && !isSaving()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}, visible: !createMode() && isSaving()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CREATE'}, click: save, visible: createMode() && !isSaving()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CREATE_IN_PROGRESS'}, visible: createMode() && isSaving()"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: routeServerList, visible: createMode()"></span> </div> </div> </div> </div> </div> </div> </script><script id="MailWebclient_Settings_SetSystemFoldersPopup" type="text/html"><div class="popup folders_setup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="i18n: {'key': 'MAILWEBCLIENT/HEADING_SETUP_SPECIAL_FOLDERS'}"></span> <div class="fields"> <div class="hint" data-bind="i18n: {'key': 'MAILWEBCLIENT/INFO_SPECIAL_FOLDERS'}"></div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_FOLDER_SENT'}"></span> <select class="value input" data-bind="value: sentFolderFullName, options: options, optionsText: 'displayName', optionsValue: 'fullName', optionsAfterRender: defaultOptionsAfterRender"> </select> </div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_FOLDER_DRAFTS'}"></span> <select class="value input" data-bind="value: draftsFolderFullName, options: options, optionsText: 'displayName', optionsValue: 'fullName', optionsAfterRender: defaultOptionsAfterRender"> </select> </div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_FOLDER_TRASH'}"></span> <select class="value input" data-bind="value: trashFolderFullName, options: options, optionsText: 'displayName', optionsValue: 'fullName', optionsAfterRender: defaultOptionsAfterRender"> </select> </div> <div class="row" data-bind="visible: bAllowSpamFolderEditing"> <span class="label" data-bind="i18n: {'key': 'MAILWEBCLIENT/LABEL_FOLDER_SPAM'}"></span> <select class="value input" data-bind="value: spamFolderFullName, options: options, optionsText: 'displayName', optionsValue: 'fullName', optionsAfterRender: defaultOptionsAfterRender"> </select> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_OK'}, click: apply"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="MailWebclient_Settings_SignatureSettingsFormView" type="text/html"><div class="fields"> <div class="fieldset"> <div class="row"> <div> <label class="custom_radio"    data-bind="css: {'checked': useSignatureRadio() === Enums.UseSignature.Off, 'disabled': !allowEditSignature()}" > <span class="icon"></span> <input type="radio" value="0" data-bind="checked: useSignatureRadio, attr: {'id': 'noSignature' + ViewConstructorName}, enable: allowEditSignature" /> </label> <label data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_NO_SIGNATURE'}, attr: {'for': 'noSignature' + ViewConstructorName},    css: {'disabled': !allowEditSignature()}" ></label> </div> </div> <div class="row editor_row"> <label class="custom_radio"     data-bind="css: {'checked': useSignatureRadio() === Enums.UseSignature.On, 'disabled': !allowEditSignature()}" > <span class="icon"></span> <input type="radio" value="1" data-bind="checked: useSignatureRadio, enable: allowEditSignature" /> </label> <div class="editor" data-bind="template: {name: oHtmlEditor.ViewTemplate, data: oHtmlEditor}"></div> </div> <div class="hint" data-bind="visible: enableImageDragNDrop() && allowEditSignature(), i18n: {'key': 'MAILWEBCLIENT/INFO_IMAGE_DRAGNDROP'}"></div> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, command: saveCommand, visible: !isSaving()"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}, visible: isSaving()"></span> </div> </div> </script><script id="MailWebclient_Messages_DeleteButtonView" type="text/html"><span class="item delete" data-bind="command: deleteCommand, customTooltip: 'COREWEBCLIENT/ACTION_DELETE'" id="selenium_mail_delete_button"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_DELETE'}"></span> <span class="hint" data-bind="text: selectedCount, visible: selectedCount() > 0"></span> </span> </script><script id="MailWebclient_Messages_MarkButtonView" type="text/html"><span class="group mark" data-bind="dropdown: {}, css: {disabled: messageList().isEmptyList()}, visible: visibleMarkTool"> <span class="item" data-bind="command: markAsReadCommand, customTooltip: 'MAILWEBCLIENT/ACTION_MARK_AS_READ'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_MARK_AS_READ'}"></span> </span><span class="item control"> <span class="icon arrow"></span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content"> <span class="item allread" data-bind="command: markAllReadCommand,   i18n: {'key': 'MAILWEBCLIENT/ACTION_MARK_ALL_READ'},   visible: !isSearchMultiFolders()"></span> <span class="item unread" data-bind="command: markAsUnreadCommand,   i18n: {'key': 'MAILWEBCLIENT/ACTION_MARK_AS_UNREAD'}"></span> </span> </span> </span> </span> </span> </script><script id="MailWebclient_Messages_MoveButtonView" type="text/html"><span class="item move" data-bind="dropdown: {control: false, scrollToTopContainer: '.scroll-inner'}, command: moveToFolderCommand, customTooltip: 'MAILWEBCLIENT/ACTION_MOVE_TO_FOLDER', visible: visibleMoveTool"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_MOVE_TO_FOLDER'}"></span> <span class="icon arrow"></span> <span class="dropdown" data-bind="initDom: domFoldersMoveTo"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="folders dropdown_content" data-bind="customScrollbar: {x: false}"> <span class="scroll-inner"> <!-- ko template: {name: 'MailWebclient_MoveToFolderView', foreach: folderList().collection} --><!-- /ko --> </span> </span> </span> </span> </span> </script><script id="MailWebclient_Messages_SortButtonView" type="text/html"><span class="item sort" data-bind="dropdown: {control: false}, css: {'sort_asc': messageList().sortOrder() === Enums.SortOrder.Asc, 'sort_desc': messageList().sortOrder() === Enums.SortOrder.Desc}, customTooltip: 'COREWEBCLIENT/ACTION_SORT_BY', visible: messageList().bVisibleSortByTool"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SORT_BY'}"></span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content" data-bind="foreach: messageList().aSortList"> <span class="item" data-bind="click: function () { $parent.messageList().executeSort(sSortBy); }, css: {'selected': $parent.messageList().sortBy() === sSortBy}"> <span data-bind="text: sText"></span> <span class="sort-order-icon" data-bind="visible: $parent.messageList().sortBy() === sSortBy,  css: {'sort-order-desc-icon': $parent.messageList().sortOrder() === Enums.SortOrder.Desc}"></span> </span> </span> </span> </span> </span> </script><script id="MailWebclient_Messages_SpamButtonsView" type="text/html"><span class="item spam" data-bind="command: spamCommand, visible: allowedSpamAction, customTooltip: 'MAILWEBCLIENT/ACTION_MARK_SPAM'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_MARK_SPAM'}"></span> </span> <span class="item notspam" data-bind="command: notSpamCommand, visible: allowedNotSpamAction, customTooltip: 'MAILWEBCLIENT/ACTION_MARK_NOT_SPAM'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_MARK_NOT_SPAM'}"></span> </span> </script><script id="MailWebclient_Messages_ToolbarView" type="text/html"><div class="toolbar"> <span class="resizer" data-bind="event: { 'dblclick': resizeDblClick}"></span> <span class="content"> <span class="item checkstate" data-bind="command: checkMailCommand, checkstate: {'activeClass': 'process', 'state': checkMailIndicator(), 'duration': 800}, customTooltip: 'MAILWEBCLIENT/ACTION_CHECK_MAIL'" id="selenium_mail_check_button"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_CHECK_MAIL'}"></span> </span> <!-- ko template: {name: 'MailWebclient_Messages_MarkButtonView'} --><!-- /ko --> <!-- ko template: {name: moveToFolderTemplate} --><!-- /ko --> <!-- ko template: {name: 'MailWebclient_Messages_DeleteButtonView'} --><!-- /ko --> <span class="item empty_trash" data-bind="command: emptyTrashCommand, visible: isTrashFolder(), customTooltip: 'MAILWEBCLIENT/ACTION_EMPTY_TRASH'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_EMPTY_TRASH'}"></span> </span> <span class="item empty_spam" data-bind="command: emptySpamCommand, visible: isSpamFolder(), customTooltip: 'MAILWEBCLIENT/ACTION_EMPTY_SPAM'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'MAILWEBCLIENT/ACTION_EMPTY_SPAM'}"></span> </span> <!-- ko template: {name: 'MailWebclient_Messages_SpamButtonsView'} --><!-- /ko --> <!-- ko template: {name: 'MailWebclient_Messages_SortButtonView'} --><!-- /ko --> </span> </div> </script><script id="ContactsMobileWebclient_ContactView" type="text/html"><div class="navbar"> <div class="navbar-inner"> <div class="left"> <a href="javascript:void(0)" class="link icon-only back" data-bind="click: function () { $root.executeCancel(); }"> <i class="icon icon-back"></i> <!--_i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}--> </a> </div> <!-- We need cool sliding animation on title element, so we have additional "sliding" class --> <!--<div class="center sliding" data-bind="visible: isNew(), i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/HEADING_NEW_GROUP'}"></div>--> <!--<div class="center sliding" data-bind="visible: !isNew(), i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/HEADING_EDIT_GROUP'}"></div>--> <div class="right"> <a href="javascript:void(0)" class="link icon-only aurora-icons send_files" data-bind="visible: allowSendThisContact () && $root.bAllowComposeMessageToAddresses && hasEmails(), click: sendThisContact"> <i class="icon"></i> </a> <a href="javascript:void(0)" class="link icon-only aurora-icons new_message" data-bind="makeLinkComposeMailTo: getFullEmail()" style="display: none;"> <i class="icon"></i> </a> <a href="javascript:void(0)" class="link icon-only aurora-icons edit" data-bind="visible: !readOnly(), click: function () { edited(true); }"> <i class="icon"></i> </a> <!--i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/ACTION_EDIT_CONTACT'}--> </div> </div> </div> <div class="page-content"> <div class="content-block-title" data-bind="visible: displayName, text: displayName"></div> <div class="content-block-title" data-bind="text: email()"></div> <div class="list-block" data-bind="visible: firstName() || lastName() || skype() || facebook()"> <ul> <!-- Text inputs --> <li data-bind="visible: firstName()"> <div class="item-content"> <div class="item-media"><i class="icon">person</i></div> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_FIRST_NAME'}">Name</div> <div class="item-after" data-bind="text: firstName"> <input type="text" placeholder="Your name"> </div> </div> </div> </li> <li data-bind="visible: lastName()"> <div class="item-content"> <div class="item-media"><i class="icon">person</i></div> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_LAST_NAME'}">Name</div> <div class="item-after" data-bind="text: lastName"> </div> </div> </div> </li> <li data-bind="visible: skype()"> <div class="item-content"> <div class="item-media"><i class="icon">person</i></div> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_SKYPE'}">Name</div> <a href="javascript: void(0)" class="item-after" data-bind="attr: {href: 'skype:' + skype()}"> <span class="value" data-bind="text: skype"></span> </a> </div> </div> </li> <li data-bind="visible: facebook()"> <div class="item-content"> <div class="item-media"><i class="icon">person</i></div> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_FACEBOOK'}">Name</div> <a href="javascript: void(0)" target="_blank" class="item-input" data-bind="visible: isStrLink(facebook()), attr: {href: facebook}"> <span class="value" data-bind="text: facebook"></span> </a> <div class="item-after" data-bind="visible: !isStrLink(facebook()), text: facebook"></div> </div> </div> </li> </ul> </div> <div class="content-block-title" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/HEADING_BASIC_INFO'}, visible: !personalIsEmpty()"></div> <div class="list-block" data-bind="visible: !personalIsEmpty()"> <ul> <li data-bind="visible: '' !== personalEmail()"> <div class="item-content"> <div class="item-media"><i class="icon"></i></div> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_PERSONAL_EMAIL'}"></div> <div class="item-after" data-bind="text: personalEmail"></div> </div> </div> </li> <li data-bind="visible: '' !== personalWeb()"> <div class="item-content"> <div class="item-media"><i class="icon"></i></div> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_WEB_PAGE'}"></div> <div class="item-after" data-bind="text: personalWeb"></div> </div> </div> </li> <li data-bind="visible: '' !== personalFax()"> <div class="item-content"> <div class="item-media"><i class="icon"></i></div> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_FAX'}"></div> <div class="item-after" data-bind="text: personalFax"></div> </div> </div> </li> <li data-bind="visible: '' !== personalPhone()"> <div class="item-content"> <div class="item-media"><i class="icon"></i></div> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_PHONE'}"></div> <div class="item-after" data-bind="text: personalPhone"></div> </div> </div> </li> <li data-bind="visible: '' !== personalMobile()"> <div class="item-content"> <div class="item-media"><i class="icon"></i></div> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_MOBILE'}"></div> <div class="item-after" data-bind="text: personalMobile"></div> </div> </div> </li> </ul> </div> <div class="content-block-title" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_ADDRESS'}, visible: personalStreetAddress() || personalCity() || personalState() || personalCountry() || personalZipCode()"></div> <div class="list-block" data-bind="visible: personalStreetAddress() || personalCity() || personalState() || personalCountry() || personalZipCode()"> <ul> <li data-bind="visible: '' !== personalStreetAddress()"> <div class="item-content"> <div class="item-media"><i class="icon"></i></div> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_STREET_ADDRESS'}">Name</div> <div class="item-after" data-bind="text: personalStreetAddress"></div> </div> </div> </li> <li data-bind="visible: '' !== personalCity()"> <div class="item-content"> <div class="item-media"><i class="icon"></i></div> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_CITY'}">Name</div> <div class="item-after" data-bind="text: personalCity"></div> </div> </div> </li> <li data-bind="visible: '' !== personalState()"> <div class="item-content"> <div class="item-media"><i class="icon"></i></div> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_STATE_PROVINCE'}">Name</div> <div class="item-after" data-bind="text: personalState"></div> </div> </div> </li> <li data-bind="visible: '' !== personalCountry()"> <div class="item-content"> <div class="item-media"><i class="icon"></i></div> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_COUNTRY_REGION'}">Name</div> <div class="item-after" data-bind="text: personalCountry"></div> </div> </div> </li> <li data-bind="visible: '' !== personalZipCode()"> <div class="item-content"> <div class="item-media"><i class="icon"></i></div> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_ZIP_CODE'}">Name</div> <div class="item-after" data-bind="text: personalZipCode"></div> </div> </div> </li> </ul> </div> <div class="content-block-title" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/HEADING_BUSINESS_INFO'}, visible: !businessIsEmpty()"></div> <div class="list-block" data-bind="visible: !businessIsEmpty()"> <ul> <li data-bind="visible: '' !== businessEmail()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_BUSINESS_EMAIL'}"></div> <div class="item-after" data-bind="text: businessEmail"></div> </div> </div> </li> <li data-bind="visible: '' !== businessCompany()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_COMPANY'}"></div> <div class="item-after" data-bind="text: businessCompany"></div> </div> </div> </li> <li data-bind="visible: '' !== businessDepartment()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_DEPARTMENT'}"></div> <div class="item-after" data-bind="text: businessDepartment"></div> </div> </div> </li> <li data-bind="visible: '' !== businessJob()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_JOB_TITLE'}"></div> <div class="item-after" data-bind="text: businessJob"></div> </div> </div> </li> <li data-bind="visible: '' !== businessOffice()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_OFFICE'}"></div> <div class="item-after" data-bind="text: businessOffice"></div> </div> </div> </li> <li data-bind="visible: '' !== businessStreetAddress()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_STREET_ADDRESS'}"></div> <div class="item-after" data-bind="text: businessStreetAddress"></div> </div> </div> </li> <li data-bind="visible: '' !== businessCity()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_CITY'}"></div> <div class="item-after" data-bind="text: businessCity"></div> </div> </div> </li> <li data-bind="visible: '' !== businessState()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_STATE_PROVINCE'}"></div> <div class="item-after" data-bind="text: businessState"></div> </div> </div> </li> <li data-bind="visible: '' !== businessZipCode()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_ZIP_CODE'}"></div> <div class="item-after" data-bind="text: businessZipCode"></div> </div> </div> </li> <li data-bind="visible: '' !== businessCountry()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_COUNTRY_REGION'}"></div> <div class="item-after" data-bind="text: businessCountry"></div> </div> </div> </li> <li data-bind="visible: '' !== businessWeb()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_WEB_PAGE'}"></div> <div class="item-after" data-bind="text: businessWeb"></div> </div> </div> </li> <li data-bind="visible: '' !== businessFax()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_FAX'}"></div> <div class="item-after" data-bind="text: businessFax"></div> </div> </div> </li> <li data-bind="visible: '' !== businessPhone()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_PHONE'}"></div> <div class="item-after" data-bind="text: businessPhone"></div> </div> </div> </li> </ul> </div> <div class="content-block-title" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/HEADING_OTHER_INFO'}, visible: !otherIsEmpty()"></div> <div class="list-block" data-bind="visible: !otherIsEmpty()"> <ul> <li data-bind="visible: !birthdayIsEmpty()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_BIRTHDAY'}"></div> <div class="item-after" data-bind="text: otherBirthday"></div> </div> </div> </li> <li data-bind="visible: otherEmail()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_OTHER_EMAIL'}"></div> <div class="item-after" data-bind="text: otherEmail"></div> </div> </div> </li> <li data-bind="visible: otherNotes()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_NOTES'}"></div> <div class="item-after" data-bind="text: otherNotes"></div> </div> </div> </li> </ul> </div> <div class="content-block-title" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/HEADING_GROUPS'}, visible: !team() && 0 < $root.groupsInContactView($data).length"></div> <div class="list-block"> <ul data-bind="foreach: $root.groupsInContactView($data)"> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title" data-bind="text: Name(), click: function () { $root.onViewGroupClick($data); }"></div> </div> </div> </li> </ul> </div> <span class="button" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/ACTION_SEE_EMAILS_WITH_CONTACT'}, click: function () {$root.searchMessagesInInbox('email:' + getEmailsString());}, visible: $root.bAllowSearchMessagesInInbox && hasEmails()"></span> </div> </script><script id="ContactsMobileWebclient_ContactsScreenView" type="text/html"><div class="screen ContactsLayout" style="display: none;"> <div class="panel panel-left panel-reveal" data-bind="style: {'display': selectedPanel() === Enums.MobilePanel.Groups ? 'block' : ''}"> <div class="content-block"> <!-- ko template: { name: 'ContactsMobileWebclient_GroupsView', data: $data} --><!-- /ko --> </div> </div> <!-- Views -->     <div class="views"> <!-- Your main view, should have "view-main" class --> <div class="view contacts-view"> <div class="pages navbar-fixed"> <div class="page contacts-list"> <div class="navbar"> <div class="navbar-inner"> <!-- We need cool sliding animation on title element, so we have additional "sliding" class --> <div class="left"> <a href="javascript:void(0)" class="link icon-only open-panel" data-bind="click: togleGroupList, visible: !isCheckedOrSelected()"><i class="icon icon-bars"></i></a> <a href="javascript:void(0)" class="link icon-only" data-bind="click: function () { checkAll(false); }, visible: isCheckedOrSelected()"><i class="icon icon-close"></i></a> </div> <div class="center sliding" data-bind="visible: !isCheckedOrSelected(), i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/HEADING_BROWSER_TAB'}"></div> <div class="center sliding" data-bind="visible: isCheckedOrSelected(), text: selector.listCheckedOrSelected().length"></div> <div class="right" data-bind="visible: !isCheckedOrSelected()"> <a href="javascript:void(0)" class="link icon-only aurora-icons edit" data-bind="click: gotoViewPane, visible: selectedGroup"><i class="icon"></i></a> <a href="javascript:void(0)" class="link icon-only aurora-icons settings" data-bind="click: function () { showApps(!showApps()); }"><i class="icon"></i></a> </div> <div class="right" data-bind="visible: isCheckedOrSelected()"> <!-- ko template: {name: 'ContactsMobileWebclient_ToolbarContactsView'} --><!-- /ko --> </div> </div> </div> <div class="toolbar toolbar-bottom" data-bind="visible: oPageSwitcher.pages().length > 0, with: oPageSwitcher"> <div class="toolbar-inner" data-bind="template: {name: ViewTemplate}"></div> </div> <!-- ko template: {name: 'ContactsMobileWebclient_ContactsView'} --><!-- /ko --> <div class="speed-dial"> <!-- FAB inside will open Speed Dial actions --> <a href="#" class="floating-button"> <!-- First icon is visible when Speed Dial actions are closed --> <i class="icon icon-plus"></i> <!-- Second icon is visible when Speed Dial actions are opened --> <i class="icon icon-close"></i> </a> <!-- Speed Dial Actions --> <div class="speed-dial-buttons"> <a href="#" class="aurora-icons new_group" data-bind="visible: showPersonalContacts, command: newGroupCommand"> <i class="icon"></i> <!--<span class="text" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/ACTION_NEW_GROUP'}"></span>--> </a> <a href="#" class="aurora-icons new_contact" data-bind="visible: showPersonalContacts, command: newContactCommand"> <i class="icon"></i> <!--<span class="text" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/ACTION_NEW_GROUP'}"></span>--> </a> </div> </div> </div> <div class="page import" data-bind="visible: oImportView.visibility()"> <!-- ko template: { name: oImportView.ViewTemplate, data: oImportView } --><!-- /ko --> </div> <div class="page contact" data-bind="visible: selectedPanel() === Enums.MobilePanel.View && selectedContact() && !selectedContact().edited(), with: selectedContact"> <!-- ko template: { name: 'ContactsMobileWebclient_ContactView' } --><!-- /ko --> </div> <div class="page edit_contact" data-bind="visible: selectedPanel() === Enums.MobilePanel.View && selectedContact() && selectedContact().edited(), with: selectedContact"> <!-- ko template: { name: 'ContactsMobileWebclient_EditContactView' } --><!-- /ko --> </div> <div class="page group" data-bind="visible: selectedPanel() === Enums.MobilePanel.View && selectedGroup() && !selectedGroup().edited(), with: selectedGroup"> <!-- ko template: { name: 'ContactsMobileWebclient_GroupView', data: $data } --><!-- /ko --> </div> <div class="page edit_group" data-bind="visible: selectedPanel() === Enums.MobilePanel.View && selectedGroup() && selectedGroup().edited(), with: selectedGroup"> <!-- ko template: { name: 'ContactsMobileWebclient_EditGroupView' } --><!-- /ko --> </div> </div> </div>     </div> </div> </script><script id="ContactsMobileWebclient_ContactsView" type="text/html"><!--<label class="custom_checkbox" data-bind="css: {'checked': checkAll, 'incomplete': checkAllIncomplite}"> <span class="icon"></span> <input type="checkbox" data-bind="checked: checkAll" /> </label>--> <!--<span class="search_block"> <span class="input" data-bind="css: {'focus': isSearchFocused}"> <span class="icon search" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SEARCH'}, click: searchSubmitCommand"></span> <input class="field" type="text" data-bind="valueUpdate: 'afterkeydown', value: searchInput, onEnter: searchSubmitCommand, hasfocus: isSearchFocused" /> </span> </span>--> <div class="searchbar searchbar-active" data-bind="css: {'searchbar-active': isSearchFocused}"> <div class="searchbar-input"> <input type="search" spellcheck="false" placeholder="Search" data-bind="value: searchInput, valueUpdate: 'afterkeydown', onEnter: searchSubmitCommand, hasfocus: isSearchFocused, i18n: {'key': 'COREWEBCLIENT/ACTION_SEARCH'}"> <!--<a href="#" class="searchbar-clear"></a>--> </div> <a href="#" class="searchbar-cancel aurora-icons close" data-bind="css: {'show': !preLoadingList() && isSearch()} , click: onClearSearchClick"><span class="icon"></span></a> <!--i18n: {'key': 'COREWEBCLIENT/ACTION_CLEAR_SEARCH'},-->  </div> <div class="page-content"> <div data-bind="visible: isEmptyList() && !preLoadingList()"> <span class="list_notification" data-bind="visible: !isSearch()"> <span class="description" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/INFO_NO_CONTACTS'}"></span> <span class="description" data-bind="text: infoCreateOrImport, visible: visibleCreateOrImportText"></span> <span class="description" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/INFO_DRAGNDROP_TO_GROUP'}, visible: visibleDragNDropToGroupText"></span> </span> <span class="list_notification" data-bind="visible: isSearch()"> <!--<span class="link" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CLEAR_SEARCH'}, click: onClearSearchClick"></span>--> <span class="description" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/INFO_NO_CONTACTS_FOUND'}"></span> </span> </div> <span class="list_notification" data-bind="visible: isEmptyList() && preLoadingList()" id="selenium_contacts_loading_info"> <span class="description" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/INFO_LOADING_CONTACT_LIST'}"></span> </span> <span class="list_notification" data-bind="visible: isSearch() && !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="list-block media-list contact_list"> <ul class="items_sub_list contact_sub_list" data-bind="foreach: collection"> <li class="item" data-bind="css: { 'checked': checked, 'selected': selected, 'deleted': deleted, 'noname': !Name(), 'noemail': !Email()}"> <div class="item-content"> <label class="label-checkbox custom_checkbox"> <input type="checkbox" data-bind="checked: checked, event: { change: function (item, event) {item.checked(!!event.target.checked); } }"> <div class="item-media"><i class="icon icon-form-checkbox"></i></div> </label> <div class="item-inner"> <div class="item-title-row"> <div class="item-title"> <span class="group" data-bind="visible: $parent.selectedStorage() === 'all' || $parent.selectedStorage() === 'group', css: sStorage"></span> <span class="me" data-bind="visible: ItsMe(), i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_ITS_ME'}"></span> <span class="name" data-bind="text: Name(), visible: !!Name()"></span> <span class="name" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_NO_NAME'}, visible: Name() === ''"></span> </div> </div> <div class="item-subtitle"> <span data-bind="text: Email(), visible: !!Email()"></span> <span data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_NO_EMAIL'}, visible: Email() === ''"></span> </div> </div> </div> </li> </ul> </div> </div> <div class="contact_list_scroll scroll-inner"> <div class="items_list contact_list"> <div class="items_sub_list contact_sub_list" data-bind="foreach: collection, draggablePlace: dragAndDropHelper"> <div class="item dragHandle nosubject" data-bind="css: {'checked': checked, 'selected': selected, 'deleted': deleted, 'noname': !Name(), 'noemail': !Email()}"> <div class="item_content"> <span class="controls"> <span class="custom_checkbox" data-bind="click: function () { checked(!checked()); }, css: {'checked': checked()}"> <span class="icon"></span> </span> </span> <span class="data fadeout"> <span class="group" data-bind="visible: $parent.selectedStorage() === 'all' || $parent.selectedStorage() === 'group', css: sStorage"></span> <span class="me" data-bind="visible: ItsMe(), i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_ITS_ME'}"></span> <span class="name" data-bind="text: Name(), visible: !!Name()"></span> <span class="name" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_NO_NAME'}, visible: Name() === ''"></span> <span class="email" data-bind="text: Email(), visible: !!Email()"></span> <span class="email" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_NO_EMAIL'}, visible: Email() === ''"></span> </span> <div class="separator"></div> </div> </div> </div> <div class="uploader_mask" data-bind="initDom: uploaderArea, css: {'active': dragActive}, visible: isImportAllowed"> <div class="inner"></div> </div> </div> </div> </script><script id="ContactsMobileWebclient_EditContactView" type="text/html"><div class="navbar"> <div class="navbar-inner"> <div class="left"> <a href="javascript:void(0)" class="link icon-only back" data-bind="click: function () { $root.executeCancel(); }"> <i class="icon icon-back"></i> <!--_i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}--> </a> </div> <!-- We need cool sliding animation on title element, so we have additional "sliding" class --> <div class="center sliding" data-bind="visible: !edited() && !isNew(), i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/HEADING_VIEW_CONTACT'}"></div> <div class="center sliding" data-bind="visible: edited() && !isNew(), i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/HEADING_EDIT_CONTACT'}"></div> <div class="center sliding" data-bind="visible: isNew(), i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/HEADING_NEW_CONTACT'}"></div> <div class="right"> <a href="javascript:void(0)" class="link" data-bind="command: $root.saveCommand"> <i class="icon"></i> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </a> </div> </div> </div> <div class="page-content"> <div class="list-block" data-bind="visible: !extented()"> <ul> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_DISPLAY_NAME'}"></div> <div class="item-input"> <input type="text" data-bind="value: displayName, hasfocus: displayNameFocused, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_EMAIL'}"></div> <div class="item-input" data-bind="visible: !itsMe()"> <input type="text" data-bind="value: email, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> <div class="item-input" data-bind="text: email, visible: itsMe()"></div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_PHONE'}"></div> <div class="item-input"> <input type="text" data-bind="value: phone, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_ADDRESS'}"></div> <div class="item-input"> <input type="text" data-bind="value: address, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_SKYPE'}"></div> <div class="item-input"> <input type="text" data-bind="value: skype, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_FACEBOOK'}"></div> <div class="item-input"> <input type="text" data-bind="value: facebook, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> </ul> <span class="button" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/ACTION_SHOW_ADDITIONAL_FIELDS'}, click: function () { extented(true); }"></span> </div> <div class="list-block" data-bind="visible: extented()"> <ul> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_DISPLAY_NAME'}"></div> <div class="item-input"> <input type="text" data-bind="value: displayName, hasfocus: displayNameFocused, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_EMAIL'}"></div> <div class="item-input" data-bind="visible: 0 === emails().length"> <span class="text" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_NOT_SPECIFIED_YET'}"></span> </div> <div class="item-input" data-bind="visible: 0 < emails().length"> <select data-bind="options: emails, optionsText: 'text', optionsValue: 'value', value: mainPrimaryEmail"></select> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_PHONE'}"></div> <div class="item-input" data-bind="visible: 0 === phones().length"> <span class="text" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_NOT_SPECIFIED_YET'}"></span> </div> <div class="item-input" data-bind="visible: 0 < phones().length"> <select data-bind="options: phones, optionsText: 'text', optionsValue: 'value', value: mainPrimaryPhone"></select> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_ADDRESS'}"></div> <div class="item-input" data-bind="visible: 0 === addresses().length"> <span class="text" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_NOT_SPECIFIED_YET'}"></span> </div> <div class="item-input" data-bind="visible: 0 < addresses().length"> <select data-bind="options: addresses, optionsText: 'text', optionsValue: 'value', value: mainPrimaryAddress"></select> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_SKYPE'}"></div> <div class="item-input"> <input type="text" data-bind="value: skype, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_FACEBOOK'}"></div> <div class="item-input"> <input type="text" data-bind="value: facebook, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> </ul> <span class="button" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/ACTION_HIDE_ADDITIONAL_FIELDS'}, click: function () { extented(false); }"></span> </div> <div class="content-block" data-bind="visible: extented()"> <div class="list-block"> <ul> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_FIRST_NAME'}"></div> <div class="item-input"> <input type="text" data-bind="value: firstName, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_LAST_NAME'}"></div> <div class="item-input"> <input type="text" data-bind="value: lastName, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_NICK_NAME'}"></div> <div class="item-input"> <input type="text" data-bind="value: nickName, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> </ul> </div> <div class="content-block-title" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/HEADING_HOME'}, click: function () { personalCollapsed(!personalCollapsed()); }"></div> <div class="list-block accordion-item" data-bind="css: {'accordion-item-expanded': !personalCollapsed()}"> <ul class="accordion-item-content"> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_PERSONAL_EMAIL'}"></div> <div class="item-input"> <input type="text" data-bind="value: personalEmail, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_STREET_ADDRESS'}"></div> <div class="item-input"> <input type="text" data-bind="value: personalStreetAddress, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_CITY'}"></div> <div class="item-input"> <input type="text" data-bind="value: personalCity, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_STATE_PROVINCE'}"></div> <div class="item-input"> <input type="text" data-bind="value: personalState, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_ZIP_CODE'}"></div> <div class="item-input"> <input type="text" data-bind="value: personalZipCode, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_COUNTRY_REGION'}"></div> <div class="item-input"> <input type="text" data-bind="value: personalCountry, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_WEB_PAGE'}"></div> <div class="item-input"> <input type="text" data-bind="value: personalWeb, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_FAX'}"></div> <div class="item-input"> <input type="text" data-bind="value: personalFax, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_PHONE'}"></div> <div class="item-input"> <input type="text" data-bind="value: personalPhone, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_MOBILE'}"></div> <div class="item-input"> <input type="text" data-bind="value: personalMobile, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> </ul> </div> <div class="content-block-title" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/HEADING_BUSINESS'}, click: function () { businessCollapsed(!businessCollapsed()); }"></div> <div class="list-block accordion-item" data-bind="css: {'accordion-item-expanded': !businessCollapsed()}"> <ul class="accordion-item-content"> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_BUSINESS_EMAIL'}"></div> <div class="item-input" data-bind="visible: !itsMe()"> <input type="text" data-bind="value: businessEmail, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> <div class="item-input" data-bind="text: businessEmail, visible: itsMe()"></div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_COMPANY'}"></div> <div class="item-input"> <input type="text" data-bind="value: businessCompany, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_DEPARTMENT'}"></div> <div class="item-input"> <input type="text" data-bind="value: businessDepartment, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_JOB_TITLE'}"></div> <div class="item-input"> <input type="text" data-bind="value: businessJob, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_OFFICE'}"></div> <div class="item-input"> <input type="text" data-bind="value: businessOffice, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_STREET_ADDRESS'}"></div> <div class="item-input"> <input type="text" data-bind="value: businessStreetAddress, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_CITY'}"></div> <div class="item-input"> <input type="text" data-bind="value: businessCity, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_STATE_PROVINCE'}"></div> <div class="item-input"> <input type="text" data-bind="value: businessState, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_ZIP_CODE'}"></div> <div class="item-input"> <input type="text" data-bind="value: businessZipCode, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_COUNTRY_REGION'}"></div> <div class="item-input"> <input type="text" data-bind="value: businessCountry, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_WEB_PAGE'}"></div> <div class="item-input"> <input type="text" data-bind="value: businessWeb, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_FAX'}"></div> <div class="item-input"> <input type="text" data-bind="value: businessFax, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_PHONE'}"></div> <div class="item-input"> <input type="text" data-bind="value: businessPhone, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> </ul> </div> <div class="content-block-title" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/HEADING_OTHER'}, click: function () { otherCollapsed(!otherCollapsed()); }"></div> <div class="list-block accordion-item" data-bind="css: {'accordion-item-expanded': !otherCollapsed()}"> <ul class="accordion-item-content"> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_BIRTHDAY'}"></div> <div class="item-input"> <select data-bind="options: birthMonthSelect, optionsText: 'text', optionsValue: 'value', value: otherBirthMonth"></select> <select data-bind="options: birthDaySelect, optionsText: 'text', optionsValue: 'value', value: otherBirthDay"></select> <select data-bind="options: birthYearSelect, optionsText: 'text', optionsValue: 'value', value: otherBirthYear"></select> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_OTHER_EMAIL'}"></div> <div class="item-input"> <input type="text" data-bind="value: otherEmail, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_NOTES'}"></div> <div class="item-input"> <input type="text" data-bind="value: otherNotes, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> </ul> </div> <div class="content-block-title" data-bind="click: function () { groupsCollapsed(!groupsCollapsed()); }, i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/HEADING_GROUPS'}"></div> <div class="list-block accordion-item" data-bind="visible: !team() && $root.groupFullCollection().length, css: {'accordion-item-expanded': groupsCollapsed}"> <ul class="accordion-item-content"> <li class="item-divider" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/INFO_CONTACT_GROUPS_MARKED'}"></li> <!-- ko foreach: $root.groupFullCollection() --> <li> <div class="item-content"> <label class="label-checkbox"> <input type="checkbox" data-bind="attr: {'id': 'group'+$index()}, checked: checked, event: { change: function (item, event) {item.checked(!!event.target.checked); } }"> <div class="item-media"><i class="icon icon-form-checkbox"></i></div> </label> <div class="item-inner"> <label class="item-title" data-bind="attr: {'for': 'group'+$index()}"> <span data-bind="text: Name()"></span> </label> </div> </div> </li> <!-- /ko --> </ul> </div> </div> </div> </script><script id="ContactsMobileWebclient_EditGroupView" type="text/html"><div class="navbar"> <div class="navbar-inner"> <div class="left"> <a href="javascript:void(0)" class="link icon-only back" data-bind="click: function () { $root.executeCancel(); }"> <i class="icon icon-back"></i> <!--_i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}--> </a> </div> <!-- We need cool sliding animation on title element, so we have additional "sliding" class --> <div class="center sliding" data-bind="visible: isNew(), i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/HEADING_NEW_GROUP'}"></div> <div class="center sliding" data-bind="visible: !isNew(), i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/HEADING_EDIT_GROUP'}"></div> <div class="right"> <a href="javascript:void(0)" class="link" data-bind="command: $root.saveCommand"> <i class="icon"></i> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </a> </div> </div> </div> <div class="page-content"> <div class="list-block"> <ul> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_GROUP_NAME'}"></div> <div class="item-input"> <input type="text" data-bind="hasfocus: nameFocused, value: name, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label_" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_GROUP_IS_COMPANY'}"></div> <label class="label-switch"> <input type="checkbox" data-bind="checked: isOrganization"> <div class="checkbox"></div> </label> </div> </div> </li> </ul> </div> <!--<div class="content-block-title" data-bind="visible: displayName, text: displayName"></div>--> <div class="list-block" data-bind="visible: isOrganization"> <ul> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_EMAIL'}"></div> <div class="item-input"> <input type="text" data-bind="value: email, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_COMPANY'}"></div> <div class="item-input"> <input type="text" data-bind="value: company, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_COUNTRY'}"></div> <div class="item-input"> <input type="text" data-bind="value: country, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_STATE'}"></div> <div class="item-input"> <input type="text" data-bind="value: state, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_CITY'}"></div> <div class="item-input"> <input type="text" data-bind="value: city, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_STREET'}"></div> <div class="item-input"> <input type="text" data-bind="value: street, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_ZIP'}"></div> <div class="item-input"> <input type="text" data-bind="value: zip, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_PHONE'}"></div> <div class="item-input"> <input type="text" data-bind="value: phone, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_FAX'}"></div> <div class="item-input"> <input type="text" data-bind="value: fax, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_WEB'}"></div> <div class="item-input"> <input type="text" data-bind="value: web, valueUpdate: 'afterkeydown', onEnter: function () { $root.saveCommand($data); }"> </div> </div> </div> </li> </ul> </div> <div class="row" data-bind="visible: isNew() && '' !== newContactsInGroupHint()"> <span data-bind="text: newContactsInGroupHint"></span> </div> </div> </script><script id="ContactsMobileWebclient_GroupView" type="text/html"><div class="navbar"> <div class="navbar-inner"> <div class="left"> <a href="javascript:void(0)" class="link icon-only back" data-bind="click: function () { $root.gotoContactList(); }"> <i class="icon icon-back"></i> <!--_i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}--> </a> </div> <div class="center sliding" data-bind="visible: !edited() && !isNew(), i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/HEADING_VIEW_GROUP'}"></div> <div class="right"> <a href="javascript:void(0)" class="link icon-only aurora-icons delete" data-bind="click: function() { $root.deleteGroup(uuid()); }"> <i class="icon"></i> <!--_i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/ACTION_DELETE_GROUP'}--> </a> <a href="javascript:void(0)" class="link icon-only aurora-icons edit" data-bind="click: function (oItem) { $root.editGroup(oItem); }"> <i class="icon"></i> <!--_i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/ACTION_EDIT_GROUP'}--> </a> <a href="javascript:void(0)" class="link icon-only aurora-icons new_message" data-bind="click: function() { $root.mailGroup($data); }"> <i class="icon"></i> <!--_i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/ACTION_EMAIL_TO_GROUP'}--> </a> </div> </div> </div> <div class="page-content"> <div class="content-block-title" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/HEADING_VIEW_GROUP'}, visible: !isNew()"></div> <div class="list-block"> <ul> <li data-bind="visible: '' !== name()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_GROUP_NAME'}"></div> <div class="item-after" data-bind="text: name"></div> </div> </div> </li> </ul> <ul data-bind="visible: '' !== isOrganization()"> <li data-bind="visible: '' !== email()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_EMAIL'}"></div> <div class="item-after" data-bind="text: email"></div> </div> </div> </li> <li data-bind="visible: '' !== company()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_COMPANY'}"></div> <div class="item-after" data-bind="text: company"></div> </div> </div> </li> <li data-bind="visible: '' !== country()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_COUNTRY'}"></div> <div class="item-after" data-bind="text: country"></div> </div> </div> </li> <li data-bind="visible: '' !== state()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_STATE'}"></div> <div class="item-after" data-bind="text: state"></div> </div> </div> </li> <li data-bind="visible: '' !== city()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_CITY'}"></div> <div class="item-after" data-bind="text: city"></div> </div> </div> </li> <li data-bind="visible: '' !== street()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_STREET'}"></div> <div class="item-after" data-bind="text: street"></div> </div> </div> </li> <li data-bind="visible: '' !== zip()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_ZIP'}"></div> <div class="item-after" data-bind="text: zip"></div> </div> </div> </li> <li data-bind="visible: '' !== phone()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_PHONE'}"></div> <div class="item-after" data-bind="text: phone"></div> </div> </div> </li> <li data-bind="visible: '' !== fax()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_FAX'}"></div> <div class="item-after" data-bind="text: fax"></div> </div> </div> </li> <li data-bind="visible: '' !== web()"> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/LABEL_WEB'}"></div> <div class="item-after" data-bind="text: web"></div> </div> </div> </li> </ul> </div> <span class="button" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/ACTION_SEE_EMAILS_WITH_GROUP'}, click: function() { $root.viewAllMails(); }, visible: $root.bAllowSearchMessagesInInbox && $root.selectedGroupEmails().length > 0" ></span> </div> </script><script id="ContactsMobileWebclient_GroupsView" type="text/html"><div class="list-block"> <ul> <li data-bind="visible: showAllContacts, css: {'selected': 'all' === selectedStorage()}, click: $parent.gotoContactList"> <div class="item-content" data-bind="click: function () { changeGroupType('all'); }"> <div class="item-media aurora-icons"> <i class="icon"></i> </div> <div class="item-inner"> <div class="item-title" data-bind="text: getStorageDisplayName('all')"></div> </div> </div> </li> <li data-bind="visible: showPersonalContacts, css: {'selected': 'personal' === selectedStorage()}, click: $parent.gotoContactList"> <div class="item-content" data-bind="click: function () { changeGroupType('personal'); }"> <div class="item-media aurora-icons type1"> <i class="icon"></i> </div> <div class="item-inner"> <div class="item-title" data-bind="text: getStorageDisplayName('personal')"></div> </div> </div> </li> <li data-bind="visible: showSharedToAllContacts, css: {'selected': 'shared' === selectedStorage()}, click: $parent.gotoContactList"> <div class="item-content" data-bind="click: function () { changeGroupType('shared'); }"> <div class="item-media aurora-icons type3"> <i class="icon"></i> </div> <div class="item-inner"> <div class="item-title" data-bind="text: getStorageDisplayName('shared')"></div> </div> </div> </li> <li data-bind="visible: showTeamContacts, css: {'selected': isTeamStorageSelected}, click: $parent.gotoContactList"> <div class="item-content" data-bind="click: function () { changeGroupType('team'); }"> <div class="item-media aurora-icons type2"> <i class="icon"></i> </div> <div class="item-inner"> <div class="item-title" data-bind="text: getStorageDisplayName('team')"></div> </div> </div> </li> </ul> </div> <div class="content-block-title" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/HEADING_GROUPS'}, visible: showPersonalContacts() && 0 < groupFullCollection().length"></div> <div class="list-block" data-bind="visible: showPersonalContacts() && 0 < groupFullCollection().length"> <ul data-bind="foreach: groupFullCollection"> <li data-bind="css: {'selected': selected}"> <div class="item-content" data-bind="click: function () { $root.onViewGroupClick($data); }"> <div class="item-media aurora-icons type4"> <i class="icon"></i> </div> <div class="item-inner"> <div class="item-title" data-bind="text: Name()"></div> </div> </div> </li> </ul> </div> </script><script id="ContactsMobileWebclient_ToolbarContactView" type="text/html"><a href="javascript:void(0)" class="link icon-only aurora-icons send_files" data-bind="visible: allowSendThisContact () && $root.bAllowComposeMessageToAddresses && hasEmails(), click: sendThisContact"> <i class="icon"></i> </a> <a href="javascript:void(0)" class="link icon-only aurora-icons new_message" data-bind="makeLinkComposeMailTo: getFullEmail()" style="display: none;"> <i class="icon"></i> </a> <a href="javascript:void(0)" class="link icon-only aurora-icons edit" data-bind="visible: !readOnly(), click: function () { edited(true); }, i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/ACTION_EDIT_CONTACT'}"> <i class="icon"></i> </a></script><script id="ContactsMobileWebclient_ToolbarContactsView" type="text/html"><a class="link icon-only aurora-icons new_message" data-bind="visible: bAllowComposeMessageToAddresses, command: composeMessageCommand"> <i class="icon"></i> <!--<span class="text" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/ACTION_NEW_MESSAGE'}"></span>--> </a> <!--<a class="link icon-only aurora-icons add_to" data-bind="visible: showPersonalContacts, dropdown: {control: false}, command: addContactsCommand"> <i class="icon"></i> <!-<span class="text" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/ACTION_ADD_CONTACT_TO'}"></span>-> <!-<span class="icon arrow"></span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content" data-bind="customScrollbar: {x: false}"> <span class="scroll-inner"> ko foreach: $root.groupFullCollection() <span class="item" data-bind="text: Name()"></span> /ko <span class="item new-group" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/ACTION_NEW_GROUP_DROPDOWN'}"></span> </span> </span> </span> </span> </a>--> <a class="link icon-only aurora-icons delete" data-bind="visible: (showPersonalContacts() && selectedStorage() === 'personal' || showSharedToAllContacts() && selectedStorage() === 'shared'),  command: deleteCommand" id="selenium_contacts_delete_button"> <i class="icon"></i> <!--<span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_DELETE'}"></span>--> </a> <a class="link icon-only aurora-icons remove_from" data-bind="visible: showPersonalContacts() && selectedStorage() === 'group', command: removeFromGroupCommand"> <i class="icon"></i> <!--<span class="text" data-bind="i18n: {'key': 'CONTACTSMOBILEWEBCLIENT/ACTION_REMOVE_FROM_GROUP'}"></span>--> </a> </script><script id="StandardLoginFormWebclient_LoginView" type="text/html"><div class="screen LoginLayout" style="display: none;" data-bind="css: {'with_bottom_text': sBottomInfoHtmlText !== ''}"> <div class="login_panel login"> <div class="login_panel_content" style="backface-visibility: inherit;"> <div class="header" data-bind="css: {'custom_logo': sCustomLogoUrl}"> <!-- ko if: sCustomLogoUrl === '' --><span class="icon"></span><!-- /ko --> <!-- ko if: sCustomLogoUrl !== '' --><img data-bind="attr: {'src': sCustomLogoUrl}"/><!-- /ko --> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/HEADING_LOGIN'}"></span> </div> <div class="content login clearfix"> <form class="form fields" action="#" autocomplete="on" onsubmit="return false;" data-bind="command: loginCommand"> <div class="fieldset"> <div class="row login" data-bind="css: {'focused': loginFocus(), 'filled': login().length > 0, shake: shake()}"> <label for="login_login" class="placeholder"></label> <span class="value"> <input id="login_login" tabindex="1" class="input" name="login" type="text" spellcheck="false"    data-bind="value: login, hasfocus: loginFocus, valueUpdate: 'afterkeydown',  i18n: {'key': 'COREWEBCLIENT/LABEL_LOGIN', 'type': 'placeholder'}, initDom: loginDom" /> </span> </div> <div class="row password" data-bind="css: {'focused': passwordFocus(), 'filled': password().length > 0, shake: shake()}"> <label for="login_password" class="placeholder"></label> <span class="value"> <input id="login_password" tabindex="3" class="input" name="password" type="password" spellcheck="false"    data-bind="value: password, hasfocus: passwordFocus, valueUpdate: 'afterkeydown',  i18n: {'key': 'COREWEBCLIENT/LABEL_PASSWORD', 'type': 'placeholder'}, initDom: passwordDom" /> </span> </div> </div> <!-- ko foreach: beforeButtonsControllers --> <!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko --> <!-- /ko --> <div class="row buttons"> <button type="submit" tabindex="5" class="button login" data-bind="text: signInButtonText, command: loginCommand"></button> </div> <div class="row signme" data-bind="visible: bUseSignMe"> <span> <label class="custom_checkbox" data-bind="css: {'checked': signMe, 'focus': signMeFocused}"> <span class="icon"></span> <input id="signme" tabindex="4" type="checkbox" data-bind="checked: signMe, hasfocus: signMeFocused" /> </label> <label class="signme_label" for="signme" data-bind="i18n: {'key': 'STANDARDLOGINFORMWEBCLIENT/LABEL_REMEMBER_ME'}"></label> </span> </div> <div class="content social" data-bind="if: typeof oauthServices !== 'undefined' && oauthServices().length > 0"> <div class="info" data-bind="i18n: {'key': 'OAUTHINTEGRATORWEBCLIENT/LABEL_SIGN_BUTTONS'}"></div> <!-- ko foreach: oauthServices --> <div class="button" data-bind="css: $data, click: function () {$parent.externalAuthClick($data);}"> <span class="border"></span> <span class="text"> <span data-bind="i18n: {'key': $root.ViewConstructorName === 'CRegisterView' ? 'OAUTHINTEGRATORWEBCLIENT/LABEL_SIGN_UP' : 'OAUTHINTEGRATORWEBCLIENT/LABEL_SIGN_IN'}"></span> <span data-bind="text: ' ' + $data[0].toUpperCase() + $data.substring(1)"></span> </span> </div> <!-- /ko --> </div> </form> <div class="clear"></div> </div> <!----> <div class="description" data-bind="visible: sInfoText !== '', html: sInfoText"></div> <!----> <div class="clear"></div> <div class="languages demo" data-bind="visible: bAllowChangeLanguage && !bUseDropdownLanguagesView"> <div class="langs_heading" data-bind="text: headingSelectLanguage"></div> <div data-bind="foreach: aLanguages"> <span class="item" data-bind="css: value + ($parent.currentLanguage() === value ? ' selected' : ''), click: function () { $parent.changeLanguage(value); }"> <span class="item_content"> <span class="icon"></span> <span class="text" data-bind="text: name"></span> </span> </span> </div> </div> </div> <div class="languages" data-bind="visible: bAllowChangeLanguage && bUseDropdownLanguagesView"> <span class="custom_selector right" data-bind="dropdown: {'control': false}"> <span class="name" data-bind="css: currentLanguage"> <span class="icon"></span> <span class="text" data-bind="text: currentLanguage"></span> </span> <span class="control"> <span class="icon"></span> </span> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content" data-bind="foreach: aLanguages"> <span class="item" data-bind="css: value + ($parent.currentLanguage() === value ? ' selected' : ''), click: function () { $parent.changeLanguage(value); }"> <span class="icon"></span> <span class="text" data-bind="text: name"></span> </span> </span> </span> </span> </span> </div> </div> <div class="vhelper"></div> <div class="bottom_description" data-bind="visible: sBottomInfoHtmlText !== '', html: sBottomInfoHtmlText"></div> <!----> </div> </script><script id="FilesCutCopyPasteWebclientPlugin_ButtonsView" type="text/html"><span class="item cut" data-bind="command: cutCommand, customTooltip: 'FILESCUTCOPYPASTEWEBCLIENTPLUGIN/ACTION_CUT'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'FILESCUTCOPYPASTEWEBCLIENTPLUGIN/ACTION_CUT'}"></span> </span> <span class="item copy" data-bind="command: copyCommand, customTooltip: 'FILESCUTCOPYPASTEWEBCLIENTPLUGIN/ACTION_COPY'"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'FILESCUTCOPYPASTEWEBCLIENTPLUGIN/ACTION_COPY'}"></span> </span> <span class="item paste" data-bind="command: pasteCommand, customTooltip: pasteTooltip"> <span class="icon"></span> <span class="hint" data-bind="text: savedItemsCount, visible: savedItemsCount() > 0"></span> <span class="text" data-bind="i18n: {'key': 'FILESCUTCOPYPASTEWEBCLIENTPLUGIN/ACTION_PASTE'}"></span> </span> </script><script id="LogsViewerWebclient_AdminSettingsView" type="text/html"><div class="panel_top"> <h2 class="settings_heading"></h2> </div> <div class="panel_center"> <div class="fields"> <div class="fieldset"> <div class="row"> <span class="value" style="float: left;"> <label class="custom_checkbox" data-bind="css: {'checked': enableLogging}"> <span class="icon"></span> <input type="checkbox" id="enableLogging" data-bind="checked: enableLogging" /> </label> <label for="enableLogging" data-bind="i18n: {'key': 'LOGSVIEWERWEBCLIENT/LABEL_LOGGING_ENABLE'}"></label> </span> </div> <div class="row"> <span class="value" data-bind="i18n: {'key': 'LOGSVIEWERWEBCLIENT/LABEL_LOGGING_VERBOSITY'}" style="float: left; line-height: 32px; margin-right: 10px;"></span> <span class="value" style="float: left;"> <select class="input" data-bind="value: loggingLevel, options: aLevelOptions, optionsText: 'text', optionsValue: 'value'"></select> </span> </div> <div class="row buttons" style="margin-bottom: 30px;"> <span class="button" data-bind="text: downloadLogText, click: function () { downloadLog(false); }" style="float: left;"></span> <span class="button" data-bind="text: viewLogText, click: function () { viewLog(false); }" style="float: left; margin-left: 10px;"></span> <span class="button" data-bind="i18n: {'key': 'LOGSVIEWERWEBCLIENT/BUTTON_LOGGING_CLEAR'}, click: function () { clearLog(false); }" style="float: left; margin-left: 10px;"></span> </div> <div class="row"> <span class="value"> <label class="custom_checkbox" data-bind="css: {'checked': enableEventLogging}"> <span class="icon"></span> <input type="checkbox" id="enableEventLogging" data-bind="checked: enableEventLogging" /> </label> <label for="enableEventLogging" data-bind="i18n: {'key': 'LOGSVIEWERWEBCLIENT/LABEL_LOGGING_ENABLE_EVENTS'}"></label> </span> </div> <div class="row buttons" style="margin-bottom: 30px;"> <span class="button" data-bind="text: downloadEventsLogText, click: function () { downloadLog(true); }" style="float: left;"></span> <span class="button" data-bind="text: viewEventsLogText, click: function () { viewLog(true); }" style="float: left; margin-left: 10px;"></span> <span class="button" data-bind="i18n: {'key': 'LOGSVIEWERWEBCLIENT/BUTTON_LOGGING_CLEAR'}, click: function () { clearLog(true); }" style="float: left; margin-left: 10px;"></span> </div> <div class="row" data-bind="visible: usersWithSeparateLog().length > 0"> <span class="value"> <span data-bind="i18n: {'key': 'LOGSVIEWERWEBCLIENT/LABEL_LOGGING_USERS_WITH_SEPARATE_LOG'}"></span> <!-- ko foreach: usersWithSeparateLog --> <span class="link" data-bind="text: $data, customTooltip: 'LOGSVIEWERWEBCLIENT/INFO_LOGGING_CLICK_TO_DOWNLOAD',  click: function () { $parent.downloadLog(false, $data); }"></span><span data-bind="visible: $index() < $parent.usersWithSeparateLog().length - 1">, </span> <!-- /ko --> </span> </div> <div class="row buttons" data-bind="visible: usersWithSeparateLog().length > 0"> <span class="button" data-bind="i18n: {'key': 'LOGSVIEWERWEBCLIENT/BUTTON_LOGGING_TURN_OFF_SEPARATE_LOGS'}, click: turnOffSeparateLogs" style="float: left;"></span> <span class="button" data-bind="i18n: {'key': 'LOGSVIEWERWEBCLIENT/BUTTON_LOGGING_CLEAR_SEPARATE_LOGS'}, click: clearSeparateLogs" style="float: left; margin-left: 10px;"></span> </div> </div> <div class="buttons"> <span class="button" data-bind="click: save, visible: !isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </span> <span class="button" data-bind="visible: isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}"></span> </span> </div> </div> </div> </script><script id="OutlookSyncWebclient_OutlookSyncSettingsPaneView" type="text/html"><div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'OUTLOOKSYNCWEBCLIENT/HEADING_SETTINGS_TAB'}"></h2> </div> <div class="panel_center"> <div class="fields"> <!-- ko template: {name: oCreateLoginPasswordView.ViewTemplate, data: oCreateLoginPasswordView} --><!-- /ko --> <div class="fieldset"> <div class="hint" data-bind="i18n: {'key': 'OUTLOOKSYNCWEBCLIENT/INFO_SYNC_PLUGIN'}"></div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'OUTLOOKSYNCWEBCLIENT/LABEL_DAV_SERVER'}"></span> <span class="value" data-bind="text: server"></span> </div> <div class="hint" data-bind="html: credentialsHintText"></div> <div class="hint" data-bind="i18n: {'key': 'COREWEBCLIENT/INFO_DEMO_MOBILE_CREDENTIALS_HTML', 'type': 'html'}, visible: bDemo"></div> <br /> <br /> <div class="hint" data-bind="visible: sPluginDownloadLink"> <span data-bind="i18n: {'key': 'OUTLOOKSYNCWEBCLIENT/INFO_PLUGIN_SUPPORTS'}"></span> <a class="link" href="#" target="_blank" data-bind="i18n: {'key': 'OUTLOOKSYNCWEBCLIENT/ACTION_DOWNLOAD_PLUGIN'}, attr: {href: sPluginDownloadLink}"></a> </div> <br /> <div class="hint" data-bind="visible: sPluginReadMoreLink"> <span data-bind="i18n: {'key': 'OUTLOOKSYNCWEBCLIENT/INFO_PLUGIN_VERSION'}"></span> <a class="link" href="#" target="_blank" data-bind="i18n: {'key': 'OUTLOOKSYNCWEBCLIENT/ACTION_READ_MORE_PLUGIN'}, attr: {href: sPluginReadMoreLink}"></a> </div> </div> </div> </div> </script><script id="OpenPgpWebclient_ComposeButtonsMobileView" type="text/html"><div class="item pgp" data-bind="command: openPgpCommand, visible: visibleDoPgpButton" style="white-space: nowrap;"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/ACTION_SIGN_ENCRYPT'}"></span> </div> <div class="item pgp" data-bind="click: undoPgp, visible: visibleUndoPgpButton" style="white-space: nowrap;"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/ACTION_UNDO_PGP'}"></span> </div> </script><script id="OpenPgpWebclient_ComposeButtonsView" type="text/html"><span class="item pgp" data-bind="command: openPgpCommand, visible: visibleDoPgpButton"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/ACTION_SIGN_ENCRYPT'}"></span> </span> <span class="item pgp" data-bind="click: undoPgp, visible: visibleUndoPgpButton"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/ACTION_UNDO_PGP'}"></span> </span> </script><script id="OpenPgpWebclient_EncryptPopup" type="text/html"><div class="popup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/HEADING_SIGN_ENCRYPT'}"></span> <div class="fields"> <div class="row"> <div style="white-space: nowrap;"> <label data-bind="css: {'checked': needToSign}" class="custom_checkbox checked"> <span class="icon"></span> <input type="checkbox" data-bind="checked: needToSign" id="openpgp-sign" /> </label> <label data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/LABEL_SIGN'}" for="openpgp-sign"></label> </div> </div> <div class="row"> <div> <label data-bind="css: {'checked': needToEncrypt}" class="custom_checkbox checked"> <span class="icon"></span> <input type="checkbox" data-bind="checked: needToEncrypt" id="openpgp-encrypt" /> </label> <label data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/LABEL_ENCRYPT'}" for="openpgp-encrypt"></label> </div> </div> <div class="buttons"> <span class="button" data-bind="text: signEncryptButtonText, command: signEncryptCommand, visible: isEnableSignEncrypt"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="OpenPgpWebclient_GenerateKeyPopup" type="text/html"><div class="popup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/HEADING_GENERATE_NEW_KEY'}"></span> <div class="fields"> <div class="row" data-bind="visible: emails().length > 0"> <span class="label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_EMAIL'}"></span> <select class="input" data-bind="options: emails, value: selectedEmail"></select> </div> <div class="row" data-bind="visible: emails().length > 0"> <span class="label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_PASSWORD'}"></span> <input autocomplete="new-password" type="password" class="value input" data-bind="value: password" /> </div> <div class="row" data-bind="visible: emails().length > 0"> <span class="label" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/LABEL_KEY_LENGTH'}"></span> <select class="value input" data-bind="value: selectedKeyLength, options: keyLengthOptions"></select> </div> <div class="row" data-bind="visible: emails().length === 0"> <span class="value" data-bind="text: keysExistText"></span> </div> <div class="buttons"> <span class="button" data-bind="visible: !process(), i18n: {'key': 'OPENPGPWEBCLIENT/ACTION_GENERATE'}, click: generate, css: {'disabled': emails().length === 0}"></span> <span class="button" data-bind="visible: process, i18n: {'key': 'OPENPGPWEBCLIENT/ACTION_GENERATE_IN_PROGRESS'}"></span> <span class="button secondary_button" data-bind="visible: !process(), i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="OpenPgpWebclient_ImportKeyPopup" type="text/html"><div class="popup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/HEADING_IMPORT_KEY'}"></span> <div class="fields"> <div class="row" data-bind="visible: !keysChecked()"> <textarea class="input import_pgp_key_area"   data-bind="value: keyArmor, hasfocus: keyArmorFocused" ></textarea> </div> <div class="row import_pgp_key_area"  data-bind="visible: keysChecked, customScrollbar: {x: false}" > <div class="scroll-inner"> <!-- ko if: !shouldAddToPersonalContact() --> <!-- ko template: 'OpenPgpWebclient_ImportKeyPopup_StandardView' --><!-- /ko --> <!-- /ko --> <!-- ko if: shouldAddToPersonalContact --> <!-- ko template: 'OpenPgpWebclient_ImportKeyPopup_ToContactsView' --><!-- /ko --> <!-- /ko --> </div> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/ACTION_CHECK'},   click: checkArmor, visible: !keysChecked()" ></span> <span class="button" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/ACTION_IMPORT_KEYS'},   click: importKey, visible: visibleImportKeysButton" ></span> <span class="button secondary_button"   data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup" ></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="OpenPgpWebclient_MessageControlsView" type="text/html"><div class="notice" data-bind="visible: !visibleDecryptControl() && isEncryptedMessage()"> <span data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/INFO_ENCRYPTED_MESSAGE_NO_PRIVATE_KEY'}"></span> </div> <div class="notice" data-bind="visible: visibleDecryptControl"> <span data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/INFO_ENCRYPTED_MESSAGE'}"></span> <span class="link" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/ACTION_DECRYPT'}, click: decryptMessage"></span> </div> <div class="notice" data-bind="visible: visibleVerifyControl"> <span data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/INFO_SIGNED_MESSAGE'}"></span> <span class="link" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/ACTION_VERIFY'}, click: verifyMessage"></span> </div> </script><script id="OpenPgpWebclient_OpenPgpSettingsFormView" type="text/html"><div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/HEADING_SETTINGS_TAB'}"></h2> </div> <div class="panel_center"> <div class="fields"> <div class="fieldset"> <div class="row" data-bind="visible: isMailAvailable"> <span class="value"> <label class="custom_checkbox" data-bind="css: {'checked': enableOpenPgpInMail}"> <span class="icon"></span> <input type="checkbox" id="enableOpenPgpInMail" data-bind="checked: enableOpenPgpInMail" /> </label> <label for="enableOpenPgpInMail" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/LABEL_ENABLE_OPENPGP'}"></label> </span> </div> <div class="row" data-bind="visible: isMailAvailable"> <span class="value hint" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/INFO_ALLOW_AUTOSAVE'}"></span> </div> <div class="row"> <span class="value"> <label class="custom_checkbox" data-bind="css: {'checked': rememberPassphrase}"> <span class="icon"></span> <input type="checkbox" id="rememberPassphrase" data-bind="checked: rememberPassphrase" /> </label> <label for="rememberPassphrase" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/LABEL_REMEMBER_PASSPHRASE'}"></label> </span> </div> <div class="row"> <span class="value hint" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/INFO_REMEMBER_PASSPHRASE'}"></span> </div> </div> <div class="buttons"> <span class="button" data-bind="click: save, visible: !isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </span> <span class="button" data-bind="visible: isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}"></span> </span> </div> <!-- ko template: 'OpenPgpWebclient_OpenPgpSettingsForm_KeysFromThisDeviceView' --><!-- /ko --> <!-- ko template: 'OpenPgpWebclient_OpenPgpSettingsForm_PublicKeysFromPersonalContactsView' --><!-- /ko --> <div class="buttons"> <span data-bind="click: exportAllPublicKeys" class="button"> <span data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/ACTION_EXPORT_ALL_PUBLIC_KEYS'}"></span> </span> <span data-bind="click: importKey" class="button"> <span data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/ACTION_IMPORT_KEY'}"></span> </span> <span data-bind="click: generateNewKey" class="button"> <span data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/ACTION_GENERATE_NEW_KEY'}"></span> </span> </div> </div> </div> </script><script id="OpenPgpWebclient_PGPKeyPasswordPopup" type="text/html"><div class="popup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/HEADING_VERIFY_PASSWORD'}"></span> <div class="fields"> <div class="fieldset"> <div class="row"> <span class="value hint" data-bind="text: sHintText"></span> </div> <div class="row"> <span class="label pgp_password" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/LABEL_KEY_PASSWORD'}"></span> <input class="value input" autocomplete="new-password" type="password" spellcheck="false" maxlength="255"     data-bind="value: keyPassword, initDom: keyPasswordDom, hasfocus: keyPasswordFocused, valueUpdate: 'afterkeydown', onEnter: enterPassword" /> </div> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_OK'}, click: enterPassword"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="OpenPgpWebclient_PgpKeyControlsView" type="text/html"><span class="pgp_key_controls"> <span class="button view"   data-bind="customTooltip: 'OPENPGPWEBCLIENT/ACTION_VIEW_KEY',   click: function () { showArmor($parent.publicPgpKey(), $parent.email(), $parent.uuid()); }" ></span> <span class="button delete"   data-bind="customTooltip: 'OPENPGPWEBCLIENT/ACTION_DELETE_KEY',   visible: $parent.edited,   click: function () { removeKeyFromContacts($parent.publicPgpKey(), $parent.email(), $parent.uuid()); }" ></span> </span> </script><script id="OpenPgpWebclient_SendKeyPopup" type="text/html"><div class="popup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/HEADING_SEND_KEY'}"></span> <div class="fields"> <div class="row" style="margin-bottom: 16px;"> <span class="value hint" data-bind="text: sSendKeyText"></span> </div> <div class="buttons"> <span class="button button-raised" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SEND'}, click: sendKey"></span> <span class="button button-raised secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="OpenPgpWebclient_ShowKeyArmorPopup" type="text/html"><!-- This template is used by 2 JS view models --> <div class="popup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="text: popupHeading"></span> <div class="fields"> <div class="row view_pgp_key_area" data-bind="customScrollbar: {x: false, 'reset': htmlArmor()}"> <div class="scroll-inner"> <pre data-bind="text: htmlArmor, initDom: domKey"></pre> </div> </div> <div class="buttons"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SEND'}, click: send, visible: bAllowSendEmails"></span> <a class="button" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/ACTION_DOWNLOAD'}, attr: {'href': downloadLinkHref, 'download': downloadLinkFilename}, visible: downloadLinkHref() !== '#'"></a> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SELECT'}, click: select"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CLOSE'}, click: closePopup"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="OpenPgpWebclient_VerifyPasswordPopup" type="text/html"><div class="popup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/HEADING_VERIFY_PASSWORD'}"></span> <div class="fields"> <div class="row" style="margin-bottom: 16px;"> <span class="value hint" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/INFO_VERIFY_PASSWORD'}"></span> </div> <div class="row"> <span class="label pgp_password" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/LABEL_KEY_PASSWORD'}" style="width: auto;"></span> <input autocomplete="new-password" type="password" class="value input" data-bind="value: password" /> </div> <div class="buttons"> <span class="button button-raised" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/ACTION_VIEW'}, click: confirmPasswordAndView"></span> <span class="button button-raised secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup"></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="OpenPgpWebclient_ImportKeyPopup_StandardView" type="text/html"><div class="headline"  data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/INFO_TEXT_CONTAINS_NO_KEYS_TO_IMPORT'},  visible: keysOwn().length === 0 && keysPublicExternal().length === 0" ></div> <div class="headline"  data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/INFO_TEXT_CONTAINS_OWN_KEYS_FOR_IMPORT'},  visible: keysOwn().length > 0" ></div> <div data-bind="foreach: keysOwn"> <div class="key_item"> <label data-bind="css: {'checked': needToImport}" class="custom_checkbox checked"> <span class="icon"></span> <input type="checkbox" data-bind="checked: needToImport, attr: {'id': 'need_to_import_' + id}"> </label> <label data-bind="attr: {'for': 'need_to_import_' + id}"> <span class="key_email" data-bind="text: email"></span> <span data-bind="text: addInfo"></span> <span data-bind="text: '(external)', visible: isExternal"></span> </label> </div> </div> <div class="headline"  data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/INFO_TEXT_CONTAINS_EXTERNAL_KEYS_FOR_IMPORT'},  visible: keysPublicExternal().length > 0" ></div> <div data-bind="foreach: keysPublicExternal"> <div class="key_item"> <label data-bind="css: {'checked': needToImport}" class="custom_checkbox checked"> <span class="icon"></span> <input type="checkbox" data-bind="checked: needToImport, attr: {'id': 'need_to_import_' + id}"> </label> <label data-bind="attr: {'for': 'need_to_import_' + id}"> <span class="key_email" data-bind="text: email"></span> <span data-bind="text: addInfo"></span> <span data-bind="text: '(external)', visible: isExternal"></span> </label> </div> </div> <!-- The following keys will not be imported --> <div class="headline"  data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/INFO_TEXT_CONTAINS_KEYS_EXTERNAL_PRIVATE'},  visible: keysPrivateExternal().length > 0" ></div> <div data-bind="foreach: keysPrivateExternal"> <div class="key_item disabled"> <label> <span class="key_email" data-bind="text: email"></span> <span data-bind="text: addInfo"></span> <span data-bind="text: '(external)', visible: isExternal"></span> </label> </div> </div> <div class="headline"  data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/INFO_TEXT_CONTAINS_KEYS_ALREADY_IN_SYSTEM'},  visible: keysAlreadyThere().length > 0" ></div> <div data-bind="foreach: keysAlreadyThere"> <div class="key_item disabled"> <label> <span class="key_email" data-bind="text: email"></span> <span data-bind="text: addInfo"></span> <span data-bind="text: '(external)', visible: isExternal"></span> </label> </div> </div> <div class="headline"  data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/INFO_TEXT_CONTAINS_KEYS_WITH_NO_EMAIL'},  visible: keysBroken().length > 0" ></div> <div data-bind="foreach: keysBroken"> <div class="key_item disabled"> <label style="color: red;"> <span class="key_email" data-bind="text: email"></span> <span data-bind="text: addInfo"></span> <span data-bind="text: '(external)', visible: isExternal"></span> </label> </div> </div> </script><script id="OpenPgpWebclient_ImportKeyPopup_ToContactsView" type="text/html"><div class="headline"  data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/INFO_TEXT_CONTAINS_PUBLIC_KEYS_WITH_EMAIL'},  visible: keysForContact().length > 0" ></div> <div data-bind="foreach: keysForContact"> <div class="key_item"> <label class="custom_radio"    data-bind="css: {'checked': $parent.selectedKeyForContact() === id},    style: { visibility: $parent.keysForContact().length === 1 ? 'hidden' : '' }" > <span class="icon"></span> <input type="radio" data-bind="checked: $parent.selectedKeyForContact,    attr: {'value': id, 'id': `key_for_contact_${id}`}" name="key_for_contact" /> </label> <label data-bind="attr: {'for': `key_for_contact_${id}`}"> <span class="key_email" data-bind="text: email"></span> <span data-bind="text: addInfo"></span> <span data-bind="text: '(external)', visible: isExternal"></span> </label> </div> </div> <div class="headline"  data-bind="text: disabledForContactHeading, visible: keysNotForContact().length > 0" ></div> <div data-bind="foreach: keysNotForContact"> <div class="key_item disabled"> <label> <span class="key_email" data-bind="text: email"></span> <span data-bind="text: addInfo"></span> <span data-bind="text: '(external)', visible: isExternal"></span> </label> </div> </div> <!-- The following keys will not be imported --> <div class="headline"  data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/INFO_TEXT_CONTAINS_KEYS_WITH_NO_EMAIL'},  visible: keysBroken().length > 0" ></div> <div data-bind="foreach: keysBroken"> <div class="key_item disabled"> <label style="color: red;"> <span class="key_email" data-bind="text: email"></span> <span data-bind="text: addInfo"></span> <span data-bind="text: '(external)', visible: isExternal"></span> </label> </div> </div> </script><script id="OpenPgpWebclient_OpenPgpSettingsForm_KeysFromThisDeviceView" type="text/html"><div class="fieldset"> <div class="row"> <b class="value"    data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/LABEL_KEYS_FROM_THIS_DEVICE'}" ></b> </div> <div class="row" data-bind="{visible: bTeamContactsAvailable}"> <span class="value hint"    data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/LABEL_YOUR_KEYS_HINT'}" ></span> </div> <div class="row keys_label"> <span class="label" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/LABEL_PUBLIC_KEYS'}"></span> <span class="value" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/INFO_EMPTY_PUBLIC_KEYS'},   visible: publicKeysFromThisDevice().length === 0" ></span> </div> <div class="row folders items_list" data-bind="foreach: publicKeysFromThisDevice"> <div class="item"> <span class="title"> <span class="controls"> <span class="button subscribe subscribed"   data-bind="customTooltip: 'OPENPGPWEBCLIENT/ACTION_VIEW_KEY',   click: function () { $parent.showArmor(key); }" ></span> <span class="button delete"   data-bind="customTooltip: 'OPENPGPWEBCLIENT/ACTION_DELETE_KEY',   click: function () { $parent.removeKeyFromThisDevice(key); }" ></span> </span> <span class="name"> <span class="text" data-bind="text: user"></span> </span> <span class="buttons" style="margin-left: 6px;" data-bind="visible: isOwn"> <span class="button contour_button"   data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/ACTION_SAVE_KEY_TO_MY_TEAM_CONTACT'},   visible: !hasOwnKeyFromTeamContacts,   click: function () { $parent.saveOwnKeyToTeamContact(key); }" ></span> <span class="button contour_button"   data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/ACTION_UPDATE_KEY_IN_MY_TEAM_CONTACT'},   visible: hasOwnKeyFromTeamContacts && !isSameKeyFromTeamContacts,   click: function () { $parent.saveOwnKeyToTeamContact(key); }" ></span> <span class="hint"   data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/INFO_OWN_KEY_IS_ALREADY_IN_TEAM_CONTACT'},   visible: hasOwnKeyFromTeamContacts && isSameKeyFromTeamContacts" ></span> </span> </span> </div> </div> <div class="row keys_label"> <span class="label" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/LABEL_PRIVATE_KEYS'}"></span> <span class="value" data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/INFO_EMPTY_PRIVATE_KEYS'},   visible: privateKeysFromThisDevice().length === 0" ></span> </div> <div class="row folders items_list" data-bind="foreach: privateKeysFromThisDevice"> <div class="item"> <span class="title"> <span class="controls"> <span class="button subscribe subscribed"   data-bind="customTooltip: 'OPENPGPWEBCLIENT/ACTION_VIEW_KEY',   click: function () { $parent.showArmor(key); }" ></span> <span class="button delete"   data-bind="customTooltip: 'OPENPGPWEBCLIENT/ACTION_DELETE_KEY',   click: function () { $parent.removeKeyFromThisDevice(key); }" ></span> </span> <span class="name"> <span class="text" data-bind="text: user"></span> </span> </span> </div> </div> </div> </script><script id="OpenPgpWebclient_OpenPgpSettingsForm_PublicKeysFromPersonalContactsView" type="text/html"><div class="fieldset"> <div class="row"> <b class="value"    data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/LABEL_PUBLIC_KEYS_FROM_PERSONAL_CONTACTS'}" ></b> </div> <div class="row keys_label" data-bind="visible: keysFromPersonalContacts().length === 0"> <span class="value"   data-bind="i18n: {'key': 'OPENPGPWEBCLIENT/INFO_NO_PUBLIC_KEYS_FROM_PERSONAL_CONTACTS'}" ></span> </div> <div class="row folders items_list" data-bind="foreach: keysFromPersonalContacts"> <div class="item"> <span class="title"> <span class="controls"> <span class="button subscribe subscribed"   data-bind="customTooltip: 'OPENPGPWEBCLIENT/ACTION_VIEW_KEY',   click: function () { $parent.showArmor(key); }" ></span> <span class="button delete"   data-bind="customTooltip: 'OPENPGPWEBCLIENT/ACTION_DELETE_KEY',   click: function () { $parent.removeKeyFromContacts(key); }" ></span> </span> <span class="name"> <span class="text" data-bind="text: user"></span> </span> </span> </div> </div> </div> </script><script id="Google_AdminSettingsView" type="text/html"><div class="middle_bar"> <div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'GOOGLE/HEADING_SETTINGS'}"></h2> </div> <div class="panel_center"> <div class="fields"> <div class="fieldset"> <div class="row"> <span class="value" style="float: left;"> <label class="custom_checkbox" data-bind="css: {'checked': enable}"> <span class="icon"></span> <input type="checkbox" id="enableGoogle" data-bind="checked: enable" /> </label> <label for="enableGoogle" data-bind="i18n: {'key': 'GOOGLE/ENABLE_MODULE'}"></label> </span> </div> <div class="row"> <span class="label required" data-bind="i18n: {'key': 'GOOGLE/LABEL_APP_ID'}"></span> <span class="value"> <input class="input" type="text" data-bind="value: id, valueUpdate: 'afterkeydown', onEnter: save" /> </span> </div> <div class="row"> <span class="label required" data-bind="i18n: {'key': 'GOOGLE/LABEL_APP_SECRET'}"></span> <span class="value"> <input class="input" type="text" data-bind="value: secret, valueUpdate: 'afterkeydown', onEnter: save" /> </span> </div> <div class="row"> <span class="label required" data-bind="i18n: {'key': 'GOOGLE/LABEL_API_KEY'}"></span> <span class="value"> <input class="input" type="text" data-bind="value: key, valueUpdate: 'afterkeydown', onEnter: save" /> </span> </div> <div class="hint row"> <span class="value" data-bind="i18n: {'key': 'GOOGLE/INFO_SETTINGS'}"></span> </div> <div class="row"></div> <div data-bind="foreach: scopes"> <div class="row"> <span class="value"> <label class="custom_checkbox" data-bind="css: {'checked': Value}"> <span class="value" style="float: left;"> <span class="icon"></span> <input type="checkbox" data-bind="checked: Value, attr: { id: Name}" /> </span> </label> <label data-bind="text: $data.Description, attr: {for: Name}"></label> </span> </div> </div> </div> <div class="buttons"> <span class="button" data-bind="click: save, visible: !isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </span> <span class="button" data-bind="visible: isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}"></span> </span> </div> </div> </div> </div> </script><script id="Google_GoogleSettingsFormView" type="text/html"><div class="middle_bar"> <div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'GOOGLE/LABEL_SETTINGS_TAB'}"></h2> </div> <div class="panel_center"> <div class="fields"> <div class="fieldset"> <div class="hint row"> <span class="value" data-bind="i18n: {'key': 'GOOGLE/INFO_CONNECTED'}, visible: connected"></span> <span class="value" data-bind="i18n: {'key': 'GOOGLE/INFO_NOT_CONNECTED'}, visible: !connected()"></span> </div> <div data-bind="foreach: scopes"> <div class="row"> <span class="value"> <label class="custom_checkbox" data-bind="css: {'checked': Value}"> <span class="value" style="float: left;"> <span class="icon"></span> <input type="checkbox" data-bind="checked: Value, attr: { id: Name}" /> </span> </label> <label data-bind="text: $data.Description, attr: {for: Name}"></label> </span> </div> </div> </div> <div class="buttons" style="text-align: left;"> <span class="button" data-bind="click: checkAndConnect"> <span data-bind="i18n: {'key': 'GOOGLE/BUTTON_APPLY'}"></span> </span> <span class="button" data-bind="click: function () { checkAndDisconnect() }, visible: connected"> <span data-bind="i18n: {'key': 'GOOGLE/BUTTON_DISCONNECT'}"></span> </span> </div> </div> </div> </div> </script><script id="SharedFiles_ButtonsView" type="text/html"><span class="item share" data-bind="command: shareCommand, customTooltip: 'SHAREDFILES/ACTION_SHARE', visible: isShareVisible"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'SHAREDFILES/ACTION_SHARE'}"></span> </span> <span class="item leave-share" data-bind="command: leaveShareCommand, customTooltip: 'SHAREDFILES/ACTION_LEAVE_SHARE', visible: isShareVisible"> <span class="icon"></span> <span class="hint" data-bind="text: selectedSharedCount, visible: isLeaveShareAllowed"></span> <span class="text" data-bind="i18n: {'key': 'SHAREDFILES/ACTION_LEAVE_SHARE'}"></span> </span> </script><script id="SharedFiles_FilesSharePopup" type="text/html"><div class="popup" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel popup_panel_shares"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="i18n: {'key': 'SHAREDFILES/TITLE_SHARE_FILE'}"></span> <div class="fields"> <div class="fieldset"> <!-- ko if: hintText --> <div class="row"> <span class="hint" data-bind="text: hintText"></span> </div> <!-- /ko --> <div class="row row_new_share" data-bind="css: { 'filled': !!selectedTeammateEmail() }"> <input class="input" spellcheck="false" type="text" data-bind="valueUpdate: ['blur', 'afterkeydown'], initDom: selectedTeammateDom, value: selectedTeammateEmail, autocompleteSimple: {callback: autocompleteCallback.bind($data), dataAccessor: selectedTeammateData}" /> <span class="placeholder" data-bind="i18n: {'key': 'SHAREDFILES/LABEL_EMAIL_ADDRESS_OR_NAME'}"></span> <div class="new_share_access_select" data-bind="click: selectAccess, initDom: selectAccessDom"> <span class="dropdown dropdown_right"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content" data-bind="foreach: accessList"> <span class="item" data-bind="text: label,   click: function () { $parent.addNewShare(value); }"></span> </span> </span> </span> <span class="control"></span> </div> </div> <div class="row row_shares_list" data-bind="customScrollbar: {x: false}"> <div class="scroll-inner" data-bind="initDom: sharesScrollAreaDom"> <!-- ko if: shares().length === 0 --> <span class="hint" data-bind="i18n: {'key': 'SHAREDFILES/INFO_NO_SHARES'}"></span> <!-- /ko --> <!-- ko if: shares().length > 0 --> <div class="shares_list shares_list_bordered" data-bind="foreach: shares"> <div class="item item_share"> <span class="title" data-bind="text: publicId, css: { 'title_group': groupId }"></span> <span class="group" data-bind="visible: groupId,   css: {'all_users_group': isAllUsersGroup}" ></span> <span class="del" data-bind="   click: function () { $parent.deleteShare(publicId, groupId); },   style: { visibility: $parent.loadingFileShares() ? 'hidden' : '' }" ></span> <span class="access_select" data-bind="dropdown: {}"> <span class="dropdown_position_fixed"> <span class="dropdown"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content" data-bind="foreach: $parent.accessList"> <span class="item" data-bind="text: label,   css: {'selected': value === $parent.access()},   click: function () { $parent.access(value); }"></span> </span> </span> </span> </span> <span class="link control" data-bind="text: accessText"></span> </span> </div> </div> <!-- /ko --> </div> </div> </div> <div class="buttons"> <span class="button contour_button" data-bind="i18n: {'key': 'SHAREDFILES/ACTION_SHOW_HISTORY'}, click: showHistory, visible: bAllowShowHistory"></span> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: checkAndSaveShares, css: {'disabled': isSaving()}"></span> <span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup, css: {'disabled': isSaving()}" ></span> </div> </div> </div> <span class="helper"></span> </div> </script><script id="TenantAdminPanelWebclient_MainView" type="text/html"><div class="screen AdminPanelLayout" style="display: none;"> <iframe id="adminpanel_iframe" data-bind="attr: {'src': sFrameUrl}, initDom: iframeDom" frameborder="0"  style="overflow:hidden; height:100%; width:100%; display:block;"  height="100%"  width="100%"> </iframe> </div></script><script id="MobileSyncWebclient_DavAdminSettingsView" type="text/html"><div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'MOBILESYNCWEBCLIENT/HEADING_SETTINGS_TAB'}"></h2> </div> <div class="panel_center"> <div class="fields"> <div class="fieldset"> <div class="row"> <span class="label" data-bind="i18n: {'key': 'MOBILESYNCWEBCLIENT/LABEL_DAV_SERVER'}"></span> <span class="value"> <input class="input" type="text" data-bind="value: davServer, valueUpdate: 'afterkeydown', onEnter: save" /> </span> </div> </div> <div class="buttons"> <span class="button" data-bind="click: save, visible: !isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </span> <span class="button" data-bind="visible: isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}"></span> </span> </div> </div> </div> </script><script id="MobileSyncWebclient_MobileSyncSettingsPaneView" type="text/html"><div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'MOBILESYNCWEBCLIENT/HEADING_SETTINGS_TAB'}"></h2> </div> <div class="panel_center"> <div class="fields"> <!-- ko template: {name: oCreateLoginPasswordView.ViewTemplate, data: oCreateLoginPasswordView} --><!-- /ko --> <!-- ko if: oMailMobileSyncSettingsView --> <!-- ko template: {name: oMailMobileSyncSettingsView.ViewTemplate, data: oMailMobileSyncSettingsView} --><!-- /ko --> <!-- /ko --> <div class="fieldset" data-bind="visible: showSyncViaUrlSection"> <h2 class="subheading" data-bind="i18n: {'key': 'MOBILESYNCWEBCLIENT/HEADING_DAVSYNC'}"></h2> <div class="row"> <div class="hint" data-bind="text: sSyncViaUrlSectionInfo"></div> </div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'MOBILESYNCWEBCLIENT/LABEL_DAV_SERVER'}"></span> <span class="value" data-bind="text: davServer"></span> </div> <div class="row"> <div class="hint" data-bind="html: credentialsHintText"></div> <div class="hint" data-bind="i18n: {'key': 'COREWEBCLIENT/INFO_DEMO_MOBILE_CREDENTIALS_HTML', 'type': 'html'}, visible: bDemo"></div> </div> <div class="row" data-bind="visible: !bIosDevice"> <div class="hint" data-bind="text: sSyncViaUrlIOSDeviceSectionInfo"></div> </div> </div> <div class="fieldset ios_profile" data-bind="visible: bIosDevice"> <div class="row"> <span class="label"> </span> <span class="value"> <a class="link" href="./?Profile"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'MOBILESYNCWEBCLIENT/ACTION_GET_IOS_PROFILE'}"></span> </a> </span> </div> </div> <div class="fieldset" data-bind="visible: visibleDavViaUrls"> <h2 class="subheading" data-bind="i18n: {'key': 'MOBILESYNCWEBCLIENT/HEADING_DAVSYNC_URLS'}"></h2> <div class="hint" data-bind="i18n: {'key': 'MOBILESYNCWEBCLIENT/INFO_DAVSYNC_URLS'}"></div> <!-- ko template: {name: oContactsMobileSyncSettingsView.ViewTemplate, data: oContactsMobileSyncSettingsView} --><!-- /ko --> <!-- ko template: {name: oCalendarMobileSyncSettingsView.ViewTemplate, data: oCalendarMobileSyncSettingsView} --><!-- /ko --> <div class="hint" data-bind="html: credentialsHintText"></div> <div class="hint" data-bind="i18n: {'key': 'COREWEBCLIENT/INFO_DEMO_MOBILE_CREDENTIALS_HTML', 'type': 'html'}, visible: bDemo"></div> </div> <!-- ko template: {name: oFilesMobileSyncSettingsView.ViewTemplate, data: oFilesMobileSyncSettingsView} --><!-- /ko --> </div> </div> </script><script id="Tasks_EditTaskPopup" type="text/html"><div class="popup calendar_popup calendar_event" style="display: none;"> <div class="popup_panel"> <div class="panel_wrap clearfix"> <div class="main_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="dropdown: {'control': false}, style: {backgroundColor: calendarColor}, css: {'calendar_selector': calendarsList().length > 1 && selectedCalendarIsEditable()}"> <span class="current"> <span data-bind="text: selectedCalendarName, fade: {color: calendarColor}"></span> </span> <span class="dropdown" data-bind="visible: calendarsList().length > 1 && selectedCalendarIsEditable()"> <span class="dropdown_helper"> <span class="dropdown_arrow"><span></span></span> <span class="dropdown_content" data-bind="foreach: calendarsList()"> <span class="item" data-bind="visible: $parent.selectedCalendarId() !== id, text: name, style: { backgroundColor: color }, click: function () { $parent.selectedCalendarId(id); }"></span> </span> </span> </span> </span> <div class="fields"> <div class="fieldset main"> <div class="row name" data-bind="css: {'focused': subjectFocus(), 'filled': subject().length > 0}"> <label for="event_subject" class="label placeholder" data-bind="i18n: {'key': 'TASKS/LABEL_SUBJECT'}"></label> <div class="value scrollable_field" data-bind="customScrollbar: {x: false}"> <div class="scroll-inner"> <textarea id="event_subject" class="input autosize" data-bind=" autosize: {minHeight: 26, autosizeTrigger: autosizeTrigger, scrollableHeight: 150},  value: subject, valueUpdate: 'afterkeydown', hasfocus: subjectFocus"></textarea> </div> </div> </div> </div> <div class="buttons clearfix"> <span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: onSaveClick"></span> </div> </div> </div> </div> </div> <span class="helper"></span> </div> </script><script id="Tasks_MainView" type="text/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': 'TASKS/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': 'TASKS/INFO_NO_TASKS'}"></span> <span class="description" data-bind="i18n: {'key': 'TASKS/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': 'TASKS/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': 'TASKS/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> </script><script id="CoreWebclient_AlertPopup" type="text/html"><div class="alert popup" style="display: none;"> <div class="mask"></div> <span class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="visible: (popupHeading() !== ''), text: popupHeading"></span> <span class="text" data-bind="html: alertDesc"></span> <div class="buttons"> <span class="button success" data-bind="click: cancelPopup, text: okButtonText"></span> </div> </span> <span class="helper"></span> </div> </script><script id="CoreWebclient_CommonSettingsFormView" type="text/html"><div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'COREWEBCLIENT/HEADING_COMMON_SETTINGS'}"></h2> </div> <div class="panel_center"> <div class="fields"> <div class="fieldset"> <div class="row" data-bind="visible: aThemes.length > 1"> <span class="label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_THEME'}"></span> <select class="value input" data-bind="value: selectedTheme, options: aThemes"></select> </div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_LANGUAGE'}"></span> <select class="value input" data-bind="value: selectedLanguage, options: aLanguages, optionsText: 'name', optionsValue: 'value'"></select> </div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_REFRESH_EVERY'}"></span> <select class="value input" data-bind="value: autoRefreshInterval, options: aRefreshIntervals, optionsText: 'name', optionsValue: 'value'"></select> </div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_TIME_FORMAT'}"></span> <span class="value"> <label class="custom_radio" data-bind="css: {'checked': timeFormat() === Enums.TimeFormat.F12}"> <span class="icon"></span> <input type="radio" id="timeformat_12" data-bind="checked: timeFormat, attr: {'value': Enums.TimeFormat.F12}" /> </label> <label for="timeformat_12" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_TIME_FORMAT_12'}"></label> <label class="custom_radio" data-bind="css: {'checked': timeFormat() === Enums.TimeFormat.F24}"> <span class="icon"></span> <input type="radio" id="timeformat_24" data-bind="checked: timeFormat, attr: {'value': Enums.TimeFormat.F24}" /> </label> <label for="timeformat_24" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_TIME_FORMAT_24'}"></label> </span> </div> <div class="row" data-bind="visible: allowChangeDateFormat"> <span class="label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_DATEFORMAT'}"></span> <select class="value input" data-bind="value: selectedDateFormat, options: aDateFormats, optionsText: 'name', optionsValue: 'value'"></select> </div> <div class="row" data-bind="visible: window.Notification"> <span class="value offset" data-bind="css: {'disabled': !isDesktopNotificationsEnable()}"> <label class="custom_checkbox" data-bind="css: {'checked': desktopNotifications}"> <span class="icon"></span> <input type="checkbox" id="desktopNotifications" data-bind="checked: desktopNotifications, enable: isDesktopNotificationsEnable()" /> </label> <label for="desktopNotifications" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_ENABLE_NOTIFICATION'}"></label> </span> </div> <div class="hint row" data-bind="visible: window.Notification && !isDesktopNotificationsEnable()"> <span class="value offset" data-bind="i18n: {'key': 'COREWEBCLIENT/INFO_NOTIFICATION_DISABLED'}"></span> </div> </div> <div class="buttons"> <span class="button" data-bind="click: save, visible: !isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </span> <span class="button" data-bind="visible: isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}"></span> </span> </div> </div> </div> </script><script id="CoreWebclient_Compatibility" type="text/html"><!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="default" /> <title>Server Compatibility Test and Pre-Installation Check</title> <link rel="icon" sizes="196x196" type="image/png" href="static/styles/images/logo_140x140.png" /> <link rel="apple-touch-icon-precomposed" type="image/png" href="static/styles/images/logo_140x140.png" /> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> <style> html { height:100%; } body { margin: 0; padding: 0; background: #fff; height:expression((document.getElementsByTagName('body')[0].offsetHeight < document.getElementsByTagName('html')[0].offsetHeight) ? '100%' : ''); height:100%; position:relative; font:normal 12px/16px Verdana,Arial,sans-serif; color:#424242; /* min-width: 780px; */ /* display:table; */ margin-top:20px; margin-left:200px; margin-right:200px; } h1 { font:normal 22px/120% Verdana,Arial,sans-serif; color:#000; margin:0px 0px 20px; padding:0px; } h2 { font:normal 160% Verdana,Arial,sans-serif; margin:0px; padding:0px; } h3 { font:bold 110% Tahoma,Arial,sans-serif; color:#000; margin:6px 0px; padding:0px; } ol { margin:0px; padding: 0px 0px 0px 24px; } form { padding: 0; margin: 0; border: 0; } label { cursor: pointer; } textarea { resize: none; } a { color:#4477bb; outline:none; } img { border: 0; } p { margin: 0px 0px 10px; } hr { height:1px; margin:20px 0px 10px; border:solid #777; border-width:1px 0px 0px; } /*=== Common List ===*/ .field_list { max-width:650px; } .field_list .row { padding: 4px 10px; } .field_list .row0, .field_list .row1 { padding: 10px; } .field_list .row0 { background:#f6f6f6; } .field_list .field_label, .field_list .field_label_tiny { display:inline-block; vertical-align: middle; width: 220px; font-weight:bold; } .field_list .sub_row { margin:6px 0px 0px; } .field_list .sub_row .field_label { font-weight:normal; width:200px; margin-left:20px; } .field_list .field_label.disabled, .field_list .field_label_tiny.disabled { color:#aaa; } .field_list .field_label_tiny { width:160px; } .field_list .field_description { font-size:11px; color:#777; display: inline-block; margin: 6px 0px 0px; } .field_list .field_value, .field_list .field_value_limit { display: inline-block; vertical-align:top; overflow: hidden; } .field_list .field_value .disabled, .field_list .field_value_limit .disabled { background:#eee; border-color:#aaa; } .field_list .field_value_limit { width: 400px; } .field_list .state_ok { color: #297E04; } .field_list .state_error { color: #F00; } .field_list .state_warning { color: #FF7F00; } .field_list .field_error_text { color:#f00; display: inline-block; margin: 6px 0px 0px; } /*=== END Common List ===*/ .result_text_ok, .result_text_error { background-color: #EEFFEE; margin-top: 30px; padding: 24px 32px; } .result_text_error { background-color: #FFD9CD; } .success { color: #297E04; } .error { /*  padding: 4px 10px; */ color: #F92424; } .description { margin: 30px 0px; } .license_cont { background: #FCFCFC; border: 1px solid #DEDEDE; padding: 10px 20px; } .wm_input { border: 1px solid #5B86A8; } .wm_button { cursor: pointer; font-size: 14px; font-weight: bold; height: 36px; padding: 1px 4px; width: 100px; } .wrapper { display:table; height:100%; width:100%; } .wrapper1 { display:table-row; } .pane_common { background:#fff; border-left:1px solid #DEDEDE; display:table-cell; } .pane_left { width: 200px; margin-left:-201px; float:left; padding:10px 0px; background:#f8f8f8; border-right:1px solid #DEDEDE; } .pane_center { padding:10px 25px; } .nav_item { padding:5px; margin:0px 0px 4px 20px; font-weight:bold; } .nav_item.active { border:solid #DEDEDE; border-width:1px 0px 1px 1px; background:#FAFAFA; padding:4px; margin-right:-1px; } .nav_item.blocked { color:#999; } .installation_step { } .note { background:#FFFFCD; padding: 8px 10px; } .buttons { text-align:right; /* border-top: 1px solid #777; margin:20px 0px 0px; padding:10px 0px 0px; */ } .buttons input { float:left; } .buttons .right { float:none; } .clear { clear: both; } .wm_logo { width:100px; height:75px; margin: 0px 0px 0px 15px; } .wm_checkbox { padding: 0; margin: 0; vertical-align: middle; } .wm_input, .wm_input_focus, .wm_button { font: normal 13px Tahoma, Arial, Helvetica, sans-serif; color: black; } .wm_button { padding: 1px 4px; cursor: pointer; cursor: hand; font-weight: bold; } .wm_delete_button .wm_button { padding: 1px 0; font-size: 11px; } .wm_input, .wm_input_focus { text-indent: 1px; border: 1px solid #5B86A8; } .wm_hide { display: none !important; } .wm_unvisible { visibility: hidden; } /*=== Copyright ===*/ .wm_copyright, .wm_copyright a { color: #939Cb3; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; border: none; } .wm_copyright a { color: #7DaAC3; } .wm_copyright a:hover { color: #c74848; } .wm_copyright { height: 40px; margin-top: 0px; text-align: center; position:absolute; clear:both; bottom:0px; width:100%; } </style> </head> <body> <h1> Server Compatibility Test and Pre-Installation Check </h1> <p class="description"> The installer will now check that all the required server software is installed, has correct versions and configured properly. It will also check if data directory is specified correctly. </p> <div class="field_list"> {{Compatibilities}} </div> <div class="result_text{{ResultClassSuffix}}"> {{Result}} </div> <div class="buttons"> <hr /> <input class="wm_button right" type="submit" name="{{NextButtonName}}" value="{{NextButtonValue}}" onclick="location.href='{{NextButtonHref}}';"/> </div> </body> </html></script><script id="CoreWebclient_ConfirmPopup" type="text/html"><div class="confirm popup" style="display: none;"> <div class="mask"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <span class="popup_heading" data-bind="visible: (popupHeading() !== ''), text: popupHeading"></span> <span class="text" data-bind="html: confirmDesc"></span> <div class="buttons"> <span class="button success" data-bind="click: yesClick, text: okButtonText" id="selenium_confirm_ok_button"></span> <span class="button secondary_button" data-bind="click: cancelPopup, text: cancelButtonText"></span> </div> </div> <span class="helper"></span> </div> </script><script id="CoreWebclient_EmbedHtmlPopup" type="text/html"><div class="popup player_popup" style="display: none;"> <div class="mask" data-bind="click: close"></div> <span class="popup_panel" data-bind="html: htmlEmbed"></span> <span class="helper"></span> </div></script><script id="CoreWebclient_FileView" type="text/html"><!-- ko if: !bIsHidden --> <div class="item file attachment" data-bind="css: cssClasses()"> <span class="item_content"> <span class="cancel" data-bind="visible: visibleCancelButton(),   click: function () { $parent.onFileRemove( uploadUid(), $data); },   customTooltip: cancelButtonTooltip"></span> <span class="image" data-bind="customTooltip: getTooltip(iconAction()), click: function () { executeAction(iconAction()); },  css: {'has_action': iconAction() !== ''}, clickBubble: iconAction() === ''"> <!-- ko if: thumbnailSrc() !== '' --> <img data-bind="attr: {'src': thumbnailSrc()}" /> <!-- /ko --> <!-- ko if: thumbnailSrc() === '' --> <span class="icon" data-bind="css: extension().toLowerCase()"></span> <!-- /ko --> </span> <div class="footer"> <span class="progress" data-bind="visible: visibleProgress()"> <span data-bind="style: {'width': progressPercent() + '%'}"></span> <span class="progress-percent" data-bind="text: progressPercent() + '%'"></span> </span> <span class="status_text" data-bind="text: statusText(), css: {'error': uploadError()}, customTooltip: statusTooltip, visible: statusText().length > 0"></span> <span class="title" data-bind="customTooltip: displayName(), css: {entire_line: friendlySize() === ''}"> <span class="name" data-bind="text: displayName()"></span> </span> </div> </span> <span class="main_action" data-bind="visible: firstAction().length > 0"> <a class="button view" href="javascript: void(0)" data-bind="click: function () { executeAction(firstAction()); }, text: getActionText(firstAction()), clickBubble: false"></a> </span> <div class="buttons" data-bind="visible: allowActions() && uploaded() && !uploadError() && statusText().length === 0 && !downloading() && !visibleProgress()"> <!-- <a class="button view" href="javascript: void(0)" data-bind="visible: firstAction().length > 0,  click: function () { executeAction(firstAction()); }, text: getActionText(firstAction()), clickBubble: false"></a> --> <a class="button download" href="javascript: void(0)" data-bind="visible: secondAction().length > 0,  click: function () { executeAction(secondAction()); }, text: getActionText(secondAction()), clickBubble: false"></a> <span class="size" data-bind="text: friendlySize()"></span> </div> <!-- <span class="title" data-bind="customTooltip: displayName(), css: {entire_line: friendlySize() === ''}"> <span class="name" data-bind="text: displayName()"></span> </span> --> <div class="children" data-bind="visible: subFilesExpanded()"> <!-- ko template: {name: 'CoreWebclient_FileView', foreach: subFiles()} --><!-- /ko --> </div> </div> <!-- ko foreach: otherTemplates() --> <!-- ko if: $data.data() !== null --> <!-- ko template: $data --><!-- /ko --> <!-- /ko --> <!-- /ko --> <!-- /ko --> </script><script id="CoreWebclient_HeaderItemUnseenCountPart" type="text/html"><span class="unseen" data-bind="text: unseenCount() > 99 ? '99+' : unseenCount(), visible: !isCurrent() && unseenCount() > 0,  css: {'one': unseenCount() < 10, 'two': unseenCount() > 9, 'three': unseenCount() > 99}"></span></script><script id="CoreWebclient_HeaderItemView" type="text/html"><span data-bind="attr: {'class': 'item ' + sName.toLowerCase()}, css: {'current': isCurrent, 'recivedAnim': recivedAnim}"> <span class="helper" data-bind="text: linkText"></span> <a class="link" href="javascript: void(0);" data-bind="attr: {href: hash}"> <span class="icon"></span> <span class="text" data-bind="text: linkText"></span> <!-- ko template: {name: 'CoreWebclient_HeaderItemUnseenCountPart', data: $data} --><!-- /ko --> </a> </span></script><script id="CoreWebclient_HeaderView" type="text/html"><!-- ko if: sTopIframeUrl !== '' && iTopIframeHeightPx > 0 --> <iframe data-bind="attr: {'src': sTopIframeUrl, 'height': iTopIframeHeightPx} " style="border: none;"></iframe> <!-- /ko --> <div class="tabsbar"> <div class="content"> <!-- ko if: sLogoUrl === '' --> <a href="#" class="item logo"></a> <!-- /ko --> <!-- ko if: sLogoUrl !== '' --> <a href="#" class="item specified-logo"> <img class="img_logo" data-bind="attr: {'src': sLogoUrl}"/> </a> <!-- /ko --> <!-- ko foreach: tabs --> <!-- ko template: {name: ViewTemplate, data: $data, if: $data.visible} --><!-- /ko --> <!-- /ko --> <div class="spacer"></div> <span class="item mobile" data-bind="visible: bShowMobileSwitcher, click: switchToMobileVersion"> <span class="link" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SHOW_MOBILE_VERSION'}"></span> </span> <span class="item mobile" data-bind="visible: bDebugMode, click: debug"> <span class="link">Debug</span> </span> <span class="item logout" data-bind="visible: bShowLogout"> <span class="link" data-bind="click: logout"> <span class="icon"></span> <span class="text" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_LOGOUT'}"></span> </span> </span> </div> </div> </script><script id="CoreWebclient_Index" type="text/html"><!doctype html> <html dir="{{IntegratorDir}}" class="{{IntegratorDir}}"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="default" /> <title></title> {{IntegratorLinks}} </head> <body> <div class="auroraMain"> <div id="auroraContent"> <div class="screens"></div> <div class="popups"></div> </div> <div id="pSevenHidden"></div> <div> {{IntegratorBody}} </div> </div> <!-- need for text fade --> <div style="height: 0px; overflow: hidden;"> <svg> <defs> <linearGradient id="gradient" x1="90%" y1="0" x2="100%" y2="0"> <stop stop-color="white" offset="0"></stop> <stop stop-color="black" offset="1"></stop> </linearGradient> <linearGradient id="gradient_invert" x1="0" y1="0" x2="10%" y2="0"> <stop stop-color="black" offset="0"></stop> <stop stop-color="white" offset="1"></stop> </linearGradient> <mask id="masking" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox"> <rect width="1" height="1" fill="url(#gradient)"></rect> </mask> <mask id="masking_rtl" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox"> <rect width="1" height="1" fill="url(#gradient_invert)"></rect> </mask> </defs> </svg> </div> </body> </html></script><script id="CoreWebclient_InformationView" type="text/html"><div> <div class="report_panel loading" data-bind="css: {'hide': loadingHidden()}"> <span class="content"> <span class="icon"></span> <span class="text" data-bind="html: loadingMessage"></span> </span> </div> <div class="report_panel report" data-bind="css: {'hide': reportHidden(), 'has_close': closeReportButtonVisible}"> <span class="content" > <span class="icon"></span> <span class="text" data-bind="html: reportMessage"></span> <span class="close" data-bind="visible: closeReportButtonVisible, click: hideReport"></span> </span> </div> <div class="report_panel error has_close" data-bind="css: {'hide': errorHidden(), 'gray': gray()}"> <span class="content"> <span class="icon"></span> <span class="text" data-bind="html: errorMessage"></span> <span class="close" data-bind="click: selfHideError"></span> </span> </div> </div></script><script id="CoreWebclient_PageSwitcherView" type="text/html"><span class="pagination" data-bind="visible: pages().length > 0"> <span class="item first" data-bind="customTooltip: 'COREWEBCLIENT/ACTION_SHOW_FIRST_PAGE', visible: visibleFirst, click: clickFirstPage"></span> <span class="item prev" data-bind="customTooltip: 'COREWEBCLIENT/ACTION_SHOW_PREV_PAGE', visible: visibleFirst, click: clickPreviousPage"></span> <span class="pages" data-bind="foreach: pages"> <span class="item" data-bind="text: number, css: {'current': current}, click: clickFunc"></span> </span> <span class="item next" data-bind="customTooltip: 'COREWEBCLIENT/ACTION_SHOW_NEXT_PAGE', visible: visibleLast, click: clickNextPage"></span> <span class="item last" data-bind="customTooltip: 'COREWEBCLIENT/ACTION_SHOW_LAST_PAGE', visible: visibleLast, click: clickLastPage"></span> </span> </script><script id="OAuthIntegratorWebclient_AdminSettingsView" type="text/html"><div class="middle_bar"> <div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'OAUTHINTEGRATORWEBCLIENT/HEADING_ES_SETTINGS'}"></h2> </div> <div class="panel_center"> <div class="fields"> <div class="fieldset"> <!-- ko foreach: services --> <div class="row"> <a class="label link" data-bind="text: DisplayName, attr: {'href': '#admin/' + Name + '-auth'}"></a> </div> <!-- /ko --> </div> </div> </div> </div> </script><script id="OAuthIntegratorWebclient_CreateLoginPasswordView" type="text/html"><!-- ko if: visible --> <div class="fieldset"> <div class="row hint"> <span data-bind="i18n: {'key': 'OAUTHINTEGRATORWEBCLIENT/INFO_SET_PASSWORD'}"></span> </div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_PASSWORD'}"></span> <span class="value"> <input class="input" autocomplete="new-password" type="password" data-bind="value: password, hasfocus: passwordFocus" /> </span> </div> <div class="row"> <span class="label" data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_CONFIRM_PASSWORD'}"></span> <span class="value"> <input class="input" autocomplete="new-password" type="password" data-bind="value: confirmPassword, hasfocus: confirmPasswordFocus" /> </span> </div> <div class="row buttons" style="text-align: left; margin-bottom: 0;"> <span class="button" data-bind="click: setPassword"> <span data-bind="i18n: {'key': 'OAUTHINTEGRATORWEBCLIENT/ACTION_SET_PASSWORD'}"></span> </span> </div> </div> <!-- /ko --></script><script id="OAuthIntegratorWebclient_SignInButtonsView" type="text/html"><div class="content social" data-bind="if: typeof oauthServices !== 'undefined' && oauthServices().length > 0"> <div class="info" data-bind="i18n: {'key': 'OAUTHINTEGRATORWEBCLIENT/LABEL_SIGN_BUTTONS'}"></div> <!-- ko foreach: oauthServices --> <div class="button" data-bind="css: $data, click: function () {$parent.externalAuthClick($data);}"> <span class="border"></span> <span class="text"> <span data-bind="i18n: {'key': $root.ViewConstructorName === 'CRegisterView' ? 'OAUTHINTEGRATORWEBCLIENT/LABEL_SIGN_UP' : 'OAUTHINTEGRATORWEBCLIENT/LABEL_SIGN_IN'}"></span> <span data-bind="text: ' ' + $data[0].toUpperCase() + $data.substring(1)"></span> </span> </div> <!-- /ko --> </div> </script><script id="MailSaveAttachmentsToFilesPlugin_SelectFilesPopup" type="text/html"><div class="popup files popup_save_to_files" style="display: none;"> <div class="mask" data-bind="click: cancelPopup"></div> <div class="popup_panel"> <span class="close" data-bind="click: cancelPopup"></span> <div class="panels"> <div class="panel left_panel storages_panel"> <div class="panel_content"> <div class="middle_bar"  data-bind="template: {name: 'FilesWebclient_StoragesPanelView', data: filesView}" ></div> </div> </div> <div class="panel files"> <div class="panel_content"> <div class="middle_bar"  data-bind="template: {name: 'FilesWebclient_FilesPanelView', data: filesView}" ></div> </div> </div> </div> <div class="buttons"> <span class="button"   data-bind="i18n: {'key': 'FILESWEBCLIENT/ACTION_NEW_FOLDER'}, command: createFolderCommand" ></span> <span class="button"   data-bind="i18n: {'key': 'MAILSAVEATTACHMENTSTOFILESPLUGIN/ACTION_SAVE_HERE'}, command: selectFolderCommand" ></span> <span class="button secondary_button"   data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CLOSE'}, click: closePopup" ></span> </div> </div> <span class="helper"></span> </div> </script><script id="CalendarMeetingsPlugin_CalendarEventInvite" type="text/html"><table class="event" cellpadding="0" cellspacing="0" style="border: 1px solid #cccccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 0px 2px 3px #bebebe; -webkit-box-shadow: 0px 2px 3px #bebebe; -moz-box-shadow: 0px 2px 3px #bebebe; background: #ffffff; width: 100%; overflow: hidden; font: normal 11pt Helvetica, Tahoma, Arial, sans-serif; padding: 0; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"> <style> a{text-decoration: none;} a:hover{text-decoration: underline; color: #c74747;} </style> <tbody> <tr> <td> <table style="table-layout: auto"> <tbody> <tr> <td style="color: #777777; vertical-align: top; padding: 10px;"> <a rel="nofollow" href="{{HrefAccept}}" target="_blank">{{INVITE/ACCEPT}}</a> </td> <td style="color: #777777; vertical-align: top; padding: 10px;"> <a rel="nofollow" href="{{HrefTentative}}" target="_blank" >{{INVITE/TENTATIVE}}</a> </td> <td style="color: #777777; vertical-align: top; padding: 10px;"> <a rel="nofollow" href="{{HrefDecline}}" target="_blank">{{INVITE/DECLINE}}</a> </td> </tr> </tbody> </table> <table style="width: 100%" cellpadding="10"> <tbody> <tr> <td style="color: #777777; vertical-align: top; width: 1px;">{{INVITE/LOCATION}}</td> <td style="vertical-align: top; -ms-word-break: break-all; word-wrap: break-word;">{{Location}}</td> </tr> <tr> <td style="color: #777777; vertical-align: top; width: 1px;">{{INVITE/WHEN}}</td> <td style="vertical-align: top; -ms-word-break: break-all; word-wrap: break-word;">{{Start}}</td> </tr> <tr> <td style="color: #777777; vertical-align: top; padding-bottom: 20px; width: 1px;">{{INVITE/DESCRIPTION}}</td> <td style="vertical-align: top; -ms-word-break: break-all; word-wrap: break-word;">{{Description}}</td> </tr> <tr> <td colspan="2" style="background: #FBF2BC; color: #878787; font-size: 10pt; padding: 10px;">{{INVITE/INFORMATION}}</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </script><script id="CalendarMeetingsPlugin_CalendarEventInviteExternal" type="text/html"><!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link type="text/css" rel="stylesheet" href="./static/styles/themes/{{THEME_NAME}}/styles.css" /> </head> <body class="public-page-view"> <div class="public-page-card"> <h2>{{EVENT_NAME}}</h2> <span>{{EVENT_BEGIN}} {{EVENT_DATE}}</span><br/> <span>{{EVENT_DESCRIPTION}}</span><br/> <span class="status" style="color: {{ACTION_COLOR}};">{{EVENT_ACTION}}</span><br/> </div> </body> </html> </script><script id="CalendarMeetingsPlugin_CalendarEventSelfNotification" type="text/html"><table class="event" cellpadding="0" cellspacing="0" style="border: 1px solid #cccccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 0px 2px 3px #bebebe; -webkit-box-shadow: 0px 2px 3px #bebebe; -moz-box-shadow: 0px 2px 3px #bebebe; background: #ffffff; width: 100%; overflow: hidden; font: normal 11pt Helvetica, Tahoma, Arial, sans-serif; padding: 0; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"> <style> a{text-decoration: none;} a:hover{text-decoration: underline; color: #c74747;} </style> <tbody> <tr> <td> <table style="width: 100%" cellpadding="10"> <tbody> <tr> <td style="color: #777777; vertical-align: top; width: 1px;">{{REACTION}}</td> <td style="vertical-align: top; -ms-word-break: break-all; word-wrap: break-word;">{{Reaction}}</td> </tr> <tr> <td style="color: #777777; vertical-align: top; width: 1px;">{{LOCATION}}</td> <td style="vertical-align: top; -ms-word-break: break-all; word-wrap: break-word;">{{Location}}</td> </tr> <tr> <td style="color: #777777; vertical-align: top; width: 1px;">{{WHEN}}</td> <td style="vertical-align: top; -ms-word-break: break-all; word-wrap: break-word;">{{Start}}</td> </tr> <tr> <td style="color: #777777; vertical-align: top; padding-bottom: 20px; width: 1px;">{{DESCRIPTION}}</td> <td style="vertical-align: top; -ms-word-break: break-all; word-wrap: break-word;">{{Description}}</td> </tr> <tr> <td colspan="2" style="background: #FBF2BC; color: #878787; font-size: 10pt; padding: 10px;">{{INFORMATION}}</td> </tr> </tbody> </table> </td> </tr> </tbody> </table></script><script id="CalendarMeetingsPlugin_EventNotFound" type="text/html"><!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- <link type="text/css" rel="stylesheet" href="static/styles/sharing.css"> --> <link type="text/css" rel="stylesheet" href="./static/styles/themes/{{THEME_NAME}}/styles.css" /> </head> <body class="public-page-view"> <div class="public-page-card"> <br /> <div>{{INFO}}</div> <br /> </div> </body> </html> </script><script id="Dropbox_AdminSettingsView" type="text/html"><div class="middle_bar"> <div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'DROPBOX/HEADING_SETTINGS'}"></h2> </div> <div class="panel_center"> <div class="fields"> <div class="fieldset"> <div class="row"> <span class="value" style="float: left;"> <label class="custom_checkbox" data-bind="css: {'checked': enable}"> <span class="icon"></span> <input type="checkbox" id="enableDropbox" data-bind="checked: enable" /> </label> <label for="enableDropbox" data-bind="i18n: {'key': 'DROPBOX/ENABLE_MODULE'}"></label> </span> </div> <div class="row"> <span class="label required" data-bind="i18n: {'key': 'DROPBOX/LABEL_APP_ID'}"></span> <span class="value"> <input class="input" type="text" data-bind="value: id, valueUpdate: 'afterkeydown', onEnter: save" /> </span> </div> <div class="row"> <span class="label required" data-bind="i18n: {'key': 'DROPBOX/LABEL_APP_SECRET'}"></span> <span class="value"> <input class="input" type="text" data-bind="value: secret, valueUpdate: 'afterkeydown', onEnter: save" /> </span> </div> <div class="hint row"> <span class="value" data-bind="i18n: {'key': 'DROPBOX/INFO_SETTINGS'}"></span> </div> <div class="row"></div> <div data-bind="foreach: scopes"> <div class="row"> <span class="value"> <label class="custom_checkbox" data-bind="css: {'checked': Value}"> <span class="value" style="float: left;"> <span class="icon"></span> <input type="checkbox" data-bind="checked: Value, attr: { id: Name}" /> </span> </label> <label data-bind="text: $data.Description, attr: {for: Name}"></label> </span> </div> </div> </div> <div class="buttons"> <span class="button" data-bind="click: save, visible: !isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}"></span> </span> <span class="button" data-bind="visible: isSaving()"> <span data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}"></span> </span> </div> </div> </div> </div> </script><script id="Dropbox_DropboxSettingsFormView" type="text/html"><div class="middle_bar"> <div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'DROPBOX/LABEL_SETTINGS_TAB'}"></h2> </div> <div class="panel_center"> <div class="fields"> <div class="fieldset"> <div class="hint row"> <span class="value" data-bind="i18n: {'key': 'DROPBOX/INFO_CONNECTED'}, visible: connected"></span> <span class="value" data-bind="i18n: {'key': 'DROPBOX/INFO_NOT_CONNECTED'}, visible: !connected()"></span> </div> <div data-bind="foreach: scopes"> <div class="row"> <span class="value"> <label class="custom_checkbox" data-bind="css: {'checked': Value}"> <span class="value" style="float: left;"> <span class="icon"></span> <input type="checkbox" data-bind="checked: Value, attr: { id: Name}" /> </span> </label> <label data-bind="text: $data.Description, attr: {for: Name}"></label> </span> </div> </div> </div> <div class="buttons" style="text-align: left;"> <span class="button" data-bind="click: checkAndConnect"> <span data-bind="i18n: {'key': 'DROPBOX/BUTTON_APPLY'}"></span> </span> <span class="button" data-bind="click: checkAndDisconnect, visible: connected"> <span data-bind="i18n: {'key': 'DROPBOX/BUTTON_DISCONNECT'}"></span> </span> </div> </div> </div> </div> </script><script id="MobileAppsWebclient_MobileAppsSettingsPaneView" type="text/html"><div class="panel_top"> <h2 class="settings_heading" data-bind="i18n: {'key': 'MOBILEAPPSWEBCLIENT/HEADING_SETTINGS_TAB'}"></h2> </div> <div class="panel_center"> <div class="fields"> <div class="fieldset" data-bind="visible: bShowMailSection"> <h2 data-bind="text: sMailSectionName"></h2> <div class="hint" data-bind="i18n: {'key': 'MOBILEAPPSWEBCLIENT/SERVICES_FILES_ALL_APPSYNC_HINT_SPECIFY'}, visible: bShowMailServerUrlApp"></div> <div class="fieldgroup" data-bind="visible: bShowMailServerUrlApp"> <div class="row"> <span class="label" data-bind="i18n: {'key': 'MOBILEAPPSWEBCLIENT/SERVICES_FILES_APPSYNC_SERVER'}"></span> <span class="value" data-bind="text: sAppPath"></span> </div> </div> <div class="hint" data-bind="i18n: {'key': 'MOBILEAPPSWEBCLIENT/SERVICES_FILES_APPSYNC_HINT_CREDENTIALS'}"></div> <a data-bind="visible: bShowMailIosApp, attr: { 'href': sMailIosApp }" target="_blank"> <img src="static/styles/images/modules/FilesWebclient/appstore.png" style="width: 197px;"> </a> <a data-bind="visible: bShowMailAndroidApp, attr: { 'href': sMailAndroidApp }" target="_blank"> <img src="static/styles/images/modules/FilesWebclient/playmarket.png" style="width: 197px;"> </a> </div> <div class="fieldset" data-bind="visible: bShowFilesSection"> <h2 data-bind="text: sFilesSectionName"></h2> <div class="hint" data-bind="i18n: {'key': 'MOBILEAPPSWEBCLIENT/SERVICES_FILES_ALL_APPSYNC_HINT_SPECIFY'}, visible: bShowFilesServerUrlApp"></div> <div class="fieldgroup" data-bind="visible: bShowFilesServerUrlApp"> <div class="row"> <span class="label" data-bind="i18n: {'key': 'MOBILEAPPSWEBCLIENT/SERVICES_FILES_APPSYNC_SERVER'}"></span> <span class="value" data-bind="text: sAppPath"></span> </div> </div> <div class="hint" data-bind="i18n: {'key': 'MOBILEAPPSWEBCLIENT/SERVICES_FILES_APPSYNC_HINT_CREDENTIALS'}"></div> <a data-bind="visible: bShowFilesWinApp, attr: { 'href': sFilesWinAppLink }" target="_blank"> <img src="static/styles/images/modules/FilesWebclient/desktop-client.png" style="width: 197px;"> </a> <a data-bind="visible: bShowFilesIosApp, attr: { 'href': sFilesIosAppLink }" target="_blank"> <img src="static/styles/images/modules/FilesWebclient/appstore.png" style="width: 197px;"> </a> <a data-bind="visible: bShowFilesAndroidApp, attr: { 'href': sFilesAndroidAppLink }" target="_blank"> <img src="static/styles/images/modules/FilesWebclient/playmarket.png" style="width: 197px;"> </a> </div> <div class="fieldset" data-bind="visible: !bShowMailSection && !bShowFilesSection, i18n: {'key': 'MOBILEAPPSWEBCLIENT/INFO_NO_APPS'}"></div> </div> </div> </script><script id="SettingsWebclient_SettingsView" type="text/html"><div class="screen SettingsLayout" style="display: none;"> <div class="panels settings"> <div class="panel left_panel navigation_panel" data-bind="adjustHeightToContent: {}"> <div class="panel_content"> <div class="middle_bar"> <div class="panel_center"> <div class="items_list" data-bind="foreach: tabs"> <div class="item canSelect" data-bind="visible: typeof(view.visible) !== 'undefined' ? view.visible() : true,  attr: {'class': 'item canSelect ' + name, 'id': 'selenium_settings_' + name},  css: {'selected': $parent.currentTab() && $parent.currentTab().name === name},  click: function () { $parent.changeTab(name); }"> <span class="title"> <span class="name"> <span class="icon"></span> <span class="text" data-bind="text: view.SettingsTabTitle"></span> </span> </span> </div> </div> </div> </div> </div> </div> <div class="panel data"> <div class="panel_content" data-bind="with: currentTab"> <div data-bind="attr: {'class': 'middle_bar ' + name}"> <!-- ko template: {name: view.ViewTemplate, data: view} --><!-- /ko --> <div data-bind="foreach: view.aSettingsSections"> <!-- ko template: {name: $data.ViewTemplate} --><!-- /ko --> </div> </div> </div> </div> </div> </div> </script>

• [D] 94
• [F] langs-English-2ed60cc59d5dfef60b4a8ea38e0e2674.cache
  Delete
• [F] templates-2ed60cc59d5dfef60b4a8ea38e0e2674.cache
  Delete