diff --git a/static/css/my_checks.css b/static/css/my_checks.css index 63f39916..4d184c8d 100644 --- a/static/css/my_checks.css +++ b/static/css/my_checks.css @@ -62,3 +62,11 @@ color: #555; } + +#show-usage-modal .modal-dialog { + width: 1100px; + } + + #show-usage-modal .tab-content { + margin-top: 15px; + } diff --git a/static/css/my_checks_desktop.css b/static/css/my_checks_desktop.css index 5d2543c7..057b8998 100644 --- a/static/css/my_checks_desktop.css +++ b/static/css/my_checks_desktop.css @@ -62,6 +62,10 @@ table.table tr > th.th-name { visibility: hidden; } +.dropdown-menu > li > a.check-menu-remove { + color: #B71C1C; +} + button.copy-link { opacity: 0; diff --git a/static/js/checks.js b/static/js/checks.js index 5ed5838f..2dd74d67 100644 --- a/static/js/checks.js +++ b/static/js/checks.js @@ -176,6 +176,19 @@ $(function () { }); + $(".usage-examples").click(function(e) { + var a = e.target; + var url = a.getAttribute("data-url"); + var email = a.getAttribute("data-email"); + + $(".ex", "#show-usage-modal").text(url); + $(".em", "#show-usage-modal").text(email); + + $("#show-usage-modal").modal("show"); + return false; + }); + + var clipboard = new Clipboard('button.copy-link'); $("button.copy-link").mouseout(function(e) { setTimeout(function() { diff --git a/templates/front/my_checks.html b/templates/front/my_checks.html index a78ef2ff..46408180 100644 --- a/templates/front/my_checks.html +++ b/templates/front/my_checks.html @@ -196,6 +196,84 @@ + + {% endblock %} {% block scripts %} diff --git a/templates/front/my_checks_desktop.html b/templates/front/my_checks_desktop.html index 7a319f31..2c2a9367 100644 --- a/templates/front/my_checks_desktop.html +++ b/templates/front/my_checks_desktop.html @@ -77,16 +77,23 @@