AMBARI-19667. Hive View 2.0: Editor should be stretchable by dragging (pallavkul)
Project: http://git-wip-us.apache.org/repos/asf/ambari/repo Commit: http://git-wip-us.apache.org/repos/asf/ambari/commit/d96d209c Tree: http://git-wip-us.apache.org/repos/asf/ambari/tree/d96d209c Diff: http://git-wip-us.apache.org/repos/asf/ambari/diff/d96d209c Branch: refs/heads/branch-dev-patch-upgrade Commit: d96d209c1ad8aeefd9ab1c02fbe621c7dfd02ffa Parents: b00cf74 Author: pallavkul <pallav....@gmail.com> Authored: Sat Feb 11 08:46:11 2017 +0530 Committer: pallavkul <pallav....@gmail.com> Committed: Sat Feb 11 08:46:11 2017 +0530 ---------------------------------------------------------------------- .../src/main/resources/ui/app/components/query-editor.js | 8 ++++++++ .../views/hive20/src/main/resources/ui/app/styles/app.scss | 9 +++++++++ contrib/views/hive20/src/main/resources/ui/bower.json | 1 + .../views/hive20/src/main/resources/ui/ember-cli-build.js | 2 ++ 4 files changed, 20 insertions(+) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/ambari/blob/d96d209c/contrib/views/hive20/src/main/resources/ui/app/components/query-editor.js ---------------------------------------------------------------------- diff --git a/contrib/views/hive20/src/main/resources/ui/app/components/query-editor.js b/contrib/views/hive20/src/main/resources/ui/app/components/query-editor.js index 27d43d5..7bfe223 100644 --- a/contrib/views/hive20/src/main/resources/ui/app/components/query-editor.js +++ b/contrib/views/hive20/src/main/resources/ui/app/components/query-editor.js @@ -74,6 +74,14 @@ export default Ember.Component.extend({ }); }); + this.$('.CodeMirror').resizable({ + handles: 's', + + resize: function () { + Ember.run.debounce(this, updateSize, 150); + } + }).find('.ui-resizable-s').addClass('grip fa fa-reorder'); + }.on('didInsertElement'), http://git-wip-us.apache.org/repos/asf/ambari/blob/d96d209c/contrib/views/hive20/src/main/resources/ui/app/styles/app.scss ---------------------------------------------------------------------- diff --git a/contrib/views/hive20/src/main/resources/ui/app/styles/app.scss b/contrib/views/hive20/src/main/resources/ui/app/styles/app.scss index 0dae396..1dc86d7 100644 --- a/contrib/views/hive20/src/main/resources/ui/app/styles/app.scss +++ b/contrib/views/hive20/src/main/resources/ui/app/styles/app.scss @@ -223,6 +223,15 @@ pre { overflow-y: scroll; } +.grip { + height: 20px; + border: 0 1px 1px solid #ddd; + background-color: #f5f5f5; + color: #bbb; + text-align: center; + font-size: inherit; +} + .hv-dropdown { position: absolute; .dropdown-menu { http://git-wip-us.apache.org/repos/asf/ambari/blob/d96d209c/contrib/views/hive20/src/main/resources/ui/bower.json ---------------------------------------------------------------------- diff --git a/contrib/views/hive20/src/main/resources/ui/bower.json b/contrib/views/hive20/src/main/resources/ui/bower.json index f4d9aa0..9fa7076 100644 --- a/contrib/views/hive20/src/main/resources/ui/bower.json +++ b/contrib/views/hive20/src/main/resources/ui/bower.json @@ -6,6 +6,7 @@ "ember-cli-shims": "~0.1.1", "ember-qunit-notifications": "0.1.0", "font-awesome": "~4.5.0", + "jquery-ui": "~1.12.1", "codemirror": "~5.15.0", "bootstrap-treeview": "~1.2.0", "blob": "*" http://git-wip-us.apache.org/repos/asf/ambari/blob/d96d209c/contrib/views/hive20/src/main/resources/ui/ember-cli-build.js ---------------------------------------------------------------------- diff --git a/contrib/views/hive20/src/main/resources/ui/ember-cli-build.js b/contrib/views/hive20/src/main/resources/ui/ember-cli-build.js index 10e0402..d53cdac 100644 --- a/contrib/views/hive20/src/main/resources/ui/ember-cli-build.js +++ b/contrib/views/hive20/src/main/resources/ui/ember-cli-build.js @@ -55,6 +55,8 @@ module.exports = function(defaults) { app.import('bower_components/codemirror/addon/hint/show-hint.js'); app.import('bower_components/d3/d3.js'); app.import('bower_components/codemirror/lib/codemirror.css'); + app.import('bower_components/jquery-ui/jquery-ui.js'); + app.import('bower_components/jquery-ui/themes/base/jquery-ui.css'); app.import('bower_components/codemirror/addon/hint/show-hint.css'); /*