<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Plato - containers/SearchContainer.js</title>

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">

  <!--[if lt IE 9]>
  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

  <link href="../../assets/css/vendor/morris.css" rel="stylesheet" type="text/css">
  <link href="../../assets/css/vendor/bootstrap.css" rel="stylesheet" type="text/css">
  <link href="../../assets/css/vendor/font-awesome.css" rel="stylesheet" type="text/css">
  <link href="../../assets/css/vendor/codemirror.css" rel="stylesheet" type="text/css">
  <link href="../../assets/css/plato.css" rel="stylesheet" type="text/css">
  <link href="../../assets/css/plato-file.css" rel="stylesheet" type="text/css">

</head>

<body>

<div class="navbar navbar-fixed-top">
  <div class="container">
    <a class="navbar-brand" href="https://github.com/the-simian/es6-plato">ES6 Plato on Github</a>
    <ul class="nav navbar-nav">
      <li>
        <a href="../../index.html">Report Home</a>
      </li>
      <li class="active">
        <a href="display.html">Summary Display</a>
      </li>
    </ul>
  </div>
</div>

<div class="jumbotron">
  <div class="container">
    <h1>containers/SearchContainer.js</h1>
  </div>
</div>

<div class="container aggregate-stats">
  <div class="row">
    <div class="col-md-6">
      <h2 class="header">Maintainability <a href="http://blogs.msdn.com/b/codeanalysis/archive/2007/11/20/maintainability-index-range-and-meaning.aspx"><i class="icon icon-info-sign" rel="popover" data-placement="top" data-trigger="hover" data-content="A value between 0 and 100 that represents the relative ease of maintaining the code. A high value means better maintainability." data-original-title="Maintainability Index"  data-container="body"></i></a></h2>
      <p class="stat">60.35</p>
    </div>
    <div class="col-md-6">
      <h2 class="header">Lines of code <i class="icon icon-info-sign" rel="popover" data-placement="top" data-trigger="hover" data-content="Source Lines of Code / Logical Lines of Code" data-original-title="SLOC/LSLOC" data-container="body"></i></h2>
      <p class="stat">367</p>
    </div>
  </div>
  <div class="row historical">
    <div class="col-md-6">
      <p id="chart_historical_maint" class="chart"></p>
    </div>
    <div class="col-md-6">
      <p id="chart_historical_sloc" class="chart"></p>
    </div>
  </div>
  <div class="row">
    <div class="col-md-6">
      <h2 class="header">Difficulty  <a href="http://en.wikipedia.org/wiki/Halstead_complexity_measures"><i class="icon icon-info-sign" rel="popover" data-placement="top" data-trigger="hover" data-content="The difficulty measure is related to the difficulty of the program to write or understand." data-original-title="Difficulty" data-container="body"></i></a></h2>
      <p class="stat">46.98</p>
    </div>
    <div class="col-md-6">
      <h2 class="header">Estimated Errors  <a href="http://en.wikipedia.org/wiki/Halstead_complexity_measures"><i class="icon icon-info-sign" rel="popover" data-placement="top" data-trigger="hover" data-content="Halstead's delivered bugs is an estimate for the number of errors in the implementation." data-original-title="Delivered Bugs" data-container="body"></i></a></h2>
      <p class="stat">2.57</p>
    </div>
  </div>
</div>

<div class="container charts">
  <div class="row">
    <h2 class="header">Function weight</h2>
  </div>
  <div class="row">
    <div class="col-md-6">
      <h3 class="chart-header">By Complexity <a href="http://en.wikipedia.org/wiki/Cyclomatic_complexity"><i class="icon icon-info-sign" rel="popover" data-placement="top" data-trigger="hover" data-content="This metric counts the number of distinct paths through a block of code. Lower values are better." data-original-title="Cyclomatic Complexity" data-container="body"></i></a></h3>
      <div id="fn-by-complexity" class="stat"></div>
    </div>
    <div class="col-md-6">
      <h3 class="chart-header">By SLOC  <i class="icon icon-info-sign" rel="popover" data-placement="top" data-trigger="hover" data-content="Source Lines of Code / Logical Lines of Code" data-original-title="SLOC/LSLOC" data-container="body"></i></h3>
      <div id="fn-by-sloc" class="stat"></div>
    </div>
  </div>
</div>

<div class="container">
  <div class="row">
    <textarea id="file-source" class="col-md-12">import React, { Component } from &#039;react&#039;;
