Good looking text boxes also function correctly.

Author: Steven-Nagie

src/components/mainService.js

@@ -1,3 +1,5 @@
+/************* MAIN SERVICE ***************/
+
 angular.module('app').service('mainService', function($http, $q, $sce) {
 
   // $sce.trustAsResourceUrl('/s');
@@ -69,14 +71,14 @@ this.user = {}
   this.randomKata = () => {
     return $http({
       method: 'GET',
-      url: `/kata/random` 
+      url: `/kata/random`
     });
   };
 
   this.randomKyuKata = (kyu) => {
     return $http({
       method: 'GET',
-      url: `/kata/random/` + kyu 
+      url: `/kata/random/` + kyu
     });
   };
 

src/components/training/training.html

@@ -13,6 +13,7 @@ <h3 class="font16-reg" id="kata-name">
           </h3>
         </div>
 
+
         <div class="kata-stats">
           <p>Here's where stats go</p>
           <p>Here's where stats go</p>
@@ -79,9 +80,9 @@ <h2 class="font20-reg">Name of Kata</h2>
           <p>Example Tests:</p>
           <form>
             <textarea name="examples" id="example-input" ng-init="examplesInput = 'Test.assertEquals(a, 1);'" id="example-tests-input" ng-model="examplesInput"></textarea>
-            <button ng-click="testExamples(solutionInput, examplesInput)" class="test-examples-button font12-reg-blue">RUN EXAMPLES</button>
-            <button ng-click="testSuite(solutionInput)" class="test-suite-button font12-reg-black" style=""><i class="fa fa-caret-right fa-lg" style="margin-right: 2px" aria-hidden="true"></i>ATTEMPT</button>
           </form>
+          <button ng-click="testExamples()" class="test-examples-button font12-reg-blue">RUN EXAMPLES</button>
+          <button ng-click="testSuite(solutionInput)" class="test-suite-button font12-reg-black" style=""><i class="fa fa-caret-right fa-lg" style="margin-right: 2px" aria-hidden="true"></i>ATTEMPT</button>
         </div>
         </div>
       </div>

src/components/training/trainingCtrl.js

@@ -4,15 +4,15 @@
 
 angular.module('app').controller('trainingCtrl', function($scope, $state, mainService) {
 
-var textarea = document.getElementById('solution-input');
-  var myCodeMirror = CodeMirror.fromTextArea(textarea, {
-   lineNumbers: true, 
+  var textarea1 = document.getElementById('solution-input');
+  var solutionsCode = CodeMirror.fromTextArea(textarea1, {
+   lineNumbers: true,
    theme: 'seti',
   });
 
-  var textarea = document.getElementById('example-input');
-  var myCodeMirror = CodeMirror.fromTextArea(textarea, {
-   lineNumbers: true, 
+  var textarea2 = document.getElementById('example-input');
+  var examplesCode = CodeMirror.fromTextArea(textarea2, {
+   lineNumbers: true,
    theme: 'seti',
   });
 
@@ -30,18 +30,21 @@ var textarea = document.getElementById('solution-input');
   $scope.showInstructions = function() {
     $scope.showOutputShow = true;
     $scope.showInstructionsShow = false;
-  }
+  }//comment
 
   //Examples should be an array of objects. Returned results will be an array with the different tests and their results.
-  $scope.testExamples = function(solutions, examples) {
+  $scope.testExamples = function() {
+    let solutions = solutionsCode.getValue();
+    let examples = examplesCode.getValue();
     $scope.showOutput();
     solutions = solutions.replace(/\n/g, " ");
+    solutions = solutions.replace(/\s+/g, " ");
     let examplesArr = [];
-    console.log(examples);
+    console.log("solutions: ", solutions, " examples: ", examples);
     examples = examples.split(/\n/);
     console.log(examples);
-    examples.forEach(example => examplesArr.push({test: example}));
-    mainService.testExamples(solutions, examplesArr).then((response) => $scope.output.push(response.data[0]));
+    // examples.forEach(example => examplesArr.push({test: example}));
+    // mainService.testExamples(solutions, examplesArr).then((response) => $scope.output.push(response.data[0]));
   }