var KeywordsView = View.extend({
  el: "#keyword_list",

  events: {},

  action: "/api/keywords/statistics",

  initialize: function (opt) {
    this.template = this.$(".template").html();
    this.form = new NewKeywordForm({ parent: this });
  },

  load: function () {
    $.get(this.action, this.populate.bind(this));
  },

  sort: {
    field: "name",
    order: "asc",
  },

  onSort: function () {
    this.sort = {};
  },

  populate: function (data) {
    this.data = data;
    // console.log(data)
    var keywordThreads = {};
    var keywordStats = {};
    data.threads.forEach((kw) => {
      keywordThreads[kw.keyword] = kw;
    });
    data.threadGroups.forEach((kw) => {
      keywordStats[kw.keyword] = kw;
    });
    this.sortKeywords(data.keywords, this.sort.field, this.sort.order).forEach(
      (keyword) => {
        var thread = keywordThreads[keyword.keyword.toLowerCase()] || {};
        var stats = keywordStats[keyword.keyword.toLowerCase()] || {};
        // {
        // keyword: "warez",
        // sum(`viewed`): "498",
        // id: 701,
        // title: "EMS SYNTHI PLUG FOR MAC",
        // lastmodified: 1192401724
        // },
        // console.log(keyword, thread)
        var viewed = stats["sum(`viewed`)"];
        var views = viewed ? hush_views(viewed) : ["", ""];
        var threadCountNum = stats["count(*)"];
        var threadCount = threadCountNum
          ? hush_threads(threadCountNum)
          : ["", ""];
        var dot = privacy_dot(thread.privacy);
        var datetime = verbose_date(keyword.createdate);
        var age = get_age(thread.lastmodified);
        var id = thread.id + get_revision(thread);
        var t = this.template
          .replace(/{{keyword}}/g, sanitizeHTML(keyword.keyword))
          .replace(/{{id}}/g, id)
          .replace(/{{username}}/g, keyword.username)
          .replace(/{{privacy_dot}}/g, dot)
          .replace(/{{title}}/g, thread.title)
          .replace(/{{date}}/g, datetime[0])
          .replace(/{{time}}/g, datetime[1])
          .replace(/{{date_class}}/g, carbon_date(thread.lastmodified))
          .replace(/{{age_opacity}}/g, get_age_opacity(thread.lastmodified))
          .replace(/{{views_opacity}}/g, get_views_opacity(viewed))
          .replace(/{{thread_opacity}}/g, get_size_opacity(threadCountNum))
          .replace(/{{views}}/g, views[1])
          .replace(/{{threadcount}}/, threadCount[1])
          .replace(/{{threadcount_class}}/, threadCount[0])
          //         .replace(/{{comments}}/g, comments[1])
          //         .replace(/{{files}}/g, files[1])
          //         .replace(/{{size}}/g, size[1] )
          .replace(/{{views_class}}/g, views[0])
          //         .replace(/{{comments_class}}/g, comments[0])
          //         .replace(/{{files_class}}/g, files[0])
          //         .replace(/{{show_files}}/g, thread.file_count == 0 ? "hidden" : "")
          //         .replace(/{{size_class}}/g, size[0] )
          .replace(/{{color}}/g, thread.color || "blue");

        this.$el.append(t);
      }
    );
    $("body").removeClass("loading");
  },

  sortKeywords: function (keywords, sort, order) {
    if (!keywords.length) {
      return [];
    }
    let mapper, sorter;
    switch (sort) {
      case "name":
        mapper = (keyword) => [keyword.keyword.toLowerCase(), keyword];
        sorter = order === "asc" ? sortTextAscending : sortTextDescending;
        break;

      case "date":
        mapper = (keyword) => [keyword.date, keyword];
        sorter = order === "asc" ? sortNumberDescending : sortNumberAscending;
        break;
      default:
      case "views":
        return files;
        mapper = (keyword) => [keyword["sum(`viewed`)"], keyword];
        sorter = order === "asc" ? sortNumberAscending : sortNumberDescending;
        break;
    }
    return keywords
      .map(mapper)
      .sort(sorter)
      .map(([, keyword]) => keyword);
  },
});

const sortTextAscending = (a, b) => a[0].localeCompare(b[0]);
const sortTextDescending = (a, b) => b[0].localeCompare(a[0]);
const sortNumberAscending = (a, b) => a[0] - b[0];
const sortNumberDescending = (a, b) => b[0] - a[0];