Update content of files

data/web/corefork.telegram.org/api/gifs.html

@@ -39,7 +39,7 @@
       <div class="container clearfix">
         <div class="dev_page">
           <div id="dev_page_content_wrap" class=" ">
-  <div class="dev_page_bread_crumbs"><ul class="breadcrumb clearfix"><li><a  href="/api" >API</a></li><i class="icon icon-breadcrumb-divider"></i><li><a  href="/api/gifs" >Working with GIFs</a></li></ul></div>
+  <div class="dev_page_bread_crumbs"><ul class="breadcrumb clearfix"><li><a  href="/api" >API</a></li><i class="icon icon-breadcrumb-divider"></i><li><a  href="/api/GIFs" >Working with GIFs</a></li></ul></div>
   <h1 id="dev_page_title">Working with GIFs</h1>
   
   <div id="dev_page_content"><!-- scroll_nav -->

data/web/fragment.com/js/auction.js

@@ -33,9 +33,12 @@ var Main = {
       state.$mainSearchForm.field('query').on('input', Main.eMainSearchInput);
       state.mainSearchCache = {};
       $('.js-form-clear', state.$mainSearchForm).on('click', Main.eMainSearchClear);
+      $('.js-x-scrollable').on('scroll', Main.eXScrollableUpdate);
+      $(window).on('resize', Main.eXScrollablesUpdate);
       Main.updateTime();
       Main.initViewport();
       Main.initLogo();
+      Main.eXScrollablesUpdate();
     });
     Aj.onUnload(function(state) {
       clearTimeout(Aj.state.searchTimeout);
@@ -46,6 +49,8 @@ var Main = {
       state.$mainSearchForm.off('submit', Main.eMainSearchSubmit);
       state.$mainSearchForm.field('query').off('input', Main.eMainSearchInput);
       $('.js-form-clear', state.$mainSearchForm).off('click', Main.eMainSearchClear);
+      $('.js-x-scrollable').off('scroll', Main.eXScrollableUpdate);
+      $(window).off('resize', Main.eXScrollablesUpdate);
     });
   },
   initForm: function(form) {
@@ -237,6 +242,15 @@ var Main = {
     e.preventDefault();
     closePopup(Aj.state.$headerMenu);
   },
+  eXScrollableUpdate: function() {
+    $(this).toggleClass('leftscroll', this.scrollLeft > 0);
+    $(this).toggleClass('rightscroll', this.scrollLeft < this.scrollWidth - this.clientWidth);
+  },
+  eXScrollablesUpdate: function() {
+    $('.js-x-scrollable').each(function() {
+      Main.eXScrollableUpdate.apply(this);
+    });
+  },
   openSimplePopup: function($popup) {
     var onEnterPress = function(e) {
       if (e.keyCode == Keys.RETURN) {
@@ -1909,7 +1923,7 @@ var Premium = {
     var $field = Aj.state.$premiumSearchField;
     var $btn   = Aj.state.$giftPremiumBtn;
     $form.field('recipient').value('');
-    $form.field('query').value('').prop('disabled', false);
+    $form.field('query').value('').prop('disabled', false).focus();
     $form.removeClass('myself');
     $btn.prop('disabled', true);
     $field.removeClass('found');
@@ -2196,7 +2210,7 @@ var PremiumGiveaway = {
     var $field = Aj.state.$premiumSearchField;
     var $btn   = Aj.state.$giveawayPremiumBtn;
     $form.field('recipient').value('');
-    $form.field('query').value('').prop('disabled', false);
+    $form.field('query').value('').prop('disabled', false).focus();
     $btn.prop('disabled', true);
     $field.removeClass('found');
     $('.js-search-field-error').html('');
@@ -2647,6 +2661,351 @@ var Ads = {
 };
 
 var Stars = {
+  init: function() {
+    Aj.onLoad(function(state) {
+      var cont = Aj.ajContainer;
+      $(cont).on('click.curPage', '.js-myself-link', Stars.eBuyForMyself);
+      $(cont).on('click.curPage', '.js-more-stars-btn', Stars.eBuyMoreStats);
+      $(cont).on('click.curPage', '.js-stars-buy-btn', Stars.eBuyStars);
+      $(cont).on('click.curPage', '.js-more-options', Stars.eShowMoreOptions);
+      state.$starsBuyPopup = $('.js-buy-stars-popup');
+      $(cont).on('submit.curPage', '.js-buy-stars-form', Stars.eBuyStarsSubmit);
+      state.$starsBuyForm = $('.js-buy-stars-form');
+      state.$starsSearchField = $('.js-stars-search-field');
+      state.$starsSearchForm = $('.js-stars-form');
+      state.$starsSearchForm.on('submit', Stars.eSearchSubmit);
+      state.$starsSearchForm.field('query').on('input', Stars.eSearchInput);
+      state.$starsSearchForm.field('query').on('change', Stars.eSearchChange);
+      $('.js-form-clear', state.$starsSearchForm).on('click', Stars.eSearchClear);
+      state.$starsQuantityField = $('.js-stars-quantity-field');
+      $(cont).on('click.curPage', '.js-quantity-clear', Stars.eQuantityClear);
+      state.$starsSearchForm.field('quantity').on('change', Stars.eQuantityChanged);
+      state.$starsSearchForm.on('change', '.js-stars-options input.radio', Stars.eRadioChanged);
+      state.$starsBuyForm.on('change', 'input.checkbox', Stars.eCheckboxChanged);
+      state.$starsBuyBtn = $('.js-stars-buy-btn');
+      state.curQuantity = state.$starsSearchForm.field('quantity').value();
+      state.curStars = state.$starsSearchForm.field('stars').value();
+      state.updLastReq = +Date.now();
+      if (state.needUpdate) {
+        state.updStateTo = setTimeout(Stars.updateState, Main.UPDATE_PERIOD);
+      }
+      $(cont).on('click.curPage', '.js-preview-sticker', function() {
+        RLottie.playUntilEnd(this);
+      });
+      $('.js-preview-sticker').each(function() {
+        RLottie.init(this, {playUntilEnd: true});
+      });
+      RLottie.init();
+    });
+    Aj.onUnload(function(state) {
+      clearTimeout(state.updStateTo);
+      state.needUpdate = false;
+      Main.destroyForm(state.$starsSearchForm);
+      state.$starsSearchForm.off('submit', Stars.eSearchSubmit);
+      state.$starsSearchForm.field('query').off('input', Stars.eSearchInput);
+      state.$starsSearchForm.field('query').off('change', Stars.eSearchChange);
+      $('.js-form-clear', state.$starsSearchForm).off('click', Stars.eSearchClear);
+      state.$starsSearchForm.field('quantity').off('change', Stars.eQuantityChanged);
+      state.$starsSearchForm.off('change', '.js-stars-options input.radio', Stars.eRadioChanged);
+      state.$starsBuyForm.off('change', 'input.checkbox', Stars.eCheckboxChanged);
+      $('.js-preview-sticker').each(function() {
+        RLottie.destroy(this);
+      });
+    });
+  },
+  updateState: function(force) {
+    var now = +Date.now();
+    if (document.hasFocus() || force ||
+        Aj.state.updLastReq && (now - Aj.state.updLastReq) > Main.FORCE_UPDATE_PERIOD) {
+      Aj.state.updLastReq = now;
+      Aj.apiRequest('updateStarsBuyState', {
+        mode: Aj.state.mode,
+        lv: Aj.state.lastVer,
+        dh: Aj.state.lastDh
+      }, function(result) {
+        if (result.mode) {
+          Aj.state.mode = result.mode;
+        }
+        if (result.html) {
+          Stars.updateContent(result.html);
+        } else {
+          if (result.history_html) {
+            Stars.updateHistory(result.history_html);
+          }
+          if (result.options_html) {
+            Stars.updateOptions(result.options_html);
+          }
+        }
+        if (result.lv) {
+          Aj.state.lastVer = result.lv;
+          if (Aj.state.$sentPopup) {
+            closePopup(Aj.state.$sentPopup);
+          }
+        }
+        if (result.dh) {
+          Aj.state.lastDh = result.dh;
+        }
+        if (Aj.state.needUpdate && result.need_update) {
+          Aj.state.updStateTo = setTimeout(Stars.updateState, Main.UPDATE_PERIOD);
+        }
+      });
+    } else {
+      if (Aj.state.needUpdate) {
+        Aj.state.updStateTo = setTimeout(Stars.updateState, Main.CHECK_PERIOD);
+      }
+    }
+  },
+  eSearchInput: function(e) {
+    var $field = Aj.state.$starsSearchForm;
+    $('.js-search-field-error').html('');
+    $field.removeClass('error');
+  },
+  eSearchChange: function(e) {
+    Stars.searchSubmit();
+  },
+  eSearchClear: function(e) {
+    var $form = Aj.state.$starsSearchForm;
+    var $field = Aj.state.$starsSearchField;
+    var $btn   = Aj.state.$starsBuyBtn;
+    $form.field('recipient').value('');
+    $form.field('query').value('').prop('disabled', false).focus();
+    $form.removeClass('myself');
+    $btn.prop('disabled', true);
+    $field.removeClass('found');
+    $('.js-search-field-error').html('');
+    $field.removeClass('error');
+    Stars.updateUrl();
+  },
+  eQuantityClear: function() {
+    Stars.clearQuantity(true);
+  },
+  clearQuantity: function(need_focus) {
+    var $form = Aj.state.$starsSearchForm;
+    var $field = $form.field('quantity');
+    $field.value('');
+    if (need_focus) {
+      $field.focus();
+    }
+    Aj.state.curQuantity = 0;
+    $('.js-quantity-field-error').html('');
+    $('.js-cur-price').html('');
+    Stars.updateButton();
+    Stars.updateUrl();
+  },
+  eQuantityChanged: function() {
+    var $form = Aj.state.$starsSearchForm;
+    var stars = +$form.field('stars').value();
+    var quantity = +$form.field('quantity').value();
+    $('.js-cur-price').html('');
+    Aj.state.$starsQuantityField.addClass('loading').removeClass('play').redraw().addClass('play');
+    Aj.apiRequest('updateStarsPrices', {
+      stars: stars,
+      quantity: quantity
+    }, function(result) {
+      if (result.error) {
+        $('.js-quantity-field-error').html(result.error);
+        quantity = 0;
+      } else {
+        $('.js-quantity-field-error').html('');
+      }
+      $('.js-cur-price').html(result.cur_price);
+      if (result.options_html) {
+        Stars.updateOptions(result.options_html);
+      }
+      if (result.dh) {
+        Aj.state.lastDh = result.dh;
+      }
+      Aj.state.curQuantity = quantity;
+      Aj.state.$starsQuantityField.removeClass('loading');
+      Aj.state.curStars = 0;
+      $('.js-stars-options input.radio:checked').prop('checked', false);
+      Stars.updateButton();
+      Stars.updateUrl();
+    });
+  },
+  eBuyForMyself: function(e) {
+    e.preventDefault();
+    Stars.updateResult(Aj.state.myselfResult);
+  },
+  eShowMoreOptions: function(e) {
+    e.preventDefault();
+    Stars.toggleOptions(true);
+  },
+  toggleOptions: function(expand) {
+    Aj.state.$starsSearchForm.toggleClass('options-expanded', expand).toggleClass('options-collapsed', !expand);
+  },
+  eRadioChanged: function() {
+    Stars.clearQuantity();
+    Aj.state.curStars = this.value;
+    Stars.updateButton();
+    Stars.updateUrl();
+  },
+  eCheckboxChanged: function() {
+    var $form = Aj.state.$starsBuyForm;
+    var show_sender = $form.field('show_sender').prop('checked');
+    Aj.state.$starsBuyPopup.toggleClass('show-sender', show_sender);
+  },
+  updateButton: function() {
+    var $form    = Aj.state.$starsSearchForm;
+    var quantity = Aj.state.curQuantity || Aj.state.curStars;
+    var btn_label = l('WEB_BUY_N_TELEGRAM_STARS_BUTTON', {n: quantity || 0, __format_number: true});
+    $('.js-stars-btn-label').html(btn_label);
+    Aj.state.$starsBuyBtn.prop('disabled', !quantity || !$form.field('recipient').value());
+  },
+  eSearchSubmit: function(e) {
+    e.preventDefault();
+    Stars.searchSubmit();
+  },
+  searchSubmit: function() {
+    var $form  = Aj.state.$starsSearchForm;
+    var recipient = $form.field('recipient').value();
+    var quantity = $form.field('quantity').value();
+    var query  = $form.field('query').value();
+    if (!query.length) {
+      $form.field('query').focus();
+      return;
+    }
+    Aj.state.$starsSearchField.addClass('loading').removeClass('play').redraw().addClass('play');
+    Aj.showProgress();
+    Aj.apiRequest('searchStarsRecipient', {
+      query: recipient || query,
+      quantity: quantity
+    }, function(result) {
+      Aj.hideProgress();
+      Stars.updateResult(result);
+      Aj.state.$starsSearchField.removeClass('loading');
+    });
+  },
+  updateResult: function(result) {
+    var $form  = Aj.state.$starsSearchForm;
+    var $field = Aj.state.$starsSearchField;
+    var $btn   = Aj.state.$starsBuyBtn;
+    if (result.error) {
+      $('.js-search-field-error').html(result.error);
+      $field.addClass('error').removeClass('found');
+      $form.field('query').prop('disabled', false);
+    } else {
+      $('.js-search-field-error').html('');
+      $field.removeClass('error');
+      if (result.found) {
+        if (result.found.photo) {
+          $('.js-stars-search-photo', $field).html(result.found.photo);
+        }
+        if (result.found.name) {
+          var $form = Aj.state.$starsSearchForm;
+          $form.field('query').value(uncleanHTML(result.found.name));
+        }
+        $form.toggleClass('myself', result.found.myself);
+        $form.field('recipient').value(result.found.recipient);
+        $field.addClass('found');
+        $form.field('query').prop('disabled', true);
+      } else {
+        $form.removeClass('myself');
+        $form.field('recipient').value('');
+        $field.removeClass('found');
+        $form.field('query').prop('disabled', false);
+      }
+      Stars.updateButton();
+    }
+    Stars.updateUrl();
+  },
+  updateUrl: function() {
+    var new_url = '';
+    var $form     = Aj.state.$starsSearchForm;
+    var recipient = $form.field('recipient').value();
+    var stars     = $form.field('stars').value();
+    var quantity  = Aj.state.curQuantity || stars;
+    if (recipient) {
+      new_url += '&recipient=' + encodeURIComponent(recipient);
+    }
+    if (quantity) {
+      new_url += '&quantity=' + encodeURIComponent(quantity);
+    }
+    if (new_url) {
+      new_url = '?' + new_url.substr(1);
+    }
+    var loc = Aj.location(), path = loc.pathname + loc.search;
+    Aj.setLocation(new_url, path != '/stars');
+  },
+  updateOptions: function(html) {
+    var $form  = Aj.state.$starsSearchForm;
+    var stars = $form.field('stars').value();
+    $('.js-premium-options').replaceWith(html);
+    $form.field('stars').value(stars);
+  },
+  eBuyStars: function(e) {
+    e.stopImmediatePropagation();
+    e.preventDefault();
+    var $form     = Aj.state.$starsSearchForm;
+    var recipient = $form.field('recipient').value();
+    var quantity  = $form.field('quantity').value();
+    var stars     = $form.field('stars').value();
+    Aj.apiRequest('initBuyStarsRequest', {
+      recipient: recipient,
+      quantity: quantity || stars
+    }, function(result) {
+      if (result.error) {
+        return showAlert(result.error);
+      }
+      $('.js-buy-stars-content', Aj.state.$starsBuyPopup).html(result.content);
+      $('.js-buy-stars-button', Aj.state.$starsBuyPopup).html(result.button);
+      Aj.state.$starsBuyPopup.toggleClass('iam-sender', result.myself);
+      Aj.state.starsPrice = result.amount;
+      Aj.state.itemTitle = result.item_title;
+      Aj.state.$starsBuyForm.field('id').value(result.req_id);
+      RLottie.WORKERS_LIMIT = 1;
+      openPopup(Aj.state.$starsBuyPopup, {
+        onOpen: function() {
+          $('.js-preview-sticker').each(function() {
+            RLottie.init(this, {playUntilEnd: true});
+          });
+        },
+        onClose: function() {
+          $('.js-preview-sticker').each(function() {
+            RLottie.destroy(this);
+          });
+        }
+      });
+    });
+  },
+  eBuyStarsSubmit: function(e) {
+    e.preventDefault();
+    var $form = $(this);
+    var item_title = Aj.state.itemTitle;
+    var req_id = $form.field('id').value();
+    var show_sender = $form.field('show_sender').prop('checked');
+    closePopup(Aj.state.$starsBuyPopup);
+    Wallet.sendTransaction({
+      request: {
+        method: 'getBuyStarsLink',
+        params: {
+          id: req_id,
+          show_sender: show_sender ? 1 : 0
+        }
+      },
+      title: l('WEB_POPUP_QR_STARS_HEADER'),
+      description: l('WEB_POPUP_QR_STARS_TEXT', {
+        amount: '<span class="icon-before icon-ton-text js-amount_fee">' + Aj.state.starsPrice + '</span>'
+      }),
+      qr_label: item_title,
+      tk_label: l('WEB_POPUP_QR_STARS_TK_BUTTON'),
+      terms_label: l('WEB_POPUP_QR_PROCEED_TERMS'),
+      onConfirm: function(by_server) {
+        Stars.updateState(true);
+      }
+    });
+    Aj.state.needUpdate = true;
+  },
+  eBuyMoreStats: function(e) {
+    e.preventDefault();
+    e.stopImmediatePropagation();
+    Aj.apiRequest('repeatStars', {}, function(result) {
+      if (result.error) {
+        return showAlert(result.error);
+      }
+      Aj.location('/stars');
+    });
+  },
   initWithdraw: function() {
     Aj.onLoad(function(state) {
       var cont = Aj.ajContainer;