Add overlay in edit mode

eea · Feb 2, 2022 · f33badc · f33badc
1 parent dcfe08c
commit f33badc
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 0 deletions.
diff --git a/src/SearchBlock/SearchBlockView.jsx b/src/SearchBlock/SearchBlockView.jsx
@@ -50,6 +50,13 @@ const applyBlockSettings = (config, appName, data, schema) => {
   return config;
 };
 
+const overlayStyle = {
+  position: 'absolute',
+  width: '100%',
+  height: '100%',
+  zIndex: '100',
+};
+
 export default function SearchBlockView(props) {
   const { data = {}, mode = 'view' } = props;
   const schema = SearchBlockSchema(props);
@@ -75,6 +82,11 @@ export default function SearchBlockView(props) {
   return (
     <BodyClass className="searchlib-page">
       <div className="searchlib-block">
+        {mode !== 'view' ? (
+          <div className="overlay" style={overlayStyle}></div>
+        ) : (
+          ''
+        )}
         <SearchApp registry={registry} appName={appName} mode={mode} />
       </div>
     </BodyClass>

diff --git a/src/SearchBlock/schema.js b/src/SearchBlock/schema.js
@@ -17,6 +17,8 @@ export const SearchBlockSchema = ({ formData = {} }) => ({
         'subheadline',
         'promptQueries',
         'promptQueryInterval',
+        'debugQuery',
+        'extraQueryConfig',
         'enableNLP',
       ],
     },
@@ -51,6 +53,33 @@ export const SearchBlockSchema = ({ formData = {} }) => ({
       configPath: 'enableNLP',
     },
 
+    extraQueryConfig: {
+      widget: 'textarea',
+      title: 'Extra query configuration',
+      description:
+        'Enter a valid JSON object. It will be added to the query and it can overwrite existing query fields',
+      default: '{}',
+
+      modifyConfig: (config, data) => {
+        let extra = {};
+        try {
+          extra = JSON.parse(data);
+        } catch {
+          // eslint-disable-next-line
+          console.log('Not a valid JSON object', data);
+          return config;
+        } finally {
+          return { ...config, extra };
+        }
+      },
+    },
+
+    debugQuery: {
+      type: 'boolean',
+      title: 'Enable debugging?',
+      configPath: 'debugQuery',
+    },
+
     headline: {
       title: 'Main headline',
       configPath: 'title',