github/plexpy
1
0
Fork 0
mirror of https://github.com/Tautulli/Tautulli.git synced 2025-07-15 01:32:57 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Make entire notifier stacked config click to open modal

Browse source
This commit is contained in:
JonnyWong16 2016-10-10 09:10:08 -07:00 • committed by JonnyWong16
parent 1ca1b5aefa
commit bca9da3964
3 changed files with 15 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

4
data/interfaces/default/css/plexpy.css
View file

@ -2393,7 +2393,9 @@ a .home-platforms-list-cover-face:hover
.stacked-configs > li > span > span.active { .stacked-configs > li > span > span.active {
color: #f9be03; color: #f9be03;
} }
.stacked-configs > li.new_notification_agent { .stacked-configs > li.new-notification-agent,
.stacked-configs > li.notification-agent,
.stacked-configs > li.add-notification-agent {
cursor: pointer; cursor: pointer;
} }
.accordion { .accordion {

15
data/interfaces/default/notifiers_table.html
View file

@ -11,25 +11,30 @@ DOCUMENTATION :: END
<ul class="stacked-configs list-unstyled"> <ul class="stacked-configs list-unstyled">
% for notifier in sorted(notifiers_list, key=lambda k: (k['agent_label'], k['id'])): % for notifier in sorted(notifiers_list, key=lambda k: (k['agent_label'], k['id'])):
<li> <li class="notification-agent" data-id="${notifier['id']}">
<span> <span>
<span class="toggle-left trigger-tooltip ${'active' if notifier['active'] else ''}" data-toggle="tooltip" data-placement="top" title="Triggers ${'active' if notifier['active'] else 'inactive'}"><i class="fa fa-lg fa-bell"></i></span> <span class="toggle-left trigger-tooltip ${'active' if notifier['active'] else ''}" data-toggle="tooltip" data-placement="top" title="Triggers ${'active' if notifier['active'] else 'inactive'}"><i class="fa fa-lg fa-bell"></i></span>
${notifier['agent_label']} <span class="friendly_name">(${notifier['friendly_name'] or notifier['id']})</span> ${notifier['agent_label']} <span class="friendly_name">(${notifier['friendly_name'] or notifier['id']})</span>
<a href="#" data-target="#notifier-config-modal" data-id="${notifier['id']}" class="toggle-notifier-config-modal toggle-right" data-toggle="modal"><i class="fa fa-lg fa-cog"></i></a> <span class="toggle-right"><i class="fa fa-lg fa-cog"></i></span>
</span> </span>
</li> </li>
% endfor % endfor
<li> <li class="add-notification-agent">
<span> <span>
<span class="toggle-left"><i class="fa fa-lg fa-bell"></i></span> Add a new notification agent <span class="toggle-left"><i class="fa fa-lg fa-bell"></i></span> Add a new notification agent
<a href="#add-notifier-modal" data-toggle="modal" class="toggle-right"><i class="fa fa-lg fa-plus"></i></a> <span class="toggle-right"><i class="fa fa-lg fa-plus"></i></span>
</span> </span>
</li> </li>
</ul> </ul>
<script> <script>
// Load add notification agent modal
$(".add-notification-agent").click(function () {
$("#add-notifier-modal").modal('show');
});
// Load notification agent config modal // Load notification agent config modal
$(".toggle-notifier-config-modal").click(function () { $(".notification-agent").click(function () {
var notifier_id = $(this).data('id'); var notifier_id = $(this).data('id');
loadNotifierConfig(notifier_id); loadNotifierConfig(notifier_id);
}); });

4
data/interfaces/default/settings.html
View file

@ -1341,7 +1341,7 @@
<div class="col-md-12"> <div class="col-md-12">
<ul class="stacked-configs list-unstyled"> <ul class="stacked-configs list-unstyled">
% for agent in available_notification_agents: % for agent in available_notification_agents:
<li class="new_notification_agent" data-id="${agent['id']}"> <li class="new-notification-agent" data-id="${agent['id']}">
<span>${agent['label']}</span> <span>${agent['label']}</span>
</li> </li>
% endfor % endfor
@ -2517,7 +2517,7 @@ $(document).ready(function() {
}); });
// Add a new notification agent // Add a new notification agent
$('.new_notification_agent').click(function () { $('.new-notification-agent').click(function () {
$.ajax({ $.ajax({
url: 'add_notifier_config', url: 'add_notifier_config',
data: { agent_id: $(this).data('id') }, data: { agent_id: $(this).data('id') },