| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343 |
- // 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.
- /*
- * jHue HDFS autocomplete plugin
- * augment a textbox into an HDFS autocomplete
- */
- (function ($, window, document, undefined) {
- var pluginName = "jHueHiveAutocomplete",
- defaults = {
- home: "/",
- onEnter: function () {
- },
- onBlur: function () {
- },
- onPathChange: function () {
- },
- smartTooltip: "",
- smartTooltipThreshold: 10 // needs 10 up/down or click actions and no tab to activate the smart tooltip
- };
- function Plugin(element, options) {
- this.element = element;
- this.options = $.extend({}, defaults, options);
- this._defaults = defaults;
- this._name = pluginName;
- this.init();
- }
- Plugin.prototype.init = function () {
- var _this = this;
- var _el = $(_this.element);
- // creates autocomplete popover
- if ($("#jHueHiveAutocomplete").length == 0) {
- $("<div>").attr("id", "jHueHiveAutocomplete").addClass("popover")
- .addClass("bottom").attr("style", "position:absolute;display:none;max-width:1000px;z-index:33000")
- .html('<div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p><ul class="unstyled"></ul></p></div></div>')
- .appendTo($("body"));
- }
- function setHueBreadcrumbCaretAtEnd(element) {
- var elemLength = element.value.length;
- if (document.selection) {
- element.focus();
- var _oSel = document.selection.createRange();
- _oSel.moveStart('character', -elemLength);
- _oSel.moveStart('character', elemLength);
- _oSel.moveEnd('character', 0);
- _oSel.select();
- }
- else if (element.selectionStart || element.selectionStart == '0') {
- element.selectionStart = elemLength;
- element.selectionEnd = elemLength;
- element.focus();
- }
- }
- _el.focus(function () {
- $(document.body).on("contextmenu", function (e) {
- e.preventDefault(); // prevents native menu on FF for Mac from being shown
- });
- setHueBreadcrumbCaretAtEnd(_this.element);
- });
- _el.keydown(function (e) {
- if (e.keyCode == 9) {
- e.preventDefault();
- showHiveAutocomplete(function () {
- var path = _el.val();
- if (path.indexOf(".") > -1) {
- path = path.substr(path.lastIndexOf(".") + 1);
- }
- guessHivePath(path);
- });
- }
- });
- function smartTooltipMaker() {
- if (_this.options.smartTooltip != "" && typeof $.totalStorage != "undefined" && $.totalStorage("jHueHiveAutocompleteTooltip") != -1) {
- var cnt = 0;
- if ($.totalStorage("jHueHiveAutocompleteTooltip") != null) {
- cnt = $.totalStorage("jHueHiveAutocompleteTooltip") + 1;
- }
- $.totalStorage("jHueHiveAutocompleteTooltip", cnt);
- if (cnt >= _this.options.smartTooltipThreshold) {
- _el.tooltip({
- animation: true,
- title: _this.options.smartTooltip,
- trigger: "manual",
- placement: "top"
- }).tooltip("show");
- window.setTimeout(function () {
- _el.tooltip("hide");
- }, 10000);
- $.totalStorage("jHueHiveAutocompleteTooltip", -1);
- }
- }
- }
- $(window).on("scroll", function(){
- $("#jHueHiveAutocomplete").css("top", _el.offset().top + _el.outerHeight()).css("left", _el.offset().left).width(_el.width());
- });
- var _hdfsAutocompleteSelectedIndex = -1;
- var _filterTimeout = -1;
- _el.keyup(function (e) {
- window.clearTimeout(_filterTimeout);
- if ($.inArray(e.keyCode, [17, 38, 40, 13, 32, 191]) == -1) {
- _hdfsAutocompleteSelectedIndex = -1;
- _filterTimeout = window.setTimeout(function () {
- var path = _el.val();
- if (path.indexOf(".") > -1) {
- path = path.substr(path.lastIndexOf(".") + 1);
- }
- $("#jHueHiveAutocomplete ul li").show();
- if (path != ""){
- $("#jHueHiveAutocomplete ul li").each(function () {
- if ($(this).text().trim().indexOf(path) != 0) {
- $(this).hide();
- }
- });
- }
- }, 500);
- }
- if (e.keyCode == 38) {
- if (_hdfsAutocompleteSelectedIndex <= 0) {
- _hdfsAutocompleteSelectedIndex = $("#jHueHiveAutocomplete ul li:visible").length - 1;
- }
- else {
- _hdfsAutocompleteSelectedIndex--;
- }
- }
- if (e.keyCode == 40) {
- if (_hdfsAutocompleteSelectedIndex == $("#jHueHiveAutocomplete ul li:visible").length - 1) {
- _hdfsAutocompleteSelectedIndex = 0;
- }
- else {
- _hdfsAutocompleteSelectedIndex++;
- }
- }
- if (e.keyCode == 38 || e.keyCode == 40) {
- smartTooltipMaker();
- $("#jHueHiveAutocomplete ul li").removeClass("active");
- $("#jHueHiveAutocomplete ul li:visible").eq(_hdfsAutocompleteSelectedIndex).addClass("active");
- $("#jHueHiveAutocomplete .popover-content").scrollTop($("#jHueHiveAutocomplete ul li:visible").eq(_hdfsAutocompleteSelectedIndex).prevAll().length * $("#jHueHiveAutocomplete ul li:visible").eq(_hdfsAutocompleteSelectedIndex).outerHeight());
- }
- if ((e.keyCode == 32 && e.ctrlKey) || e.keyCode == 191) {
- smartTooltipMaker();
- showHiveAutocomplete();
- }
- if (e.keyCode == 13) {
- if (_hdfsAutocompleteSelectedIndex > -1) {
- $("#jHueHiveAutocomplete ul li:visible").eq(_hdfsAutocompleteSelectedIndex).click();
- }
- else {
- _this.options.onEnter($(this));
- }
- $("#jHueHiveAutocomplete").hide();
- _hdfsAutocompleteSelectedIndex = -1;
- }
- });
- var _pauseBlur = false;
- _el.blur(function () {
- if (!_pauseBlur) {
- $(document.body).off("contextmenu");
- $("#jHueHiveAutocomplete").hide();
- _this.options.onBlur();
- }
- });
- var BASE_PATH = "/beeswax/api/autocomplete/";
- var _currentFiles = [];
- function showHiveAutocomplete(callback) {
- var path = _el.val();
- var autocompleteUrl = BASE_PATH;
- if (path != "" && path.indexOf(".") == -1) {
- path = "";
- }
- if (path != "" && path.lastIndexOf(".") != path.length - 1) {
- path = path.substring(0, _el.val().lastIndexOf("."));
- }
- autocompleteUrl += path.replace(/\./g, "/");
- $.getJSON(autocompleteUrl, function (data) {
- if (data.error == null) {
- _currentFiles = [];
- var _ico = "";
- var _iterable = [];
- if (data.databases != null){ // it's a db
- _iterable = data.databases;
- _ico = "fa-database";
- }
- else if (data.tables != null) { // it's a table
- _iterable = data.tables;
- _ico = "fa-table";
- }
- else {
- _iterable = data.columns;
- _ico = "fa-columns";
- }
- $(_iterable).each(function (cnt, item) {
- _currentFiles.push('<li class="hiveAutocompleteItem" data-value="' + item + '"><i class="fa '+ _ico +'"></i> ' + item + '</li>');
- });
- $("#jHueHiveAutocomplete").css("top", _el.offset().top + _el.outerHeight()).css("left", _el.offset().left).width(_el.width());
- $("#jHueHiveAutocomplete").find("ul").empty().html(_currentFiles.join(""));
- $("#jHueHiveAutocomplete").find("li").on("click", function (e) {
- smartTooltipMaker();
- e.preventDefault();
- var item = $(this).text().trim();
- var path = autocompleteUrl.substring(BASE_PATH.length);
- if ($(this).html().indexOf("database") > -1){
- _el.val(item + ".");
- _this.options.onPathChange(item);
- showHiveAutocomplete();
- }
- if ($(this).html().indexOf("table") > -1){
- if (_el.val().indexOf(".") > -1){
- if (_el.val().match(/\./gi).length == 1){
- _el.val(_el.val().substring(0, _el.val().lastIndexOf(".") + 1) + item + ".");
- }
- else {
- _el.val(_el.val().substring(0, _el.val().indexOf(".") + 1) + item + ".");
- }
- }
- else {
- _el.val(_el.val() + item + ".");
- }
- _this.options.onPathChange(_el.val());
- showHiveAutocomplete();
- }
- if ($(this).html().indexOf("columns") > -1){
- if (_el.val().match(/\./gi).length > 1){
- _el.val(_el.val().substring(0, _el.val().lastIndexOf(".") + 1) + item);
- }
- else {
- _el.val(_el.val() + "." + item);
- }
- $("#jHueHiveAutocomplete").hide();
- _hdfsAutocompleteSelectedIndex = -1;
- //_this.options.onEnter(_el);
- _this.options.onPathChange(_el.val());
- }
- });
- $("#jHueHiveAutocomplete").show();
- window.setTimeout(function(){
- setHueBreadcrumbCaretAtEnd(_this.element);
- }, 100)
- if ("undefined" != typeof callback) {
- callback();
- }
- }
- });
- }
- $(document).on("mouseenter", ".hiveAutocompleteItem", function () {
- _pauseBlur = true;
- });
- $(document).on("mouseout", ".hiveAutocompleteItem", function () {
- _pauseBlur = false;
- })
- function guessHivePath(lastChars) {
- var possibleMatches = [];
- for (var i = 0; i < _currentFiles.length; i++) {
- if (($(_currentFiles[i]).text().trim().indexOf(lastChars) == 0 || lastChars == "") && $(_currentFiles[i]).text().trim() != "..") {
- possibleMatches.push(_currentFiles[i]);
- }
- }
- if (possibleMatches.length == 1) {
- _el.val(_el.val() + $(possibleMatches[0]).text().trim().substr(lastChars.length));
- if ($(possibleMatches[0]).html().indexOf("folder") > -1) {
- _el.val(_el.val() + "/");
- showHiveAutocomplete();
- }
- }
- else if (possibleMatches.length > 1) {
- // finds the longest common prefix
- var possibleMatchesPlain = [];
- for (var z = 0; z < possibleMatches.length; z++) {
- possibleMatchesPlain.push($(possibleMatches[z]).text().trim());
- }
- var arr = possibleMatchesPlain.slice(0).sort(),
- word1 = arr[0], word2 = arr[arr.length - 1],
- j = 0;
- while (word1.charAt(j) == word2.charAt(j))++j;
- var match = word1.substring(0, j);
- _el.val(_el.val() + match.substr(lastChars.length));
- }
- }
- };
- Plugin.prototype.setOptions = function (options) {
- this.options = $.extend({}, defaults, options);
- };
- $.fn[pluginName] = function (options) {
- return this.each(function () {
- if (!$.data(this, 'plugin_' + pluginName)) {
- $.data(this, 'plugin_' + pluginName, new Plugin(this, options));
- }
- });
- }
- $[pluginName] = function (options) {
- if (typeof console != "undefined") {
- console.warn("$(elem).jHueHiveAutocomplete() is a preferred call method.");
- }
- $(options.element).jHueHiveAutocomplete(options);
- };
- })(jQuery, window, document);
|