funky-framadate-front/src/app/pages/voting/voting-summary/voting-summary.component.html

<h2 >Résumé</h2 >
<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 class="preferred" >
    <i class='fa fa-star' ></i >
    Pour l'instant,
    <span *ngIf='severalPreferred' >
        les
    </span > <span *ngIf='!severalPreferred' >
        le
    </span >
    choix ayant reçu le plus grand nombre de votes ( {{config.currentPoll.choices_count.maxScore}} points )
    <span *ngIf='severalPreferred' >
        sont à égalité
    </span > <span *ngIf='!severalPreferred' >
        est
    </span >
    :
    <span class='preferred-result' >
    {{preferred}}
    </span >
</div >
<table class='table is-striped is-bordered is-hoverable' >
    <thead >
    <tr *ngIf='config.currentPoll.choices && config.currentPoll.choices_count' >
        <td >
            Pseudo
        </td >
        <td
            *ngFor='let choice of config.currentPoll.choices'

        >
            {{choice.text}}
        </td >
    </tr >
    <!--    somme des points, dont un demi point pour les "peut être" -->

    </thead >
    <tbody >
    <tr

        title='somme des points, dont un demi point pour les "peut être"' >
        <td >
            <i class='fa fa-plus-circle' ></i > points
        </td >
        <!--        <td-->
        <!--            *ngFor='let choice of config.currentPoll.choices'-->
        <!--            [ngClass]='{"has-max-score" : config.currentPoll.choices_count.maxScore === config.currentPoll.choices_count.counts[choice.id].score}' >-->
        <!--            {{config.currentPoll.choices[choice.id].score}}-->
        <!--        </td >-->
        <td
            *ngFor='let choice of config.currentPoll.choices'
        >
            {{pollconfig.choices_count.counts[this.pollconfig.choices[2].id].score}}
        </td >
    </tr >
    <tr class='details' >
        <td >
            <i class='fa fa-eye' ></i >
        </td >
        <td *ngFor='let choice of config.currentPoll.choices' >
            id: {{choice.id}}
            <br >
            <!--            yes {{config.currentPoll.choices_count.counts[choice.id].yes.count}}-->
            <!--            <br >-->
            <!--            maybe-->
            <!--            {{(config.currentPoll.choices_count.counts[k].yes.maybe ? config.currentPoll.choices_count.counts[k].yes.count * 0.5 : 0)}}-->

            <!--            <br >-->
            <!--            no {{(config.currentPoll.choices_count.counts[k].yes.maybe ? config.currentPoll.choices_count.counts[k].maybe.count * 0.5 : 0)}}-->
            <br >
            <!--            score :-->
            <!--            {{(config.currentPoll.choices_count.counts[choice.id].score)}}-->

        </td >
    </tr >
    <tr
        class='votes-of-the-person'
        *ngFor='let voteStack of config.currentPoll.stacks'
    >
        <td >
            <!--            // TODO show modify if this is our own vote-->

            <button
                (click)='config.loadVoteStack(voteStack)'
                *ngIf="config.currentPoll.poll.modificationPolicy === 'everybody'"
                class='btn btn--primary pull-left btn--small'
            >
                <i class='fa fa-pencil' ></i >
            </button >

            {{voteStack.pseudo}}
        </td >
        <td *ngFor='let v of getKeys(voteStack.votes)' >
            <span *ngIf='voteStack.votes[v].value' >

                <img
                    *ngIf="voteStack.votes[v].value == 'yes'"
                    src='../../../../assets/img/votant-sur.svg'
                    alt='yes' >
                <img
                    *ngIf="voteStack.votes[v].value == 'maybe'"
                    src='../../../../assets/img/votant-pas-sur.svg'
                    alt='yes' >
            </span >
        </td >
    </tr >
    <!--    bottom line shows each answer details-->

    </tbody >
</table >
<button
    *ngIf='config.isAdmin'
    type="button"
    (click)="showModalDialog()"
    pButton
    icon="pi pi-external-link"
    label="Show" >
    show admin confirmation modal
</button >
<p-dialog
    [(visible)]="config.displayConfirmVoteModalAdmin"
    [modal]="true"
    [baseZIndex]="10000"
    [draggable]="false"
    [resizable]="false"
    [showHeader]="false"
    [transitionOptions]="'200ms'" >
    <div style='max-width: 30em; padding: 2em 1em;' >
        <h4 class='title' >
            Participation validée !
        </h4 >
        <p class="margin-btm-x1" >
            Votre vote a bien été pris en compte, mais faites attention, ce sondage n'autorise
            l'édition de votre vote qu'avec le lien personnalisé suivant :
        </p >
        <br >
        <a
            href='{{config.urlAdmin}}'
            class='text-ellipsis' >{{config.urlAdmin}}</a >
        <framadate-copy-text [textToCopy]='config.urlAdmin' ></framadate-copy-text >
        <br >
        <p class="margin-btm-x6 margin-top-x2" >Conservez-le précieusement !</p >
        <br >
        <button
            type="button btn--large btn btn--block"
            pButton
            icon="fa fa-check"
            (click)="config.displayConfirmVoteModalAdmin=false"
            label='Revenir au sondage'
            class="btn btn--primary btn--default btn--purple btn--black-text" >

        </button >
    </div >

</p-dialog >