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

163 lines
4.9 KiB
HTML
Raw Normal View History

2020-01-16 15:35:11 +01:00
<div class="poll" >
2020-01-29 17:30:39 +01:00
<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 >-->
2020-01-16 15:35:11 +01:00
</div >
<section class="name" >
<label for="name" >
<i class='fa fa-user' ></i >
Votre nom :</label >
2020-01-16 15:35:11 +01:00
<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 >
2020-01-16 15:35:11 +01:00
</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"
2020-01-24 12:11:28 +01:00
[pollIsSpecialDate]="config.currentPoll.poll.kind == 'date'"
2020-01-23 16:47:53 +01:00
[poll]='config.currentPoll' ></framadate-vote-choice >
2020-01-16 15:35:11 +01:00
</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' >
2020-01-16 15:35:11 +01:00
<i class='fa fa-paper-plane' ></i > Envoyer
2020-01-29 17:30:39 +01:00
2020-01-16 15:35:11 +01:00
</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 >
2020-01-29 17:30:39 +01:00
<div
class="comments"
id='comments' >
2020-01-16 15:35:11 +01:00
<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" >
2020-01-23 15:24:39 +01:00
<input
type="text"
name="cremail"
id="email_comment"
[(ngModel)]="config.myEmail" >
<label for='email_comment' >
<i class='fa fa-envelope' ></i >
</label >
2020-01-16 15:35:11 +01:00
<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()' >
2020-01-24 12:11:28 +01:00
<div
class='comments-part'
*ngIf='config.currentPoll' >
<framadate-voting-comment
[comment]="c"
*ngFor="let c of config.currentPoll.comments " >
</framadate-voting-comment >
</div >
2020-01-16 15:35:11 +01:00
</div >
2020-01-24 12:11:28 +01:00
<div
class="sharing"
*ngIf='config.currentPoll' >
2020-01-16 15:35:11 +01:00
<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 :
2020-01-22 16:49:15 +01:00
<a href='{{config.currentPoll.urlPublic}}' >
{{config.currentPoll.urlPublic}}
2020-01-16 15:35:11 +01:00
</a >
</p >
<framadate-copy-text [textToCopy]='config.currentPoll.urlPublic' ></framadate-copy-text >
2020-01-16 15:35:11 +01:00
<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 >