72 lines
2.1 KiB
JavaScript
72 lines
2.1 KiB
JavaScript
|
/* -*- 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);
|
||
|
})();
|