commit3

Author: Takwazayene

backend/db.json

@@ -7,41 +7,6 @@
  "password": "123333",
  "email": "manel@gmail.com"
  },
- {
- "id": "89l7OUM",
- "name": "",
- "username": "",
- "email": "hh",
- "password": "123"
- },
- {
- "id": "x_wlCej",
- "name": "",
- "username": "",
- "email": "manel@gmail.com",
- "password": "123"
- },
- {
- "id": "0D-X1QD",
- "name": "",
- "username": "",
- "email": "manel@gmail.com",
- "password": "123"
- },
- {
- "id": "c4XbIGP",
- "name": "",
- "username": "",
- "email": "",
- "password": ""
- },
- {
- "id": "N9H9-xm",
- "name": "",
- "username": "",
- "email": "",
- "password": ""
- },
  {
  "id": "h",
  "name": "h",
@@ -56,20 +21,6 @@
  "email": "h",
  "password": "h"
  },
- {
- "id": "GRtoBGW",
- "name": "",
- "username": "",
- "email": "",
- "password": ""
- },
- {
- "id": "Gn3L1q3",
- "name": "",
- "username": "",
- "email": "",
- "password": ""
- },
  {
  "id": "22",
  "name": "takwa",
@@ -268,6 +219,27 @@
  "email": "ahmed@gmail.com",
  "mobile": "25252525",
  "position": "chefahmed"
+ },
+ {
+ "id": "21",
+ "name": "mouhamed",
+ "email": "mouhamed@gmail.com",
+ "mobile": "25595696",
+ "position": "chef"
+ },
+ {
+ "id": "22",
+ "name": "mounir",
+ "email": "mounir@gmail.com",
+ "mobile": "12987452",
+ "position": "chef"
+ },
+ {
+ "id": "23",
+ "name": "omar",
+ "email": "omar@gmail.com",
+ "mobile": "90526485",
+ "position": "serveur"
  }
  ]
 }

src/app/app-routing.module.ts

@@ -1,5 +1,5 @@
 import {RouterModule, Routes} from '@angular/router';
-import {UsersComponent} from './users/users.component';
+//import {UsersComponent} from './users/users.component';
 import {EdituserComponent} from './edituser/edituser.component';
 import {DeleteuserComponent} from "./deleteuser/deleteuser.component";
 import { UpdateComponent } from './update/update.component';
@@ -17,13 +17,14 @@ import { EditplatComponent } from './plat/editplat/editplat.component';
 import { AddplatComponent } from './plat/addplat/addplat.component';
 import { ListcategoryComponent } from './category/listcategory/listcategory.component';
 import { CalculprixComponent } from './plat/calculprix/calculprix.component';
