Untitled

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">

  <title>H2O Supreme</title>
  <!-- Stylesheets -->
    <link rel="stylesheet" href="../styles/main.css">
    <link rel="stylesheet" href="../styles/login.css">
  <!--  scripts -->
  <script src="../js/index.js" charset="utf-8"></script>
  <script src="https://www.gstatic.com/firebasejs/5.7.0/firebase.js"></script>
</head>

<body>
  <div id="title-bar">
    <div id="title-bar-btns">
       <span id="min-btn" class=" dot"></span>
       <span id="close-btn" class=" dot"></span>
    </div>
  </div>
  <div class="container">
        <br/>
        <div class="form-group">
            <label for="pwd" id="keyInput">Key</label>
            <br>
            <br>
            <input type="text" class="form-control" id="txtEmail" placeholder="Email">
            <br>
            <br>
            <input type="text" class="form-control" id="txtPwd" placeholder="Key">
            <button class="btn btn-default" id="btn-login">Authenticate</button>
        </div>
        <p  id="lbl"></p>
    </div>
 <script>
  const ipc = require('electron').ipcRenderer;
  var config = {
    apiKey: "AIzaSyByG30NeF7q2M-Rszi0gG0XzHmfoG-P7Xc",
    authDomain: "h2o-supreme-903a1.firebaseapp.com",
    databaseURL: "https://h2o-supreme-903a1.firebaseio.com",
    projectId: "h2o-supreme-903a1",
    storageBucket: "h2o-supreme-903a1.appspot.com",
    messagingSenderId: "1084670112086"
  };
  firebase.initializeApp(config);

  document.getElementById('btn-login').addEventListener("click", () => {
        let passP = document.getElementById('lbl');
        /**/
        let txtPwd=document.getElementById('txtPwd').value;
        let txtEmail=document.getElementById('txtEmail').value;

        firebase.auth().signInWithEmailAndPassword(txtEmail, txtPwd).then(function(){
          function sendIpc(){
            ipc.sendSync('entry-accepted', 'success');
          }
            passP.innerHTML = `<p class="loading">Loading...</p>`
            setTimeout(sendIpc, 2000);
        }).catch(function(error){
          if(error != null){
            passP.innerHTML = `<p>Error Ocurred</p>`
          }
        });
      });

       </script>
</body>

</html>