Marcelo Puebla / autoservicio-axion

1

1

2

2

3

<img

3

<img

4

draggable="false"

4

draggable="false"

5

ondragstart="return false;"

5

ondragstart="return false;"

6

(contextmenu)="false"

6

(contextmenu)="false"

7

(click)="selectPromo(articulosPromo[0])"

7

(click)="selectPromo(articulosPromo[0])"

8

class="btn-effect icon-30 mt-2 mr-2 position-absolute top-0 right-0 z-index"

8

class="btn-effect icon-30 mt-2 mr-2 position-absolute top-0 right-0 z-index"

9

src="assets/img/icono-cancelar-blanco.svg">

9

src="assets/img/icono-cancelar-blanco.svg">

10

10

11

11

12

<p class="h3 text-white">{{articulosPromo[0].DetArt}}</p>

12

<p class="h3 text-white">{{articulosPromo[0].DetArt}}</p>

13

</div>

13

</div>

14

14

15

<div

15

<div

16

class="row mx-0 justify-content-between bg-white badge-pill btn-effect"

16

class="row mx-0 justify-content-between bg-white badge-pill btn-effect"

17

(click)="selectPromo(articulosPromo[0])">

17

(click)="selectPromo(articulosPromo[0])">

18

18

19

<p class="font-weight-bold">{{articulosPromo[0].PreVen | currency}}</p>

19

<p class="font-weight-bold">{{articulosPromo[0].PreVen | currency}}</p>

20

</div>

20

</div>

21

21

22

<img

22

<img

23

draggable="false"

23

draggable="false"

24

ondragstart="return false;"

24

ondragstart="return false;"

25

(contextmenu)="false"

25

(contextmenu)="false"

26

class="d-block ml-auto my-1 icon-20"

26

class="d-block ml-auto my-1 icon-20"

27

src="assets/img/ir-color.svg">

27

src="assets/img/ir-color.svg">

28

</div>

28

</div>

29

</div>

29

</div>

30

</div>

30

</div>

31

</div>

31

</div>

32

</div>

32

</div>

33

33

34

34

35

35

36

<p class="text-white"><small>¿TE GUSTARÍA LLEVAR ESTE ARTÍCULO</small></p>

36

<p class="text-white"><small>¿TE GUSTARÍA LLEVAR ESTE ARTÍCULO</small></p>

37

<p class="h1 text-white">en un combo?</p>

37

<p class="h1 text-white">en un combo?</p>

38

</div>

38

</div>

39

39

40

<img

40

<img

41

draggable="false"

41

draggable="false"

42

ondragstart="return false;"

42

ondragstart="return false;"

43

(contextmenu)="false"

43

(contextmenu)="false"

44

src="{{urlImagenes}}{{articulosPromo[0].imagenes[0].imagen}}"

44

src="{{urlImagenes}}{{articulosPromo[0].imagenes[0].imagen}}"

45

onerror="this.src='assets/img/imagen-no-encontrada.jpg'"

45

onerror="this.src='assets/img/imagen-no-encontrada.jpg'"

46

class="card-img-top img-fluid rounded-circle">

46

class="card-img-top img-fluid rounded-circle">

47

</div>

47

</div>

48

</div>

48

</div>

49

<div

49

<div

50

class="d-flex justify-content-center mt-2"

50

class="d-flex justify-content-center mt-2"

51

*ngIf="loading">

51

*ngIf="loading">

52

52

53

<span class="sr-only">Loading...</span>

53

<span class="sr-only">Loading...</span>

54

</div>

54

</div>

55

</div>

55

</div>

56

<div

56

<div

57

*ngIf="articulosPromo.length"

58

class="row mt-3 no-gutters lista-promociones scroll-y-visible"

57

class="row mt-3 no-gutters lista-promociones scroll-y-visible"

59

(scroll)="scrollEvent($event)">

58

(scroll)="scrollEvent($event)">

60

59

61

60

62

<div

61

<div

63

[ngClass]="{ 'mt-2': i !== 0 }"

62

[ngClass]="{ 'mt-2': i !== 0 }"

64

class="btn-effect bg-white badge-pill text-primary"

63

class="btn-effect bg-white badge-pill text-primary"

65

