Commit 29001148 by Nabil Sadki

Mon profil

parent 09fbe792
<?xml version='1.0' encoding='utf-8'?>
<widget android-versionCode="10820" id="com.allotesteurs.app" version="1.0.8.2" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<widget android-versionCode="11000" id="com.allotesteurs.app" version="1.1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<name>Allo Testeurs</name>
<description>Découvrir les bon plans à Kénitra et ailleurs!</description>
<author email="contact@allo-testeurs.com" href="https://www.allo-testeurs.com">Allo Testeurs Agency</author>
......
......@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
import { PreloadAllModules, RouterModule, Routes } from '@angular/router';
const routes: Routes = [
{ path: '', redirectTo: 'start', pathMatch: 'full' },
{ path: '', redirectTo: 'mainslider', pathMatch: 'full' },
{ path: 'start', loadChildren: './pages/start/start.module#StartPageModule' },
{ path: 'login', loadChildren: './pages/login/login.module#LoginPageModule' },
{ path: 'mainslider', loadChildren: './pages/mainslider/mainslider.module#MainsliderPageModule' },
......
......@@ -38,20 +38,20 @@ export class AppComponent {
// Set locator
// this.setLocator();
this._STOR.get('PARAM_mainslider').then((prmMainslider) => {
if (prmMainslider) {
this._STOR.get('isLoggedIn').then((isLoggedIn) => {
if (isLoggedIn) {
this.router.navigateByUrl('/app/dashboard', { replaceUrl: true });
} else {
this.router.navigateByUrl('/login', { replaceUrl: true });
}
});
} else {
this.router.navigateByUrl('/mainslider', { replaceUrl: true });
this._STOR.set('PARAM_mainslider', true);
}
});
// this._STOR.get('PARAM_mainslider').then((prmMainslider) => {
// if (prmMainslider) {
// this._STOR.get('isLoggedIn').then((isLoggedIn) => {
// if (isLoggedIn) {
// this.router.navigateByUrl('/app/dashboard', { replaceUrl: true });
// } else {
// this.router.navigateByUrl('/login', { replaceUrl: true });
// }
// });
// } else {
// this.router.navigateByUrl('/mainslider', { replaceUrl: true });
// this._STOR.set('PARAM_mainslider', true);
// }
// });
});
}
......
......@@ -213,7 +213,8 @@
<ion-row>
<ion-col>
<ion-button class="round" color="light" margin-top full tappable
href="/app/dashboard">
routerLink="/app/dashboard"
routerDirection="root" routerLinkActive="active">
Continuer sans &nbsp;<ion-icon name="arrow-dropright-circle"></ion-icon>
</ion-button>
</ion-col>
......
......@@ -40,7 +40,11 @@ const routes: Routes = [
{
path: 'details-offre/:oid',
loadChildren: '../offre-details/offre-details.module#OffreDetailsPageModule'
}
},
{
path: 'profil',
loadChildren: '../profil/profil.module#ProfilPageModule'
},
]
}
];
......
<ion-menu contentId="content">
<ion-header>
<ion-toolbar color="primary">
<!-- <ion-title>Menu</ion-title> -->
<!-- <ion-thumbnail size="large" slot="start" class="ion-margin-start"> -->
<ion-grid>
<ion-row>
<ion-col size="2"></ion-col>
<ion-col size="4">
<ion-avatar>
<img src="../assets/img/avatar.jpeg">
</ion-avatar>
</ion-col>
<ion-col size="8">
<img src="../../../assets/logo-full-white.png">
<ion-text>
<h4>Nabil Sadki</h4>
</ion-text>
<ion-chip color="light" outline="true">
<ion-icon name="star"></ion-icon>
<ion-label>Testeur</ion-label>
</ion-chip>
</ion-col>
<ion-col size="2"></ion-col>
</ion-row>
</ion-grid>
<!-- </ion-thumbnail> -->
<ion-card color="light">
<ion-grid>
<!-- <ion-row no-padding padding-horizontal>
<ion-col no-padding>
<ion-label>Mes points :</ion-label>
</ion-col>
</ion-row>
<ion-row no-padding padding-horizontal padding-top>
<ion-col no-padding>
<ion-progress-bar color="primary" value="0.75"></ion-progress-bar>
</ion-col>
</ion-row>
<ion-row no-padding padding-horizontal>
<ion-col no-padding size="6" class="ion-text-start"> 0 </ion-col>
<ion-col no-padding size="6" class="ion-text-end"> 1000 </ion-col>
</ion-row> -->
<ion-row no-padding padding-horizontal padding-top>
<ion-col no-padding class="column">
<ion-menu-toggle>
<ion-button fill="outline" size="small" color="dark" routerLink="/app/profil"
routerDirection="root" routerLinkActive="active">
<ion-icon name="contact"></ion-icon>
Profil
</ion-button>
</ion-menu-toggle>
</ion-col>
<ion-col no-padding class="column">
<ion-button size="small" color="dark" href="/login">
<ion-icon name="log-out"></ion-icon>
Déconnexion
</ion-button>
</ion-col>
</ion-row>
</ion-grid>
</ion-card>
</ion-toolbar>
</ion-header>
<ion-content>
......
ion-avatar {
width: 100% !important;
height: 100% !important;
}
ion-progress-bar {
height: 10px;
border-radius: 5px;
}
\ No newline at end of file
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';
import { IonicModule } from '@ionic/angular';
import { ProfilPage } from './profil.page';
const routes: Routes = [
{
path: '',
component: ProfilPage
}
];
@NgModule({
imports: [
CommonModule,
FormsModule,
IonicModule,
RouterModule.forChild(routes)
],
declarations: [ProfilPage]
})
export class ProfilPageModule {}
<ion-header>
<ion-toolbar color="primary">
<ion-buttons slot="start">
<ion-menu-button></ion-menu-button>
</ion-buttons>
<ion-title>
Mon profil
</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-card padding>
<ion-grid>
<ion-row>
<ion-col size="4">
<ion-avatar>
<ion-img src="../assets/img/avatar.jpeg"></ion-img>
</ion-avatar>
</ion-col>
<ion-col size="8">
<ion-text>
<h2>Nabil Sadki</h2>
<ion-chip color="primary" outline="true">
<ion-icon name="star"></ion-icon>
<ion-label>Testeur</ion-label>
</ion-chip>
</ion-text>
</ion-col>
</ion-row>
<!-- <ion-row no-padding padding-horizontal padding-top>
<ion-col no-padding>
<ion-progress-bar color="primary" value="0.75"></ion-progress-bar>
</ion-col>
</ion-row>
<ion-row no-padding padding-horizontal>
<ion-col no-padding size="6" class="ion-text-start"> 0 </ion-col>
<ion-col no-padding size="6" class="ion-text-end"> 1000 </ion-col>
</ion-row> -->
</ion-grid>
</ion-card>
<ion-card>
<ion-item color="primary">
Ma carte testeur :
</ion-item>
<ion-item>
<ion-icon name="card" slot="start"></ion-icon> 2019 0108 0000 0001
</ion-item>
<ion-item>
<ion-icon name="stopwatch" slot="start"></ion-icon> 08/2020
</ion-item>
<ion-item lines="none">
<ion-icon name="person" slot="start"></ion-icon> G101010
</ion-item>
</ion-card>
<ion-card>
<ion-item color="primary">
Infos :
<ion-button slot="end" color="light" fill="outline">Modifier</ion-button>
</ion-item>
<ion-item>
<ion-icon name="mail" slot="start"></ion-icon> monemail@allo-testeurs.com
</ion-item>
<ion-item>
<ion-icon name="pin" slot="start"></ion-icon> Lorem ipsum sit dolor amet
</ion-item>
<ion-item lines="none">
<ion-icon name="call" slot="start"></ion-icon> +212 661 20 30 40
</ion-item>
</ion-card>
</ion-content>
\ No newline at end of file
ion-avatar {
width: 100%;
height: 100%;
}
\ No newline at end of file
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { ProfilPage } from './profil.page';
describe('ProfilPage', () => {
let component: ProfilPage;
let fixture: ComponentFixture<ProfilPage>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ ProfilPage ],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(ProfilPage);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-profil',
templateUrl: './profil.page.html',
styleUrls: ['./profil.page.scss'],
})
export class ProfilPage implements OnInit {
constructor() { }
ngOnInit() {
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment