Browse forms statistics overview.

Author: marek-kozlovsky-ata

src/components/Paginator.js

@@ -44,7 +44,13 @@ export class Paginator extends React.Component {
 
         let items = [];
         let firstDisplayedPage = this.state.activePage > 5 ? this.state.activePage - 4 : 1;
-        let lastDisplayedPage = this.state.activePage < this.state.numberOfPages - 5 ? this.state.activePage + 4 : this.state.numberOfPages;
+        let lastDisplayedPage;
+        if (this.state.activePage < this.state.numberOfPages - 4) {
+            lastDisplayedPage = firstDisplayedPage + 9;
+        } else {
+            lastDisplayedPage = this.state.numberOfPages;
+        }
+
         for (let pageNumber = firstDisplayedPage; pageNumber <= lastDisplayedPage; pageNumber++) {
             items.push(
                 <Pagination.Item key={pageNumber} active={pageNumber === this.state.activePage}

src/components/context/ContextLine.js

@@ -11,12 +11,11 @@ import ListGroup from "react-bootstrap/ListGroup";
 export class ContextLine extends React.Component {
     constructor(props) {
         super(props);
-    }
-
-    state = {
-        formInfo: null,
-        processed: false,
-        processing: false
+        this.state = {
+            formInfo: null,
+            processing: false,
+            processed: false
+        }
     }
 
     requestFormInfo(endpoint) {
@@ -45,9 +44,8 @@ export class ContextLine extends React.Component {
     }
 
     render() {
-
         let optionalProcessButton;
-        if (this.props.context.processed || this.state.processed) {
+        if (this.props.context.processed) {
             // the context is processed
             optionalProcessButton = <div></div>;
         } else {

src/components/context/ContextList.js

@@ -23,8 +23,6 @@ export class ContextList extends React.Component {
 
     requestPaginatedContexts(offset, limit) {
         this.setState({loading: true})
-        console.log(offset)
-        console.log(limit + ".")
         API.get("/rest/contexts/paginated", {
             params: {
                 "connectionName": this.props.connectionName,
@@ -51,7 +49,7 @@ export class ContextList extends React.Component {
         }
 
         let i = 0;
-        const contexts = this.state.contexts.filter((context) => {
+        let contexts = this.state.contexts.filter((context) => {
             if (this.props.filterProcessed) {
                 return !context.processed
             } else {
@@ -66,6 +64,12 @@ export class ContextList extends React.Component {
                              clickHandler={this.props.updateActiveContextUri}/>);
         });
 
+        if (contexts && contexts.length == 0) {
+            contexts = <Alert variant={"light"} className={"h-10"}>
+                The list is empty.
+            </Alert>
+        }
+
         let paginator;
         if (this.state.contexts) {
             paginator = <Paginator totalItems={this.state.totalItems}

src/components/context/ContextOverview.js

@@ -79,12 +79,17 @@ export class ContextOverview extends React.Component {
                     <br/>
                     <Button variant="outline-primary" type="submit"
                             onClick={() => this.requestProcessBatch()}>
-                        Update all non-processed contexts (can take long time and cannot be stopped)
+                        Process all non-processed contexts (can take long time and cannot be stopped)
                     </Button>
                     {' '}
                     <Button variant="outline-primary" type="submit"
                             onClick={() => this.requestProcessBatch(10)}>
-                        Update 10 non-processed contexts
+                        Process 10 new
+                    </Button>
+                    {' '}
+                    <Button variant="outline-primary" type="submit"
+                            onClick={() => this.requestProcessBatch(200)}>
+                        Process 200 new
                     </Button>
                     <hr/>
                     <ToggleButton variant="outline-primary" style={{marginBottom: "0"}} type="checkbox"

src/components/form/FormGenOverview.js

@@ -7,8 +7,6 @@ import API from "../../api";
 import Button from "react-bootstrap/Button";
 
 
-export const DEFAULT_CONTEXT = "http://vfn.cz/ontologies/study-manager/formGen1601802887303";
-
 export class FormGenOverview extends React.Component {
 
     constructor(props) {
@@ -40,16 +38,22 @@ export class FormGenOverview extends React.Component {
     }
 
     render() {
-        let formsUploads;
+        let totalContexts;
+        let processedContexts;
         let recognizedVersions;
         let recognizedInstances;
+        let nonEmptyContexts;
         if (this.state.contextsStats) {
-            formsUploads = this.state.contextsStats.formUploads
+            totalContexts = this.state.contextsStats.totalContexts
+            processedContexts = this.state.contextsStats.processedContexts
             recognizedVersions = this.state.contextsStats.recognizedVersions;
             recognizedInstances = this.state.contextsStats.recognizedInstaces;
+            nonEmptyContexts = this.state.contextsStats.nonEmptyContexts;
         } else {
-            formsUploads = "?";
+            totalContexts = "?";
+            processedContexts = "?";
             recognizedVersions = "?";
+            nonEmptyContexts = "?";
             recognizedInstances = "?";
         }
 
@@ -61,27 +65,35 @@ export class FormGenOverview extends React.Component {
                         Processed Forms: {this.props.match.params.connectionName}
                     </h4>
                     <br/>
-                    <span>Total form uploads (including re-uploads): <b>{formsUploads}</b></span>
-                    <br/>
-                    <span>Total form instances: <b>{recognizedInstances}</b></span>
-                    <br/>
-                    <span>Recognized form versions: <b>{recognizedVersions}</b></span>
-                    <br/>
+                    <Row>
+                        <Col xs={6}>
+                            <div>
+                                <span>Total contexts: <b>{totalContexts}</b></span>
+                                <br/>
+                                <span>Processed contexts: <b>{processedContexts}</b></span>
+                                <br/>
+                                <span>Non-empty form contexts: <b>{nonEmptyContexts}</b></span>
+                                <br/>
+                            </div>
+                        </Col>
+                        <Col xs={6}>
+                            <span>Recognized form instances: <b>{recognizedInstances}</b></span>
+                            <br/>
+                            <span>Recognized form versions: <b>{recognizedVersions}</b></span>
+                            <br/>
+                        </Col>
+                    </Row>
+
                     <hr/>
                     <Button variant="outline-primary" type="submit"
                             onClick={() => this.requestProcessBatch()}>
-                        Show instances
+                        Show forms
                     </Button>
                     {' '}
                     <Button variant="outline-primary" type="submit"
                             onClick={() => this.requestProcessBatch()}>
                         Show versions
                     </Button>
-                    {' '}
-                    <Button variant="outline-primary" type="submit"
-                            onClick={() => this.requestProcessBatch()}>
-                        Show all uploads
-                    </Button>
 
                     <br/><br/>
                 </Container>