mirror of
https://github.com/TitanEmbeds/Titan.git
synced 2024-11-15 02:21:21 +01:00
126 lines
6.1 KiB
Django/Jinja
126 lines
6.1 KiB
Django/Jinja
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<!--Import Google Icon Font-->
|
|
<link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
<!--Import materialize.css-->
|
|
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/css/materialize.min.css" integrity="sha256-6DQKO56c9MZL0LAc7QNtxqJyqSa3rS9Gq5FVcIhtA+w=" crossorigin="anonymous" media="screen,projection"/>
|
|
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/embedstyle.css') }}">
|
|
|
|
<!--Let browser know website is optimized for mobile-->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
|
|
<title>{{ guild['name'] }} - Embed - Titan Embeds for Discord</title>
|
|
</head>
|
|
<body>
|
|
<div class="navbar-fixed">
|
|
<nav>
|
|
<div class="nav-wrapper">
|
|
<a href="#" data-activates="guild-nav" class="button-collapse" id="guild-btn"><i class="material-icons">menu</i></a>
|
|
<div class="container">
|
|
<a href="{{ url_for("index") }}" target="_blank" class="brand-logo"><b>Titan</b>Embeds <span class="betatag">BETA</span></a>
|
|
</div>
|
|
<a href="#" data-activates="members-nav" class="button-collapse right" id="members-btn"><i class="material-icons">person</i></a>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
<main>
|
|
<div id="chatcontent" class="chatcontent"></div>
|
|
</main>
|
|
|
|
<ul id="guild-nav" class="side-nav">
|
|
<li>
|
|
<div class="userView">
|
|
{% if guild['icon'] %}
|
|
<img class="circle" src="{{ generate_guild_icon( guild['id'], guild['icon'] ) }}">
|
|
{% endif %}
|
|
<span class="name">{{ guild['name'] }}</span>
|
|
</div>
|
|
</li>
|
|
<li><a class="subheader">Actions</a></li>
|
|
<li><a href="{{ url_for("user.administrate_guild", guild_id=guild['id']) }}" class="waves-effect" target="_blank" id="administrate_link" style="display: none;">Manage Guild Embed</a></li>
|
|
<li><a href="https://discordapp.com/channels/{{ guild['id'] }}/" class="waves-effect" target="_blank">Open Server on Discordapp</a></li>
|
|
|
|
<li><div class="divider"></div></li>
|
|
|
|
<li><a class="subheader">Channels</a></li>
|
|
<span id="channels-list"></span>
|
|
</ul>
|
|
|
|
<ul id="members-nav" class="side-nav">
|
|
<li><a class="subheader">Online Server Members</a></li>
|
|
<span id="discord-members"></span>
|
|
|
|
<li><div class="divider"></div></li>
|
|
|
|
<li><a class="subheader">Authenticated Embed Users</a></li>
|
|
<span id="embed-discord-members"></span>
|
|
|
|
<li><a class="subheader">Guest Embed Users</a></li>
|
|
<span id="embed-unauth-users"></span>
|
|
</ul>
|
|
|
|
<div id="loginmodal" class="modal">
|
|
<div class="modal-content">
|
|
<h4>{{ login_greeting }}</h4>
|
|
<p class="flow-text">Please choose one of the following methods to authenticate!</p>
|
|
<div class="progress" id="loginProgress" style="display: none;">
|
|
<div class="indeterminate"></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col s1 m4">
|
|
<a id="discordlogin_btn" href="{{ url_for("embed.login_discord", _external=True) }}" class="waves-effect waves-light btn-large" target="_blank">Discord Login</a>
|
|
</div>
|
|
{% if unauth_enabled %}
|
|
<div class="col s1 m8">
|
|
<p>Of course, you also have the option to login by picking a temporary username.</p>
|
|
<input id="custom_username_field" type="text">
|
|
<label class="active" for="custom_username_field">Username</label>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer class="footer">
|
|
<div class="footercontainer">
|
|
<div class="currentuserchip left" id="nameplate">
|
|
<div class="left"><img id="currentuserimage" src="" class="circle left currentuserimage" style="display: none;"></div>
|
|
<div id="currentusername" class="currentusername left">Titan#0001</div>
|
|
</div>
|
|
<div id="messageboxouter" class="input-field inline"><textarea placeholder="Enter message" id="messagebox" type="text" class="materialize-textarea" rows="1"></textarea></div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!--Import jQuery before materialize.js-->
|
|
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
|
|
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/js/materialize.min.js" integrity="sha256-ToPQhpo/E89yaCd7+V8LUCjobNRkjilRXfho6x3twLU=" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.0/mustache.min.js" integrity="sha256-iaqfO5ue0VbSGcEiQn+OeXxnxAMK2+QgHXIDA5bWtGI=" crossorigin="anonymous"></script>
|
|
|
|
{% raw %}
|
|
<script id="mustache_channellistings" type="text/template">
|
|
<li><a class="waves-effect truncate" id="channel-{{channelid}}" onclick='select_channel("{{channelid}}");'><span class="channel-hash">#</span> {{channelname}}</a></li>
|
|
</script>
|
|
|
|
<script id="mustache_authedusers" type="text/template">
|
|
<li><a class="waves-effect truncate" id="discorduser-{{id}}"><img class="circle membercircle" src="{{avatar}}"> <span class="membername">{{username}}</span></a></li>
|
|
</script>
|
|
|
|
<script id="mustache_unauthedusers" type="text/template">
|
|
<li><a class="waves-effect truncate"><span class="membername">{{username}}#{{discriminator}}</span></a></li>
|
|
</script>
|
|
|
|
<script id="mustache_usermessage" type="text/template">
|
|
<p><span id="discordmessage_{{id}}" title="{{full_timestamp}}" class="chattimestamp">{{time}}</span> <span class="chatusername">{{username}}#{{discriminator}}</span> {{content}}</p>
|
|
</script>
|
|
{% endraw %}
|
|
|
|
<script>
|
|
var guild_id = "{{ guild_id }}";
|
|
var bot_client_id = "{{ client_id }}";
|
|
</script>
|
|
|
|
<script type="text/javascript" src="{{ url_for('static', filename='js/embed.js') }}"></script>
|
|
|
|
</body>
|
|
</html> |