github/plexpy
1
0
Fork 0
mirror of https://github.com/Tautulli/Tautulli.git synced 2025-08-20 13:23:24 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Add support page

Browse source
This commit is contained in:
JonnyWong16 2018-06-09 21:28:40 -07:00
commit 70e5e698fa
6 changed files with 122 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

60
data/interfaces/default/support.html Normal file
View file

@ -0,0 +1,60 @@
<%inherit file="base.html"/>
<%def name="headIncludes()">
</%def>
<%def name="headerIncludes()">
</%def>
<%def name="body()">
<div class='container-fluid'>
<div class='table-card-header'>
<div class="header-bar">
<span><i class="fa fa-comment"></i> Support</span>
</div>
<div class="button-bar">
<div class="btn-group">
<button class="btn btn-dark" id="popout-iframe-button"><i class="fa fa-external-link"></i> Pop Out Chat</button>
</div>
</div>
</div>
<div class='table-card-back'>
<div class="iframe-container">
<iframe class="iframe" allowfullscreen="true" id="support-iframe" data-name="Tautulli-Support" data-src="https://tautulli.com/support"
sandbox="allow-presentation allow-forms allow-same-origin allow-pointer-lock allow-scripts allow-popups allow-modals allow-top-navigation"
style="display: none;">
</iframe>
<div class="iframe-overlay">
<div class="iframe-button-container">
<a class="iframe-button">Join the Discord Chat</a>
</div>
</div>
</div>
</div>
</div>
</%def>
<%def name="modalIncludes()">
</%def>
<%def name="javascriptIncludes()">
<script>
var popout_chat;
$('.iframe-button').click(function () {
if (popout_chat) {
popout_chat.close();
}
var iframe = $('#support-iframe');
iframe.attr('src', iframe.data('src')).fadeIn();
$('.iframe-overlay').fadeOut();
});
$('#popout-iframe-button').click(function () {
var iframe = $('#support-iframe');
popout_chat = window.open(iframe.attr('src'), 'Tautulli-Discord-Support', 'width=1280,height=720');
iframe.attr('src', '').fadeOut();
$('.iframe-overlay').fadeIn();
});
</script>
</%def>