pimatic-angular-material-frontend/partials/login.html

Provides an AngularJS webinterface for Pimatic with material design.

<div layout="row">
    <div flex-sm="100" flex-md="50" flex-gt-md="33" flex-offset-sm="0" flex-offset-md="25" flex-offset-gt-md="33">
        <md-card class="login-card">
            <md-card-content>
                <h2>Login</h2>
                <form name="loginForm" ng-submit="login()">
                    <div ng-show="form.message">
                        {{form.message}}
                    </div>
                    <md-input-container>
                        <label>Username</label>
                        <input name="username" ng-model="form.username" required type="text">
                        <div ng-messages="loginForm.username.$error" ng-show="loginForm.username.$dirty">
                            <div ng-message="required">Required</div>
                        </div>
                    </md-input-container>

                    <md-input-container>
                        <label>Password</label>
                        <input name="password" ng-model="form.password" required type="password">
                        <div ng-messages="loginForm.password.$error" ng-show="loginForm.password.$dirty">
                            <div ng-message="required">Required</div>
                        </div>
                    </md-input-container>

                    <md-input-container>
                        <md-checkbox ng-model="form.rememberMe" aria-label="Remember me">
                            Remember me
                        </md-checkbox>
                    </md-input-container>


                    <md-button class="md-raised md-primary" ng-disabled="form.busy" ng-click="login()">
                        Login
                    </md-button>
                </form>
            </md-card-content>
        </md-card>
    </div>

</div>