(click)="selectPromo(promo)">

64

(click)="selectPromo(promo)">

66

65

67

<p class="text-truncate mr-auto my-auto"><small>{{promo.DetArt}}</small></p>

66

<p class="text-truncate mr-auto my-auto"><small>{{promo.DetArt}}</small></p>

68

67

69

<span>{{promo.PreVen | currency}}</span>

68

<span>{{promo.PreVen | currency}}</span>

70

</p>

69

</p>

71

<img

70

<img

72

draggable="false"

71

draggable="false"

73

ondragstart="return false;"

72

ondragstart="return false;"

74

(contextmenu)="false"

73

(contextmenu)="false"

75

class="d-block py-1 icon-30"

74

class="d-block py-1 icon-30"

76

src="assets/img/ir-color.svg">

75

src="assets/img/ir-color.svg">

77

</div>

76

</div>

78

</div>

77

</div>

79

</div>

78

</div>

80

</div>

79

</div>

81

</div>

80

</div>

82

</div>

81

</div>

83

</div>

82

</div>

84

83

GITLAB

Marcelo Puebla / autoservicio-axion

arreglo mr

 <div class="bg-primary rounded">
   <div class="modal-header" *ngIf="articulosPromo.length">
     <img
       draggable="false"
       ondragstart="return false;"
       (contextmenu)="false"
       (click)="selectPromo(articulosPromo[0])"
       class="btn-effect icon-30 mt-2 mr-2 position-absolute top-0 right-0 z-index"
       src="assets/img/icono-cancelar-blanco.svg">
     <div class="row w-100 no-gutters justify-content-between">
       <div class="col align-self-center">
         <p class="h3 text-white">{{articulosPromo[0].DetArt}}</p>
       </div>
       <div class="col-auto align-self-center mt-4 pl-2">
         <div
           class="row mx-0 justify-content-between bg-white badge-pill btn-effect"
           (click)="selectPromo(articulosPromo[0])">
           <div class="col-auto align-self-center text-primary">
             <p class="font-weight-bold">{{articulosPromo[0].PreVen | currency}}</p>
           </div>
           <div class="col-auto px-0">
             <img
               draggable="false"
               ondragstart="return false;"
               (contextmenu)="false"
               class="d-block ml-auto my-1 icon-20"
               src="assets/img/ir-color.svg">
           </div>
         </div>
       </div>
     </div>
   </div>
-  <div class="modal-body">
+  <div class="modal-body" *ngIf="articulosPromo.length">
     <div class="row no-gutters w-100">
       <div class="col-9 col-9 align-self-center">
         <p class="text-white"><small>¿TE GUSTARÍA LLEVAR ESTE ARTÍCULO</small></p>
         <p class="h1 text-white">en un combo?</p>
       </div>
       <div class="col-3">
         <img
           draggable="false"
           ondragstart="return false;"
           (contextmenu)="false"
           src="{{urlImagenes}}{{articulosPromo[0].imagenes[0].imagen}}"
           onerror="this.src='assets/img/imagen-no-encontrada.jpg'"
           class="card-img-top img-fluid rounded-circle">
       </div>
     </div>
     <div
       class="d-flex justify-content-center mt-2"
       *ngIf="loading">
       <div class="spinner-border text-white" role="status">
         <span class="sr-only">Loading...</span>
       </div>
     </div>
     <div
-      *ngIf="articulosPromo.length"
       class="row mt-3 no-gutters lista-promociones scroll-y-visible"
       (scroll)="scrollEvent($event)">
       <div class="col-12">
         <div *ngFor="let promo of promociones; let i = index">
           <div
             [ngClass]="{ 'mt-2': i !== 0 }"
             class="btn-effect bg-white badge-pill text-primary"
             (click)="selectPromo(promo)">
             <div class="d-flex">
               <p class="text-truncate mr-auto my-auto"><small>{{promo.DetArt}}</small></p>
               <p class="font-weight-bold ml-auto my-auto pr-2">
                 <span>{{promo.PreVen | currency}}</span>
               </p>
               <img
                 draggable="false"
                 ondragstart="return false;"
                 (contextmenu)="false"
                 class="d-block py-1 icon-30"
                 src="assets/img/ir-color.svg">
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>
 </div>