Revert "(js) Drop sgTransformOnBlur directive"

This reverts commit 67258fe337. Fixes #3815
2026-08-10 17:33:25 +00:00 · 2016-09-28 13:50:44 -04:00
parent 3a61903e7f
commit 5e76627641
3 changed files with 75 additions and 4 deletions
@@ -0,0 +1,71 @@
+/* -*- Mode: javascript; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
+
+(function() {
+  /* jshint loopfunc: true */
+  'use strict';
+
+  /**
+   * sgTransformOnBlur - A directive to extend md-chips so the text of the input
+   * field is converted to a chip when the field is loosing focus.
+   *
+   * See issue on github:
+   *
+   *   https://github.com/angular/material/issues/3364
+   *
+   * Code is extracted from "MdChipsCtrl.prototype.onInputBlur" in controller:
+   *
+   *   angular-material/src/components/chips/js/chipsController.js
+   *
+   * @memberof SOGo.Common
+   * @ngInject
+   * @example:
+
+   <md-chips ng-model="editor.message.editable.to"
+             md-separator-keys="editor.recipientSeparatorKeys"
+             md-transform-chip="editor.addRecipient($chip, 'to')"
+             sg-transform-on-blur>
+   */
+  sgTransformOnBlur.$inject = ['$window', '$timeout'];
+  function sgTransformOnBlur($window, $timeout) {
+    return {
+      link: link,
+      require: 'mdChips', // Extends the original mdChips directive
+      restrict: 'A'
+    };
+
+    function link(scope, element, attributes, mdChipsCtrl) {
+      var mouseUpActions = [];
+
+      mdChipsCtrl.onInputBlur = function() {
+        var appendFcn;
+
+        this.inputHasFocus = false;
+        appendFcn = (function() {
+          var chipBuffer = this.getChipBuffer();
+          if ((this.hasAutocomplete && this.requireMatch) || !chipBuffer || chipBuffer === "") return;
+          this.appendChip(chipBuffer);
+          this.resetChipBuffer();
+        }).bind(this);
+
+        if (this.hasAutocomplete) {
+          mouseUpActions.push(appendFcn);
+          $window.addEventListener('click', function(event){
+            while (mouseUpActions.length > 0) {
+              // Trigger actions after some delay to give time to md-autocomple to clear the input field
+              var action = mouseUpActions.splice(0,1)[0];
+              $timeout(function(){
+                $timeout(action);
+              });
+            }
+          }, false);
+        }
+        else
+          appendFcn();
+      };
+    }
+  }
+
+  angular
+    .module('SOGo.Common')
+    .directive('sgTransformOnBlur', sgTransformOnBlur);
+})();