2021-04-26 12:00:20 +02:00
|
|
|
<div class="comments padded" id="comments">
|
2021-04-28 12:01:09 +02:00
|
|
|
<div class="message-body" *ngIf="poll.is_archived">
|
|
|
|
⚰️ Ce sondage a expiré, il n'est plus possible d'y ajouter de votes ou de commentaires
|
|
|
|
</div>
|
|
|
|
<section class="comments-part" *ngIf="!poll.is_archived && poll.comments">
|
|
|
|
<h2 class="title is-2">
|
|
|
|
<i class="fa fa-comment"></i>
|
|
|
|
{{ poll.comments.length }} Commentaires
|
|
|
|
</h2>
|
|
|
|
|
|
|
|
<article class="message" *ngFor="let comment of poll.comments">
|
|
|
|
<div class="message-header">
|
|
|
|
<p>
|
|
|
|
<em class="cname"> {{ comment.pseudo }} </em>,
|
|
|
|
|
|
|
|
<span class="date date-days-ago">
|
|
|
|
il y a
|
|
|
|
{{ calculateDaysAgoOfComment(comment.created_at) }} jours, le </span
|
|
|
|
><span class="date is-small">
|
|
|
|
{{ comment.created_at | date: 'short':'Europe/Paris':'fr_FR' }}
|
|
|
|
</span>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="message-body">
|
|
|
|
<p class="text">
|
|
|
|
{{ comment.text }}
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</article>
|
|
|
|
</section>
|
2021-04-26 12:00:20 +02:00
|
|
|
<section class="add-comment" *ngIf="!poll.is_archived">
|
|
|
|
<h2 class="margin-top-x7">Laisser un commentaire</h2>
|
|
|
|
<article class="message">
|
|
|
|
<div class="message-header">
|
|
|
|
<div class="field">
|
|
|
|
<span class="control has-icons-left has-icons-right">
|
|
|
|
<input
|
|
|
|
type="email"
|
|
|
|
name="cremail"
|
|
|
|
id="email_comment"
|
2021-04-28 12:01:09 +02:00
|
|
|
[(ngModel)]="vote_stack.owner.email"
|
2021-04-26 12:00:20 +02:00
|
|
|
placeholder="chuck@norris.com"
|
|
|
|
required="required"
|
|
|
|
/>
|
|
|
|
<span class="icon is-small is-left">
|
|
|
|
<i class="fa fa-envelope"></i>
|
|
|
|
</span>
|
2021-04-26 10:32:42 +02:00
|
|
|
</span>
|
2021-04-26 12:00:20 +02:00
|
|
|
<span class="control has-icons-left">
|
|
|
|
<input
|
|
|
|
type="text"
|
|
|
|
class="margin-btm-x3"
|
|
|
|
name="crname"
|
2021-04-28 12:01:09 +02:00
|
|
|
[(ngModel)]="vote_stack.pseudo"
|
2021-04-26 12:00:20 +02:00
|
|
|
id="crname"
|
|
|
|
placeholder="pseudo"
|
|
|
|
required="required"
|
|
|
|
/>
|
|
|
|
<span class="icon is-small is-left">
|
|
|
|
<i class="fa fa-user"></i>
|
|
|
|
</span>
|
2021-04-26 10:32:42 +02:00
|
|
|
</span>
|
2021-04-26 12:00:20 +02:00
|
|
|
</div>
|
2021-04-26 10:32:42 +02:00
|
|
|
|
2021-04-26 12:00:20 +02:00
|
|
|
<!-- <label for="crname"><i class="fa fa-user" aria-hidden="true"></i> Votre nom / pseudo :</label>-->
|
2021-04-26 10:32:42 +02:00
|
|
|
|
2021-04-26 12:00:20 +02:00
|
|
|
<!-- <label for="cremail"><i class="fa fa-envelope" aria-hidden="true"></i> Votre email :</label>-->
|
|
|
|
</div>
|
|
|
|
<div class="message-body">
|
|
|
|
<label for="comment">Votre commentaire :</label>
|
|
|
|
<br />
|
2021-04-28 12:01:09 +02:00
|
|
|
<textarea name="comment" id="comment" [(ngModel)]="vote_stack.comment"> </textarea>
|
2021-04-26 10:32:42 +02:00
|
|
|
|
2021-04-26 12:00:20 +02:00
|
|
|
<input
|
|
|
|
type="submit"
|
|
|
|
name="add-comment"
|
|
|
|
class="btn btn--primary btn--outline"
|
|
|
|
value="Ajouter mon commentaire ✉️"
|
|
|
|
(click)="addComment()"
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</article>
|
|
|
|
</section>
|
2021-04-26 10:32:42 +02:00
|
|
|
</div>
|