app.js

class Despesa {
    constructor(ano, mes, dia, tipo, descricao, valor) {
        this.ano = ano
        this.mes = mes
        this.dia = dia
        this.tipo = tipo
        this.descricao = descricao
        this.valor = valor
    }

    validarDados() {
        for (let i in this) {

            if (this[i] == undefined || this[i] == '' || this[i] == null) { return false }
        }

        return true
    }
}

class Bd {
    constructor() {
        let id = localStorage.getItem('id')

        if (id === null) {

            localStorage.setItem('id', 0)
        }
    }

    getProximoId() {
        let proximoId = localStorage.getItem('id')
        return parseInt(proximoId) + 1
    }

    gravar(d) {
        let id = this.getProximoId()

        localStorage.setItem(id, JSON.stringify(d))

        localStorage.setItem('id', id)
    }

    recuperarTodosRegistros() {
        let despesas = Array()
        let id = localStorage.getItem('id')

        for (let i = 1; i <= id; i++) {

            let despesa = JSON.parse(localStorage.getItem(i))

            if (despesa == null) {
                continue
            }
            despesa.id = i
            despesas.push(despesa)
        }

        return despesas
    }

    pesquisar(despesa) {
        let despesasFiltradas = Array()
        despesasFiltradas = this.recuperarTodosRegistros()

        if (despesa.ano != '') {
            despesasFiltradas = despesasFiltradas.filter(d => d.ano == despesa.ano)
        }
        if (despesa.mes != '') {
            despesasFiltradas = despesasFiltradas.filter(d => d.mes == despesa.mes)
        }
        if (despesa.dia != '') {
            despesasFiltradas = despesasFiltradas.filter(d => d.dia == despesa.dia)
        }
        if (despesa.tipo != '') {
            despesasFiltradas = despesasFiltradas.filter(d => d.tipo == despesa.tipo)
        }
        if (despesa.descricao != '') {
            despesasFiltradas = despesasFiltradas.filter(d => d.descricao == despesa.descricao)
        }
        if (despesa.valor != '') {
            despesasFiltradas = despesasFiltradas.filter(d => d.valor == despesa.valor)
        }

        return despesasFiltradas
    }

    remover(id) {
        localStorage.removeItem(id)
    }
}

let bd = new Bd()

function cadastrarDespesa() {
    let ano = document.getElementById('ano')
    let mes = document.getElementById('mes')
    let dia = document.getElementById('dia')
    let tipo = document.getElementById('tipo')
    let descricao = document.getElementById('descricao')
    let valor = document.getElementById('valor')

    let despesa = new Despesa(ano.value, mes.value, dia.value, tipo.value, descricao.value, valor.value)

    if (despesa.validarDados()) {
        bd.gravar(despesa)

        $('#modalRegistroDespesa').modal('show')
        document.getElementById('modal-header').className = 'modal-header text-success'
        document.getElementById('titulo').innerHTML = 'Registro inserido com sucesso'
        document.getElementById('mensagem').innerHTML = 'A despesa foi cadastrada com sucesso!'
        document.getElementById('botao').innerHTML = 'Voltar'
        document.getElementById('botao').className = 'btn btn-success'

        ano.value = ''
        mes.value = ''
        dia.value = ''
        tipo.value = ''
        descricao.value = ''
        valor.value = ''
    }
    else {
        $('#modalRegistroDespesa').modal('show')
        document.getElementById('modal-header').className = 'modal-header text-danger'
        document.getElementById('titulo').innerHTML = 'Erro na gravação'
        document.getElementById('mensagem').innerHTML = 'Existem campos obrigatórios que não foram preenchidos.'
        document.getElementById('botao').innerHTML = 'Voltar e corrigir'
        document.getElementById('botao').className = 'btn btn-danger'
    }
}

function carregaListaDespesas(despesas = Array(), filtro = false) {
    if (despesas.length == 0 && filtro == false) {
        despesas = bd.recuperarTodosRegistros()
    }

    let listaDespesas = document.getElementById('listaDespesas')
    listaDespesas.innerHTML = ''

    despesas.forEach(function (elemento) {
    
        let linha = listaDespesas.insertRow()

        linha.insertCell(0).innerHTML = `${elemento.dia}/${elemento.mes}/${elemento.ano}`

        switch (elemento.tipo) {
            case '1': elemento.tipo = 'Alimentação'
                break
            case '2': elemento.tipo = 'Educação'
                break
            case '3': elemento.tipo = 'Lazer'
                break
            case '4': elemento.tipo = 'Sáude'
                break
            case '5': elemento.tipo = 'Transporte'
                break
        }

        linha.insertCell(1).innerHTML = elemento.tipo
        linha.insertCell(2).innerHTML = elemento.descricao
        linha.insertCell(3).innerHTML = elemento.valor

        let botaoExcluir = document.createElement('button')
        botaoExcluir.className = 'btn btn-danger w-100'
        botaoExcluir.innerHTML = '<i class="fas fa-times"></i>'
        botaoExcluir.id = `id_despesa_${elemento.id}`

        botaoExcluir.onclick = function () {
            let id = this.id.replace('id_despesa_', '')
            bd.remover(id)

            window.location.reload()
        }

        linha.insertCell(4).appendChild(botaoExcluir)
    })
}

function pesquisarDespesa() {
    let ano = document.getElementById('ano').value
    let mes = document.getElementById('mes').value
    let dia = document.getElementById('dia').value
    let tipo = document.getElementById('tipo').value
    let descricao = document.getElementById('descricao').value
    let valor = document.getElementById('valor').value

    let despesa = new Despesa(ano, mes, dia, tipo, descricao, valor)
    let despesas = bd.pesquisar(despesa)

    carregaListaDespesas(despesas, true)
}