Added full option content

getredash · Feb 28, 2019 · 1300499 · 1300499
1 parent 3f7af31
commit 1300499
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/client/app/assets/less/redash/tags-control.less b/client/app/assets/less/redash/tags-control.less
@@ -9,6 +9,10 @@
   &.inline-tags-control {
     display: inline-block;
   }
+
+  &.disabled {
+    opacity: 0.4;
+  }
 }
 
 // This is for using .inline-tags-control in Angular which renders

diff --git a/client/app/components/QuerySelector.jsx b/client/app/components/QuerySelector.jsx
@@ -147,9 +147,15 @@ export function QuerySelector(props) {
         filterOption={false}
         defaultActiveFirstOption={false}
       >
-        {searchResults && searchResults.map(q => (
-          <Option value={q.id} key={q.id}>{q.name}</Option>
-        ))}
+        {searchResults && searchResults.map((q) => {
+          const disabled = q.is_draft;
+          return (
+            <Option value={q.id} key={q.id} disabled={disabled}>
+              {q.name}{' '}
+              <QueryTagsControl isDraft={q.is_draft} tags={q.tags} className={cx('inline-tags-control', { disabled })} />
+            </Option>
+          );
+        })}
       </Select>
     );
   }