Commit efb23360 authored by Moises Sacal's avatar Moises Sacal
Browse files

added help login image

parent 25d599ec
...@@ -17,6 +17,8 @@ export class LabarchivesLoginField extends FieldBase<any> { ...@@ -17,6 +17,8 @@ export class LabarchivesLoginField extends FieldBase<any> {
loginLabel: string; loginLabel: string;
helpLoginLabel: string; helpLoginLabel: string;
helpLoginLabelList: object[]; helpLoginLabelList: object[];
loginHelpImage: string;
loginHelpImageAlt: string;
password: string; password: string;
submitted = false; submitted = false;
errorMessage: string = undefined; errorMessage: string = undefined;
...@@ -36,7 +38,9 @@ export class LabarchivesLoginField extends FieldBase<any> { ...@@ -36,7 +38,9 @@ export class LabarchivesLoginField extends FieldBase<any> {
this.loginLabel = options['loginLabel'] || 'Login'; this.loginLabel = options['loginLabel'] || 'Login';
this.helpLoginLabel = options['helpLoginLabel'] || ''; this.helpLoginLabel = options['helpLoginLabel'] || '';
this.helpLoginLabelList = options['helpLoginLabelList'] || []; this.helpLoginLabelList = options['helpLoginLabelList'] || [];
this.closeLabel = 'Close'; this.loginHelpImageAlt = options['loginHelpImageAlt'] || 'labarchives help login';
this.loginHelpImage = options['loginHelpImage'] || this.loginHelpImageAlt;
this.closeLabel = options['closeLabel'] || 'Close';
this.labarchivesService = this.getFromInjector(LabarchivesService); this.labarchivesService = this.getFromInjector(LabarchivesService);
} }
...@@ -108,6 +112,9 @@ export class LabarchivesLoginField extends FieldBase<any> { ...@@ -108,6 +112,9 @@ export class LabarchivesLoginField extends FieldBase<any> {
<ul> <ul>
<li *ngFor="let help of field.helpLoginLabelList">{{ help }}</li> <li *ngFor="let help of field.helpLoginLabelList">{{ help }}</li>
</ul> </ul>
<p>
<img alt="{{ field.loginHelpImageAlt }}" [src]="field.loginHelpImage"/>
</p>
</div> </div>
<div class="alert alert-danger" *ngIf="field.errorMessage">{{ field.errorMessage }}</div> <div class="alert alert-danger" *ngIf="field.errorMessage">{{ field.errorMessage }}</div>
<div> <div>
......
...@@ -45,7 +45,10 @@ module.exports = { ...@@ -45,7 +45,10 @@ module.exports = {
'Come back to this screen', 'Come back to this screen',
'Enter your UTS email address', 'Enter your UTS email address',
'Paste the password token you copied above into LabArchives Password Token for External applications.' 'Paste the password token you copied above into LabArchives Password Token for External applications.'
] ],
loginHelpImageAlt: 'labarchives help login',
loginHelpImage: '/angular/labarchives/assets/images/labarchives-help-login.png',
closeLabel: 'Close'
} }
}, },
{ {
......
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