Criação da tela de detalhar informações de produto

sandromendes · Jul 1, 2019 · 1d5d2ca · 1d5d2ca
1 parent bfe4c37
commit 1d5d2ca
Show file tree

Hide file tree

Showing 3 changed files with 74 additions and 0 deletions.
diff --git a/...toque-web/src/main/java/br/com/aioprojs/controleestoque/controller/ProdutoController.java b/...toque-web/src/main/java/br/com/aioprojs/controleestoque/controller/ProdutoController.java
@@ -48,6 +48,17 @@ public ModelAndView listarProdutos() {
 		return model;
 	}
 
+	@GetMapping("/produtos/detalhar/{id}")
+	public ModelAndView detalharProduto(@PathVariable("id") ObjectId id) throws ResourceNotFoundException {
+
+		Produto produto = produtoService.getProduto(id);
+
+		ModelAndView model = new ModelAndView("/produto/detalharProduto");
+		model.addObject("produto", produto);
+
+		return model;
+	}
+
 	@GetMapping("/produtos/adicionarProduto")
 	public ModelAndView exibirInclusaoProduto(Produto produto) {
 		LOG.debug("Formulário de cadastro de Produtos.");

diff --git a/controle-estoque-web/src/main/resources/templates/produto/detalharProduto.html b/controle-estoque-web/src/main/resources/templates/produto/detalharProduto.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en"
+      xmlns:th="http://www.thymeleaf.org"
+      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+      layout:decorator="default">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<title>Controle de Estoque</title>
+	<link rel="stylesheet" type="text/css" href= "/css/bootstrap.min.css" />
+</head>
+<body>
+	<div class="container">
+		<div class="col-md-offset-2 col-md-7">
+			<h3 class="text-center">Formulário de cadastro de produtos</h3>
+			<div class="panel panel-info">
+				<div class="panel-heading">
+					<div class="panel-title">Detalhes do Produto</div>
+				</div>
+				<div class="panel-body">
+					<form action="#" th:action="@{/produtos/listar}" class="form-horizontal" 
+					method="get" th:object="${produto}">
+
+						<div class="form-group">
+							<label for="nome" class="col-md-3 control-label">Nome</label>
+							<div class="col-md-9">
+								<input th:field="*{nome}" class="form-control" readonly/>
+							</div>
+						</div>
+						<div class="form-group">
+							<label for="preco" class="col-md-3 control-label">Preço</label>
+							<div class="col-md-9">
+								<input th:field="*{preco}" class="form-control" readonly/>
+							</div>
+						</div>
+						<div class="form-group">
+							<label for="categoria" class="col-md-3 control-label">Categoria</label>			
+							<div class="col-md-9">
+								<input th:field="*{categoria.nome}" class="form-control" readonly/>
+							</div>
+						</div>
+						<div class="form-group">
+							<label for="fornecedor" class="col-md3 control-label">Fornecedor</label>
+							<div class="col-md-9">
+								<input th:field="*{fornecedor.nome}" class="form-control" readonly/>
+							</div>
+						</div>
+
+						<div class="form-group">
+							<div class="col-md-offset-3 col-md-9">
+								<button class="btn btn-primary">Retornar</button>
+							</div>
+						</div>
+					</form>
+				</div>
+			</div>
+		</div>
+	</div>
+
+	<script type="text/javascript" src="/js/jquery-3.4.1.min.js" /></script>
+	<script type="text/javascript" src="/js/bootstrap.min.js" /></script>
+</body>
+</html>
diff --git a/controle-estoque-web/src/main/resources/templates/produto/exibirProdutos.html b/controle-estoque-web/src/main/resources/templates/produto/exibirProdutos.html
@@ -37,6 +37,7 @@ <h3 class="text-center">Tela de consulta de produtos</h3>
 							<td th:text="${produto.estoque.quantidade}"></td>
 							<td> 
 								<div class="btn-group pull-right">
+									<a class="btn btn-sm btn-light" th:href="@{/produtos/detalhar/{id}(id=${produto.id})}" >Detalhar</a>
 									<a class="btn btn-sm btn-primary" th:href="@{/produtos/alterarProduto/{id}(id=${produto.id})}" >Editar</a>
 								   	<a class="delete btn btn-sm btn-danger" th:href="@{/produtos/deletarProduto/{id}(id=${produto.id})}">Excluir</a>
 								   	<a class="btn btn-sm btn-warning" th:href="@{/inventarios/editarEstoque/{id}(id=${produto.estoque.id})}">Estoque</a>