viewof form = { var concerto = getConcerto(selectedDate); var max_no_biglietti = Number(concerto.max_biglietti_persona); var labelbiglietti = "No. biglietti (max " + max_no_biglietti + ")"; // Assicuriamoci che richieste sia un array valido prima di fare il find const listaRichieste = Array.isArray(richieste) ? richieste : Object.values(richieste || {}); // Determiniamo il contenuto del form in base alle condizioni let contenutoForm = {}; const apertura = getAperturaRichieste ? getAperturaRichieste(selectedDate) : null; if (apertura && (new Date() < apertura)) { contenutoForm = { titolo: html`

${getConcertoTitle(selectedDate)}

`, messaggio: html`

Richieste aperte a partire da ${getDayName(apertura).toLowerCase() + " " + apertura.toLocaleDateString()} a ${getDayName(new Date(concerto.data_scadenza)).toLowerCase() + " " + new Date(concerto.data_scadenza).toLocaleDateString()}

` // ,annotazioni: html`

${concerto.annotazioni || ''}

` }; } else { if (concerto.status == "chiusa") { contenutoForm = { titolo: html`

${getConcertoTitle(selectedDate)}

`, messaggio: html`

Non si possono più richiedere biglietti

` // ,annotazioni: html`

${concerto.annotazioni || ''}

` }; } else { // 1. Creiamo l'input standard di Observable const numInput = Inputs.number([0, Infinity], {step: 1, label: labelbiglietti, placeholder:"max " + max_no_biglietti}); // 2. Troviamo il tag reale all'interno del wrapper e impostiamo gli attributi const innerInput = numInput.querySelector("input"); if (innerInput) { innerInput.setAttribute("inputmode", "numeric"); innerInput.setAttribute("pattern", "[0-9]*"); } const inputAnnotazioni = Inputs.text({value:"",label:"Annotazioni", placeholder:"opzionale"}); const innerAnno = inputAnnotazioni.querySelector("input") if(innerAnno){innerAnno.setAttribute("class","formannotazioni");} contenutoForm = { "titolo": html`

${getConcertoTitle(selectedDate)}

`, "statusrichiedente": viewof statusrichiedente, "richiedente": viewof richiedente, "no_biglietti": numInput, // <-- Usiamo l'input modificato "annotazioni_richiesta": inputAnnotazioni, "annotazioni": html`

Richieste aperte fino a ${getDayName(new Date(concerto.data_scadenza)).toLowerCase() + " " + new Date(concerto.data_scadenza).toLocaleDateString()}. ${concerto.annotazioni || ''}

` }; } } // Restituiamo SEMPRE un Inputs.form valido, così il viewof non va mai in loop return Inputs.form(contenutoForm); }