Adds highlighting to individual CI detail section

The individual correction instruction, which can be accessed from
the Market Place is now also highlighted.

I decided to leave the background untouched, as the context,
deletion and insertion blocks are already separated.

It could be that for big CIs with big blocks it would be useful to
color them, but this is a bit more dificult in this case because
the block title is language dependent and must be read from a table
header.

extensionFiles/manifest.json

@@ -31,5 +31,17 @@
       "common_ci_operations.js",
       "sap_ci_overview_enhancer.js"
     ]
-  }]
+  },
+  {
+    "matches": ["https://*/*/bc/bsp/spn/corr_instr/correction_detail.*"],
+    "all_frames": true,
+    "css": ["sap_note_enhancer.css"],
+    "js": [
+      "jquery-2.1.4.min.js",
+      "prismABAP.js",
+      "string_operations.js",
+      "sap_ci_detail_enhancer.js"
+    ]
+  }
+  ]
 }

extensionFiles/sap_ci_detail_enhancer.js

@@ -0,0 +1,27 @@
+function forEachCorrectionInstruction(callback) {
+	$('pre').each(function(index) {
+		var myElement = $( this );
+
+    callback(myElement);
+	});
+}
+
+$( document ).ready(function() {
+
+	forEachCorrectionInstruction(function(myElement) {
+    myElement.addClass('language-abap');
+
+    var newHtmlForElement = myElement.html();
+
+    newHtmlForElement = '<code>' + newHtmlForElement + '</code>';
+
+    /* Strip the script for generating new lines. If we don't do it, the following
+       html replacement fails and the page becomes inconsistent.
+    */
+    newHtmlForElement = replaceAll(newHtmlForElement, '<script>document.write(\'\\r\\n\');</script>', '');
+
+		myElement.html(newHtmlForElement);
+	});
+
+	Prism.highlightAll();
+});