2019-07-07 02:56:19 +02:00
|
|
|
<div class="panel" [class.comrade__background]="isComrade">
|
|
|
|
<h3 class="panel__title" [class.comrade__text]="isComrade">Add new account</h3>
|
2018-09-22 07:16:21 +02:00
|
|
|
|
2019-07-07 02:56:19 +02:00
|
|
|
<h2 class="comrade__title" *ngIf="isComrade">Welcome Comrade!</h2>
|
2018-09-22 07:16:21 +02:00
|
|
|
<form (ngSubmit)="onSubmit()">
|
2019-07-07 02:56:19 +02:00
|
|
|
<label [class.comrade__text]="isComrade">Please provide your <span *ngIf="isComrade">comrade</span> account:</label>
|
|
|
|
<input type="text" class="form-control form-control-sm form-color" [(ngModel)]="mastodonFullHandle" name="mastodonFullHandle" [class.comrade__input]="isComrade"
|
2018-09-22 07:16:21 +02:00
|
|
|
placeholder="@nickname@mastodon.social" />
|
|
|
|
<br />
|
2020-01-01 19:09:02 +01:00
|
|
|
<button *ngIf="!isLoading" type="submit" class="btn btn-success btn-sm" [class.comrade__button]="isComrade">Submit</button>
|
|
|
|
<app-waiting-animation *ngIf="isLoading" class="waiting-icon"></app-waiting-animation>
|
2018-09-22 07:16:21 +02:00
|
|
|
</form>
|
2019-07-07 02:13:05 +02:00
|
|
|
|
2019-07-07 02:56:19 +02:00
|
|
|
<div *ngIf="isComrade" class="comrade__video">
|
2019-07-07 02:13:05 +02:00
|
|
|
<iframe width="300" height="170" src="https://www.youtube.com/embed/NzBjnoRG7Mo?feature=oembed&autoplay=1&auto_play=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
2018-09-22 07:16:21 +02:00
|
|
|
</div>
|