@pingu-components/angular v1.0.2

@pingu-components/angular

@pingu-components/angular es una librería de componentes de Angular que permite la integración con un servicio de ratings para productos. Esta versión incluye tres componentes públicos: NewRating, ReviewsList, OverallRating, ReviewDetail y NewProduct.

Nota: Para utilizar estos componentes y obtener ratings visibles, debes contratar el servicio de ratings asociado.

Instalación

Instala la librería usando npm:

npm install @pingu-components/angular

Componentes

1. NewReview

Permite a los usuarios crear un nuevo rating para un producto específico. Se utiliza proporcionando el id del producto y un token de autenticación. El onSubmit se ejecuta cuando el formulario se envía correctamente.

Props

Ejemplo de uso

import NewRating from '@pingu-components/angular';

<NewRating id={123} productName="IPhone 15" token="your-auth-token" onSubmit={() => alert('Review submitted!')} userWritter="Jane Doe - PinguStars" />;

2. ReviewsList

Muestra una lista de reviews para un producto dado. También permite personalizar varios aspectos visuales como los colores, tamaños de texto y estrellas.

Props

Ejemplo de uso

import ReviewsList from '@pingu-components/angular';

<ReviewsList id={123} productName="IPhone 15" token="your-auth-token" onClick={(id) => console.log(id)} />;

3. OverallRating

Muestra el rating promedio de un producto específico.

Props

Ejemplo de uso

import OverallRating from '@pingu-components/angular';

<OverallRating id={123} productName="IPhone 15" token="your-auth-token" />;

4. ReviewDetail

Muestra el detalle de una reseña segun su id.

Props

Ejemplo de uso

import OverallRating from '@pingu-components/angular';

<OverallRating id={123} token="your-auth-token" />;

5. NewProduct

Componente para agregar un nuevo producto a la base de datos.

Props

Ejemplo de uso

import OverallRating from '@pingu-components/angular';

<OverallRating id={123} email="your-mail@example.com" token="your-auth-token" onSubmit={() => console.log('Submitted')} />;

Notas adicionales

• Los componentes de esta librería no proporcionarán datos de ratings ni reviews si no tienes contratado el servicio de ratings. Asegúrate de obtener las credenciales de autenticación (token) de tu proveedor de ratings para que los componentes funcionen correctamente.
• Personaliza la apariencia de los componentes a través de las props proporcionadas, permitiendo adaptarlos al diseño de tu sitio.