import ICATPLUS from &#039;../config/icat/icatPlus.js&#039;;
import { connect } from &#039;react-redux&#039;;
import { setBreadCrumbs } from &#039;../actions/breadcrumbs.js&#039;;
import { ReactiveBase, RangeInput, DateRange, MultiList,  CategorySearch, SingleList, ResultCard, SingleDropdownList, ReactiveList, ResultList, ReactiveListWrapper } from &#039;@appbaseio/reactivesearch&#039;;
import moment from &#039;moment&#039;;
import { Label, Grid, Row, Col, Table } from &#039;react-bootstrap&#039;;
import { getFileByEventId } from &#039;../api/icat/icatPlus.js&#039;;
import noimage from &#039;../images/noimage.png&#039;;
import TECHNIQUES from &#039;../config/techniques/techniques.js&#039;;
import _ from &#039;lodash&#039;;
import { stringifyBytesSize } from &#039;../components/Helpers.js&#039;;


const { ResultCardsWrapper } = ReactiveList;

class SearchContainer extends Component {
  constructor(props){
    super(props);
    this.renderDataset = this.renderDataset.bind(this);
  }
  componentDidMount(){
      this.props.setBreadCrumbs([{ name: &#039;Search&#039;, link: &#039;/search&#039; }]);
     

  }
  getTechniqueColor(definition){
      if (definition){
        if (TECHNIQUES){            
            var technique = _.find(TECHNIQUES, function(technique){ return technique.shortname == definition});
            if (technique){
                return technique.color;
            }
        }
      }
      return &quot;white&quot;;
  }
  getDatasetImageURL(data){
      /**Getting the image */
        var url = null;
        if (data.ResourcesGallery){
            var images = data.ResourcesGallery.split(&quot; &quot;);
            if (images){
                if (images.length &gt; 0){
                    url = getFileByEventId(this.props.user.sessionId, data.investigationId, images[0] );                                        
                }
            }
        }
        return url;
  }
  getTitle(data){
    var styleTechnique = {
        backgroundColor : this.getTechniqueColor(data.definition),
        fontSize : &quot;10px&quot;
    }
    var redirect = &quot;/investigation/&quot; + data.investigationId +&quot;/datasets&quot;;
    return &lt;div&gt;                              
                &lt;Grid fluid&gt;                     
                    &lt;Row&gt;
                        &lt;Col sm={4}&gt;&lt;Label style={styleTechnique}&gt; {data.definition} &lt;/Label&gt;&lt;/Col&gt; 
                        &lt;Col sm={4}&gt;&lt;/Col&gt; 
                        &lt;Col sm={4}  style={{ fontSize : &quot;12px&quot;}}&gt;&lt;Label bsStyle=&quot;primary&quot;&gt; DATASET &lt;/Label&gt;&lt;/Col&gt;                        
                    &lt;/Row&gt;                    
                    &lt;Row style={{marginTop:&#039;10px&#039;}}&gt;
                        &lt;Col sm={3} style={{textAlign:&#039;left&#039;, color:&#039;gray&#039;, fontSize : &quot;11px&quot;}}&gt;Name&lt;/Col&gt;                        
                        &lt;Col sm={9} style={{textAlign:&#039;left&#039;, fontSize : &quot;11px&quot;}}&gt;&lt;a href={redirect}&gt;{data.name}&lt;/a&gt;&lt;/Col&gt;                        
                    &lt;/Row&gt;
                    &lt;Row&gt;
                        &lt;Col sm={3} style={{textAlign:&#039;left&#039;, color:&#039;gray&#039;, fontSize : &quot;11px&quot;}}&gt;Sample&lt;/Col&gt; 
                        &lt;Col sm={9} style={{textAlign:&#039;left&#039;, fontSize : &quot;11px&quot;}}&gt;{data.sampleName}&lt;/Col&gt;                        
                    &lt;/Row&gt;
                    &lt;Row&gt;
                        &lt;Col sm={3} style={{textAlign:&#039;left&#039;, color:&#039;gray&#039;, fontSize : &quot;11px&quot;}}&gt;Proposal&lt;/Col&gt; 
                        &lt;Col sm={9} style={{textAlign:&#039;left&#039;, fontSize : &quot;11px&quot;}}&gt;{data.investigationName}&lt;/Col&gt;                            
                    &lt;/Row&gt;
                    &lt;Row&gt;
                        &lt;Col sm={3} style={{textAlign:&#039;left&#039;, color:&#039;gray&#039;, fontSize : &quot;11px&quot;}}&gt;Date&lt;/Col&gt; 
                        &lt;Col sm={9} style={{textAlign:&#039;left&#039;, fontSize : &quot;11px&quot;}}&gt;{moment(data.startDate).format(&#039;DD/MM/YYYY&#039;)}&lt;/Col&gt;                        
                    &lt;/Row&gt;
                    &lt;Row&gt;
                        &lt;Col sm={3} style={{textAlign:&#039;left&#039;, color:&#039;gray&#039;, fontSize : &quot;11px&quot;}}&gt;Beamline&lt;/Col&gt; 
                        &lt;Col sm={9} style={{textAlign:&#039;left&#039;, fontSize : &quot;11px&quot;}}&gt;{data.investigationVisitId}&lt;/Col&gt;                            
                    &lt;/Row&gt;
                    &lt;Row&gt;
                        &lt;Col sm={3} style={{textAlign:&#039;left&#039;, color:&#039;gray&#039;, fontSize : &quot;11px&quot;}}&gt;Files&lt;/Col&gt; 
                        &lt;Col sm={9} style={{textAlign:&#039;left&#039;, fontSize : &quot;11px&quot;}}&gt;{data.fileCount}&lt;/Col&gt;                            
                    &lt;/Row&gt;
                    &lt;Row&gt;
                        &lt;Col sm={3} style={{textAlign:&#039;left&#039;, color:&#039;gray&#039;, fontSize : &quot;11px&quot;}}&gt;Volume&lt;/Col&gt; 
                        &lt;Col sm={9} style={{textAlign:&#039;left&#039;, fontSize : &quot;11px&quot;}}&gt;{stringifyBytesSize(data.volume)}&lt;/Col&gt;                            
                    &lt;/Row&gt;

                    
                &lt;/Grid&gt;	
                &lt;br /&gt;
                &lt;br /&gt;
                &lt;br /&gt;
                &lt;br /&gt;
                &lt;br /&gt;
                &lt;br /&gt;
                &lt;br /&gt;
                &lt;br /&gt;
                &lt;br /&gt;
            &lt;/div&gt;;
  }

  getFullTitle(data){
    var styleTechnique = {
        backgroundColor : this.getTechniqueColor(data.definition),
        fontSize : &quot;10px&quot;
    }
    
    var redirect = &quot;/investigation/&quot; + data.investigationId +&quot;/datasets&quot;;
    return &lt;div&gt;                              
                &lt;Grid fluid&gt;                   
                    &lt;Row&gt;
                        &lt;Col sm={4}&gt;&lt;Label style={styleTechnique}&gt; {data.definition} &lt;/Label&gt;&lt;/Col&gt; 
                        &lt;Col sm={4}&gt;&lt;/Col&gt; 
                        &lt;Col sm={4}  style={{ fontSize : &quot;12px&quot;}}&gt;&lt;Label bsStyle=&quot;primary&quot;&gt; DATASET &lt;/Label&gt;&lt;/Col&gt;                        
                    &lt;/Row&gt;  
                                
                    &lt;Row style={{marginTop:&#039;10px&#039;}}&gt;
                        &lt;Col sm={3} style={{textAlign:&#039;left&#039;, color:&#039;gray&#039;, fontSize : &quot;11px&quot;}}&gt;Name&lt;/Col&gt;                        
                        &lt;Col sm={9} style={{textAlign:&#039;left&#039;, fontSize : &quot;11px&quot;}}&gt;&lt;a href={redirect}&gt;{data.name}&lt;/a&gt;&lt;/Col&gt;                        
                    &lt;/Row&gt;
                    &lt;Row&gt;
                        &lt;Col sm={3} style={{textAlign:&#039;left&#039;, color:&#039;gray&#039;, fontSize : &quot;11px&quot;}}&gt;Sample&lt;/Col&gt; 
                        &lt;Col sm={9} style={{textAlign:&#039;left&#039;, fontSize : &quot;11px&quot;}}&gt;{data.sampleName}&lt;/Col&gt;                        
                    &lt;/Row&gt;
                    &lt;Row&gt;
                        &lt;Col sm={3} style={{textAlign:&#039;left&#039;, color:&#039;gray&#039;, fontSize : &quot;11px&quot;}}&gt;Proposal&lt;/Col&gt; 
                        &lt;Col sm={9} style={{textAlign:&#039;left&#039;, fontSize : &quot;11px&quot;}}&gt;{data.investigationName}&lt;/Col&gt;                            
                    &lt;/Row&gt;
                    &lt;Row&gt;
                        &lt;Col sm={3} style={{textAlign:&#039;left&#039;, color:&#039;gray&#039;, fontSize : &quot;11px&quot;}}&gt;Date&lt;/Col&gt; 
                        &lt;Col sm={9} style={{textAlign:&#039;left&#039;, fontSize : &quot;11px&quot;}}&gt;{moment(data.startDate).format(&#039;DD/MM/YYYY&#039;)}&lt;/Col&gt;                        
                    &lt;/Row&gt;
                    &lt;Row&gt;
                        &lt;Col sm={3} style={{textAlign:&#039;left&#039;, color:&#039;gray&#039;, fontSize : &quot;11px&quot;}}&gt;Beamline&lt;/Col&gt; 
                        &lt;Col sm={9} style={{textAlign:&#039;left&#039;, fontSize : &quot;11px&quot;}}&gt;{data.investigationVisitId}&lt;/Col&gt;                            
                    &lt;/Row&gt;
                    &lt;Row&gt;
                        &lt;Col sm={3} style={{textAlign:&#039;left&#039;, color:&#039;gray&#039;, fontSize : &quot;11px&quot;}}&gt;Files&lt;/Col&gt; 
                        &lt;Col sm={9} style={{textAlign:&#039;left&#039;, fontSize : &quot;11px&quot;}}&gt;{data.fileCount}&lt;/Col&gt;                            
                    &lt;/Row&gt;
                    &lt;Row&gt;
                        &lt;Col sm={3} style={{textAlign:&#039;left&#039;, color:&#039;gray&#039;, fontSize : &quot;11px&quot;}}&gt;Volume&lt;/Col&gt; 
                        &lt;Col sm={9} style={{textAlign:&#039;left&#039;, fontSize : &quot;11px&quot;}}&gt;{stringifyBytesSize(data.volume)}&lt;/Col&gt;                            
                    &lt;/Row&gt;
                    &lt;Row&gt;
                        &lt;Col sm={3} style={{textAlign:&#039;left&#039;, color:&#039;gray&#039;, fontSize : &quot;11px&quot;}}&gt;Mode&lt;/Col&gt; 
                        &lt;Col sm={9} style={{textAlign:&#039;left&#039;, fontSize : &quot;11px&quot;}}&gt;{data.InstrumentSource_mode}&lt;/Col&gt;                            
                    &lt;/Row&gt;
                 
                    &lt;Row&gt;
                        &lt;Col sm={3} style={{textAlign:&#039;left&#039;, color:&#039;gray&#039;, fontSize : &quot;11px&quot;}}&gt;Type&lt;/Col&gt; 
                        &lt;Col sm={9} style={{textAlign:&#039;left&#039;, fontSize : &quot;11px&quot;}}&gt;{data.InstrumentMonochromatorCrystal_type}&lt;/Col&gt;                            
                    &lt;/Row&gt;
                    &lt;Row&gt;
                        &lt;Col sm={3} style={{textAlign:&#039;left&#039;, color:&#039;gray&#039;, fontSize : &quot;11px&quot;}}&gt;Reflection&lt;/Col&gt; 
                        &lt;Col sm={9} style={{textAlign:&#039;left&#039;, fontSize : &quot;11px&quot;}}&gt;{data.InstrumentMonochromatorCrystal_reflection}&lt;/Col&gt;                            
                    &lt;/Row&gt;
                    &lt;Row&gt;
                        &lt;Col sm={3} style={{textAlign:&#039;left&#039;, color:&#039;gray&#039;, fontSize : &quot;11px&quot;}}&gt;Usage&lt;/Col&gt; 
                        &lt;Col sm={9} style={{textAlign:&#039;left&#039;, fontSize : &quot;11px&quot;}}&gt;{data.InstrumentMonochromatorCrystal_usage}&lt;/Col&gt;                            
                    &lt;/Row&gt;
                    &lt;Row&gt;
                        &lt;Col sm={3} style={{textAlign:&#039;left&#039;, color:&#039;gray&#039;, fontSize : &quot;11px&quot;}}&gt;Energy&lt;/Col&gt; 
                        &lt;Col sm={9} style={{textAlign:&#039;left&#039;, fontSize : &quot;11px&quot;}}&gt;{data.InstrumentMonochromator_energy}&lt;/Col&gt;                            
                    &lt;/Row&gt;
                    &lt;Row&gt;
                        &lt;Col sm={3} style={{textAlign:&#039;left&#039;, color:&#039;gray&#039;, fontSize : &quot;11px&quot;}}&gt;Wavelength&lt;/Col&gt; 
                        &lt;Col sm={9} style={{textAlign:&#039;left&#039;, fontSize : &quot;11px&quot;}}&gt;{data.InstrumentMonochromator_wavelength}&lt;/Col&gt;                            
                    &lt;/Row&gt;
                &lt;/Grid&gt;	
                &lt;br /&gt;
                &lt;br /&gt;
                &lt;br /&gt;
                &lt;br /&gt;
                &lt;br /&gt;
                &lt;br /&gt;
                &lt;br /&gt;
                &lt;br /&gt;
                &lt;br /&gt;
            &lt;/div&gt;;
  }


  getDescription(data){    
    var image = this.getDatasetImageURL(data);
    var redirect = &quot;/investigation/&quot; + data.investigationId +&quot;/datasets&quot;;   
    return   &lt;div style={{marginTop:&#039;15px&#039;}} className=&quot;flex column justify-space-between text-center&quot;&gt;
                &lt;div&gt;
                    &lt;div&gt;	       
                        &lt;span className=&quot;authors-list&quot;&gt;&lt;a href={redirect}&gt;{data.investigationSummary}&lt;/a&gt;&lt;/span&gt;                          
                        &lt;img src={image} /&gt;                                          
                &lt;/div&gt;	
                &lt;br /&gt;	
                &lt;/div&gt;					                    
            &lt;/div&gt;;
  }

  renderDataset(data){              
   
            var image = this.getDatasetImageURL(data);
            if (image){
                return {
                    title: this.getTitle(data),
                    image : image,
                    description: this.getDescription(data)                
                };
            }
            else{
                return {
                    title: this.getFullTitle(data),               
                    description: this.getDescription(data)                
                };
            }      	
  }

  render() {     
     if ((!this.props.user) || (!this.props.user.sessionId) ) {         
      return null;
    }      
    var url = ICATPLUS.server + &quot;/elasticsearch/&quot; + this.props.user.sessionId + &quot;/&quot;;    
    return (&lt;div&gt;
    &lt;ReactiveBase  app=&quot;datasets&quot;      
     url = {url}
     themePreset=&quot;light&quot;&gt;
        &lt;Grid fluid &gt;
            &lt;Row&gt;
                &lt;Col sm={2}&gt;&lt;/Col&gt;
                &lt;Col xs={10}&gt;
                        &lt;CategorySearch
                            componentId=&quot;searchbox&quot;
                            dataField={[&quot;investigationName&quot;, &quot;investigationSummary&quot;,&quot;name&quot;, &quot;definition&quot;, &quot;sampleName&quot;, &quot;scanType&quot;]}
                            categoryField=&quot;investigationName.keyword&quot;
                            queryFormat=&quot;or&quot;
                            placeholder=&quot;Search by dataset name, sample name or investigation title&quot; /&gt;
                &lt;/Col&gt;
                
            &lt;/Row&gt;
            &lt;Row&gt;
                &lt;Col sm={2}&gt;                  
                    &lt;br /&gt;                   
                    &lt;DateRange
                        componentId=&quot;DateSensor&quot;
                        dataField=&quot;startDate&quot;
                        title=&quot;Filter by date&quot;                                              
                    /&gt;
                     &lt;br /&gt;
                                      
                   &lt;MultiList
                        componentId=&quot;BeamlineSensor&quot;
                        dataField=&quot;investigationVisitId.keyword&quot;
                        title=&quot;Beamlines&quot;
                        react={{
                            and: [&quot;DateSensor&quot;, &quot;DefinitionSensor&quot;]
                          }}
                    /&gt;
                     &lt;br /&gt;
                    &lt;MultiList
                        componentId=&quot;DefinitionSensor&quot;
                        dataField=&quot;definition.keyword&quot;
                        title=&quot;Technique&quot;
                        react={{
                            and: [&quot;DateSensor&quot;, &quot;BeamlineSensor&quot;]
                          }}
                    /&gt;
                
                &lt;/Col&gt;
                &lt;Col sm={10}&gt;
               
                &lt;ReactiveList
                        componentId=&quot;result&quot;
                        dataField=&quot;name&quot;
                        title=&quot;Results&quot;
                        from={0}
                        size={25}
                        paginationAt=&quot;top&quot;
                        pagination={true}
                        react={{
                            and: [&quot;searchbox&quot;, &quot;DateSensor&quot;, &quot;BeamlineSensor&quot;, &quot;DefinitionSensor&quot;]
                        }}
                        style={{
                        width: &quot;60%&quot;,
                        textAlign: &quot;center&quot;
                        }}
                        render={({ data }) =&gt; (
                        &lt;ResultCardsWrapper&gt;
                            {data.map(item =&gt; (
                            &lt;ResultCard key={item._id}&gt;
                                
                                &lt;ResultCard.Title&gt;
                                    { this.getDescription(item) }
                                &lt;/ResultCard.Title&gt;                                            
                                &lt;ResultCard.Description&gt;
                                    {this.renderDataset(item).title} 
                                &lt;/ResultCard.Description&gt;
                            &lt;/ResultCard&gt;
                            ))}
                        &lt;/ResultCardsWrapper&gt;
                        )}
                    /&gt;

               
                  &lt;/Col&gt;
            &lt;/Row&gt;
        &lt;/Grid&gt;                  				   
    &lt;/ReactiveBase&gt;
&lt;/div&gt;);
  }
}

/*

 &lt;ResultCard
                        componentId=&quot;result&quot;
                        title=&quot;Results&quot;
                        dataField=&quot;investigationName&quot;
                        from={0}
                        size={20}
                        paginationAt=&quot;top&quot;
                        //pagination={false}
                        stream={true}  
                        showResultStats={true}
                        react={{
                            //and: [&quot;SingleDropdownListUsage&quot;, &quot;RangeSliderSensorWavelength&quot;, &quot;searchbox&quot;, &quot;DateSensor&quot;, &quot;BeamlineSensor&quot;, &quot;DefinitionSensor&quot;, &quot;RangeSliderSensor&quot;, &quot;SingleDropdownListReflection&quot;]
                            //and: [&quot;searchbox&quot;, &quot;DateSensor&quot;, &quot;BeamlineSensor&quot;, &quot;DefinitionSensor&quot;]
                            //and: [&quot;searchbox&quot;, &quot;DateSensor&quot;, &quot;BeamlineSensor&quot;, &quot;DefinitionSensor&quot;, &quot;SingleDropdownListUsage&quot;, &quot;SingleDropdownListType&quot;, &quot;SingleDropdownListReflection&quot;, &quot;RangeSliderSensorEnergy&quot;, &quot;RangeSliderSensorWavelength&quot;]
                            and: [&quot;searchbox&quot;, &quot;DateSensor&quot;, &quot;BeamlineSensor&quot;, &quot;DefinitionSensor&quot;]
                        }}
                        onData={(res) =&gt; {                                                        
                            return this.renderDataset(res);
                        }}
                    /&gt;




          */


function mapStateToProps(state) {
  return {
    user: state.user
  };
}

function mapDispatchToProps(dispatch) {
  return {  
    setBreadCrumbs: breadcrumbs =&gt; dispatch(setBreadCrumbs(breadcrumbs))
  };
}

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(SearchContainer);







</textarea>
  </div>
</div>

<footer class="footer">
  <div class="container">
    <p>.</p>
  </div>
</footer>

<script type="text/html" id="complexity-popover-template">
  <div class="complexity-notice">
    Complexity : {{ complexity.cyclomatic }} <br>
    Length : {{ complexity.halstead.length }} <br>
    Difficulty : {{ complexity.halstead.difficulty.toFixed(2) }} <br>
    Est # bugs : {{ complexity.halstead.bugs.toFixed(2) }}<br>
  </div>
</script>

<script type="text/javascript" src="../../assets/scripts/bundles/core-bundle.js"></script>
<script type="text/javascript" src="../../assets/scripts/bundles/codemirror.js"></script>
<script type="text/javascript" src="../../assets/scripts/codemirror.markpopovertext.js"></script>
<script type="text/javascript" src="report.js"></script>
<script type="text/javascript" src="report.history.js"></script>
<script type="text/javascript" src="../../assets/scripts/plato-file.js"></script>
</body>
</html>
