Liness/framadate-responsive
5
0
Fork 0
forked from tykayn/funky-framadate-front
Code Pull Requests Activity

conditionnal displays on consultation

Browse Source
This commit is contained in:
Tykayn 2021-11-18 13:00:29 +01:00 committed by tykayn
parent 5f555136cf
commit da42c9e64d
3 changed files with 51 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/app/features/consultation/consultation.component.html
View File

@ -1,4 +1,4 @@
<section class="poll_loaded padded" *ngIf="!fetching && poll"> <section class="poll_loaded padded consultation" *ngIf="!fetching && poll">
<!-- messages--> <!-- messages-->
<div class="message is-warning" *ngIf="isArchived"> <div class="message is-warning" *ngIf="isArchived">
@ -44,6 +44,8 @@
<div class="card-content"> <div class="card-content">
<div class="content"> <div class="content">
<div class="columns">
<div class="column">
<button <button
class="btn is-info" class="btn is-info"
(click)="isCompactMode = !isCompactMode" (click)="isCompactMode = !isCompactMode"
@ -51,15 +53,28 @@
> >
changer d'affichage changer d'affichage
</button> </button>
</div>
<div class="column">
<div class="buttons has-addons is-small is-right"> <div class="buttons has-addons is-small is-right">
<button class="button" [class.is-active]="isCompactMode" (click)="isCompactMode = true"> <button
class="button"
[class.is-active]="isCompactMode"
(click)="isCompactMode = true"
>
Compact Compact
</button> </button>
<button class="button" [class.is-active]="!isCompactMode" (click)="isCompactMode = false"> <button
class="button"
[class.is-active]="!isCompactMode"
(click)="isCompactMode = false"
>
Detailed Detailed
</button> </button>
</div> </div>
<div class="pseudo-land" *ngIf="isCompactMode"> </div>
</div>
<div class="pseudo-land" *ngIf="isCompactMode && !isArchived">
<label for="vote_pseudo_vote_stack"> <label for="vote_pseudo_vote_stack">
Votre pseudo: Votre pseudo:
</label> </label>
@ -89,7 +104,7 @@
<button <button
class="button is-block submit-votestack is-primary" class="button is-block submit-votestack is-primary"
(click)="addVoteStack()" (click)="addVoteStack()"
*ngIf="!storageService.vote_stack || !storageService.vote_stack.id" *ngIf="(!isArchived && !storageService.vote_stack) || !storageService.vote_stack.id"
> >
<i class="fa fa-paper-plane" aria-hidden="true"></i> Envoyer <i class="fa fa-paper-plane" aria-hidden="true"></i> Envoyer
</button> </button>
@ -109,6 +124,9 @@
[poll]="poll" [poll]="poll"
[vote_stack]="storageService.vote_stack" [vote_stack]="storageService.vote_stack"
></app-comments> ></app-comments>
<div class="alert has-background-info" *ngIf="!poll.allow_comments">
Ce sondage ne permet pas d'ajouter de commentaires
</div>
</div> </div>
</div> </div>
@ -129,6 +147,9 @@
<i class="fa fa-edit" aria-hidden="true"></i> Mettre à jour <i class="fa fa-edit" aria-hidden="true"></i> Mettre à jour
</button> </button>
</div> </div>
<div class="alert has-background-info" *ngIf="isArchived">
Ce sondage est archivé
</div>
</div> </div>
</div> </div>
</div> </div>

2
src/app/features/consultation/poll-results-detailed/poll-results-detailed.component.html
View File

@ -19,7 +19,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr class="stats"> <tr class="stats add-vote-stack" *ngIf="!poll.is_archived">
<td> <td>
Ajouter votre vote Ajouter votre vote
<div> <div>

12
src/styles/partials/_form-controls.scss
View File

@ -0,0 +1,12 @@
.consultation {
.is-active {
background: $primary-color;
color: $white;
}
}
.alert {
@extend .padded;
border-radius: 0.25em;
color: $font_color;
}