Update content of files

This commit is contained in:
GitHub Action 2023-03-15 07:17:39 +00:00
parent 742137e458
commit 4f316ed109
3 changed files with 305 additions and 7 deletions

View file

@ -15,7 +15,7 @@
<link href="/css/font-roboto.css?1" rel="stylesheet" type="text/css">
<link href="/css/bootstrap.min.css?3" rel="stylesheet">
<link href="/css/bootstrap-extra.css?2" rel="stylesheet">
<link href="/css/auction.css?48" rel="stylesheet">
<link href="/css/auction.css?49" rel="stylesheet">
</head>
<body class="emoji_image no-transition">
@ -38,9 +38,9 @@
<script src="/js/main-aj.js?67"></script>
<script src="/js/jquery-ex.js?14"></script>
<script src="/js/qr-code-styling.js?1"></script>
<script src="/js/auction.js?50"></script>
<script src="/js/auction.js?51"></script>
<script>ajInit({"version":421,"apiUrl":"\/api?hash=telegram-crawler","unauth":true});</script>
<script>ajInit({"version":423,"apiUrl":"\/api?hash=telegram-crawler","unauth":true});</script>
<script id="aj_script">Aj._useScrollHack=true;
Main.init();
</script>

View file

@ -25,6 +25,7 @@
--header-color: #fff;
--field-color: #fff;
--field-bg-color: #242e38;
--field-second-color: #8494a3;
--field-placeholder-color: #8a98a6;
--btn-primary-color: #fff;
--btn-primary-bg-rgb: 36, 139, 218;
@ -64,6 +65,8 @@
--header-tab-color-rgb: 203, 215, 229;
--header-tab-color-active: #fff;
--header-tab-accent-color: #248bda;
--unavail-color-rgb: 255, 88, 99;
--unavail-color: rgb(var(--unavail-color-rgb));
}
html.header-tabs {
@ -246,6 +249,77 @@ i.icon {
color: var(--text-color);
}
.tm-main-form-label {
font-size: 15px;
line-height: 23px;
margin: 0px 19px 12px;
color: var(--header-color);
}
.tm-main-form-group {
margin-bottom: 28px;
}
.tm-form-radio-item {
display: block;
margin-bottom: 0;
cursor: pointer;
}
.tm-form-radio-item + .tm-form-radio-item {
margin-top: 8px;
}
.tm-form-radio-item input.radio {
position: absolute;
left: -5000px;
}
.tm-form-radio-label {
display: block;
font-size: 15px;
line-height: 20px;
padding: 14px 19px;
border-radius: var(--def-border-radius);
background: var(--field-bg-color);
box-shadow: 0 0 0 0px var(--accent-color);
transition: box-shadow var(--def-transition);
color: var(--field-color);
position: relative;
overflow: hidden;
}
.tm-form-radio-item input.radio ~ .tm-form-radio-label:before {
display: inline-block;
flex-shrink: 0;
flex-grow: 0;
content: '';
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid var(--field-second-color);
background-color: var(--accent-color);
box-shadow: inset 0 0 0 20px var(--field-bg-color);
transition: border-color var(--def-transition), box-shadow var(--def-transition);
margin-right: 21px;
}
.tm-form-radio-item input.radio:checked ~ .tm-form-radio-label {
box-shadow: 0 0 0 2px var(--accent-color);
}
.tm-form-radio-item input.radio:checked ~ .tm-form-radio-label:before {
box-shadow: inset 0 0 0 2px var(--field-bg-color);
border-color: var(--accent-color);
}
.tm-form-radio-label {
display: flex;
}
.tm-form-radio-label .tm-radio-label {
flex-grow: 1;
}
.tm-form-radio-label .tm-value {
width: 90px;
}
.tm-form-radio-label .tm-radio-desc {
font-weight: normal;
text-align: right;
color: var(--dropdown-secondary-color);
width: 70px;
}
.fit-text {
display: inline-block;
white-space: nowrap;
@ -464,6 +538,12 @@ i.icon {
margin-right: 8px;
margin-left: -1px;
}
.icon-telegram-premium {
width: 22px;
height: 30px;
background-image: var(--image-url-telegram-premium);
margin-left: 6px;
}
.icon-collectibles {
width: 18px;
height: 18px;
@ -1049,6 +1129,51 @@ a.tm-menu-link:focus {
margin-left: 0;
margin-right: -13px;
}
.tm-search-field-photo {
display: none;
position: absolute;
left: 0;
top: 0;
margin: 9px 14px;
width: 36px;
height: 36px;
border-radius: 50%;
overflow: hidden;
}
.tm-search-error-icon {
display: none;
position: absolute;
left: 0;
top: 0;
margin: 17px 19px;
width: 20px;
height: 20px;
}
.tm-search-field-photo img {
width: 100%;
}
.tm-search-field-error {
font-size: 12px;
line-height: 15px;
height: 15px;
margin: 7px 19px -10px;
color: var(--unavail-color);
}
.error .tm-search-error-icon {
display: inline-block;
}
.tm-main-search-form .error.icon-search:before {
display: none;
}
.found .tm-search-field-photo {
display: inline-block;
}
.tm-search-field.found .tm-search-input {
font-weight: bold;
background-color: transparent;
cursor: auto;
pointer-events: none;
}
.tm-search-loading,
.tm-search-clear {
position: absolute;
@ -1088,12 +1213,17 @@ a.tm-menu-link:focus {
height: 18px;
background-image: var(--image-url-main-search-clear);
}
.tm-main-search-form .icon-search-error:before {
width: 20px;
height: 20px;
background-image: var(--image-url-main-search-error);
}
.circle-progress-wrap {
transform-origin: 50%;
vertical-align: top;
}
.circle-progress {
stroke: #8494a3;
stroke: var(--field-second-color);
stroke-width: 2px;
stroke-linecap: round;
fill: transparent;
@ -1214,8 +1344,8 @@ a.tm-menu-link:focus {
}
.table-cell-status-thin.tm-status-unavail,
.tm-section-header-status.tm-status-unavail {
color: #ff5863;
background-color: rgba(255, 88, 99, .1);
color: var(--unavail-color);
background-color: rgba(var(--unavail-color-rgb), .1);
}
.table-cell-status-thin.tm-status-taken,
.tm-section-header-status.tm-status-taken {
@ -1512,7 +1642,7 @@ a.tm-menu-link:focus {
color: #5aec8c;
}
.tm-table .tm-status-unavail {
color: #ff5863;
color: var(--unavail-color);
}
.tm-table .tm-status-taken {
color: #ff9953;
@ -2476,6 +2606,16 @@ a.tm-table-action-link:hover {
opacity: 0;
}
.gift-premium-popup-container .popup {
width: 420px;
}
.gift-premium-popup-container .popup section {
max-width: 420px;
}
.tm-gift-premium-summary {
margin: 16px -8px 0;
}
.toast-container {
position: fixed;
top: var(--header-height);
@ -2722,9 +2862,15 @@ a.tm-table-action-link:hover {
.tm-main {
max-width: 720px;
}
.tm-main-premium {
max-width: 480px;
}
.tm-main-intro {
padding: 36px 42px;
}
.tm-main-premium .tm-main-intro {
padding: 36px 12px;
}
.tm-main-intro-header {
font-size: 30px;
line-height: 36px;
@ -2748,6 +2894,11 @@ a.tm-table-action-link:hover {
width: 10px;
height: 19px;
}
.icon-telegram-premium {
width: 26px;
height: 36px;
margin-left: 7px;
}
.tm-header-search-form {
max-width: 274px;
@ -2788,6 +2939,9 @@ a.tm-table-action-link:hover {
width: 22px;
height: 22px;
}
.tm-main-premium .tm-main-search-form .tm-search-input {
font-size: 15px;
}
.tm-search-loading,
.tm-search-clear {
padding: 16px;
@ -3050,6 +3204,10 @@ a.tm-table-action-link:hover {
padding: 0 8px;
}
.tm-gift-premium-summary {
margin: 23px -8px 8px;
}
}
@ -3065,6 +3223,8 @@ a.tm-table-action-link:hover {
--image-url-tonkeeper: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22m9%208%207-3-7%2011z%22%20opacity%3D%22.75%22%2F%3E%3Cpath%20d%3D%22m9%208-7-3%207%2011z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22m9%208-7-3%207-3%207%203z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
--image-url-telegram-premium: url('data:image/svg+xml,%3Csvg%20height%3D%2236%22%20viewBox%3D%220%200%2026%2036%22%20width%3D%2226%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m8.88%2013.45%202.89-5.71c.33-.66%201.14-.93%201.8-.6.25.13.46.35.59.61l2.73%205.51c.22.45.66.76%201.16.82l5.7.68c.78.09%201.33.79%201.24%201.57-.04.31-.18.61-.41.84l-4.52%204.42c-.18.18-.27.43-.23.68l.75%205.98c.1.85-.5%201.63-1.36%201.74-.32.04-.65-.02-.94-.18l-4.77-2.59c-.34-.19-.76-.19-1.11-.01l-4.93%202.52c-.7.35-1.55.07-1.91-.62-.13-.26-.18-.55-.14-.84l.4-2.74c.19-1.34%201.03-2.51%202.23-3.12l5.49-2.78c.15-.08.2-.26.13-.4-.06-.12-.18-.18-.31-.16l-6.71.95c-1.02.15-2.06-.14-2.87-.79l-2.23-1.82c-.64-.51-.73-1.45-.22-2.09.24-.29.59-.48.97-.53l5.73-.74c.36-.04.68-.27.85-.6z%22%20fill%3D%22%23248bda%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
--image-url-collectibles: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20width%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20stroke%3D%22%23fff%22%20stroke-width%3D%221.4%22%3E%3Cpath%20d%3D%22m1.56%2015.33h14.44c.31%200%20.56-.25.56-.55v-9.72c0-1.69-1.37-3.06-3.06-3.06h-9.44c-1.69%200-3.06%201.37-3.06%203.06v9.72c0%20.3.25.55.56.55z%22%2F%3E%3Cpath%20d%3D%22m1.277778%207.972222h5.138889%22%2F%3E%3Cpath%20d%3D%22m11.277778%207.972222h5.138889%22%2F%3E%3Cpath%20d%3D%22m10.72%206.59.14%203.47c0%20.19-.08.36-.21.48-.12.13-.29.2-.48.2h-2.78c-.19%200-.36-.07-.49-.2-.12-.12-.2-.29-.2-.48v-3.34z%22%20transform%3D%22matrix%28-1%200%200%201%2017.56%200%29%22%2F%3E%3C%2Fg%3E%3Crect%20fill%3D%22%23fff%22%20height%3D%221.39%22%20rx%3D%22.42%22%20width%3D%221.11%22%20x%3D%228.22%22%20y%3D%227.97%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
--image-url-change-account: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2019%2018%22%20width%3D%2219%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.4%22%3E%3Cpath%20d%3D%22m11.39%205.06v-1.23c0-1.01-.82-1.83-1.83-1.83h-6.73c-1.01%200-1.83.82-1.83%201.83v9.78c0%201.01.82%201.83%201.83%201.83h6.73c1.01%200%201.83-.82%201.83-1.83v-1.53%22%2F%3E%3Cpath%20d%3D%22m5.89%208.72h12.07%22%2F%3E%3Cpath%20d%3D%22m14.9%205.21%203.3%203.3c.12.12.12.31%200%20.43l-3.3%203.3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
@ -3101,6 +3261,8 @@ a.tm-table-action-link:hover {
--image-url-main-search-clear: url('data:image/svg+xml,%3Csvg%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20width%3D%2222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m5%2017%2012-12m-12%200%2012%2012%22%20stroke%3D%22%238494a3%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20x1%3D%225%22%20x2%3D%2217%22%20y1%3D%225%22%20y2%3D%2217%22%2F%3E%3C%2Fsvg%3E');
--image-url-main-search-error: url('data:image/svg+xml,%3Csvg%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20fill%3D%22%23ff5863%22%20r%3D%2210%22%2F%3E%3Cg%20stroke%3D%22%23fff%22%3E%3Cpath%20d%3D%22m10%205.61v5.39%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2213.9%22%20fill%3D%22%23d8d8d8%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
--image-url-dropdown-caret: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2015%2018%22%20width%3D%2215%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m2%207.5%205.11%205.15c.2.19.52.19.71%200l5.18-5.15%22%20fill%3D%22none%22%20stroke%3D%22%23677a8c%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
--image-url-dropdown-caret-active: url('data:image/svg+xml,%3Csvg%20height%3D%2218%22%20viewBox%3D%220%200%2015%2018%22%20width%3D%2215%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m2%207.5%205.11%205.15c.2.19.52.19.71%200l5.18-5.15%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');

View file

@ -609,6 +609,7 @@ var Auction = {
});
Aj.onUnload(function(state) {
Main.destroyForm(state.$bidForm);
Main.destroyForm(state.$makeOfferForm);
clearTimeout(state.updStateTo);
state.needUpdate = false;
});
@ -1511,6 +1512,141 @@ var Sessions = {
}
};
var Premium = {
init: function() {
Aj.onLoad(function(state) {
var cont = Aj.ajContainer;
$(cont).on('click.curPage', '.js-gift-premium-btn', Premium.eGiftPremium);
state.$giftPremiumPopup = $('.js-gift-premium-popup');
$(cont).on('submit.curPage', '.js-gift-premium-form', Premium.eGiftPremiumSubmit);
state.$giftPremiumForm = $('.js-gift-premium-form');
Main.initForm(state.$giftPremiumForm);
state.$premiumSearchField = $('.js-premium-search-field');
state.$premiumSearchForm = $('.js-premium-form');
state.$premiumSearchForm.on('submit', Premium.eSearchSubmit);
state.$premiumSearchForm.field('query').on('input', Premium.eSearchInput);
$('.js-form-clear', state.$premiumSearchForm).on('click', Premium.eSearchClear);
});
Aj.onUnload(function(state) {
Main.destroyForm(state.$giftPremiumForm);
state.$premiumSearchForm.off('submit', Premium.eSearchSubmit);
state.$premiumSearchForm.field('query').off('input', Premium.eSearchInput);
$('.js-form-clear', state.$premiumSearchForm).off('click', Premium.eSearchClear);
});
},
eSearchInput: function(e) {
var $field = Aj.state.$premiumSearchField;
$('.js-search-field-error').html('');
$field.removeClass('error');
},
eSearchClear: function(e) {
var $form = Aj.state.$premiumSearchForm;
var $field = Aj.state.$premiumSearchField;
$form.field('query').value('').prop('disabled', false);
$field.removeClass('found');
Premium.searchSubmit();
},
eSearchSubmit: function(e) {
e.preventDefault();
Premium.searchSubmit();
},
searchSubmit: function() {
var $form = Aj.state.$premiumSearchForm;
var query = $form.field('query').value();
var months = $form.field('months').value();
Aj.state.$premiumSearchField.addClass('loading').removeClass('play').redraw().addClass('play');
Aj.showProgress();
Aj.apiRequest('searchPremiumGiftRecipient', {
query: query,
months: months
}, function(result) {
Aj.hideProgress();
Premium.updateResult(result);
Aj.state.$premiumSearchField.removeClass('loading');
});
},
updateResult: function(result) {
var $form = Aj.state.$premiumSearchForm;
var $field = Aj.state.$premiumSearchField;
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-premium-search-photo', $field).html(result.found.photo);
}
if (result.found.name) {
var $form = Aj.state.$premiumSearchForm;
$form.field('query').value(result.found.name);
}
$form.field('recipient').value(result.found.recipient);
$field.addClass('found');
$form.field('query').prop('disabled', true);
} else {
$form.field('recipient').value('');
$field.removeClass('found');
$form.field('query').prop('disabled', false);
}
}
if (result.url) {
var loc = Aj.location(), path = loc.pathname + loc.search;
Aj.setLocation(result.url, true);
}
},
eGiftPremium: function(e) {
e.stopImmediatePropagation();
e.preventDefault();
var $form = Aj.state.$premiumSearchForm;
var recipient = $form.field('recipient').value();
var months = $form.field('months').value();
Aj.apiRequest('initGiftPremiumRequest', {
recipient: recipient,
months: months
}, function(result) {
if (result.error) {
return showAlert(result.error);
}
$('.js-recepient-name', Aj.state.$giftPremiumPopup).html(result.name);
$('.js-gift-premium-summary', Aj.state.$giftPremiumPopup).html(result.summary);
Aj.state.giftPrice = result.amount;
Aj.state.itemTitle = result.item_title;
Aj.state.$giftPremiumForm.field('id').value(result.req_id);
openPopup(Aj.state.$giftPremiumPopup);
});
},
eGiftPremiumSubmit: function(e) {
e.preventDefault();
var $form = $(this);
var item_title = Aj.state.itemTitle;
var req_id = $form.field('id').value();
closePopup(Aj.state.$giftPremiumPopup);
QR.showPopup({
request: {
method: 'getGiftPremiumLink',
params: {
id: req_id
}
},
title: l('WEB_POPUP_QR_PREMIUM_HEADER'),
description: l('WEB_POPUP_QR_PREMIUM_TEXT', {
amount: '<span class="icon-before icon-ton-text js-amount_fee">' + Main.wrapTonAmount(Aj.state.giftPrice) + '</span>'
}),
qr_label: item_title,
tk_label: l('WEB_POPUP_QR_PREMIUM_TK_BUTTON'),
terms_label: l('WEB_POPUP_QR_PROCEED_TERMS'),
onConfirm: function(by_server) {
if (by_server) {
showAlert(l('WEB_GIFT_PREMIUM_SENT'));
}
}
});
}
};
var QR = {
showPopup: function(options) {
options = $.extend({