+
+
-
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Daily Sales
-- 55% increase in today sales.
-
-
-
-
-
-
-
-
-
-
- Email Subscriptions
-Last Campaign Performance
-
-
-
-
-
-
-
-
-
-
- Completed Tasks
-Last Campaign Performance
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- |
-
-
-
- |
- Sign contract for "What are conference organizers afraid of?" | -- - - | -
|
-
-
-
- |
- Lines From Great Russian Literature? Or E-mails From My Boss? | -- - - | -
|
-
-
-
- |
- Flooded: One year later, assessing what was lost and what was found when a ravaging rain swept through metro Detroit - | -- - - | -
|
-
-
-
- |
- Create 4 Invisible User Experiences you Never Knew About | -- - - | -
-
-
-
-
- |
-
-
-
- |
- Flooded: One year later, assessing what was lost and what was found when a ravaging rain swept through metro Detroit - | -- - - | -
|
-
-
-
- |
- Sign contract for "What are conference organizers afraid of?" | -- - - | -
-
-
-
-
- |
-
-
-
- |
- Lines From Great Russian Literature? Or E-mails From My Boss? | -- - - | -
|
-
-
-
- |
- Flooded: One year later, assessing what was lost and what was found when a ravaging rain swept through metro Detroit - | -- - - | -
|
-
-
-
- |
- Sign contract for "What are conference organizers afraid of?" | -- - - | -
-
-
-
-
-
- Employees Stats
-New employees on 15th September, 2016
-
-
-
-
-
- | ID | -Name | -Salary | -Country | - - -
|---|---|---|---|
| 1 | -Dakota Rice | -$36,738 | -Niger | -
| 2 | -Minerva Hooper | -$23,789 | -Curaçao | -
| 3 | -Sage Rodriguez | -$56,142 | -Netherlands | -
| 4 | -Philip Chaney | -$38,735 | -Korea, South | -
+
+
+
+
+
+
+ +
+
++
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ +
+
Bonjour {{user.prenomUtilisateur}}, vous êtes bien sur le site officiel de Real + Estate Agency
+
+ Qui sommes nous ?+Real Estate Agency est la première agence immobilière 100% numérique ! ++
+
+ Pourquoi ?+Tout simplement pour vous facilitez la vie ! +
+
+ Comment ?+Et bien tout simplment en vous connectant et en cliquant sur "Toutes nos offres". +D'un simple clic, vous pourrez alors regarder les différents bien que nous proposons, |
+
+ 
+ |
+
|---|
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/dashboard/dashboard.component.spec.ts b/src/app/dashboard/dashboard.component.spec.ts
old mode 100644
new mode 100755
diff --git a/src/app/dashboard/dashboard.component.ts b/src/app/dashboard/dashboard.component.ts
old mode 100644
new mode 100755
index 36a0b02c..91ac2c98
--- a/src/app/dashboard/dashboard.component.ts
+++ b/src/app/dashboard/dashboard.component.ts
@@ -1,4 +1,7 @@
import { Component, OnInit } from '@angular/core';
+import { AppService } from 'app/app.service';
+import { Utilisateur } from 'app/model/utilisateur';
+import { UtilisateurService } from 'app/services/utilisateur.service';
import * as Chartist from 'chartist';
@Component({
@@ -7,144 +10,155 @@ import * as Chartist from 'chartist';
styleUrls: ['./dashboard.component.css']
})
export class DashboardComponent implements OnInit {
-
- constructor() { }
- startAnimationForLineChart(chart){
- let seq: any, delays: any, durations: any;
- seq = 0;
- delays = 80;
- durations = 500;
-
- chart.on('draw', function(data) {
- if(data.type === 'line' || data.type === 'area') {
- data.element.animate({
- d: {
- begin: 600,
- dur: 700,
- from: data.path.clone().scale(1, 0).translate(0, data.chartRect.height()).stringify(),
- to: data.path.clone().stringify(),
- easing: Chartist.Svg.Easing.easeOutQuint
- }
- });
- } else if(data.type === 'point') {
- seq++;
- data.element.animate({
- opacity: {
- begin: seq * delays,
- dur: durations,
- from: 0,
- to: 1,
- easing: 'ease'
- }
- });
+ // Step 3
+ idUser: any;
+ user: Utilisateur = new Utilisateur();
+ // Step 4
+ constructor(private utilisateurService: UtilisateurService, private appService: AppService) { }
+ startAnimationForLineChart(chart) {
+ let seq: any, delays: any, durations: any;
+ seq = 0;
+ delays = 80;
+ durations = 500;
+
+ chart.on('draw', function (data) {
+ if (data.type === 'line' || data.type === 'area') {
+ data.element.animate({
+ d: {
+ begin: 600,
+ dur: 700,
+ from: data.path.clone().scale(1, 0).translate(0, data.chartRect.height()).stringify(),
+ to: data.path.clone().stringify(),
+ easing: Chartist.Svg.Easing.easeOutQuint
+ }
+ });
+ } else if (data.type === 'point') {
+ seq++;
+ data.element.animate({
+ opacity: {
+ begin: seq * delays,
+ dur: durations,
+ from: 0,
+ to: 1,
+ easing: 'ease'
}
- });
+ });
+ }
+ });
- seq = 0;
+ seq = 0;
};
- startAnimationForBarChart(chart){
- let seq2: any, delays2: any, durations2: any;
-
- seq2 = 0;
- delays2 = 80;
- durations2 = 500;
- chart.on('draw', function(data) {
- if(data.type === 'bar'){
- seq2++;
- data.element.animate({
- opacity: {
- begin: seq2 * delays2,
- dur: durations2,
- from: 0,
- to: 1,
- easing: 'ease'
- }
- });
- }
- });
+ startAnimationForBarChart(chart) {
+ let seq2: any, delays2: any, durations2: any;
+
+ seq2 = 0;
+ delays2 = 80;
+ durations2 = 500;
+ chart.on('draw', function (data) {
+ if (data.type === 'bar') {
+ seq2++;
+ data.element.animate({
+ opacity: {
+ begin: seq2 * delays2,
+ dur: durations2,
+ from: 0,
+ to: 1,
+ easing: 'ease'
+ }
+ });
+ }
+ });
- seq2 = 0;
+ seq2 = 0;
};
+ // Step 5
+ findOne(id: number) {
+ this.utilisateurService.findOne(id).subscribe(data => { this.user = data; });
+ }
ngOnInit() {
- /* ----------========== Daily Sales Chart initialization For Documentation ==========---------- */
-
- const dataDailySalesChart: any = {
- labels: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
- series: [
- [12, 17, 7, 17, 23, 18, 38]
- ]
- };
-
- const optionsDailySalesChart: any = {
- lineSmooth: Chartist.Interpolation.cardinal({
- tension: 0
- }),
- low: 0,
- high: 50, // creative tim: we recommend you to set the high sa the biggest value + something for a better look
- chartPadding: { top: 0, right: 0, bottom: 0, left: 0},
- }
-
- var dailySalesChart = new Chartist.Line('#dailySalesChart', dataDailySalesChart, optionsDailySalesChart);
-
- this.startAnimationForLineChart(dailySalesChart);
-
-
- /* ----------========== Completed Tasks Chart initialization ==========---------- */
-
- const dataCompletedTasksChart: any = {
- labels: ['12p', '3p', '6p', '9p', '12p', '3a', '6a', '9a'],
- series: [
- [230, 750, 450, 300, 280, 240, 200, 190]
- ]
- };
-
- const optionsCompletedTasksChart: any = {
- lineSmooth: Chartist.Interpolation.cardinal({
- tension: 0
- }),
- low: 0,
- high: 1000, // creative tim: we recommend you to set the high sa the biggest value + something for a better look
- chartPadding: { top: 0, right: 0, bottom: 0, left: 0}
- }
-
- var completedTasksChart = new Chartist.Line('#completedTasksChart', dataCompletedTasksChart, optionsCompletedTasksChart);
-
- // start animation for the Completed Tasks Chart - Line Chart
- this.startAnimationForLineChart(completedTasksChart);
-
-
-
- /* ----------========== Emails Subscription Chart initialization ==========---------- */
-
- var datawebsiteViewsChart = {
- labels: ['J', 'F', 'M', 'A', 'M', 'J', 'J', 'A', 'S', 'O', 'N', 'D'],
- series: [
- [542, 443, 320, 780, 553, 453, 326, 434, 568, 610, 756, 895]
-
- ]
- };
- var optionswebsiteViewsChart = {
- axisX: {
- showGrid: false
- },
- low: 0,
- high: 1000,
- chartPadding: { top: 0, right: 5, bottom: 0, left: 0}
- };
- var responsiveOptions: any[] = [
- ['screen and (max-width: 640px)', {
- seriesBarDistance: 5,
- axisX: {
- labelInterpolationFnc: function (value) {
- return value[0];
- }
+ // Step 6
+ this.idUser = this.appService.idUser;
+ console.log("user profile " + this.idUser);
+ this.findOne(this.idUser);
+ /* ----------========== Daily Sales Chart initialization For Documentation ==========---------- */
+
+ const dataDailySalesChart: any = {
+ labels: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
+ series: [
+ [12, 17, 7, 17, 23, 18, 38]
+ ]
+ };
+
+ const optionsDailySalesChart: any = {
+ lineSmooth: Chartist.Interpolation.cardinal({
+ tension: 0
+ }),
+ low: 0,
+ high: 50, // creative tim: we recommend you to set the high sa the biggest value + something for a better look
+ chartPadding: { top: 0, right: 0, bottom: 0, left: 0 },
+ }
+
+ var dailySalesChart = new Chartist.Line('#dailySalesChart', dataDailySalesChart, optionsDailySalesChart);
+
+ this.startAnimationForLineChart(dailySalesChart);
+
+
+ /* ----------========== Completed Tasks Chart initialization ==========---------- */
+
+ const dataCompletedTasksChart: any = {
+ labels: ['12p', '3p', '6p', '9p', '12p', '3a', '6a', '9a'],
+ series: [
+ [230, 750, 450, 300, 280, 240, 200, 190]
+ ]
+ };
+
+ const optionsCompletedTasksChart: any = {
+ lineSmooth: Chartist.Interpolation.cardinal({
+ tension: 0
+ }),
+ low: 0,
+ high: 1000, // creative tim: we recommend you to set the high sa the biggest value + something for a better look
+ chartPadding: { top: 0, right: 0, bottom: 0, left: 0 }
+ }
+
+ var completedTasksChart = new Chartist.Line('#completedTasksChart', dataCompletedTasksChart, optionsCompletedTasksChart);
+
+ // start animation for the Completed Tasks Chart - Line Chart
+ this.startAnimationForLineChart(completedTasksChart);
+
+
+
+ /* ----------========== Emails Subscription Chart initialization ==========---------- */
+
+ var datawebsiteViewsChart = {
+ labels: ['J', 'F', 'M', 'A', 'M', 'J', 'J', 'A', 'S', 'O', 'N', 'D'],
+ series: [
+ [542, 443, 320, 780, 553, 453, 326, 434, 568, 610, 756, 895]
+
+ ]
+ };
+ var optionswebsiteViewsChart = {
+ axisX: {
+ showGrid: false
+ },
+ low: 0,
+ high: 1000,
+ chartPadding: { top: 0, right: 5, bottom: 0, left: 0 }
+ };
+ var responsiveOptions: any[] = [
+ ['screen and (max-width: 640px)', {
+ seriesBarDistance: 5,
+ axisX: {
+ labelInterpolationFnc: function (value) {
+ return value[0];
}
- }]
- ];
- var websiteViewsChart = new Chartist.Bar('#websiteViewsChart', datawebsiteViewsChart, optionswebsiteViewsChart, responsiveOptions);
+ }
+ }]
+ ];
+ var websiteViewsChart = new Chartist.Bar('#websiteViewsChart', datawebsiteViewsChart, optionswebsiteViewsChart, responsiveOptions);
- //start animation for the Emails Subscription Chart
- this.startAnimationForBarChart(websiteViewsChart);
+ //start animation for the Emails Subscription Chart
+ this.startAnimationForBarChart(websiteViewsChart);
}
-}
+}
\ No newline at end of file
diff --git a/src/app/dashboard/image/maison2.jpg b/src/app/dashboard/image/maison2.jpg
new file mode 100755
index 00000000..b7c29c65
Binary files /dev/null and b/src/app/dashboard/image/maison2.jpg differ
diff --git a/src/app/icons/icons.component.css b/src/app/icons/icons.component.css
old mode 100644
new mode 100755
diff --git a/src/app/icons/icons.component.html b/src/app/icons/icons.component.html
old mode 100644
new mode 100755
index f9db7a0e..9c4632bd
--- a/src/app/icons/icons.component.html
+++ b/src/app/icons/icons.component.html
@@ -1,29 +1,131 @@
-
-
+
+
+
+ Nos services, votre bonheur
+Si vous manquez d'inspiration, voici échantillon de ce que vous pourriez + trouvez sur notre site !
+
+ 
+
+
+
+
+
+
+
+
+
+ | + Type de bien + | ++ Ville + | ++ Description + | + + | + + +
|---|---|---|
| + Appartement + | ++ Paris + | ++ Appartement bien situé et bien isolé du bruit ! + | +
| + Maison + | ++ Canne + | ++ Villa somptueuse au bord de la mer... + | +
| + Appartement + | ++ Annecy + | ++ Si vous recherchez un nid douillet, il est fait pour vous ! + | +
| + Terrain + | ++ TrouPerdu + | ++ Constructible, sans vis-à-vis, l'idéal pour se construire un havre de paix + | +
| + Garage + | ++ Lyon + | ++ Ce pourrait être votre premier bien immobilier en location ! + | +
-
+
+
+
-
+
+
-
-
-
- Material Design Icons
-Handcrafted by our friends from - Google -
-
-
-
-
-
-
-
-
-
-
-
- The icons are visible on Desktop mode inside an iframe. Since the iframe is not working on Mobile and Tablets please visit the icons on their original page on Google. Check the - Material Icons -
-+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Créer un compte
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/icons/icons.component.spec.ts b/src/app/icons/icons.component.spec.ts
old mode 100644
new mode 100755
diff --git a/src/app/icons/icons.component.ts b/src/app/icons/icons.component.ts
old mode 100644
new mode 100755
index c6a1e48e..0a932559
--- a/src/app/icons/icons.component.ts
+++ b/src/app/icons/icons.component.ts
@@ -1,15 +1,58 @@
+import { HttpClient } from '@angular/common/http';
import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import { AppService } from 'app/app.service';
+import { Utilisateur } from 'app/model/utilisateur';
+import { RoleService } from 'app/services/role.service';
+import { UtilisateurService } from 'app/services/utilisateur.service';
@Component({
selector: 'app-icons',
templateUrl: './icons.component.html',
styleUrls: ['./icons.component.css']
})
-export class IconsComponent implements OnInit {
- constructor() { }
+export class IconsComponent {
+ // Déclaration d'un tableau d'utilisateur
+ // any : n'importe quel type de données
+ // ! ==> le tableau n'est pas initialisé
+ users!: any[];
+ roles!: any[];
+ utilisateur: Utilisateur = new Utilisateur();
+ // DI : par constructeur
+ constructor(private utilisateurService: UtilisateurService, private roleService: RoleService, private appService: AppService, private router: Router) { }
+ ngOnInit(): void {
+ this.findAllUtilisateurs();
+ this.findAllRole();
+ }
+
+ findAllUtilisateurs() {
+ this.utilisateurService.findAll().subscribe(data => { this.users = data; });
+ }
- ngOnInit() {
+ findAllRole() {
+ this.roleService.findAll().subscribe(data => { this.roles = data; });
+ }
+ saveUtilisateur() {
+ this.utilisateurService.save(this.utilisateur).subscribe(
+ () => {
+ this.findAllUtilisateurs(); // MAJ la lise des utilisateurs
+ this.utilisateur = new Utilisateur(); // Vider le formulaire
+ }
+ )
+ }
+ deleteUtilisateur(id: number) {
+ this.utilisateurService.delete(id).subscribe(() => { this.findAllUtilisateurs(); })
}
+ editUtilisateur(utilisateur: Utilisateur) {
+ // localStorage : créer un attribut (name="editUserId") dans le navigateur et lui affecter une valeur (ediUserId= idUtilisateur)
+ // étape 1 : MAJ du composant
+ localStorage.removeItem("editUtilisateurId");
+ // étape 2 : Séleectionner une ligne
+ localStorage.setItem("editUtilisateurId", utilisateur.idUtilisateur.toString());
+ this.router.navigate(['/editUtilisateur', utilisateur.idUtilisateur]);
+ }
}
+
+
diff --git a/src/app/layouts/admin-layout/admin-layout.component.html b/src/app/layouts/admin-layout/admin-layout.component.html
old mode 100644
new mode 100755
index ab40dcfa..671dbffa
--- a/src/app/layouts/admin-layout/admin-layout.component.html
+++ b/src/app/layouts/admin-layout/admin-layout.component.html
@@ -10,7 +10,7 @@
+
+
+
+
+
+
+
+ Liste des utilisateurs
+
+
+
+
+
+ | Nom | +Prénom | +Nom d'utilisateur | +Mot de passe (crypté) | +Date de naissance | +Role | +Action | +
|---|---|---|---|---|---|---|
| {{u.nomUtilisateur}} | +{{u.prenomUtilisateur}} | +{{u.username}} | +{{u.password}} | +{{u.dateNaissanceUtilisateur}} | +
+ {{r.libelle}} + |
+ + + | +
+ 
+