Implement ticket selection with Stimulus controller and improve code documentation
- Add ticket selection functionality to event show page using Stimulus - Create ticket_selection_controller.js for handling ticket quantity changes - Update ticket card component and event show view to work with Stimulus - Add comprehensive comments to all JavaScript files for better maintainability - Remove dependent: :destroy from event ticket_types association
This commit is contained in:
@@ -3,15 +3,19 @@ import React from "react"
|
||||
import { createRoot } from "react-dom/client"
|
||||
import { Button } from "@/components/button"
|
||||
|
||||
// Connects to data-controller="shadcn-test"
|
||||
// Controller for testing shadcn/ui React components within a Stimulus context
|
||||
// Renders a React button component to verify the PostCSS and component setup
|
||||
export default class extends Controller {
|
||||
// Define targets for the controller
|
||||
static targets = ["container"]
|
||||
|
||||
// Initialize and render the React component when the controller connects
|
||||
connect() {
|
||||
console.log("Shadcn Button Test Controller connected")
|
||||
this.renderButton()
|
||||
}
|
||||
|
||||
// Render the React button component inside the target container
|
||||
renderButton() {
|
||||
const container = this.containerTarget
|
||||
const root = createRoot(container)
|
||||
@@ -32,6 +36,7 @@ export default class extends Controller {
|
||||
)
|
||||
}
|
||||
|
||||
// Handle button click events
|
||||
handleClick = () => {
|
||||
alert("✅ Le bouton shadcn fonctionne avec PostCSS !")
|
||||
console.log("Shadcn button clicked - PostCSS compilation successful")
|
||||
|
||||
Reference in New Issue
Block a user