Skip to content

Commit

Permalink
reserve.html finalizado
Browse files Browse the repository at this point in the history
  • Loading branch information
@JefersonLucas
JefersonLucas committed Jun 24, 2018
1 parent 60380ac commit d06f496
Show file tree
Hide file tree
Showing 6 changed files with 193 additions and 522 deletions.
60 changes: 9 additions & 51 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,18 +22,18 @@ A versão 1.0.0 foi ao ar no dia 20/06/2018. Dentre as suas funcionalidades est
* Possibilidade de impressão de reservas.

### Versão 1.0.1 *new*
A versão 1.0.1 vai ao ar no dia ##/##/####. Dentre as suas funcionalidades estão:
* Adição da feature visualizar com um botão de visualização junto com o botão de exclusão. Tendo a possibilidade de visualizar detalhadamente reserva do responsável;
A versão 1.0.1 foi ao ar no dia 24/06/2018. Dentre as suas funcionalidades estão:
* Correções de bugs da versão 1.0.0;
* Adição do botão visualizar para ver detalhadamente reserva do responsável;
* Adição do botão atualizar para recarregar a lista;
* Adição da página Reservas listando todas as reservas cadastradas;
* Adição de link externo para o site do Colégio e Faculdade Sena Aires;
* Adição do botão atulizar;
* Adição do input checkbox para verificação de status.


* Validação de pesquisa de filtro.
* Mudança na cor dos botões;
* Validação dupla na pesquisa de filtro e no cadastro de reservas.

## Bugs da aplicação
* ~~*Tooltip* continua ativado mesmo com o mouse não estando em cima do botão de filtro~~(*descontinuado na versão 1.0.1*);
* Parte do placeholder do input "*data*" some em janela reduzida (somente no navegador Chrome);
* ~~*Tooltip* continua ativado mesmo com o mouse não estando em cima do botão de filtro~~ (*descontinuado na versão 1.0.1*);
* ~~Parte do placeholder do input "*data*" some em janela reduzida (somente no navegador Chrome)~~ (*corrigido na versão 1.0.1*);
* ~~Botão de informação com a função *popover* pode ser clicado abaixo do própio botão~~ (*corrigido na versão 1.0.1*).

## Correções
Expand All @@ -52,45 +52,3 @@ Para utilizar a aplicação necessita clonar ou fazer o download do repositório
```bash
index.html
```

## Demonstração

