1 files changed, 106 insertions, 15 deletions

diff --git a/src/App.js b/src/App.js
index 7e261ca..347d243 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,28 +1,119 @@
+/*
+ * JaCoCo Report Viewer, a web-based coverage report viewer
+ * Copyright (C) 2018  Pacien TRAN-GIRARD
+ *                     Adam NAILI
+ * 
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * 
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ * 
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
 import React, { Component } from 'react';
-import logo from './logo.svg';
+import {Parser} from 'xml2js';
+
+import {Counters, SessionInfo, PackagesCoverage} from './Blocks.js';
 import './App.css';
 
 class App extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      report: null,
+      hasError: false
+    };
+  }
+
+  componentDidCatch(error, info) {
+    this.setState({ hasError: true });
+    console.err(error, info);
+  }
+
+  _useReportFile(file) {
+    const fileReader = new FileReader();
+    fileReader.onloadend = (readEvent) => this._useReport(readEvent.target.result);
+    fileReader.readAsText(file);
+  }
+
+  _useReport(xmlString) {
+    const xmlParser = new Parser();
+    xmlParser.parseString(xmlString, (err, result) => this.setState({ report: result.report }));
+  }
+
+  _renderError() {
+    return (
+      <span>
+        Something went wrong while rendering the report.
+        Are the provided files valid?
+      </span>
+    );
+  }
+
+  _renderReport() {
+    return this.state.hasError ? this._renderError(): (<Report report={this.state.report} />);
+  }
+
   render() {
     return (
       <div className="App">
-        <header className="App-header">
-          <img src={logo} className="App-logo" alt="logo" />
-          <p>
-            Edit <code>src/App.js</code> and save to reload.
-          </p>
-          <a
-            className="App-link"
-            href="https://reactjs.org"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Learn React
-          </a>
-        </header>
+        <h1>JaCoCo Report Viewer</h1>
+
+        <div>
+          <label htmlFor="reportFile">XML report: </label>
+          <input id="reportFile" type="file" accept=".xml" onChange={event => this._useReportFile(event.target.files[0])} />
+        </div>
+
+        <div>
+          <label htmlFor="sourceJar">Source JAR: </label>
+          <input id="sourceJar" type="file" accept=".jar" onChange={event => null} />
+        </div>
+
+        <hr />
+        {this._renderReport()}
+      </div>
+    );
+  }
+}
+
+class Report extends Component {  
+  _renderNone() {
+    return (<span>Please provide a JaCoCo XML report file to visualise.</span>);
+  }
+
+  _renderReport() {
+    return (
+      <div>
+        <h2>Viewing report: "{this.props.report.$.name}"</h2>
+
+        <section>
+          <h3>Session info</h3>
+          <SessionInfo data={this.props.report.sessioninfo} />
+        </section>
+        
+        <section>
+          <h3>Global coverage</h3>
+          <Counters data={this.props.report.counter} />
+        </section>
+
+        <section>
+          <h3>Details</h3>
+          <PackagesCoverage packages={this.props.report.package} />
+        </section>
       </div>
     );
   }
+
+  render() {
+    return this.props.report ? this._renderReport() : this._renderNone();
+  }
 }
 
 export default App;