#115 lister les features de démo sur l'accueil
This commit is contained in:
tykayn
parent
d05c77cb08
commit
eb6a046fa1
|
|
@ -7,13 +7,13 @@
|
|||
libre sous licence AGPL v3.
|
||||
<app-theme-selector></app-theme-selector>
|
||||
|
||||
<a href="https://framagit.org/framasoft/framadate/funky-framadate-front">
|
||||
<a href="https://framagit.org/framasoft/framadate/funky-framadate-front/-/tree/master">
|
||||
<i class="fa fa-gitlab"></i> Sources</a
|
||||
>
|
||||
|
|
||||
<a href="https://framagit.org/framasoft/framadate/funky-framadate-front/-/wikis/home">
|
||||
<a href="https://framagit.org/framasoft/framadate/funky-framadate-front/-/tree/master/docs">
|
||||
<i class="fa fa-book"></i>
|
||||
Documentation
|
||||
🚴 Documentation
|
||||
</a>
|
||||
|
|
||||
<a href="https://framateam.org/ux-framatrucs/channels/framadate">
|
||||
|
|
|
|||
|
|
@ -18,6 +18,41 @@
|
|||
{{ 'config.letsgo' | translate }}
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
*ngIf="environment.showDemoWarning"
|
||||
class="demo demo-warning well has-background-warning-light padded marged"
|
||||
>
|
||||
Ce que l'on peut faire sur cette démo:
|
||||
<ul>
|
||||
<li>
|
||||
☑️ Créer un nouveau sondage
|
||||
</li>
|
||||
<li>
|
||||
☑️ accéder à un sondage existant en tant que visiteur, ajouter une réponse (StackOfVote)
|
||||
et un commentaire.
|
||||
</li>
|
||||
<li>
|
||||
☑️
|
||||
<a
|
||||
href="https://framagit.org/framasoft/framadate/funky-framadate-front/-/tree/master/docs"
|
||||
>lire la documentation</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
Ce qu'on ne peut pas encore faire:
|
||||
<ul>
|
||||
<li>
|
||||
🚴️ mettre à jour son vote à un sondage
|
||||
</li>
|
||||
<li>
|
||||
🚴 modifier un de ses sondages existants par un lien d'administration
|
||||
</li>
|
||||
<li>
|
||||
🚴 recevoir immédiatement les emails. Ceux ci nécessitent un vidage du spool d'emails
|
||||
du backend sur demande (mesure anti spam).
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
<section class="search">
|
||||
<h1 class="title is-1 is-centered">
|
||||
|
|
@ -48,10 +83,22 @@
|
|||
id="search_email"
|
||||
placeholder="moi@example.com"
|
||||
[ngClass]="{
|
||||
'ng-invalid': nonexistent_email === storageService.vote_stack.owner.email
|
||||
'has-background-success': email_sent,
|
||||
'ng-invalid has-background-warning':
|
||||
nonexistent_email === storageService.vote_stack.owner.email
|
||||
}"
|
||||
[(ngModel)]="storageService.vote_stack.owner.email"
|
||||
/>
|
||||
<div class="email_sent has-background-success padded" *ngIf="email_sent">
|
||||
<i class="fa fa-envelope"></i> C'est envoyé! Vérifiez votre boite email, ainsi que votre
|
||||
dossier de spam.
|
||||
</div>
|
||||
<div
|
||||
class="email_error has-background-warning padded"
|
||||
*ngIf="nonexistent_email === storageService.vote_stack.owner.email"
|
||||
>
|
||||
<i class="fa fa-warning"></i> Aucun sondage enregistré pour cet email.
|
||||
</div>
|
||||
<button
|
||||
type="submit"
|
||||
role="button"
|
||||
|
|
|
|||
|
|
@ -13,6 +13,7 @@ import { DOCUMENT } from '@angular/common';
|
|||
export class HomeComponent {
|
||||
public environment = environment;
|
||||
public nonexistent_email = '';
|
||||
private email_sent = false;
|
||||
constructor(
|
||||
@Inject(DOCUMENT) private document: any,
|
||||
public storageService: StorageService,
|
||||
|
|
@ -22,6 +23,7 @@ export class HomeComponent {
|
|||
|
||||
searchMyPolls() {
|
||||
const email = this.storageService.vote_stack.owner.email;
|
||||
this.email_sent = false;
|
||||
this.api.findMyPollsByEmail(email).then(
|
||||
(resp) => {
|
||||
console.log('resp', resp);
|
||||
|
|
@ -29,6 +31,7 @@ export class HomeComponent {
|
|||
if (resp) {
|
||||
if (resp.data && resp.data.mail_sent == '1') {
|
||||
this.toastService.display("C'est bon, vérifiez votre boite mail");
|
||||
this.email_sent = true;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ export const environment = {
|
|||
production: false,
|
||||
display_routes: true,
|
||||
autofill: true,
|
||||
showDemoWarning: false,
|
||||
showDemoWarning: true,
|
||||
autoSendNewPoll: false,
|
||||
interval_days_default: 7,
|
||||
appTitle: 'funky',
|
||||
|
|
|
|||
|
|
@ -133,10 +133,12 @@ mat-checkbox {
|
|||
|
||||
.cdk-drag {
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background: #fefefe;
|
||||
}
|
||||
}
|
||||
|
||||
.admin-form {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
|
|
@ -144,6 +146,7 @@ mat-checkbox {
|
|||
|
||||
.fa {
|
||||
margin-right: 1ch;
|
||||
|
||||
&.fa-times,
|
||||
&.fa-trash {
|
||||
margin-right: 0;
|
||||
|
|
@ -205,18 +208,23 @@ mat-checkbox {
|
|||
.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder) {
|
||||
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.ng-pristine,
|
||||
.ng-dirty {
|
||||
//border-left: #ccc 3px solid;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.ng-touched.ng-invalid {
|
||||
border-left: $danger 3px solid;
|
||||
padding-left: 1em;
|
||||
}
|
||||
.ng-touched.ng-valid {
|
||||
border-left: $success 3px solid;
|
||||
padding-left: 1em;
|
||||
|
||||
.theme-dark-crystal {
|
||||
.ng-touched.ng-valid {
|
||||
border-left: $success 3px solid;
|
||||
padding-left: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.bar-nav-admin {
|
||||
|
|
|
|||
Loading…
Reference in New Issue