kibana-with-account/src/ui/public/stringify/types/Url.js

kibana-with-account is develop based kibana project

define(function (require) {
  return function UrlFormatProvider(Private, highlightFilter) {
    var _ = require('lodash');

    var FieldFormat = Private(require('ui/index_patterns/_field_format/FieldFormat'));

    require('ui/field_format_editor/pattern/pattern');
    require('ui/stringify/icons');

    _.class(Url).inherits(FieldFormat);
    function Url(params) {
      Url.Super.call(this, params);
      this._compileTemplate = _.memoize(this._compileTemplate);
    }

    Url.id = 'url';
    Url.title = 'Url';
    Url.fieldType = [
      'number',
      'boolean',
      'date',
      'ip',
      'string',
      'murmur3',
      'unknown',
      'conflict'
    ];

    Url.editor = {
      template: require('ui/stringify/editors/url.html'),
      controllerAs: 'url',
      controller: function ($scope) {
        var iconPattern = '/bundles/src/ui/public/stringify/icons/{{value}}.png';

        this.samples = {
          a: [ 'john', '/some/pathname/asset.png', 1234 ],
          img: [ 'go', 'stop', ['de', 'ne', 'us', 'ni'], 'cv' ]
        };

        $scope.$watch('editor.formatParams.type', function (type, prev) {
          var params = $scope.editor.formatParams;
          if (type === 'img' && type !== prev && !params.urlTemplate) {
            params.urlTemplate = iconPattern;
          }
        });
      }
    };

    Url.templateMatchRE = /{{([\s\S]+?)}}/g;
    Url.paramDefaults = {
      type: 'a',
      urlTemplate: null,
      labelTemplate: null
    };

    Url.urlTypes = [
      { id: 'a', name: 'Link' },
      { id: 'img', name: 'Image' }
    ];

    Url.prototype._formatUrl = function (value) {
      var template = this.param('urlTemplate');
      if (!template) return value;

      return this._compileTemplate(template)({
        value: encodeURIComponent(value),
        rawValue: value
      });
    };

    Url.prototype._formatLabel = function (value, url) {
      var template = this.param('labelTemplate');
      if (url == null) url = this._formatUrl(value);
      if (!template) return url;

      return this._compileTemplate(template)({
        value: value,
        url: url
      });
    };

    Url.prototype._convert = {
      text: function (value) {
        return this._formatLabel(value);
      },

      html: function (rawValue, field, hit) {
        var url = _.escape(this._formatUrl(rawValue));
        var label = _.escape(this._formatLabel(rawValue, url));

        switch (this.param('type')) {
          case 'img':
            return '<img src="' + url + '" alt="' + label + '" title="' + label + '">';
          default:
            if (hit && hit.highlight && hit.highlight[field.name]) {
              label = highlightFilter(label, hit.highlight[field.name]);
            }

            return '<a href="' + url + '" target="_blank">' + label + '</a>';
        }
      }
    };

    Url.prototype._compileTemplate = function (template) {
      var parts = template.split(Url.templateMatchRE).map(function (part, i) {
        // trim all the odd bits, the variable names
        return (i % 2) ? part.trim() : part;
      });

      return function (locals) {
        // replace all the odd bits with their local var
        var output = '';
        var i = -1;
        while (++i < parts.length) {
          if (i % 2) {
            if (locals.hasOwnProperty(parts[i])) {
              var local = locals[parts[i]];
              output += local == null ? '' : local;
            }
          } else {
            output += parts[i];
          }
        }

        return output;
      };
    };

    return Url;
  };
});