### index.html
O usuário pode fazer depois da validação, cadastrar reservas de equipamentos.
![index](https://user-images.githubusercontent.com/39635734/41740991-2a3625b4-7570-11e8-91c6-f4039dbec0f8.jpg)

#### Validação do cadastro
Caso haja erro no cadastro, irá ser exibido um modal de erro, caso contrário exibe um modal de sucesso.

#### Modal Erro
![index-erro](https://user-images.githubusercontent.com/39635734/41741042-527de4f8-7570-11e8-9dd3-e9056ed3754c.jpg)

#### Modal Success
![index-success](https://user-images.githubusercontent.com/39635734/41741084-74f9ba16-7570-11e8-8111-fbf963b8a369.jpg)

### consulta.html
O usuário poderá consultar, filtrar, imprimir e também excluir os reservas cadastradas.
![consulta](https://user-images.githubusercontent.com/39635734/41741130-99955d62-7570-11e8-8933-0af5939a629a.jpg)

#### Filtrando reservas
Para buscar algum cadastro basta utilizar o filtro de pesquisa e caso houver a pesquisa o aplicativo retorna a busca.
![consulta-filter](https://user-images.githubusercontent.com/39635734/41741158-ad25b7aa-7570-11e8-8506-595cebb02a73.jpg)

#### Validação do filtro
Caso haja erro no filtro, irá ser exibido um modal de erro.
![consulta-filter-error](https://user-images.githubusercontent.com/39635734/41741200-ce36b688-7570-11e8-88d8-67e28a5cbd25.jpg)

#### Visualizando reservas *new* (*versão 1.0.1*)
Se o usuário sentir necessidade de ver a reserva isolada e detalhada tem a opção no botão de visualizar reservas.
![consulta-filter-view](https://user-images.githubusercontent.com/39635734/41741427-72aa5918-7571-11e8-8665-620e1bd4f3cc.jpg)

#### Excluindo reservas *new* (*versão 1.0.1*)
No momento que o usuário decidir excluir uma reserva irá ser exibido um modal de aviso que a reserva irá ser exibido informando qual reserva será ser excluida.
![consulta-filter-del](https://user-images.githubusercontent.com/39635734/41741288-07f3d892-7571-11e8-9e6a-ae72e27683c0.jpg)

Logo depois será exibido todas reservas existentes.
![consulta-filter-del-2](https://user-images.githubusercontent.com/39635734/41741302-134c4df0-7571-11e8-9573-0f8d0ded599f.jpg)

#### Imprimindo reservas
Se caso o usuário queira, tem a opção de imprimir as reservas no aplicativo.
![consulta-printer](https://user-images.githubusercontent.com/39635734/41741317-1fcb8294-7571-11e8-8b89-f31019cc05ea.jpg)
133 changes: 17 additions & 116 deletions assets/_js/app.js
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
//==============================================================||
// AUTOR: JEFERSON LUCAS
// DATA DE CRIAÇÃO: 17/06/2018
// DATA DE MODIFICAÇÃO: 22/06/2018
// DATA DE MODIFICAÇÃO: 24/06/2018
// VERSÃO: 1.0.1
// DESCRIÇÃO: CADASTRO/CONSULTA//FILTRO/EXCLUSÃO DE RESERVAS
// DESCRIÇÃO: CADASTRO/CONSULTA/FILTRO/EXCLUSÃO DE RESERVAS
//==============================================================||
//==============================================================||
// 1 - CLASSES
Expand Down Expand Up @@ -259,22 +259,7 @@
// SELECIONANDO O ELEMENTO TBODY
let listaReservas = document.getElementById('listaReservas')
//

//==============================================================||
// RETIRADO

// let coluna = listaColunas.insertRow()

// coluna.insertCell(0).innerHTML = '<b>Responsável</b>'
// coluna.insertCell(1).innerHTML = '<b>Equipamento</b>'
// coluna.insertCell(2).innerHTML = '<b>Sala</b>'
// coluna.insertCell(3).innerHTML = '<b>Horário</b>'
// coluna.insertCell(4).innerHTML = '<b>Situação</b>'
// coluna.insertCell(5).innerHTML = '<b>Data</b>'
// coluna.insertCell(6).innerHTML = '<b>Opções</b>'
//==============================================================||

// LISTANTO A DESPESA
// LISTANTO A DESPESA
reservas.forEach(function(r) {
//
// CRIANDO A LINHA (TR)
Expand All @@ -285,48 +270,8 @@
linha.insertCell(1).innerHTML = r.equipamento
linha.insertCell(2).innerHTML = r.sala
linha.insertCell(3).innerHTML = r.inicio+' / '+r.fim
//
//==============================================================||
// RETIRADO
// CRIAÇÃO DOS BOTÕES DE STATUS
// let range = document.createElement("input")
// range.title = "1: Montado, 2: Desmontado"
// range.type = 'range'
// range.value = 0
// range.setAttribute("min", 0)
// range.setAttribute("max", 1)

// let montado = document.createElement("input")
// montado.title = 'Status'
// montado.type = 'checkbox'
// montado.className = 'form-check-input'
// montado.id = `id_reserva_${r.id}`

// let labelmontado = document.createElement("label")
// labelmontado.className = 'form-check-label'
// labelmontado.innerHTML = 'Montado&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'
// labelmontado.setAttribute("for", `id_reserva_${r.id}`)

// let desmontado = document.createElement("input")
// desmontado.title = 'Status'
// desmontado.type = 'checkbox'
// desmontado.className = 'form-check-input'
// desmontado.id = r.id

// let labeldesmontado = document.createElement("label")
// labeldesmontado.className = 'form-check-label'
// labeldesmontado.innerHTML = 'Desmontado'
// labeldesmontado.setAttribute("for", r.id)

// linha.insertCell(4).append(montado, labelmontado, desmontado, labeldesmontado)
// //linha.insertCell(4).append('Montado ',range,' Desmontado')

//==============================================================||

linha.insertCell(4).innerHTML = r.dia
//

//
//
})
}
//==============================================================||
Expand All @@ -350,11 +295,9 @@
let listaReservas = document.getElementById('listaReservas')
// LIMPANDO CONTEÚDO DA TABELA DE RESERVA
listaReservas.innerHTML = ''
//
// VALIDAÇÃO DE PESQUISA FILTRO

let listaColunas = document.getElementById('listaColunas')

if(responsavel == '' && equipamento == '' && sala == '' && inicio == '' && fim == '' && dia == '') {
if(responsavel == '' && equipamento == '' && sala == '' && inicio == '' && fim == '' && dia == '') {
// DIALOG DE ERRO
$('#modalValidaReserva').modal('show')

Expand Down Expand Up @@ -386,7 +329,7 @@
view.innerHTML = '<i class="fas fa-eye"></i>'
view.id = `id_reserva_${r.id}`
//
// QUANDO CLICAR UM MODAL DE VIZUALIZAÇÃO VAI APARECER
// QUANDO CLICAR NO BOTÃO OS DETALHES DA RESERVA SERÁ EXIBIDO E UM MODAL DE VIZUALIZAÇÃO VAI APARECER
view.onclick = function () {
// DIALOG DE VIZUALIZAÇÃO
$('#modalVizualizaReserva').modal('show')
Expand All @@ -400,49 +343,15 @@
//
}
//
// CRIAÇÃO DO BOTAO DE EDIÇÃO
let edit = document.createElement("button")
edit.className = 'btn btn-outline-success btn-sm'
edit.title = 'Editar'
edit.innerHTML = '<i class="fas fa-pencil-alt"></i>'
edit.id = `id_reserva_${r.id}`
//
// QUANDO CLICAR UM MODAL DE EDIÇÃO VAI APARECER
edit.onclick = function () {
// DIALOG DE VIZUALIZAÇÃO
$('#modalEditaReserva').modal('show')
//
document.getElementById('modal-titulo-edit').innerHTML = '<i class="fas fa-pencil-alt"></i> Editar'
document.getElementById('modal-titulo-div-edit').className = 'modal-header text-success'
document.getElementById('modal-conteudo-edit').innerHTML = 'Deseja Editar?'
document.getElementById('modal-btn-edit').innerHTML = 'Salvar'
document.getElementById('modal-btn-edit').className = 'btn btn-success'

//==============================================================||
// RETIRADO

// CRIAÇÃO DE UMA INSTÂCIA RESERVA ATRIBUIDA EM UMA VARIÁVEL
// let reserva = new Reserva(r.responsavel, r.equipamento, r.sala, r.dia, r.inicio, r.fim)
// GRAVA AS INFORMAÇÕES DA RESERVA NA CLASSE BANCODEDADOS
// bancodedados.gravar(reserva)
// FORMATAR O ID
// let id = this.id.replace('id_reserva_','')
// REMOVE A RESERVA
// bancodedados.remover(id)
//==============================================================||

}

//
//
// CRIAÇÃO BOTAO DE EXCLUSÃO
let dell = document.createElement("button")
dell.className = 'btn btn-outline-danger btn-sm'
dell.title = 'Excluir'
dell.innerHTML = '<i class="fa fa-trash-alt"></i>'
dell.id = `id_reserva_${r.id}`
//
// QUANDO CLICAR NO BOTÃO A RESERVA SERÁ EXCLUÍDA
// QUANDO CLICAR NO BOTÃO A RESERVA SERÁ EXCLUÍDA E UM MODAL SERÁ EXIBIDO
dell.onclick = function () {
// DIALOG DE EXCLUSÃO
$('#modalExcluiReserva').modal('show')
Expand All @@ -460,11 +369,12 @@
bancodedados.remover(id)
//
}
//
// INSERÇÃO DO BOTÃO DE VIZUALIZAÇÃO E EXCLUSÃO
linha.insertCell(5).append(view,' ' , edit,' ' , dell)

linha.insertCell(5).append(view,' ', dell)
//
})
//
}
//
}
Expand All @@ -484,27 +394,18 @@
function imprimeReservas() {
//
// VARIÁVEL RECEBE O CONTEÚDO DA DIV TABELA
let conteudo = document.getElementById('conteudo').innerHTML
let imprime = document.getElementById('conteudo-imprecao').innerHTML
// UMA NOVA JANELA ABRE E É SETADA EM UMA VARIÁVEL
telaImpressao = window.open('about:blank')
// IMPRESÃO DO CONTEÚDO
telaImpressao.document.write(conteudo)
telaImpressao.document.write(imprime)
telaImpressao.window.print()
telaImpressao.window.close()
}
//==============================================================||

function redireciona() {
window.location.href = "edita.html";
}
//==============================================================||
// 7 - FUNÇÕES BOOTSTRAP
//
// TOOGGLE
//
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
//=============================================================||
//=============================================================||
// 7 - FUNÇÕES BOOTSTRAP
//
// POPOVER
//
Expand Down
Loading

0 comments on commit d06f496

Please sign in to comment.