Testing export to yasgui button

src/client/actions/index.js

@@ -104,12 +104,10 @@ export const updateFacetValues = ({
   id,
   data,
   flatValues,
-  min,
-  max,
   sparqlQuery
 }) => ({
   type: UPDATE_FACET_VALUES,
-  facetClass, id, data, flatValues, min, max, sparqlQuery
+  facetClass, id, data, flatValues, sparqlQuery
 });
 export const updateFacetOption = ({ facetClass, facetID, option, value }) => ({
   type: UPDATE_FACET_OPTION,

src/client/components/facet_results/Export.js

+import React from 'react';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+// import CloudDownloadIcon from '@material-ui/icons/CloudDownload';
+import Button from '@material-ui/core/Button';
+
+const styles = theme => ({
+  root: {
+    height: '100%',
+    width: '100%',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  link: {
+    textDecoration: 'none'
+  },
+  button: {
+    margin: theme.spacing(3),
+  },
+  rightIcon: {
+    marginLeft: theme.spacing(1),
+  },
+});
+
+class Export extends React.Component {
+
+  render = () => {
+    const { classes, sparqlQuery } = this.props;
+    let yasguiUrl = '';
+    if (this.props.sparqlQuery !== null) {
+      yasguiUrl = 'http://yasgui.org/#query='
+      + encodeURIComponent(sparqlQuery)
+      + '&contentTypeConstruct=text%2Fturtle&contentTypeSelect=application%2Fsparql-results'
+      + '%2Bjson&endpoint=http%3A%2F%2Fldf.fi%2Fmmm-cidoc%2Fsparql&requestMethod=POST&tabTitle='
+      + 'Query+11&headers=%7B%7D&outputFormat=table';
+    }
+
+    return (
+      <div className={classes.root}>
+        <a
+          className={classes.link}
+          href={yasguiUrl}
+          target='_blank'
+          rel='noopener noreferrer'
+        >
+          <Button variant="contained" color="primary"  className={classes.button}>
+            Open result table SPARQL query in yasgui.org
+          </Button>
+        </a>
+      </div>
+    );
+  }
+
+}
+
+Export.propTypes = {
+  classes: PropTypes.object.isRequired,
+  sparqlQuery: PropTypes.string
+};
+
+export default withStyles(styles)(Export);

src/client/components/main_layout/PerspectiveTabs.js

@@ -7,6 +7,7 @@ import Tab from '@material-ui/core/Tab';
 import CalendarViewDayIcon from '@material-ui/icons/CalendarViewDay';
 import AddLocationIcon from '@material-ui/icons/AddLocation';
 import RedoIcon from '@material-ui/icons/Redo';
+import CloudDownloadIcon from '@material-ui/icons/CloudDownload';
 import { Link } from 'react-router-dom';
 import Paper from '@material-ui/core/Paper';
 
@@ -50,6 +51,9 @@ class PerspectiveTabs extends React.Component {
       case 'Redo':
         icon = <RedoIcon />;
         break;
+      case 'Download':
+        icon = <CloudDownloadIcon />;
+        break;
     }
     return icon;
   }

src/client/components/perspectives/Manuscripts.js

@@ -7,6 +7,7 @@ import LeafletMap from '../facet_results/LeafletMap';
 import Deck from '../facet_results/Deck';
 import Pie from '../facet_results/Pie';
 import Network from '../facet_results/Network';
+import Export from '../facet_results/Export';
 
 let Manuscripts = props => {
   return (
@@ -34,6 +35,11 @@ let Manuscripts = props => {
             value: 2,
             icon: 'Redo',
           },
+          '/manuscripts/export': {
+            label: 'export',
+            value: 3,
+            icon: 'Download',
+          },
           // '/manuscripts/network': {
           //   label: 'network',
           //   value: 3,
@@ -106,6 +112,13 @@ let Manuscripts = props => {
             showInstanceCountInClusters={true}
           />}
       />
+      <Route
+        path={'/manuscripts/export'}
+        render={() =>
+          <Export
+            sparqlQuery={props.manuscripts.sparqlQuery}
+          />}
+      />
       <Route
         path={'/manuscripts/network'}
         render={() =>

src/client/epics/index.js

@@ -234,8 +234,6 @@ const fetchFacetEpic = (action$, state$) => action$.pipe(
         id: facetID,
         data: res.data || [],
         flatData: res.flatData || [],
-        min: res.min || null,
-        max: res.max || null,
         sparqlQuery: res.sparqlQuery
       })),
       catchError(error => of({

src/client/reducers/helpers.js

@@ -157,6 +157,7 @@ export const updatePaginatedResults = (state, action) => {
     ...state,
     resultsUpdateID: ++state.resultsUpdateID,
     paginatedResults: action.data || [],
+    sparqlQuery: action.sparqlQuery,
     fetching: false
   };
 };
@@ -196,14 +197,13 @@ export const updateFacetValues = (state, action) => {
         ...state.facets,
         [ action.id ]: {
           ...state.facets[action.id],
-          min: action.min || null,
-          max: action.max || null,
+          min: action.data.min || null,
+          max: action.data.max || null,
           isFetching: false
         }
       }
     };
   } else {
-    console.log(action)
     return {
       ...state,
       facets: {

src/client/reducers/manuscripts.js

@@ -38,6 +38,7 @@ export const INITIAL_STATE = {
   sortDirection: null,
   fetching: false,
   fetchingResultCount: false,
+  sparqlQuery: null,
   tableColumns: [
     {
       id: 'prefLabel',

src/server/sparql/FacetResults.js

@@ -96,9 +96,6 @@ export const getAllResults = ({
       facetID: null
     }));
   }
-  // if (variant == 'actorPlaces') {
-  //   console.log(prefixes + q)
-  // }
   return runSelectQuery(prefixes + q, endpoint, mapper, resultFormat);
 };
 

src/server/sparql/FacetValues.js

@@ -102,11 +102,7 @@ export const getFacet = async ({
     q = q.replace('<START_PROPERTY>', facetConfig.startProperty);
     q = q.replace('<END_PROPERTY>', facetConfig.endProperty);
   }
-  // if (facetID == 'productionPlace') {
-  //   console.log(prefixes + q)
-  // }
   const response = await runSelectQuery(prefixes + q, endpoint, mapper, resultFormat);
-  console.log(response)
   return({
     facetClass: facetClass,
     id: facetID,