83 lines
4.5 KiB
HTML
83 lines
4.5 KiB
HTML
<div class="person-card">
|
|
<div ng-if="person.loginId">
|
|
<div class="person-summary">
|
|
<div class="app__person-avatar" ng-if="profileType!= 'person'">
|
|
<img 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 class="person-card__column-caption">{{label || ('personInfoCard.' + profileType + '.caption.contactInfo') | i18n}}</div>
|
|
<span class="person-summary__full-name">
|
|
<a 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 class="person-summary__VIP" ng-if="person.isVIP">{{'common.labels.vip' | i18n}}</span>
|
|
<div class="person-summary__organization">{{person.organization}}</div>
|
|
<div ng-if="googleMapAvailable">
|
|
<div ng-if="person.phone" class="person-summary__phone-number">
|
|
<a 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 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 class="label__text">{{'person.details.contactInfo' | i18n}}</span>
|
|
<div class="person-summary__phone-number">
|
|
<span class="label__text">{{'personInfoCard.label.direct' | i18n}}:</span>
|
|
<a aria-label="{{'personInfoCard.label.direct' | i18n}} {{'personInfoCard.label.phoneNumber' | i18n}} {{person.phone}}"
|
|
href="tel:{{person.phone}}"><span>{{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 aria-label="{{'personInfoCard.label.cellphone' | i18n}} {{'personInfoCard.label.phoneNumber' | i18n}} {{person.cell}}"
|
|
href="tel:{{person.cell}}"><span>{{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 aria-label="{{'personInfoCard.label.fax' | i18n}} {{person.fax}}" href="tel:{{person.phone}}"><span>{{person.fax}}</span></a>
|
|
</div>
|
|
<div ng-if="person.email" class="person-summary__contact-email">
|
|
<a aria-label="{{'personInfoCard.label.email' | i18n}} {{person.email}}" href="mailto:{{person.email}}">{{person.email}}</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div ng-if="profileType!='person' && !googleMapAvailable" class="person-address__column">
|
|
<div ng-if="person.phone" class="person-summary__phone-number">
|
|
<a 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 aria-label="{{'personInfoCard.label.email' | i18n}} {{person.email}}"
|
|
href="mailto:{{person.email}}?subject={{context.displayId}}: {{context.summary}}">{{person.email}}</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div ng-if="personType != 'contact'" class="person-address__column">
|
|
<div class="label__text">{{'personInfoCard.' + profileType + '.caption.primaryOffice' | i18n}}</div>
|
|
<address class="person-address__primary-office_address">
|
|
<div>{{person.site.name}}</div>
|
|
<div>{{person.site.address.address}}</div>
|
|
</address>
|
|
<div ng-hide="person.deskLocation == undefined">
|
|
<span class="person__info-label">{{'person.details.deskLocation' | i18n}}:</span>
|
|
<span 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>
|
|
|
|
|