pip-webui/pip-webui-entry/src/recover_password/recover_password_panel.html

HTML5 UI for LOB applications

<div class="pip-body">
    <div class="pip-content">
        <md-progress-linear ng-show="transaction.busy()" md-mode="indeterminate" class="pip-progress-top">
        </md-progress-linear>

        <h2>{{'RECOVER_PWD_TITLE' | translate}}</h2>

        <p class="text-primary tm0 bm16">{{'RECOVER_PWD_TEXT_1' | translate}} </p>

        <p class="text-primary tm0 bm16">{{'RECOVER_PWD_TEXT_2' | translate}}</p>

        <form name="form" novalidate>
            <div ng-messages="form.$serverError" class="text-error bm8"  md-auto-hide="false">
                <div ng-message="ERROR_1000">{{::'ERROR_1000' | translate}}</div>
                <div ng-message="ERROR_1110">{{::'ERROR_1110' | translate}}</div>
                <div ng-message="ERROR_1111">{{::'ERROR_1111' | translate}}</div>
                <div ng-message="ERROR_1112">{{::'ERROR_1112' | translate}}</div>
                <div ng-message="ERROR_-1">{{::'ERROR_SERVER' | translate}}</div>
                <div ng-message="ERROR_UNKNOWN">
                    {{ form.$serverError.ERROR_UNKNOWN | translate }}
                </div>
            </div>

            <a ng-hide="showServerUrl || fixedServerUrl" ng-click="showServerUrl = true" href="">
                {{'ENTRY_CHANGE_SERVER' | translate}}
            </a>

            <div ng-show="showServerUrl">
                <md-autocomplete
                        ng-initial autofocus tabindex="1"
                        class="pip-combobox w-stretch bm8"
                        name="server"
                        ng-enabled="!transaction.busy()"
                        placeholder="{{::'ENTRY_SERVER_URL' | translate}}"
                        md-no-cache="true"
                        md-selected-item="data.serverUrl"
                        md-search-text="selected.searchURLs"
                        md-items="item in getMatches()"
                        md-item-text="item"
                        md-selected-item-change="onServerUrlChanged()"
                        md-delay="200"
                        ng-model="data.serverUrl"
                        pip-clear-errors>
                    <span md-highlight-text="selected.searchURLs">{{item}}</span>
                </md-autocomplete>
            </div>
            <md-input-container class="pip-no-hint" style="padding-bottom: 4px!important;">
                <label>{{::'EMAIL' | translate}}</label>
                <input name="email" type="email"
                       ng-model="data.email"
                       pip-email-unique="data.email"
                       required step="any" pip-clear-errors
                       ng-disabled="transaction.busy()" tabindex="2"/>

                <div class="hint" ng-if="touchedErrorsWithHint(form, form.email).hint">
                    {{::'HINT_EMAIL' | translate}}
                </div>
                <div ng-messages="touchedErrorsWithHint(form, form.email)"
                     class="md-input-error"  md-auto-hide="false">
                    <div ng-message="required">{{::'ERROR_EMAIL_INVALID' | translate }}</div>
                    <div ng-message="email">{{::'ERROR_EMAIL_INVALID' | translate }}</div>
                    <div ng-message="emailUnique">{{::'ERROR_1104' | translate}}</div>
                    <div ng-message="ERROR_1100">{{::'ERROR_1100' | translate}}</div>
                    <div ng-message="ERROR_1106">{{::'ERROR_1106' | translate}}</div>
                </div>
            </md-input-container>
        </form>

    </div>
</div>