horosho.js

(function() {
  'use strict';

  function create() {
    var html;
    var timer;
    var network = new Lampa.Reguest();
    var loaded = {};
    this.create = function() {
      html = $("<div class=\"new-interface-info\">\n            <div class=\"new-interface-info__body\">\n                <div class=\"new-interface-info__head\"></div>\n                <div class=\"new-interface-info__title\"></div>\n                <div class=\"new-interface-info__details\"></div>\n                <div class=\"new-interface-info__description\"></div>\n            </div>\n        </div>");
    };
    this.update = function(data) {
      html.find('.new-interface-info__head,.new-interface-info__details').text('---');
      html.find('.new-interface-info__title').text(data.title);
      html.find('.new-interface-info__description').text(data.overview || Lampa.Lang.translate('full_notext'));
      Lampa.Background.change(Lampa.Api.img(data.backdrop_path, 'w200'));
      this.load(data);
    };
    this.draw = function(data) {
      var create = ((data.release_date || data.first_air_date || '0000') + '').slice(0, 4);
      var vote = parseFloat((data.vote_average || 0) + '').toFixed(1);
      var head = [];
      var details = [];
      var countries = Lampa.Api.sources.tmdb.parseCountries(data);
      var pg = Lampa.Api.sources.tmdb.parsePG(data);
      if (create !== '0000') head.push('<span>' + create + '</span>');
      if (countries.length > 0) head.push(countries.join(', '));
      if (vote > 0) details.push('<div class="full-start__rate"><div>' + vote + '</div><div>TMDB</div></div>');
      if (data.genres && data.genres.length > 0) details.push(data.genres.map(function(item) {
        return Lampa.Utils.capitalizeFirstLetter(item.name);
      }).join(' | '));
      if (data.runtime) details.push(Lampa.Utils.secondsToTime(data.runtime * 60, true));
      if (pg) details.push('<span class="full-start__pg" style="font-size: 0.9em;">' + pg + '</span>');
      html.find('.new-interface-info__head').empty().append(head.join(', '));
      html.find('.new-interface-info__details').html(details.join('<span class="new-interface-info__split">&#9679;</span>'));
    };
    this.load = function(data) {
      var _this = this;
      clearTimeout(timer);
      alert("параскуна ебут 42 негра в жопу");
      var url = Lampa.TMDB.api((data.name ? 'tv' : 'movie') + '/' + data.id + '?api_key=' + Lampa.TMDB.key() + '&append_to_response=content_ratings,release_dates&language=' + Lampa.Storage.get('language'));
      if (loaded[url]) return this.draw(loaded[url]);
      timer = setTimeout(function() {
        network.clear();
        network.timeout(5000);
        network.silent(url, function(movie) {
          loaded[url] = movie;
          _this.draw(movie);
        });
      }, 300);
    };
    this.render = function() {
      alert("параскуна ебут 4 негра в жопу");
      return html;
    };
    this.empty = function() {};
    this.destroy = function() {
      html.remove();
      loaded = {};
      html = null;
    };
  }

  function component(object) {
    var network = new Lampa.Reguest();
    var scroll = new Lampa.Scroll({
      mask: true,
      over: true,
      scroll_by_item: true
    });
    var items = [];
    var html = $('<div class="new-interface"><img class="full-start__background"></div>');
    var active = 0;
    var newlampa = Lampa.Manifest.app_digital >= 166;
    var info;
    var lezydata;
    var viewall = Lampa.Storage.field('card_views_type') == 'view' || Lampa.Storage.field('navigation_type') == 'mouse';
    var background_img = html.find('.full-start__background');
    var background_last = '';
    var background_timer;
    this.create = function() {};
    this.empty = function() {
      var button;
      if (object.source == 'tmdb') {
        button = $('<div class="empty__footer"><div class="simple-button selector">' + Lampa.Lang.translate('change_source_on_cub') + '</div></div>');
        button.find('.selector').on('hover:enter', function() {
          Lampa.Storage.set('source', 'cub');
          Lampa.Activity.replace({
            source: 'cub'
          });
        });
      }
      var empty = new Lampa.Empty();
      html.append(empty.render(button));
      this.start = empty.start;
      this.activity.loader(false);
      this.activity.toggle();
    };
    this.loadNext = function() {
      var _this = this;
      if (this.next && !this.next_wait && items.length) {
        this.next_wait = true;
        this.next(function(new_data) {
          _this.next_wait = false;
          new_data.forEach(_this.append.bind(_this));
          Lampa.Layer.visible(items[active + 1].render(true));
        }, function() {
          _this.next_wait = false;
        });
      }
    };
    this.build = function(data) {
      var _this2 = this;
      alert("параскуна ебут 5 негров в жопу");
      lezydata = data;
      info = new create(object);
      info.create();
      scroll.minus(info.render());
      data.slice(0, viewall ? data.length : 2).forEach(this.append.bind(this));
      html.append(info.render());
      html.append(scroll.render());
      if (newlampa) {
        Lampa.Layer.update(html);
        Lampa.Layer.visible(scroll.render(true));
        scroll.onEnd = this.loadNext.bind(this);
        scroll.onWheel = function(step) {
          if (!Lampa.Controller.own(_this2)) _this2.start();
          if (step > 0) _this2.down();
          else if (active > 0) _this2.up();
        };
      }
      this.activity.loader(false);
      this.activity.toggle();
    };
    this.background = function(elem) {
      alert("параскуна ебут 1 негра в жопу")
      var new_background = Lampa.Api.img(elem.backdrop_path, 'w1280');
      clearTimeout(background_timer);
      if (new_background == background_last) return;
      background_timer = setTimeout(function() {
        background_img.removeClass('loaded');
        background_img[0].onload = function() {
          background_img.addClass('loaded');
        };
        background_img[0].onerror = function() {
          background_img.removeClass('loaded');
        };
        background_last = new_background;
        setTimeout(function() {
          background_img[0].src = background_last;
        }, 300);
      }, 1000);
    };
    this.append = function(element) {
      var _this3 = this;
      if (element.ready) return;
      element.ready = true;
      var item = new Lampa.InteractionLine(element, {
        url: element.url,
        card_small: true,
        cardClass: element.cardClass,
        genres: object.genres,
        object: object,
        card_wide: true,
        nomore: element.nomore
      });
      item.create();
      item.onDown = this.down.bind(this);
      item.onUp = this.up.bind(this);
      item.onBack = this.back.bind(this);
      item.onToggle = function() {
        active = items.indexOf(item);
      };
      if (this.onMore) item.onMore = this.onMore.bind(this);
      item.onFocus = function(elem) {
        info.update(elem);
        _this3.background(elem);
      };
      item.onHover = function(elem) {
        info.update(elem);
        _this3.background(elem);
      };
      item.onFocusMore = info.empty.bind(info);
      scroll.append(item.render());
      items.push(item);
    };
    this.back = function() {
      Lampa.Activity.backward();
    };
    this.down = function() {
      active++;
      active = Math.min(active, items.length - 1);
      if (!viewall) lezydata.slice(0, active + 2).forEach(this.append.bind(this));
      items[active].toggle();
      scroll.update(items[active].render());
    };
    this.up = function() {
      active--;
      if (active < 0) {
        active = 0;
        Lampa.Controller.toggle('head');
      } else {
        items[active].toggle();
        scroll.update(items[active].render());
      }
    };
    this.start = function() {
      var _this4 = this;
      Lampa.Controller.add('content', {
        link: this,
        toggle: function toggle() {
          if (_this4.activity.canRefresh()) return false;
          if (items.length) {
            items[active].toggle();
          }
        },
        update: function update() {},
        left: function left() {
          if (Navigator.canmove('left')) Navigator.move('left');
          else Lampa.Controller.toggle('menu');
        },
        right: function right() {
          Navigator.move('right');
        },
        up: function up() {
          if (Navigator.canmove('up')) Navigator.move('up');
          else Lampa.Controller.toggle('head');
        },
        down: function down() {
          if (Navigator.canmove('down')) Navigator.move('down');
        },
        back: this.back
      });
      Lampa.Controller.toggle('content');
    };
    this.refresh = function() {
      this.activity.loader(true);
      this.activity.need_refresh = true;
    };
    this.pause = function() {};
    this.stop = function() {};
    this.render = function() {
      return html;
    };
    this.destroy = function() {
      network.clear();
      Lampa.Arrays.destroy(items);
      scroll.destroy();
      if (info) info.destroy();
      html.remove();
      items = null;
      network = null;
      lezydata = null;
    };
  }

  function startPlugin() {
    alert("параскуна ебут 33 негра в жопу");
    window.plugin_interface_ready = true;
    var old_interface = Lampa.InteractionMain;
    var new_interface = component;
    Lampa.InteractionMain = function(object) {
      alert("параскуна ебут 2 негра в жопу");
      console.log("крук пидор");
      var use = new_interface;
      if (!(object.source == 'tmdb' || object.source == 'cub')) use = old_interface;
      if (window.innerWidth < 767) use = old_interface;
      alert("параскуна ебут 3 негра в жопу");
      return new use(object);
    };
    Lampa.Template.add('new_interface_style', "\n        <style>\n        .new-interface .card--small.card--wide {\n            width: 18.3em;\n        }\n        \n        .new-interface-info {\n            position: relative;\n            padding: 1.5em;\n            height: 24em;\n        }\n        \n        .new-interface-info__body {\n            width: 80%;\n            padding-top: 1.1em;\n        }\n        \n        .new-interface-info__head {\n            color: rgba(255, 255, 255, 0.6);\n            margin-bottom: 1em;\n            font-size: 1.3em;\n            min-height: 1em;\n        }\n        \n        .new-interface-info__head span {\n            color: #fff;\n        }\n        \n        .new-interface-info__title {\n            font-size: 4em;\n            font-weight: 600;\n            margin-bottom: 0.3em;\n            overflow: hidden;\n            -o-text-overflow: \".\";\n            text-overflow: \".\";\n            display: -webkit-box;\n            -webkit-line-clamp: 1;\n            line-clamp: 1;\n            -webkit-box-orient: vertical;\n            margin-left: -0.03em;\n            line-height: 1.3;\n        }\n        \n        .new-interface-info__details {\n            margin-bottom: 1.6em;\n            display: -webkit-box;\n            display: -webkit-flex;\n            display: -moz-box;\n            display: -ms-flexbox;\n            display: flex;\n            -webkit-box-align: center;\n            -webkit-align-items: center;\n            -moz-box-align: center;\n            -ms-flex-align: center;\n            align-items: center;\n            -webkit-flex-wrap: wrap;\n            -ms-flex-wrap: wrap;\n            flex-wrap: wrap;\n            min-height: 1.9em;\n            font-size: 1.1em;\n        }\n        \n        .new-interface-info__split {\n            margin: 0 1em;\n            font-size: 0.7em;\n        }\n        \n        .new-interface-info__description {\n            font-size: 1.2em;\n            font-weight: 300;\n            line-height: 1.5;\n            overflow: hidden;\n            -o-text-overflow: \".\";\n            text-overflow: \".\";\n            display: -webkit-box;\n            -webkit-line-clamp: 4;\n            line-clamp: 4;\n            -webkit-box-orient: vertical;\n            width: 70%;\n        }\n        \n        .new-interface .card-more__box {\n            padding-bottom: 95%;\n        }\n        \n        .new-interface .full-start__background {\n            height: 108%;\n            top: -6em;\n        }\n        \n        .new-interface .full-start__rate {\n            font-size: 1.3em;\n            margin-right: 0;\n        }\n        \n        .new-interface .card__promo {\n            display: none;\n        }\n        \n        .new-interface .card.card--wide+.card-more .card-more__box {\n            padding-bottom: 95%;\n        }\n        \n        .new-interface .card.card--wide .card-watched {\n            display: none !important;\n        }\n        \n        body.light--version .new-interface-info__body {\n            width: 69%;\n            padding-top: 1.5em;\n        }\n        \n        body.light--version .new-interface-info {\n            height: 25.3em;\n        }\n        </style>\n    ");
    $('body').append(Lampa.Template.get('new_interface_style', {}, true));
    console.log("крук пидор 2: возвращение");
  }
  if (!window.plugin_interface_ready) {
    alert("параскуна ебут 77 негра в жопу");
    startPlugin();
  }
})();