{"version":3,"sources":["components/ResultTable2.js","components/MakeHttpReq.js","App.js","reportWebVitals.js","index.js"],"names":["PAGE_SIZE","ResultTable2","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","displayRows","triples","console","log","http_result","length","posted","_jsx","children","slice","state","offset","map","obj","index","objkeys","Object","keys","triple","undefined","push","subject","value","predicate","object","setState","setImg","v","k","type","style","overflow","includes","id","split","_jsxs","Link","to","pathname","resourceClicked","alt","src","href","showPrefix","url","displayHeaders","temp","name1","name2","className","toLocaleUpperCase","nextPage","current_page","last_page","Math","ceil","first_page","previousPage","total_pages","_createClass","key","this","hidden","onClick","disabled","React","Component","MakeHttpReq","urlEnding","query","accept","config","headers","q","axios","post","then","res","catch","error","require","App","_Component","_len","arguments","args","Array","_key","apply","concat","external_services","clear_inputs","btn","input_value","clearQuery","postQuery","_asyncToGenerator","_regeneratorRuntime","mark","_callee2","wrap","_context2","prev","next","_ref2","_callee","_context","data","results","bindings","stop","_x","onChange","target","_this2","Router","CodeMirror","options","mode","theme","lineNumbers","editor","marginTop","Route","exact","path","render","Fragment","reportWebVitals","onPerfEntry","Function","_ref","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.1d70ba1c.chunk.js","sourcesContent":["import React from 'react'\nimport {Link} from 'react-router-dom'\n\nconst PAGE_SIZE = 10\nclass ResultTable2 extends React.Component {\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            triples: [],\n            total_pages: 1,\n            current_page: 1,\n            offset: 0,\n            first_page: true,\n            last_page: false\n        };\n\n    }\n\n\n    displayRows = () => {\n        let triples = [];\n        console.log(this.props.http_result.length)\n        if (this.props.http_result.length === 0 && this.props.posted===true) //&& this.props.triples.length !== 0\n            return <h3>No results</h3>;\n        else {\n            let results_to_show = this.props.http_result < PAGE_SIZE ? this.props.http_result : this.props.http_result.slice(this.state.offset, this.state.offset + PAGE_SIZE)\n            return (\n                results_to_show.map((obj, index) => {\n                        const objkeys = Object.keys(obj);\n                        if (this.props.triples.length > 0) {\n                            this.props.triples.map(triple => {\n                                if (obj[triple[0]] !== undefined && obj[triple[2]] !== undefined)\n                                    triples.push(\n                                        {\n                                            subject: obj[triple[0]].value,\n                                            predicate: triple[1],\n                                            object: obj[triple[2]].value\n                                        }\n                                    )\n                                return triples\n                            });\n                            this.setState({\n                                triples: triples\n                            })\n                            // this.state.triples = triples;\n                        }\n                        let setImg = false;\n                        return (\n                            <tr key={index}>\n                                {\n                                    objkeys.map((v, k) => {\n                                            if (k === 0 && obj[v].value === 'http://www.europeana.eu/schemas/edm/hasView') {\n                                                setImg = true;\n\n                                            }\n                                            let value;\n                                            if (obj[v].type !== 'uri') {\n                                                value = <td style={{ overflow: 'hidden'}}>{obj[v].value}</td>;\n                                            } else {\n                                                if (obj[v].value.includes('localhost')) { //change search element for new mapping dataset\n                                                    let id = obj[v].value.split('3000/')[1];\n                                                    value = <td  style={{ overflow: 'hidden'}}><Link to={{\n                                                        pathname: '/' + id,\n                                                        state: {\n                                                            resourceClicked: obj[v].value,\n                                                        }\n                                                    }}> {obj[v].value} </Link></td>\n                                                } else if (k === 1 && setImg) {\n                                                    value = <td><img alt={obj[v].value} src={obj[v].value}/></td>\n                                                } else {\n                                                    value =\n                                                        <td><a href={obj[v].value}> {this.showPrefix(obj[v].value)} </a></td>\n                                                }\n                                            }\n                                            return value\n                                        }\n                                    )}\n                            </tr>\n                        )\n                    }\n                )\n            )\n        }\n\n    };\n\n    showPrefix = (url) => {\n        switch (url) {\n            case 'http://www.w3.org/1999/02/22-rdf-syntax-ns#type':\n                return 'rdf:type';\n            case 'http://www.europeana.eu/schemas/edm/end':\n                return 'edm:end';\n            case 'http://www.europeana.eu/schemas/edm/begin':\n                return 'edm:begin';\n            case 'http://www.w3.org/2004/02/skos/core#note':\n                return 'skos:note';\n            case 'http://www.w3.org/2004/02/skos/core#prefLabel':\n                return 'skos:prefLabel';\n            case 'http://www.europeana.eu/schemas/edm/EuropeanaAggregation':\n                return 'edm:EuropeanaAggregation';\n            case 'http://www.europeana.eu/schemas/edm/aggregatedCHO':\n                return 'edm:aggregatedCHO';\n            case 'http://www.europeana.eu/schemas/edm/hasView':\n                return 'edm:hasView';\n            case 'http://www.europeana.eu/schemas/edm/ProvidedCHO':\n                return 'edm:ProvidedCHO';\n            case 'http://purl.org/dc/elements/1.1/date':\n                return 'dc:date';\n            case 'http://purl.org/dc/elements/1.1/title':\n                return 'dc:title';\n            case 'http://purl.org/dc/elements/1.1/type':\n                return 'dc:type';\n            case 'http://purl.org/dc/elements/1.1/creator':\n                return 'dc:creator';\n            case 'http://purl.org/dc/terms/medium':\n                return 'dct:medium';\n            case 'http://www.w3.org/2002/07/owl#sameAs':\n                return 'owl:sameAs';\n            case 'http://www.openarchives.org/ore/terms/isAggregatedBy':\n                return 'ore:isAggregatedBy';\n            default:\n                return url;\n        }\n    };\n\n\n    displayHeaders = () => {\n        if (this.props.http_result[0] !== undefined) {\n            const temp = this.props.http_result[0];\n            if (temp.name1) delete temp.name1;\n            if (temp.name2) delete temp.name2;\n            const temp2 = Object.keys(temp);\n            return (\n                temp2.map((obj, index) =>\n                    <th  className={'col-4'} key={index}>\n                        {obj.toLocaleUpperCase()}\n                    </th>\n                )\n            )\n        }\n    };\n\n    nextPage = () => {\n        this.setState({\n            current_page: this.state.current_page + 1,\n            offset: this.state.offset + PAGE_SIZE,\n            last_page: (this.state.current_page + 1) === Math.ceil(this.props.http_result.length / PAGE_SIZE),\n            first_page: (this.state.current_page + 1) === 1\n        })\n    }\n\n    previousPage = () => {\n        this.setState({\n            current_page: this.state.current_page - 1,\n            offset: this.state.offset - PAGE_SIZE,\n            first_page: (this.state.current_page - 1) === 1,\n            last_page: (this.state.current_page - 1) === Math.ceil(this.props.http_result.length / PAGE_SIZE),\n        })\n    }\n\n\n    render() {\n\n\n        return (\n            <div>\n                <table className='table table-striped'>\n                    <thead className={'thead-dark'}>\n                    <tr>\n                        {this.displayHeaders()}\n                    </tr>\n                    </thead>\n                    <tbody>\n                    {this.displayRows()}\n                    </tbody>\n                    <tfoot hidden={Math.ceil(this.props.http_result.length / PAGE_SIZE) < 2}>\n                    <tr >\n                        <td className={'col-4'}>\n                            <button className={'btn btn-secondary btn-lg btn-block'} onClick={this.previousPage} disabled={this.state.first_page}>\n                                Previous\n                            </button>\n                        </td>\n                        <td className={'col-4'}>\n                            Page {this.state.current_page} of {Math.ceil(this.props.http_result.length / PAGE_SIZE)}\n                        </td>\n                        <td className={'col-4'}>\n                            <button className={'btn btn-secondary btn-lg btn-block'} onClick={this.nextPage} disabled={this.state.last_page}>\n                                Next\n                            </button>\n                        </td>\n                    </tr>\n                    </tfoot>\n                </table>\n            </div>\n        )\n    }\n}\n\nexport default ResultTable2;","import axios from 'axios';\n\nexport function MakeHttpReq(urlEnding, query, accept) {\n\n    let config = {\n        headers: {\n            'Accept': accept || 'application/json,*/*;q=0.9',\n            // 'Accept-Language': 'en-US,el;q=0.7,en;q=0.3',\n            // 'Accept-Encoding': 'gzip, deflate',\n            'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'\n        }\n    };\n    let url = \"http://ct-linkdata.aegean.gr:3030/gcam/sparql\";\n    let q = \"query=\" + query\n    return axios.post(url, q, config)\n        .then((res) => {\n            console.log(res);\n            return res;\n        }).catch((error) => {\n            console.log(error)\n            return error\n        });\n\n}","import './App.css';\nimport React, {Component} from 'react';\nimport ResultTable2 from './components/ResultTable2';\nimport {BrowserRouter as Router, Route} from 'react-router-dom'\nimport {MakeHttpReq} from \"./components/MakeHttpReq\";\n// import {Controlled as CodeMirror} from 'react-codemirror2'\nimport {UnControlled as CodeMirror} from 'react-codemirror2'\n\nrequire('codemirror/mode/sparql/sparql');\nrequire('codemirror/mode/javascript/javascript');\n\n\nclass App extends Component {\n    state = {\n        query: ' prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> \\n prefix owl: <http://www.w3.org/2002/07/owl#> \\n prefix xsd: <http://www.w3.org/2001/XMLSchema#> \\n prefix dc: <http://purl.org/dc/terms/> \\n prefix foaf: <http://xmlns.com/foaf/0.1/> \\n prefix schema: <http://schema.org/> \\n prefix edm: <http://www.europeana.eu/schemas/edm/> \\n SELECT ?subject ?predicate ?object\\n WHERE {\\n ?subject ?predicate ?object \\n } LIMIT 25',\n        external_services: [],\n        http_result: [],\n        triples: '',\n        clear_inputs: false,\n        btn: false,\n        input_value: '',\n        posted: false\n    };\n\n    clearQuery = () => {\n        this.setState({\n            query: '',\n            triples: '',\n            btn: false,\n            input_value: '',\n            clear_inputs: true\n        });\n    };\n\n    postQuery = async () => {\n\n        // this.setState({\n        //   clear_inputs: true\n        // });\n        MakeHttpReq('sparql', this.state.query).then(async (res) => {\n                await this.setState({\n                    http_result: (res && res.data && res.data.results.bindings) || [],\n                    posted: true\n                })\n            }\n        );\n\n    };\n\n    onChange = (v) => {\n        this.setState({\n            query: v.target.value,\n        });\n    };\n\n\n    render() {\n        return (\n            <Router>\n                <div className=\"App\">\n                    <div className=\"App-header\">\n                        <h2>Greek Children’s Art Museum Dataset</h2>\n                        <h3>SPARQL Query Editor</h3>\n                    </div>\n                    <div className=\"container-fluid\">\n                        <div className=\"container-fluid\">\n\n                            <div className={'text-left mt-2'}>\n                                <CodeMirror\n                                    value={this.state.query}\n                                    options={{\n                                        mode: 'application/sparql-query',\n                                        theme: 'material',\n                                        lineNumbers: true\n                                    }}\n                                    onChange={(editor, data, value) => {\n                                        // this.setState({query: value})\n                                        this.state.query = value\n                                    }}\n                                />\n\n                            </div>\n\n                        </div>\n\n                        <div className=\"row mb-2\">\n\n                            <button className={'btn btn-primary btn-lg btn-block col-sm-6'} onClick={this.postQuery}\n                                    style={{marginTop: '0.5rem'}}>Post Query\n                            </button>\n\n                            <button className={'btn btn-warning btn-lg btn-block col-sm-6'} onClick={this.clearQuery}> Clear\n                                Query\n                            </button>\n\n                        </div>\n                        <Route exact path=\"/\" render={props => (\n                            <React.Fragment>\n                                <ResultTable2 http_result={this.state.http_result} triples={this.state.triples}\n                                              posted={this.state.posted}/>\n                            </React.Fragment>\n                        )}/>\n                    </div>\n\n\n                </div>\n            </Router>\n\n        );\n    }\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport 'bootstrap/dist/css/bootstrap.css';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}