[TASK] move BE validation to external JS

Classes/Evaluation/HoursMinutesSeconds.php

@@ -1,6 +1,7 @@
 <?php
 namespace Brightside\Youtubevideo\Evaluation;
 
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
 /**
  * Class for field value validation/evaluation to be used in 'eval' of TCA
  */
@@ -9,29 +10,12 @@ class HoursMinutesSeconds
 
    /**
     * JavaScript code for client side validation/evaluation
-    *
-    * @return string JavaScript code for client side validation/evaluation
     */
-    public function returnFieldJS()
+    public function returnFieldJS(): JavaScriptModuleInstruction
     {
-        return "
-            var value = value.replace(/[-|_|,|.|–|']+/g,':');
-            var value = value.replace(/[^\d:]+/g,'');
-            var value = value.replace(/^:|:$/g, '');
-            var p = value.split(':'),
-            s = 0, m = 1;
-            while (p.length > 0) {
-                s += m * parseInt(p.pop(), 10);
-                m *= 60;
-            }
-            if (s > 0) {
-                var date = new Date(0);
-                date.setSeconds(s);
-                var value = date.toISOString().substr(11, 8);
-                return value;
-            } else {
-                return '';
-            }
-        ";
+        return JavaScriptModuleInstruction::create(
+            '@t3brightside/youtubevideo/form-engine-evaluation.js',
+            'FormEngineEvaluation'
+        );
     }
 }

Configuration/JavaScriptModules.php

@@ -0,0 +1,10 @@
+<?php
+
+return [
+    'dependencies' => [
+        'backend',
+    ],
+    'imports' => [
+        '@t3brightside/youtubevideo/' => 'EXT:youtubevideo/Resources/Public/JavaScript/BackEnd/',
+    ],
+];

Resources/Public/JavaScript/BackEnd/form-engine-evaluation.js

@@ -0,0 +1,31 @@
+import FormEngineValidation from "@typo3/backend/form-engine-validation.js";
+export class FormEngineEvaluation {
+  static registerCustomEvaluation(t) {
+    FormEngineValidation.registerCustomEvaluation(t, FormEngineEvaluation.evaluateSourceHost)
+  }
+  static evaluateSourceHost(t) {
+    // Replace characters
+    t = t.replace(/[-|_|,|.|–|']+/g, ':');
+    t = t.replace(/[^\d:]+/g, '');
+    t = t.replace(/^:|:$/g, '');
+
+    // Calculate time
+    var p = t.split(':');
+    var s = 0,
+      m = 1;
+    while (p.length > 0) {
+      s += m * parseInt(p.pop(), 10);
+      m *= 60;
+    }
+
+    // Check if valid time
+    if (s > 0) {
+      var date = new Date(0);
+      date.setSeconds(s);
+      t = date.toISOString().substr(11, 8);
+      return t;
+    } else {
+      return '';
+    }
+  }
+}