helpdesk-search-cards.component.html

<!--
  ~ Password Management Servlets (PWM)
  ~ http://www.pwm-project.org
  ~
  ~ Copyright (c) 2006-2009 Novell, Inc.
  ~ Copyright (c) 2009-2018 The PWM Project
  ~
  ~ This program is free software; you can redistribute it and/or modify
  ~ it under the terms of the GNU General Public License as published by
  ~ the Free Software Foundation; either version 2 of the License, or
  ~ (at your option) any later version.
  ~
  ~ This program is distributed in the hope that it will be useful,
  ~ but WITHOUT ANY WARRANTY; without even the implied warranty of
  ~ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  ~ GNU General Public License for more details.
  ~
  ~ You should have received a copy of the GNU General Public License
  ~ along with this program; if not, write to the Free Software
  ~ Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
  -->

<div class="ias-header">
    <h2 id="page-content-title" translate="Title_HelpDesk">Help Desk</h2>
    <ias-search-box ng-model="$ctrl.query" ng-model-options="{debounce: $ctrl.inputDebounce}"
                    placeholder="{{'Placeholder_Search' | translate}}">
    </ias-search-box>
    <ias-button class="verifications-button ias-cta" ng-if="$ctrl.verificationsEnabled"
                ng-click="$ctrl.showVerifications()">{{ 'Button_Verifications' | translate }}</ias-button>

    <span class="ias-fill"></span>

    <ias-button id="view-tile-icon" class="ias-icon-button ias-selected"
                ng-disabled="true"
                ng-attr-title="{{ 'Title_HelpDeskCard' | translate }}">
        <ias-icon icon="view_tile_thin"></ias-icon>
    </ias-button>
    <ias-button id="view-list-icon" class="ias-icon-button"
                ng-click="$ctrl.gotoTableView()"
                ng-attr-title="{{ 'Title_HelpDeskTable' | translate }}">
        <ias-icon icon="view_list_thin"></ias-icon>
    </ias-button>
</div>

<div class="search-info-container">
    <div class="search-info" ng-class="{'loading': !$ctrl.getMessage()}"
         ng-if="$ctrl.loading || $ctrl.searchMessage || $ctrl.errorMessage"
         ng-bind="$ctrl.getMessage() || ('Display_PleaseWait' | translate)">
    </div>
</div>

<div class="people-search-component-content">
    <div class="ias-grid">
        <person-card person="person"
                     show-image="$ctrl.photosEnabled"
                     ng-repeat="person in $ctrl.searchResult.people | orderBy:'displayNames[0]'"
                     ng-click="$ctrl.selectPerson(person)">
        </person-card>
    </div>
</div>