discourse-data-explorer/assets/javascripts/discourse/components/query-row-content.js.es6

import { categoryLinkHTML } from 'discourse/helpers/category-link';
import { autoUpdatingRelativeAge } from 'discourse/lib/formatter';
import { bufferedRender } from 'discourse-common/lib/buffered-render';

function icon_or_image_replacement(str, ctx) {
  str = Ember.get(ctx.contexts[0], str);
  if (Ember.isEmpty(str)) { return ""; }

  if (str.indexOf('fa-') === 0) {
    return new Handlebars.SafeString("<i class='fa " + str + "'></i>");
  } else {
    return new Handlebars.SafeString("<img src='" + str + "'>");
  }
}

function category_badge_replacement(str, ctx) {
  const category = Ember.get(ctx.contexts[0], str);
  return categoryLinkHTML(category, {
    allowUncategorized: true,
  });
}

function bound_date_replacement(str, ctx) {
  const value = Ember.get(ctx.contexts[0], str);
  return new Handlebars.SafeString(autoUpdatingRelativeAge(new Date(value), {title: true }));
}

const esc = Handlebars.Utils.escapeExpression;

const QueryRowContentComponent = Ember.Component.extend(bufferedRender({
  tagName: "tr",

  buildBuffer(buffer) {
    const self = this;
    const row = this.get('row');
    const parentView = self.get('parentView');
    const fallback = this.get('fallbackTemplate');
    const helpers = {
      "icon-or-image": icon_or_image_replacement,
      "category-link": category_badge_replacement,
      "reltime": bound_date_replacement,
    };

    const parts = this.get('columnTemplates').map(function(t, idx) {
      const value = row[idx],
        id = parseInt(value);

      const ctx = {value, id, baseuri: Discourse.BaseUri === '/' ? '' : Discourse.BaseUri };
      const params = {};

      if (row[idx] === null) {
        return "NULL";
      } else if (t.name === "text") {
        return esc(row[idx]);
      }

      const lookupFunc = parentView[`lookup${t.name.capitalize()}`];
      if (lookupFunc) {
        ctx[t.name] = parentView[`lookup${t.name.capitalize()}`](id);
      }

      if (t.name === "category" || t.name === "badge" || t.name === "reltime") {
        // only replace helpers if needed
        params.helpers = helpers;
      }

      try {
        return new Handlebars.SafeString((t.template || fallback)(ctx, params));
      } catch (e) {
        console.error(e);
        return "error";
      }
    });

    buffer.push("<td>" + parts.join("</td><td>") + "</td>");
  }
}));

export default QueryRowContentComponent;