import { createWidget } from 'discourse/widgets/widget';
import { iconNode } from 'discourse/helpers/fa-icon-node';
import { longDate } from 'discourse/lib/formatter';
import { h } from 'virtual-dom';

const FIFTY_HOURS = 60 * 50 * 1000;

export default createWidget('post-edits-indicator', {
  tagName: 'div.post-info.edits',

  historyHeat(updatedAt) {
    if (!updatedAt) { return; }

    // Show heat on age
    const rightNow = new Date().getTime();
    const updatedAtTime = updatedAt.getTime();

    const siteSettings = this.siteSettings;
    if (updatedAtTime > (rightNow - FIFTY_HOURS * siteSettings.history_hours_low)) return 'heatmap-high';
    if (updatedAtTime > (rightNow - FIFTY_HOURS * siteSettings.history_hours_medium)) return 'heatmap-med';
    if (updatedAtTime > (rightNow - FIFTY_HOURS * siteSettings.history_hours_high)) return 'heatmap-low';
  },

  html(attrs) {
    let icon = 'pencil';
    const updatedAt = new Date(attrs.updated_at);
    let className = this.historyHeat(updatedAt);
    const date = longDate(updatedAt);
    let title;

    if (attrs.wiki) {
      icon = 'pencil-square-o';
      className = `${className} wiki`;

      if (attrs.version > 1) {
        title = `${I18n.t('post.last_edited_on')} ${date}`;
      } else {
        title = I18n.t('post.wiki.about');
      }
    } else {
      title = `${I18n.t('post.last_edited_on')} ${date}`;
    }

    const contents = [
      attrs.version > 1 ? attrs.version - 1 : '',
      ' ',
      iconNode(icon)
    ];

    return h('a', {
      className,
      attributes: { title }
    }, contents);
  },

  click() {
    if (this.attrs.wiki && this.attrs.version === 1) {
      this.sendWidgetAction('editPost');
    } else if (this.attrs.canViewEditHistory) {
      this.sendWidgetAction('showHistory');
    }
  }
});