/home/ivoiecob/email.hirewise-va.com/modules/ContactsWebclient/templates/ContactView.html
<div class="panel_top">
<!-- ko template: { name: '%ModuleName%_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 ? '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/LABEL_ADDRESS'}"></span>
<div class="row flex street" data-bind="visible: '' !== personalStreetAddress()">
<span class="label">
<span class="text" data-bind="i18n: {'key': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/LABEL_ADDRESS'}"></span>
<div class="row flex street" data-bind="visible: '' !== businessStreetAddress()">
<span class="label">
<span class="text" data-bind="i18n: {'key': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/ACTION_APPLY'}"></span>
</span>
<span class="button contour_button" data-bind="visible: $root.isSaving">
<span class="text" data-bind="i18n: {'key': '%MODULENAME%/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': '%MODULENAME%/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': '%MODULENAME%/ACTION_SEE_EMAILS_WITH_CONTACT'}, click: function () {$root.searchMessagesInInbox('email:' + getEmailsString());}"></span>
</div>
</div>
</div>
</div>