Martin Macola / autoservicio

1

1

2

2

3

4

4

5

5

6

6

7

7

8

9

9

10

</p>

10

</p>

11

</div>

11

</div>

12

</div>

12

</div>

13

14

14

15

15

16

17

17

18

18

19

19

20

<p class="font-weight-bold text-muted border-bottom pb-2">Buscar por Categoría</p>

20

<p class="font-weight-bold text-muted border-bottom pb-2">Buscar por Categoría</p>

21

</div>

21

</div>

22

22

23

<li

23

<li

24

[ngClass]="{active: categoriaActive == 0}"

24

[ngClass]="{active: categoriaActive == 0}"

25

(click)="categoriaActive = 0; filterItems()"

25

(click)="categoriaActive = 0; filterItems()"

26

class="list-group-item list-group-item-action text-center my-1 p-2 h6">

26

class="list-group-item list-group-item-action text-center my-1 p-2 h6">

27

Todos

27

Todos

28

</li>

28

</li>

29

<li

29

<li

30

*ngFor="let categoria of categorias"

30

*ngFor="let categoria of categorias"

31

[ngClass]="{active: categoriaActive == categoria.id}"

31

[ngClass]="{active: categoriaActive == categoria.id}"

32

(click)="categoriaActive = categoria.id; filterItems()"

32

(click)="categoriaActive = categoria.id; filterItems()"

33

class="list-group-item list-group-item-action text-center my-1 p-2 h6">

33

class="list-group-item list-group-item-action text-center my-1 p-2 h6">

34

35

</li>

35

</li>

36

</ul>

36

</ul>

37

</div>

37

</div>

38

39

39

40

<div *ngIf="productos.length > 0" class="fade-in col p-0">

40

<div *ngIf="productos.length > 0" class="fade-in col p-0">

41

42

42

43

44

45

<button

46

type="button"

47

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

48

[routerLink]="['/inicio']">

49

<span class="font-weight-normal h6 pr-2">Volver</span>

50

51

</button>

52

</div>

43

53

44

54

45

<input

55

<input

46

[matKeyboard]="'spanish'"

56

[matKeyboard]="'spanish'"

47

type="text"

57

type="text"

48

class="form-control form-control-lg shadow-sm rounded-pill px-5"

58

class="form-control form-control-lg shadow-sm rounded-pill px-5"

49

placeholder="Búsqueda productos"

59

placeholder="Búsqueda productos"

50

[(ngModel)]="searchTerm"

60

[(ngModel)]="searchTerm"

51

(ngModelChange)="filterItems()">

61

(ngModelChange)="filterItems()">

52

</div>

62

</div>

53

54

55

<button

56

type="button"

57

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

58

[routerLink]="['/inicio']">

59

<span class="font-weight-normal h6 pr-2">Volver</span>

60

61

</button>

62

</div>

63

63

64

<button

64

<button

65

class="btn btn-outline-primary badge badge-light px-2 shadow-sm"

65

class="btn btn-outline-primary badge badge-light px-2 shadow-sm"

66

[ngClass]="{'active': ordenandoByVendidos}"

66

[ngClass]="{'active': ordenandoByVendidos}"

67

(click)="ordenandoByVendidos = !ordenandoByVendidos; filterItems()"

67

(click)="ordenandoByVendidos = !ordenandoByVendidos; filterItems()"

68

>Más vendidos</button>

68

>Más vendidos</button>

69

</div>

69

</div>

70

</div>

70

</div>

71

71

72

72

73

<div

73

<div

74

class="col-4 col-lg-3 p-2"

74

class="col-4 col-lg-3 p-2"

75

*ngFor="let producto of auxProductos">

75

*ngFor="let producto of auxProductos">

76

<div

76

<div

77

class="card-effect bg-white rounded-sm shadow border-0"

77

class="card-effect bg-white rounded-sm shadow border-0"

78

(click)="elegirProducto(producto)">

78

(click)="elegirProducto(producto)">

79

79

80

80

81

<p class="h6 min-h-40 text-left m-0"><small>{{producto.DET_LAR}}</small></p>

81

<p class="h6 min-h-40 text-left m-0"><small>{{producto.DET_LAR}}</small></p>

82

82

83

83

84

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

84

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

85

</div>

85

</div>

86

</div>

86

</div>

87

</div>

87

</div>

88

</div>

88

</div>

89

</div>

89

</div>

90

</div>

90

</div>

91

</div>

91

</div>

92

93

93

94

<div

94

