srdelarosa

INSERT INTO product (description, price, create_at) VALUES('Macbook Air 13 pulgadas', 4899, NOW());
INSERT INTO product (description, price, create_at) VALUES('Laptop Lenovo 15.6" Ryzen 7', 3199, NOW());
INSERT INTO product (description, price, create_at) VALUES('Laptop Gamer IdeaPad3 Core i5', 3499, NOW());
INSERT INTO product (description, price, create_at) VALUES('Televisor 43" 4K Ultra HD', 899, NOW());
INSERT INTO product (description, price, create_at) VALUES('Televisor 50" 4K Ultra HD Smart TV', 1699, NOW());
INSERT INTO product (description, price, create_at) VALUES('Aire Acondicionado Portatil 15000 Btu', 999, NOW());
INSERT INTO product (description, price, create_at) VALUES('Consola Nintendo Switch 1.1 Neon', 1499, NOW());
INSERT INTO product (description, price, create_at) VALUES('Minicomponente AKX710PUK Negro 2000 W', 799, NOW());
INSERT INTO product (description, price, create_at) VALUES('Refrigerador Side ', 2799, NOW());
INSERT INTO product (description, price, create_at) VALUES('Lavadora Bla

srdelarosa

<ion-header>
  <ion-toolbar color="primary">
    <ion-buttons slot="end">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>Principal</ion-title>
  </ion-toolbar>
</ion-header>
<ion-content class="ion-padding">
  <div *ngIf="placesFound">Existen lugares encontrados.</div>

srdelarosa

import { Injectable } from '@angular/core';
import { environment } from 'src/environments/environment';

@Injectable({
  providedIn: 'root',
})
export class OpentripmapService {
  endpointSearchCity = 'geoname?name';
  endpointGetByLatLon = 'radius?';
  endpointDetailPlaceByXid = 'xid/';

srdelarosa

https://api.opentripmap.com/0.1/en/places/geoname?name=Lima&apikey=5ae2e3f221c38a28845f05b66b2ebd0c0a4a7428f0803525b45f11d8

{
  "name": "lima",
  "country": "PE",
  "lat": -12.04318,
  "lon": -77.02824,
  "population": 7737002,
  "timezone": "America/Lima",
  "status": "OK"

srdelarosa

<ion-header>
  <ion-toolbar color="primary">
    <ion-buttons slot="end">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>Mi Ubicación</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>

srdelarosa

import { Component } from '@angular/core';
import { Plugins } from '@capacitor/core';
import { environment } from 'src/environments/environment';

const { Geolocation } = Plugins;

@Component({
  selector: 'app-mylocation',
  templateUrl: './mylocation.page.html',
  styleUrls: ['./mylocation.page.scss'],

srdelarosa

<ion-split-pane contentId="content">
  <ion-menu contentId="content" side="end">
    <ion-header>
      <ion-toolbar color="primary">
        <ion-icon name="menu-outline" slot="start" size="large"></ion-icon>
        <ion-title>Menu</ion-title>
        <ion-buttons slot="end">
          <ion-button (click)="closeMenu()">
            <ion-icon name="close" size="large"></ion-icon>
          </ion-button>

srdelarosa

ion-item {
  border-radius: 5px;
  border-color: rgb(201, 201, 201);
  border-width: 2px;
  border-style: solid;
  margin-bottom: 10px;
}

srdelarosa

  "scripts": {
    "ng": "ng",
    "start": "npm-run-all -p client server",
    "client": "ionic serve",
    "server": "json-server --port 3027 --watch server/users.json",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "resources": "capacitor-resources -p android"

srdelarosa

.swiper-slide {
  display: block;
  margin-bottom: 64px;
  background-color: white;
}

ion-content {
  margin-bottom: 10px;
  --background: var(--ion-color-primary);
}