translate homepage
This commit is contained in:
parent
8df2b95c1e
commit
d07f51dd91
|
@ -5,6 +5,8 @@
|
||||||
|
|
||||||
{{ env.appTitle }} - {{ env.appVersion }} - libérez vos sondages. <i class="fa fa-copyleft"></i> Logiciel
|
{{ env.appTitle }} - {{ env.appVersion }} - libérez vos sondages. <i class="fa fa-copyleft"></i> Logiciel
|
||||||
libre sous licence AGPL v3.
|
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">
|
||||||
<i class="fa fa-gitlab"></i> Sources</a
|
<i class="fa fa-gitlab"></i> Sources</a
|
||||||
>
|
>
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<span class="app-title title is-2">
|
<span class="app-title title is-2">
|
||||||
{{ appTitle }}
|
{{ appTitle }}
|
||||||
</span>
|
</span>
|
||||||
<span class="dev-env" *ngIf="!env.production">
|
<span class="dev-env button bg-success" *ngIf="!env.production">
|
||||||
<i>
|
<i>
|
||||||
(dev)
|
(dev)
|
||||||
</i>
|
</i>
|
||||||
|
@ -31,16 +31,15 @@
|
||||||
<div id="navbarBasicExample" class="navbar-menu">
|
<div id="navbarBasicExample" class="navbar-menu">
|
||||||
<div class="navbar-start">
|
<div class="navbar-start">
|
||||||
<a class="navbar-item btn btn--primary" routerLink="administration" routerLinkActive="is-active">
|
<a class="navbar-item btn btn--primary" routerLink="administration" routerLinkActive="is-active">
|
||||||
<i class="fa fa-plus-circle"></i> {{ 'config.title' | translate }}
|
<i class="fa fa-plus-circle"></i>
|
||||||
|
<span>
|
||||||
|
{{ 'config.title' | translate }}
|
||||||
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="navbar-end">
|
<div class="navbar-end">
|
||||||
<app-language-selector></app-language-selector>
|
<app-language-selector></app-language-selector>
|
||||||
<app-theme-selector></app-theme-selector>
|
|
||||||
<a class="navbar-item btn btn-primary" routerLink="user/polls" routerLinkActive="is-active">
|
|
||||||
<i class="fa fa-user"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mobile-menu" *ngIf="mobileMenuVisible">
|
<div class="mobile-menu" *ngIf="mobileMenuVisible">
|
||||||
|
|
|
@ -2,6 +2,9 @@
|
||||||
header {
|
header {
|
||||||
nav {
|
nav {
|
||||||
padding-right: 1em;
|
padding-right: 1em;
|
||||||
|
.fa {
|
||||||
|
margin-right: 1ch;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.container {
|
.container {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
|
@ -2,24 +2,35 @@
|
||||||
<div class="hero-body">
|
<div class="hero-body">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h1 class="title">
|
<h1 class="title">
|
||||||
Bienvenue sur Framasondage
|
{{ 'home.title' | translate }}
|
||||||
|
{{ env.appTitle }}
|
||||||
</h1>
|
</h1>
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<h2 class="subtitle">
|
<h2 class="subtitle">
|
||||||
Se consulter simplement pour s’organiser collectivement.
|
{{ 'home.subtitle' | translate }}
|
||||||
</h2>
|
</h2>
|
||||||
<a role="button" class="button is-fullwidth is-primary" routerLink="administration">
|
|
||||||
Créer un nouveau sondage
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<h2 class="subtitle">
|
<h2 class="subtitle">
|
||||||
Où sont mes sondages?
|
{{ 'home.search_title' | translate }}
|
||||||
</h2>
|
</h2>
|
||||||
<a role="button" class="button is-fullwidth is-primary" routerLink="user/polls">
|
</div>
|
||||||
Mes sondages
|
</div>
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column">
|
||||||
|
<a role="button" class="button is-fullwidth is-primary" routerLink="administration">
|
||||||
|
<i class="fa fa-plus-circle"></i>
|
||||||
|
{{ 'home.create_button' | translate }}
|
||||||
</a>
|
</a>
|
||||||
|
<img src="assets/img/kind/date.jpeg" alt="sondage date" />
|
||||||
|
</div>
|
||||||
|
<div class="column">
|
||||||
|
<a role="button" class="button is-fullwidth is-primary" routerLink="user/polls">
|
||||||
|
<i class="fa fa-search"></i>
|
||||||
|
{{ 'home.search_button' | translate }}
|
||||||
|
</a>
|
||||||
|
<img src="assets/img/kind/classic.jpeg" alt="sondage date" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -0,0 +1,6 @@
|
||||||
|
:host {
|
||||||
|
text-align: center;
|
||||||
|
a .fa {
|
||||||
|
margin-right: 1ch;
|
||||||
|
}
|
||||||
|
}
|
|
@ -1,12 +1,11 @@
|
||||||
import { Component, OnInit } from '@angular/core';
|
import { Component } from '@angular/core';
|
||||||
|
import { environment } from '../../../../environments/environment';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-home',
|
selector: 'app-home',
|
||||||
templateUrl: './home.component.html',
|
templateUrl: './home.component.html',
|
||||||
styleUrls: ['./home.component.scss'],
|
styleUrls: ['./home.component.scss'],
|
||||||
})
|
})
|
||||||
export class HomeComponent implements OnInit {
|
export class HomeComponent {
|
||||||
constructor() {}
|
public env = environment;
|
||||||
|
|
||||||
ngOnInit(): void {}
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -29,7 +29,7 @@
|
||||||
[ngClass]="{ 'is-primary': !form.controls.isAboutDate.value }"
|
[ngClass]="{ 'is-primary': !form.controls.isAboutDate.value }"
|
||||||
(click)="form.controls.isAboutDate.setValue(false)"
|
(click)="form.controls.isAboutDate.setValue(false)"
|
||||||
>
|
>
|
||||||
<i class="fa fa-doc-text"></i>
|
<i class="fa fa-stats"></i>
|
||||||
{{ 'creation.kind.classic' | translate }}
|
{{ 'creation.kind.classic' | translate }}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -3,7 +3,11 @@
|
||||||
"Title": "Translation example",
|
"Title": "Translation example",
|
||||||
"Intro": "Hello I am {{name}}, I am {{age}} years old.",
|
"Intro": "Hello I am {{name}}, I am {{age}} years old.",
|
||||||
"home": {
|
"home": {
|
||||||
"title": "home's title"
|
"title": "Welcome at",
|
||||||
|
"subtitle": "Simply get together to collectivly organize",
|
||||||
|
"search_title": "Where are my polls ? ",
|
||||||
|
"create_button": "Create a new poll",
|
||||||
|
"search_button": "Search"
|
||||||
},
|
},
|
||||||
"PAGE_NOT_FOUND": {
|
"PAGE_NOT_FOUND": {
|
||||||
"DEFAULT": "This page doesn’t exist.",
|
"DEFAULT": "This page doesn’t exist.",
|
||||||
|
|
|
@ -3,7 +3,11 @@
|
||||||
"Title": "Exemple de traduction",
|
"Title": "Exemple de traduction",
|
||||||
"Intro": "Bonjour je m'appelle {{name}}, j'ai {{age}} ans.",
|
"Intro": "Bonjour je m'appelle {{name}}, j'ai {{age}} ans.",
|
||||||
"home": {
|
"home": {
|
||||||
"title": "le titre de la home"
|
"title": "Bienvenue sur",
|
||||||
|
"subtitle": "Se consulter simplement pour s’organiser collectivement.",
|
||||||
|
"search_title": "Où sont mes sondages? ",
|
||||||
|
"create_button": "Créer un nouveau sondage ",
|
||||||
|
"search_button": "Rechercher"
|
||||||
},
|
},
|
||||||
"PAGE_NOT_FOUND": {
|
"PAGE_NOT_FOUND": {
|
||||||
"DEFAULT": "Cette page n’existe pas.",
|
"DEFAULT": "Cette page n’existe pas.",
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
After Width: | Height: | Size: 23 KiB |
|
@ -18,8 +18,16 @@ a {
|
||||||
background: $pale-purple;
|
background: $pale-purple;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.fa {
|
||||||
|
margin-right: 1ch;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.button,
|
||||||
|
.btn {
|
||||||
|
.fa {
|
||||||
|
margin-right: 1ch;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-my-polls {
|
.list-my-polls {
|
||||||
a {
|
a {
|
||||||
@extend .is-block;
|
@extend .is-block;
|
||||||
|
|
Loading…
Reference in New Issue