Redesign register steps

1 files changed, 16 insertions, 0 deletions

diff --git a/client/src/app/+signup/+register/steps/register-step-terms.component.html b/client/src/app/+signup/+register/steps/register-step-terms.component.html
new file mode 100644
index 000000000..f54ca77e2
--- /dev/null
+++ b/client/src/app/+signup/+register/steps/register-step-terms.component.html
@@ -0,0 +1,16 @@
+<form role="form" [formGroup]="form">
+  <div class="form-group">
+    <my-peertube-checkbox inputName="terms" formControlName="terms">
+      <ng-template ptTemplate="label">
+        <ng-container i18n>
+          I am at least {{ minimumAge }} years old and agree
+          to the <a class="link-orange" (click)="onTermsClick($event)" href='#'>Terms</a>
+          <ng-container *ngIf="hasCodeOfConduct"> and to the <a (click)="onCodeOfConductClick($event)" href='#'>Code of Conduct</a></ng-container>
+          of this instance
+        </ng-container>
+      </ng-template>
+    </my-peertube-checkbox>
+
+    <div *ngIf="formErrors.terms" class="form-error">{{ formErrors.terms }}</div>
+  </div>
+</form>