Luis Suarez / autoservicio-axion

Download as
Browse Code »

Commit 3fe8e18ec7c4c6edcff325b229b11c8549a70e7f

Authored by Marcelo Puebla
1 parent 90d685867b
Exists in develop

Add 

Se muestra imagen sin stock de articulos con exivta < 1
Showing 3 changed files with 54 additions and 0 deletions   Show diff stats
src/app/interfaces/IArticulo.ts
Diff comments   View file @ 3fe8e18
1 export interface IArticulo { 1 export interface IArticulo {
2 cantidad?: number; 2 cantidad?: number;
3 cantidadAdicionada?: number; 3 cantidadAdicionada?: number;
4 cantidadVendida?: number; 4 cantidadVendida?: number;
5 categoria_selfservice?: number; 5 categoria_selfservice?: number;
6 CodArt: number; 6 CodArt: number;
7 codigoBarra?: ICodigoBarra[]; 7 codigoBarra?: ICodigoBarra[];
8 CodSec: number; 8 CodSec: number;
9 DetArt: string; 9 DetArt: string;
10 DET_LAR: string; 10 DET_LAR: string;
11 ELBPRO: string; 11 ELBPRO: string;
12 esAdicionable?: boolean; 12 esAdicionable?: boolean;
13 esSustraible?: boolean; 13 esSustraible?: boolean;
14 FPP?: boolean; 14 FPP?: boolean;
15 id: number; 15 id: number;
16 idSinonimo?: number; 16 idSinonimo?: number;
17 ID_SIN?: number; 17 ID_SIN?: number;
18 imagenes?: any[]; 18 imagenes?: any[];
19 ImpInt: number; 19 ImpInt: number;
20 ImpInt2: number; 20 ImpInt2: number;
21 ImpInt3: number; 21 ImpInt3: number;
22 importeValorExtra?: number; 22 importeValorExtra?: number;
23 PreVen: number; 23 PreVen: number;
24 PRO: boolean; 24 PRO: boolean;
25 productos?: IArticulo[]; 25 productos?: IArticulo[];
26 seleccionado?: boolean; 26 seleccionado?: boolean;
27 tieneSinonimo?: boolean; 27 tieneSinonimo?: boolean;
28 tipo_articulo?: number; 28 tipo_articulo?: number;
29 CODA?: number; 29 CODA?: number;
30 CODP?: number; 30 CODP?: number;
31 SECA?: number; 31 SECA?: number;
32 SECP?: number; 32 SECP?: number;
33 MKT_DESC?: string; 33 MKT_DESC?: string;
34 NHA?: boolean;
35 FECHA_VIGENCIA_HASTA?: Date;
36 FECHA_VIGENCIA_DESDE?: Date;
37 ExiVta?: number;
34 } 38 }
35 39
36 export interface ICodigoBarra { 40 export interface ICodigoBarra {
37 CodBar: string; 41 CodBar: string;
38 CodArt: number; 42 CodArt: number;
39 CodSec: string; 43 CodSec: string;
40 } 44 }
41 45
src/app/modules/seleccion-articulos/seleccion-articulos.component.html
Diff comments   View file @ 3fe8e18
1 <div class="h-92 bg-white fade-in-left"> 1 <div class="h-92 bg-white fade-in-left">
2 <!-- PUBLICIDADES --> 2 <!-- PUBLICIDADES -->
3 <app-header-publicidad></app-header-publicidad> 3 <app-header-publicidad></app-header-publicidad>
4 4
5 <div class="row mx-0 align-items-end" 5 <div class="row mx-0 align-items-end"
6 [ngClass]="boxCarrito.classList.contains('media-pantalla') 6 [ngClass]="boxCarrito.classList.contains('media-pantalla')
7 ? 'h-68' : 'h-80'"> 7 ? 'h-68' : 'h-80'">
8 <!-- CABECERA --> 8 <!-- CABECERA -->
9 <div class="row w-100 mx-3 h-auto border border-primary rounded-sm"> 9 <div class="row w-100 mx-3 h-auto border border-primary rounded-sm">
10 <div class="col-12 p-2 align-self-center"> 10 <div class="col-12 p-2 align-self-center">
11 <div class="px-3"> 11 <div class="px-3">
12 <p class="h6 text-truncate">SELECCIONÁ TÚ COMIDA Y/O BEBIDA</p> 12 <p class="h6 text-truncate">SELECCIONÁ TÚ COMIDA Y/O BEBIDA</p>
13 </div> 13 </div>
14 </div> 14 </div>
15 </div> 15 </div>
16 <!-- CUERPO --> 16 <!-- CUERPO -->
17 <div class="row w-100 mr-4 h-50 h-md-70" id="content"> 17 <div class="row w-100 mr-4 h-50 h-md-70" id="content">
18 <div class="col-12 h-100 px-0 py-3"> 18 <div class="col-12 h-100 px-0 py-3">
19 <div class="row mx-0 h-100"> 19 <div class="row mx-0 h-100">
20 <app-filtro-categorias 20 <app-filtro-categorias
21 class="col-5 col-sm-3 col-xl-2 h-100" 21 class="col-5 col-sm-3 col-xl-2 h-100"
22 #filtroCategorias 22 #filtroCategorias
23 (getProductos)="getProductos()" 23 (getProductos)="getProductos()"
24 (setProductos)="setProductos()" 24 (setProductos)="setProductos()"
25 (filterItems)="filterItems()"> 25 (filterItems)="filterItems()">
26 </app-filtro-categorias> 26 </app-filtro-categorias>
27 <!-- LISTA DE ARTICULOS --> 27 <!-- LISTA DE ARTICULOS -->
28 <div 28 <div
29 class="col-7 col-sm-9 col-xl-10 pb-3 h-100 align-self-center scroll-y-visible" 29 class="col-7 col-sm-9 col-xl-10 pb-3 h-100 align-self-center scroll-y-visible"
30 (scroll)="scrollEvent($event)"> 30 (scroll)="scrollEvent($event)">
31 <!-- SPINNER --> 31 <!-- SPINNER -->
32 <div 32 <div
33 class="d-flex justify-content-center" 33 class="d-flex justify-content-center"
34 *ngIf="loading"> 34 *ngIf="loading">
35 <div class="spinner-border text-primary mt-5" role="status"> 35 <div class="spinner-border text-primary mt-5" role="status">
36 <span class="sr-only">Loading...</span> 36 <span class="sr-only">Loading...</span>
37 </div> 37 </div>
38 </div> 38 </div>
39 <div class="row row-cols-1 row-cols-sm-3 row-cols-xl-6"> 39 <div class="row row-cols-1 row-cols-sm-3 row-cols-xl-6">
40 <!-- ARTICULO --> 40 <!-- ARTICULO -->
41 <div 41 <div
42 *ngFor="let articulo of auxArticulos | slice:0:showQuantity;" 42 *ngFor="let articulo of auxArticulos | slice:0:showQuantity;"
43 class="col px-2 my-1 my-md-3 h-auto"> 43 class="col px-2 my-1 my-md-3 h-auto">
44 <div 44 <div
45 class="swing-in-top-fwd btn-effect card h-auto" 45 class="swing-in-top-fwd btn-effect card h-auto"
46 (click)="selectArticulo(articulo)"> 46 (click)="selectArticulo(articulo)">
47 <img 47 <img
48 draggable="false" 48 draggable="false"
49 ondragstart="return false;" 49 ondragstart="return false;"
50 (contextmenu)="false" 50 (contextmenu)="false"
51 *ngIf="articulo.ExiVta < 1"
52 class="position-fixed right-0"
53 src="assets/img/sin-stock.svg">
54 <img
55 draggable="false"
56 ondragstart="return false;"
57 (contextmenu)="false"
51 src="{{urlImagenes}}{{articulo.imagenes[0].imagen}}" 58 src="{{urlImagenes}}{{articulo.imagenes[0].imagen}}"
52 onerror="this.src='assets/img/imagen-no-encontrada.jpg'" 59 onerror="this.src='assets/img/imagen-no-encontrada.jpg'"
53 class="card-img-top w-100 h-auto h-md-55 rounded-sm"> 60 class="card-img-top w-100 h-auto h-md-55 rounded-sm">
54 <div class="row mx-0 py-1 h-auto justify-content-center"> 61 <div class="row mx-0 py-1 h-auto justify-content-center">
55 <p class="col-12 px-1 h6 h-auto text-primary text-center min-h-60"> 62 <p class="col-12 px-1 h6 h-auto text-primary text-center min-h-60">
56 {{articulo.MKT_DESC ? articulo.MKT_DESC.toUpperCase() : articulo.DetArt.toUpperCase()}} 63 {{articulo.MKT_DESC ? articulo.MKT_DESC.toUpperCase() : articulo.DetArt.toUpperCase()}}
57 </p> 64 </p>
58 <div class="col-12 px-1 align-self-end h-auto"> 65 <div class="col-12 px-1 align-self-end h-auto">
59 <div class="row mx-0 justify-content-between bg-primary badge-pill"> 66 <div class="row mx-0 justify-content-between bg-primary badge-pill">
60 <div class="col px-0 align-self-center text-white text-right"> 67 <div class="col px-0 align-self-center text-white text-right">
61 {{articulo.PreVen | currency}} 68 {{articulo.PreVen | currency}}
62 </div> 69 </div>
63 <div class="col-5 px-0"> 70 <div class="col-5 px-0">
64 <img 71 <img
65 draggable="false" 72 draggable="false"
66 ondragstart="return false;" 73 ondragstart="return false;"
67 (contextmenu)="false" 74 (contextmenu)="false"
68 class="d-block ml-auto py-1 icon-30" 75 class="d-block ml-auto py-1 icon-30"
69 src="assets/img/ir.svg"> 76 src="assets/img/ir.svg">
70 </div> 77 </div>
71 </div> 78 </div>
72 </div> 79 </div>
73 </div> 80 </div>
74 </div> 81 </div>
75 </div> 82 </div>
76 </div> 83 </div>
77 <!-- BOTON VER MAS --> 84 <!-- BOTON VER MAS -->
78 <div class="row mx-0"> 85 <div class="row mx-0">
79 <div 86 <div
80 *ngIf="showQuantity <= auxArticulos.slice(0, showQuantity).length" 87 *ngIf="showQuantity <= auxArticulos.slice(0, showQuantity).length"
81 class="col-12 px-0 mb-2"> 88 class="col-12 px-0 mb-2">
82 <button 89 <button
83 (click)="increaseShow()" 90 (click)="increaseShow()"
84 class="btn btn-block btn-outline-primary"> 91 class="btn btn-block btn-outline-primary">
85 Ver Más 92 Ver Más
86 </button> 93 </button>
87 </div> 94 </div>
88 </div> 95 </div>
89 </div> 96 </div>
90 </div> 97 </div>
91 </div> 98 </div>
92 </div> 99 </div>
93 <!-- FOOTER CARRITO DE COMPRAS --> 100 <!-- FOOTER CARRITO DE COMPRAS -->
94 <div class="row w-90 mx-auto h-auto justify-content-center"> 101 <div class="row w-90 mx-auto h-auto justify-content-center">
95 <div class="h-75 px-0 border border-primary rounded" #boxCarrito 102 <div class="h-75 px-0 border border-primary rounded" #boxCarrito
96 [ngClass]="boxCarrito.classList.contains('media-pantalla') 103 [ngClass]="boxCarrito.classList.contains('media-pantalla')
97 ? 'col-8' : 'col-12'" id="boxCarrito"> 104 ? 'col-8' : 'col-12'" id="boxCarrito">
98 <!-- CABECERA --> 105 <!-- CABECERA -->
99 <div class="row mx-0 h-15 border-bottom border-primary"> 106 <div class="row mx-0 h-15 border-bottom border-primary">
100 <p class="col align-self-center text-truncate"><small>ARTÍCULOS EN TÚ CARRITO DE COMPRAS</small></p> 107 <p class="col align-self-center text-truncate"><small>ARTÍCULOS EN TÚ CARRITO DE COMPRAS</small></p>
101 </div> 108 </div>
102 <!-- CUERPO --> 109 <!-- CUERPO -->
103 <div class="row h-85 mx-0 justify-content-around"> 110 <div class="row h-85 mx-0 justify-content-around">
104 <!-- BOTON SCROLL IZQUIERDA --> 111 <!-- BOTON SCROLL IZQUIERDA -->
105 <div *ngIf="articuloService.carrito.length" class="col-auto btn-effect h-20 align-self-center"> 112 <div *ngIf="articuloService.carrito.length" class="col-auto btn-effect h-20 align-self-center">
106 <img 113 <img
107 draggable="false" 114 draggable="false"
108 ondragstart="return false;" 115 ondragstart="return false;"
109 (contextmenu)="false" 116 (contextmenu)="false"
110 class="icon-30 rotate-180-neg" 117 class="icon-30 rotate-180-neg"
111 src="assets/img/ir-fondo-color.svg" 118 src="assets/img/ir-fondo-color.svg"
112 (mousedown)="scrollX(templateCarrito, -100)" 119 (mousedown)="scrollX(templateCarrito, -100)"
113 (mouseup)="mouseup()" 120 (mouseup)="mouseup()"
114 (mouseleave)="mouseup()"> 121 (mouseleave)="mouseup()">
115 </div> 122 </div>
116 <!-- CARRITO --> 123 <!-- CARRITO -->
117 <div class="col-6 col-sm-8 col-lg-10 h-100"> 124 <div class="col-6 col-sm-8 col-lg-10 h-100">
118 <div 125 <div
119 #templateCarrito 126 #templateCarrito
120 class="row flex-row flex-nowrap h-100 mx-0 my-2 scroll-x" 127 class="row flex-row flex-nowrap h-100 mx-0 my-2 scroll-x"
121 (scroll)="scrollEvent($event)"> 128 (scroll)="scrollEvent($event)">
122 <!-- ARTICULOS --> 129 <!-- ARTICULOS -->
123 <div 130 <div
124 class="col-10 col-sm-4 col-lg-2 px-2 px-xl-4 align-self-center border-right border-primary" 131 class="col-10 col-sm-4 col-lg-2 px-2 px-xl-4 align-self-center border-right border-primary"
125 *ngFor="let articulo of articuloService.carrito; let i = index;" 132 *ngFor="let articulo of articuloService.carrito; let i = index;"
126 @EnterLeaveY> 133 @EnterLeaveY>
127 <img 134 <img
128 class="btn-effect icon-20 mr-2 position-absolute right-0" 135 class="btn-effect icon-20 mr-2 position-absolute right-0"
129 src="assets/img/icono-cancelar-color.svg" 136 src="assets/img/icono-cancelar-color.svg"
130 (click)="deleteArticulo(i)"> 137 (click)="deleteArticulo(i)">
131 <img 138 <img
132 draggable="false" 139 draggable="false"
133 ondragstart="return false;" 140 ondragstart="return false;"
134 (contextmenu)="false" 141 (contextmenu)="false"
135 class="d-block img-fluid p-2 mx-auto rounded w-100 h-auto" 142 class="d-block img-fluid p-2 mx-auto rounded w-100 h-auto"
136 src="{{urlImagenes}}{{articulo.imagenes[0].imagen}}" 143 src="{{urlImagenes}}{{articulo.imagenes[0].imagen}}"
137 onerror="this.src='assets/img/imagen-no-encontrada.jpg'"> 144 onerror="this.src='assets/img/imagen-no-encontrada.jpg'">
138 <p class="d-block mt-auto text-center text-primary text-truncate"> 145 <p class="d-block mt-auto text-center text-primary text-truncate">
139 <small>{{articulo.MKT_DESC ? articulo.MKT_DESC.toUpperCase() : articulo.DetArt.toUpperCase()}}</small> 146 <small>{{articulo.MKT_DESC ? articulo.MKT_DESC.toUpperCase() : articulo.DetArt.toUpperCase()}}</small>
140 </p> 147 </p>
141 <app-articulo-cantidad [articulo]="articulo"></app-articulo-cantidad> 148 <app-articulo-cantidad [articulo]="articulo"></app-articulo-cantidad>
142 </div> 149 </div>
143 <!-- MENSAJE DE ADVERTENCIA --> 150 <!-- MENSAJE DE ADVERTENCIA -->
144 <div *ngIf="!articuloService.carrito.length" class="col h-100"> 151 <div *ngIf="!articuloService.carrito.length" class="col h-100">
145 <p class="text-center py-5">No hay artículos en el carrito</p> 152 <p class="text-center py-5">No hay artículos en el carrito</p>
146 </div> 153 </div>
147 </div> 154 </div>
148 </div> 155 </div>
149 <!-- BOTON SCROLL DERECHA --> 156 <!-- BOTON SCROLL DERECHA -->
150 <div *ngIf="articuloService.carrito.length" 157 <div *ngIf="articuloService.carrito.length"
151 class="col-auto btn-effect h-20 align-self-center d-contents"> 158 class="col-auto btn-effect h-20 align-self-center d-contents">
152 <img 159 <img
153 draggable="false" 160 draggable="false"
154 ondragstart="return false;" 161 ondragstart="return false;"
155 (contextmenu)="false" 162 (contextmenu)="false"
156 class="icon-30" 163 class="icon-30"
157 src="assets/img/ir-fondo-color.svg" 164 src="assets/img/ir-fondo-color.svg"
158 (mousedown)="scrollX(templateCarrito, 100)" 165 (mousedown)="scrollX(templateCarrito, 100)"
159 (mouseup)="mouseup()" 166 (mouseup)="mouseup()"
160 (mouseleave)="mouseup()"> 167 (mouseleave)="mouseup()">
161 </div> 168 </div>
162 </div> 169 </div>
163 </div> 170 </div>
164 <!-- TOTAL--> 171 <!-- TOTAL-->
165 <div 172 <div
166 class="col-auto mt-2 ml-auto h-20"> 173 class="col-auto mt-2 ml-auto h-20">
167 <div class="row mx-0"> 174 <div class="row mx-0">
168 <div class="col-auto font-weight-bold align-self-center text-primary py-2 h3">TOTAL</div> 175 <div class="col-auto font-weight-bold align-self-center text-primary py-2 h3">TOTAL</div>
169 <div class="col-auto align-self-center bg-primary badge-pill"> 176 <div class="col-auto align-self-center bg-primary badge-pill">
170 <p class="text-center font-weight-bold text-white py-2 h3 px-2">{{articuloService.total | currency}}</p> 177 <p class="text-center font-weight-bold text-white py-2 h3 px-2">{{articuloService.total | currency}}</p>
171 </div> 178 </div>
172 </div> 179 </div>
173 </div> 180 </div>
174 181
175 <!-- VER CARRITO --> 182 <!-- VER CARRITO -->
176 <div 183 <div
177 class="col-auto px-0 h-20" 184 class="col-auto px-0 h-20"
178 *ngIf="articuloService.carrito.length" 185 *ngIf="articuloService.carrito.length"
179 [ngClass]="boxCarrito.classList.contains('media-pantalla') ? 'ml-auto' : 'mt-3'"> 186 [ngClass]="boxCarrito.classList.contains('media-pantalla') ? 'ml-auto' : 'mt-3'">
180 <div 187 <div
181 class="btn-effect col-auto px-0 align-self-center bg-white" 188 class="btn-effect col-auto px-0 align-self-center bg-white"
182 [routerLink]="['/carrito']"> 189 [routerLink]="['/carrito']">
183 <div class="row mx-0 bg-light"> 190 <div class="row mx-0 bg-light">
184 <div class="col-auto p-0 bg-primary"> 191 <div class="col-auto p-0 bg-primary">
185 <img 192 <img
186 draggable="false" 193 draggable="false"
187 ondragstart="return false;" 194 ondragstart="return false;"
188 (contextmenu)="false" 195 (contextmenu)="false"
189 class="p-2 icon-40" 196 class="p-2 icon-40"
190 src="assets/img/carrito.svg"> 197 src="assets/img/carrito.svg">
191 </div> 198 </div>
192 <div class="col-auto align-self-center text-primary d-none d-sm-block">IR AL CARRITO</div> 199 <div class="col-auto align-self-center text-primary d-none d-sm-block">IR AL CARRITO</div>
193 </div> 200 </div>
194 </div> 201 </div>
195 </div> 202 </div>
196 203
197 </div> 204 </div>
198 </div> 205 </div>
199 206
200 </div> 207 </div>
201 208
src/assets/img/sin-stock.svg
Diff comments   View file @ 3fe8e18
File was created 1 <?xml version="1.0" encoding="UTF-8"?>
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3 <!-- Creator: CorelDRAW X7 -->
4 <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="25.1549mm" height="25.1762mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
5 viewBox="0 0 238 238"
6 xmlns:xlink="http://www.w3.org/1999/xlink">
7 <defs>
8 <font id="FontID0" horiz-adv-x="790" font-variant="normal" style="fill-rule:nonzero" font-weight="400">
9 <font-face
10 font-family="Gotham Bold">
11 <font-face-src>
12 <font-face-name name="Gotham-Bold"/>
13 </font-face-src>
14 </font-face>
15 <missing-glyph><path d="M0 0z"/></missing-glyph>
16 <glyph unicode="c" horiz-adv-x="571" d="M321.002 -11.9972c106.993,0 167.001,40.9868 219.004,98.0063l-88.9975 90.0009c-37.0168,-35.01 -72.0051,-57.0195 -123.004,-57.0195 -82.9989,0 -136.005,66.0065 -136.005,148.002l0 2.00681c0,79.0071 54.0092,145.995 130.006,145.995 53.9874,0 87.9941,-22.991 122.001,-59.0044l92.9893 100.013c-49.9956,55.9942 -112.992,90.0009 -213.987,90.0009 -164.013,0 -281.018,-126.014 -281.018,-279.011l0 -1.98499c0,-152.997 118.009,-277.005 279.011,-277.005z"/>
17 <glyph unicode="t" horiz-adv-x="414" d="M248.997 -9.00881c50.999,0 87.9941,12.019 119.994,31.0182l0 122.001c-21.9876,-12.019 -46.9854,-18.9992 -74.9935,-18.9992 -34.0066,0 -48.9922,16.9924 -48.9922,51.9806l0 229.016 125.992 0 0 129.984 -125.992 0 0 137.008 -152.016 0 0 -137.008 -63.9997 0 0 -129.984 63.9997 0 0 -254.014c0,-123.986 63.0181,-161.003 156.007,-161.003z"/>
18 <glyph unicode="n" horiz-adv-x="623" d="M67.9914 0l152.016 0 0 298.992c0,72.0051 36.995,109 94.9961,109 58.001,0 92.0077,-36.995 92.0077,-109l0 -298.992 151.994 0 0 347.003c0,123.004 -67.0099,199.001 -182.009,199.001 -77.0003,0 -122.001,-41.0086 -156.989,-86.0091l0 75.9969 -152.016 0 0 -535.992z"/>
19 <glyph unicode="k" horiz-adv-x="592" d="M67.9914 0l152.016 0 0 163.009 52.984 55.9942 140.018 -219.004 173.981 0 -210.998 324.993 204.018 210.998 -182.009 0 -177.995 -194.987 0 388.993 -152.016 0 0 -729.997z"/>
20 <glyph unicode=" " horiz-adv-x="299" d=""/>
21 <glyph unicode="S" horiz-adv-x="639" d="M332.999 -9.9904c150.99,0 257.002,77.9819 257.002,216.997l0 1.98499c0,122.001 -80.0105,173 -221.992,210.017 -121.019,30.9964 -151.012,45.982 -151.012,91.9859l0 2.00681c0,34.0066 30.9964,60.9894 90.0009,60.9894 59.0044,0 119.994,-25.9794 182.009,-68.9949l79.9887 116.002c-71.0017,56.9976 -157.992,88.9975 -259.99,88.9975 -143.007,0 -245.005,-84.0023 -245.005,-210.998l0 -2.00681c0,-138.993 91.0043,-177.995 232.004,-213.987 117.005,-29.993 141,-49.9956 141,-88.9975l0 -2.00681c0,-41.0086 -37.9984,-66.0065 -100.995,-66.0065 -80.0105,0 -146.017,33.0032 -209.013,85.0057l-91.0043 -109c84.0023,-74.9935 191.017,-111.988 297.007,-111.988z"/>
22 <glyph unicode="o" horiz-adv-x="663" d="M330.992 -11.9972c167.001,0 291.009,124.989 291.009,278.99l0 2.00681c0,154.001 -123.004,277.005 -289.002,277.005 -167.001,0 -291.009,-125.011 -291.009,-279.011l0 -1.98499c0,-154.001 123.004,-277.005 289.002,-277.005zm2.00681 130.988c-84.0023,0 -141,69.0167 -141,148.002l0 2.00681c0,79.0071 52.0024,145.995 138.993,145.995 84.0023,0 141,-68.9949 141,-148.002l0 -1.98499c0,-79.0071 -52.0024,-146.017 -138.993,-146.017z"/>
23 <glyph unicode="i" horiz-adv-x="302" d="M71.0017 594.996l159.999 0 0 135.001 -159.999 0 0 -135.001zm3.9918 -594.996l152.016 0 0 535.992 -152.016 0 0 -535.992z"/>
24 </font>
25 <style type="text/css">
26 <![CDATA[
27 @font-face { font-family:"Gotham Bold";font-variant:normal;font-weight:normal;src:url("#FontID0") format(svg)}
28 .fil0 {fill:#AF006A}
29 .fil1 {fill:#F4B223}
30 .fil2 {fill:white}
31 .fnt0 {font-weight:normal;font-size:43.3536px;font-family:'Gotham Bold'}
32 ]]>
33 </style>
34 </defs>
35 <g id="Capa_x0020_1">
36 <metadata id="CorelCorpID_0Corel-Layer"/>
37 <path class="fil0" d="M20 0l190 0c15,0 28,13 28,28l0 190c0,16 -30,27 -41,16l-193 -193c-10,-11 0,-41 16,-41z"/>
38 <path class="fil1" d="M177 93l1 0 26 -14 0 -33c-2,0 -25,-13 -26,-14l-1 0 -26 14 0 33c5,2 9,5 13,7l13 7zm24 -49l11 -11c7,8 11,18 11,30 0,25 -20,45 -45,45 -11,0 -22,-5 -30,-11l12 -12c-2,-1 -3,-1 -5,-2l-10 10c-7,-8 -12,-19 -12,-30 0,-25 20,-45 45,-45 12,0 22,4 30,12l-11 11c1,1 3,2 4,3zm-23 69c-28,0 -50,-23 -50,-50 0,-28 22,-50 50,-50 27,0 50,22 50,50 0,27 -23,50 -50,50zm1 -51l0 28c2,-1 4,-2 6,-3 2,-2 15,-9 16,-10l0 -27c-1,0 -4,2 -5,3 -3,1 -16,9 -17,9zm-25 15c2,1 4,2 5,3l17 10 0 -28c-2,-1 -14,-8 -16,-9 -2,-1 -4,-3 -6,-3l0 27zm1 -30c2,1 6,4 8,5 3,1 3,0 8,-3 2,-1 15,-8 16,-9 -3,-1 -5,-3 -8,-4 -2,-1 -2,-1 -8,2l-16 9zm13 7l8 5c2,1 2,1 4,0l20 -12 -8 -4c-2,-1 -2,-1 -4,0l-12 7c-1,0 -7,4 -8,4zm22 6c-1,0 -8,4 -8,5 -1,1 0,5 0,6 0,2 -1,5 2,4 0,0 3,-2 4,-2 1,-1 3,-2 3,-3 1,-1 0,-5 0,-6 0,-2 1,-5 -1,-4zm-5 6l0 5c5,-2 4,-2 4,-7 -2,0 -3,1 -4,2z"/>
39 <g transform="matrix(0.707107 0.707107 -0.707107 0.707107 1190.88 669.458)">
40 <text x="-1258" y="386" class="fil2 fnt0">Sin Stock</text>
41 </g>
42 </g>
43 </svg>
44