rucula-js / rucula-js

Rucula

Bem vindo ao rucula-js, um gerador de interfaces baseadas em formulário que cria e gerencia todos os pontos necessários da sua interface.

Instalação

CDN

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/rucula-js/rucula-js@master/dist/style/style.css"/>

import {Rucula} from 'https://cdn.jsdelivr.net/gh/rucula-js/rucula-js@master/dist/rucula.js'

NPM

npm i @reginaldo-marinho/rucula-js` ou `npm install @reginaldo-marinho/rucula-js`

Olá Mundo!

Veja agora um exemplo do uso

Contribuidores

Contribuidores

Contamos com a sua estrela 😀 - Visite o projeto rucula-js ⭐

Nos ajude a melhorar o rucula-js.

Encontrou um erro? Tem alguma sugestão? Abra um novo problema

rucula-js's Issues

Campos invisíveis nos frames

Remover dependências Math

Não exite uma rotina que prepara as url's para os métodos http - get e getall sendo mais específico

para o melhor controle é necessário que exista uma rotina que manipule e construa as url's

Criar Ranges

Mapeamento das linhas na UI se perdendo em relação as linhas dos objetos

Atualmente, quando é adicionado muitas linhas nos frames do tipo line e há exclusões da mesma, a rotina de exclusão é no objeto onde o índice é do próprio array, isso está errado, porque quando uma linha é removida os índices já não estão de fato na sua posição antiga.

Adicionar Eventos Para os processos de Requisição e de criação de Objeto

Trabalhar com frames do tipo gráfico

Inputs dos frames com display block

Atualmente os inputs são criados um do lado do outro, mas pode haver situações em que o input em baixo do outro seja mais adequado

Criar Input do tipo Rage

Adicionar rotina que permite Habilitar|Desabilitar|Remover Botões

Controle de contagem de linha para fórmula LINE() sendo feito fora o objeto em foco

Atualmente o controle de linha é feito fora do próprio objeto em foco, isso está incorreto devido a dificuldade de controle em relação a contagem de linha para o objeto que recebeu a fórmula. Devido a isso, o Rucula não consegue ter controle das linhas quando a exclusões

Criar um conceito de endereço virtual para os inputs que são de um objeto mas podem estar em qualquer parte da janela

Objeto Factory cria valor input do tipo boleando com aspas "true" ou "false", isso estoura interno e precisa ser tratado pelo rucula-js

Frame Line com limite de linhas

Estilos condicionais

Dependendo do valor de um campo, pode ser interessante adicionar algum estilo mais específico em uma determinada situação

Criar textarea

Criar Opção de Janela sem Grid Esquerdo

Controlar opções de configuração para botões "crud"

Table Dependency - Corrigir erro "Cannot read properties of undefined (reading 'value')" para checkbox html

Factory object - Passar o valor atual do component html para Objeto

Para componentes do tipo radio button, checkbox e select, o valor atual deve ser passado para o objeto no ato da criação da janela, isso garante que propriedades com valores iniciais tenham seu estado guardado no objeto

Frame pode ter campos que são apenas representações para a interface, mas que não tem efeitos no objeto

Existem situações em que se pode ter um campo no frame para guardar um valores que não são usados por nenhum objeto.

Criar Radio Button

Inputs podem ter formulas básicas estilo excel

Criar Field do tipo Passworld

Input deve ter valores default ou podem obter valor de outros campos da tela

Esse é'um dos próximos itens que serão adicionados no projeto

componentes que não fazem parte do projeto

existem desenvolvimento que vai além da proposta do Rucula

Criar Tamanho e Altura da caixa da janela de calculando possível nave vertical ou horizontal

Configurar paginação para os Grids e Pontos de entrada

Factory Object - Criar objeto durante o ciclo de vida da interação com a tela

O Objeto deve ser criado a cada evento nas propriedades da tela, o que garante a criação de um objeto mais leve e com consistencias em tempo real

Frame Line com configuração de paginação

Remover conceito de formulas

Configurar Opções Globais para não obrigatórias, mantendo URL (localhost se não especificada e a localização do servidor idem)

Remover dependências bootstrap.icons

Criar Switches

Tamanho dos Frames podem ser 1/2

Existem situações em que o frame é pequeno, para esses casos é mais vantajoso criar um frame menor e ter vários lado-a-lado.

Criar Opção de Lista de Checkbox

Adicionar opção de Float Label

Criar Configuração de Label e Input Inline

Field com Máscara QR ou BAR

Cada Input deve ter eventos que dão suporte a lógicas especificas para o desenvolvedor

Imagine que após a perca de foco da um input do tipo Id, seja necessário um script para criar um GUUID, nesse caso o próprio desenvolvedor pode ter a liberdade de criar o que ele deseja.

Controle de Ambiente

Será interessante intregrar um componente para controle de ambientes(desenvolvimento, homologação e produção)