9 |
10 |
11 |
12 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 | | quantite |
31 | amount |
32 | adress |
33 | Status |
34 | Action |
35 |
36 |
37 |
38 |
39 | | {{item.quantite}} |
40 | {{item.amount}} TND |
41 |
42 | {{item.adress}}
43 | |
44 | {{item.status}} |
45 |
46 |
47 |
48 |
49 | |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
--------------------------------------------------------------------------------
/Front-end/src/assets/Front/fonts/slick.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
15 |
--------------------------------------------------------------------------------
/Back-end/server.js:
--------------------------------------------------------------------------------
1 | const express = require("express");
2 | const cors = require("cors");
3 | const db = require("./models");
4 | const bodyParser = require("body-parser");
5 |
6 | const userRouter = require("./router/userrouter");
7 | const produitrouter = require ("./router/produitrouter");
8 | const orderrouter = require ('./router/orderrouter');
9 |
10 |
11 |
12 | const app = express();
13 | app.use(bodyParser.json());
14 |
15 | app.use((req, res, next) => {
16 | res.setHeader("Access-Control-Allow-Origin", "*");
17 | res.setHeader("Acces-Control-Request-Method", "*");
18 | res.setHeader("Acces-Control-Allow-Headers", "*");
19 | next();
20 | });
21 |
22 | // Set up CORS
23 | app.use(
24 | cors({
25 | origin: true, // "true" will copy the domain of the request back
26 | // to the reply. If you need more control than this
27 | // use a function.
28 |
29 | credentials: true, // This MUST be "true" if your endpoint is
30 | // authenticated via either a session cookie
31 | // or Authorization header. Otherwise the
32 | // browser will block the response.
33 |
34 | methods: "POST,GET,PUT,PATCH,OPTIONS,DELETE", // Make sure you're not blocking
35 | // pre-flight OPTIONS requests
36 | })
37 | );
38 |
39 | app.use("/",userRouter);
40 | app.use("/",produitrouter);
41 | app.use("/",orderrouter);
42 | // middleware
43 |
44 | app.use(express.json());
45 |
46 | app.use(express.urlencoded({ extended: true }));
47 |
48 | const path = require("path");
49 | app.use("/Images", express.static(path.join("api/Images")));
50 |
51 | // routers
52 |
53 |
54 | app.get("/", (req, res) => {
55 | res.send("hello world");
56 | });
57 |
58 |
59 | //static Images Folder
60 |
61 | app.use("/Images", express.static("./Images"));
62 |
63 |
64 | //port
65 |
66 | // app.use(express.static(__dirname+'/dist'));
67 |
68 | // app.get('/',function(req,res){
69 | // res.sendFile(path.join(__dirname+'/dist/index.html'));
70 | // });
71 |
72 | const PORT = process.env.PORT || 3000;
73 |
74 | //server
75 |
76 | db.sequelize.sync().then(() => {
77 | app.listen(PORT, () => console.log(`server is running on port ${PORT}`));
78 | });
79 |
--------------------------------------------------------------------------------
/Front-end/src/app/views/front/produit/produit/produit.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | import { AuthadminService } from 'src/app/views/service/authadmin.service';
4 | import { HttpErrorResponse } from '@angular/common/http';
5 | import { DataService } from 'src/app/views/service/data.service';
6 | import { ActivatedRoute, Router } from '@angular/router';
7 | @Component({
8 | selector: 'app-produit',
9 | templateUrl: './produit.component.html',
10 | styleUrls: ['./produit.component.css']
11 | })
12 | export class ProduitComponent implements OnInit {
13 | imagepath:any='http://127.0.0.1:3000/'
14 | dataArray:any
15 | messageErr:any
16 | message:any
17 | produitId:any
18 | datau:any
19 |
20 |
21 | constructor(private ds:DataService,private router:Router,private dsa:AuthadminService,private Activatedroute: ActivatedRoute) {
22 |
23 |
24 | }
25 |
26 | ngOnInit(): void {
27 | this.produitId =
28 | this.Activatedroute.snapshot.queryParamMap.get('produitId') || 0;
29 | this.ds.getproduit().subscribe(data=>this.dataArray=data)
30 |
31 | // console.log(this.produitId)
32 | this.ds.getoneproduit(this.produitId).subscribe((data)=>{
33 | this.datau=data
34 |
35 |
36 | })
37 | }
38 |
39 |
40 |
41 | addo(f:any){
42 |
43 | this.produitId =
44 | this.Activatedroute.snapshot.queryParamMap.get('produitId') || 0;
45 | this.ds.getproduit().subscribe(data=>this.dataArray=data)
46 |
47 | // console.log(this.produitId)
48 | this.ds.getoneproduit(this.produitId).subscribe((data)=>{
49 | this.datau=data
50 |
51 |
52 | })
53 |
54 |
55 | const v = f.value.quantite * this.datau.prix
56 | let data=f.value
57 |
58 | data.amount=v
59 | data.status=this.datau.instock
60 |
61 |
62 | this.ds.addorder(data).subscribe(response=>{
63 | this.ngOnInit()
64 | this.message="order Add with successs"
65 |
66 |
67 |
68 | },(err:HttpErrorResponse)=>{
69 | this.messageErr=err.error
70 |
71 |
72 | })
73 | }
74 |
75 | getoneproduit(id:any) {
76 |
77 | this.router.navigate(['produit'], { queryParams: { produitId: id } });
78 |
79 |
80 | }
81 |
82 | }
83 |
--------------------------------------------------------------------------------
/Front-end/src/app/layouts/adminlogin/adminlogin.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
Welcome Admin!
17 |
18 |
19 |
20 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
18 | 
17 |
18 |
19 | 