Skip to end of metadata
Go to start of metadata
Neste passo iremos realizar algumas alterações na barra de navegação do sistema e nas páginas páginas que geramos no diagrama de dados.

Barra de navegação

Os administradores do sistema poderão cadastrar livros e reservas para qualquer usuário, já os usuários alunos só poderão realizar suas próprias reservas. O acesso a essas páginas será feito através da Barra de navegação que iremos atualizar (Figura 1.1). 

Figura 1.1 - Resultado final dessa etapa

Itens da Barra de navegação

Na página home.view.html, siga os passos da figura 1.1: clique na barra de navegação (1) e acesse a propriedade Configuração (2) para abrir a janela Opções de Menu.

Selecione o item Principal na árvore de itens, a esquerda, e clique em "+" para adicionar o novo item, informe o nome Biblioteca na janela que solicita o nome do item.

Para o item Biblioteca vamos configurar da seguinte forma:

  • Nome: Biblioteca;
  • Título: abra a janela de internacionalização, ao lado do campo título, e internacionalize o termo "Biblioteca" em português e inglês;
  • Segurança: clique no ícone cadeado ao lado do campo Segurança e na janela que abrir, selecione o grupo Alunos para os campos Visível para e Habilitado para.

Deixe o item Biblioteca selecionado na árvore de item e adicione um novo item (botão "+"), informe o nome "Minhas reservas" na janela que abrir e configure os campos abaixo:

  • Nome: Minhas reservas;
  • Título: abra a janela de internacionalização, ao lado do campo título, e internacionalize o termo "Minhas reservas" em português e inglês;
  • Ícone: clique no botão "..." e pesquise pelo ícone List;
  • Ação: selecione o botão "..." para abrir a janela de ações, clique na aba Formulário, acesse o botão "..." do campo Formulário e pesquise pela página reservaAlunoWeb.view.html. Clique em OK para fechar a Janela de seleção de ações e voltar para a janela de Opções de Menu;
  • Segurança: clique no ícone cadeado ao lado do campo Segurança e na janela que abrir, selecione o grupo Alunos para os campos Visível para e Habilitado para.

Como já configuramos o menu de acesso dos alunos, vamos configurar o dos administradores. Clique no Item Admin, insira um novo item, informe o nome "Reservas" e configure os campos abaixo:

  • Nome: Reservas;
  • Título: abra a janela de internacionalização, ao lado do campo título, e internacionalize o termo "Reservas" em português e inglês;
  • Ícone: clique no botão "..." e pesquise pelo ícone List;
  • Ação: selecione o botão "..." para abrir a janela de ações, clique na aba Formulário, acesse o botão "..." do campo Formulário e pesquise pela página reserva.view.html. Clique em OK para fechar a Janela de seleção de ações e voltar para a janela de Opções de Menu;
  • Segurança: clique no ícone cadeado ao lado do campo Segurança e na janela que abrir, selecione o grupo Administradores para os campos Visível para e Habilitado para.

Por fim, vamos criar o item Livro, selecione novamente o item Admin, clique em novo item, insira o nome Livros e configure os campos abaixo:

  • Nome: Livro;
  • Título: abra a janela de internacionalização, ao lado do campo título, e internacionalize o termo "Livros" em português e inglês;
  • Ícone: clique no botão "..." e pesquise pelo ícone book;
  • Ação: selecione o botão "..." para abrir a janela de ações, clique na aba Formulário, acesse o botão "..." do campo Formulário e pesquise pela página livro.view.html. Clique em OK para fechar a Janela de seleção de ações e voltar para a janela de Opções de Menu;
  • Segurança: clique no ícone cadeado ao lado do campo Segurança e na janela que abrir, selecione o grupo Administradores para os campos Visível para e Habilitado para.

 

Ao final desses passos, teremos dois menus na barra de navegação: Admin, acessível somente por usuários administradores (Figura 1.2) e Biblioteca, com acesso exclusivo aos usuários do tipo Aluno.

Figura 1.2 - Menu acessado por um usuário Administrador

Reservas do aluno

Na página reservaAlunoWeb, destinada aos alunos, serão exibidas apenas as colunas nome do livro e data de reserva. Ao adicionar um novo registro, apenas o campo nome do livro será exibido, já que os campos nome do usuário e data de reserva serão inseridos automaticamente.

Abra o arquivo reservaAlunoWeb.view.html, criado no momento que geramos o CRUD (localizado em src / main / webapp / views / logged /).

Internacionalização do Título

Selecione o componente título da página e clique no botão de internacionalização da propriedade Conteúdo, internacionalize o termo "Minhas reservas" (Figura 2.1)

Figura 2.1 - Alterando título da página

Fonte de dados

Vamos alterar a fonte de dados da grade para a que criamos anteriormente em Fontes de dados, exibindo somente os registros do usuário logado.

Seguindo os passos da Figura 2.2:

  1. selecione o componente Grade na área de edição da view;
  2. clique no botão "..." da propriedade Configurações para abrir a janela Opções da Grade;
  3. na aba Geral da Janela Opções da Grade, selecione o botão "..." do campo Fonte de dados para abrir a janela Configuração de Fonte de Dados;
  4. clique no botão "..." do campo Origem dos Dados na Janela de Configurações de Fonte de Dados e
  5. na janela Lista de Fonte de dados selecione a fonte ReservasUsuarioLogado que criamos anteriormente, após isso, clique em OK em todas as janelas para salvar.

