driveneats/scripts.js at main · farias-77/driveneats · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
//Variáveis globais
let PratoSelecionado = false;
let BebidaSelecionada = false;
let SobremesaSelecionada = false;

function selecionaOpcao(elementoClicado, classePrato){

    let divDesejada = document.querySelector(`${classePrato}`);
    let selecionadoAnterior = divDesejada.querySelector(".selecionado");
    let adicionaCheck = elementoClicado.querySelector("img:last-child");

    if(selecionadoAnterior !== null){
        selecionadoAnterior.classList.remove("selecionado");
        removeCheck(selecionadoAnterior);
    }

    elementoClicado.classList.add("selecionado");
    adicionaCheck.classList.remove("escondido");

    if(classePrato === ".prato-principal"){
        PratoSelecionado = elementoClicado;
    }else if(classePrato === ".bebida"){
        BebidaSelecionada = elementoClicado;
    }else if(classePrato === ".sobremesa"){
        SobremesaSelecionada = elementoClicado;
    }

    if(PratoSelecionado && BebidaSelecionada && SobremesaSelecionada){
        mudarBotao();
    }
}

function removeCheck(selecionadoAnterior){

    let checkVerde = selecionadoAnterior.querySelector("img:last-child");

    if(selecionadoAnterior !== null){
        checkVerde.classList.add("escondido");
    }
}

function mudarBotao(){

    let esconderBotao = document.querySelector(".botao-selecione3");
    let mostrarBotao = document.querySelector(".botao-fechar-pedido");
    esconderBotao.classList.add("escondido");
    mostrarBotao.classList.remove("escondido");
}

function fecharPedido(){

    let modal = document.querySelector(".modalFecharPedido");
    let fundo = document.querySelector(".fundo-transparente")
    let prato = document.querySelector(".pratoFinal");
    let bebida = document.querySelector(".bebidaFinal");
    let sobremesa = document.querySelector(".sobremesaFinal");
    let total = document.querySelector(".valorTotal");

    prato.querySelector("p:first-child").innerHTML = `${PratoSelecionado.querySelector("h1").innerHTML}`
    prato.querySelector("p:last-child").innerHTML = `${retornaSemR$(PratoSelecionado)}`
    bebida.querySelector("p:first-child").innerHTML = `${BebidaSelecionada.querySelector("h1").innerHTML}`
    bebida.querySelector("p:last-child").innerHTML = `${retornaSemR$(BebidaSelecionada)}`
    sobremesa.querySelector("p:first-child").innerHTML = `${SobremesaSelecionada.querySelector("h1").innerHTML}`
    sobremesa.querySelector("p:last-child").innerHTML = `${retornaSemR$(SobremesaSelecionada)}`

    total.querySelector("p:last-child").innerHTML = `${somaDosValores(retornaSemR$(PratoSelecionado), retornaSemR$(BebidaSelecionada), retornaSemR$(SobremesaSelecionada))}`;

    modal.classList.remove("escondido");
    fundo.classList.remove("escondido")
}

function cancelaPedido(){

    let modal = document.querySelector(".modalFecharPedido");
    let fundo = document.querySelector(".fundo-transparente")

    modal.classList.add("escondido");
    fundo.classList.add("escondido")
}

function realizarPedido(){
    let modal = document.querySelector(".modalFecharPedido");
    let nomePrato = modal.querySelector(".pratoFinal p:first-child").innerHTML;
    let nomeBebida = modal.querySelector(".bebidaFinal p:first-child").innerHTML;
    let nomeSobremesa = modal.querySelector(".sobremesaFinal p:first-child").innerHTML;
    let valorPedido = modal.querySelector(".valorTotal p:last-child").innerHTML;

    let minhaMensagem = `Olá, gostaria de fazer o pedido:\n- Prato: ${nomePrato}\n- Bebida: ${nomeBebida}\n- Sobremesa: ${nomeSobremesa}\nTotal: ${valorPedido}`;
    let win = window.open(`https://wa.me/553287047539?text=${encodeURI(minhaMensagem)}`)
}

function somaDosValores(valorPrato, valorBebida, valorSobremesa){

    valorPrato = retornaComPonto(valorPrato);
    valorBebida = retornaComPonto(valorBebida);
    valorSobremesa = retornaComPonto(valorSobremesa);

    let valorFinal = (Number(valorPrato) + Number(valorBebida) + Number(valorSobremesa));
    valorFinal = valorFinal.toFixed(2);
    valorFinal = valorFinal.toString();
    valorFinal = retornaComVirgula(valorFinal);
    valorFinal = `R$ ${valorFinal}`;

    return valorFinal;
}

function retornaSemR$(elementoSelecionado){
    let stringCompleta = elementoSelecionado.querySelector("h3").innerHTML;
    let stringCortada = stringCompleta.slice(3);

    return stringCortada;
}

function retornaComPonto(elementoComVirgula){
    elementoComVirgula = elementoComVirgula.replace("," , ".");
    return elementoComVirgula;
}

function retornaComVirgula(elementoComPonto){
    elementoComPonto = elementoComPonto.replace("." , ",");
    return elementoComPonto;
}