Update content of files

This commit is contained in:
GitHub Action 2022-06-23 13:29:35 +00:00
parent 175facd7ab
commit ff994bd840
5 changed files with 21 additions and 18 deletions

View file

@ -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>

View file

@ -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 {

View file

@ -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);

View file

@ -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>

View file

@ -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();