Martin Macola / autoservicio

1

<div

1

<div

2

*ngIf="!compraConEfectivofinalizada && !compraConQRfinalizada"

2

*ngIf="!compraConEfectivofinalizada && !compraConQRfinalizada"

3

class="row m-0 fade-in bg-primary-gradient disable-user-select"

3

class="row m-0 fade-in bg-primary-gradient disable-user-select"

4

(click)="reiniciarTimer()">

4

(click)="reiniciarTimer()">

5

6

6

7

8

<app-header></app-header>

8

<app-header></app-header>

9

10

10

11

11

12

12

13

13

14

Pagar

14

Pagar

15

15

16

</p>

16

</p>

17

</div>

17

</div>

18

</div>

18

</div>

19

20

20

21

21

22

<p class="text-white h2" *ngIf="!verQR">Elija forma de pago</p>

22

<p class="text-white h2" *ngIf="!verQR">Elija forma de pago</p>

23

</div>

23

</div>

24

</div>

24

</div>

25

26

26

27

27

28

28

29

29

30

30

31

<div

31

<div

32

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

32

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

33

(click)="pagoEfectivo()">

33

(click)="pagoEfectivo()">

34

34

35

35

36

<p class="h6 text-center m-0">Efectivo</p>

36

<p class="h6 text-center m-0">Efectivo</p>

37

</div>

37

</div>

38

</div>

38

</div>

39

</div>

39

</div>

40

40

41

41

42

42

43

43

44

<p class="h6 text-center m-0">Tarjeta</p>

44

<p class="h6 text-center m-0">Tarjeta</p>

45

</div>

45

</div>

46

</div>

46

</div>

47

</div>

47

</div>

48

48

49

<div

49

<div

50

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

50

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

51

(click)="pagar()">

51

(click)="pagar()">

52

52

53

53

54

<p class="h6 text-center m-0">Pago Electrónico</p>

54

<p class="h6 text-center m-0">Pago Electrónico</p>

55

</div>

55

</div>

56

</div>

56

</div>

57

</div>

57

</div>

58

</div>

58

</div>

59

</div>

59

</div>

60

61

61

62

62

63

63

64

64

65

65

66

66

67

<p class="h5 card-title">Su Ticket</p>

67

<p class="h5 card-title">Su Ticket</p>

68

68

69

69

70

70

71

<small class="font-weight-bold">DESCRIPCIÓN</small>

71

<small class="font-weight-bold">DESCRIPCIÓN</small>

72

</p>

72

</p>

73

73

74

<small class="font-weight-bold">CANTIDAD X PRECIO UNITARIO</small>

74

<small class="font-weight-bold">CANTIDAD X PRECIO UNITARIO</small>

75

</p>

75

</p>

76

</div>

76

</div>

77

</div>

77

</div>

78

78

79

79

80

80

81

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

81

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

82

</p>

82

</p>

83

83

84

84

85

85

86

<small>{{producto.cantidad}} x {{producto.PreVen | currency}}</small>

86

<small>{{producto.cantidad}} x {{producto.PreVen | currency}}</small>

87

</p>

87

</p>

88

</div>

88

</div>

89

89

90

90

91

<small>{{(producto.PreVen) * (producto.cantidad) | currency}}</small>

91

<small>{{(producto.PreVen) * (producto.cantidad) | currency}}</small>

92

</p>

92

</p>

93

</div>

93

</div>

94

</div>

94

</div>

95

</div>

95

</div>

96

</div>

96

</div>

97

97

98

Total {{getTotal() | currency}}

98

Total {{getTotal() | currency}}

99

</p>

99

</p>

100

</div>

100

</div>

101

</div>

101

</div>

102

</div>

102

</div>

103

</div>

103

</div>

104

</div>

104

</div>

105

</div>

105

</div>

106

107

107

108

108

109

109

110

</div>

110

</div>

111

</div>

111

</div>

112

113

113

114

114

115

115

116

116

117

117

118

118

119

<button

119

<button

120

type="button"

120

type="button"

121

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

121

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

122

(click)="volverPreviousPage()">

122

(click)="volverPreviousPage()">

123

<span class="pr-2">Volver</span>

123

<span class="pr-2">Volver</span>

124

124

125

</button>

125

</button>

126

<button

126

<button

127

type="button"

127

type="button"

128

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

128

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

129

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

129

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

130

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

130

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

131

131

132

</button>

132

</button>

133

</div>

133

</div>

134

</div>

134

</div>

135

</div>

135

</div>

136

</div>

136

</div>

137

</div>

137

</div>

138

139

</div>

139

</div>

140

141

</div>

141

</div>

142

143

<div

143

<div

144

*ngIf="compraConQRfinalizada"

144

*ngIf="compraConQRfinalizada"

145

class="row m-0 fade-in bg-primary-gradient disable-user-select vh-100">

145

class="row m-0 fade-in bg-primary-gradient disable-user-select vh-100">

146

146

147

147

148

Su pago fue<br>

148

Su pago fue<br>

149

acreditado

149

acreditado

150

exitosamente

150

exitosamente

151

</p>

151

</p>

152

<p class="font-weight-bold display-4">Recuerde retirar su ticket</p>

152

<p class="font-weight-bold display-4">Recuerde retirar su ticket</p>

153

</div>

153

</div>

154

</div>

154

</div>

155

156

<div

156

<div

157

*ngIf="compraConEfectivofinalizada"

157

*ngIf="compraConEfectivofinalizada"

158

class="row m-0 fade-in bg-primary-gradient disable-user-select vh-100">

158

class="row m-0 fade-in bg-primary-gradient disable-user-select vh-100">

159

159

160

160

161

Retire su ticket<br>

161

Retire su ticket<br>

162

y diríjase a caja para<br>

162

y diríjase a caja para<br>

163

efectuar el pago.

163

efectuar el pago.

164

</p>

164

</p>

165

</div>

165

</div>

166

</div>

166

</div>

167

GITLAB

Martin Macola / autoservicio

Usado detalle largo en descripcion.