Check for gaps in email's field form

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@54469 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
sofia.baltzi 2018-12-20 14:47:49 +00:00
parent ec583f577e
commit 9a0a3d4eda
2 changed files with 10 additions and 3 deletions

View File

@ -37,7 +37,7 @@
required>
<div *ngIf="areValid && !showAddRecipientMessage" class="uk-width-medium uk-text-muted uk-text-small">separate multiple emails with a comma</div>
<div *ngIf="recipients && !areValid" class="uk-width-large uk-text-danger uk-text-small">Please add valid email/s.</div>
<div *ngIf="!recipients && showAddRecipientMessage" class="uk-width-large uk-text-danger uk-text-small">Please add a recipient.</div>
<div *ngIf="isEmpty(recipients) && showAddRecipientMessage" class="uk-width-large uk-text-danger uk-text-small">Please add a recipient.</div>
</td>
</tr>
</tbody>
@ -162,7 +162,7 @@
<div class="uk-form uk-margin-small" id="toggle-usage" hidden="hidden">
<div *ngIf="recipients && !areValid" class="uk-width-large uk-text-danger uk-text-small uk-margin-top">Please add valid email/s.</div>
<div *ngIf="!recipients && showAddRecipientMessage" class="uk-width-large uk-text-danger uk-text-small uk-margin-top">Please add a recipient.</div>
<div *ngIf="isEmpty(recipients) && showAddRecipientMessage" class="uk-width-large uk-text-danger uk-text-small uk-margin-top">Please add a recipient.</div>
<input placeholder="Type e-mails" type="text"
class="form-control uk-input uk-form-small uk-form" [(ngModel)] = "recipients" id="recipients"
required >

View File

@ -114,7 +114,7 @@ export class InviteComponent implements OnInit {
this.successfulSentMessage = "";
this.inviteErrorMessage = "";
this.status = this.errorCodes.LOADING;
if (this.recipients != "" && this.body.fromName != "") {
if (!this.isEmpty(this.recipients) && this.body.fromName != "") {
if (this.validateEmails()) {
this.composeEmail();
console.log(this.email.body);
@ -151,6 +151,13 @@ export class InviteComponent implements OnInit {
}
}
private isEmpty(data: string): boolean {
if (data != undefined && !data.replace(/\s/g, '').length)
return true;
else
return false;
}
public resetMessages() {
this.errorMessage = "";
this.successfulSentMessage = "";