Martin Macola / autoservicio

1

1

2

3

3

4

Mi compra

4

Mi compra

5

5

6

</p>

6

</p>

7

8

8

9

9

10

10

11

11

12

12

13

13

14

<p class="m-0 h6"><small>{{producto.DetArt}}</small></p>

14

<p class="m-0 h6"><small>{{producto.DetArt}}</small></p>

15

<p class="m-0 h6"><small>COD: {{producto.CodRub}}</small></p>

15

<p class="m-0 h6"><small>COD: {{producto.CodRub}}</small></p>

16

</div>

16

</div>

17

17

18

<p class="m-0">{{producto.PreVen | currency}}</p>

18

<p class="m-0">{{producto.PreVen | currency}}</p>

19

</div>

19

</div>

20

</div>

20

</div>

21

21

22

22

23

23

24

24

25

25

26

</button>

26

</button>

27

27

28

<small>{{producto.cantidad}}</small>

28

<small>{{producto.cantidad}}</small>

29

</div>

29

</div>

30

30

31

31

32

</button>

32

</button>

33

</div>

33

</div>

34

</div>

34

</div>

35

35

36

36

37

37

38

38

39

</button>

39

</button>

40

40

41

41

42

</button>

42

</button>

43

</div>

43

</div>

44

</div>

44

</div>

45

</div>

45

</div>

46

</div>

46

</div>

47

</div>

47

</div>

48

49

49

50

50

51

51

52

52

53

53

54

<p class="h4 border-bottom border-secondary text-secondary pb-2" *ngIf="cont > 1">({{cont}}) items</p>

54

<p class="h4 border-bottom border-secondary text-secondary pb-2" *ngIf="cont > 1">({{cont}}) items</p>

55

<p class="h3 text-secondary">Total</p>

55

<p class="h3 text-secondary">Total</p>

56

<p class="h3 font-weight-bold">{{getTotal() | currency}}</p>

56

<p class="h3 font-weight-bold">{{getTotal() | currency}}</p>

57

</div>

57

</div>

58

58

59

59

60

<span class="font-weight-bold pr-1">Finalizar y Pagar</span>

60

<span class="font-weight-bold pr-1">Finalizar y Pagar</span>

61

61

62

</button>

62

</button>

63

63

<button

64

type="button"

65

class="btn btn-block btn-light shadow btn-sm shadow"

66

[routerLink]="['/cancelar-compra']">

64

<span class="pr-1">Cancelar</span>

67

<span class="pr-1">Cancelar</span>

65

68

66

</button>

69

</button>

67

</div>

70

</div>

68

</div>

71

</div>

69

</div>

72

</div>

70

</div>

73

</div>

71

74

GITLAB

Martin Macola / autoservicio

Agregada ruta al darle cancelar.

 <div class="disable-user-select d-flex align-items-center flex-column h-100 pt-2 text-center">
   <p class="h4 border-bottom border-white text-white mt-4 pb-2">
     Mi compra
     <i class="fa fa-shopping-cart" aria-hidden="true"></i>
   </p>
   <div class="overflow-auto overflow-scroll mb-2 w-100">
     <!-- PRODUCTOS CARRITO -->
     <div class="fade-left my-2 bg-white border-0 rounded-sm" *ngFor="let producto of productosCarrito; let i = index">
       <img class="m-auto pt-2" src="{{apiUrl}}/imagenes/{{producto.imagenes[0].imagen}}">
       <div class="row m-0 p-0 px-1 py-1 shadow rounded-sm">
         <div class="col-12 p-0 pt-2 text-left my-auto">
           <p class="m-0 h6"><small>{{producto.DetArt}}</small></p>
           <p class="m-0 h6"><small>COD: {{producto.CodRub}}</small></p>
         </div>
         <div class="col-12 pr-1 text-right h6 my-auto ">
           <p class="m-0">{{producto.PreVen | currency}}</p>
         </div>
       </div>
       <div class="row m-0 p-0">
         <div class="col-6 px-2 my-2">
           <div class="btn-group-sm btn-group float-left my-auto" role="group">
             <button type="button" class="btn btn-light btn-sm my-auto border" (click)="aumentarContador(i)">
               <i class="fa fa-plus" aria-hidden="true"></i>
             </button>
             <div class="bg-white border border-white px-3 my-auto text-dark h5">
               <small>{{producto.cantidad}}</small>
             </div>
             <button type="button" class="btn btn-light btn-sm my-auto border" (click)="decrementarContador(i)">
               <i class="fa fa-minus" aria-hidden="true"></i>
             </button>
           </div>
         </div>
         <div class="col-6 px-2 my-2">
           <div class="btn-group-sm btn-group float-right my-auto" role="group">
             <button type="button" class="btn btn-light btn-sm my-auto float-left border mr-2">
               <i class="fa fa-hand-o-up" aria-hidden="true"></i>
             </button>
             <button type="button" class="btn btn-secondary btn-sm my-auto ml-2" (click)="deleteProducto(i)">
               <i class="fa fa-times" aria-hidden="true"></i>
             </button>
           </div>
         </div>
       </div>
     </div>
   </div>
   <!-- TOTAL -->
   <div class="card rounded-top-sm mt-auto blue-gradient border-0">
     <div class="card-body row">
       <div class="col-12">
         <p class="h4 border-bottom border-secondary text-secondary pb-2" *ngIf="cont === 1">({{cont}}) item</p>
         <p class="h4 border-bottom border-secondary text-secondary pb-2" *ngIf="cont > 1">({{cont}}) items</p>
         <p class="h3 text-secondary">Total</p>
         <p class="h3 font-weight-bold">{{getTotal() | currency}}</p>
       </div>
       <div class="col-12">
         <button type="button" class="btn btn-block btn-light btn-lg shadow mb-2 p-1" routerLink="/confirmacion-carrito">
           <span class="font-weight-bold pr-1">Finalizar y Pagar</span>
           <i class="fa fa-check text-success" aria-hidden="true"></i>
         </button>
-        <button type="button" class="btn btn-block btn-light shadow btn-sm shadow" (click)="cleanCarrito()">
+        <button
+          type="button"
+          class="btn btn-block btn-light shadow btn-sm shadow"
+          [routerLink]="['/cancelar-compra']">
           <span class="pr-1">Cancelar</span>
           <i class="fa fa-times text-danger" aria-hidden="true"></i>
         </button>
       </div>
     </div>
   </div>
 </div>