<div ng-repeat="user in users | filter: filter">
    <div class="wizdom-departmentUsers-row">
        <div class="wizdom-departmentUsers-imgColumn">
            <div wizdom365-presence-picture="" size="AVATAR" email="::user.email" accountname="::user.accountName" name="::user.name" image="::user.pictureURL"></div>
        </div>

        <div class="wizdom-departmentUsers-textColumn">
            <div class="name notranslate">
                <a ng-href="{{::user.publicUrl}}">{{::user.name}}</a>
            </div>
            <section>
                <div class="email notranslate" ng-show="::user.email.length">
                    <a ng-href="mailto:{{::user.email}}">{{::user.email}}</a>
                </div>
                <div class="phone" ng-show="::user.phone.length">
                    <a ng-href="tel:{{::user.phone}}">
                        {{::user.phone}}
                    </a>
                </div>
            </section>
            <div class="showMore" ng-show="!isObjectAllEmpty(user.extendedProperties)" ng-click="user.showExtendedInfo = !user.showExtendedInfo">
                <span ng-show="!user.showExtendedInfo">{{'Show more' | translate}}<i class="glyphicon glyphicon-menu-down" title="{{'Show more' | translate}}"></i></span>
                <span ng-show="user.showExtendedInfo">{{'Show less' | translate}}<i class="glyphicon glyphicon-menu-up" title="{{'Show less' | translate}}"></i></span>
            </div>
            <div class="extendedInfo" ng-show="user.showExtendedInfo">

                <div class="birthday" ng-show="user.extendedProperties.w365Birthday">
                    {{'Birthday' | translate}}: {{user.extendedProperties.w365Birthday | date:'MMMM d'}}
                </div>
                <div class="hireDate" ng-show="user.extendedProperties.w365HireDate">
                    {{'Hiredate' | translate}}: {{user.extendedProperties.w365HireDate | date: 'longDate'}}
                </div>
            </div>
        </div>
        
    </div>
</div>
