<div class='wizdom-bootstrap-wrapper ms-webpart-chrome manualpageresponsible ms-webpartzone-cell' ng-if="showPageresponsible && (pageResponsible.primaryWizdomUser || pageResponsible.secondaryWizdomUser)">
    <div class='ms-webpart-chrome-title'>
        <span title='Responsible for content'>
            <h2 style='text-align:justify;' class='ms-webpart-titletext'>
                <nobr><span>{{ "Responsible for content" | translate }}</span></nobr>
            </h2>
        </span>
    </div>
    <div class="ms-wpContentDivSpace wizdom-pageInfo">

        <!-- Primary responsible -->
        <div ng-if="pageResponsible.primaryWizdomUser" class="primaryWizdomUser">
            <div class='ms-WPBody wizdom-pageInfo-container'>
                <div class="wizdom-pageInfo-row">
                    <div class="wizdom-pageInfo-imgColumn">
                        <div wizdom365-presence-picture
                             size="AVATAR"
                             email="pageResponsible.primaryWizdomUser.email"
                             accountname="pageResponsible.primaryWizdomUser.accountName"
                             name="pageResponsible.primaryWizdomUser.name"
                             url="pageResponsible.primaryWizdomUser.publicUrl"
                             image="pageResponsible.primaryWizdomUser.pictureURL"></div>
                    </div>
                    <div class="wizdom-pageInfo-textColumn">
                        <div class="heading">{{ "Primary responsible" | translate }}</div>
                        <div class='name'><a href='{{ pageResponsible.primaryWizdomUser.publicUrl }}'>{{ pageResponsible.primaryWizdomUser.name }}</a></div>
                        <div class='email'><a href='mailto:{{ pageResponsible.primaryWizdomUser.email }}'>{{ pageResponsible.primaryWizdomUser.email }}</a></div>
                    </div>
                </div>
                <div class='ms-clear'></div>
            </div>
        </div>

        <!-- secondary responsible -->
        <div ng-if="pageResponsible.secondaryWizdomUser">
            <div class='ms-WPBody wizdom-pageInfo-container'>
                <div class="wizdom-pageInfo-row">
                    <div class="wizdom-pageInfo-imgColumn">
                        <div wizdom365-presence-picture
                             size="AVATAR"
                             email="pageResponsible.secondaryWizdomUser.email"
                             accountname="pageResponsible.secondaryWizdomUser.accountName"
                             name="pageResponsible.secondaryWizdomUser.name"
                             url="pageResponsible.secondaryWizdomUser.publicUrl"
                             image="pageResponsible.secondaryWizdomUser.pictureURL"></div>
                    </div>
                    <div class="wizdom-pageInfo-textColumn">
                        <div class="heading">{{ "Secondary responsible" | translate }}</div>
                        <div class='name'><a href='{{ pageResponsible.secondaryWizdomUser.publicUrl }}'>{{ pageResponsible.secondaryWizdomUser.name }}</a></div>
                        <div class='email'><a href='mailto:{{ pageResponsible.secondaryWizdomUser.email }}'>{{ pageResponsible.secondaryWizdomUser.email }}</a></div>
                    </div>
                </div>
                <div class='ms-clear'></div>
            </div>
        </div>



    </div>
</div>