Figura 2.2 - Alterando a fonte de dados da Grade

Grade

Para adequar o componente grade as nossas necessidades, vamos realizar algumas alterações. Selecione o componente grade na área de edição da view e clique no botão "…" da propriedade Configurações para abrir a janela de Opções da Grade.

Alterne para a aba Colunas, nela são exibidas as colunas que farão parte da Grade, faremos pequenas alterações em cada uma delas.

Coluna Livro

Clique no botão editar da coluna Livro para abrir a janela de configurações dessa coluna, modificando os campos informados na Figura 2.3:

Figura 2.3 - Configurações da coluna livro


  1. Campo exibição: selecione a opção livro_nome;
  2. Cabeçalho: Insira o termo "Livro" e internacionalize no botão lateral ao campo;
  3. Requerido: marque essa caixa de seleção para impedir que o usuário cadastre uma reserva sem informar um livro.

Clique em Ok para retornar a aba Colunas.

Coluna data de Reserva

Clique no botão editar da coluna data de reserva para abrir a janela de configurações dessa coluna, assim como fizemos com a coluna Livro, e modifique os campos informados na Figura 2.4:

Figura 2.4 - Configurações da coluna data da reserva


  1. Campo exibição: selecione a opção dataReserva;
  2. Cabeçalho: Internacionalize o termo "Data da reserva";
  3. Mascara ({0:d}): escolha o padrão usado no Brasil para datas: DD/MM/YYYY.

Clique em Ok para retornar a aba Colunas.

Coluna Botão de comando

Clique no botão editar da coluna Botão de comando para abrir a janela de configurações dessa coluna e modifique o campo Selecione o tipo para Excluir (Registro), impedindo que o Aluno edite e altere os dados da reserva posteriormente.

Figura 2.5 - Configurações da coluna de botões de comando

 

Clique OK na janela de configurações de coluna na Grade e na janela de Opções da Grade.

Configuração das reservas do Administrador

Como os administradores não terão restrições para selecionar usuários, não será necessário alterar a fonte de dados, apenas apenas configuraremos a grade.

Abra o arquivo reserva.view.html, criado no momento que geramos o CRUD (localizado em src / main / webapp / views / admin /).

Internacionalização do Título

Selecione o componente título da página e clique no botão de internacionalização da propriedade Conteúdo, internacionalize o termo "Reservas" (Figura 2.1)

Grade

Selecione o componente grade na área de edição da view e clique no botão "…" da propriedade Configurações para abrir a janela de Opções da Grade.

Alterne para a aba Colunas, nela são exibidas as colunas que farão parte da Grade, precisaremos fazer pequenas configurações em cada uma delas.

Coluna User

Clique no botão editar da coluna User para abrir a janela de configurações de coluna na Grade, modificando os campos informados na Figura 3.1:

 

Figura 3.1 - Configurações da coluna Usuários


  1. Campo exibição: selecione a opção user_email;
  2. Cabeçalho: Insira o termo "Usuário" e internacionalize no botão lateral ao campo;
  3. Requerido: marque essa caixa de seleção para impedir que o usuário cadastre uma reserva sem informar um usuário.

Clique em Ok para retornar a aba Colunas.

Coluna Livro

Na coluna Livro editaremos os mesmos campos (figura 3.2):

Figura 3.2 - Configurações da coluna livro


  1. Campo exibição: selecione a opção livro_nome;
  2. Cabeçalho: Insira o termo "Livro" e internacionalize no botão lateral ao campo;
  3. Requerido: marque essa caixa de seleção para impedir que o usuário cadastre uma reserva sem informar um livro.

Clique em Ok para retornar a aba Colunas.

Coluna data de Reserva

Clique no botão editar da coluna data de reserva para abrir a janela de configurações de coluna na Grade, modificando os campos informados na Figura 3.3:

Figura 3.3 - Configurações da coluna data da reserva

 

  1. Campo exibição: selecione a opção dataReserva;
  2. Cabeçalho: Insira o termo "Data da Reserva" e internacionalize no botão lateral ao campo;
  3. Mascara ({0:d}): escolha o padrão usado no Brasil para datas: DD/MM/YYYY.

Clique em Ok para retornar a aba Colunas.

Coluna data de empréstimo

Essa coluna só será visível na listagem da grade, pois como informamos anteriormente, esse campo não será usado nesse módulo de empréstimo, porém já deixaremos o campo para implementações futuras do sistema.

..

Figura 3.4 - Configurações da coluna data da reserva

 

  1. Campo exibição: selecione a opção dataEmprestimo;
  2. Cabeçalho: Internacionalize o termo "Data do Empréstimo";
  3. Mascara ({0:d}): escolha o padrão usado no Brasil para datas: DD/MM/YYYY;
  4. Visível no crud: desmarque essa opção para não permitir a inserção da data de empréstimo.

 

Clique OK na janela de configurações de coluna na Grade, na janela de Opções da Grade e salve o arquivo.

 

  • No labels