graphdb-workbench
Version:
The web application for GraphDB APIs
33 lines (31 loc) • 1.83 kB
HTML
<link href='css/login.css?v=3.1.0-RC3' rel='stylesheet' type='text/css'/>
<div id="wb-login">
<div class="login-form">
<div class="card">
<div class="card-block">
<h1>{{'view.login.title' | translate}}</h1>
<form class="form-horizontal loginForm" ng-submit="login()" ng-if="isGDBLoginEnabled()" novalidate>
<div ng-if="error" class="alert alert-danger">
{{'pass.or.username.mismatch' | translate}}
</div>
<div class="form-group mb-2" ng-class="wrongCredentials ? 'has-error' : ''">
<div class="input-group">
<span class="input-group-addon" gdb-tooltip="{{'security.table.username' | translate}}"><i class="fa-solid fa-user text-muted"></i></span>
<input id="wb-login-username" ng-model="$parent.username" placeholder="{{'your.name.placeholder' | translate}}" type="text" class="form-control form-control-lg" autofocus required ng-blur="wrongCredentials = false">
</div>
</div>
<div class="form-group mb-2" ng-class="wrongCredentials ? 'has-error' : ''">
<div class="input-group">
<span class="input-group-addon" gdb-tooltip="{{'security.password.placeholder' | translate}}"><em class="icon-lock icon-2x text-muted"></em></span>
<input id="wb-login-password" type="password" placeholder="{{'your.password.placeholder' | translate}}" ng-model="$parent.password" class="form-control form-control-lg" required ng-blur="wrongCredentials = false">
</div>
</div>
<div class="form-group text-right">
<button id="wb-login-submitLogin" type="submit" class="btn btn-primary btn-lg">{{'sign.in' | translate}}</button>
</div>
</form>
<button ng-if="isOpenIDEnabled()" ng-click="loginWithOpenID()" class="btn btn-primary btn-lg">{{'sign.in.openid' | translate}}</button>
</div>
</div>
</div>
</div>