More quote fixes, increased JS warnings to 500

.travis.yml

@@ -65,7 +65,7 @@ script:
 - cd monkey_island/cc/ui
 - npm ci  # See https://docs.npmjs.com/cli/ci.html
 - eslint ./src --quiet  # Test for errors
-- JS_WARNINGS_AMOUNT_UPPER_LIMIT=490
+- JS_WARNINGS_AMOUNT_UPPER_LIMIT=500
 - eslint ./src --max-warnings $JS_WARNINGS_AMOUNT_UPPER_LIMIT  # Test for max warnings
 
 after_success:

monkey/monkey_island/cc/ui/src/components/map/preview-pane/PreviewPane.js

@@ -126,8 +126,8 @@ class PreviewPaneComponent extends AuthComponent {
           Download Log
         </th>
         <td>
-          <a type="button"
-             className={asset.has_log ? "btn btn-primary" : "btn btn-primary disabled"}
+          <a type='button'
+             className={asset.has_log ? 'btn btn-primary' : 'btn btn-primary disabled'}
              onClick={() => this.downloadLog(asset)}>Download</a>
         </td>
       </tr>
@@ -145,7 +145,7 @@ class PreviewPaneComponent extends AuthComponent {
           Exploit Timeline&nbsp;
           {this.generateToolTip('Timeline of exploit attempts. Red is successful. Gray is unsuccessful')}
         </h4>
-        <ul className="timeline">
+        <ul className='timeline'>
           {asset.exploits.map(exploit =>
             <li key={exploit.timestamp}>
               <div className={'bullet ' + (exploit.result ? 'bad' : '')}/>
@@ -170,7 +170,7 @@ class PreviewPaneComponent extends AuthComponent {
   assetInfo(asset) {
     return (
       <div>
-        <table className="table table-condensed">
+        <table className='table table-condensed'>
           <tbody>
           {this.osRow(asset)}
           {this.ipsRow(asset)}
@@ -186,7 +186,7 @@ class PreviewPaneComponent extends AuthComponent {
   infectedAssetInfo(asset) {
     return (
       <div>
-        <table className="table table-condensed">
+        <table className='table table-condensed'>
           <tbody>
           {this.osRow(asset)}
           {this.statusRow(asset)}
@@ -205,7 +205,7 @@ class PreviewPaneComponent extends AuthComponent {
   scanInfo(edge) {
     return (
       <div>
-        <table className="table table-condensed">
+        <table className='table table-condensed'>
           <tbody>
           <tr>
             <th>Operating System</th>
@@ -226,7 +226,7 @@ class PreviewPaneComponent extends AuthComponent {
             '' :
             <div>
               <h4 style={{'marginTop': '2em'}}>Timeline</h4>
-              <ul className="timeline">
+              <ul className='timeline'>
                 {edge.exploits.map(exploit =>
                   <li key={exploit.timestamp}>
                     <div className={'bullet ' + (exploit.result ? 'bad' : '')}/>
@@ -281,7 +281,7 @@ class PreviewPaneComponent extends AuthComponent {
     }
 
     return (
-      <div className="preview-pane">
+      <div className='preview-pane'>
         {!info ?
           <span>
             <FontAwesomeIcon icon={faHandPointLeft} style={{'marginRight': '0.5em'}}/>

monkey/monkey_island/cc/ui/src/components/pages/ConfigurePage.js

@@ -7,9 +7,9 @@ import {FilePond} from 'react-filepond';
 import 'filepond/dist/filepond.min.css';
 import ConfigMatrixComponent from '../attack/ConfigMatrixComponent';
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
-import {faInfoCircle} from "@fortawesome/free-solid-svg-icons/faInfoCircle";
-import {faCheck} from "@fortawesome/free-solid-svg-icons/faCheck";
-import {faExclamationCircle} from "@fortawesome/free-solid-svg-icons/faExclamationCircle";
+import {faInfoCircle} from '@fortawesome/free-solid-svg-icons/faInfoCircle';
+import {faCheck} from '@fortawesome/free-solid-svg-icons/faCheck';
+import {faExclamationCircle} from '@fortawesome/free-solid-svg-icons/faExclamationCircle';
 
 const ATTACK_URL = '/api/attack';
 const CONFIG_URL = '/api/configuration/island';
@@ -223,14 +223,14 @@ class ConfigurePageComponent extends AuthComponent {
     }}>
       <Modal.Body>
         <h2>
-          <div className="text-center">Warning</div>
+          <div className='text-center'>Warning</div>
         </h2>
-        <p className="text-center" style={{'fontSize': '1.2em', 'marginBottom': '2em'}}>
+        <p className='text-center' style={{'fontSize': '1.2em', 'marginBottom': '2em'}}>
           You have unsubmitted changes. Submit them before proceeding.
         </p>
-        <div className="text-center">
-          <Button type="button"
-                  className="btn btn-success"
+        <div className='text-center'>
+          <Button type='button'
+                  className='btn btn-success'
                   size='lg'
                   style={{margin: '5px'}}
                   onClick={() => {
@@ -459,16 +459,16 @@ class ConfigurePageComponent extends AuthComponent {
             onChange={this.onChange}
             noValidate={true}
             className={'config-form'}>
-        <button type="submit" className={'hidden'}>Submit</button>
+        <button type='submit' className={'hidden'}>Submit</button>
       </Form>
     </div>)
   };
 
   renderBasicNetworkWarning = () => {
     if (this.state.selectedSection === 'basic_network') {
-      return (<div className="alert alert-info">
+      return (<div className='alert alert-info'>
         <FontAwesomeIcon icon={faInfoCircle} style={{'marginRight': '5px'}}/>
-        The Monkey scans its subnet if "Local network scan" is ticked. Additionally the monkey scans machines
+        The Monkey scans its subnet if 'Local network scan' is ticked. Additionally the monkey scans machines
         according to its range class.
       </div>)
     } else {
@@ -477,7 +477,7 @@ class ConfigurePageComponent extends AuthComponent {
   };
 
   renderNav = () => {
-    return (<Nav variant="tabs"
+    return (<Nav variant='tabs'
                  fill
                  activeKey={this.state.selectedSection} onSelect={this.setSelectedSection}
                  style={{'marginBottom': '2em'}}
@@ -506,55 +506,55 @@ class ConfigurePageComponent extends AuthComponent {
            lg={{offset: 3, span: 8}} xl={{offset: 2, span: 8}}
            className={'main'}>
         {this.renderAttackAlertModal()}
-        <h1 className="page-title">Monkey Configuration</h1>
+        <h1 className='page-title'>Monkey Configuration</h1>
         {this.renderNav()}
         {content}
-        <div className="text-center">
-          <button type="submit" onClick={this.onSubmit} className="btn btn-success btn-lg" style={{margin: '5px'}}>
+        <div className='text-center'>
+          <button type='submit' onClick={this.onSubmit} className='btn btn-success btn-lg' style={{margin: '5px'}}>
             Submit
           </button>
-          <button type="button" onClick={this.resetConfig} className="btn btn-danger btn-lg" style={{margin: '5px'}}>
+          <button type='button' onClick={this.resetConfig} className='btn btn-danger btn-lg' style={{margin: '5px'}}>
             Reset to defaults
           </button>
         </div>
-        <div className="text-center">
+        <div className='text-center'>
           <button onClick={() => document.getElementById('uploadInputInternal').click()}
-                  className="btn btn-info btn-lg" style={{margin: '5px'}}>
+                  className='btn btn-info btn-lg' style={{margin: '5px'}}>
             Import Config
           </button>
-          <input id="uploadInputInternal" type="file" accept=".conf" onChange={this.importConfig}
+          <input id='uploadInputInternal' type='file' accept='.conf' onChange={this.importConfig}
                  style={{display: 'none'}}/>
-          <button type="button" onClick={this.exportConfig} className="btn btn-info btn-lg" style={{margin: '5px'}}>
+          <button type='button' onClick={this.exportConfig} className='btn btn-info btn-lg' style={{margin: '5px'}}>
             Export config
           </button>
         </div>
         <div>
           {this.state.lastAction === 'reset' ?
-            <div className="alert alert-success">
+            <div className='alert alert-success'>
               <FontAwesomeIcon icon={faCheck} style={{'marginRight': '5px'}}/>
               Configuration reset successfully.
             </div>
             : ''}
           {this.state.lastAction === 'saved' ?
-            <div className="alert alert-success">
+            <div className='alert alert-success'>
               <FontAwesomeIcon icon={faCheck} style={{'marginRight': '5px'}}/>
               Configuration saved successfully.
             </div>
             : ''}
           {this.state.lastAction === 'import_failure' ?
-            <div className="alert alert-danger">
+            <div className='alert alert-danger'>
               <FontAwesomeIcon icon={faExclamationCircle} style={{'marginRight': '5px'}}/>
               Failed importing configuration. Invalid config file.
             </div>
             : ''}
           {this.state.lastAction === 'invalid_configuration' ?
-            <div className="alert alert-danger">
+            <div className='alert alert-danger'>
               <FontAwesomeIcon icon={faExclamationCircle} style={{'marginRight': '5px'}}/>
               An invalid configuration file was imported or submitted.
             </div>
             : ''}
           {this.state.lastAction === 'import_success' ?
-            <div className="alert alert-success">
+            <div className='alert alert-success'>
               <FontAwesomeIcon icon={faCheck} style={{'marginRight': '5px'}}/>
               Configuration imported successfully.
             </div>