var IndexView = View.extend({
  events: {},

  action: "/api/index",
  keywordAction: "/api/keyword/",

  initialize: function (opt) {
    // opt.parent = parent
    this.hootbox = new HootBox({ parent: this });
    this.threadbox = new ThreadBox({ parent: this });
    this.lastlog = new LastLog({ parent: this });
    this.countdown = new Countdown({ parent: this });
  },

  load: function (keyword) {
    $("body").addClass("index");
    if (keyword) {
      $(".subtitle").html(
        '<a href="/">&lt; Home</a> &middot; <a href="/keywords">Keywords</a>'
      );
      this.threadbox.options.latest = false;
      this.threadbox.options.welcome = false;
      $.get(this.keywordAction + keyword, this.populate.bind(this));
    } else {
      this.hootbox.options.required = true;
      this.threadbox.options.latest = true;
      this.threadbox.options.welcome = true;
      $.get(this.action, this.populate.bind(this));
    }
  },

  populate: function (data) {
    $("body").removeClass("loading");
    this.data = data;
    this.hootbox.load(data.hootbox);
    this.threadbox.load(data);
    this.lastlog.load(data.lastlog);
    if (data.mail.count) {
      $(".alert")
        .show()
        .html(
          "<a href='/mail'>" +
            "You have " +
            data.mail.count +
            " new message" +
            courtesy_s(data.mail.count) +
            "!</a>"
        );
      if (is_mobile) {
        $("#content").prepend($(".alert"));
      }
    }
    $(".search_form input").focus();
  },

  success: function () {
    window.location.href = "/index";
  },
});