<div

95

*ngIf="productos.length === 0 && showSpinner"

95

*ngIf="productos.length === 0 && showSpinner"

96

class="col-sm-10 p-0 align-self-center text-center">

96

class="col-sm-10 p-0 align-self-center text-center">

97

97

GITLAB

Martin Macola / autoservicio

Boton cambia de lugar.

 <div class="row m-0 fade-in">
   <div class="col-12 p-0">
     <!-- NOMBRE DE SECCION -->
     <div class="row m-0">
       <div class="col-12 p-0">
         <p class="h5 m-0 py-1 bg-gray text-muted text-center">
           {{title}}
           <i *ngIf="title === 'Búsqueda'" class="fa fa-search"></i>
         </p>
       </div>
     </div>
     <div class="container-fluid">
       <div class="row m-2 disable-user-select">
         <!-- FILTROS -->
         <div *ngIf="queMostrar != 'promociones'" class="col-sm-2 p-1">
           <div class="text-center">
             <p class="font-weight-bold text-muted border-bottom pb-2">Buscar por Categoría</p>
           </div>
           <ul class="list-group">
             <li
               [ngClass]="{active: categoriaActive == 0}"
               (click)="categoriaActive = 0; filterItems()"
               class="list-group-item list-group-item-action text-center my-1 p-2 h6">
               Todos
             </li>
             <li
               *ngFor="let categoria of categorias"
               [ngClass]="{active: categoriaActive == categoria.id}"
               (click)="categoriaActive = categoria.id; filterItems()"
               class="list-group-item list-group-item-action text-center my-1 p-2 h6">
               {{categoria.detalle}}
             </li>
           </ul>
         </div>
         <!-- SEARCH INPUT -->
         <div *ngIf="productos.length > 0" class="fade-in col p-0">
           <div class="row m-0 search">
+            <!-- BOTON VOLVER -->
+            <div class="col-sm-auto p-2">
+              <button
+                type="button"
+                class="btn btn-light btn-lg shadow-sm"
+                [routerLink]="['/inicio']">
+                <span class="font-weight-normal h6 pr-2">Volver</span>
+                <i class="fa fa-undo text-warning" aria-hidden="true"></i>
+              </button>
+            </div>
             <div class="col-sm-10 p-2">
               <span class="fa fa-search form-control-lg form-control-search pl-3"></span>
               <input
                 [matKeyboard]="'spanish'"
                 type="text"
                 class="form-control form-control-lg shadow-sm rounded-pill px-5"
                 placeholder="Búsqueda productos"
                 [(ngModel)]="searchTerm"
                 (ngModelChange)="filterItems()">
             </div>
-            <!-- BOTON VOLVER -->
-            <div class="col-sm-2 p-2">
-              <button
-                type="button"
-                class="btn btn-light btn-lg shadow-sm"
-                [routerLink]="['/inicio']">
-                <span class="font-weight-normal h6 pr-2">Volver</span>
-                <i class="fa fa-undo text-warning" aria-hidden="true"></i>
-              </button>
-            </div>
             <div class="col-sm-12 m-0 p-2 h5">
               <button
                 class="btn btn-outline-primary badge badge-light px-2 shadow-sm"
                 [ngClass]="{'active': ordenandoByVendidos}"
                 (click)="ordenandoByVendidos = !ordenandoByVendidos; filterItems()"
               >Más vendidos</button>
             </div>
           </div>
           <!-- LISTA DE PRODUCTOS -->
           <div class="row m-0 align-items-start vh-70 overflow-scroll disable-user-select">
             <div
               class="col-4 col-lg-3 p-2"
               *ngFor="let producto of auxProductos">
               <div
                 class="card-effect bg-white rounded-sm shadow border-0"
                 (click)="elegirProducto(producto)">
                 <img src="{{apiImagenes}}/imagenes/{{producto.imagenes[0].imagen}}" class="rounded-sm w-100 m-auto">
                 <div class="p-2">
                   <p class="h6 min-h-40 text-left m-0"><small>{{producto.DET_LAR}}</small></p>
                   <div class="row m-0">
                     <div class="col-12 my-auto pt-2 pr-2 p-0">
                       <p class="text-right m-0 h6">{{producto.PreVen | currency}}</p>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
         <!-- SPINNER -->
         <div
           *ngIf="productos.length === 0 && showSpinner"
           class="col-sm-10 p-0 align-self-center text-center">
           <div class="spinner-border spinner-lg text-secondary" role="status"></div>