Store converted techniques' messages (markdown to HTML) separately

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1003.js

@@ -14,7 +14,7 @@ class T1003 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <StolenPasswordsComponent

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1005.js

@@ -28,7 +28,7 @@ class T1005 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1016.js

@@ -28,7 +28,7 @@ class T1016 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1018.js

@@ -42,7 +42,7 @@ class T1018 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1021.js

@@ -41,7 +41,7 @@ class T1021 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1035.js

@@ -13,7 +13,7 @@ class T1035 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.services.length !== 0 ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1041.js

@@ -22,7 +22,7 @@ class T1041 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1053.js

@@ -27,7 +27,7 @@ class T1053 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1059.js

@@ -30,7 +30,7 @@ class T1059 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1064.js

@@ -13,7 +13,7 @@ class T1064 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.scripts.length !== 0 ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1065.js

@@ -7,7 +7,7 @@ class T1065 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <MitigationsComponent mitigations={this.props.data.mitigations}/>
       </div>
     );

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1075.js

@@ -33,7 +33,7 @@ class T1075 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1082.js

@@ -32,7 +32,7 @@ class T1082 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1086.js

@@ -35,7 +35,7 @@ class T1086 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1087.js

@@ -27,7 +27,7 @@ class T1087 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1090.js

@@ -25,7 +25,7 @@ class T1090 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1099.js

@@ -27,7 +27,7 @@ class T1099 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1105.js

@@ -24,7 +24,7 @@ class T1105 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status !== ScanStatus.UNSCANNED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1106.js

@@ -13,7 +13,7 @@ class T1106 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.api_uses.length !== 0 ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1107.js

@@ -38,7 +38,7 @@ class T1107 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.deleted_files.length !== 0 ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1110.js

@@ -38,7 +38,7 @@ class T1110 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status !== ScanStatus.UNSCANNED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1129.js

@@ -12,7 +12,7 @@ class T1129 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.dlls.length !== 0 ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1136.js

@@ -27,7 +27,7 @@ class T1136 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1145.js

@@ -41,7 +41,7 @@ class T1145 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1146.js

@@ -27,7 +27,7 @@ class T1146 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1154.js

@@ -27,7 +27,7 @@ class T1154 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1156.js

@@ -27,7 +27,7 @@ class T1156 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1158.js

@@ -27,7 +27,7 @@ class T1158 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1166.js

@@ -27,7 +27,7 @@ class T1166 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1168.js

@@ -27,7 +27,7 @@ class T1168 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1188.js

@@ -39,7 +39,7 @@ class T1188 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1197.js

@@ -45,7 +45,7 @@ class T1210 extends React.Component {
     return (
       <div className="data-table-container">
         <div>
-          <div>{this.props.data.message}</div>
+          <div>{this.props.data.message_html}</div>
           {this.props.data.bits_jobs.length > 0 ? <div>BITS jobs were used in these machines: </div> : ''}
         </div>
         <br/>

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1210.js

@@ -95,7 +95,7 @@ class T1210 extends React.Component {
     let scanned_services = this.props.data.scanned_services.map(T1210.formatScanned).flat();
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         {scanned_services.length > 0 ?
           this.renderScannedServices(scanned_services) : ''}
         {this.props.data.exploited_services.length > 0 ?

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1216.js

@@ -27,7 +27,7 @@ class T1216 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1222.js

@@ -23,7 +23,7 @@ class T1222 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/attack/techniques/T1504.js

@@ -27,7 +27,7 @@ class T1504 extends React.Component {
   render() {
     return (
       <div>
-        <div>{this.props.data.message}</div>
+        <div>{this.props.data.message_html}</div>
         <br/>
         {this.props.data.status === ScanStatus.USED ?
           <ReactTable

monkey/monkey_island/cc/ui/src/components/report-components/AttackReport.js

@@ -157,9 +157,9 @@ class AttackReport extends React.Component {
         }
       }
     }
-    // modify techniques' messages
+    // compiles techniques' message string from markdown to HTML
     for (const tech_id in techniques){
-      techniques[tech_id]['message'] = <div dangerouslySetInnerHTML={{__html: marked(techniques[tech_id]['message'])}} />;
+      techniques[tech_id]['message_html'] = <div dangerouslySetInnerHTML={{__html: marked(techniques[tech_id]['message'])}} />;
     }
 
     return techniques