60 lines
1.6 KiB
HTML
60 lines
1.6 KiB
HTML
<div class="container has-text-centered">
|
||
<ng-container *ngIf="['REGISTERED', 'ADMIN'].includes((_user | async)?.role)">
|
||
<div class="columns">
|
||
<div class="column">
|
||
<h1>Mes sondages</h1>
|
||
</div>
|
||
</div>
|
||
<div class="columns">
|
||
<div class="column">
|
||
<table class="table is-bordered is-striped is-narrow is-hoverable is-fullwidth">
|
||
<thead></thead>
|
||
<tbody>
|
||
<tr *ngFor="let poll of (_user | async)?.polls">
|
||
<th>{{ poll.question }}</th>
|
||
<td>
|
||
<a routerLink="{{ '../../poll/' + poll.slug + '/consultation' }}">
|
||
{{ poll.slug }}
|
||
</a>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</ng-container>
|
||
<ng-container *ngIf="['ANONYMOUS'].includes((_user | async)?.role)">
|
||
<div class="columns">
|
||
<div class="column">
|
||
<a class="button is-primary" role="button" routerLink="/">
|
||
J’ai un compte, je me connecte
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="columns">
|
||
<div class="column">
|
||
<span>OU</span>
|
||
</div>
|
||
</div>
|
||
<div class="columns">
|
||
<div class="column">
|
||
<button class="button is-primary" (click)="toggleModal()">
|
||
Je n’ai pas de compte : envoyez-moi la liste par email
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</ng-container>
|
||
</div>
|
||
|
||
<div class="modal" [class.is-active]="isModalOpened">
|
||
<div class="modal-background" (click)="toggleModal()"></div>
|
||
<div class="modal-content has-background-light">
|
||
<div class="field">
|
||
<div class="control">
|
||
<input class="input" type="email" placeholder="Email" />
|
||
<button class="button is-primary is-fullwidth">Envoyez le mail !</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|