kibana-with-account/src/ui/public/directives/css_truncate.js

kibana-with-account is develop based kibana project

define(function (require) {
  var module = require('ui/modules').get('kibana');
  var $ = require('jquery');
  var _ = require('lodash');

  module.directive('cssTruncate', function ($timeout) {
    return {
      restrict: 'A',
      scope: {},
      link: function ($scope, $elem, attrs) {

        $elem.css({
          overflow: 'hidden',
          'white-space': 'nowrap',
          'text-overflow': 'ellipsis',
          'word-break': 'break-all',
        });

        if (attrs.cssTruncateExpandable != null) {
          $scope.$watch(
            function () { return $elem.html(); },
            function () {
              if ($elem[0].offsetWidth < $elem[0].scrollWidth) {
                $elem.css({'cursor': 'pointer'});
                $elem.bind('click', function () {
                  $scope.toggle();
                });
              }
            }
          );
        }

        $scope.toggle = function () {
          if ($elem.css('white-space') !== 'normal') {
            $elem.css({'white-space': 'normal'});
          } else {
            $elem.css({'white-space': 'nowrap'});
          }
        };

        $scope.$on('$destroy', function () {
          $elem.unbind('click');
          $elem.unbind('mouseenter');
        });
      }
    };
  });
});