3.2.3 • Published 5 months ago

fge-auth-component v3.2.3

Weekly downloads
-
License
-
Repository
-
Last release
5 months ago

FGE-AUTH-COMPONENT-VITE

Componente

Recommended IDE Setup

How to use

1.- Install component

$ npm i fge-auth-component

Dependencias requeridas con sus respectivas versiones que fuuncionan en el componente:
 "axios": "^1.4.0",
 "crypto-js": "^4.2.0",
 "luxon": "^3.4.4",
 "pinia": "^2.1.7",
 "pinia-plugin-store": "^2.1.33",
 "uuid": "^9.0.1",
 "vee-validate": "^4.12.6",
 "vue": "^3.0.0",
 "yup": "^1.3.3"

El componente utiliza la fuente 'Roboto' y 'Roboto Condensed' que deben ser agregados en el proyecto que se utilizara para el correcto visualizado

2.- En main.ts file del proyecto de vue

import FgeAuthPlugin from 'fge-auth-component';
import '../node_modules/fge-auth-component/dist/fge-auth-component.css';

...

app.use(FgeAuthPlugin, {
   useYupLocale?: boolean; //false
   baseUrl: string; -> URL BASE DE LOS SERVICIOS DE SEGURIDAD - https://url
   aplicacion: string; -> Identificador de la aplicacion
   rrhhUrl: string; -> url de rrhh de donde salen las fotos  https://url/api
   API_SERVER_REDIRECT: string, -> URL DE REDIRECCION DE CIUDADANIA DIGITAL
   ENABLE_CHANGE_PASSWORD: false -> false por default -> habilita que se muestre el mensaje de cambio de contraseña
   ENABLE_FORCE_CHANGE_PASSWORD: false -> false por default -> habilita o deshabilita que se fuerce el cambio de password
  }
);

Componentes

  • FgeLoginComponent

    Añadir el componente dentro de una página en blanco.

 <FgeLoginComponent @onLogin="function"/>

 - El componente envia por el evento @onLogin la señal cuando se ha realizado un inicio de
 sesión correcto ya sea por ciudadanía digital o el login normal.
 - El componente envia el evento @onError cuando existe algun tipo de error.
  • FgeAuthMenuComponent

    Menu que contiene la información del usuario logeado y los botones de ver perfil y cerrar sesión. <FgeAuthMenuComponent @onLogout="redirectOnLogout"/>

 - El componente envia por el evento @onLogout la señal cuando se ha realizado la
 acción de cerrar sesión.
  • useFgeAuthLoginStore

El store de pinia que contiene toda la información del usuario logueado

 const store = useFgeAuthLoginStore();

 // store.userState
 interface{
    token: string | undefined;
    refreshToken: string | undefined;
    user -> información del usuario
    funcionario: any; -> informacion del funcionario, si es que existe o undefined
    isAuth: boolean;
    binnacleId?: string | undefined; -> binnacleId de ciudadania digital
    apps: string[];
    roles: string[];
    permisos: string[];
 }

Publicar en npm

  • Cambiar version

  • npm run build

  • npm login

  • npm publish

3.2.3

5 months ago

3.2.2

5 months ago

3.2.1

5 months ago

3.2.0

8 months ago

3.1.3

9 months ago

3.1.1

9 months ago

3.1.0

9 months ago

3.1.6

9 months ago

3.1.5

9 months ago

3.1.4

9 months ago

3.0.4

10 months ago

3.0.3

10 months ago

3.0.2

10 months ago

3.0.8

10 months ago

3.0.7

10 months ago

3.0.6

10 months ago

3.0.5

10 months ago

3.0.1

11 months ago

3.0.0

11 months ago

2.0.5

1 year ago

2.0.6

1 year ago

1.5.7

12 months ago

1.5.6

12 months ago

1.5.5

12 months ago

1.5.4

12 months ago

1.5.3

12 months ago

1.5.2

12 months ago

1.5.1

12 months ago

1.5.0

12 months ago

2.1.1

12 months ago

2.1.0

12 months ago

2.0.3

1 year ago

2.0.4

1 year ago

1.4.6

1 year ago

1.4.5

1 year ago

2.0.2

1 year ago

2.0.1

1 year ago

2.0.0

1 year ago

1.4.4

1 year ago

1.4.3

1 year ago

1.4.2

1 year ago

1.4.1

1 year ago

1.4.0

1 year ago

1.3.9

1 year ago

1.3.8

1 year ago

1.3.7

1 year ago

1.3.6

1 year ago

1.3.5

1 year ago

1.3.4

2 years ago

1.3.3

2 years ago

1.3.2

2 years ago

1.2.0

2 years ago

1.2.3

2 years ago

1.2.2

2 years ago

1.2.1

2 years ago

1.3.1

2 years ago

1.3.0

2 years ago

1.1.12

2 years ago

1.1.11

2 years ago

1.1.16

2 years ago

1.1.15

2 years ago

1.1.14

2 years ago

1.1.13

2 years ago

1.1.19

2 years ago

1.1.18

2 years ago

1.1.17

2 years ago

1.1.1

2 years ago

1.1.0

2 years ago

1.1.9

2 years ago

1.1.7

2 years ago

1.1.6

2 years ago

1.1.5

2 years ago

1.1.4

2 years ago

1.0.5

2 years ago

1.1.3

2 years ago

1.0.4

2 years ago

1.1.2

2 years ago

1.1.10

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago

1.0.3

2 years ago

0.3.7

2 years ago

0.4.1

2 years ago

0.4.0

2 years ago

0.4.2

2 years ago

0.3.0

2 years ago

0.2.1

2 years ago

0.3.6

2 years ago

0.3.5

2 years ago

0.3.2

2 years ago

0.3.1

2 years ago

0.2.2

2 years ago

0.3.4

2 years ago

0.1.0

2 years ago

0.2.0

2 years ago

0.1.1

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago

0.0.0

2 years ago