Skip to content

A
allo-app
Commit 29001148 by Nabil Sadki
Options

Mon profil

parent 09fbe792
Showing with 225 additions and 24 deletions
config.xml
<?xml version='1.0' encoding='utf-8'?> <?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> <name>Allo Testeurs</name>
<description>Découvrir les bon plans à Kénitra et ailleurs!</description> <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> <author email="contact@allo-testeurs.com" href="https://www.allo-testeurs.com">Allo Testeurs Agency</author>
......
src/app/app-routing.module.ts
...@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core'; ...@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
import { PreloadAllModules, RouterModule, Routes } from '@angular/router'; import { PreloadAllModules, RouterModule, Routes } from '@angular/router';
const routes: Routes = [ const routes: Routes = [
{ path: '', redirectTo: 'start', pathMatch: 'full' }, { path: '', redirectTo: 'mainslider', pathMatch: 'full' },
{ path: 'start', loadChildren: './pages/start/start.module#StartPageModule' }, { path: 'start', loadChildren: './pages/start/start.module#StartPageModule' },
{ path: 'login', loadChildren: './pages/login/login.module#LoginPageModule' }, { path: 'login', loadChildren: './pages/login/login.module#LoginPageModule' },
{ path: 'mainslider', loadChildren: './pages/mainslider/mainslider.module#MainsliderPageModule' }, { path: 'mainslider', loadChildren: './pages/mainslider/mainslider.module#MainsliderPageModule' },
......
src/app/app.component.ts
...@@ -38,20 +38,20 @@ export class AppComponent { ...@@ -38,20 +38,20 @@ export class AppComponent {
// Set locator // Set locator
// this.setLocator(); // this.setLocator();
this._STOR.get('PARAM_mainslider').then((prmMainslider) => { // this._STOR.get('PARAM_mainslider').then((prmMainslider) => {
if (prmMainslider) { // if (prmMainslider) {
this._STOR.get('isLoggedIn').then((isLoggedIn) => { // this._STOR.get('isLoggedIn').then((isLoggedIn) => {
if (isLoggedIn) { // if (isLoggedIn) {
this.router.navigateByUrl('/app/dashboard', { replaceUrl: true }); // this.router.navigateByUrl('/app/dashboard', { replaceUrl: true });
} else { // } else {
this.router.navigateByUrl('/login', { replaceUrl: true }); // this.router.navigateByUrl('/login', { replaceUrl: true });
} // }
}); // });
} else { // } else {
this.router.navigateByUrl('/mainslider', { replaceUrl: true }); // this.router.navigateByUrl('/mainslider', { replaceUrl: true });
this._STOR.set('PARAM_mainslider', true); // this._STOR.set('PARAM_mainslider', true);
} // }
}); // });
}); });
} }
......
src/app/pages/mainslider/mainslider.page.html
...@@ -213,7 +213,8 @@ ...@@ -213,7 +213,8 @@
<ion-row> <ion-row>
<ion-col> <ion-col>
<ion-button class="round" color="light" margin-top full tappable <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> Continuer sans &nbsp;<ion-icon name="arrow-dropright-circle"></ion-icon>
</ion-button> </ion-button>
</ion-col> </ion-col>
......
src/app/pages/menu/menu.module.ts
...@@ -40,7 +40,11 @@ const routes: Routes = [ ...@@ -40,7 +40,11 @@ const routes: Routes = [
{ {
path: 'details-offre/:oid', path: 'details-offre/:oid',
loadChildren: '../offre-details/offre-details.module#OffreDetailsPageModule' loadChildren: '../offre-details/offre-details.module#OffreDetailsPageModule'
} },
{
path: 'profil',
loadChildren: '../profil/profil.module#ProfilPageModule'
},
] ]
} }
]; ];
......
src/app/pages/menu/menu.page.html
<ion-menu contentId="content"> <ion-menu contentId="content">
<ion-header> <ion-header>
<ion-toolbar color="primary"> <ion-toolbar color="primary">
<!-- <ion-title>Menu</ion-title> -->
<!-- <ion-thumbnail size="large" slot="start" class="ion-margin-start"> -->
<ion-grid> <ion-grid>
<ion-row> <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"> <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-row>
</ion-grid>
<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-col>
<ion-col size="2"></ion-col>
</ion-row> </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-grid>
<!-- </ion-thumbnail> --> </ion-card>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
<ion-content> <ion-content>
......
src/app/pages/menu/menu.page.scss
ion-avatar {
width: 100% !important;
height: 100% !important;
}
ion-progress-bar {
height: 10px;
border-radius: 5px;
}
\ No newline at end of file
src/app/pages/profil/profil.module.ts 0 → 100644
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 {}
src/app/pages/profil/profil.page.html 0 → 100644
<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
src/app/pages/profil/profil.page.scss 0 → 100644
ion-avatar {
width: 100%;
height: 100%;
}
\ No newline at end of file
src/app/pages/profil/profil.page.spec.ts 0 → 100644
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();
});
});
src/app/pages/profil/profil.page.ts 0 → 100644
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