{"version":3,"sources":["../../../../../src/app/js/components/Report/Chart.js"],"names":[],"mappings":"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","file":"Chart.js","sourcesContent":["import Chart from 'chartjs';\nimport React, { Component, Fragment } from 'react';\nimport { criteriaStore } from 'stores/CriteriaStore';\n\nconst dataConfig = {\n  backgroundColor: 'rgba(255, 102, 102, 0.4)',\n  borderColor: 'rgba(255, 102, 102, 0.4)',\n  pointBackgroundColor: 'rgba(255, 102, 102, 1)',\n  pointBorderColor: 'rgba(255, 102, 102, 1)',\n  showLine: true,\n};\n\nexport default class ChartComponent extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      activeTab: 'spectra',\n    };\n  }\n\n  componentDidMount() {\n    // Need to initialize Materializecss tabs\n    $('ul#seismicChartTabs.tabs').tabs();\n\n    const { title, labels, data } = this.props;\n    let chart;\n\n    // console.group(title);\n    // console.log('Labels', labels);\n    // console.log('Data', data);\n    // console.groupEnd();\n\n    if (data.length > 0) {\n      const ctx = document.getElementById('chart' + title).getContext('2d');\n      window.Chart.defaults.global.legend.display = false;\n\n      chart = new Chart(ctx, {\n        type: 'scatter',\n        data: {\n          datasets: [\n            {\n              data: data,\n              ...dataConfig,\n            },\n          ],\n        },\n      });\n    }\n  }\n\n  createCSV() {\n    const { data } = this.props;\n    const filename = `${this.props.title}-${moment().format('YMMDD')}.csv`;\n    let csv = 'T(s),Sa(g)\\n';\n    const mimetype = 'text/csv;encoding:utf-8';\n    data.map((point) => {\n      const { x, y } = point;\n      csv += `${x},${y}\\n`;\n    });\n\n    const el = document.getElementById('csv-download');\n    if (navigator.msSaveBlob) {\n      navigator.msSaveBlob(\n        new Blob([csv], {\n          type: mimetype,\n        }),\n        filename\n      );\n    } else {\n      el.href = 'data:text/csv;charset=utf-8,' + encodeURI(csv);\n      el.target = '_blank';\n      el.download = filename;\n      el.click();\n    }\n  }\n\n  handleTab(evt) {\n    this.setState({ activeTab: evt.currentTarget.id });\n  }\n\n  createTable() {\n    const { data } = this.props;\n    return data.map((point, idx) => {\n      const { x, y } = point;\n      return (\n        <tr key={idx}>\n          <td>{x}</td>\n          <td>{y}</td>\n        </tr>\n      );\n    });\n  }\n\n  checkIfMCER(title) {\n    if (typeof title === 'string' && title.includes('MCER')) {\n      let pos = title.indexOf('MCER');\n      let bef = title.substring(0, pos);\n      let aft = title.substring(pos + 5).trim(); //3 derives from length of MCER and plus 1 to start after and remove spaces\n      return (\n        <span>\n          {bef} MCE<sub>R</sub>\n          {'\\u00A0'}\n          {aft}\n        </span>\n      );\n    } else {\n      return title;\n    }\n  }\n\n  render() {\n    const { title, data } = this.props;\n    const { activeTab } = this.state;\n    const standard = criteriaStore.getState().standardsVersion;\n    const newTitle = this.checkIfMCER(title);\n\n    return (\n      <div className='popup-chart-container'>\n        <div className='row'>\n          <h6>{newTitle}</h6>\n          {data.length > 0 ? (\n            <div className='col s12'>\n              <ul id='seismicChartTabs' className='tabs'>\n                <li\n                  id='spectra'\n                  onClick={this.handleTab.bind(this)}\n                  className={`tab col tab-selector pointer ${activeTab === 'spectra' ? 'active' : ''}`}\n                >\n                  <a>{standard === '7-22' ? 'Graph' : 'Spectra'}</a>\n                </li>\n                <li\n                  id='table'\n                  onClick={this.handleTab.bind(this)}\n                  className={`tab col tab-selector pointer ${activeTab === 'table' ? 'active' : ''}`}\n                >\n                  <a>Table</a>\n                </li>\n                <li id='csv' onClick={this.createCSV.bind(this)} className='tab col tab-selector pointer'>\n                  <a>CSV</a>\n                </li>\n              </ul>\n            </div>\n          ) : (\n            <p>Vertical ground motion data has not yet been made available by USGS.</p>\n          )}\n        </div>\n        {data.length > 0 && (\n          <div>\n            <div className={`${activeTab === 'spectra' ? '' : 'hidden'}`}>\n              <canvas id={'chart' + this.props.title} width='420' height='150'></canvas>\n              <div className='flex flex-justify-center'>\n                <span>\n                  S<sub>a</sub>(g) vs T(s)\n                </span>\n              </div>\n            </div>\n            <div className={`details-popup__table ${activeTab === 'table' ? '' : 'hidden'}`}>\n              <table className='striped centered'>\n                <thead>\n                  <tr>\n                    <th>T(s)</th>\n                    <th>\n                      S<sub>a</sub>(g)\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>{this.createTable()}</tbody>\n              </table>\n            </div>\n            <div className={`${activeTab === 'csv' ? '' : 'hidden'}`}></div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}