84 lines
5.2 KiB
HTML
84 lines
5.2 KiB
HTML
<div ux-id="person-infocard" class="person-card">
|
|
<div ng-if="person.loginId">
|
|
<div ux-id="person-summary" class="person-summary">
|
|
<div class="app__person-avatar" ng-if="profileType!= 'person'">
|
|
<img ux-id="avatar" user-availability="person" alt="{{person.firstName}} {{person.lastName}}" class="app__person-avatar_big"
|
|
thumbnail-img="{{'data:' + person.thumbnailMime + ';base64,' + person.thumbnail}}" imgplaceholder="user" />
|
|
</div>
|
|
|
|
<div class="person-summary__business-card" ng-if="profileType!='person'">
|
|
<div ux-id="field-label" class="person-card__column-caption">{{label || ('personInfoCard.' + profileType + '.caption.contactInfo') | i18n}}</div>
|
|
<span class="person-summary__full-name">
|
|
<a ux-id="person-name" aria-label="{{label || ('personInfoCard.' + profileType + '.caption.contactInfo') | i18n}} {{person.firstName}} {{person.lastName}}"
|
|
href="#/person/{{person.id | escape}}" class="person-summary__full-name_link font-size-xxl">{{person.firstName}} {{person.lastName}}</a>
|
|
</span>
|
|
<span ux-id="is-vip" class="person-summary__VIP" ng-if="person.isVIP">{{'common.labels.vip' | i18n}}</span>
|
|
<div ux-id="person-organization" class="person-summary__organization">{{person.organization}}</div>
|
|
<div ng-if="googleMapAvailable">
|
|
<div ng-if="person.phone" class="person-summary__phone-number">
|
|
<a ux-id="person-phone" aria-label="{{'personInfoCard.label.phoneNumber' | i18n}} {{person.phone}}" href="tel:{{person.phone}}">{{person.phone}}</a>
|
|
</div>
|
|
<div ng-if="person.email" class="person-profile__email">
|
|
<a ux-id="person-email" aria-label="{{'personInfoCard.label.email' | i18n}} {{person.email}}"
|
|
href="mailto:{{person.email}}?subject={{context.displayId}}: {{context.summary}}">{{person.email}}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="person-summary__business-card" ng-if="profileType=='person'">
|
|
<span ux-id="person-contact-label" class="label__text">{{'person.details.contactInfo' | i18n}}</span>
|
|
<div class="person-summary__phone-number">
|
|
<span class="label__text">{{'personInfoCard.label.direct' | i18n}}:</span>
|
|
<a ux-id="person-phone" aria-label="{{'personInfoCard.label.direct' | i18n}} {{'personInfoCard.label.phoneNumber' | i18n}} {{person.phone}}"
|
|
href="tel:{{person.phone}}"><span style="unicode-bidi: embed; direction: ltr;">{{person.phone}}</span></a>
|
|
</div>
|
|
<div ng-if="person.cell" class="person-summary__phone-number">
|
|
<span class="label__text">{{'personInfoCard.label.cellphone' | i18n}}:</span>
|
|
<a ux-id="person-cellphone" aria-label="{{'personInfoCard.label.cellphone' | i18n}} {{'personInfoCard.label.phoneNumber' | i18n}} {{person.cell}}"
|
|
href="tel:{{person.cell}}"><span style="unicode-bidi: embed; direction: ltr;">{{person.cell}}</span></a>
|
|
</div>
|
|
<div ng-if="person.fax" class="person-summary__phone-number">
|
|
<span class="label__text">{{'personInfoCard.label.fax' | i18n}}:</span>
|
|
<a ux-id="person-fax" aria-label="{{'personInfoCard.label.fax' | i18n}} {{person.fax}}" href="tel:{{person.phone}}"><span style="unicode-bidi: embed; direction: ltr;">{{person.fax}}</span></a>
|
|
</div>
|
|
<div ng-if="person.email" class="person-summary__contact-email">
|
|
<span class="label__text">{{'personInfoCard.label.email' | i18n}}:</span>
|
|
<a ux-id="person-email" aria-label="{{'personInfoCard.label.email' | i18n}} {{person.email}}" href="mailto:{{person.email}}">{{person.email}}</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div ux-id="no-google-map" ng-if="profileType!='person' && !googleMapAvailable" class="person-address__column">
|
|
<div ng-if="person.phone" class="person-summary__phone-number">
|
|
<a ux-id="person-phone" aria-label="{{'personInfoCard.label.phoneNumber' | i18n}} {{person.phone}}" href="tel:{{person.phone}}">{{"‪"+person.phone+"‬"}}</a>
|
|
</div>
|
|
<div ng-if="person.email" class="person-profile__email person-profile__email-break">
|
|
<a ux-id="person-email" aria-label="{{'personInfoCard.label.email' | i18n}} {{person.email}}"
|
|
href="mailto:{{person.email}}?subject={{context.displayId}}: {{context.summary}}">{{person.email}}</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div ux-id="person-site" ng-if="personType != 'contact'" class="person-address__column">
|
|
<div ux-id="field-label" class="label__text">{{'personInfoCard.' + profileType + '.caption.primaryOffice' | i18n}}</div>
|
|
<address class="person-address__primary-office_address">
|
|
<div ux-id="person-site-name">{{person.site.name}}</div>
|
|
<div ux-id="person-site-address">{{person.site.address.address}}</div>
|
|
</address>
|
|
<div ng-hide="person.deskLocation == undefined">
|
|
<span ux-id="desk-location-label" class="person__info-label">{{'person.details.deskLocation' | i18n}}:</span>
|
|
<span ux-id="desk-location-value" class="person__point-value">{{person.deskLocation}}</span>
|
|
</div>
|
|
<get-directions destination="person.site.address.address" ng-if="googleMapAvailable"></get-directions>
|
|
</div>
|
|
|
|
<div ng-if="personType != 'contact' && googleMapAvailable" class="person-address__column">
|
|
<div class="person-address__primary-office_map">
|
|
<embedded-location-map center="person.site.address" location-objects="locationObjects" class="person-address__map"></embedded-location-map>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|