74 lines
3.5 KiB
HTML
74 lines
3.5 KiB
HTML
<div class="person-card">
|
|
<div class="person-summary">
|
|
|
|
<div ng-if="!assetOwner.loginId">
|
|
<div class="app__person-avatar">
|
|
<span class="asset-owner__none icon-question_circle"></span>
|
|
</div>
|
|
<div class="asset-person-summary__business-card">
|
|
<div class="person-card__column-caption">{{'personInfoCard.asset.caption.contactInfo' | i18n}}</div>
|
|
<span class="asset-owner__no-owner">{{assetOwnerNoAccess ? ('asset.owner.noAccess' | i18n) : ('common.label.noneYet' | i18n) }}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div ng-if="assetOwner.loginId">
|
|
<div class="app__person-avatar">
|
|
<img user-availability="assetOwner" alt="{{assetOwner.firstName}} {{assetOwner.lastName}}" class="app__person-avatar_big"
|
|
thumbnail-img="{{'data:' + assetOwner.thumbnailMime + ';base64,' + assetOwner.thumbnail}}" imgplaceholder="user" />
|
|
</div>
|
|
<div class="asset-person-summary__business-card">
|
|
<h3 class="person-summary__full-name">
|
|
<a aria-label="{{'personInfoCard.asset.caption.contactInfo' | i18n}} {{assetOwner.firstName}} {{assetOwner.lastName}}"
|
|
href="#/person/{{assetOwner.loginId | escape}}" class="person-summary__full-name_link">{{assetOwner.firstName}} {{assetOwner.lastName}}</a>
|
|
</h3>
|
|
|
|
<div class="person-summary__organization">{{assetOwner.organization}}</div>
|
|
<div>{{'asset.actionBlade.addPeople.peopleRelationshipType.label' | i18n}}: {{"common.relationship.type."+asset.owner.relationshipType | i18n}}</div>
|
|
<div ng-if="googleMapAvailable">
|
|
<div class="person-summary__phone-number">
|
|
<a aria-label="{{'personInfoCard.asset.caption.contactInfo' | i18n}} {{'personInfoCard.label.phoneNumber' | i18n}} {{assetOwner.phone}}"
|
|
href="tel:{{person.phone}}">{{"‪"+assetOwner.phone+"‬"}}</a>
|
|
</div>
|
|
<div class="person-profile__email">
|
|
<a aria-label="{{'personInfoCard.asset.caption.contactInfo' | i18n}} {{'personInfoCard.label.email' | i18n}} {{assetOwner.email}}"
|
|
href="mailto:{{assetOwner.email}}?subject={{asset.name}}">{{assetOwner.email}}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div ng-if="!googleMapAvailable" class="person-address__column">
|
|
<div class="person-summary__phone-number">
|
|
<a aria-label="{{'personInfoCard.asset.caption.contactInfo' | i18n}} {{'personInfoCard.label.phoneNumber' | i18n}} {{assetOwner.phone}}"
|
|
href="tel:{{person.phone}}">{{"‪"+assetOwner.phone+"‬"}}</a>
|
|
</div>
|
|
<div class="person-profile__email">
|
|
<a aria-label="{{'personInfoCard.asset.caption.contactInfo' | i18n}} {{'personInfoCard.label.email' | i18n}} {{assetOwner.email}}"
|
|
href="mailto:{{assetOwner.email}}?subject={{asset.name}}">{{assetOwner.email}}</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="person-address__column">
|
|
<div ng-show="!asset.site.address">
|
|
{{'asset.details.owner.site.missing'| i18n}}
|
|
</div>
|
|
<div ng-show="asset.site.address">
|
|
<div class="person-card__column-caption">{{'personInfoCard.asset.caption.primaryOffice' | i18n}}</div>
|
|
<address class="person-address__primary-office_address">
|
|
<div>{{asset.site.name}}</div>
|
|
<div>{{asset.site.address.address}}</div>
|
|
</address>
|
|
<get-directions destination = "asset.site.address.address" ng-if="googleMapAvailable"></get-directions>
|
|
</div>
|
|
</div>
|
|
|
|
<div ng-if="asset.site.address && googleMapAvailable" class="person-address__column">
|
|
<div class="person-address__primary-office_map">
|
|
<embedded-location-map center="asset.site.address" location-objects="locationObjects" class="person-address__map"></embedded-location-map>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|