funky-framadate-front/src/app/core/components/home/home.component.html

<section>
	<div class="landing-box">
		<div class="landing container content">
			<div class="columns presentation">
				<div class="column">
					<section class="buttons-demo contained-in-main-column">
						<h1 class="title is-1">titre h1</h1>
						<h2 class="title is-2">titre h2</h2>
						<h3 class="title is-3">titre h3</h3>
						<button class="is-primary is-disabled">bouton primaire inactif</button>
						<button class="is-primary">bouton primaire</button>
						<button class="is-primary is-thin">bouton primaire fin</button>
						<button class="is-final">bouton succès</button>
						<button class="is-secondary is-disabled">bouton secondaire inactif</button>
						<button class="is-secondary">bouton secondaire</button>
						<button class="is-secondary is-thin">bouton secondaire fin</button>
						<button class="is-action">bouton action</button>
						<button class="is-action is-thin">bouton action fin</button>
					</section>
					<br />
					<br />
					<br />
					<br />
					<br />
					<br />
					<br />
					<br />
					<br />
					<br />
					<br />
					<br />
					<br />
					<br />
					<br />
					<br />
					<br />
					<br />
					<h2 class="title is-2">
						{{ 'config.landing_title' | translate }}
					</h2>
					<p class="subtitle">
						{{ 'config.landing_subtitle' | translate: { AppTitle: AppTitle } }}
					</p>
					<div class="columns">
						<div class="column">
							<button class="is-fullwidth is-primary" routerLink="administration">
								{{ 'config.letsgo' | translate }}
							</button>
						</div>
						<div class="column">
							<button
								id="open_popup_button"
								class="is-fullwidth is-secondary is-outlined"
								(click)="openModalFindPoll()"
							>
								{{ 'config.discover' | translate }}
							</button>
						</div>
					</div>
				</div>
				<div class="column">
					<img
						class="app-logo logo"
						*ngIf="environment.appLanding"
						src="{{ environment.appLanding }}"
						alt="{{ environment.appTitle }}"
					/>
					<!--					<img src="assets/img/icone_home.png" alt="calendrier icone framadate" />-->
				</div>
			</div>
		</div>
	</div>

	<!--	dialog search-->
	<p-dialog
		[modal]="true"
		[(visible)]="display_poll_search_dialog"
		[breakpoints]="{ '960px': '75vw' }"
		[style]="{ width: '454px' }"
		[draggable]="false"
		[showHeader]="false"
		[resizable]="true"
	>
		<div class="home-content">
			<div class="top">
				<button
					id="close_dialog"
					class="no-outline cancel-button-reject pull-right has-no-border"
					(click)="focusOnCancelButton()"
				>
					{{ 'SENTENCES.Close' | translate }} <img class="icon fa" src="assets/icons/x_blue.svg" />
				</button>
			</div>
			<div class="column">
				<section class="search">
					<form (ngSubmit)="searchMyPolls()">
						<div class="columns">
							<div class="search-others column">
								<h2 class="title is-2">
									{{ 'home.search_title' | translate }}
								</h2>
								<div class="search-description">
									{{ 'home.search_subtitle' | translate }}
								</div>
								<label for="search_email">
									{{ 'home.search_label' | translate }}
								</label>
								<input
									type="email"
									class="is-full input"
									name="search_email"
									id="search_email"
									[ngClass]="{
										'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="email_sent && 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"
									class="is-outlined is-fullwidth is-info button-submit"
									[disabled]="
										!storageService.vote_stack.owner.email.length ||
										nonexistent_email === storageService.vote_stack.owner.email
									"
									routerLink="user/polls"
								>
									<i class="fa fa-search"></i>
									{{ 'home.search_button' | translate }}
								</button>
							</div>
						</div>
					</form>

					<div class="poll-list">
						<ul>
							<li *ngFor="let p of storageService.userPolls">
								<a class="is-fullwidth padded" [routerLink]="'poll/' + p.custom_url + '/consultation'">
									{{ p.title }}
									<i class="fa fa-arrow-right pull-right"></i>
								</a>
							</li>
						</ul>
					</div>
				</section>

				<section class="demo-capabilities">
					<div
						*ngIf="environment.showDemoWarning"
						class="demo demo-warning well has-background-warning-light padded marged"
					>
						<h3 class="title is-3">
							Ce que l'on peut faire sur cette démo:
						</h3>
						<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>
						<h3 class="title is-3">
							Ce qu'on ne peut pas encore faire:
						</h3>
						<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>
			</div>
		</div>
	</p-dialog>
</section>