From 7d626486712113050c6d496ad1d34ab360868d98 Mon Sep 17 00:00:00 2001
From: Matheus <matheus.felipe_medeiros@outlook.comm>
Date: Wed, 23 Sep 2026 16:19:52 -0300
Subject: [PATCH] refactor: update panel configuration and add cadastro_jogos
 desktop XML

---
 panels/cadastro_jogos-desktop.xml | 315 ++++++++++++++++++++++++++++++
 vitruvio.json                     |   8 +-
 2 files changed, 319 insertions(+), 4 deletions(-)
 create mode 100644 panels/cadastro_jogos-desktop.xml

diff --git a/panels/cadastro_jogos-desktop.xml b/panels/cadastro_jogos-desktop.xml
new file mode 100644
index 0000000..4337f3a
--- /dev/null
+++ b/panels/cadastro_jogos-desktop.xml
@@ -0,0 +1,315 @@
+<?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        : '',
+                            sequence    : '',
+                            idTabela    : 'CODIGO',
+                            campos: [
+                                'CODIGO',
+                                'TITULO',
+                                'GENERO',
+                                'ANO_LANCAMENTO',
+                                'PRODUTORA',
+                                'NOTA_MEDIA',
+                                'DESCRICAO'
+                                ],
+                                camposTable: [
+                                'CODIGO',
+                                'TITULO',
+                                'GENERO',
+                                'ANO_LANCAMENTO',
+                                'PRODUTORA',
+                                'NOTA_MEDIA',
+                                'DESCRICAO'
+                                ], 
+                            }, 
+                                relaciona: [
+                                ['CODIGO',          'txfCodigo',        'Number'],
+                                ['TITULO',          'txfTitulo',        'String'],
+                                ['GENERO',          'cbbGenero',         'String'],
+                                ['ANO_LANCAMENTO',  'txfAnoLancamento', 'Number'],
+                                ['PRODUTORA',       'txfProdutora',     'String'], 
+                                ['NOTA_MEDIA',      'txfNotaMedia',     'Number'], 
+                                ['DESCRICAO',       'txaDescricao',     'String']
+                            ],
+                                validacaoExclusao: [],
+                                painel: {
+                                    'titulo' : 'Exemplo de exibição de dados do DB em tabela', 
+                                }
+                            };
+
+                var config_avaliacoes = { 
+                        tabela: {
+                            conexao     : 'vitruvio',
+                            nome        : 'TB_LUCAS_AGUILAR_JOGOS_AVALIACOES',
+                            sequence    : 'TB_LUCAS_AGUILAR_JOGOS_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("");
+
+                    }
+
+                    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 = ["txfCodigo", "txfTitulo", "cbbGenero", "txfAnoLancamento", "txfProdutora", "txaDescricao"];
+                        } else if(whichForm === "avaliacoes") {
+                            fields = ["txfCodigoAvaliacao", "txfCodigoJogo", "txfNome", "txfEmail", "txfComentario", "dcfNota"];
+                        } 
+
+                        if(isToRequest) {
+                            fields.forEach(function(fieldId) {
+                                var field = engine.getField(fieldId);
+                                if (field) {
+                                    field.setRequired(true);
+                                }
+                            });
+                        } else {
+                            fields.forEach(function(fieldId) {
+                                var field = engine.getField(fieldId);
+                                if (field) {
+                                    field.setRequired(false);
+                                }
+                            });
+                        }};
+
+                    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%" >
+            <CrudPanel width="100%" height="100%" visible="true">
+                <Header>
+                    <Caption></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="txfPesquisaJogo" expandRatio="0.8" width="100%" caption="Pesquisar jogo" type="string" immediate="true">
+                            <events>
+                                <valueChange>
+                                    <script language="JavaScript">
+                                        <![CDATA[
+                                            
+                                        ]]>
+                                    </script>
+                                </valueChange>
+                            </events>
+                          </TextField>  
+                          <ButtonWidget id="btnPesquisar" caption="Pesquisar" defaultIcon="SEARCH" style="BLACK">
+                            <onClickScript language="JavaScript">
+                                <![CDATA[ ]]>
+                            </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="" language="JavaScript">
+
+                                </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[ ]]>
+                                        </scriptColumnGenerator>
+                                    </generated>
+                                    <generated name="EDITAR" caption="EDITAR" align="CENTER">
+                                        <scriptColumnGenerator language="JavaScript">
+                                            <![CDATA[ ]]>
+                                        </scriptColumnGenerator>
+                                    </generated>
+                                    <generated name="EXCLUIR" caption="EXCLUIR" align="CENTER">
+                                        <scriptColumnGenerator language="JavaScript">
+                                            <![CDATA[ ]]>
+                                        </scriptColumnGenerator>
+                                    </generated>
+                            </columns>
+                        </DBTable>
+                        <HorizontalLayout align="MIDDLE_RIGHT" spacing="true">
+                            <ButtonWidget id="btnNovoJogo" caption="Novo Jogo" defaultIcon="ADD" style="GREEN">
+                                <onClickScript language="JavaScript">
+                                    <![CDATA[ ]]>
+                                </onClickScript>
+                            </ButtonWidget>
+                            <ButtonWidget id="btnVerAvaliacoes" caption="Ver Avaliações" defaultIcon="STAR" style="BLUE">
+                                <onClickScript language="JavaScript">
+                                    <![CDATA[ ]]>
+                                </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="pnlCadastroJogo" 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"/>
+                            <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 validate() {
+                                            var ano = this.getValue();
+                                            var anoAtual = new Date().getFullYear();
+                                            if (ano < 1950 || ano > anoAtual) {
+                                                throw new Error("Ano de lançamento inválido. Deve estar entre 1950 e " + anoAtual);
+                                            }
+                                        }
+                                    ]]>
+                                </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[ ]]>
+                            </onClickScript>
+                        </ButtonWidget>
+                        <ButtonWidget id="btnLimpar" caption="Limpar" defaultIcon="REMOVE" style="BLUE">
+                            <onClickScript language="JavaScript">
+                                <![CDATA[ ]]>
+                            </onClickScript>
+                        </ButtonWidget>
+                        <ButtonWidget id="btnSalvarJogo" caption="Salvar" defaultIcon="SAVE" style="GREEN">
+                            <onClickScript language="JavaScript">
+                                <![CDATA[ ]]>
+                            </onClickScript>
+                        </ButtonWidget>
+                    </HorizontalLayout>
+                    </VerticalLayout>
+                </Section>
+
+            </CrudPanel>
+         </VerticalLayout>
+         
+      </components>
+   </form>
+</panel-form>
\ No newline at end of file
diff --git a/vitruvio.json b/vitruvio.json
index fe7cb8d..db85618 100644
--- a/vitruvio.json
+++ b/vitruvio.json
@@ -10,8 +10,8 @@
   },
   "panels": [
     {
-      "key": "my-panel",
-      "name": "Meu Painel",
+      "key": "cadastro_jogos",
+      "name": "Cadastro de Jogos",
       "description": "Descrição curta do que este painel faz.",
       "category": "Categoria/Subcategoria",
       "displayOrder": 1,
@@ -24,8 +24,8 @@
       ],
       "allowedUsers": [],
       "forms": {
-        "desktop": "panels/my-panel/my-panel-desktop.xml",
-        "mobile": "panels/my-panel/my-panel-mobile.xml",
+        "desktop": "panels/cadastro_jogos-desktop.xml",
+        "mobile": "panels/cadastro_jogos-mobile.xml",
         "mobileAlternative": null
       },
       "defaultState": "panels/my-panel/default-state.json",