feat: Meshy.ai cost integration — settings, new job form, price breakdown
Deploy via Portainer / deploy (push) Successful in 0s
Deploy via Portainer / deploy (push) Successful in 0s
This commit is contained in:
@@ -172,6 +172,9 @@
|
||||
<div class="breakdown-row section-header"><span>Partie variable</span></div>
|
||||
{{ brow('Manutention', job.handling_cost, 'breakdown-muted ps-2', 4) }}
|
||||
{{ brow('Design (×' ~ job.design_multiplier ~ ')', job.design_cost, 'breakdown-muted ps-2', 4) }}
|
||||
{% if job.meshy_enabled and job.meshy_cost %}
|
||||
{{ brow('Meshy.ai (' ~ job.meshy_credits_used ~ ' crédits)', job.meshy_cost, 'breakdown-muted ps-2', 4) }}
|
||||
{% endif %}
|
||||
{{ brow('Marge brute (' ~ job.gross_margin_pct ~ '%)', job.margin_amount, 'breakdown-muted ps-2') }}
|
||||
<div class="breakdown-row subtotal">
|
||||
<span class="flex-fill fw-semibold">Total marge <small class="text-muted fw-normal">({{ marge_pct_ht }}% du HT)</small></span>
|
||||
|
||||
+38
-2
@@ -285,6 +285,27 @@
|
||||
<label class="form-label fw-semibold">Notes internes</label>
|
||||
<textarea name="notes" class="form-control" rows="2">{{ prefill.notes if prefill else '' }}</textarea>
|
||||
</div>
|
||||
<div class="mb-3 border rounded p-3" id="meshyBlock" style="background:#faf5ff">
|
||||
<div class="form-check mb-2">
|
||||
<input class="form-check-input" type="checkbox" name="meshy_enabled" id="meshy_enabled"
|
||||
value="1" onchange="onMeshyToggle()"
|
||||
{% if prefill and prefill.meshy_enabled %}checked{% endif %}>
|
||||
<label class="form-check-label fw-semibold" for="meshy_enabled" style="color:#7c3aed">
|
||||
<i class="bi bi-stars me-1"></i>Génération Meshy.ai
|
||||
</label>
|
||||
</div>
|
||||
<div id="meshyCreditsRow" class="{% if not (prefill and prefill.meshy_enabled) %}d-none{% endif %}">
|
||||
<label class="form-label small fw-semibold text-muted mb-1">Crédits utilisés</label>
|
||||
<div class="input-group input-group-sm" style="max-width:180px">
|
||||
<input type="number" name="meshy_credits_used" id="meshy_credits_used"
|
||||
class="form-control" min="0" step="1"
|
||||
value="{{ prefill.meshy_credits_used if prefill else 0 }}"
|
||||
oninput="recalc()">
|
||||
<span class="input-group-text">crédits</span>
|
||||
</div>
|
||||
<div class="form-text" id="meshyCostHint"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -574,7 +595,7 @@ document.getElementById('materialSelect').addEventListener('change', function()
|
||||
});
|
||||
|
||||
// ── Autres champs → recalc ────────────────────────────────────────────────────
|
||||
['weight_g','hours','minutes','discount_pct','pieces_per_plate','order_qty'].forEach(id => {
|
||||
['weight_g','hours','minutes','discount_pct','pieces_per_plate','order_qty','meshy_credits_used'].forEach(id => {
|
||||
const el = document.getElementById(id);
|
||||
if (el) el.addEventListener('input', recalc);
|
||||
});
|
||||
@@ -604,6 +625,8 @@ function recalc() {
|
||||
material_profile_id: document.getElementById('materialProfileSelect').value || null,
|
||||
pieces_per_plate: parseInt(document.getElementById('pieces_per_plate').value) || 1,
|
||||
order_qty: parseInt(document.getElementById('order_qty').value) || 1,
|
||||
meshy_enabled: document.getElementById('meshy_enabled').checked,
|
||||
meshy_credits_used: parseInt(document.getElementById('meshy_credits_used').value) || 0,
|
||||
};
|
||||
|
||||
fetch('/api/calculate', {
|
||||
@@ -612,7 +635,13 @@ function recalc() {
|
||||
body: JSON.stringify(body)
|
||||
})
|
||||
.then(r => r.json())
|
||||
.then(d => renderBreakdown(d, body))
|
||||
.then(d => {
|
||||
renderBreakdown(d, body);
|
||||
if (d.meshy_unit_cost) {
|
||||
document.getElementById('meshyCostHint').innerHTML =
|
||||
`<span class="text-muted">Coût unitaire : ${d.meshy_unit_cost.toFixed(4)} €/crédit</span>`;
|
||||
}
|
||||
})
|
||||
.catch(() => {});
|
||||
}
|
||||
|
||||
@@ -620,6 +649,12 @@ function recalc() {
|
||||
function fmt(n) { return parseFloat(n).toFixed(4) + ' €'; }
|
||||
function fmt2(n) { return parseFloat(n).toFixed(2) + ' €'; }
|
||||
|
||||
function onMeshyToggle() {
|
||||
const checked = document.getElementById('meshy_enabled').checked;
|
||||
document.getElementById('meshyCreditsRow').classList.toggle('d-none', !checked);
|
||||
recalc();
|
||||
}
|
||||
|
||||
function renderBreakdown(d, body) {
|
||||
const dm = parseFloat(body.design_multiplier).toFixed(2);
|
||||
const mgn = parseFloat(body.gross_margin_pct).toFixed(1);
|
||||
@@ -729,6 +764,7 @@ function renderBreakdown(d, body) {
|
||||
<div class="breakdown-row section-header"><span>Partie variable</span></div>
|
||||
${row(`<span class="breakdown-muted ps-2">Manutention <small class="text-secondary">${d._handling_minutes} min × ${d._handling_rate} €/h</small></span>`, d.handling_cost, '', true)}
|
||||
${row(`<span class="breakdown-muted ps-2">Design (x${dm})</span>`, d.design_cost, '', true)}
|
||||
${body.meshy_enabled && d.meshy_cost > 0 ? row(`<span class="breakdown-muted ps-2" style="color:#7c3aed"><i class="bi bi-stars me-1"></i>Meshy.ai (${body.meshy_credits_used} crédits)</span>`, d.meshy_cost, '', true) : ''}
|
||||
${row(`<span class="breakdown-muted ps-2">Marge brute (${mgn}%)</span>`, d.margin_amount)}
|
||||
${row(`<span class="fw-semibold">Total marge <small class="text-muted fw-normal">(${d.marge_pct_on_ht}% du HT)</small></span>`, d.total_marge, 'subtotal')}
|
||||
|
||||
|
||||
@@ -286,6 +286,45 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Meshy.ai -->
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-header py-3"><i class="bi bi-stars me-2" style="color:#7c3aed"></i>Meshy.ai — Génération 3D par IA</div>
|
||||
<div class="card-body">
|
||||
<div class="row g-3 align-items-end">
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-semibold">Coût abonnement annuel (€)</label>
|
||||
<input type="number" name="meshy_annual_cost" class="form-control"
|
||||
min="0" step="1"
|
||||
value="{{ settings.get('meshy_annual_cost', 200)|int }}">
|
||||
<div class="form-text">Montant total payé par an (ex: 200 € pour Meshy Pro).</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-semibold">Crédits mensuels inclus</label>
|
||||
<input type="number" name="meshy_monthly_credits" class="form-control"
|
||||
min="1" step="1"
|
||||
value="{{ settings.get('meshy_monthly_credits', 1000)|int }}">
|
||||
<div class="form-text">Nb de crédits inclus chaque mois dans l'abonnement.</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-semibold">Multiplicateur de marge</label>
|
||||
<input type="number" name="meshy_cost_multiplier" class="form-control"
|
||||
min="1" step="0.1"
|
||||
value="{{ settings.get('meshy_cost_multiplier', 1.0) }}">
|
||||
<div class="form-text">
|
||||
×1.0 = répercute le coût exact. ×1.5 = coût + 50% de marge sur Meshy.
|
||||
<br>Coût unitaire actuel :
|
||||
<strong>
|
||||
{% set unit = settings.get('meshy_annual_cost', 200) / 12 / [settings.get('meshy_monthly_credits', 1000), 1]|max %}
|
||||
{{ "%.4f"|format(unit) }} €/crédit
|
||||
</strong>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- iCal -->
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
|
||||
Reference in New Issue
Block a user