+import { ListemployeComponent } from './listemploye/listemploye.component';
 
 const APP_ROUTING: Routes = [
  { path: '', pathMatch: 'full', redirectTo: 'list' },
  //{path: '**', redirectTo: 'list'},
  {path: 'add/employe', component: EmployeComponent},
  {path: 'update/user/:id', component: UpdateComponent},
- {path: 'user', component: UsersComponent},
+ //{path: 'user', component: UsersComponent},
  {path: 'user/:id', component: EdituserComponent},
  {path: 'delete/user/:id', component: DeleteuserComponent},
  {path: 'add/user', component: AdduserComponent},
@@ -39,6 +40,7 @@ const APP_ROUTING: Routes = [
  {path: 'add/plat', component: AddplatComponent},
  {path: 'list/category', component: ListcategoryComponent},
  {path: 'prix', component: CalculprixComponent},
+ {path: 'list/employe', component: ListemployeComponent},
 
 
 

src/app/app.module.ts

@@ -1,7 +1,7 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
 import { AppComponent } from './app.component';
-import { UsersComponent } from './users/users.component';
+//import { UsersComponent } from './users/users.component';
 import { EdituserComponent } from './edituser/edituser.component';
 import { DeleteuserComponent } from './deleteuser/deleteuser.component';
 import {RouterModule} from '@angular/router';
@@ -40,11 +40,13 @@ import { Ng2OrderModule } from 'ng2-order-pipe';
 import { NgxPaginationModule} from 'ngx-pagination';
 import { pdfMake } from 'pdfmake/build/pdfmake';
 import { pdfFonts} from 'pdfmake/build/vfs_fonts';
+import { ListemployeComponent } from './listemploye/listemploye.component';
+import { CategoryComponent } from './category/category/category.component';
 
 @NgModule({
  declarations: [
  AppComponent,
- UsersComponent,
+ //UsersComponent,
  EdituserComponent,
  DeleteuserComponent,
  UpdateComponent,
@@ -65,6 +67,8 @@ import { pdfFonts} from 'pdfmake/build/vfs_fonts';
  AddplatComponent,
  ListcategoryComponent,
  CalculprixComponent,
+ ListemployeComponent,
+ CategoryComponent,
 
 
 

src/app/category/category/category.component.css

@@ -0,0 +1,4 @@
+.style1{
+ 
+ background-color: #ECDB36;
+}

src/app/category/category/category.component.html

@@ -0,0 +1,12 @@
+<td>{{categoryy.id}}</td>
+ <td>{{categoryy.name}}</td>
+ <td>{{categoryy.quantity}}</td>
+ <td>{{categoryy.nbplat}}</td>
+ <td [ngClass] ="'style1'" > {{like1}}</td>
+ <td>
+ <a class="btn btn-sm btn-info text-white" ><i [routerLink]="['/edit/plat/',categoryy.id]" class="fa fa-pencil">edit</i></a>
+ <a class="btn btn-sm btn-danger text-white ml-1" ><i [routerLink]="['/delete/plat/',categoryy.id]"class="fa fa-trash">delete</i></a>
+ <a [ngClass] ="'style1'" class="btn btn-sm btn-info text-white ml-1" ><i (click)= "addLike()" class="fa addLike">like</i></a>
+
+ 
+ </td>

src/app/users/users.component.spec.ts …gory/category/category.component.spec.tssrc/app/users/users.component.spec.ts renamed to src/app/category/category/category.component.spec.ts src/app/users/users.component.spec.ts renamed to src/app/category/category/category.component.spec.ts

@@ -1,20 +1,20 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { UsersComponent } from './users.component';
+import { CategoryComponent } from './category.component';
 
-describe('UsersComponent', () => {
- let component: UsersComponent;
- let fixture: ComponentFixture<UsersComponent>;
+describe('CategoryComponent', () => {
+ let component: CategoryComponent;
+ let fixture: ComponentFixture<CategoryComponent>;
 
  beforeEach(async(() => {
  TestBed.configureTestingModule({
- declarations: [ UsersComponent ]
+ declarations: [ CategoryComponent ]
  })
  .compileComponents();
  }));
 
  beforeEach(() => {
- fixture = TestBed.createComponent(UsersComponent);
+ fixture = TestBed.createComponent(CategoryComponent);
  component = fixture.componentInstance;
  fixture.detectChanges();
  });

src/app/category/category/category.component.ts

@@ -0,0 +1,26 @@
+import { Component, OnInit, Input, Output , EventEmitter } from '@angular/core';
+import { Category } from 'src/app/model/category';
+
+@Component({
+ selector: 'app-category',
+ templateUrl: './category.component.html',
+ styleUrls: ['./category.component.css']
+})
+export class CategoryComponent implements OnInit {
+ @Input() categoryy :Category;
+ @Output() liked = new EventEmitter() ;
+ like1: any =0 ;
+ constructor() { }
+ SendNotif () {
+ this.liked.emit() ;
+ }
+ ngOnInit(): void {
+ }
+
+
+ addLike() {
+
+ this.like1++ ;
+ }
+
+}

src/app/category/listcategory/listcategory.component.css

@@ -0,0 +1,5 @@
+h1 {
+ color: #F272AC ;
+ text-shadow: 1px 1px grey;
+ font-weight: bold;
+}

src/app/category/listcategory/listcategory.component.html

@@ -1,35 +1,23 @@
-
+<div class="form-group text-center">
+ <br><h1> List category </h1>
+</div>
 <table class="table table-borderless">
  <thead class="thead-light">
  <th>Id</th>
  <th>name</th>
  <th>quantity</th>
  <th>nbplat</th>
  <th>like</th>
- <th>like</th>
 
 
  <th>
- 
- 
  <a class="btn btn-sm btn-success text-white"[routerLink]="['/add/plat/']"><i class="fa fa-plus"></i> Add Item</a>
  </th>
  </thead>
  <tbody>
 
  <tr *ngFor="let categoryy of category" >
- <td>{{categoryy.id}}</td>
- <td>{{categoryy.name}}</td>
- <td>{{categoryy.quantity}}</td>
- <td>{{categoryy.nbplat}}</td>
- <td>{{categoryy.like}}</td>
- <td>{{like}}</td>
- 
- <td>
- <a class="btn btn-sm btn-info text-white" ><i [routerLink]="['/edit/plat/',categoryy.id]" class="fa fa-pencil">edit</i></a>
- <a class="btn btn-sm btn-danger text-white ml-1" ><i [routerLink]="['/delete/plat/',categoryy.id]"class="fa fa-trash">delete</i></a>
- 
- </td>
+ <app-category [categoryy]="categoryy"></app-category>
  </tr>
  </tbody>
  </table>

src/app/employe/employe.component.css

@@ -6,4 +6,10 @@ h2{
 .btn{
  background-color: #F272AC !important;
  box-shadow :4px 4px 4px grey;
-}
+}
+
+h1 {
+ color: #F272AC ;
+ text-shadow: 1px 1px grey;
+ font-weight: bold;
+}