AutoPlan/index.html at main · stefanluks/AutoPlan · 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
<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AUTO PLAN</title>
    <style>
      .loading{
        margin: 70px auto;
        width: 50px;
        height: 50px;
        background-color: transparent;
        border: 5px solid transparent;
        border-top: 5px solid rgb(94, 196, 255);
        animation: loop 1s infinite;
        border-radius: 50%;
      }

      @keyframes loop {
        0%{transform: rotate(0deg);}
        100%{transform: rotate(360deg);}
      }
    </style>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
  </head>
  <body class="d-flex flex-column align-items-center justify-content-center">
    <div class="container-fluid bg bg-info text-center" style="border-radius: 0px 0px 10px 10px; box-shadow: 0 0 10px gray;">
      <img src="./assets/logo.png" width="180px">
      <P class="my-1">Automatize o lançamento do plano de aula.</P>
    </div>
    <div id="load" hidden class="loading"></div>
    <div id="formu" class="flex-column align-items-center justify-content-center" style="width: 90%; margin-top: 20px; display: flex;">
      <input class="form-control my-1 " id="cpf" placeholder="CPF">
      <input class="form-control my-1 " id="senha" type="password" placeholder="Senha">
      <input class="form-control my-1 " id="turma" placeholder="Turma">
      <input class="form-control my-1 " id="disciplina" placeholder="Unidade Curricular (Disciplina)">
      <input class="form-control my-1 " id="mes" placeholder="Mês">
      <button class="w-100 btn my-1 btn-success" onclick="selecionarPlanilha()">Selecionar planilha</button>
      <button class="btn my-1 btn-primary w-100" onclick="processar()">Processar</button>
    </div>
    <span style="width: 90%;" class="d-none align-items-center justify-content-center alert alert-info" hidden id="arquivo"></span>
    <script src="renderer.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
  </body>
</html>