Ajuste de ícones e ajuste no texto dos modais

JefersonLucas · Jun 20, 2018 · d1e2c7e · d1e2c7e
1 parent 7a53919
commit d1e2c7e
Show file tree

Hide file tree

Showing 5 changed files with 72 additions and 49 deletions.
diff --git a/README.md b/README.md
@@ -1,19 +1,46 @@
 # Reserve
-Cadastro, consulta, filtragem, impressão e exclusão de equipamentos reservados.
-# index.html
-O usuário pode fazer depois da validação cadastrar reservas de equipamentos.
-![index](https://user-images.githubusercontent.com/39635734/41573417-eefbb082-7352-11e8-949a-339f1256ab27.jpg)
-# Validação
-Caso haja erro no cadastro, irá ser exibido um modal de erro, se não, exibe um modal de sucesso.
-![index-erro](https://user-images.githubusercontent.com/39635734/41573443-18a72786-7353-11e8-8c2e-364ba639de19.jpg)
+O Reserve é um mini sistema utilizado pelos colaboradores do setor da informática e Áudio e Vídeo do [Colégio e Faculdade Sena Aires](http://www.senaaires.com.br/) (campus Valparaíso de Goiás - GO). Essa é a versão 1.0.0 que vai ao ar no dia 20/06/2018.
+
+As motivações para o desenvolvimento desse sistema foi:
+* Agilidade na reserva de equipamento;
+* Maior organização lógica das reservas, podendo agenda-lás para dias posteriores;
+* Facilidade de busca com filtro de pesquisa;
+* Fazer uso da TI verde e dispensar o uso de papel para o agendamento de reservas;
+* Armazenamento rápido e prático.
+
+O sistema foi desenvolvido com base nas tecnologias:
+* Framework front-end [Bootstrap](https://getbootstrap.com/) versão 4.1.1;
+* Pacote de ícones do [Font Awesome](https://fontawesome.com/) versão 5.0.13;
+* Armazenamento no localStorage; 
+
+## Funcionamento
+O sistema funciona baseado na funcionalidade do localStorage para inserção, leitura e remoção das reservas efetuada pelos professores.
+
+## Como começar?
+Para utilizar necessita clonar o reposiório [Reserve](https://github.com/JefersonLucas/reserve) em qualquer máquina, abra o arquivo index.html
+
+```bash
+index.html
+```
+# Utilização
+## index.html
+O usuário pode fazer depois da validação, cadastrar reservas de equipamentos.
+![index](https://user-images.githubusercontent.com/39635734/41671120-92edf1a2-748c-11e8-8ce7-3197a7b3d16d.jpg)
+## Validação
+Caso haja erro no cadastro, irá ser exibido um modal de erro, caso contrário exibe um modal de sucesso.
+![index-erro](https://user-images.githubusercontent.com/39635734/41673393-31beeb1e-7493-11e8-9539-ff83f270db60.jpg)
 
 ![index-success](https://user-images.githubusercontent.com/39635734/41573481-4cce9c9c-7353-11e8-96b4-0b7d5ce73396.jpg)
-# consulta.html
+
+## consulta.html
 O usuário poderá consultar, filtrar, imprimir e também excluir os reservas cadastradas.
-![consulta](https://user-images.githubusercontent.com/39635734/41573508-5b6727d8-7353-11e8-87b3-44ca71c1a54b.jpg)
-# Filtrando reservas.
-![consulta-filter](https://user-images.githubusercontent.com/39635734/41573588-df3bffb6-7353-11e8-9bfb-24fa0eeeb5cf.jpg)
-# Excluindo reservas.
-![consulta-drop](https://user-images.githubusercontent.com/39635734/41573678-3fb72c3a-7354-11e8-9fea-f51777b53b9c.jpg)
-# Imprimindo reservas.
-![consulta-print](https://user-images.githubusercontent.com/39635734/41573750-97775788-7354-11e8-8bba-28acbec5a5ff.jpg)
+![consulta](https://user-images.githubusercontent.com/39635734/41673446-56004d60-7493-11e8-9582-4ef133379cee.jpg)
+
+## Filtrando reservas
+![consulta-filter](https://user-images.githubusercontent.com/39635734/41673472-6f736958-7493-11e8-827e-267636192bf9.jpg)
+
+## Excluindo reservas
+![consulta-drop](https://user-images.githubusercontent.com/39635734/41673494-7e76a3c0-7493-11e8-82f2-4f78474252c4.jpg)
+
+## Imprimindo reservas
+![consulta-print](https://user-images.githubusercontent.com/39635734/41673509-8992f858-7493-11e8-8ed6-9d8d1d0d4df3.jpg)
diff --git a/assets/_img/logo16x16.png b/assets/_img/logo16x16.png
diff --git a/assets/_js/app.js b/assets/_js/app.js
@@ -1,8 +1,8 @@
 //==============================================================||
 //	AUTOR: JEFERSON LUCAS
 //	DATA DE CRIAÇÃO: 17/06/2018
-//	DATA DE MODIFICAÇÃO: 19/06/2018
-//	VERSÃO: 0.0.1
+//	DATA DE MODIFICAÇÃO: 20/06/2018
+//  VERSÃO: 1.0.0
 //	DESCRIÇÃO: CADASTRO/CONSULTA//FILTRO/EXCLUSÃO DE RESERVAS
 //==============================================================||
 //==============================================================||
@@ -166,9 +166,9 @@
 		// 	GRAVA AS INFORMAÇÕES DA RESERVA NA CLASSE BANCODEDADOS
 			bancodedados.gravar(reserva)
 		//
-			document.getElementById('modal_titulo').innerHTML 		= 'Sucesso!'
+			document.getElementById('modal_titulo').innerHTML 		= '<i class="fas fa-check-circle"></i> Sucesso!'
 			document.getElementById('modal_titulo_div').className  	= 'modal-header text-success'
-			document.getElementById('modal_conteudo').innerHTML 	= 'A seguinte reserva foi <span class="text-success"><b>cadastrada</b></span> com sucesso!<br>'
+			document.getElementById('modal_conteudo').innerHTML 	= 'A reserva foi <span class="text-success"><b>cadastrada com sucesso!</b></span><br>'
 			document.getElementById('modal_conteudo').innerHTML	   += '<br><table class="table text-center"><thead><tr><th scope="col">Professor(a)</th><th scope="col">Equipamento(s)</th><th scope="col">Sala(s)</th></tr></thead><tbody><tr><th>'+reserva.professor+'</th><td>'+reserva.equipamento+'</td><td>'+reserva.sala+'</td></tr></tbody>'
 			document.getElementById('modal_btn').innerHTML 			= 'Voltar'
 			document.getElementById('modal_btn').className 			= 'btn btn-success'
@@ -184,9 +184,9 @@
 			$('#modalRegistraReserva').modal('show')
 		} else {
 		//	DIALOG DE ERRO
-			document.getElementById('modal_titulo').innerHTML 		= 'Erro!'
+			document.getElementById('modal_titulo').innerHTML 		= '<i class="fas fa-times-circle"></i> Erro!'
 			document.getElementById('modal_titulo_div').className  	= 'modal-header text-danger'
-			document.getElementById('modal_conteudo').innerHTML 	= 'Erro na gravação, verifique se todos os campo foram inseridos corretamente!'
+			document.getElementById('modal_conteudo').innerHTML 	= 'Houve algum erro ao efetuar seu <span class="text-danger"><b> cadastro</b></span>. Por favor! verifique se todos os campo foram inseridos corretamente!'
 			document.getElementById('modal_btn').innerHTML 			= 'Corrigir'
 			document.getElementById('modal_btn').className 			= 'btn btn-danger'
 
@@ -222,15 +222,15 @@
  	//	CRIAR BOTAO DE EXCLUSÃO
  		let btn = document.createElement("button")
  		btn.className = 'btn btn-danger btn-sm'
- 		btn.innerHTML = '<i class="fa fa-trash"></i> Excluir'
+ 		btn.innerHTML = '<i class="fa fa-trash"></i>&nbsp;Excluir'
  		btn.id = `id_reserva_${r.id}`
  	//
  	//	QUANDO CLICAR NO BOTÃO A RESERVA SERÁ EXCLUÍDA
  		btn.onclick = function () {
  		//	DIALOG DE EXCLUSÃO
 			$('#modalExcluiReserva').modal('show')
 
-			document.getElementById('modal_titulo').innerHTML 		= '<i class="fa fa-trash"></i> Atenção!'
+			document.getElementById('modal_titulo').innerHTML 		= '<i class="fas fa-user-times"></i> Atenção!'
 			document.getElementById('modal_titulo_div').className  	= 'modal-header text-danger'
 			document.getElementById('modal_conteudo').innerHTML 	= 'A seguinte reserva será <span class="text-danger"><b>excluida</b></span>:'
 			document.getElementById('modal_conteudo').innerHTML    += '<br><br><table class="table text-center" ><thead><tr ><th scope="col">Professor(a)</th><th scope="col">Equipamento</th><th scope="col">Sala</th></tr></thead><tbody><tr><th>'+r.professor+'</th><td>'+r.equipamento+'</td><td>'+r.sala+'</td></tr></tbody>'

diff --git a/consulta.html b/consulta.html
@@ -1,17 +1,15 @@
-<!-- 
-//==============================================================||
+<!-- ==============================================================||
 //  AUTOR: JEFERSON LUCAS
 //  DATA DE CRIAÇÃO: 17/06/2018
-//  DATA DE MODIFICAÇÃO: 19/06/2018
-//  VERSÃO: 0.0.1
+//  DATA DE MODIFICAÇÃO: 20/06/2018
+//  VERSÃO: 1.0.0
 //  DESCRIÇÃO: EXIBE CONSULTAS/FILTROS E EXCLUSÃO DE RESERVAS
-//==============================================================||
- -->
+//==============================================================|| -->
 <html>
     <head>
         <meta charset="utf-8" />
-        <title>Consulta | Faculdade Sena Aires</title>
-        <link rel="shortcut icon" href="assets/_img/logo-sena-aires.png" type="image/x-icon">
+        <title>Consulta | SENA AIRES &#8211; Colégios e Faculdade</title>
+        <link rel="shortcut icon" href="assets/_img/logo16x16.png" type="image/x-icon">
         <!-- Bootstrap -->
         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
         <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
@@ -27,7 +25,7 @@
         <nav class="navbar navbar-expand-lg navbar-dark bg-primary mb-5">
             <div class="container">
 
-                <a class="navbar-brand" href="#">
+                <a class="navbar-brand" href="http://www.senaaires.com.br/" target="_blank">
                     <img src="assets/_img/logo-sena-aires-lateral.png" width="250" height="50" alt="Logo Sena Aires Lateral">
                 </a>
 
@@ -37,8 +35,8 @@
 
                 <div class="collapse navbar-collapse" id="navbarSupportedContent">
                     <ul class="navbar-nav mr-auto">
-                        <li class="nav-item"><a class="nav-link" title="Cadastrar reservas" href="index.html">CADASTRO</a></li>
-                        <li class="nav-item active"><a class="nav-link" title="Consultar reservas" href="consulta.html">CONSULTA</a></li>
+                        <li class="nav-item"><a class="nav-link" title="Cadastrar reservas" href="index.html"><b>CADASTRO</b></a></li>
+                        <li class="nav-item active"><a class="nav-link" title="Consultar reservas" href="consulta.html"><b>CONSULTA</b></a></li>
                     </ul>
                 </div>
             </div>
@@ -48,7 +46,7 @@
 
             <div class="row">
                 <div class="col mb-5">
-                    <h1 class="display-5"><i class="fa fa-search" aria-hidden="true"></i>&nbsp; Consultar </h1>
+                    <h1 class="display-5"><i class="fa fa-search" aria-hidden="true"></i>&nbsp;Consultar </h1>
                 </div>
                 <a data-toggle="popover" data-placement="top" title="Consulta de Reservas" data-content="Consulte, filtre e imprima as reservas."><i class="fa fa-info-circle float-right" aria-hidden="true"></i></a>
             </div>

diff --git a/index.html b/index.html
@@ -1,24 +1,22 @@
-<!-- 
-//==============================================================||
+<!-- ==============================================================||
 //  AUTOR: JEFERSON LUCAS
 //  DATA DE CRIAÇÃO: 17/06/2018
-//  DATA DE MODIFICAÇÃO: 19/06/2018
-//  VERSÃO: 0.0.1
+//  DATA DE MODIFICAÇÃO: 20/06/2018
+//  VERSÃO: 1.0.0
 //  DESCRIÇÃO: CADASTRA RESERVAS DE EQUIPAMENTOS
-//==============================================================||
- -->
+//==============================================================|| -->
 <html>
 	<head>
         <meta charset="utf-8" />
-	    <title>Cadastro | Faculdade Sena Aires</title>
-        <link rel="shortcut icon" href="assets/_img/logo-sena-aires.png" type="image/x-icon">
+	    <title>Cadastro | SENA AIRES &#8211; Colégios e Faculdade</title>
+        <link rel="shortcut icon" href="assets/_img/logo16x16.png" type="image/x-icon">
         <!-- Bootstrap -->
 	    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
         <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
         <!-- Font Awesome -->
-        <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
+        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
         <script src="assets/_js/app.js"></script>
 	</head>
 
@@ -27,7 +25,7 @@
         <nav class="navbar navbar-expand-lg navbar-dark bg-primary mb-5">
             <div class="container">
 
-                <a class="navbar-brand" href="#">
+                <a class="navbar-brand" href="http://www.senaaires.com.br/" target="_blank">
                     <img src="assets/_img/logo-sena-aires-lateral.png" width="250" height="50" alt="Logo Sena Aires Lateral">
                 </a>
 
@@ -37,8 +35,8 @@
 
                 <div class="collapse navbar-collapse" id="navbarSupportedContent">
                     <ul class="navbar-nav mr-auto">
-                        <li class="nav-item active"><a class="nav-link" title="Cadastrar Reservas" href="index.html">CADASTRO</a></li>
-                        <li class="nav-item"><a class="nav-link" title="Consultar Reservas" href="consulta.html">CONSULTA</a></li>
+                        <li class="nav-item active"><a class="nav-link" title="Cadastrar Reservas" href="index.html"><b>CADASTRO</b></a></li>
+                        <li class="nav-item"><a class="nav-link" title="Consultar Reservas" href="consulta.html"><b>CONSULTA</b></a></li>
                     </ul>
                 </div>
             </div>
@@ -48,7 +46,7 @@
 
             <div class="row">
                 <div class="col mb-5">
-                    <h1 class="display-5"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Cadastrar</h1>
+                    <h1 class="display-5"><i class="fas fa-user-plus"></i>&nbsp;Cadastrar</h1>
                 </div>
                 <a data-toggle="popover" data-placement="top" title="Cadastro de Reserva" data-content="Informe: nome, equipamento, sala, dia, início e término da aula."><i class="fa fa-info-circle float-right" aria-hidden="true"></i></a>
             </div>
@@ -91,7 +89,7 @@ <h1 class="display-5"><i class="fa fa-plus" aria-hidden="true"></i>&nbsp; Cadast
 
                 <!-- BOTÃO -->
                 <div class="col-md-1 d-flex justify-content-center">
-                    <button type="button" data-toggle="tooltip" data-placement="top" title="Cadastrar reserva!" class="btn btn-primary" onclick="cadastrarReserva()">
+                    <button type="button" data-toggle="tooltip" data-placement="top" title="Cadastrar" class="btn btn-primary" onclick="cadastrarReserva()">
                         <i class="fas fa-plus"></i>&nbsp;Cadastrar
                     </button>
                 </div>