Rearrange the training dashboard table (#324)

CoEDL · Oct 14, 2022 · 9943549 · 9943549
1 parent 1304d05
commit 9943549
Showing 1 changed file with 8 additions and 40 deletions.
diff --git a/elpis/gui/src/components/Model/Dashboard.js b/elpis/gui/src/components/Model/Dashboard.js
@@ -64,7 +64,7 @@ class ModelDashboard extends Component {
 
         if (list_sorted.length > 0) {
             listEl = (
-                <Table sortable celled fixed unstackable>
+                <Table celled  unstackable>
                     <Table.Header>
                         <Table.Row>
                             <Table.HeaderCell
@@ -74,28 +74,11 @@ class ModelDashboard extends Component {
                                 Name
                             </Table.HeaderCell>
                             <Table.HeaderCell
+                                collapsing
                                 sorted={column === "engine_name" ? direction : null}
                                 onClick={this.handleSort("engine_name", list)}
                             >
-                                Type
-                            </Table.HeaderCell>
-                            <Table.HeaderCell
-                                sorted={column === "dataset_name" ? direction : null}
-                                onClick={this.handleSort("dataset_name", list)}
-                            >
-                                Recordings
-                            </Table.HeaderCell>
-                            <Table.HeaderCell
-                                sorted={column === "pron_dict_name" ? direction : null}
-                                onClick={this.handleSort("pron_dict_name", list)}
-                            >
-                                Pronunciation Dictionaries
-                            </Table.HeaderCell>
-                            <Table.HeaderCell
-                                sorted={column === "results" ? direction : null}
-                                onClick={this.handleSort("results.comparison_val", list)}
-                            >
-                                Results
+                                &nbsp;
                             </Table.HeaderCell>
                         </Table.Row>
                     </Table.Header>
@@ -120,26 +103,11 @@ class ModelDashboard extends Component {
                                             </Button>
                                         </Button>
                                     </Table.Cell>
-                                    <Table.Cell>
-                                        {engineHumanNames[model.engine_name]}
-                                    </Table.Cell>
-                                    <Table.Cell>
-                                        {model.dataset_name}
-                                    </Table.Cell>
-                                    <Table.Cell>
-                                        {model.pron_dict_name}
-                                    </Table.Cell>
-                                    <Table.Cell>
-                                        {model.results && model.results.per &&
-                                            <>
-                                                {model.results.per} (PER)
-                                            </>
-                                        }
-                                        {model.results && model.results.wer &&
-                                            <>
-                                                {model.results.wer} (WER)
-                                            </>
-                                        }
+                                    <Table.Cell collapsing>
+                                        Type: {engineHumanNames[model.engine_name]}<br />
+                                        {model.dataset_name && <> Dataset: {model.dataset_name}<br /></>}
+                                        {model.pron_dict_name && <> Pronunciation: {model.pron_dict_name}<br /></>}
+                                        {model.results.eval_wer && <> WER: {model.results.eval_wer}<br /></>}
                                     </Table.Cell>
                                 </Table.Row>
                             );