From 2688b66825efed89fb2f3cc823e87dc2a89199bb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?S=C3=A9bastien=20Andr=C3=A9?= Date: Wed, 9 Oct 2019 16:04:14 +0200 Subject: [PATCH] Un peu de CSS --- .../skydivelogs-app/src/app/app.component.css | 17 +++++++ .../src/app/app.component.html | 46 +++++++++++++++---- .../skydivelogs-app/src/app/app.component.ts | 16 ++++++- Front/skydivelogs-app/src/app/app.module.ts | 10 ++-- .../list-of-jumps/list-of-jumps.component.ts | 1 - .../src/services/serviceComm.ts | 6 +++ 6 files changed, 80 insertions(+), 16 deletions(-) create mode 100644 Front/skydivelogs-app/src/services/serviceComm.ts diff --git a/Front/skydivelogs-app/src/app/app.component.css b/Front/skydivelogs-app/src/app/app.component.css index e69de29..f3e3e59 100644 --- a/Front/skydivelogs-app/src/app/app.component.css +++ b/Front/skydivelogs-app/src/app/app.component.css @@ -0,0 +1,17 @@ +.hamburger__icon { + position: relative; + z-index: 50; + height: 1rem; + /*padding: 0.5rem 1.5rem;*/ + margin-right: 1rem; + cursor: pointer; + fill: #ffff; +} + +.side-menu-disactive { + display: none !important; +} + +.side-menu-active { + display: '' !important; +} diff --git a/Front/skydivelogs-app/src/app/app.component.html b/Front/skydivelogs-app/src/app/app.component.html index 8bf8b48..6894834 100644 --- a/Front/skydivelogs-app/src/app/app.component.html +++ b/Front/skydivelogs-app/src/app/app.component.html @@ -1,9 +1,37 @@ - - +
+
+ + + + + + + + + +

{{ title }}

+ + +
+ + + + + + +
diff --git a/Front/skydivelogs-app/src/app/app.component.ts b/Front/skydivelogs-app/src/app/app.component.ts index 7b0f672..109aed1 100644 --- a/Front/skydivelogs-app/src/app/app.component.ts +++ b/Front/skydivelogs-app/src/app/app.component.ts @@ -1,10 +1,22 @@ -import { Component } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; +import { ServiceComm } from '../services/serviceComm'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) -export class AppComponent { +export class AppComponent implements OnInit { title = 'app'; + showMenu = false; + + constructor(private serviceComm: ServiceComm) { + } + + ngOnInit() { + } + + toggleMenu() { + this.showMenu = !this.showMenu; + } } diff --git a/Front/skydivelogs-app/src/app/app.module.ts b/Front/skydivelogs-app/src/app/app.module.ts index d769176..7df37f9 100644 --- a/Front/skydivelogs-app/src/app/app.module.ts +++ b/Front/skydivelogs-app/src/app/app.module.ts @@ -1,18 +1,20 @@ import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; +import { HttpClientModule } from '@angular/common/http'; import { AppComponent } from './app.component'; + import { SummaryComponent } from './summary/summary.component'; import { ListOfJumpsComponent } from './list-of-jumps/list-of-jumps.component'; import { ListOfDzsComponent } from './list-of-dzs/list-of-dzs.component'; import { NewJumpComponent } from './new-jump/new-jump.component'; - -import { ServiceApi } from '../services/serviceApi'; -import { HttpClientModule } from '@angular/common/http'; import { ListOfAircraftsComponent } from './list-of-aircrafts/list-of-aircrafts.component'; import { ListOfJumpTypesComponent } from './list-of-jump-types/list-of-jump-types.component'; +import { ServiceApi } from '../services/serviceApi'; +import { ServiceComm } from '../services/serviceComm'; + const appRoutes: Routes = [ { path: 'summary', component: SummaryComponent }, @@ -42,7 +44,7 @@ const appRoutes: Routes = [ BrowserModule, ], exports: [HttpClientModule], - providers: [ServiceApi], + providers: [ServiceApi, ServiceComm], bootstrap: [AppComponent] }) export class AppModule { } diff --git a/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.ts b/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.ts index a3d0bfd..6530321 100644 --- a/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.ts +++ b/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.ts @@ -21,5 +21,4 @@ export class ListOfJumpsComponent implements OnInit { getListOfJumps() { this.listOfJumps = this.serviceApi.getListOfJumps(); } - } diff --git a/Front/skydivelogs-app/src/services/serviceComm.ts b/Front/skydivelogs-app/src/services/serviceComm.ts new file mode 100644 index 0000000..1ebfaad --- /dev/null +++ b/Front/skydivelogs-app/src/services/serviceComm.ts @@ -0,0 +1,6 @@ +import { Injectable } from '@angular/core'; + +@Injectable() +export class ServiceComm { + constructor() { } +}