github/plexpy
1
0
Fork 0
mirror of https://github.com/Tautulli/Tautulli.git synced 2025-08-14 10:36:57 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Add buttons to Discord/Reddit on support page

Browse source
This commit is contained in:
JonnyWong16 2018-06-10 10:47:48 -07:00
commit 311030b58e
2 changed files with 13 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
data/interfaces/default/css/tautulli.css
View file

@ -4129,7 +4129,7 @@ a[data-tab-destination] {
font-size: 15px;
height: 28px;
line-height: 28px;
min-width: 210px;
min-width: 200px;
transition: box-shadow 0.3s ease;
padding: 0 15px;
background: rgba(114, 137, 218, 0.4);

16
data/interfaces/default/support.html
View file

@ -1,5 +1,7 @@
<%inherit file="base.html"/>
<%!
from plexpy.helpers import anon_url
%>
<%def name="headIncludes()">
</%def>
@ -13,6 +15,12 @@
<span><i class="fa fa-comment"></i> Support</span>
</div>
<div class="button-bar">
<div class="btn-group">
<a class="btn btn-dark" href="${anon_url('https://tautulli.com/discord')}" target="_blank"><i class="fab fa-discord"></i>&nbsp; Join Discord</a>
</div>
<div class="btn-group">
<a class="btn btn-dark" href="${anon_url('https://www.reddit.com/r/Tautulli')}" target="_blank"><i class="fab fa-reddit"></i>&nbsp; Join Reddit</a>
</div>
<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>
@ -20,13 +28,13 @@
</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"
<iframe class="iframe" allowfullscreen="true" id="support-iframe" data-name="Tautulli-Support" data-src="https://support.tautulli.com"
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>
<a class="iframe-button">Start chatting now</a>
</div>
</div>
</div>
@ -52,7 +60,7 @@
$('#popout-iframe-button').click(function () {
var iframe = $('#support-iframe');
popout_chat = window.open(iframe.attr('src'), 'Tautulli-Discord-Support', 'width=1280,height=720');
popout_chat = window.open(iframe.data('src'), 'Tautulli-Discord-Support', 'width=1280,height=720');
iframe.attr('src', '').fadeOut();
$('.iframe-overlay').fadeIn();
});