Heroku/web-resources/root.jinja2

197 lines
6.4 KiB
Django/Jinja

<!--
©️ Dan Gazizullin, 2021-2023
This file is a part of Hikka Userbot
🌐 https://github.com/hikariatama/Hikka
You can redistribute it and/or modify it under the terms of the GNU AGPLv3
🔑 https://www.gnu.org/licenses/agpl-3.0.html
-->
{% extends "base.jinja2" %}
{% block head %}
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bodymovin/5.8.1/lottie.min.js"></script>
<!-- <script src="//unpkg.com/@dotlottie/player-component@1.0.0/dist/dotlottie-player.js"></script> -->
<script src="//unpkg.com/qr-code-styling@1.5.0/lib/qr-code-styling.js"></script>
<link href="https://css.gg/css?=arrow-right-r|add|brackets|chevron-right-o|smartphone" rel="stylesheet">
<link rel="stylesheet" href="{{ static("base.css") }}">
{% endblock %}
{% block content %}
{% endblock %}
{% block after %}
<div class="blur auth vert_center">
<div id="tg_icon"></div>
<div class="waiting_for_auth">Waiting for authentification...</div>
<div class="confirm_auth">Please, confirm action in <span style="color:#28a0dc">Telegram</span></div>
</div>
<div class="auth-code-form blur">
<div id="monkey"></div>
<div id="monkey-close"></div>
<span class="code-caption">Enter the code you recieved from Telegram</span>
<input type="text" class="code-input" autocomplete="off">
<div class="enter">Enter</div>
</div>
<div class="eula-form blur">
<div class="vert_center" style="height: 100%">
<div>
<div id="law"></div>
<br><br>
<span class="code-caption">You are <span style="color:#c54245">prohibited</span> from adding more than 1 account
on the current platform by its EULA.</span>
</div>
</div>
</div>
<div class="wrapper">
<div class="blur main finish_block">
<div id="installation_icon"></div>
<div class="title">Heroku is installed</div>
<div class="description">
Heroku is installed. You can close this page now.
<br>
<b>It might take a while for installation to fully complete. Please, be patient.</b>
<br>
<b>Heroku will restart and might send several configuration messages to complete the installation!</b>
<br>
<span style="font-size: 24px;">Check <span style="color:#28a0dc">Telegram</span> for a message from your <b>inline
bot</b></span>
</div>
</div>
<div class="blur main installation">
<div class="title">
<div class="heroku_label">
<div class="label_inner">
<img src="{{ platform_emoji }}" class="ringed_planet">
&nbsp;Heroku
</div>
</div>
</div><br>
<div class="description">Incomprehensibly <span style="color:#c54245">the best</span> userbot<br><span
style="color: #18cc18; display: none" class="authorized">Authorized!</span></div>
<div class="center">
{% if not tg_done %}
<div class="button" id="get_started">
<div class="horiz_center">
<div class="vert_center">
Get started
</div>
<div class="vert_center">
<i class="gg-arrow-right-r"></i>
</div>
</div>
</div>
{% else %}
<div class="button" id="get_started">
<div class="horiz_center">
<div class="vert_center">
Add phone
</div>
<div class="vert_center">
<i class="gg-add"></i>
</div>
</div>
</div>
{% endif %}
{% if skip_creds and not lavhost %}
<div class="button" id="enter_api">
<div class="horiz_center">
<div class="vert_center">
Change API Creds
</div>
<div class="vert_center">
<i class="gg-brackets"></i>
</div>
</div>
</div>
{% endif %}
<span id="block_api_id">
<label class="api_id" for="api_id">Telegram API ID: </label>
<input class="api_id" id="api_id" placeholder="••••" style="width: 4em;">
</span>
<span id="block_api_hash">
<label class="api_hash" for="api_hash">Telegram API hash: </label>
<input class="api_hash" id="api_hash" placeholder="••••••••••••••••••••••••••••••••" style="width: 24em;">
</span>
<span id="block_phone">
<label class="phone" for="phone">Phone: </label>
<input class="phone" id="phone" placeholder="••••••••••••" style="width: 12em;">
</span>
<span id="block_custom_bot">
<label class="custom_bot" for="custom_bot">Inline bot username (E.g. @username_bot): </label>
<input class="custom_bot" id="custom_bot" placeholder="Leave empty to generate automatically"
style="width: 20em;" type="text">
</span>
<span id="block_qr_login">
<div class="qr_outer">
<div class="qr_inner">
<dotlottie-player autoplay loop mode="normal" src="https://static.dan.tatar/4T7FajtZbx.lottie"
style="width: 100px; height: 100px">
</dotlottie-player>
</div>
</div>
<div class="tg_guide">
<ol>
<li>
<span>Open Telegram on your phone</span>
</li>
<li>
<span>Go to <b>Settings</b> → <b>Devices</b> → <b>Link Desktop Device</b></span>
</li>
<li>
<span>Point your phone at this screen to confirm login</span>
</li>
</ol>
</div>
</span>
</div>
<div class="horiz_center">
<div id="continue_btn" class="button">
<div class="horiz_center">
<div class="vert_center">
Continue
</div>
<div class="vert_center">
<i class="gg-chevron-right-o"></i>
</div>
</div>
</div>
<div id="denyqr" class="button">
<div class="horiz_center">
<div class="vert_center">
Auth using phone instead
</div>
<div class="vert_center">
<i class="gg-smartphone"></i>
</div>
</div>
</div>
</div>
</div>
<div id="root">
</div>
</div>
<script>
var skip_creds = "{{ skip_creds }}" == "True";
var auth_required = true;
fetch("/check_session", {
method: "POST",
credentials: "include"
})
.then(response => response.text())
.then((response) => {
auth_required = response != "1";
})
</script>
<script src="{{ static("root.js") }}"></script>
{% endblock %}