Highlight snippit portion of modal

Author: smeidan

app/scripts/controllers/modal.js

@@ -1,14 +1,37 @@
 'use strict';
 
 angular.module('codeSearchApp')
+  // .filter('snippitHighlight', function($sce) {
+  //       return function(content, snippit) {
+  //         // var text = content.replace(snippit, '<span>"hello"</span>')
+          // var snippitStartIdx = content.indexOf(snippit);
+          // var snippitEndIdx = snippitStartIdx + snippit.length;
+
+  //         var snippitSubStr = content.substring(snippitStartIdx, snippitEndIdx);
+  //         var preSnippitBody = content.substring(0, snippitStartIdx);
+  //         var postSnippitBody = content.substring(snippitEndIdx);
+
+  //         return $sce.trustAsHtml('<strong>HELLLLO</strong>');
+  //       };
+  // })
   .controller('ModalCtrl', function ($scope, $http, $modalInstance, data) {
 
     $scope.ok = function () {
-      $modalInstance.dismiss('cancel');
+      $modalInstance.dismiss('require');
     };
 
     $scope.snippitObj = data.snippitObj;
 
-    $scope.snippit = data.snippitObj.snippit;
+
+    var content = data.snippitObj.docContent;
+    var snippit = data.snippitObj.snippit;
+
+    var snippitStartIdx = content.indexOf(snippit);
+    var snippitEndIdx = snippitStartIdx + snippit.length;
+
+    $scope.snippitSubStr = content.substring(snippitStartIdx, snippitEndIdx);
+    $scope.preSnippitBody = content.substring(0, snippitStartIdx);
+    $scope.postSnippitBody = content.substring(snippitEndIdx);
 
   });
+

app/views/partials/codesnippetmodal.html

@@ -1,5 +1,9 @@
 <div>
   <p>{{snippitObj.repoUrl}}</p>
-  <pre>{{snippitObj.docContent}}</pre>
+<!--   {{snippitObj.docContent | snippitHighlight:snippit}}
+ -->
+
+  <pre>{{preSnippitBody}}<span style="color: red;">{{snippitSubStr}}</span>{{postSnippitBody}}</pre>
+
 </div>
 <a style="color: black;" ng-click="ok()">&times;</a>