Problems: Add operational data field, closes #1260

src/panel-triggers/components/Problems/Problems.tsx

@@ -174,6 +174,7 @@ export default class ProblemList extends PureComponent<ProblemListProps, Problem
       },
       { Header: 'Status', accessor: 'value', show: options.statusField, width: 100, Cell: statusCell },
       { Header: 'Problem', accessor: 'name', minWidth: 200, Cell: ProblemCell },
+      { Header: 'Operational data', accessor: 'opdata', show: options.opdataField, width: 150, Cell: OpdataCell },
       {
         Header: 'Ack',
         id: 'ack',
@@ -362,6 +363,15 @@ function ProblemCell(props: RTCell<ProblemDTO>) {
   );
 }
 
+function OpdataCell(props: RTCell<ProblemDTO>) {
+  const problem = props.original;
+  return (
+    <div>
+      <span>{problem.opdata}</span>
+    </div>
+  );
+}
+
 function AgeCell(props: RTCell<ProblemDTO>) {
   const problem = props.original;
   const timestamp = moment.unix(problem.timestamp);