Files
e-ticket/assets/modules/commission-calculator.js
Serreau Jovann 179a0703f8 Add Billet entity, BilletDesign, ticket designer, CRUD billets, commissions
- Create Billet entity: name, position, priceHT, quantity (nullable=unlimited),
  isGeneratedBillet, hasDefinedExit, notBuyable, type (billet/reservation_brocante/vote),
  stripeProductId, description, picture (VichUploader), category (ManyToOne CASCADE)
- Create BilletDesign entity (OneToOne Event): accentColor, invitationTitle, invitationColor
- Billet CRUD: add/edit/delete with access control, Stripe product sync on connected account
- Billet reorder: drag & drop with position field, refactored sortable.js for both categories and billets
- Ticket designer tab (custom offer only): accent color, invitation title/color, live iframe preview
- A4 ticket preview: 4 zones (HG infos+billet, HD affiche, BG association, BD sortie+invitation), fake QR code SVG
- Commission calculator JS: live breakdown of E-Ticket fee, Stripe fee (1.5%+0.25EUR), net amount
- Sales recap on categories tab: qty sold, total HT, total commissions, total net
- DisableProfilerSubscriber: disable web profiler toolbar on preview iframe
- CSP: allow self in frame-src and frame-ancestors for preview iframe
- Flysystem: dedicated billets.storage for billet images
- Upload accept restricted to png/jpeg/webp/gif (no HEIC)
- Makefile: add force_sql_dev command
- CLAUDE.md: add rule to never modify existing migrations
- Consolidate all migrations into single Version20260321111125
- Tests: BilletTest (20), BilletDesignTest (6), DisableProfilerSubscriberTest (5),
  billet-designer.test.js (7), commission-calculator.test.js (7),
  AccountControllerTest billet CRUD tests (11)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-21 12:19:46 +01:00

40 lines
1.5 KiB
JavaScript

export function initCommissionCalculator() {
const calculator = document.getElementById('commission-calculator')
if (!calculator) return
const priceInput = document.getElementById('billet_price')
if (!priceInput) return
const eticketRate = Number.parseFloat(calculator.dataset.eticketRate) || 0
const stripeRate = Number.parseFloat(calculator.dataset.stripeRate) || 1.5
const stripeFixed = Number.parseFloat(calculator.dataset.stripeFixed) || 0.25
const calcPrice = document.getElementById('calc-price')
const calcEticket = document.getElementById('calc-eticket')
const calcStripe = document.getElementById('calc-stripe')
const calcTotal = document.getElementById('calc-total')
const calcNet = document.getElementById('calc-net')
function formatEur(value) {
return value.toFixed(2).replace('.', ',') + ' \u20AC'
}
function update() {
const price = Number.parseFloat(priceInput.value) || 0
const eticketFee = price * (eticketRate / 100)
const stripeFee = price > 0 ? price * (stripeRate / 100) + stripeFixed : 0
const totalFee = eticketFee + stripeFee
const net = price - totalFee
calcPrice.textContent = formatEur(price)
calcEticket.textContent = '- ' + formatEur(eticketFee)
calcStripe.textContent = '- ' + formatEur(stripeFee)
calcTotal.textContent = '- ' + formatEur(totalFee)
calcNet.textContent = formatEur(Math.max(0, net))
}
priceInput.addEventListener('input', update)
update()
}