|
@@ -0,0 +1,67 @@
|
|
|
|
|
+// Licensed to Cloudera, Inc. under one
|
|
|
|
|
+// or more contributor license agreements. See the NOTICE file
|
|
|
|
|
+// distributed with this work for additional information
|
|
|
|
|
+// regarding copyright ownership. Cloudera, Inc. licenses this file
|
|
|
|
|
+// to you under the Apache License, Version 2.0 (the
|
|
|
|
|
+// "License"); you may not use this file except in compliance
|
|
|
|
|
+// with the License. You may obtain a copy of the License at
|
|
|
|
|
+//
|
|
|
|
|
+// http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
+//
|
|
|
|
|
+// Unless required by applicable law or agreed to in writing, software
|
|
|
|
|
+// distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
|
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
|
+// See the License for the specific language governing permissions and
|
|
|
|
|
+// limitations under the License.
|
|
|
|
|
+
|
|
|
|
|
+import ko from 'knockout';
|
|
|
|
|
+
|
|
|
|
|
+import 'ko/components/simpleAceEditor/ko.simpleAceEditor';
|
|
|
|
|
+
|
|
|
|
|
+import componentUtils from 'ko/components/componentUtils';
|
|
|
|
|
+import DisposableComponent from 'ko/components/DisposableComponent';
|
|
|
|
|
+
|
|
|
|
|
+export const NAME = 'quick-query-context';
|
|
|
|
|
+
|
|
|
|
|
+// prettier-ignore
|
|
|
|
|
+const TEMPLATE = `
|
|
|
|
|
+<div class="context-popover-flex-fill" style="overflow: auto;">
|
|
|
|
|
+ <div style="margin: 10px;" data-bind="
|
|
|
|
|
+ component: {
|
|
|
|
|
+ name: 'hue-simple-ace-editor-multi',
|
|
|
|
|
+ params: {
|
|
|
|
|
+ autocomplete: autocomplete,
|
|
|
|
|
+ value: statement,
|
|
|
|
|
+ lines: 5,
|
|
|
|
|
+ aceOptions: {
|
|
|
|
|
+ minLines: 10,
|
|
|
|
|
+ maxLines: 25
|
|
|
|
|
+ },
|
|
|
|
|
+ mode: dialect,
|
|
|
|
|
+ database: database,
|
|
|
|
|
+ namespace: namespace,
|
|
|
|
|
+ compute: compute,
|
|
|
|
|
+ temporaryOnly: true
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ "></div>
|
|
|
|
|
+</div>
|
|
|
|
|
+`;
|
|
|
|
|
+
|
|
|
|
|
+class QuickQueryContext extends DisposableComponent {
|
|
|
|
|
+ constructor(params) {
|
|
|
|
|
+ super(params);
|
|
|
|
|
+
|
|
|
|
|
+ this.database = ko.observable('default');
|
|
|
|
|
+ this.statement = ko.observable();
|
|
|
|
|
+
|
|
|
|
|
+ // TODO: Switch over to connector in ko.simpleAceEditor
|
|
|
|
|
+ this.dialect = ko.observable('impala');
|
|
|
|
|
+ this.namespace = ko.observable({ id: 'foo' });
|
|
|
|
|
+ this.compute = ko.observable({ id: 'foo' });
|
|
|
|
|
+
|
|
|
|
|
+ this.autocomplete = ko.pureComputed(() => ({ type: this.dialect() }));
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+componentUtils.registerComponent(NAME, QuickQueryContext, TEMPLATE);
|