Skip to content

Commit

Permalink
Create submission acknowledgement view
Browse files Browse the repository at this point in the history
  • Loading branch information
xenosf committed Mar 24, 2024
1 parent f3845cc commit 17baed6
Show file tree
Hide file tree
Showing 2 changed files with 57 additions and 17 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<!-- aria-hidden as screen readers use the required attribute -->
Questions marked with an asterisk <span class="red-font">*</span> are required.
</p>
<form (ngSubmit)="onSubmit()" [formGroup]="arf" class="col-xs-12 col-md-10 col-lg-8 col-xl-7 col-xxl-6">
<form (ngSubmit)="onSubmit()" [formGroup]="arf">
<div class="form-group {{isFieldRequired(name) ? 'required' : ''}}">
<label for="name" id="name-label" class="qn">
Full Name
Expand Down
72 changes: 56 additions & 16 deletions src/web/app/pages-static/request-page/request-page.component.html
Original file line number Diff line number Diff line change
@@ -1,21 +1,61 @@
<h1 class="color-orange">
Request for an Instructor Account
</h1>
<p>
Request for an instructor account using this form if you are an instructor and want to use TEAMMATES to manage peer evaluations and/or other feedback paths of your students.
</p>
<hr>
<div *ngIf="!isDeclarationDone">
<p>
Note: <b>Students should not use this form to request for TEAMMATES accounts</b>, as students do not need accounts to use TEAMMATES. Instead, TEAMMATES will email students (who have been added to TEAMMATES by a course instructor) an access link when there is a TEAMMATES session available for them to access.
</p>
<a type="button" class="btn btn-secondary" tmRouterLink="/web/front/home">Back to home page</a>
<button type="button" class="btn btn-primary ms-3" (click)="onDeclarationButtonClicked()">I am an instructor</button>
</div>
<div *ngIf="isDeclarationDone">
<tm-instructor-request-form *ngIf="!submittedFormData" (requestSubmitted)="onRequestSubmitted($event)"></tm-instructor-request-form>
<div class="col-xs-12 col-md-10 col-lg-8 col-xl-7 col-xxl-6">
<div *ngIf="!submittedFormData">
<p>
Request for an instructor account using this form if you are an instructor and want to use TEAMMATES to manage peer evaluations and/or other feedback paths of your students.
</p>
<hr>
<div *ngIf="!isDeclarationDone">
<p>
Note: <b>Students should not use this form to request for TEAMMATES accounts</b>, as students do not need accounts to use TEAMMATES. Instead, TEAMMATES will email students (who have been added to TEAMMATES by a course instructor) an access link when there is a TEAMMATES session available for them to access.
</p>
<a type="button" class="btn btn-secondary" tmRouterLink="/web/front/home">Back to home page</a>
<button type="button" class="btn btn-primary ms-3" (click)="onDeclarationButtonClicked()">I am an instructor</button>
</div>
<div *ngIf="isDeclarationDone">
<tm-instructor-request-form *ngIf="!submittedFormData" (requestSubmitted)="onRequestSubmitted($event)"></tm-instructor-request-form>
</div>
<hr>
</div>
<div *ngIf="submittedFormData">
name: {{submittedFormData!.name}}
<p>
Your request has been submitted successfully:
</p>
<table class="table table-bordered my-3">
<tbody>
<tr>
<th scope="row" class="col-3">Full Name</th>
<td>{{submittedFormData.name}}</td>
</tr>
<tr>
<th scope="row">Institution</th>
<td>{{submittedFormData.institution}}</td>
</tr>
<tr>
<th scope="row">Country</th>
<td>{{submittedFormData.country}}</td>
</tr>
<tr>
<th scope="row">Email</th>
<td>{{submittedFormData.email}}</td>
</tr>
<tr>
<th scope="row">Home Page URL</th>
<td>{{submittedFormData.homePage}}</td>
</tr>
<tr>
<th scope="row">Comments</th>
<td>{{submittedFormData.comments}}</td>
</tr>
</tbody>
</table>
<p>
We have sent an acknowledgement email to your email address <b>{{submittedFormData.email}}</b>.
Please check your email inbox or spam folder.<br>
If you do not receive the acknowledgement email within 1 hour, please <a tmRouterLink="/web/front/contact">contact</a> us.
</p>
</div>
</div>
<hr>

</div>

0 comments on commit 17baed6

Please sign in to comment.