first commit

modules/admin_toolbar/admin_toolbar_search/js/admin_toolbar_search.js

@@ -0,0 +1,151 @@
+/**
+ * @file
+ * Behaviors for the search widget in the admin toolbar.
+ */
+
+(function ($, Drupal) {
+
+  'use strict';
+
+  Drupal.behaviors.adminToolbarSearch = {
+
+    // If extra links have been fetched.
+    extraFetched: false,
+
+    attach: function (context) {
+      if (context != document) {
+        return;
+      }
+
+      var $self = this;
+
+      const elements = once('admin-toolbar-search', '#toolbar-bar', context);
+      $(elements).each(function () {
+        $self.links = [];
+
+        var $searchTab = $(this).find('#admin-toolbar-search-tab')
+        var $searchInput = $searchTab.find('#admin-toolbar-search-input');
+
+        if ($searchInput.length === 0) {
+          return;
+        }
+
+        $searchInput.autocomplete({
+          minLength: 2,
+          position: { collision : 'fit' },
+          source: function (request, response) {
+            var data = $self.handleAutocomplete(request.term);
+            if (!$self.extraFetched && drupalSettings.adminToolbarSearch.loadExtraLinks) {
+              $.getJSON( Drupal.url('admin/admin-toolbar-search'), function ( data ) {
+                $(data).each(function () {
+                  var item = this;
+                  item.label = this.labelRaw + ' ' + this.value;
+                  $self.links.push(item);
+                });
+
+                $self.extraFetched = true;
+
+                var results = $self.handleAutocomplete(request.term);
+                response(results);
+              });
+            }
+            else {
+              response(data);
+            }
+          },
+          open: function () {
+            var zIndex = $('#toolbar-item-administration-tray')
+              .css('z-index') + 1;
+            $(this).autocomplete('widget').css('z-index', zIndex);
+
+            return false;
+          },
+          select: function (event, ui) {
+            if (ui.item.value) {
+              location.href = ui.item.value;
+              return false;
+            }
+          }
+        }).data('ui-autocomplete')._renderItem = (function (ul, item) {
+          ul.addClass('admin-toolbar-search-autocomplete-list');
+          return $('<li>')
+            .append('<div ><a href="' + item.value + '" onclick="window.open(this.href); return false;" >' + item.labelRaw + ' <span class="admin-toolbar-search-url">' + item.value + '</span></a></div>')
+            .appendTo(ul);
+        });
+
+        // Populate the links for search results when the input is pressed.
+        $searchInput.focus(function () {
+          Drupal.behaviors.adminToolbarSearch.populateLinks($self);
+        });
+
+        // Show/hide search input field when mobile tab item is pressed.
+        $('#admin-toolbar-mobile-search-tab .toolbar-item', context).click(function (e) {
+          e.preventDefault();
+          $(this).toggleClass('is-active');
+          $searchTab.toggleClass('visible');
+          $searchInput.focus();
+        });
+      });
+    },
+    getItemLabel: function (item) {
+      var breadcrumbs = [];
+      $(item).parents().each(function () {
+        if ($(this).hasClass('menu-item')) {
+          var $link = $(this).find('a:first');
+          if ($link.length && !$link.hasClass('admin-toolbar-search-ignore')) {
+            breadcrumbs.unshift($link.text());
+          }
+        }
+      });
+      return breadcrumbs.join(' > ');
+    },
+    handleAutocomplete: function (term) {
+      var $self = this;
+      var keywords = term.split(" "); // Split search terms into list.
+
+      var suggestions = [];
+      $self.links.forEach(function (element) {
+        var label = element.label.toLowerCase();
+
+        // Add exact matches.
+        if (label.indexOf(term.toLowerCase()) >= 0) {
+          suggestions.push(element);
+        }
+        else {
+          // Add suggestions where it matches all search terms.
+          var matchCount = 0;
+          keywords.forEach(function (keyword) {
+            if (label.indexOf(keyword.toLowerCase()) >= 0) {
+              matchCount++;
+            }
+          });
+          if (matchCount == keywords.length) {
+            suggestions.push(element);
+          }
+        }
+      });
+      return suggestions;
+    },
+    /**
+     * Populates the links in admin toolbar search.
+     */
+    populateLinks: function ($self) {
+      // Populate only when links array is empty (only the first time).
+      if ($self.links.length === 0) {
+        var getUrl = window.location;
+        var baseUrl = getUrl.protocol + "//" + getUrl.host + "/";
+        $('.toolbar-tray a[data-drupal-link-system-path]').each(function () {
+          if (this.href !== baseUrl) {
+            var label = $self.getItemLabel(this);
+            $self.links.push({
+              'value': this.href,
+              'label': label + ' ' + this.href,
+              'labelRaw': Drupal.checkPlain(label)
+            });
+          }
+        });
+      }
+    },
+  };
+
+})(jQuery, Drupal);