python-telegram-bot/examples/webappbot.html at master · python-telegram-bot/python-telegram-bot · GitHub

History

39 lines (38 loc) · 1.46 KB

Raw

<!--

Simple static Telegram WebApp. Does not verify the WebAppInitData, as a bot token would be needed for that.

-->

<!DOCTYPE html>

<head>

<title>python-telegram-bot Example WebApp</title>

</head>

const colorPicker = new iro.ColorPicker('#picker', {

borderColor: "#ffffff",

borderWidth: 1,

width: Math.round(document.documentElement.clientWidth / 2),

});

colorPicker.on('color:change', function (color) {

document.body.style.background = color.hexString;

});

Telegram.WebApp.ready();

Telegram.WebApp.MainButton.setText('Choose Color').show().onClick(function () {

const data = JSON.stringify({hex: colorPicker.color.hexString, rgb: colorPicker.color.rgb});

Telegram.WebApp.sendData(data);

Telegram.WebApp.close();

});

</script>

<div style="position: absolute; margin-top: 5vh; margin-left: 5vw; height: 90vh; width: 90vw; border-radius: 5vh; background-color: var(--tg-theme-bg-color); box-shadow: 0 0 2vw

#000000;">

<div id="picker"

style="display: flex; justify-content: center; align-items: center; height: 100%; width: 100%"></div>

</div>

</body>

Telegram.WebApp.expand();

</script>

</html>

python-telegram-bot/examples/webappbot.html at master · python-telegram-bot/python-telegram-bot · GitHub

Uh oh!

Expand file tree

Breadcrumbs

webappbot.html

Latest commit

History

Breadcrumbs

webappbot.html

File metadata and controls