Coneccao Pipedream

by thvinic

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Criar Lembrete (via Pipedream)</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <style>
        body { font-family: sans-serif; }
        .container { width: 400px; margin: 50px auto; }
        label { display: block; margin-bottom: 5px; }
        input[type="text"], input[type="datetime-local"], input[type="email"], button { width: 100%; padding: 10px; margin-bottom: 10px; box-sizing: border-box; }
        button { background-color: #007bff; color: white; border: none; cursor: pointer; }
        button:hover { background-color: #0056b3; }
        #mensagem { margin-top: 10px; font-style: italic; }
    </style>
</head>
<body>
    <div class="container">
        <h1>Agendar Lembrete No email </h1>
        <p>Agende a data e hora para receber uma notificação no email,na data e na hora exata que voce configurar pra recebe-la.</p>

        <label for="nota">O que voçe precisa se lembrar?</label>
        <input type="text" id="nota" placeholder="Ex: Fazer backup dos arquivos">

        <label for="data_lembrete">Data e Hora do Lembrete:</label>
        <input type="datetime-local" id="data_lembrete">

        <label for="email_destinatario"></label>
        <input type="hidden" id="email_destinatario" value="[email protected]">


        <button id="salvar_lembrete">Salvar Lembrete</button>

        <div id="mensagem"></div>
    </div>

    <script>
        $(document).ready(function() {
            $("#salvar_lembrete").click(function() {
                var nota = $("#nota").val();
                var dataLembreteStr = $("#data_lembrete").val(); // ex: "2025-05-17T12:32"
                var emailDestinatario = $("#email_destinatario").val();
                var pipedreamWebhookUrl = 'https://eo7rymq6cai4mso.m.pipedream.net'; // Substitua pela URL do seu webhook do Pipedream

                if (nota && dataLembreteStr && emailDestinatario) {
    ...