witine/lookingglass
1
0
Fork 0
forked from mirrors/thatmattlove-hyperglass
Code Issues Pull requests Releases Activity

♻️ Remove legacy onclick html tags

Browse source
This commit is contained in:
Matt Love 2019-07-09 23:44:51 -07:00
parent 5c52ad9717
commit 8de58c2e3e
2 changed files with 25 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
hyperglass/render/templates/index.html.j2
View file

@ -25,26 +25,26 @@
</div>
{% if features.bgp_aspath.enable == true %}
<div class="modal" id="help_bgp_aspath">
<div class="modal-background" onclick="closeModal()"></div>
<div class="modal-background"></div>
<div class="modal-content is-clipped">
<div class="box">
<p class="title">{{ details["bgp_aspath"]["title"] }}</p>
{{ details["bgp_aspath"]["content"] }}
</div>
</div>
<button class="modal-close is-large" aria-label="close" onclick="closeModal()"></button>
<button class="modal-close is-large" aria-label="close"></button>
</div>
{% endif %}
{% if features.bgp_community.enable == true %}
<div class="modal" id="help_bgp_community">
<div class="modal-background" onclick="closeModal()"></div>
<div class="modal-background"></div>
<div class="modal-content">
<div class="box">
<p class="title">{{ details["bgp_community"]["title"] }}</p>
{{ details["bgp_community"]["content"] }}
</div>
</div>
<button class="modal-close is-large" aria-label="close" onclick="closeModal()"></button>
<button class="modal-close is-large" aria-label="close"></button>
</div>
{% endif %}
<nav class="navbar">
@ -135,7 +135,7 @@
<div class="control">
<div class="dropdown is-right" id="help-dropdown">
<div class="dropdown-trigger">
<button type="button" class="button is-rounded is-medium" aria-haspopup="true" aria-controls="dropdown-menu2" onclick="adjustHeight()">
<button type="button" class="button is-rounded is-medium" aria-haspopup="true" aria-controls="dropdown-menu2" id="help-dropdown-button">
<span class="icon is-size-6 lg-icon-help">
<i class="icofont-info-circle" aria-hidden="true"></i>
</span>

42
hyperglass/static/js/hyperglass.js
View file

@ -8,10 +8,12 @@ adjustDropdowns();
clearPage();
// Bulma Toggable Dropdown - help text
$('#help-dropdown').click(function(event) {
event.stopPropagation();
$(this).toggleClass('is-active');
});
$('#help-dropdown').click(
function(event) {
event.stopPropagation();
$(this).toggleClass('is-active');
}
);
// ClipboardJS Elements
var btn_copy = document.getElementById('btn-copy');
@ -29,26 +31,22 @@ clipboard.on('error', function(e) {
console.log(e);
});
function bgpHelpASPath() {
$("#help_bgp_aspath").addClass("is-active");
}
function bgpHelpCommunity() {
$("#help_bgp_community").addClass("is-active");
}
function closeModal() {
$(".modal").removeClass("is-active");
}
$('.modal-background, .modal-close').click(
function(event) {
event.stopPropagation();
$('.modal').removeClass("is-active");
}
);
// Adjust behavior of help text dropdown based on device screen size
function adjustHeight() {
var actual_width = window.innerWidth;
if (actual_width < 1024) {
$('#help-dropdown').removeClass('is-right');
$('.lg-help').addClass('lg-help-mobile').removeClass('lg-help');
}
}
$('#help-dropdown-button').click(
function(event) {
if (window.innerWidth < 1024) {
$('#help-dropdown').removeClass('is-right');
$('.lg-help').addClass('lg-help-mobile').removeClass('lg-help');
}
}
);
function adjustDropdowns() {
var actual_width = window.innerWidth;