Commit 625523dd authored by Moises Sacal's avatar Moises Sacal
Browse files

organising columns in login

parent 4d62db17
......@@ -85,7 +85,7 @@ export class LabarchivesLoginField extends FieldBase<any> {
selector: 'ws-labarchiveslogin',
template: `
<div class="row">
<div *ngIf="!field.loggedIn" class="col-md-5 col-md-offset-2">
<div *ngIf="!field.loggedIn" class="col-md-6 col-md-offset-2">
<form #form="ngForm">
<div class="form-group">
<label>{{ field.usernameLabel }}</label>
......@@ -108,19 +108,26 @@ export class LabarchivesLoginField extends FieldBase<any> {
<!--Login trough UTS-->
<!--</button>-->
</p>
<p>{{ field.helpLoginLabel }}</p>
<ul>
<li *ngFor="let help of field.helpLoginLabelList">{{ help }}</li>
</ul>
<p>
<img alt="{{ field.loginHelpImageAlt }}" [src]="field.loginHelpImage"/>
</p>
</div>
<div class="form-row">
<div class="alert alert-danger" *ngIf="field.errorMessage">{{ field.errorMessage }}</div>
</div>
<div>
<p></p>
</div>
</form>
<div *ngIf="!field.loggedIn" class="col-md-12">
<div class="form-row col-md-6">
<p>{{ field.helpLoginLabel }}</p>
<ul>
<li *ngFor="let help of field.helpLoginLabelList">{{ help }}</li>
</ul>
<div class="form-row col-md-6">
<img alt="{{ field.loginHelpImageAlt }}" [src]="field.loginHelpImage"
style="padding: 4px; border: dotted 1px #ccc;"/>
</div>
</div>
</div>
</div>
</div>
<div id="institutionModal" class="modal fade">
......
......@@ -36,7 +36,7 @@ module.exports = {
loginLabel: 'Login',
usernameLabel: 'UTS email address',
passwordLabel: 'LabArchives Password Token for External applications',
helpLoginLabel: 'To get your Lab Archives token:',
helpLoginLabel: 'To get your Lab Archives password token:',
helpLoginLabelList: [
'Log in to LabArchives',
'In the top right, choose the user menu',
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment