mirror of
https://github.com/MarshalX/telegram-crawler.git
synced 2025-03-15 13:22:43 +01:00
Update content of files
This commit is contained in:
parent
175facd7ab
commit
ff994bd840
5 changed files with 21 additions and 18 deletions
|
@ -17,7 +17,7 @@
|
|||
Telegram.WebApp.onEvent('themeChanged', setThemeClass);
|
||||
setThemeClass();
|
||||
</script>
|
||||
<link href="/css/cafe.css?19" rel="stylesheet">
|
||||
<link href="/css/cafe.css?20" rel="stylesheet">
|
||||
</head>
|
||||
<body style="display:none">
|
||||
<section class="cafe-page cafe-items">
|
||||
|
@ -441,7 +441,7 @@
|
|||
</div>
|
||||
<script src="https://tg.dev/js/jquery.min.js"></script>
|
||||
<script src="https://tg.dev/js/tgsticker.js?27"></script>
|
||||
<script src="/js/cafe.js?22"></script>
|
||||
<script src="/js/cafe.js?23"></script>
|
||||
<script>Cafe.init({"apiUrl":"\/cafe\/api","userId":0,"userHash":null});</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -38,10 +38,7 @@ html.dark body {
|
|||
--hint-color: #64666d;
|
||||
--placeholder-color: #5d6163;
|
||||
}
|
||||
html.order-mode {
|
||||
background-color: var(--bg-color);
|
||||
}
|
||||
html.order-mode body {
|
||||
body.order-mode {
|
||||
background-color: var(--bg-color);
|
||||
}
|
||||
|
||||
|
@ -72,7 +69,7 @@ body.closed .cafe-page {
|
|||
transition: max-height var(--page-animation), opacity var(--page-animation);
|
||||
background-color: var(--block-bg-color);
|
||||
}
|
||||
html.order-mode .cafe-items {
|
||||
body.order-mode .cafe-items {
|
||||
max-height: 0 !important;
|
||||
opacity: 0 !important;
|
||||
}
|
||||
|
@ -293,7 +290,7 @@ button,
|
|||
transition: opacity var(--page-animation);
|
||||
opacity: 0;
|
||||
}
|
||||
html.order-mode .cafe-order-overview {
|
||||
body.order-mode .cafe-order-overview {
|
||||
opacity: 1;
|
||||
}
|
||||
.cafe-order-header-wrap {
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
body {
|
||||
--bg-color: var(--tg-theme-bg-color, #fff);
|
||||
font-family: sans-serif;
|
||||
background-color: var(--tg-theme-bg-color, #fff);
|
||||
background-color: var(--bg-color);
|
||||
color: var(--tg-theme-text-color, #222);
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
|
@ -119,7 +120,7 @@ input[type="text"]:-ms-input-placeholder {
|
|||
section {
|
||||
padding: 15px;
|
||||
text-align: center;
|
||||
background-color: var(--tg-theme-bg-color, #ffffff);
|
||||
background-color: var(--bg-color, #ffffff);
|
||||
}
|
||||
section#top_sect {
|
||||
background-color: var(--tg-theme-bg-color, #ffffff);
|
||||
|
|
|
@ -19,7 +19,7 @@
|
|||
</script>
|
||||
<link href="https://tg.dev/css/bootstrap.min.css?3" rel="stylesheet">
|
||||
<link href="https://tg.dev/css/bootstrap-extra.css?2" rel="stylesheet">
|
||||
<link href="/css/webappdemo.css?3" rel="stylesheet">
|
||||
<link href="/css/webappdemo.css?4" rel="stylesheet">
|
||||
</head>
|
||||
<body class="" style="visibility: hidden;">
|
||||
<section id="top_sect" class="second">
|
||||
|
@ -84,6 +84,9 @@
|
|||
<div class="hint">
|
||||
Theme params
|
||||
</div>
|
||||
<div class="hint">
|
||||
Version: <span id="ver"></span>
|
||||
</div>
|
||||
</section>
|
||||
<div class="viewport-border"></div>
|
||||
<div class="viewport-stable_border"></div>
|
||||
|
@ -103,6 +106,8 @@ $('#theme_data').html(JSON.stringify(Telegram.WebApp.themeParams, null, 2));
|
|||
$('#regular_link').attr('href', $('#regular_link').attr('href') + location.hash);
|
||||
$('#text_field').focus();
|
||||
|
||||
$('#ver').text(Telegram.WebApp.version);
|
||||
|
||||
if (DemoApp.initDataUnsafe.receiver) {
|
||||
$('#peer_wrap').show();
|
||||
$('#peer_name').text(DemoApp.initDataUnsafe.receiver.first_name + ' ' + DemoApp.initDataUnsafe.receiver.last_name);
|
||||
|
@ -139,13 +144,13 @@ Telegram.WebApp.onEvent('settingsButtonClicked', function() {
|
|||
|
||||
var prev_bg_color_val = $('#bg_color_sel').val();
|
||||
$('#bg_color_input').val(Telegram.WebApp.backgroundColor);
|
||||
$('body').attr('style', '--tg-theme-bg-color:' + Telegram.WebApp.backgroundColor);
|
||||
$('body').attr('style', '--bg-color:' + Telegram.WebApp.backgroundColor);
|
||||
$('#header_color_sel').val('secondary_bg_color');
|
||||
$('#header_color_sel').on('change', function(e) {
|
||||
var color_key = e.target.value;
|
||||
$('#top_sect').toggleClass('second', color_key == 'secondary_bg_color');
|
||||
Telegram.WebApp.setHeaderColor(color_key);
|
||||
$('body').attr('style', '--tg-theme-bg-color:' + Telegram.WebApp.backgroundColor);
|
||||
$('body').attr('style', '--bg-color:' + Telegram.WebApp.backgroundColor);
|
||||
});
|
||||
$('#bg_color_input').on('change', function(e) {
|
||||
var color = e.target.value;
|
||||
|
@ -153,7 +158,7 @@ $('#bg_color_input').on('change', function(e) {
|
|||
$('#bg_color_sel').val('custom');
|
||||
prev_bg_color_val = $('#bg_color_sel').val();
|
||||
Telegram.WebApp.setBackgroundColor(color);
|
||||
$('body').attr('style', '--tg-theme-bg-color:' + Telegram.WebApp.backgroundColor);
|
||||
$('body').attr('style', '--bg-color:' + Telegram.WebApp.backgroundColor);
|
||||
});
|
||||
$('#bg_color_sel').on('change', function(e) {
|
||||
var color_key = e.target.value;
|
||||
|
@ -163,14 +168,14 @@ $('#bg_color_sel').on('change', function(e) {
|
|||
} else {
|
||||
$('#bg_color_val').text('custom...');
|
||||
Telegram.WebApp.setBackgroundColor(color_key);
|
||||
$('body').attr('style', '--tg-theme-bg-color:' + Telegram.WebApp.backgroundColor);
|
||||
$('body').attr('style', '--bg-color:' + Telegram.WebApp.backgroundColor);
|
||||
$('#bg_color_input').val(Telegram.WebApp.backgroundColor);
|
||||
prev_bg_color_val = $('#bg_color_sel').val();
|
||||
}
|
||||
});
|
||||
Telegram.WebApp.onEvent('themeChanged', function() {
|
||||
$('#bg_color_input').val(Telegram.WebApp.backgroundColor);
|
||||
$('body').attr('style', '--tg-theme-bg-color:' + Telegram.WebApp.backgroundColor);
|
||||
$('body').attr('style', '--bg-color:' + Telegram.WebApp.backgroundColor);
|
||||
});
|
||||
|
||||
</script>
|
||||
|
|
|
@ -226,7 +226,7 @@ var Cafe = {
|
|||
});
|
||||
$('.cafe-order-overview').show();
|
||||
$('.cafe-items').css('maxHeight', height).redraw();
|
||||
$('html').addClass('order-mode');
|
||||
$('body').addClass('order-mode');
|
||||
$('.js-order-comment-field').each(function() {
|
||||
autosize.update(this);
|
||||
});
|
||||
|
@ -241,7 +241,7 @@ var Cafe = {
|
|||
$('.js-item-lottie').each(function() {
|
||||
RLottie.setVisible(this, false);
|
||||
});
|
||||
$('html').removeClass('order-mode');
|
||||
$('body').removeClass('order-mode');
|
||||
setTimeout(function() {
|
||||
$('.cafe-items').css('maxHeight', '');
|
||||
$('.cafe-order-overview').hide();
|
||||
|
|
Loading…
Add table
Reference in a new issue