add parsing time measurement and reparse button

raptox · Mar 29, 2020 · 129d1a6 · 129d1a6
1 parent 23cae6d
commit 129d1a6
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 12 deletions.
diff --git a/app/components/ParseXML.js b/app/components/ParseXML.js
@@ -68,6 +68,16 @@ export default class ParseXML extends Component {
             Save Parsed Data
           </Button>
         )}
+        {data && (
+          <Button
+            variant="contained"
+            color="info"
+            onClick={() => this.openFile(this.state.selectedFile)}
+            style={buttonStyle}
+          >
+            Parse Again
+          </Button>
+        )}
         <div>
           {this.state.selectedFile && (
             <h3>Selected File: {this.state.selectedFile}</h3>
@@ -78,6 +88,9 @@ export default class ParseXML extends Component {
         </div>
         {data && (
           <div>
+            <div>
+              Parsing Time: {JSON.parse(data).parseTimeMs.toFixed(2)} ms
+            </div>
             View Parsed Data: <br />
             <ReactJson
               src={data ? JSON.parse(data) : { empty: true }}
@@ -89,18 +102,30 @@ export default class ParseXML extends Component {
     );
   }
 
-  openFile() {
-    let file = dialog.showOpenDialog({
-      properties: ['openFile'],
-      filters: [
-        { name: 'XML Files', extensions: ['xml'] },
-        { name: 'All Files', extensions: ['*'] }
-      ]
-    });
-    if (file) {
+  openFile(selectedFile) {
+    if (!selectedFile) {
+      let file = dialog.showOpenDialog({
+        properties: ['openFile'],
+        filters: [
+          { name: 'XML Files', extensions: ['xml'] },
+          { name: 'All Files', extensions: ['*'] }
+        ]
+      });
+      if (file) {
+        this.setState({});
+        this.setState({ parsing: true, selectedFile: file, parseLog: '' });
+        parseData(file[0], data => {
+          this.setState({ parseLog: data, parsing: false });
+        });
+      }
+    } else {
       this.setState({});
-      this.setState({ parsing: true, selectedFile: file, parseLog: '' });
-      parseData(file[0], data => {
+      this.setState({
+        parsing: true,
+        selectedFile: selectedFile,
+        parseLog: ''
+      });
+      parseData(selectedFile[0], data => {
         this.setState({ parseLog: data, parsing: false });
       });
     }

diff --git a/app/utils/parser.js b/app/utils/parser.js
@@ -29,6 +29,7 @@ let applicationColor;
 
 export const parseData = (filename, callback) => {
   parseXml(filename, result => {
+    const startTime = performance.now();
     let colorsIndex = 0;
     //console.log(`${filename}:`);
     let taskdata = result[ROOT_ITEM].task;
@@ -56,6 +57,8 @@ export const parseData = (filename, callback) => {
     //     process.exit(1);
     //   }
     // });
+    const endTime = performance.now();
+    data.parseTimeMs = endTime - startTime;
     callback(JSON.stringify(data, null, 2));
   });
 };

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ipm-hpc-v2",
   "productName": "IPM-HPC-v2",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "description": "Interactive Visualization of MPI Performance Data (Bachelor Thesis)",
   "scripts": {
     "build": "concurrently \"yarn build-main\" \"yarn build-renderer\"",