Skip to content

A
allo-app
Commit 29797368 by Nabil Sadki
Options

Hauts-faits

parent dcc16b9a
Showing with 250 additions and 8 deletions
config.xml
<?xml version='1.0' encoding='utf-8'?>
<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">
<widget android-versionCode="11500" id="com.allotesteurs.app" version="1.1.5.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>
......
src/app/app-routing.module.ts
......@@ -8,6 +8,7 @@ const routes: Routes = [
{ path: 'mainslider', loadChildren: './pages/mainslider/mainslider.module#MainsliderPageModule' },
{ path: 'app', loadChildren: './pages/menu/menu.module#MenuPageModule' },
{ path: 'offre-details', loadChildren: './pages/offre-details/offre-details.module#OffreDetailsPageModule' },
];
@NgModule({
......
src/app/pages/hauts-faits/hauts-faits.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 { HautsFaitsPage } from './hauts-faits.page';
const routes: Routes = [
{
path: '',
component: HautsFaitsPage
}
];
@NgModule({
imports: [
CommonModule,
FormsModule,
IonicModule,
RouterModule.forChild(routes)
],
declarations: [HautsFaitsPage]
})
export class HautsFaitsPageModule {}
src/app/pages/hauts-faits/hauts-faits.page.html 0 → 100644
<ion-header>
<ion-toolbar color="primary">
<ion-buttons slot="start">
<ion-back-button defaultHref="/app/profil" text="Retour"></ion-back-button>
</ion-buttons>
<ion-title>Hauts-faits</ion-title>
<ion-chip slot="end">
<ion-icon name="ribbon" color="secondary"></ion-icon>
<ion-label color="light">60</ion-label>
</ion-chip>
</ion-toolbar>
</ion-header>
<ion-content color="light" padding-top>
<ion-card no-margin margin-horizontal margin-bottom padding-bottom>
<ion-list>
<ion-list-header color="light">Connexion</ion-list-header>
<ion-item lines="none" margin-top>
<ion-icon class="ach-icon" name="power" color="light" slot="start"></ion-icon>
<ion-label no-margin>
<h2>Marhba!</h2>
<p>Se connecter une seul fois à l'application.</p>
<ion-grid no-padding>
<ion-row>
<ion-col no-padding class="ion-text-start" size="5">
<ion-chip outline="true">
<ion-icon name="ribbon" color="secondary"></ion-icon>
<ion-label>20</ion-label>
</ion-chip>
</ion-col>
<ion-col no-padding class="ion-text-end" size="7">
1/1
<ion-progress-bar color="success" value="1"></ion-progress-bar>
</ion-col>
</ion-row>
</ion-grid>
</ion-label>
</ion-item>
<ion-item lines="none" margin-top>
<ion-icon class="ach-icon" name="power" slot="start"></ion-icon>
<ion-label no-margin>
<h2>On s'habitue</h2>
<p>Se connecter 7 fois successives à l'application.</p>
<ion-grid no-padding>
<ion-row>
<ion-col no-padding class="ion-text-start" size="5">
<ion-chip outline="true">
<ion-icon name="ribbon" color="secondary"></ion-icon>
<ion-label>50</ion-label>
</ion-chip>
</ion-col>
<ion-col no-padding class="ion-text-end" size="7">
1/7
<ion-progress-bar color="primary" value="0.143"></ion-progress-bar>
</ion-col>
</ion-row>
</ion-grid>
</ion-label>
</ion-item>
<ion-item lines="none" margin-vertical>
<ion-icon class="ach-icon" name="power" slot="start"></ion-icon>
<ion-label no-margin>
<h2>Toujours en ligne!</h2>
<p>Se connecter 30 fois successives à l'application.</p>
<ion-grid no-padding>
<ion-row>
<ion-col no-padding class="ion-text-start" size="5">
<ion-chip outline="true">
<ion-icon name="ribbon" color="secondary"></ion-icon>
<ion-label>200</ion-label>
</ion-chip>
</ion-col>
<ion-col no-padding class="ion-text-end" size="7">
1/30
<ion-progress-bar color="primary" value="0.033"></ion-progress-bar>
</ion-col>
</ion-row>
</ion-grid>
</ion-label>
</ion-item>
</ion-list>
</ion-card>
<ion-card no-margin margin-horizontal margin-bottom padding-bottom>
<ion-list>
<ion-list-header color="light">Parrainage</ion-list-header>
<ion-item lines="none" margin-top>
<ion-icon class="ach-icon" name="contacts" color="light" slot="start"></ion-icon>
<ion-label no-margin>
<h2>Viens, je te montre un truc</h2>
<p>Parrainer un(e) ami(e).</p>
<ion-grid no-padding>
<ion-row>
<ion-col no-padding class="ion-text-start" size="5">
<ion-chip outline="true">
<ion-icon name="ribbon" color="secondary"></ion-icon>
<ion-label>40</ion-label>
</ion-chip>
</ion-col>
<ion-col no-padding class="ion-text-end" size="7">
1/1
<ion-progress-bar color="success" value="1"></ion-progress-bar>
</ion-col>
</ion-row>
</ion-grid>
</ion-label>
</ion-item>
<ion-item lines="none" margin-top>
<ion-icon class="ach-icon" name="contacts" slot="start"></ion-icon>
<ion-label no-margin>
<h2>C'est super à 5!</h2>
<p>Parrainer 5 ami(e)s.</p>
<ion-grid no-padding>
<ion-row>
<ion-col no-padding class="ion-text-start" size="5">
<ion-chip outline="true">
<ion-icon name="ribbon" color="secondary"></ion-icon>
<ion-label>200</ion-label>
</ion-chip>
</ion-col>
<ion-col no-padding class="ion-text-end" size="7">
4/5
<ion-progress-bar color="primary" value="0.8"></ion-progress-bar>
</ion-col>
</ion-row>
</ion-grid>
</ion-label>
</ion-item>
<ion-item lines="none" margin-vertical>
<ion-icon class="ach-icon" name="contacts" slot="start"></ion-icon>
<ion-label no-margin>
<h2>A 10, c'est encore mieux!!</h2>
<p>Parrainer 10 ami(e)s.</p>
<ion-grid no-padding>
<ion-row>
<ion-col no-padding class="ion-text-start" size="5">
<ion-chip outline="true">
<ion-icon name="ribbon" color="secondary"></ion-icon>
<ion-label>500</ion-label>
</ion-chip>
</ion-col>
<ion-col no-padding class="ion-text-end" size="7">
4/10
<ion-progress-bar color="primary" value="0.4"></ion-progress-bar>
</ion-col>
</ion-row>
</ion-grid>
</ion-label>
</ion-item>
</ion-list>
</ion-card>
</ion-content>
\ No newline at end of file
src/app/pages/hauts-faits/hauts-faits.page.scss 0 → 100644
ion-item {
ion-icon.ach-icon {
font-size: 3em;
}
ion-progress-bar {
height: 10px;
border-radius: 5px;
}
}
src/app/pages/hauts-faits/hauts-faits.page.spec.ts 0 → 100644
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { HautsFaitsPage } from './hauts-faits.page';
describe('HautsFaitsPage', () => {
let component: HautsFaitsPage;
let fixture: ComponentFixture<HautsFaitsPage>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ HautsFaitsPage ],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(HautsFaitsPage);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/pages/hauts-faits/hauts-faits.page.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-hauts-faits',
templateUrl: './hauts-faits.page.html',
styleUrls: ['./hauts-faits.page.scss'],
})
export class HautsFaitsPage implements OnInit {
constructor() { }
ngOnInit() {
}
}
src/app/pages/menu/menu.module.ts
......@@ -49,6 +49,10 @@ const routes: Routes = [
path: 'profil-edit',
loadChildren: '../profil-edit/profil-edit.module#ProfilEditPageModule'
},
{
path: 'hauts-faits',
loadChildren: '../hauts-faits/hauts-faits.module#HautsFaitsPageModule'
},
]
}
];
......
src/app/pages/menu/menu.page.html
......@@ -16,9 +16,13 @@
<ion-icon name="star"></ion-icon>
<ion-label>Testeur</ion-label>
</ion-chip>
<ion-chip color="light">
<ion-icon name="trophy" no-margin></ion-icon>
</ion-chip>
<ion-menu-toggle>
<ion-chip routerLink="/app/hauts-faits" routerDirection="root"
routerLinkActive="active">
<ion-icon name="trophy" color="secondary"></ion-icon>
<ion-label color="light">2/6</ion-label>
</ion-chip>
</ion-menu-toggle>
</ion-col>
</ion-row>
</ion-grid>
......@@ -39,7 +43,7 @@
<ion-col no-padding size="6" class="ion-text-end"> 1000 </ion-col>
</ion-row> -->
<ion-row>
<ion-col no-padding class="column">
<ion-col no-padding class="ion-text-start">
<ion-menu-toggle>
<ion-button fill="outline" size="small" color="dark" routerLink="/app/profil"
routerDirection="root" routerLinkActive="active">
......@@ -48,7 +52,7 @@
</ion-button>
</ion-menu-toggle>
</ion-col>
<ion-col no-padding class="column">
<ion-col no-padding class="ion-text-end">
<ion-button size="small" color="dark" href="/login">
<ion-icon name="log-out"></ion-icon>
Déconnexion
......
src/app/pages/profil/profil.page.html
......@@ -24,6 +24,10 @@
<ion-icon name="star"></ion-icon>
<ion-label>Testeur</ion-label>
</ion-chip>
<ion-chip color="dark" routerLink="/app/hauts-faits" routerDirection="root" routerLinkActive="active">
<ion-icon name="trophy" color="secondary"></ion-icon>
<ion-label>2/6</ion-label>
</ion-chip>
</ion-text>
</ion-col>
</ion-row>
......@@ -54,8 +58,8 @@
<ion-card>
<ion-item color="primary">
Infos :
<ion-button slot="end" color="light" fill="outline" routerLink="/app/profil-edit"
routerDirection="root" routerLinkActive="active">Modifier</ion-button>
<ion-button slot="end" color="light" fill="outline" routerLink="/app/profil-edit" routerDirection="root"
routerLinkActive="active">Modifier</ion-button>
</ion-item>
<ion-item>
<ion-icon name="mail" slot="start"></ion-icon> monemail@allo-testeurs.com
......
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