QT/sure
1
0
Fork 0
mirror of https://github.com/we-promise/sure.git synced 2026-04-14 01:24:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: New tag creation UI (#1014)

Browse Source 
* feat: Update tag creation UI

* fix: remove unused target

* fix: remove connect/disconnect functions

* fix: remove unnecessary target
This commit is contained in:
Alessio Cappa
2026-02-19 19:55:10 +01:00
committed by GitHub
parent cfadff641f
commit 13c2335a6a
5 changed files with 37 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
app/javascript/controllers/color_badge_controller.js Normal file
View File

@@ -0,0 +1,18 @@
import { Controller } from "@hotwired/stimulus";
// Connects to data-controller="color-badge"
// Used by the transaction merchant form to show a preview of what the avatar will look like
export default class extends Controller {
static targets = ["name", "badge"];
handleNameChange = (e) => {
this.nameTarget.textContent = e.currentTarget.value || "?";
};
handleColorChange(e) {
const color = e.currentTarget.value;
this.badgeTarget.style.backgroundColor = `color-mix(in oklab, ${color} 10%, transparent)`;
this.badgeTarget.style.borderColor = `color-mix(in oklab, ${color} 10%, transparent)`;
this.badgeTarget.style.color = color;
}
}