devkdo · devkdo · Oct 8, 2024 · Oct 9, 2024 · Oct 9, 2024 · Oct 9, 2024
diff --git a/esl/README.md b/esl/README.md
@@ -0,0 +1,7 @@
+Sort Class by Level
+-------------------
+
+
+A [Pen](https://codepen.io/devkdo/pen/MWNyWKz) by [dvkdo](https://codepen.io/devkdo) on [CodePen](https://codepen.io).
+
+[License](https://codepen.io/license/pen/MWNyWKz).
diff --git a/esl/constants.js b/esl/constants.js
@@ -0,0 +1,21 @@
+
+const constants = {
+  Q_NAME:  "Nombre y Apellidos - Nomes e Sobrenomes - First and Last Names",
+  Q_EMAIL:  "Email Address",
+  Q_PHONE:  "Número de Teléfono - Número de Telefone - Phone Number",
+  Q_LEVEL: 
+  "¿Cuál es su nivel de inglés? Qual é o seu nível de inglês? What is your level of English?",
+  Q_DAY: 
+  "Which night do you prefer? ¿Qué noche prefiere? Qual noite você prefere?",
+
+  A_LEVEL1: 
+  "I don't speak or understand any English. No hablo ni entiendo nada de inglés. Eu não falo nem entendo nenhum inglês.",
+  A_LEVEL2: 
+  "I speak and understand a little bit of English. Hablo y entiendo un poco de inglés. Falo e entendo um pouco de inglês.",
+  A_LEVEL3: 
+  "I am comfortable having short conversations in English. Estoy cómodo para tener conversaciones cortas en inglés. Sinto-me confortável em conversas curtas em inglês.",
+  A_DAYMON:  "Monday - lunes - segunda-feira",
+  A_DAYTUE:  "Tuesday - martes - terça-feira"
+};
+
+export default constants;
diff --git a/esl/favicon.ico b/esl/favicon.ico
diff --git a/format_contacts.sh → esl/format_contacts.sh b/format_contacts.sh → esl/format_contacts.sh
diff --git a/esl/index.html b/esl/index.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Class Sort by Level</title>
+  <link rel="stylesheet" href="styles.css">
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.0/xlsx.full.min.js"></script>
+</head>
+
+<body>
+  <!--   <div><h1>Generate</h1></div> -->
+
+  <div class="container">
+    <div>
+      <h3>Upload XLS or XLSX file of Student Registration</h3>
+    </div>
+    <div>
+      <input type="file" id="input-file" accept=".xls,.XLSX" />
+      <button id="btn-sort">Show Classes</button>
+      <button id="btn-emails">Show Mailing Lists</button>
+      <button id="btn-students">Show Student Info</button>
+<!--       <button id="btn-dl">Download Attendance</button> -->
+    </div>
+  </div>
+  <div class="container">
+  </div>
+  <div id="output-container">
+    <div id="output-headers1"></div>
+    <div class="gap-bottom" id="output1"></div>
+    <div id="output-headers2"></div>
+    <div class="gap-bottom" id="output2"></div>
+    <div id="output-headers3"></div>
+    <div class="gap-bottom" id="output3"></div>
+    <div id="output-headers4"></div>
+    <div class="gap-bottom" id="output4"></div>
+  </div>
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.3.0/papaparse.min.js">
+  </script>
+  <script type="module" src="script.js"></script>
+</body>
+
+</html>