From: Geoffrey Allott Date: Fri, 16 Jun 2023 20:24:39 +0000 (+0100) Subject: use create_svg_element in winner.js X-Git-Url: https://git.pointlesshacks.com/?a=commitdiff_plain;h=e20c6762053b8cfc4c70edf63ceeae7539c21c05;p=pokerwave.git use create_svg_element in winner.js --- diff --git a/site/modules/winner.js b/site/modules/winner.js index 330a6de..9deb864 100644 --- a/site/modules/winner.js +++ b/site/modules/winner.js @@ -1,4 +1,4 @@ -import { svgns, create_svg_element } from "./svg.js"; +import { create_svg_element } from "./svg.js"; import { card_href, FIFTY_TWO_CARD_DECK } from "./card.js"; import { random_int } from "./random.js"; @@ -24,32 +24,17 @@ export class CongratulateWinner { } show_winner() { - this.winner_banner = document.createElementNS(svgns, "text"); - this.winner_banner.classList.add("winner-banner"); - this.winner_banner.setAttribute("x", "250"); - this.winner_banner.setAttribute("y", "210"); + this.winner_banner = create_svg_element(this.svg, "text", ["winner-banner"], [["x", "250"], ["y", "210"]]); const winner_banner_text = document.createTextNode("Winner"); this.winner_banner.append(winner_banner_text); - this.svg.append(this.winner_banner); - this.winner_name = document.createElementNS(svgns, "text"); - this.winner_name.classList.add("winner-name"); - this.winner_name.setAttribute("x", "250"); - this.winner_name.setAttribute("y", "260"); + this.winner_name = create_svg_element(this.svg, "text", ["winner-name"], [["x", "250"], ["y", "260"]]); const winner_name_text = document.createTextNode(this.username); this.winner_name.append(winner_name_text); - this.svg.append(this.winner_name); } card_image(card) { - const image = document.createElementNS(svgns, "use"); - image.setAttribute("width", "45"); - image.setAttribute("height", "70"); - image.setAttribute("x", random_int(500 - 45)); - image.setAttribute("y", "-70"); - image.setAttribute("href", card_href(card)); - this.svg.append(image); - return image; + return create_svg_element(this.svg, "use", [], [["width", "45"], ["height", "70"], ["x", random_int(500 - 45)], ["y", "-70"], ["href", card_href(card)]]); } random_drop(time) {