5FNNIOUNDS5SG75A4ZR6VY7DS6WU2GNNCOSSHX34RFTRB7LJ3D2QC
DB6B3MEDBTEEIS6KOSJH7L5JFXKDMATJARZ6AR7TF2HCCKTFRZJQC
C56DYYC72SFNR6BSKCOVDY2QW6XNP66EUGGKCBROTCFJVQDB4FUAC
3ZF3ND2IS3EKQ5LPGCAN5P3N7X4W5NFIEM3KLO4RISONNSLILT4QC
7MCTB5G2W6IB7JQXGO2HCMRHBUYIOKXI4MBODKLAJIK66EMLC5ZQC
P7KZ25R4CNS4PZITRWPBVXRFSLY5TKCOFO6U3SDKX45ITNVU773QC
QHVOZBISIQ3E3P5F6GGKWVDSXC4OA23HCIH2OMXEVGXKSF5W4APAC
console.log("browser", browser)
if(browser) {
//@ts-ignore
Plotly = await import('plotly.js-dist')
await updatePlot(puissance)
initialised = true
}
//@ts-ignore
Plotly = await import('plotly.js-dist')
await updatePlot(puissance)
initialised = true
Plotly!.react('plot', [soleil, somme], layout_, { responsive: true })
if(has_plot) {
Plotly!.update('plot', [soleil, somme], layout_)
} else {
Plotly!.newPlot('plot', [soleil, somme], layout_, { responsive: true })
//@ts-ignore
document.getElementById('plot')?.on('plotly_relayout', relayout)
has_plot = true
}
Plotly!.react('plot', [soleil, somme], layout_, { responsive: true })
if(has_plot) {
Plotly!.update('plot', [soleil, somme], layout_)
} else {
Plotly!.newPlot('plot', [soleil, somme], layout_, { responsive: true })
//@ts-ignore
document.getElementById('plot')?.on('plotly_relayout', relayout)
has_plot = true
}
Plotly!.react('plot', [soleil, somme], layout, { responsive: true });
//@ts-ignore
document.getElementById('plot')?.removeEventListener('plotly_relayout', relayout)
document.getElementById('plot')?.addEventListener('plotly_relayout', relayout)
if(has_plot) {
Plotly!.update('plot', [soleil, somme], layout)
//@ts-ignore
document.getElementById('plot')?.on('plotly_relayout', relayout)
} else {
Plotly!.newPlot('plot', [soleil, somme], layout, { responsive: true })
document.getElementById('plot')?.on('plotly_relayout', relayout)
has_plot = true
}
<tr>
<td class="px-3" style="width: 25%">Liste de PRM, séparés par des virgules
<button type="button" class="btn btn-link align-baseline p-0 ms-2" data-bs-toggle="popover" data-bs-trigger="hover focus" data-bs-content="Un PRM, aussi appelé PDL, est l'identifiant d'un compteur électrique. On peut le trouver sur les factures d'électricité, ou en appuyant sur le bouton + du compteur Linky."><i class="bi bi-question-circle"></i></button>
</td>
<td colspan="2"><input class="form-control" form="pdl" id="prms" name="prms" bind:value={prms}/></td>
<td style="width:1%;white-space:nowrap;">
<div class="d-flex align-items-center">
<button class="btn btn-primary" form="pdl">Ok</button>
{#if prm_loading}
<div class="spinner-border text-primary ms-3"></div>
{/if}
</div>
</td>
</tr>
{/if}
{#if prmsFeature}
<div class="row">
<div class="col px-3" style="width: 25%">Liste de PRM, séparés par des virgules
<button type="button" class="btn btn-link align-baseline p-0 ms-2" data-bs-toggle="popover" data-bs-trigger="hover focus" data-bs-content="Un PRM, aussi appelé PDL, est l'identifiant d'un compteur électrique. On peut le trouver sur les factures d'électricité, ou en appuyant sur le bouton + du compteur Linky."><i class="bi bi-question-circle"></i></button>
</div>
<div class="col-auto my-3">
<input class="form-control" form="pdl" id="prms" name="prms" bind:value={prms}/>
</div>
<div class="col d-flex align-items-center">
<button class="btn btn-primary" form="pdl">Ok</button>
{#if prm_loading}
<div class="spinner-border text-primary ms-3"></div>
{/if}
</div>
</div>
{/if}