Files
jogos_matheus/panels/cadastro_jogos-desktop.xml
T
Matheus c6d7c5f59a
davinTI/jogos_matheus/pipeline/head There was a failure building this commit
refactor: clean up comments and improve SQL injection prevention in cadastro_jogos desktop XML
2026-09-24 14:49:01 -03:00

660 lines
43 KiB
XML

<?xml version="1.0" encoding="UTF-8"?>
<panel-form xmlns="http://www.davinti.com.br/vitruvio/form/panel" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.davinti.com.br/vitruvio/form/panel https://bitbucket.org/davinTI/vitruvio-xds/raw/master/vitruvio-panel-form.xsd">
<form width="100%" height="100%" target="DEFAULT" formKey="formTeste">
<description></description>
<initScript language="JavaScript">
<![CDATA[
var lib_cadastro_padrao = libService.loadScript("lib_cadastro_padrao");
var config_jogos = {
tabela:
{
conexao : 'vitruvio',
nome : 'TB_MATHEUS_MEDEIROS_JOGOS',
sequence : 'TB_MATHEUS_MEDEIROS_JOGOS_SEQ',
idTabela : 'CODIGO',
campos: [
'CODIGO',
'TITULO',
'GENERO',
'ANO_LANCAMENTO',
'PRODUTORA',
'DESCRICAO'
],
camposTable: [
'CODIGO',
'TITULO',
'GENERO',
'ANO_LANCAMENTO',
'PRODUTORA',
'DESCRICAO'
],
},
relaciona: [
['CODIGO', 'txfCodigo', 'Number'],
['TITULO', 'txfTitulo', 'String'],
['GENERO', 'cbbGenero', 'String'],
['ANO_LANCAMENTO', 'txfAnoLancamento', 'Number'],
['PRODUTORA', 'txfProdutora', 'String'],
['DESCRICAO', 'txaDescricao', 'String']
],
validacaoExclusao: [],
painel: {
'titulo' : 'Exemplo de exibição de dados do DB em tabela',
}
};
var config_avaliacoes = {
tabela: {
conexao : 'vitruvio',
nome : 'TB_MATHEUS_MEDEIROS_AVALIACOES',
sequence : 'TB_MATHEUS_MEDEIROS_AVALIACOES_SEQ',
idTabela : 'CODIGO',
campos: [
'CODIGO',
'NOME',
'EMAIL',
'COMENTARIO',
'NOTA',
'DATA_AVALIACAO',
'ID_JOGO'
],
camposTable: [
'CODIGO',
'NOME',
'EMAIL',
'COMENTARIO',
'NOTA',
'DATA_AVALIACAO',
'ID_JOGO'
],
},
relaciona: [
['CODIGO', 'txfCodigoAvaliacao', 'Number'],
['NOME', 'txfNome', 'String'],
['EMAIL', 'txfEmail', 'String'],
['COMENTARIO', 'txfComentario', 'String'],
['NOTA', 'dcfNota', 'Number'],
['DATA_AVALIACAO', 'dtfDataAvaliacao', 'Date' ],
['ID_JOGO', 'txfCodigoJogo', 'Number']
],
validacaoExclusao: [],
painel: {
'titulo' : 'Exemplo de exibição de dados do DB em tabela',
}
};
function changeCrudPanel(NewScreenName){
if(NewScreenName === "cadastroJogo"){
engine.getLayout("pnlListaJogos").getRootComposition().setVisible(false);
engine.getLayout("pnlCadastroJogo").getRootComposition().setVisible(true);
} else {
engine.getField("dbtJogos").refresh();
engine.getLayout("pnlListaJogos").getRootComposition().setVisible(true);
engine.getLayout("pnlCadastroJogo").getRootComposition().setVisible(false);
}
}
function resetPanelReviews(){
engine.getField("txfCodigoAvaliacao").setValue("");
engine.getField("txfCodigoJogo").setValue("");
engine.getField("txfNome").setValue("");
engine.getField("txfEmail").setValue("");
engine.getField("txfComentario").setValue("");
engine.getField("dcfNota").setValue("");
engine.getField("dtfDataAvaliacao").setValue(null);
}
function resetPanelGames(){
engine.getField("txfCodigo").setValue("");
engine.getField("txfTitulo").setValue("");
engine.getField("cbbGenero").setValue("");
engine.getField("txfAnoLancamento").setValue("");
engine.getField("txfProdutora").setValue("");
engine.getField("txaDescricao").setValue("");
engine.getField("txfNotaMedia").setValue("");
}
function organizeRequiredFields(whichForm, isToRequest) {
var fields = [];
if(whichForm === "jogos"){
fields = ["txfTitulo", "cbbGenero", "txfAnoLancamento", "txfProdutora", "txaDescricao"];
} else if(whichForm === "avaliacoes") {
fields = ["txfNome", "txfEmail", "txfComentario", "dcfNota"];
}
fields.forEach(function(fieldId) {
var field = engine.getField(fieldId);
if (field) {
field.setRequired(isToRequest);
}
});
}
function showTableReviews(gameId) {
if(!gameId) {
var lib_msg = libService.loadScript("messages");
lib_msg.showNotification({
type: lib_msg.notificationType.tray,
caption: "Erro!",
msg: "Selecione um jogo para ver as avaliações.",
position: lib_msg.notificationPosition.bottom_right,
});
return;
} else {
engine.getLayout("wltListaAvaliacoes").showWindow();
}
}
function run() {
engine.setGlobalVariable('config_jogos', config_jogos);
engine.setGlobalVariable('config_avaliacoes', config_avaliacoes);
engine.setGlobalVariable("lib_cadastro_padrao", lib_cadastro_padrao);
engine.setGlobalVariable("changeCrudPanel", changeCrudPanel);
engine.setGlobalVariable("showTableReviews", showTableReviews);
engine.setGlobalVariable("organizeRequiredFields", organizeRequiredFields);
engine.setGlobalVariable("resetPanelReviews", resetPanelReviews);
engine.setGlobalVariable("resetPanelGames", resetPanelGames);
}
]]>
</initScript>
<components>
<VerticalLayout width="100%" height="100%" align="MIDDLE_RIGHT">
<WindowLayout id="wltCriarAvaliacoes" windowModal="true" windowHeight="70%"
windowWidth="80%" windowTitle="Nova avaliação">
<VerticalLayout width="100%" height="100%" spacing="true" margin="true">
<TextField width="100%" id="txfCodigoAvaliacao" type="number"
caption="Código"
required="false" enabled="false" visible="false" />
<DateField caption="Data da avaliação"
required="false" enabled="false" width="100%" visible="false"
id="dtfDataAvaliacao" format="dd/MM/yyyy"
type="date" />
<TextField width="100%" id="txfCodigoJogo" type="number"
caption="Código do jogo"
required="true" enabled="false" visible="false" />
<TextField width="100%" id="txfNome" type="string" caption="Nome"
required="true" />
<TextField width="100%" id="txfEmail" type="email" caption="E-mail"
required="true" />
<TextField width="100%" id="txfComentario" type="string"
caption="Comentário" required="true" />
<DecimalField width="100%" id="dcfNota" type="decimal"
caption="Nota (0 a 10)"
required="true">
<validation>
<script language="JavaScript">
<![CDATA[
function validator(){
this.getMessage = function(){
return "A nota deve ser um número entre 0 e 10.";
};
this.isValid = function(){
if(!engine.getField("dcfNota").isRequired()){
return true;
}
var value = engine.getField("dcfNota").getValue();
if(value === null || value === ""){
return true; /* obrigatoriedade tratada pelo required */
}
return value >= 0 && value <= 10;
};
}
var script = new validator();
]]>
</script>
</validation>
</DecimalField>
<ButtonWidget id="btnSalvarAvaliacao" caption="Salvar" defaultIcon="SAVE"
style="BLUE">
<onClickScript language="JavaScript">
<![CDATA[
function run() {
engine.getGlobalVariable("organizeRequiredFields")("avaliacoes", true);
engine.getField("txfCodigoJogo").setValue(engine.getField("dbtJogos").getValue());
var hoje = new Date();
var javaDate = new java.util.Date(hoje.getTime());
engine.getField("dtfDataAvaliacao").setValue(javaDate);
if(engine.isValid()){
var config_avaliacoes = engine.getGlobalVariable("config_avaliacoes");
var lib = libService.loadScript("lib_cadastro_padrao");
var lib_msg = libService.loadScript("messages");
var id = engine.getField("txfCodigoAvaliacao").getValue();
var retorno = lib.fncGravarRegistro(config_avaliacoes, id);
engine.getField("dbtJogos").refresh();
if (retorno) {
engine.getField("txfCodigoAvaliacao").setValue(retorno);
engine.getField("dbtAvaliacoes").refresh();
lib_msg.showNotification({
type: lib_msg.notificationType.tray,
caption: "Sucesso!",
msg: "Avaliação foi salva com sucesso!",
position: lib_msg.notificationPosition.bottom_right,
});
engine.getLayout("wltCriarAvaliacoes").closeWindow();
engine.getLayout("wltListaAvaliacoes").showWindow();
} else {
lib_msg.showNotification({
type: lib_msg.notificationType.tray,
caption: "Erro!",
msg: "Não foi possível salvar a avaliação.",
position: lib_msg.notificationPosition.bottom_right,
});
}
}
}
]]>
</onClickScript>
</ButtonWidget>
</VerticalLayout>
</WindowLayout>
<WindowLayout id="wltListaAvaliacoes" windowModal="true" windowHeight="80%"
windowWidth="80%">
<VerticalLayout spacing="true" margin="true" height="100%">
<Label id="lblTitle"><value>Avaliações</value></Label>
<DBTable id="dbtAvaliacoes" type="string" width="100%"
gridSelectable="true" selectable="false" height="100%"
expandRatio="0.2" showRowCount="true">
<datasource>
<sqlBuilderDataSource connection-key="vitruvio" language="JavaScript">
<![CDATA[
function buildSQL(_){
var sqlBase = "SELECT * FROM TB_MATHEUS_MEDEIROS_AVALIACOES ORDER BY CODIGO";
var id_jogo = engine.getField("dbtJogos").getValue();
if(id_jogo != null){
id_jogo = parseInt(id_jogo, 10);
if(!isNaN(id_jogo)){
sqlBase = "SELECT * FROM TB_MATHEUS_MEDEIROS_AVALIACOES WHERE ID_JOGO = " + id_jogo + " ORDER BY CODIGO";
}
}
return sqlBase;
}
]]>
</sqlBuilderDataSource>
</datasource>
<key-field>CODIGO</key-field>
<columns>
<column name="CODIGO" caption="ID" />
<column name="NOME" caption="NOME" />
<column name="EMAIL" caption="E-MAIL" />
<column name="COMENTARIO" caption="COMENTÁRIO" />
<column name="NOTA" caption="NOTA" />
<column name="DATA_AVALIACAO" caption="DATA DE AVALIAÇÃO" />
<generated name="EDITAR" caption="EDITAR" align="CENTER">
<scriptColumnGenerator language="JavaScript">
<![CDATA[
function Generator() {
var comp = libService.loadScript("vaadinComponents");
this.generate = function (itemId, columnId, item, container) {
var btn = comp.buttonIcon("Editar", function () {
engine.getField("txfCodigoAvaliacao").setValue(itemId);
if (itemId != null) {
engine.getLayout("wltCriarAvaliacoes").showWindow();
engine.getLayout("wltListaAvaliacoes").closeWindow();
var config_avaliacoes = engine.getGlobalVariable('config_avaliacoes');
var lib = libService.loadScript('lib_cadastro_padrao');
lib.fncCarregarCampos(config_avaliacoes, itemId);
}
}, "pencil");
return btn;
}
}
var script = new Generator();
]]>
</scriptColumnGenerator>
</generated>
<generated name="EXCLUIR" caption="EXCLUIR" align="CENTER">
<scriptColumnGenerator language="JavaScript">
<![CDATA[
function Generator() {
var comp = libService.loadScript("vaadinComponents");
this.generate = function (itemId, columnId, item, container) {
var btn = comp.buttonIcon("Excluir", function () {
var lib = engine.getGlobalVariable("lib_cadastro_padrao");
var config_avaliacoes = engine.getGlobalVariable("config_avaliacoes");
var registro = itemId + " - " + item.getItemProperty("NOME");
var msg = "Tem certeza de que deseja excluir o comentário " + registro + "?";
var lib_msg = libService.loadScript("messages");
lib_msg.confirmationBox({
icon: lib_msg.confirmationIcon.question,
caption: "Confirmar operação",
msg: msg,
actions: lib_msg.confirmationControls.yes_no
}, function(action) {
if(action.yes()) {
lib.fncDeletarRegistro(config_avaliacoes, itemId);
engine.getField("dbtAvaliacoes").refresh();
engine.getField("dbtJogos").refresh();
}
});
}, "trash");
return btn;
}
}
var script = new Generator();
]]>
</scriptColumnGenerator>
</generated>
</columns>
</DBTable>
<HorizontalLayout spacing="true" align="MIDDLE_RIGHT">
<ButtonWidget id="btnVoltarAvaliacoes" style="BLACK" caption="Voltar" defaultIcon="BACK">
<onClickScript language="JavaScript"><![CDATA[
function run() {
engine.getLayout("wltListaAvaliacoes").closeWindow();
}
]]></onClickScript>
</ButtonWidget>
<ButtonWidget id="btnAdicionarAvaliacoes" style="GREEN" caption="Nova Avaliação" defaultIcon="ADD">
<onClickScript language="JavaScript"><![CDATA[
function run (){
engine.getGlobalVariable("resetPanelReviews")();
engine.getLayout("wltCriarAvaliacoes").showWindow();
engine.getLayout("wltListaAvaliacoes").closeWindow();
}
]]></onClickScript>
</ButtonWidget>
</HorizontalLayout>
</VerticalLayout>
</WindowLayout>
<CrudPanel id="pnlListaJogos" width="100%" height="100%" visible="true">
<Header>
<Caption>Lista de jogos</Caption>
<SubCaption>Cadastro de jogos</SubCaption>
</Header>
<Section height="100%" width="100%" caption="Jogos" subCaption="Veja todos os jogos" id = "secJogos">
<VerticalLayout height="100%" width="100%" align="MIDDLE_CENTER" spacing="true">
<HorizontalLayout width="100%" spacing="true">
<TextField id="txfPesquisa" expandRatio="0.8" width="100%" caption="Pesquisar jogo" type="string" immediate="true">
<events>
<valueChange>
<script language="JavaScript">
<![CDATA[
function run() {
engine.getField("dbtJogos").refresh();
}
]]>
</script>
</valueChange>
</events>
</TextField>
<ButtonWidget id="btnPesquisar" caption="Pesquisar" defaultIcon="SEARCH" style="BLACK">
<onClickScript language="JavaScript">
<![CDATA[
function run() {
engine.getField("dbtJogos").refresh();
}
]]>
</onClickScript>
</ButtonWidget>
</HorizontalLayout>
<DBTable id="dbtJogos" align="MIDDLE_CENTER" width="100%" height="100%" type="string" expandRatio="0.5" showRowCount="true" drawRefreshButton="true" gridSelectable="true" >
<datasource>
<sqlBuilderDataSource connection-key="vitruvio" language="JavaScript">
<![CDATA[
function buildSQL(_){
var txfPesquisa = engine.getField("txfPesquisa").getValue();
var sqlBase = "SELECT J.CODIGO, J.TITULO, J.GENERO, J.ANO_LANCAMENTO, J.PRODUTORA, COALESCE(ROUND(AVG(A.NOTA), 2), 0) AS NOTA_MEDIA, J.DESCRICAO FROM TB_MATHEUS_MEDEIROS_JOGOS J LEFT JOIN TB_MATHEUS_MEDEIROS_AVALIACOES A ON J.CODIGO = A.ID_JOGO";
if (txfPesquisa) {
var safe = ("" + txfPesquisa).replace(/'/g, "''");
sqlBase += " WHERE UPPER(J.TITULO) LIKE UPPER('%" + safe + "%')";
}
sqlBase += " GROUP BY J.CODIGO, J.TITULO, J.GENERO, J.ANO_LANCAMENTO, J.PRODUTORA, J.DESCRICAO";
sqlBase += " ORDER BY J.CODIGO";
return sqlBase;
}
]]>
</sqlBuilderDataSource>
</datasource>
<key-field>
CODIGO
</key-field>
<columns>
<column name="CODIGO" caption="ID" />
<column name="TITULO" caption="TÍTULO" />
<column name="GENERO" caption="GÊNERO" />
<column name="ANO_LANCAMENTO" caption="ANO DE LANÇAMENTO" />
<column name="PRODUTORA" caption="PRODUTORA" />
<column name="NOTA_MEDIA" caption="NOTA MÉDIA" />
<column name="DESCRICAO" caption="DESCRIÇÃO" />
<generated name="AVALIACOES" caption="AVALIAÇÕES" align="CENTER">
<scriptColumnGenerator language="JavaScript">
<![CDATA[
function Generator() {
var comp = libService.loadScript("vaadinComponents");
this.generate = function (itemId, columnId, item, container) {
var btn = comp.buttonIcon("Avaliações", function () {
engine.getField("dbtJogos").setValue(itemId);
engine.getField("dbtAvaliacoes").refresh();
engine.getGlobalVariable("showTableReviews")(itemId);
}, "star");
return btn;
}
}
var script = new Generator();
]]>
</scriptColumnGenerator>
</generated>
<generated name="EDITAR" caption="EDITAR" align="CENTER">
<scriptColumnGenerator language="JavaScript">
<![CDATA[
function Generator() {
var comp = libService.loadScript("vaadinComponents");
this.generate = function (itemId, columnId, item, container) {
var btn = comp.buttonIcon("Editar", function () {
var id = itemId;
engine.getField("txfCodigo").setValue(id);
if (id != null) {
engine.getGlobalVariable("changeCrudPanel")("cadastroJogo");
var config_jogos = engine.getGlobalVariable('config_jogos');
var lib = libService.loadScript('lib_cadastro_padrao');
lib.fncCarregarCampos(config_jogos, id);
}
}, "pencil");
return btn;
}
}
var script = new Generator();
]]>
</scriptColumnGenerator>
</generated>
<generated name="EXCLUIR" caption="EXCLUIR" align="CENTER">
<scriptColumnGenerator language="JavaScript">
<![CDATA[
function Generator() {
var comp = libService.loadScript("vaadinComponents");
this.generate = function (itemId, columnId, item, container) {
var btn = comp.buttonIcon(
"Excluir",
function () {
var lib = engine.getGlobalVariable("lib_cadastro_padrao");
var config_jogos = engine.getGlobalVariable("config_jogos");
var registro = itemId + " - " + item.getItemProperty("TITULO");
var msg = "Tem certeza de que deseja excluir o jogo " + registro + "?";
var lib_msg = libService.loadScript("messages");
lib_msg.confirmationBox(
{
icon: lib_msg.confirmationIcon.question,
caption: "Confirmar operação",
msg: msg,
actions: lib_msg.confirmationControls.yes_no,
},
function(action) {
if(action.yes()) {
lib.fncDeletarRegistro(config_jogos, itemId);
engine.getField("dbtJogos").refresh();
}
}
);
},
"trash",
);
return btn;
}
}
var script = new Generator();
]]>
</scriptColumnGenerator>
</generated>
</columns>
</DBTable>
<HorizontalLayout align="MIDDLE_RIGHT" spacing="true">
<ButtonWidget id="btnNovoJogo" caption="Novo Jogo" defaultIcon="ADD" style="GREEN">
<onClickScript language="JavaScript">
<![CDATA[
function run (){
engine.getGlobalVariable("resetPanelGames")();
engine.getGlobalVariable("changeCrudPanel")("cadastroJogo");
}
]]>
</onClickScript>
</ButtonWidget>
<ButtonWidget id="btnVerAvaliacoes" caption="Ver Avaliações" defaultIcon="STAR" style="BLUE">
<onClickScript language="JavaScript">
<![CDATA[
function run (){
engine.getField("dbtAvaliacoes").refresh();
var idJogoSelecionado = engine.getField("dbtJogos").getValue();
engine.getGlobalVariable("showTableReviews")(idJogoSelecionado);
}
]]>
</onClickScript>
</ButtonWidget>
</HorizontalLayout>
</VerticalLayout>
</Section>
</CrudPanel>
<CrudPanel id="pnlCadastroJogo" width="100%" height="100%" visible="false">
<Header>
<Caption> Cadastro de um novo jogo</Caption>
<SubCaption>Cadastro de jogo</SubCaption>
</Header>
<Section caption="Cadastro de novo Jogo" subCaption="Insira os dados do jogo" width="100%" height="100%" >
<VerticalLayout width="100%" height="100%" align="MIDDLE_CENTER" spacing="true">
<Panel id="pnlDadosJogo" width="100%" height="100%" margin="true" >
<VerticalLayout caption="Dados do Jogo" width="100%" spacing="true">
<TextField id="txfCodigo" caption="Código" type="number" width="100%" enabled="false" visible="false"/>
<NumericField id="txfNotaMedia" caption="Nota Média" type="number" width="100%" enabled="false" visible="false"/>
<TextField id="txfTitulo" caption="Título" type="string" width="100%" required="true" minLength="3"/>
<ComboBox id="cbbGenero" type="string" caption="Gênero" width="100%" required="true">
<entry key="ACAO" value="Ação"/>
<entry key="AVENTURA" value="Aventura"/>
<entry key="RPG" value="RPG"/>
<entry key="ESPORTES" value="Esportes"/>
<entry key="ESTRATEGIA" value="Estratégia"/>
<entry key="CORRIDA" value="Corrida"/>
<entry key="Sobrevivencia" value="Sobrevivência"/>
</ComboBox>
<TextField id="txfAnoLancamento" caption="Ano de Lançamento" type="number" width="100%" required="true">
<validation>
<script language="JavaScript">
<![CDATA[
function validator(){
this.getMessage = function(){
return "O ano de lançamento deve ser um número válido entre 1970 e o ano atual.";
};
this.isValid = function(){
if(!engine.getField("txfAnoLancamento").isRequired()){
return true;
}
var value = engine.getField("txfAnoLancamento").getValue();
var currentYear = new Date().getFullYear();
return value >= 1970 && value <= currentYear;
};
}
var script = new validator();
]]>
</script>
</validation>
</TextField>
<TextField id="txfProdutora" caption="Produtora" type="string" width="100%" required="true" maxLength="50"/>
<TextArea id="txaDescricao" caption="Descrição" type="string" width="100%" required="true" maxLength="500"/>
</VerticalLayout>
</Panel>
<HorizontalLayout align="MIDDLE_RIGHT" spacing="true" >
<ButtonWidget id="btnVoltar" caption="Voltar" defaultIcon="BACK" style="BLACK">
<onClickScript language="JavaScript">
<![CDATA[
function run() {
engine.getGlobalVariable("changeCrudPanel")("listaJogos");
}
]]>
</onClickScript>
</ButtonWidget>
<ButtonWidget id="btnLimpar" caption="Limpar" defaultIcon="REMOVE" style="BLUE">
<onClickScript language="JavaScript">
<![CDATA[
function run(){
var config_jogos = engine.getGlobalVariable('config_jogos');
var lib = libService.loadScript('lib_cadastro_padrao');
var retorno = lib.fncLimpaCampos(config_jogos);
}
]]>
</onClickScript>
</ButtonWidget>
<ButtonWidget id="btnSalvarJogo" caption="Salvar" defaultIcon="SAVE" style="GREEN">
<onClickScript language="JavaScript">
<![CDATA[
function run() {
engine.getGlobalVariable("organizeRequiredFields")("jogos", true);
if(engine.isValid()){
var config_jogos = engine.getGlobalVariable("config_jogos");
var lib = libService.loadScript("lib_cadastro_padrao");
var lib_msg = libService.loadScript("messages");
var id = engine.getField("txfCodigo").getValue();
var retorno = lib.fncGravarRegistro(config_jogos, id);
if (retorno) {
engine.getField("dbtJogos").refresh();
engine.getGlobalVariable("resetPanelGames")();
engine.getGlobalVariable("changeCrudPanel")("listaJogos");
lib_msg.showNotification({
type: lib_msg.notificationType.tray,
caption: "Sucesso!",
msg: "O jogo foi gravado com sucesso!",
position: lib_msg.notificationPosition.bottom_right,
});
} else {
lib_msg.showNotification({
type: lib_msg.notificationType.tray,
caption: "Erro!",
msg: "Não foi possível gravar o jogo.",
position: lib_msg.notificationPosition.bottom_right,
});
}
}
}
]]>
</onClickScript>
</ButtonWidget>
</HorizontalLayout>
</VerticalLayout>
</Section>
</CrudPanel>
</VerticalLayout>
</components>
</form>
</panel-form>