Display status column

[MAILPOET-3087]

assets/js/src/forms/list.jsx

@@ -13,6 +13,10 @@ const columns = [
     label: MailPoet.I18n.t('formName'),
     sortable: true,
   },
+  {
+    name: 'status',
+    label: MailPoet.I18n.t('status'),
+  },
   {
     name: 'segments',
     label: MailPoet.I18n.t('segments'),
@@ -182,6 +186,24 @@ class FormList extends React.Component {
     }
   };
 
+
+  renderStatus(form) {
+    return (
+      <div>
+        <p>
+          <select
+            data-id={form.id}
+            defaultValue={form.status}
+            onChange={this.updateStatus}
+          >
+            <option value="enabled">{MailPoet.I18n.t('active')}</option>
+            <option value="disabled">{MailPoet.I18n.t('inactive')}</option>
+          </select>
+        </p>
+      </div>
+    );
+  }
+
   renderItem = (form, actions) => {
     const rowClasses = classNames(
       'manage-column',
@@ -213,6 +235,9 @@ class FormList extends React.Component {
           </strong>
           { actions }
         </td>
+        <td className="column" data-colname={MailPoet.I18n.t('status')}>
+          { this.renderStatus(form) }
+        </td>
         <td className="column" data-colname={MailPoet.I18n.t('segments')}>
           { segments }
         </td>

views/forms.html

@@ -62,6 +62,9 @@
     'restore': __('Restore'),
     'deletePermanently': __('Delete Permanently'),
 
+    'status': __('Status'),
+    'active': __('Active'),
+    'inactive': __('Not Active'),
     'previousPage': __('Previous page'),
     'firstPage': __('First page'),
     'nextPage': __('Next page'),