149 lines
4.7 KiB
HTML
149 lines
4.7 KiB
HTML
<div class="step-info">
|
|
<div class="container">
|
|
<div class="columns">
|
|
<div class="column">
|
|
<a
|
|
class="logo-home-link navbar-item pull-left is-hidden-mobile"
|
|
[routerLink]="['/']"
|
|
routerLinkActive="active"
|
|
>
|
|
<img
|
|
class="stepper-app-logo logo"
|
|
*ngIf="environment.appLogo"
|
|
src="{{ environment.appLogo }}"
|
|
alt="accueil {{ environment.appTitle }}"
|
|
/>
|
|
</a>
|
|
<h1>
|
|
<span class="step-title-poll" *ngIf="pollService.step_current == 1">
|
|
{{ 'creation.title' | translate }}
|
|
</span>
|
|
|
|
<span *ngIf="pollService.step_current > 1">
|
|
<span class="step-title-poll poll-title-filled" *ngIf="pollService.form.value.title.length">
|
|
{{ pollService.form.value.title }}
|
|
</span>
|
|
<span class="step-title-poll poll-title-empty" *ngIf="!pollService.form.value.title.length">
|
|
{{ 'nav.no_title' | translate }}
|
|
</span>
|
|
</span>
|
|
</h1>
|
|
</div>
|
|
<div class="column has-text-right">
|
|
<app-language-selector class="nav-button"></app-language-selector>
|
|
<button
|
|
class="has-no-border nav-button cancel-button"
|
|
[routerLink]="'/'"
|
|
id="display_cancel_popup_button"
|
|
aria-haspopup="dialog"
|
|
>
|
|
{{ 'nav.leave' | translate }} <i class="fa fa-times"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<section class="poll_loaded padded consultation" *ngIf="!fetching && poll">
|
|
<div class="step">
|
|
<section class="main-title-poll rounded-block">
|
|
<div class="columns">
|
|
<div class="column">
|
|
<h2 class="title is-2">
|
|
{{ poll.title }}
|
|
</h2>
|
|
</div>
|
|
<div class="column is-narrow">
|
|
<button class="options-button pull-right" (click)="displayOptions()">
|
|
{{ 'participation.menu_label' | translate }}
|
|
<i class="fa fa-chevron-down"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<p class="description">
|
|
{{ poll.description }}
|
|
</p>
|
|
<button
|
|
class="vote-button is-primary button"
|
|
*ngIf="poll.votes_allowed"
|
|
[routerLink]="'/poll/' + poll.custom_url + '/consultation/vote'"
|
|
>
|
|
{{ 'participation.fav_title' | translate }}
|
|
</button>
|
|
<span *ngIf="!poll.votes_allowed">
|
|
Les votes sont désactivés
|
|
</span>
|
|
</section>
|
|
<section class="favourite">
|
|
<h2 class="title is-3">
|
|
{{ 'participation.fav_choice' | translate }}
|
|
</h2>
|
|
<div class="rounded-block">
|
|
<div class="no-votes">
|
|
<div class="message is-info" *ngIf="poll.stacks.length == 0">
|
|
<div class="message-body">
|
|
{{ 'participation.no_votes_yet' | translate }}
|
|
<br />
|
|
{{ 'participation.fav_description_not_exist' | translate }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="has-votes" *ngIf="poll.stacks.length !== 0">
|
|
{{ 'participation.fav_description_one' | translate: { maxYesCount: maxYesCount } }}
|
|
{{ 'participation.fav_description_several' | translate }}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="poll-answers">
|
|
<div class="columns">
|
|
<div class="column">
|
|
<h2 class="title is-3">
|
|
{{ 'participation.poll' | translate }}
|
|
</h2>
|
|
</div>
|
|
<div class="column">
|
|
<button class="no-outline button" (click)="detailledDisplay = !detailledDisplay">
|
|
<span *ngIf="detailledDisplay">
|
|
<!-- <img class="icon" src="assets/icons/flag.svg" alt="icone magnifying" />-->
|
|
{{ 'participation.mode_comptact' | translate }}
|
|
</span>
|
|
<span *ngIf="!detailledDisplay">
|
|
<!-- <img class="icon" src="assets/icons/settings.svg" alt="icone magnifying" />-->
|
|
{{ 'participation.mode_detailed' | translate }}
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<app-poll-results-dinum [poll]="poll" [detailledDisplay]="detailledDisplay"></app-poll-results-dinum>
|
|
<!--<app-poll-results-compact [poll]="poll"></app-poll-results-compact>-->
|
|
<!-- <button-->
|
|
<!-- class="btn btn-block submit-votestack"-->
|
|
<!-- (click)="addVoteStack()"-->
|
|
<!-- *ngIf="!storageService.vote_stack || !storageService.vote_stack.id"-->
|
|
<!-- >-->
|
|
<!-- <i class="fa fa-paper-plane" aria-hidden="true"></i> Envoyer-->
|
|
<!-- </button>-->
|
|
</section>
|
|
<section class="poll-comments">
|
|
<h2 class="title is-3">
|
|
{{ 'participation.comments' | translate }}
|
|
</h2>
|
|
<div class="rounded-block">
|
|
<!-- *ngIf="poll.allow_comments"-->
|
|
<app-comments [poll]="poll" [vote_stack]="storageService.vote_stack"></app-comments>
|
|
<!-- <div class="alert has-background-info" *ngIf="!poll.allow_comments">-->
|
|
<!-- Ce sondage ne permet pas d'ajouter de commentaires-->
|
|
<!-- </div>-->
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</section>
|
|
<section class="loadin_poll" *ngIf="fetching">
|
|
<div class="step has-text-centered">
|
|
<p>loading ... <i class="fa fa-spinner fa-spin"></i></p>
|
|
</div>
|
|
</section>
|