diff --git a/Makefile b/Makefile index fcb996498..aba3ead58 100644 --- a/Makefile +++ b/Makefile @@ -133,7 +133,7 @@ test-go: .build/vendor.ok go test -bench=. -cover `go list ./... | grep -v /vendor/` .PHONY: test-js -test-js: +test-js: .build/deps-build-node.ok npm test .PHONY: test diff --git a/assets/static/unsee.js b/assets/static/unsee.js index 340800f75..dab332604 100644 --- a/assets/static/unsee.js +++ b/assets/static/unsee.js @@ -1,6 +1,7 @@ "use strict"; const $ = window.$ = window.jQuery = require("jquery"); +const Clipboard = require("clipboard"); const moment = require("moment"); const Raven = require("raven-js"); @@ -43,6 +44,7 @@ var selectors = { refreshButton: "#refresh", errors: "#errors", instanceErrors: "#instance-errors", + clickToCopy: ".click-to-copy" }; function parseAJAXError(xhr, textStatus) { @@ -342,6 +344,16 @@ function onReady(localStore) { trigger: "hover" }); + var clipboard = new Clipboard(selectors.clickToCopy); + clipboard.on("success", function(e) { + // flash element after copy + $(e.trigger).finish().fadeOut(100).fadeIn(300); + // hide tooltip after flash + $(e.trigger).tooltip("hide"); + // reset focus + e.clearSelection(); + }); + colors.init($("#alerts").data("static-color-labels").split(" ")); templates.init(); ui.setupModal(); diff --git a/assets/templates/alertgroup.html b/assets/templates/alertgroup.html index a5a0faa1b..2a2e1eab8 100644 --- a/assets/templates/alertgroup.html +++ b/assets/templates/alertgroup.html @@ -150,6 +150,13 @@ <%- am.name %> <% } %> +
+ <%- silence.id %> +