Skip to content

Commit 2434cfb

Browse files
aledguedesaledguedes
authored
Merge pull request #4 from enterpriseShop/desenvolvimento
Desenvolvimento
2 parents 437035b + 39bbde6 commit 2434cfb

8 files changed

Lines changed: 533 additions & 126 deletions

‎src/app/models/Products.model.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,4 +12,5 @@ export interface Product {
1212
stock: number;
1313
category: Category;
1414
status: Status;
15+
amount?: number;
1516
}

‎src/app/pages/dashboard/dash-content/dash-content.component.html‎

Lines changed: 106 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<div class="widgets p-3">
1+
<div class="widgets w-full p-2">
22
<div class="widget total-vendas shadow-3">
33
<div class="widget-content">
44
<i class="widget-icon ri-money-dollar-circle-line"></i>
@@ -37,30 +37,112 @@ <h3 class="widget-title">Clientes Registrados</h3>
3737
</div>
3838
</div>
3939

40-
<div class="flex justify-content-center px-3">
41-
<div class="container w-full">
42-
<div class="order">
43-
<p-card header="Pedidos" styleClass="h-auto lg:h-full md:h-full px-3">
44-
@for (item of orders; track $index) {
45-
<div class="flex justify-content-between">
46-
<p>{{ '#' + item.order_id }}</p>
47-
<p>{{ item.user_id }}</p>
48-
<p>{{ item.items[0].product_id }}</p>
49-
<p>{{ item.items[0].quantity }}</p>
50-
<p>{{ item.status }}</p>
51-
</div>
52-
<p-divider />
53-
}
54-
</p-card>
40+
<div class="grid-graph p-2">
41+
<div class="graph p-3 shadow-3" style="background-color: #FFF;">
42+
graph
43+
</div>
44+
45+
<div class="orders p-3 shadow-3" style="background-color: #FFF;">
46+
<h2>Recent Orders</h2>
47+
<app-dash-orders />
48+
</div>
49+
</div>
50+
51+
<div class="grid-content p-2">
52+
<div class="item shadow-3">
53+
<div class="header pt-3 px-3">
54+
<h1>Melhores Produtos</h1>
5555
</div>
56-
<div class="mini-cards" styleClass="h-full">
57-
@for (item of dashOrders; track $index) {
58-
<p-card [header]="item.title" class="mr-1 mb-1">
59-
<p class="m-0">
60-
{{item.info}}
61-
</p>
62-
</p-card>
63-
}
56+
57+
<div class="px-3">
58+
<table class="">
59+
<thead>
60+
<tr>
61+
<th>Product</th>
62+
<th>Price</th>
63+
<th>Orders</th>
64+
<th>Stock</th>
65+
<th>Amount</th>
66+
</tr>
67+
</thead>
68+
<tbody>
69+
@for (item of products; track $index) {
70+
<tr>
71+
<td class="product">
72+
<img [src]="item.images[0]" alt="Shirt">
73+
<div class="product-info">
74+
<span>Branded T-Shirts</span>
75+
<small>24 Apr 2021</small>
76+
</div>
77+
</td>
78+
<td class="column">
79+
<span> {{ item.price | currency }} </span>
80+
<small>Price</small>
81+
</td>
82+
<td class="column">
83+
<span style="font-size: 13px;"> {{ item.status.name }} </span>
84+
<small>Status</small>
85+
</td>
86+
<td class="column">
87+
<span> {{ item.stock }} </span>
88+
<small>Stock</small>
89+
</td>
90+
<td class="column">
91+
<span> {{ item.amount | currency }} </span>
92+
<small>Amount</small>
93+
</td>
94+
</tr>
95+
}
96+
</tbody>
97+
</table>
98+
</div>
99+
</div>
100+
<div class="item shadow-3">
101+
<div class="header pt-3 px-3">
102+
<h1>Mais vendidos</h1>
103+
</div>
104+
105+
<div class="px-3">
106+
<table class="">
107+
<thead>
108+
<tr>
109+
<th>Product</th>
110+
<th>Price</th>
111+
<th>Orders</th>
112+
<th>Stock</th>
113+
<th>Amount</th>
114+
</tr>
115+
</thead>
116+
<tbody>
117+
@for (item of products; track $index) {
118+
<tr>
119+
<td class="product">
120+
<img [src]="item.images[0]" alt="Shirt">
121+
<div class="product-info">
122+
<span>Branded T-Shirts</span>
123+
<small>24 Apr 2021</small>
124+
</div>
125+
</td>
126+
<td class="column">
127+
<span> {{ item.price | currency }} </span>
128+
<small>Price</small>
129+
</td>
130+
<td class="column">
131+
<span style="font-size: 13px;"> {{ item.status.name }} </span>
132+
<small>Status</small>
133+
</td>
134+
<td class="column">
135+
<span> {{ item.stock }} </span>
136+
<small>Stock</small>
137+
</td>
138+
<td class="column">
139+
<span> {{ item.amount | currency }} </span>
140+
<small>Amount</small>
141+
</td>
142+
</tr>
143+
}
144+
</tbody>
145+
</table>
64146
</div>
65147
</div>
66148
</div>

0 commit comments

Comments
 (0)