diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 9795920..bd1d9d8 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -20,5 +20,6 @@
phone_number_3?: string;
email?: string;
url?: string;
+ show_information?:boolean,
}
diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 9795920..bd1d9d8 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -20,5 +20,6 @@
phone_number_3?: string;
email?: string;
url?: string;
+ show_information?:boolean,
}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 788aa82..2d3e95f 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -11,7 +11,8 @@
length: -72.64797890311478
},
email: "Recuerdo-@gmail.com",
- url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+ url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg",
+ show_information:false,
},
{
id: 0,
@@ -23,7 +24,8 @@
length: -72.6485850825132
},
email: "Deposito-@gmail.com",
- url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+ url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg",
+ show_information:false,
},
{
id: 0,
@@ -35,7 +37,8 @@
length: -72.64887476144403
},
email: "Leoporinos-@gmail.com",
- url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+ url: "https://i.ibb.co/bgJtCyv/babette.jpg",
+ show_information:false,
},
{
id: 0,
@@ -47,7 +50,8 @@
length: -73.64887476144403
},
email: "Restaurantegpuls@gmail.com",
- url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+ url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg",
+ show_information:false,
},
{
id: 0,
@@ -59,7 +63,8 @@
length: -72.64797890311478
},
email: "Recuerdo-@gmail.com",
- url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+ url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg",
+ show_information:false,
},
{
id: 0,
@@ -71,7 +76,8 @@
length: -72.6485850825132
},
email: "Deposito-@gmail.com",
- url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+ url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg",
+ show_information:false,
},
{
id: 0,
@@ -83,7 +89,8 @@
length: -72.64887476144403
},
email: "Leoporinos-@gmail.com",
- url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+ url: "https://i.ibb.co/bgJtCyv/babette.jpg",
+ show_information:false,
},
{
id: 0,
@@ -95,6 +102,7 @@
length: -73.64887476144403
},
email: "Restaurantegpuls@gmail.com",
- url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+ url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg",
+ show_information:false,
},
]
diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 9795920..bd1d9d8 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -20,5 +20,6 @@
phone_number_3?: string;
email?: string;
url?: string;
+ show_information?:boolean,
}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 788aa82..2d3e95f 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -11,7 +11,8 @@
length: -72.64797890311478
},
email: "Recuerdo-@gmail.com",
- url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+ url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg",
+ show_information:false,
},
{
id: 0,
@@ -23,7 +24,8 @@
length: -72.6485850825132
},
email: "Deposito-@gmail.com",
- url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+ url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg",
+ show_information:false,
},
{
id: 0,
@@ -35,7 +37,8 @@
length: -72.64887476144403
},
email: "Leoporinos-@gmail.com",
- url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+ url: "https://i.ibb.co/bgJtCyv/babette.jpg",
+ show_information:false,
},
{
id: 0,
@@ -47,7 +50,8 @@
length: -73.64887476144403
},
email: "Restaurantegpuls@gmail.com",
- url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+ url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg",
+ show_information:false,
},
{
id: 0,
@@ -59,7 +63,8 @@
length: -72.64797890311478
},
email: "Recuerdo-@gmail.com",
- url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+ url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg",
+ show_information:false,
},
{
id: 0,
@@ -71,7 +76,8 @@
length: -72.6485850825132
},
email: "Deposito-@gmail.com",
- url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+ url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg",
+ show_information:false,
},
{
id: 0,
@@ -83,7 +89,8 @@
length: -72.64887476144403
},
email: "Leoporinos-@gmail.com",
- url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+ url: "https://i.ibb.co/bgJtCyv/babette.jpg",
+ show_information:false,
},
{
id: 0,
@@ -95,6 +102,7 @@
length: -73.64887476144403
},
email: "Restaurantegpuls@gmail.com",
- url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+ url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg",
+ show_information:false,
},
]
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index de2c1d0..27bc2b8 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,11 +1,24 @@
-
+
-
-
{{site!.name}}
+
{{ site!.name }}
@@ -16,7 +29,7 @@
-
+
Abierto
Cierra a las 21:00
@@ -32,11 +45,40 @@
salazones). combinandolos con nuevos sabores y texturas.
-
- {{site!.phone_number}}
-
- {{site!.email}}
+
+ {{ site!.phone_number }}
+
+ {{ site!.email }}
+
+
+
+
+
+
+ {{ page }}
+
+
...
+
+
+
diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 9795920..bd1d9d8 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -20,5 +20,6 @@
phone_number_3?: string;
email?: string;
url?: string;
+ show_information?:boolean,
}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 788aa82..2d3e95f 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -11,7 +11,8 @@
length: -72.64797890311478
},
email: "Recuerdo-@gmail.com",
- url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+ url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg",
+ show_information:false,
},
{
id: 0,
@@ -23,7 +24,8 @@
length: -72.6485850825132
},
email: "Deposito-@gmail.com",
- url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+ url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg",
+ show_information:false,
},
{
id: 0,
@@ -35,7 +37,8 @@
length: -72.64887476144403
},
email: "Leoporinos-@gmail.com",
- url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+ url: "https://i.ibb.co/bgJtCyv/babette.jpg",
+ show_information:false,
},
{
id: 0,
@@ -47,7 +50,8 @@
length: -73.64887476144403
},
email: "Restaurantegpuls@gmail.com",
- url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+ url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg",
+ show_information:false,
},
{
id: 0,
@@ -59,7 +63,8 @@
length: -72.64797890311478
},
email: "Recuerdo-@gmail.com",
- url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+ url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg",
+ show_information:false,
},
{
id: 0,
@@ -71,7 +76,8 @@
length: -72.6485850825132
},
email: "Deposito-@gmail.com",
- url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+ url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg",
+ show_information:false,
},
{
id: 0,
@@ -83,7 +89,8 @@
length: -72.64887476144403
},
email: "Leoporinos-@gmail.com",
- url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+ url: "https://i.ibb.co/bgJtCyv/babette.jpg",
+ show_information:false,
},
{
id: 0,
@@ -95,6 +102,7 @@
length: -73.64887476144403
},
email: "Restaurantegpuls@gmail.com",
- url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+ url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg",
+ show_information:false,
},
]
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index de2c1d0..27bc2b8 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,11 +1,24 @@
-
+
-
-
{{site!.name}}
+
{{ site!.name }}
@@ -16,7 +29,7 @@
-
+
Abierto
Cierra a las 21:00
@@ -32,11 +45,40 @@
salazones). combinandolos con nuevos sabores y texturas.
-
- {{site!.phone_number}}
-
- {{site!.email}}
+
+ {{ site!.phone_number }}
+
+ {{ site!.email }}
+
+
+
+
+
+
+ {{ page }}
+
+
...
+
+
+
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index c0014c9..ca15824 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -1,12 +1,10 @@
-
-
ul {
list-style-type: none;
padding-left: 0;
}
li {
- /* @media only screen and (min-width: 1500px) {
+ /* @media only screen and (min-width: 1500px) {
min-height: 250px;
width: 100%;
} */
@@ -17,7 +15,6 @@
}
.img-container {
-
}
.img-container div {
@@ -27,33 +24,69 @@
background-size: cover;
}
-.info-container{
+.info-container {
width: 60%;
}
-.list__gap{
+.list__gap {
gap: 1rem;
}
-.time-icon{
+.time-icon {
font-size: 25px;
color: var(--base-color-green);
}
-.open{
+.open {
color: var(--base-color-green);
}
-.call-icon,.mail-icon{
+.call-icon,
+.mail-icon {
font-size: 20px;
-
}
-.blue-color{
+.blue-color {
color: var(--base-color-blue-secondary);
}
-.user-icon,.score-icon{
- color:var(--base-color-gray-dark);
+.user-icon,
+.score-icon {
+ color: var(--base-color-gray-dark);
font-size: 25px;
}
+
+.arrow-icon{
+ width:1.438rem;
+ height:1.313rem;
+ color: white;
+}
+
+/* carousel */
+
+.slide {
+ margin: 20px 5px;
+ color: black;
+ height: 1.875rem;
+ width: 1.875rem;
+ border-radius:var(--base-rounded-medium);
+ cursor: pointer;
+ /* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
+}
+
+button {
+ background-color: var(--base-color-primary);
+ color: inherit;
+ border: none;
+ padding: 0;
+ font: inherit;
+ cursor: pointer;
+ outline: inherit;
+ width: 2.938rem;
+ height: 2.188rem;
+ border-radius:var(--base-rounded-medium);
+}
+
+.page-select{
+ background-color: var(--base-color-gray-dark);
+}
diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 9795920..bd1d9d8 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -20,5 +20,6 @@
phone_number_3?: string;
email?: string;
url?: string;
+ show_information?:boolean,
}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 788aa82..2d3e95f 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -11,7 +11,8 @@
length: -72.64797890311478
},
email: "Recuerdo-@gmail.com",
- url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+ url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg",
+ show_information:false,
},
{
id: 0,
@@ -23,7 +24,8 @@
length: -72.6485850825132
},
email: "Deposito-@gmail.com",
- url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+ url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg",
+ show_information:false,
},
{
id: 0,
@@ -35,7 +37,8 @@
length: -72.64887476144403
},
email: "Leoporinos-@gmail.com",
- url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+ url: "https://i.ibb.co/bgJtCyv/babette.jpg",
+ show_information:false,
},
{
id: 0,
@@ -47,7 +50,8 @@
length: -73.64887476144403
},
email: "Restaurantegpuls@gmail.com",
- url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+ url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg",
+ show_information:false,
},
{
id: 0,
@@ -59,7 +63,8 @@
length: -72.64797890311478
},
email: "Recuerdo-@gmail.com",
- url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+ url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg",
+ show_information:false,
},
{
id: 0,
@@ -71,7 +76,8 @@
length: -72.6485850825132
},
email: "Deposito-@gmail.com",
- url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+ url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg",
+ show_information:false,
},
{
id: 0,
@@ -83,7 +89,8 @@
length: -72.64887476144403
},
email: "Leoporinos-@gmail.com",
- url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+ url: "https://i.ibb.co/bgJtCyv/babette.jpg",
+ show_information:false,
},
{
id: 0,
@@ -95,6 +102,7 @@
length: -73.64887476144403
},
email: "Restaurantegpuls@gmail.com",
- url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+ url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg",
+ show_information:false,
},
]
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index de2c1d0..27bc2b8 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,11 +1,24 @@
-
+
-
-
{{site!.name}}
+
{{ site!.name }}
@@ -16,7 +29,7 @@
-
+
Abierto
Cierra a las 21:00
@@ -32,11 +45,40 @@
salazones). combinandolos con nuevos sabores y texturas.
-
- {{site!.phone_number}}
-
- {{site!.email}}
+
+ {{ site!.phone_number }}
+
+ {{ site!.email }}
+
+
+
+
+
+
+ {{ page }}
+
+
...
+
+
+
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index c0014c9..ca15824 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -1,12 +1,10 @@
-
-
ul {
list-style-type: none;
padding-left: 0;
}
li {
- /* @media only screen and (min-width: 1500px) {
+ /* @media only screen and (min-width: 1500px) {
min-height: 250px;
width: 100%;
} */
@@ -17,7 +15,6 @@
}
.img-container {
-
}
.img-container div {
@@ -27,33 +24,69 @@
background-size: cover;
}
-.info-container{
+.info-container {
width: 60%;
}
-.list__gap{
+.list__gap {
gap: 1rem;
}
-.time-icon{
+.time-icon {
font-size: 25px;
color: var(--base-color-green);
}
-.open{
+.open {
color: var(--base-color-green);
}
-.call-icon,.mail-icon{
+.call-icon,
+.mail-icon {
font-size: 20px;
-
}
-.blue-color{
+.blue-color {
color: var(--base-color-blue-secondary);
}
-.user-icon,.score-icon{
- color:var(--base-color-gray-dark);
+.user-icon,
+.score-icon {
+ color: var(--base-color-gray-dark);
font-size: 25px;
}
+
+.arrow-icon{
+ width:1.438rem;
+ height:1.313rem;
+ color: white;
+}
+
+/* carousel */
+
+.slide {
+ margin: 20px 5px;
+ color: black;
+ height: 1.875rem;
+ width: 1.875rem;
+ border-radius:var(--base-rounded-medium);
+ cursor: pointer;
+ /* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
+}
+
+button {
+ background-color: var(--base-color-primary);
+ color: inherit;
+ border: none;
+ padding: 0;
+ font: inherit;
+ cursor: pointer;
+ outline: inherit;
+ width: 2.938rem;
+ height: 2.188rem;
+ border-radius:var(--base-rounded-medium);
+}
+
+.page-select{
+ background-color: var(--base-color-gray-dark);
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index bca2daa..8b744ea 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -4,20 +4,54 @@
@Component({
selector: 'app-list-sites',
templateUrl: './list-sites.component.html',
- styleUrls: ['./list-sites.component.scss']
+ styleUrls: ['./list-sites.component.scss'],
})
export class ListSitesComponent implements OnInit {
-
@Input() sites!: Site[];
@Output() emitAllyId = new EventEmitter();
- constructor() { }
+ numberPages = [1, 2, 3, 4, 5, 6];
+ numberPages2 = [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16];
+ pageSelect = 0;
+ pageFin = 20;
- ngOnInit() {
- }
+ constructor() {}
+
+ ngOnInit() {}
handlePatternAllyId($event: number) {
this.emitAllyId.emit($event);
}
+ avanzar() {
+ if (this.pageSelect == 5 && this.numberPages[5] == 20) {
+ return;
+ } else {
+ if (this.pageSelect == 5) {
+ this.numberPages = this.numberPages.map(function (val) {
+ return ++val;
+ });
+ } else {
+ this.pageSelect += 1;
+ }
+ }
+ }
+
+ retroceder() {
+ if (this.pageSelect == 0 && this.numberPages[0] == 1) {
+ return;
+ } else {
+ if (this.pageSelect == 0) {
+ this.numberPages = this.numberPages.map(function (val) {
+ return --val;
+ });
+ } else {
+ this.pageSelect -= 1;
+ }
+ }
+ }
+
+ newPage(index: number) {
+ this.pageSelect = index;
+ }
}
diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 9795920..bd1d9d8 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -20,5 +20,6 @@
phone_number_3?: string;
email?: string;
url?: string;
+ show_information?:boolean,
}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 788aa82..2d3e95f 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -11,7 +11,8 @@
length: -72.64797890311478
},
email: "Recuerdo-@gmail.com",
- url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+ url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg",
+ show_information:false,
},
{
id: 0,
@@ -23,7 +24,8 @@
length: -72.6485850825132
},
email: "Deposito-@gmail.com",
- url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+ url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg",
+ show_information:false,
},
{
id: 0,
@@ -35,7 +37,8 @@
length: -72.64887476144403
},
email: "Leoporinos-@gmail.com",
- url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+ url: "https://i.ibb.co/bgJtCyv/babette.jpg",
+ show_information:false,
},
{
id: 0,
@@ -47,7 +50,8 @@
length: -73.64887476144403
},
email: "Restaurantegpuls@gmail.com",
- url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+ url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg",
+ show_information:false,
},
{
id: 0,
@@ -59,7 +63,8 @@
length: -72.64797890311478
},
email: "Recuerdo-@gmail.com",
- url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+ url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg",
+ show_information:false,
},
{
id: 0,
@@ -71,7 +76,8 @@
length: -72.6485850825132
},
email: "Deposito-@gmail.com",
- url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+ url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg",
+ show_information:false,
},
{
id: 0,
@@ -83,7 +89,8 @@
length: -72.64887476144403
},
email: "Leoporinos-@gmail.com",
- url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+ url: "https://i.ibb.co/bgJtCyv/babette.jpg",
+ show_information:false,
},
{
id: 0,
@@ -95,6 +102,7 @@
length: -73.64887476144403
},
email: "Restaurantegpuls@gmail.com",
- url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+ url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg",
+ show_information:false,
},
]
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index de2c1d0..27bc2b8 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,11 +1,24 @@
-
+
-
-
{{site!.name}}
+
{{ site!.name }}
@@ -16,7 +29,7 @@
-
+
Abierto
Cierra a las 21:00
@@ -32,11 +45,40 @@
salazones). combinandolos con nuevos sabores y texturas.
-
- {{site!.phone_number}}
-
- {{site!.email}}
+
+ {{ site!.phone_number }}
+
+ {{ site!.email }}
+
+
+
+
+
+
+ {{ page }}
+
+
...
+
+
+
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index c0014c9..ca15824 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -1,12 +1,10 @@
-
-
ul {
list-style-type: none;
padding-left: 0;
}
li {
- /* @media only screen and (min-width: 1500px) {
+ /* @media only screen and (min-width: 1500px) {
min-height: 250px;
width: 100%;
} */
@@ -17,7 +15,6 @@
}
.img-container {
-
}
.img-container div {
@@ -27,33 +24,69 @@
background-size: cover;
}
-.info-container{
+.info-container {
width: 60%;
}
-.list__gap{
+.list__gap {
gap: 1rem;
}
-.time-icon{
+.time-icon {
font-size: 25px;
color: var(--base-color-green);
}
-.open{
+.open {
color: var(--base-color-green);
}
-.call-icon,.mail-icon{
+.call-icon,
+.mail-icon {
font-size: 20px;
-
}
-.blue-color{
+.blue-color {
color: var(--base-color-blue-secondary);
}
-.user-icon,.score-icon{
- color:var(--base-color-gray-dark);
+.user-icon,
+.score-icon {
+ color: var(--base-color-gray-dark);
font-size: 25px;
}
+
+.arrow-icon{
+ width:1.438rem;
+ height:1.313rem;
+ color: white;
+}
+
+/* carousel */
+
+.slide {
+ margin: 20px 5px;
+ color: black;
+ height: 1.875rem;
+ width: 1.875rem;
+ border-radius:var(--base-rounded-medium);
+ cursor: pointer;
+ /* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
+}
+
+button {
+ background-color: var(--base-color-primary);
+ color: inherit;
+ border: none;
+ padding: 0;
+ font: inherit;
+ cursor: pointer;
+ outline: inherit;
+ width: 2.938rem;
+ height: 2.188rem;
+ border-radius:var(--base-rounded-medium);
+}
+
+.page-select{
+ background-color: var(--base-color-gray-dark);
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index bca2daa..8b744ea 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -4,20 +4,54 @@
@Component({
selector: 'app-list-sites',
templateUrl: './list-sites.component.html',
- styleUrls: ['./list-sites.component.scss']
+ styleUrls: ['./list-sites.component.scss'],
})
export class ListSitesComponent implements OnInit {
-
@Input() sites!: Site[];
@Output() emitAllyId = new EventEmitter();
- constructor() { }
+ numberPages = [1, 2, 3, 4, 5, 6];
+ numberPages2 = [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16];
+ pageSelect = 0;
+ pageFin = 20;
- ngOnInit() {
- }
+ constructor() {}
+
+ ngOnInit() {}
handlePatternAllyId($event: number) {
this.emitAllyId.emit($event);
}
+ avanzar() {
+ if (this.pageSelect == 5 && this.numberPages[5] == 20) {
+ return;
+ } else {
+ if (this.pageSelect == 5) {
+ this.numberPages = this.numberPages.map(function (val) {
+ return ++val;
+ });
+ } else {
+ this.pageSelect += 1;
+ }
+ }
+ }
+
+ retroceder() {
+ if (this.pageSelect == 0 && this.numberPages[0] == 1) {
+ return;
+ } else {
+ if (this.pageSelect == 0) {
+ this.numberPages = this.numberPages.map(function (val) {
+ return --val;
+ });
+ } else {
+ this.pageSelect -= 1;
+ }
+ }
+ }
+
+ newPage(index: number) {
+ this.pageSelect = index;
+ }
}
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
index 4f14144..b055b42 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
@@ -1,21 +1,52 @@
-
+
-
-
-
- 5
-
-
-
- {{site!.name}}
-
-
+
+
+
+
+
+
+
+ {{ site!.name }}
+
+
+
+
+ 5
+
+
+
+ {{ site!.name }}
+
+
-
\ No newline at end of file
+ -->
diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 9795920..bd1d9d8 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -20,5 +20,6 @@
phone_number_3?: string;
email?: string;
url?: string;
+ show_information?:boolean,
}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 788aa82..2d3e95f 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -11,7 +11,8 @@
length: -72.64797890311478
},
email: "Recuerdo-@gmail.com",
- url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+ url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg",
+ show_information:false,
},
{
id: 0,
@@ -23,7 +24,8 @@
length: -72.6485850825132
},
email: "Deposito-@gmail.com",
- url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+ url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg",
+ show_information:false,
},
{
id: 0,
@@ -35,7 +37,8 @@
length: -72.64887476144403
},
email: "Leoporinos-@gmail.com",
- url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+ url: "https://i.ibb.co/bgJtCyv/babette.jpg",
+ show_information:false,
},
{
id: 0,
@@ -47,7 +50,8 @@
length: -73.64887476144403
},
email: "Restaurantegpuls@gmail.com",
- url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+ url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg",
+ show_information:false,
},
{
id: 0,
@@ -59,7 +63,8 @@
length: -72.64797890311478
},
email: "Recuerdo-@gmail.com",
- url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+ url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg",
+ show_information:false,
},
{
id: 0,
@@ -71,7 +76,8 @@
length: -72.6485850825132
},
email: "Deposito-@gmail.com",
- url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+ url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg",
+ show_information:false,
},
{
id: 0,
@@ -83,7 +89,8 @@
length: -72.64887476144403
},
email: "Leoporinos-@gmail.com",
- url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+ url: "https://i.ibb.co/bgJtCyv/babette.jpg",
+ show_information:false,
},
{
id: 0,
@@ -95,6 +102,7 @@
length: -73.64887476144403
},
email: "Restaurantegpuls@gmail.com",
- url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+ url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg",
+ show_information:false,
},
]
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index de2c1d0..27bc2b8 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,11 +1,24 @@
-
+
-
-
{{site!.name}}
+
{{ site!.name }}
@@ -16,7 +29,7 @@
-
+
Abierto
Cierra a las 21:00
@@ -32,11 +45,40 @@
salazones). combinandolos con nuevos sabores y texturas.
-
- {{site!.phone_number}}
-
- {{site!.email}}
+
+ {{ site!.phone_number }}
+
+ {{ site!.email }}
+
+
+
+
+
+
+ {{ page }}
+
+
...
+
+
+
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index c0014c9..ca15824 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -1,12 +1,10 @@
-
-
ul {
list-style-type: none;
padding-left: 0;
}
li {
- /* @media only screen and (min-width: 1500px) {
+ /* @media only screen and (min-width: 1500px) {
min-height: 250px;
width: 100%;
} */
@@ -17,7 +15,6 @@
}
.img-container {
-
}
.img-container div {
@@ -27,33 +24,69 @@
background-size: cover;
}
-.info-container{
+.info-container {
width: 60%;
}
-.list__gap{
+.list__gap {
gap: 1rem;
}
-.time-icon{
+.time-icon {
font-size: 25px;
color: var(--base-color-green);
}
-.open{
+.open {
color: var(--base-color-green);
}
-.call-icon,.mail-icon{
+.call-icon,
+.mail-icon {
font-size: 20px;
-
}
-.blue-color{
+.blue-color {
color: var(--base-color-blue-secondary);
}
-.user-icon,.score-icon{
- color:var(--base-color-gray-dark);
+.user-icon,
+.score-icon {
+ color: var(--base-color-gray-dark);
font-size: 25px;
}
+
+.arrow-icon{
+ width:1.438rem;
+ height:1.313rem;
+ color: white;
+}
+
+/* carousel */
+
+.slide {
+ margin: 20px 5px;
+ color: black;
+ height: 1.875rem;
+ width: 1.875rem;
+ border-radius:var(--base-rounded-medium);
+ cursor: pointer;
+ /* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
+}
+
+button {
+ background-color: var(--base-color-primary);
+ color: inherit;
+ border: none;
+ padding: 0;
+ font: inherit;
+ cursor: pointer;
+ outline: inherit;
+ width: 2.938rem;
+ height: 2.188rem;
+ border-radius:var(--base-rounded-medium);
+}
+
+.page-select{
+ background-color: var(--base-color-gray-dark);
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index bca2daa..8b744ea 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -4,20 +4,54 @@
@Component({
selector: 'app-list-sites',
templateUrl: './list-sites.component.html',
- styleUrls: ['./list-sites.component.scss']
+ styleUrls: ['./list-sites.component.scss'],
})
export class ListSitesComponent implements OnInit {
-
@Input() sites!: Site[];
@Output() emitAllyId = new EventEmitter();
- constructor() { }
+ numberPages = [1, 2, 3, 4, 5, 6];
+ numberPages2 = [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16];
+ pageSelect = 0;
+ pageFin = 20;
- ngOnInit() {
- }
+ constructor() {}
+
+ ngOnInit() {}
handlePatternAllyId($event: number) {
this.emitAllyId.emit($event);
}
+ avanzar() {
+ if (this.pageSelect == 5 && this.numberPages[5] == 20) {
+ return;
+ } else {
+ if (this.pageSelect == 5) {
+ this.numberPages = this.numberPages.map(function (val) {
+ return ++val;
+ });
+ } else {
+ this.pageSelect += 1;
+ }
+ }
+ }
+
+ retroceder() {
+ if (this.pageSelect == 0 && this.numberPages[0] == 1) {
+ return;
+ } else {
+ if (this.pageSelect == 0) {
+ this.numberPages = this.numberPages.map(function (val) {
+ return --val;
+ });
+ } else {
+ this.pageSelect -= 1;
+ }
+ }
+ }
+
+ newPage(index: number) {
+ this.pageSelect = index;
+ }
}
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
index 4f14144..b055b42 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
@@ -1,21 +1,52 @@
-
+
-
-
-
- 5
-
-
-
- {{site!.name}}
-
-
+
+
+
+
+
+
+
+ {{ site!.name }}
+
+
+
+
+ 5
+
+
+
+ {{ site!.name }}
+
+
-
\ No newline at end of file
+ -->
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
index 30ddf3c..7df2a86 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
@@ -1,6 +1,4 @@
-*{
- color:white;
-}
+
.carousel_size{
/* width: 100vw; */
@@ -18,12 +16,32 @@
margin: 20px 0;
border-radius: 20px;
box-shadow: 0px 4px 15px rgba(0,0,0,0.2);
- color: black;
height:12.5rem;
width:25rem;
background-size: cover;
/* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
}
+.slide2{
+ position: relative;
+ color: var(--base-color-dark);
+ font-size: 20px;
+ margin: 20px 0;
+ border-radius: 20px;
+ box-shadow: 0px 4px 15px rgba(0,0,0,0.2);
+ height:12.5rem;
+ width:25rem;
+ background: white;
+ /* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
+}
+
+.icon-up{
+ font-size:30px;
+}
+
+.icon-star{
+ font-size:25px;
+}
+
diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 9795920..bd1d9d8 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -20,5 +20,6 @@
phone_number_3?: string;
email?: string;
url?: string;
+ show_information?:boolean,
}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 788aa82..2d3e95f 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -11,7 +11,8 @@
length: -72.64797890311478
},
email: "Recuerdo-@gmail.com",
- url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+ url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg",
+ show_information:false,
},
{
id: 0,
@@ -23,7 +24,8 @@
length: -72.6485850825132
},
email: "Deposito-@gmail.com",
- url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+ url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg",
+ show_information:false,
},
{
id: 0,
@@ -35,7 +37,8 @@
length: -72.64887476144403
},
email: "Leoporinos-@gmail.com",
- url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+ url: "https://i.ibb.co/bgJtCyv/babette.jpg",
+ show_information:false,
},
{
id: 0,
@@ -47,7 +50,8 @@
length: -73.64887476144403
},
email: "Restaurantegpuls@gmail.com",
- url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+ url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg",
+ show_information:false,
},
{
id: 0,
@@ -59,7 +63,8 @@
length: -72.64797890311478
},
email: "Recuerdo-@gmail.com",
- url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+ url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg",
+ show_information:false,
},
{
id: 0,
@@ -71,7 +76,8 @@
length: -72.6485850825132
},
email: "Deposito-@gmail.com",
- url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+ url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg",
+ show_information:false,
},
{
id: 0,
@@ -83,7 +89,8 @@
length: -72.64887476144403
},
email: "Leoporinos-@gmail.com",
- url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+ url: "https://i.ibb.co/bgJtCyv/babette.jpg",
+ show_information:false,
},
{
id: 0,
@@ -95,6 +102,7 @@
length: -73.64887476144403
},
email: "Restaurantegpuls@gmail.com",
- url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+ url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg",
+ show_information:false,
},
]
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index de2c1d0..27bc2b8 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,11 +1,24 @@
-
+
-
-
{{site!.name}}
+
{{ site!.name }}
@@ -16,7 +29,7 @@
-
+
Abierto
Cierra a las 21:00
@@ -32,11 +45,40 @@
salazones). combinandolos con nuevos sabores y texturas.
-
- {{site!.phone_number}}
-
- {{site!.email}}
+
+ {{ site!.phone_number }}
+
+ {{ site!.email }}
+
+
+
+
+
+
+ {{ page }}
+
+
...
+
+
+
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index c0014c9..ca15824 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -1,12 +1,10 @@
-
-
ul {
list-style-type: none;
padding-left: 0;
}
li {
- /* @media only screen and (min-width: 1500px) {
+ /* @media only screen and (min-width: 1500px) {
min-height: 250px;
width: 100%;
} */
@@ -17,7 +15,6 @@
}
.img-container {
-
}
.img-container div {
@@ -27,33 +24,69 @@
background-size: cover;
}
-.info-container{
+.info-container {
width: 60%;
}
-.list__gap{
+.list__gap {
gap: 1rem;
}
-.time-icon{
+.time-icon {
font-size: 25px;
color: var(--base-color-green);
}
-.open{
+.open {
color: var(--base-color-green);
}
-.call-icon,.mail-icon{
+.call-icon,
+.mail-icon {
font-size: 20px;
-
}
-.blue-color{
+.blue-color {
color: var(--base-color-blue-secondary);
}
-.user-icon,.score-icon{
- color:var(--base-color-gray-dark);
+.user-icon,
+.score-icon {
+ color: var(--base-color-gray-dark);
font-size: 25px;
}
+
+.arrow-icon{
+ width:1.438rem;
+ height:1.313rem;
+ color: white;
+}
+
+/* carousel */
+
+.slide {
+ margin: 20px 5px;
+ color: black;
+ height: 1.875rem;
+ width: 1.875rem;
+ border-radius:var(--base-rounded-medium);
+ cursor: pointer;
+ /* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
+}
+
+button {
+ background-color: var(--base-color-primary);
+ color: inherit;
+ border: none;
+ padding: 0;
+ font: inherit;
+ cursor: pointer;
+ outline: inherit;
+ width: 2.938rem;
+ height: 2.188rem;
+ border-radius:var(--base-rounded-medium);
+}
+
+.page-select{
+ background-color: var(--base-color-gray-dark);
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index bca2daa..8b744ea 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -4,20 +4,54 @@
@Component({
selector: 'app-list-sites',
templateUrl: './list-sites.component.html',
- styleUrls: ['./list-sites.component.scss']
+ styleUrls: ['./list-sites.component.scss'],
})
export class ListSitesComponent implements OnInit {
-
@Input() sites!: Site[];
@Output() emitAllyId = new EventEmitter();
- constructor() { }
+ numberPages = [1, 2, 3, 4, 5, 6];
+ numberPages2 = [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16];
+ pageSelect = 0;
+ pageFin = 20;
- ngOnInit() {
- }
+ constructor() {}
+
+ ngOnInit() {}
handlePatternAllyId($event: number) {
this.emitAllyId.emit($event);
}
+ avanzar() {
+ if (this.pageSelect == 5 && this.numberPages[5] == 20) {
+ return;
+ } else {
+ if (this.pageSelect == 5) {
+ this.numberPages = this.numberPages.map(function (val) {
+ return ++val;
+ });
+ } else {
+ this.pageSelect += 1;
+ }
+ }
+ }
+
+ retroceder() {
+ if (this.pageSelect == 0 && this.numberPages[0] == 1) {
+ return;
+ } else {
+ if (this.pageSelect == 0) {
+ this.numberPages = this.numberPages.map(function (val) {
+ return --val;
+ });
+ } else {
+ this.pageSelect -= 1;
+ }
+ }
+ }
+
+ newPage(index: number) {
+ this.pageSelect = index;
+ }
}
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
index 4f14144..b055b42 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
@@ -1,21 +1,52 @@
-
+
-
-
-
- 5
-
-
-
- {{site!.name}}
-
-
+
+
+
+
+
+
+
+ {{ site!.name }}
+
+
+
+
+ 5
+
+
+
+ {{ site!.name }}
+
+
-
\ No newline at end of file
+ -->
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
index 30ddf3c..7df2a86 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
@@ -1,6 +1,4 @@
-*{
- color:white;
-}
+
.carousel_size{
/* width: 100vw; */
@@ -18,12 +16,32 @@
margin: 20px 0;
border-radius: 20px;
box-shadow: 0px 4px 15px rgba(0,0,0,0.2);
- color: black;
height:12.5rem;
width:25rem;
background-size: cover;
/* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
}
+.slide2{
+ position: relative;
+ color: var(--base-color-dark);
+ font-size: 20px;
+ margin: 20px 0;
+ border-radius: 20px;
+ box-shadow: 0px 4px 15px rgba(0,0,0,0.2);
+ height:12.5rem;
+ width:25rem;
+ background: white;
+ /* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
+}
+
+.icon-up{
+ font-size:30px;
+}
+
+.icon-star{
+ font-size:25px;
+}
+
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
index dcc661b..91e0e1c 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
@@ -22,7 +22,7 @@
touchDrag: false,
pullDrag: false,
dots: false,
- margin:15,
+ margin:10,
navSpeed: 700,
navText : ['
','
'],
nav: true,
@@ -36,7 +36,7 @@
nav: true
},
1000: {
- items: 2,
+ items: 3,
nav: true,
loop: true
},
@@ -56,4 +56,8 @@
this.emitAllyId.emit(allyId);
}
+ showInformation(index:number){
+ this.sites[index].show_information=true;
+ }
+
}
diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 9795920..bd1d9d8 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -20,5 +20,6 @@
phone_number_3?: string;
email?: string;
url?: string;
+ show_information?:boolean,
}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 788aa82..2d3e95f 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -11,7 +11,8 @@
length: -72.64797890311478
},
email: "Recuerdo-@gmail.com",
- url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+ url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg",
+ show_information:false,
},
{
id: 0,
@@ -23,7 +24,8 @@
length: -72.6485850825132
},
email: "Deposito-@gmail.com",
- url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+ url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg",
+ show_information:false,
},
{
id: 0,
@@ -35,7 +37,8 @@
length: -72.64887476144403
},
email: "Leoporinos-@gmail.com",
- url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+ url: "https://i.ibb.co/bgJtCyv/babette.jpg",
+ show_information:false,
},
{
id: 0,
@@ -47,7 +50,8 @@
length: -73.64887476144403
},
email: "Restaurantegpuls@gmail.com",
- url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+ url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg",
+ show_information:false,
},
{
id: 0,
@@ -59,7 +63,8 @@
length: -72.64797890311478
},
email: "Recuerdo-@gmail.com",
- url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+ url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg",
+ show_information:false,
},
{
id: 0,
@@ -71,7 +76,8 @@
length: -72.6485850825132
},
email: "Deposito-@gmail.com",
- url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+ url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg",
+ show_information:false,
},
{
id: 0,
@@ -83,7 +89,8 @@
length: -72.64887476144403
},
email: "Leoporinos-@gmail.com",
- url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+ url: "https://i.ibb.co/bgJtCyv/babette.jpg",
+ show_information:false,
},
{
id: 0,
@@ -95,6 +102,7 @@
length: -73.64887476144403
},
email: "Restaurantegpuls@gmail.com",
- url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+ url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg",
+ show_information:false,
},
]
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index de2c1d0..27bc2b8 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,11 +1,24 @@
-
+
-
-
{{site!.name}}
+
{{ site!.name }}
@@ -16,7 +29,7 @@
-
+
Abierto
Cierra a las 21:00
@@ -32,11 +45,40 @@
salazones). combinandolos con nuevos sabores y texturas.
-
- {{site!.phone_number}}
-
- {{site!.email}}
+
+ {{ site!.phone_number }}
+
+ {{ site!.email }}
+
+
+
+
+
+
+ {{ page }}
+
+
...
+
+
+
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index c0014c9..ca15824 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -1,12 +1,10 @@
-
-
ul {
list-style-type: none;
padding-left: 0;
}
li {
- /* @media only screen and (min-width: 1500px) {
+ /* @media only screen and (min-width: 1500px) {
min-height: 250px;
width: 100%;
} */
@@ -17,7 +15,6 @@
}
.img-container {
-
}
.img-container div {
@@ -27,33 +24,69 @@
background-size: cover;
}
-.info-container{
+.info-container {
width: 60%;
}
-.list__gap{
+.list__gap {
gap: 1rem;
}
-.time-icon{
+.time-icon {
font-size: 25px;
color: var(--base-color-green);
}
-.open{
+.open {
color: var(--base-color-green);
}
-.call-icon,.mail-icon{
+.call-icon,
+.mail-icon {
font-size: 20px;
-
}
-.blue-color{
+.blue-color {
color: var(--base-color-blue-secondary);
}
-.user-icon,.score-icon{
- color:var(--base-color-gray-dark);
+.user-icon,
+.score-icon {
+ color: var(--base-color-gray-dark);
font-size: 25px;
}
+
+.arrow-icon{
+ width:1.438rem;
+ height:1.313rem;
+ color: white;
+}
+
+/* carousel */
+
+.slide {
+ margin: 20px 5px;
+ color: black;
+ height: 1.875rem;
+ width: 1.875rem;
+ border-radius:var(--base-rounded-medium);
+ cursor: pointer;
+ /* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
+}
+
+button {
+ background-color: var(--base-color-primary);
+ color: inherit;
+ border: none;
+ padding: 0;
+ font: inherit;
+ cursor: pointer;
+ outline: inherit;
+ width: 2.938rem;
+ height: 2.188rem;
+ border-radius:var(--base-rounded-medium);
+}
+
+.page-select{
+ background-color: var(--base-color-gray-dark);
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index bca2daa..8b744ea 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -4,20 +4,54 @@
@Component({
selector: 'app-list-sites',
templateUrl: './list-sites.component.html',
- styleUrls: ['./list-sites.component.scss']
+ styleUrls: ['./list-sites.component.scss'],
})
export class ListSitesComponent implements OnInit {
-
@Input() sites!: Site[];
@Output() emitAllyId = new EventEmitter();
- constructor() { }
+ numberPages = [1, 2, 3, 4, 5, 6];
+ numberPages2 = [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16];
+ pageSelect = 0;
+ pageFin = 20;
- ngOnInit() {
- }
+ constructor() {}
+
+ ngOnInit() {}
handlePatternAllyId($event: number) {
this.emitAllyId.emit($event);
}
+ avanzar() {
+ if (this.pageSelect == 5 && this.numberPages[5] == 20) {
+ return;
+ } else {
+ if (this.pageSelect == 5) {
+ this.numberPages = this.numberPages.map(function (val) {
+ return ++val;
+ });
+ } else {
+ this.pageSelect += 1;
+ }
+ }
+ }
+
+ retroceder() {
+ if (this.pageSelect == 0 && this.numberPages[0] == 1) {
+ return;
+ } else {
+ if (this.pageSelect == 0) {
+ this.numberPages = this.numberPages.map(function (val) {
+ return --val;
+ });
+ } else {
+ this.pageSelect -= 1;
+ }
+ }
+ }
+
+ newPage(index: number) {
+ this.pageSelect = index;
+ }
}
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
index 4f14144..b055b42 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
@@ -1,21 +1,52 @@
-
+
-
-
-
- 5
-
-
-
- {{site!.name}}
-
-
+
+
+
+
+
+
+
+ {{ site!.name }}
+
+
+
+
+ 5
+
+
+
+ {{ site!.name }}
+
+
-
\ No newline at end of file
+ -->
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
index 30ddf3c..7df2a86 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
@@ -1,6 +1,4 @@
-*{
- color:white;
-}
+
.carousel_size{
/* width: 100vw; */
@@ -18,12 +16,32 @@
margin: 20px 0;
border-radius: 20px;
box-shadow: 0px 4px 15px rgba(0,0,0,0.2);
- color: black;
height:12.5rem;
width:25rem;
background-size: cover;
/* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
}
+.slide2{
+ position: relative;
+ color: var(--base-color-dark);
+ font-size: 20px;
+ margin: 20px 0;
+ border-radius: 20px;
+ box-shadow: 0px 4px 15px rgba(0,0,0,0.2);
+ height:12.5rem;
+ width:25rem;
+ background: white;
+ /* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
+}
+
+.icon-up{
+ font-size:30px;
+}
+
+.icon-star{
+ font-size:25px;
+}
+
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
index dcc661b..91e0e1c 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
@@ -22,7 +22,7 @@
touchDrag: false,
pullDrag: false,
dots: false,
- margin:15,
+ margin:10,
navSpeed: 700,
navText : ['
','
'],
nav: true,
@@ -36,7 +36,7 @@
nav: true
},
1000: {
- items: 2,
+ items: 3,
nav: true,
loop: true
},
@@ -56,4 +56,8 @@
this.emitAllyId.emit(allyId);
}
+ showInformation(index:number){
+ this.sites[index].show_information=true;
+ }
+
}
diff --git a/src/styles.scss b/src/styles.scss
index f304662..ffb5ce4 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -58,7 +58,11 @@
}
.owl-carousel .owl-item {
- width: 25rem !important;
+ width: max-content!important;
+}
+
+.owl-carousel.list-slide{
+ background-color: aqua;
}
/* owl-carousel-o .owl-stage {
diff --git a/src/app/core/interfaces/site/site.ts b/src/app/core/interfaces/site/site.ts
index 9795920..bd1d9d8 100644
--- a/src/app/core/interfaces/site/site.ts
+++ b/src/app/core/interfaces/site/site.ts
@@ -20,5 +20,6 @@
phone_number_3?: string;
email?: string;
url?: string;
+ show_information?:boolean,
}
diff --git a/src/app/core/mocks/data.ts b/src/app/core/mocks/data.ts
index 788aa82..2d3e95f 100644
--- a/src/app/core/mocks/data.ts
+++ b/src/app/core/mocks/data.ts
@@ -11,7 +11,8 @@
length: -72.64797890311478
},
email: "Recuerdo-@gmail.com",
- url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+ url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg",
+ show_information:false,
},
{
id: 0,
@@ -23,7 +24,8 @@
length: -72.6485850825132
},
email: "Deposito-@gmail.com",
- url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+ url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg",
+ show_information:false,
},
{
id: 0,
@@ -35,7 +37,8 @@
length: -72.64887476144403
},
email: "Leoporinos-@gmail.com",
- url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+ url: "https://i.ibb.co/bgJtCyv/babette.jpg",
+ show_information:false,
},
{
id: 0,
@@ -47,7 +50,8 @@
length: -73.64887476144403
},
email: "Restaurantegpuls@gmail.com",
- url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+ url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg",
+ show_information:false,
},
{
id: 0,
@@ -59,7 +63,8 @@
length: -72.64797890311478
},
email: "Recuerdo-@gmail.com",
- url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg"
+ url: "https://i.ibb.co/WKS0QnJ/Tienda-Polanco-1-1-1024x1024.jpg",
+ show_information:false,
},
{
id: 0,
@@ -71,7 +76,8 @@
length: -72.6485850825132
},
email: "Deposito-@gmail.com",
- url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg"
+ url: "https://i.ibb.co/P9n1k0x/Restaurantes-Bucaramanga-1.jpg",
+ show_information:false,
},
{
id: 0,
@@ -83,7 +89,8 @@
length: -72.64887476144403
},
email: "Leoporinos-@gmail.com",
- url: "https://i.ibb.co/bgJtCyv/babette.jpg"
+ url: "https://i.ibb.co/bgJtCyv/babette.jpg",
+ show_information:false,
},
{
id: 0,
@@ -95,6 +102,7 @@
length: -73.64887476144403
},
email: "Restaurantegpuls@gmail.com",
- url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg"
+ url: "https://media-cdn.tripadvisor.com/media/photo-s/11/e1/06/24/cornelia.jpg",
+ show_information:false,
},
]
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index de2c1d0..27bc2b8 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,11 +1,24 @@
-
+
-
-
{{site!.name}}
+
{{ site!.name }}
@@ -16,7 +29,7 @@
-
+
Abierto
Cierra a las 21:00
@@ -32,11 +45,40 @@
salazones). combinandolos con nuevos sabores y texturas.
-
- {{site!.phone_number}}
-
- {{site!.email}}
+
+ {{ site!.phone_number }}
+
+ {{ site!.email }}
+
+
+
+
+
+
+ {{ page }}
+
+
...
+
+
+
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index c0014c9..ca15824 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -1,12 +1,10 @@
-
-
ul {
list-style-type: none;
padding-left: 0;
}
li {
- /* @media only screen and (min-width: 1500px) {
+ /* @media only screen and (min-width: 1500px) {
min-height: 250px;
width: 100%;
} */
@@ -17,7 +15,6 @@
}
.img-container {
-
}
.img-container div {
@@ -27,33 +24,69 @@
background-size: cover;
}
-.info-container{
+.info-container {
width: 60%;
}
-.list__gap{
+.list__gap {
gap: 1rem;
}
-.time-icon{
+.time-icon {
font-size: 25px;
color: var(--base-color-green);
}
-.open{
+.open {
color: var(--base-color-green);
}
-.call-icon,.mail-icon{
+.call-icon,
+.mail-icon {
font-size: 20px;
-
}
-.blue-color{
+.blue-color {
color: var(--base-color-blue-secondary);
}
-.user-icon,.score-icon{
- color:var(--base-color-gray-dark);
+.user-icon,
+.score-icon {
+ color: var(--base-color-gray-dark);
font-size: 25px;
}
+
+.arrow-icon{
+ width:1.438rem;
+ height:1.313rem;
+ color: white;
+}
+
+/* carousel */
+
+.slide {
+ margin: 20px 5px;
+ color: black;
+ height: 1.875rem;
+ width: 1.875rem;
+ border-radius:var(--base-rounded-medium);
+ cursor: pointer;
+ /* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
+}
+
+button {
+ background-color: var(--base-color-primary);
+ color: inherit;
+ border: none;
+ padding: 0;
+ font: inherit;
+ cursor: pointer;
+ outline: inherit;
+ width: 2.938rem;
+ height: 2.188rem;
+ border-radius:var(--base-rounded-medium);
+}
+
+.page-select{
+ background-color: var(--base-color-gray-dark);
+}
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
index bca2daa..8b744ea 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.ts
@@ -4,20 +4,54 @@
@Component({
selector: 'app-list-sites',
templateUrl: './list-sites.component.html',
- styleUrls: ['./list-sites.component.scss']
+ styleUrls: ['./list-sites.component.scss'],
})
export class ListSitesComponent implements OnInit {
-
@Input() sites!: Site[];
@Output() emitAllyId = new EventEmitter();
- constructor() { }
+ numberPages = [1, 2, 3, 4, 5, 6];
+ numberPages2 = [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16];
+ pageSelect = 0;
+ pageFin = 20;
- ngOnInit() {
- }
+ constructor() {}
+
+ ngOnInit() {}
handlePatternAllyId($event: number) {
this.emitAllyId.emit($event);
}
+ avanzar() {
+ if (this.pageSelect == 5 && this.numberPages[5] == 20) {
+ return;
+ } else {
+ if (this.pageSelect == 5) {
+ this.numberPages = this.numberPages.map(function (val) {
+ return ++val;
+ });
+ } else {
+ this.pageSelect += 1;
+ }
+ }
+ }
+
+ retroceder() {
+ if (this.pageSelect == 0 && this.numberPages[0] == 1) {
+ return;
+ } else {
+ if (this.pageSelect == 0) {
+ this.numberPages = this.numberPages.map(function (val) {
+ return --val;
+ });
+ } else {
+ this.pageSelect -= 1;
+ }
+ }
+ }
+
+ newPage(index: number) {
+ this.pageSelect = index;
+ }
}
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
index 4f14144..b055b42 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.html
@@ -1,21 +1,52 @@
-
+
-
-
-
- 5
-
-
-
- {{site!.name}}
-
-
+
+
+
+
+
+
+
+ {{ site!.name }}
+
+
+
+
+ 5
+
+
+
+ {{ site!.name }}
+
+
-
\ No newline at end of file
+ -->
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
index 30ddf3c..7df2a86 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.scss
@@ -1,6 +1,4 @@
-*{
- color:white;
-}
+
.carousel_size{
/* width: 100vw; */
@@ -18,12 +16,32 @@
margin: 20px 0;
border-radius: 20px;
box-shadow: 0px 4px 15px rgba(0,0,0,0.2);
- color: black;
height:12.5rem;
width:25rem;
background-size: cover;
/* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
}
+.slide2{
+ position: relative;
+ color: var(--base-color-dark);
+ font-size: 20px;
+ margin: 20px 0;
+ border-radius: 20px;
+ box-shadow: 0px 4px 15px rgba(0,0,0,0.2);
+ height:12.5rem;
+ width:25rem;
+ background: white;
+ /* background: url('../../../../../../assets/images/svg/restaurant.svg'); */
+}
+
+.icon-up{
+ font-size:30px;
+}
+
+.icon-star{
+ font-size:25px;
+}
+
diff --git a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
index dcc661b..91e0e1c 100644
--- a/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
+++ b/src/app/modules/public/discover/components/slide-sites/slide-sites.component.ts
@@ -22,7 +22,7 @@
touchDrag: false,
pullDrag: false,
dots: false,
- margin:15,
+ margin:10,
navSpeed: 700,
navText : ['
','
'],
nav: true,
@@ -36,7 +36,7 @@
nav: true
},
1000: {
- items: 2,
+ items: 3,
nav: true,
loop: true
},
@@ -56,4 +56,8 @@
this.emitAllyId.emit(allyId);
}
+ showInformation(index:number){
+ this.sites[index].show_information=true;
+ }
+
}
diff --git a/src/styles.scss b/src/styles.scss
index f304662..ffb5ce4 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -58,7 +58,11 @@
}
.owl-carousel .owl-item {
- width: 25rem !important;
+ width: max-content!important;
+}
+
+.owl-carousel.list-slide{
+ background-color: aqua;
}
/* owl-carousel-o .owl-stage {
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index 796461b..296bf09 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -20,6 +20,4 @@
* {
margin: 0;
-}
-
-
+}
\ No newline at end of file