funky-framadate-front/src/app/pages/poll-display/poll-display.component.html

187 lines
5.7 KiB
HTML

<div class="poll" >
<div id='table' >
<framadate-voting-summary ></framadate-voting-summary >
</div >
<!-- <nav class='sections-nav' >-->
<!-- <ul >-->
<!-- <li >-->
<!-- <a href='#title' >-->
<!-- {{config.currentPoll.poll.title}}-->
<!-- </a >-->
<!-- </li >-->
<!-- <li >-->
<!-- <a href='#table' >-->
<!-- {{config.currentPoll.stacks.length}}-->
<!-- votes-->
<!-- </a >-->
<!-- </li >-->
<!-- <li >-->
<!-- <a href='#graph' >-->
<!-- Graphique-->
<!-- </a >-->
<!-- </li >-->
<!-- <li >-->
<!-- <a href='#comments' >-->
<!-- <i class='fa fa-comments' ></i >-->
<!-- <span-->
<!-- *ngIf='config.currentPoll && config.currentPoll.comments'-->
<!-- class='comments-count' >-->
<!-- {{config.currentPoll.comments.length}}-->
<!-- </span >-->
<!-- commentaires-->
<!-- </a >-->
<!-- </li >-->
<!-- </ul >-->
<!-- </nav >-->
<div class='heading' >
<div class='col-xs-6' >
<h1 id='title' >{{config.currentPoll.poll.title}}</h1 >
<p >{{config.currentPoll.poll.description}}</p >
<span class="creationDate" >
Créé le {{config.currentPoll.poll.creationDate.date}}
</span >
<span class="expiracyDate" >
Expire le {{config.currentPoll.poll.expiracyDate.date}}
</span >
<div class="votants" >
<i class='fa fa-users' ></i >
{{config.currentPoll.stacks.length}} votants,
{{config.currentPoll.choices.length}} choix,
</div >
</div >
</div >
</div >
<section class="name" >
<label for="name" >
<i class='fa fa-user' ></i >
Votre nom :</label >
<input
type="text"
name="name"
id="name"
[(ngModel)]="config.myName" >
<input
type="text"
name="name"
id="email"
[(ngModel)]="config.myEmail" >
<i class='fa fa-envelope' ></i >
</section >
<div
*ngIf='config.currentPoll'
class="list-of-choices" >
<div *ngFor="let choice of config.currentPoll.choices" >
<framadate-vote-choice
[choice]="choice"
[choices_count]="config.currentPoll.choices_count"
[pollIsSpecialDate]="config.currentPoll.poll.kind == 'date'"
[poll]='config.currentPoll' ></framadate-vote-choice >
</div >
</div >
<button
class='btn btn-block submit-votestack'
(click)='config.addVote()'
[disabled]='!config.myTempVoteStack'
[ngClass]='{"btn--primary" : config.myTempVoteStack } '
*ngIf='!config.myVoteStack || !config.myVoteStack.id' >
<i class='fa fa-paper-plane' ></i > Envoyer
</button >
<button
class='btn btn--primary btn-block submit-votestack update'
(click)='config.updateVote(config.myVoteStack)'
*ngIf='config.myVoteStack && config.myVoteStack.id' >
<i class='fa fa-pencil' ></i > Mettre à jour
</button >
<hr >
<div id='graph' >
<!--<framadate-voting-graph ></framadate-voting-graph >-->
</div >
<div
class="comments"
id='comments' >
<h2 class="margin-top-x7" >Laisser un commentaire</h2 >
<label for="crname" >Votre nom :</label >
<input
type="text"
class="margin-btm-x3"
name="crname"
[(ngModel)]='config.myName'
id="crname" >
<input
type="text"
name="cremail"
id="email_comment"
[(ngModel)]="config.myEmail" >
<label for='email_comment' >
<i class='fa fa-envelope' ></i >
</label >
<div >
<label for="comment" >Votre commentaire :</label >
<br >
<textarea
name="comment"
id="comment"
[(ngModel)]='config.myComment'
>
</textarea >
</div >
<input
type="submit"
name="add-comment"
class="btn btn--primary btn--outline"
value="Ajouter mon commentaire"
(click)='config.addComment()' >
<div
class='comments-part'
*ngIf='config.currentPoll' >
<framadate-voting-comment
[comment]="c"
*ngFor="let c of config.currentPoll.comments " >
</framadate-voting-comment >
</div >
</div >
<div
class="sharing"
*ngIf='config.currentPoll' >
<h3 class="margin-top-x8" >Partager le sondage
<i class='fa fa-share' ></i ></h3 >
<p
class="nobold text-14"
for="copyLink" >Pour partager le sondage, vous pouvez diffuser ce lien :
<a href='{{config.currentPoll.urlPublic}}' >
{{config.currentPoll.urlPublic}}
</a >
</p >
<button
class=" btn btn--primary btn--outline"
[ngxClipboard]
[cbContent]="config.currentPoll.urlPublic"
id="copyLink" >
<i class='fa fa-copy' ></i >
{{"admin.copy_link" |translate}}
</button >
<h3 class="margin-top-x6 margin-btm-x3" >
Exporter/Imprimer
</h3 >
<input
type="submit"
name="export"
class="margin-btm-x3 btn btn--primary btn--outline"
value="Exporter en .csv"
(click)="config.exportCSV()" >
<input
type="submit"
name="copy-link"
class="btn btn--primary btn--outline"
value="Imprimer le sondage"
(click)="config.print()" >
</div >