Symfony HW 2 Rokas Kliucinskas

assets/js/validation.js

@@ -1,21 +1,31 @@
-const axios = require('axios');
+window.addEventListener("load",() => {
+    const axios = require('axios');
 
-let name = document.getElementById('name');
-let validationResult = document.getElementById('validation-result');
-const validateName = function () {
-    validationResult.innerText = '...';
-    axios.post(validationResult.dataset.path, {input: name.value})
-        .then(function(response) {
-            if (response.data.valid) {
-                validationResult.innerHTML = ":)";
-            } else {
-                validationResult.innerHTML = ":(";
-            }
-        })
-        .catch(function (error) {
-            validationResult.innerText = 'Error: ' + error;
-        });
-};
+    let name = document.getElementById('name');
+    let validationResultStudent = document.getElementById('validation-result-name');
+    let team = document.getElementById('team');
+    let validationResultTeam = document.getElementById('validation-result-team');
 
-name.onkeyup = validateName;
-name.onchange = validateName;
+    if (!(name && validationResultStudent && team && validationResultTeam)) {
+        console.log("Didn't find HTML elements :(");
+    } else {
+        const validate = function (validationResult, input) {
+            validationResult.innerText = '...';
+            axios.post(validationResult.dataset.path, {input: input.value})
+                .then(function (response) {
+                    if (response.data.valid) {
+                        validationResult.innerHTML = ":)";
+                    } else {
+                        validationResult.innerHTML = ":(";
+                    }
+                })
+                .catch(function (error) {
+                    validationResult.innerText = 'Error: ' + error;
+                });
+        };
+        name.onkeyup = ()=>validate(validationResultStudent, name);
+        name.onchange = ()=>validate(validationResultStudent, name);
+        team.onkeyup = ()=>validate(validationResultTeam, team);
+        team.onchange = ()=>validate(validationResultTeam, team);
+    }
+})

src/Controller/PeopleController.php

@@ -37,9 +37,12 @@ public function validate(Request $request, string $element)
         }
 
         $students = $this->getStudents();
+        $teams = $this->getTeams();
         switch ($element) {
             case 'name':
                 return new JsonResponse(['valid' => in_array(strtolower($input), $students)]);
+            case 'team':
+                return new JsonResponse(['valid' => in_array(strtolower($input), $teams)]);
         }
 
         return new JsonResponse(['error' => 'Invalid arguments'], Response::HTTP_BAD_REQUEST);
@@ -242,4 +245,13 @@ private function getStudents(): array
         }
         return $students;
     }
+    private function getTeams(): array
+    {
+        $teams = [];
+        $storage = json_decode($this->getStorage(), true);
+        foreach ($storage as $projectName => $projects) {
+            $teams[] = strtolower($projectName);
+        }
+        return $teams;
+    }
 }

templates/people/index.html.twig

@@ -8,10 +8,19 @@
     <div>
         Versijuojamas JavaScript failas: <b id="versionedFile">...</b>
     </div>
+    Vardas: <input type="text" id="name"/>
 
-    <input type="text" id="name"/>
-    <span id="validation-result" data-path="{{ path('validatePerson', {'element': 'name'}) }}"></span>
-{% endblock %}
+    <span id="validation-result-name"
+          data-path="{{ path('validatePerson', {'element': 'name'}) }}">
+    </span>
+
+    <br>
+    Komanda: <input type="text" id="team"/>
+
+    <span id="validation-result-team"
+          data-path="{{ path('validatePerson', {'element': 'team'}) }}">
+    </span>
+   {% endblock %}
 
 {% block javascripts %}
     <script>