TCE - AP
Esta biblioteca está em fase de desenvolvimento.
Começando
npm i @tce-ap/react-components
Métodos do SSO
Biblioteca de autenticação do TCE.
Authorize
Descrição:
Método de autenticação para os sistemas do TCE.
Amostras
Parâmetros:
Variável | Tipo de valor | Obrigatoriedade | Notas |
---|---|---|---|
username | String | Usuário da rede | |
password | String | Senha da rede | |
applicationToken | String | Token de autenticação criado no painel do SSO |
GetToken
Descrição:
Método para pegar o token de autenticação do usuário.
Amostras
Parâmetros:
Variável | Tipo de valor | Obrigatoriedade | Notas |
---|---|---|---|
authorization_code | String | Token de autenticação que retornou do Authorize | |
username | String | Usuário da rede | |
password | String | Senha da rede |
GetUser
Descrição:
Método que retorna os dados do usuário.
Amostras
Parâmetros:
Variável | Tipo de valor | Obrigatoriedade | Notas |
---|---|---|---|
cpf | String | CPF do usuário | |
token | String | Token decodificado que retornou do método GetToken |
Exemplo:
import { Authorize, GetToken, GetUser } from "@tce-ap/react-components";
import jwt_decode from "jwt-decode";
const signIn = async (username: string, password: string) => {
const applicationToken = process.env.REACT_APP_APPLICATION_TOKEN || "";
try {
const { data } = await Authorize(username, password, applicationToken);
const response = await GetToken(data.AuthorizationCode, username, password);
let decoded: any = jwt_decode(response.data);
const me = await GetUser(
decoded.data.guards.api.user.cpf,
decoded.token.token
);
} catch (error: any) {
console.log(error.message);
}
};
GetAllFuncionarios
Descrição:
Método que retorna os dados de todos os usuários do TCE-AP paginados de 10 em 10.
Amostras
Parâmetros:
Variável | Tipo de valor | Obrigatoriedade | Notas |
---|---|---|---|
all | Boolean | Retorna todos sem paginação |
GetFuncionarioPorCPF
Descrição:
Método para buscar funcionário por CPF
Amostras
Parâmetros:
Variável | Tipo de valor | Obrigatoriedade | Notas |
---|---|---|---|
cpf | Boolean | Retorna todos os dados de um funcionário |
SearchGovBrPessoaFisica
Descrição:
Método para buscar os dados de uma pessoa no GovBr
Amostras
Parâmetros:
Variável | Tipo de valor | Obrigatoriedade | Notas |
---|---|---|---|
cpf | String | Retorna todos os dados de uma pessoa cadastrada no GovBr |
Login
Descrição:
Método de autenticação para os sistemas do TCE.
Amostras
Parâmetros:
Variável | Tipo de valor | Obrigatoriedade | Notas |
---|---|---|---|
username | String | Usuário da rede | |
password | String | Senha da rede |
Exemplos:
ts
Admin LTE baseado em React Componentes
Conceitos desta biblioteca:
- Baseado em bootstrap 4;
- Componentes podem (e devem) ser estendidos e estilizados usando estilos, de forma flexível;
- Baseado no princípio KISS (Keep It Simple, Stupid);
- Foco na reutilização e flexibilidade;
Components
Button
Descrição:
Este é um componente clicável e pode executar funções passadas como argumento (onClick). Aceita ícones e textos como parâmetros.
Amostras
Props:
Variável | Tipo de valor | Padrão | Obrigatoriedade | Notas |
---|---|---|---|---|
buttonType | String | _ | _ | |
text | String | _ | Este é a descrição do botão | |
type | String | button | Tipo de botão o botão usa | |
icon | String | _ | Ícone que o botão pode ter | |
disabled | boolean | false | Opção para desabilitar o botão ou não |