service-website/src/components/SentimentAnalysis.js

   1 import React, {Component} from "react";
   2 import {Map} from "immutable";
   3 import PdfReport from "./PdfReport";
   4 import SearchTermsInput from "./SearchTermsInput";
   5 import CamundaService from "../services/CamundaService";
   6 import {Button, Heading, Form} from "react-bulma-components/full";
   7
   8 class SentimentAnalysis extends Component {
   9     constructor(props, context) {
  10         super(props, context);
  11         this.state = {
  12             terms: new Map().set(0, ''),
  13             nextTermId: 1,
  14             pdfLink: null,
  15             isLoading: false,
  16         };
  17         this.handleSubmit = this.handleSubmit.bind(this);
  18         this.handleTermChange = this.handleTermChange.bind(this);
  19         this.handleAddTerm = this.handleAddTerm.bind(this);
  20         this.handleRemoveTerm = this.handleRemoveTerm.bind(this);
  21         this.addEmptyTerm = this.addEmptyTerm.bind(this);
  22         this.emptyTerms = this.emptyTerms.bind(this);
  23         this.getNonEmptyTerms = this.getNonEmptyTerms.bind(this);
  24         this.createPdf = this.createPdf.bind(this);
  25         this.setPdfLink = this.setPdfLink.bind(this);
  26         this.camundaService = new CamundaService(this.setPdfLink);
  27     }
  28
  29     handleSubmit(event) {
  30         event.preventDefault();
  31         const target = event.target;
  32         console.log(target);
  33         const terms = this.state.terms;
  34         terms.forEach((term) => {
  35             console.log(term);
  36         });
  37         this.setState({
  38             isLoading: true,
  39         });
  40         this.createPdf();
  41         this.emptyTerms();
  42
  43     }
  44
  45     handleTermChange(id, value) {
  46         const terms = this.state.terms;
  47         this.setState({
  48             terms: terms.set(id, value),
  49         });
  50     }
  51
  52     handleAddTerm(event) {
  53         this.addEmptyTerm();
  54     }
  55
  56     handleRemoveTerm(id) {
  57         const terms = this.state.terms;
  58         this.setState({
  59             terms: terms.delete(id),
  60         });
  61     }
  62
  63     addEmptyTerm() {
  64         const terms = this.state.terms;
  65         const termId = this.state.nextTermId;
  66         this.setState({
  67             terms: terms.set(termId, ''),
  68             nextTermId: termId + 1,
  69         });
  70     }
  71
  72     emptyTerms() {
  73         this.setState({
  74             terms: new Map().set(0, ''),
  75             nextTermId: 1,
  76         });
  77     }
  78
  79     getNonEmptyTerms() {
  80         const terms = this.state.terms;
  81         return terms.filter((value, key) => value.trim() !== '');
  82     }
  83
  84     createPdf() {
  85         const terms = this.getNonEmptyTerms();
  86         if (terms.size > 0) {
  87             this.camundaService.submitPdfForm(terms);
  88         }
  89     }
  90
  91     setPdfLink(url) {
  92         this.setState({
  93             pdfLink: url,
  94         });
  95     }
  96
  97     render() {
  98         return (
  99             <div className="sentiment-analysis">
 100                 <form onSubmit={this.handleSubmit}>
 101                     <Heading size={3} id="headerMargin">Search Terms: </Heading>
 102                     <SearchTermsInput terms={this.state.terms}
 103                                       onTermChange={this.handleTermChange}
 104                                       onAddTerm={this.handleAddTerm}
 105                                       onRemoveTerm={this.handleRemoveTerm}/>
 106                     <Form.Field kind="group">
 107                         <p className="control">
 108                             <Button color="info" type="submit" value="Submit">Submit</Button>
 109                         </p>
 110                         <p className="control">
 111                             <Button value="Reset" onClick={this.emptyTerms}>Reset</Button>
 112                         </p>
 113                     </Form.Field>
 114                 </form>
 115                 <PdfReport pdfLink={this.state.pdfLink} loading={this.state.isLoading}/>
 116             </div>
 117         );
 118     }
 119 }
 120
 121 SentimentAnalysis.propTypes = {};
 122
 123 export default SentimentAnalysis;