salix/modules/worker/front/descriptor/index.html

<vn-descriptor-content
    module="worker"
    description="$ctrl.worker.firstName +' '+ $ctrl.worker.lastName"
    summary="$ctrl.$.summary">
    <slot-before>
        <div class="photo" text-center>
            <img vn-id="photo"
                ng-src="{{$root.imagePath('user', '520x520', $ctrl.worker.id)}}" 
                zoom-image="{{$root.imagePath('user', '1600x1600', $ctrl.worker.id)}}" 
                on-error-src/>
            <vn-float-button ng-click="uploadPhoto.show('user', $ctrl.worker.id)"
                icon="edit"
                vn-visible-by="userPhotos">
            </vn-float-button>
        </div>
    </slot-before>
    <slot-menu>
         <vn-item
            ng-click="$ctrl.handleExcluded()"
            translate
            ng-if="!$ctrl.excluded">
            Click to exclude the user from getting disabled
        </vn-item>
        <vn-item
            ng-click="$ctrl.handleExcluded()"
            translate
            ng-if="$ctrl.excluded">
            Click to allow the user to be disabled 
        </vn-item>
    </slot-menu>
    <slot-body>
        <div class="attributes">
            <vn-label-value
                label="User" 
                value="{{$ctrl.worker.user.name}}">
            </vn-label-value>
            <vn-label-value
                label="Email" 
                value="{{$ctrl.worker.user.emailUser.email}}">
            </vn-label-value>
            <vn-label-value
                label="Department" 
                value="{{$ctrl.worker.department.department.name}}">
            </vn-label-value>
            <vn-label-value
                label="Phone" 
                value="{{$ctrl.worker.phone}}">
            </vn-label-value>
            <vn-label-value
                label="Extension" 
                value="{{$ctrl.worker.sip.extension}}">
            </vn-label-value>
        </div>
        <div class="icons">
            <vn-icon
                vn-tooltip="This user can't be disabled"
                icon="person"
                ng-if="$ctrl.worker.excluded">
            </vn-icon>
        </div>
        <div class="quicklinks">
            <div ng-transclude="btnOne">
                <vn-quick-link
                    tooltip="Go to client"
                    state="['client.card.summary', {id: $ctrl.id}]"
                    icon="person">
                </vn-quick-link>
            </div>
            <div ng-transclude="btnTwo">
                <vn-quick-link
                    vn-acl="hr"
                    vn-acl-action="remove"
                    tooltip="Go to user"
                    state="['account.card.summary', {id: $ctrl.id}]"
                    icon="face">
                </vn-quick-link>
            </div>
            <div ng-transclude="btnThree"></div>
        </div>
    </slot-body>
</vn-descriptor-content>
<vn-popup vn-id="summary">
    <vn-worker-summary worker="$ctrl.worker"></vn-worker-summary>
</vn-popup>

<!-- Upload photo dialog -->
<vn-upload-photo 
    vn-id="uploadPhoto" 
    on-response="$ctrl.onUploadResponse()">
</vn-upload-photo>