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

<div class="poll" >
    <nav class='sections-nav' >
        <ul >
            <li >
                <a href='#title' >
                    {{config.currentPoll.data.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.data.title}}</h1 >
            <p >{{config.currentPoll.data.description}}</p >
            <span class="creationDate" >
                Créé le {{config.currentPoll.data.creationDate.date}}
            </span >
            <span class="expiracyDate" >
                Expire le {{config.currentPoll.data.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"
            [pollIsSpecialDate]="config.currentPoll.data.kind == 'date'"
            [poll]='config.currentPoll' ></framadate-vote-choice >
    </div >
</div >
<button
    class='btn btn--primary btn-block'
    (click)='config.addVote()'
    *ngIf='!config.myVoteStack || !config.myVoteStack.id' >
    <i class='fa fa-paper-plane' ></i > Envoyer
</button >
<button
    class='btn btn--primary btn-block'
    (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 id='table' >
    <!--<framadate-voting-summary ></framadate-voting-summary >-->
</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()' >
    <framadate-voting-comment
        [comment]="c"
        *ngFor="let c of config.currentPoll.comments " >
    </framadate-voting-comment >
</div >
<div class="sharing" >
    <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 >