Merge pull request #1055 from versionpress/984-ajax-error-output

Make AJAX work with PHP error / notice output

frontend/package.json

@@ -46,7 +46,7 @@
   "devDependencies": {
     "chai": "3.4.1",
     "gulp-tslint": "3.6.0",
-    "karma": "0.13.15",
+    "karma": "0.13.22",
     "karma-chai": "0.1.0",
     "karma-chai-sinon": "0.1.5",
     "karma-chrome-launcher": "0.2.1",

frontend/src/BulkActionPanel/BulkActionPanel.react.tsx

@@ -50,7 +50,7 @@ export default class BulkActionPanel extends React.Component<BulkActionPanelProp
           />
           <div className={'BulkActionPanel-note' + (selected.length === 0 ? ' hide' : '')}>
             ({selected.length} {selected.length === 1 ? 'change' : 'changes'} selected;{' '}
-            <a className='BulkActionPanel-clear' href="#" onClick={this.onClearSelection.bind(this)}>clear selection</a>
+            <a className='BulkActionPanel-clear' href='#' onClick={this.onClearSelection.bind(this)}>clear selection</a>
             )
           </div>
         </div>

frontend/src/Commits/CommitOverview.react.tsx

@@ -297,7 +297,7 @@ export default class CommitOverview extends React.Component<CommitOverviewProps,
       <li className='environment'>
         <em>Environment: {this.props.commit.environment}</em>
       </li>
-    )
+    );
   }
 
   private expandList(listKey) {

frontend/src/Commits/Commits.d.ts

@@ -13,7 +13,7 @@ interface Commit {
     name: string;
     email: string;
     avatar: string;
-  }
+  };
 }
 
 interface Change {

frontend/src/Commits/CommitsTable.react.tsx

@@ -103,7 +103,7 @@ export default class CommitsTable extends React.Component<CommitsTableProps, {}>
     const displaySelectAll = this.props.commits.some((commit: Commit) => commit.canUndo);
 
     if (!displaySelectAll) {
-      return <td className='column-cb' />
+      return <td className='column-cb' />;
     }
 
     const allSelected = !_.differenceBy(selectableCommits, this.props.selected, ((value: Commit) => value.hash)).length;

frontend/src/Commits/CommitsTableRowSummary.react.tsx

@@ -159,7 +159,7 @@ export default class CommitsTableRowSummary extends React.Component<CommitsTable
     if (!this.props.enableActions) {
       return;
     }
-    
+
     const target = e.target as HTMLInputElement;
     let checked;
 

frontend/src/Commits/revertDialog.tsx

@@ -1,5 +1,7 @@
 /// <reference path='../../typings/typings.d.ts' />
 
+/* tslint:disable:variable-name */
+
 import * as React from 'react';
 import * as request from 'superagent';
 import * as portal from '../common/portal';

frontend/src/Filter/Filter.react.tsx

@@ -8,7 +8,7 @@ interface FilterProps extends React.Props<JSX.Element> {
   onSubmit: (values: string) => void;
 }
 
-export default class Filter extends React.Component<FilterProps,{}> {
+export default class Filter extends React.Component<FilterProps, {}> {
 
   private submitted = false;
 
@@ -26,7 +26,7 @@ export default class Filter extends React.Component<FilterProps,{}> {
     // Prevent form submit multiple times via both onSearch and onSubmit
     // (Happens only with empty input value and pressing Enter)
     this.submitted = true;
-    setTimeout(() => { this.submitted = false }, 10);
+    setTimeout(() => { this.submitted = false; }, 10);
 
     const query = e.target['s'].value;
 

frontend/src/ServicePanel/ServicePanel.react.tsx

@@ -20,19 +20,22 @@ export default class ServicePanel extends React.Component<ServicePanelProps, {}>
         <div className='ServicePanel welcome-panel'>
           <div className='ServicePanel-inner'>
             <p className='ServicePanel-warning'>
-              Currently, VersionPress is in an <a href="http://docs.versionpress.net/en/getting-started/about-eap"><strong>Early Access phase</strong></a>.<br />
+              Currently, VersionPress is in an {' '}
+              <a href='http://docs.versionpress.net/en/getting-started/about-eap'>
+                <strong>Early Access phase</strong>
+              </a>.<br />
               As such, it might not fully support certain workflows, 3rd party plugins, hosts etc.
             </p>
 
             <h3>Community and support</h3>
             <ul>
               <li>
                 Having trouble using VersionPress?
-                Our <a href="http://docs.versionpress.net">documentation</a> has you covered.
+                Our <a href='http://docs.versionpress.net'>documentation</a> has you covered.
               </li>
               <li>
                 Can’t find what you need?
-                Please visit our <a href="https://github.com/versionpress/support">support&nbsp;repository</a>.
+                Please visit our <a href='https://github.com/versionpress/support'>support&nbsp;repository</a>.
               </li>
               <li>
                 <a href={systemInfoUrl}>System information</a> page.

frontend/src/common/FlashMessage.less

@@ -0,0 +1,41 @@
+.FlashMessage {
+  &-details {
+    display: block;
+  }
+
+  a&-detailsLink {
+    &-displayed,
+    &-hidden {
+      position: relative;
+
+      &:after {
+        display: inline-block;
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%);
+        content: '';
+        width: 0;
+        height: 0;
+        vertical-align: middle;
+      }
+
+      &:focus {
+        box-shadow: none;
+      }
+    }
+    &-displayed:after {
+      margin-left: 2px;
+      border-top: 4px dashed;
+      border-top: 4px solid\9;
+      border-right: 4px solid transparent;
+      border-left: 4px solid transparent;
+    }
+    &-hidden:after {
+      margin-left: 4px;
+      border-left: 4px dashed;
+      border-left: 4px solid\9;
+      border-top: 4px solid transparent;
+      border-bottom: 4px solid transparent;
+    }
+  }
+}