@spalger/kibana/src/ui/public/directives/truncated.js

Kibana is an open source (Apache Licensed), browser based analytics and search dashboard for Elasticsearch. Kibana is a snap to setup and start using. Kibana strives to be easy to get started with, while also being flexible and powerful, just like Elastic

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

  module.directive('kbnTruncated', function ($compile) {
    return {
      restrict: 'E',
      scope: {
        orig: '@',
        length: '@'
      },
      template: function ($element, attrs) {
        var template = '<span>{{text}}</span>';
        template += '<span ng-if="orig.length > length"> <a ng-click="toggle()">{{action}}</a></span>';
        return template;
      },
      link: function ($scope, $element, attrs) {

        var fullText = $scope.orig;
        var truncated = fullText.substring(0, $scope.length);

        if (fullText === truncated) {
          $scope.text = fullText;
          return;
        }

        truncated += '...';

        $scope.expanded = false;
        $scope.text = truncated;
        $scope.action = 'more';

        $scope.toggle = function () {
          $scope.expanded = !$scope.expanded;
          $scope.text = $scope.expanded ? fullText : truncated;
          $scope.action = $scope.expanded ? 'less' : 'more';
        };
      }
    };
  });
});