Reorder cards: Sender/Charge To top row, Invoice Details/Payment bottom row

https://claude.ai/code/session_0151QtsUhzXmgzEhSvXG2SDt
This commit is contained in:
Claude 2026-06-01 18:02:04 +00:00
parent c6a84590ce
commit 131f6c5d25
No known key found for this signature in database

View file

@ -498,26 +498,6 @@ function buildForm() {
<div class="fi"><label id="lbl-stax">${t("vat-id")}:</label> <div class="fi"><label id="lbl-stax">${t("vat-id")}:</label>
<input id="stax" type="text" data-ls="stax"></div> <input id="stax" type="text" data-ls="stax"></div>
</div> </div>
<div style="display:flex;flex-direction:column;gap:12px">
<div class="card">
<div class="card-title" id="sec-invdet">${t("invoice-details-section")}</div>
<div class="fg"><label id="lbl-idate" for="idate">${t("invoice-date")}</label>
<input id="idate" type="date" value="${dateDef}"></div>
<div class="fg"><label id="lbl-icur" for="icur">${t("invoice-currency")}</label>
<select id="icur" data-ls="icur">${curOpts}</select></div>
<div class="fg"><label id="lbl-pcode" for="pcode">${t("project-code")}</label>
<select id="pcode" data-ls="pcode">
<option value="">${t("select")}</option>
${pcOpts}
<option value="__other__">${t("other")}</option>
</select></div>
<div class="fg" id="pcode-other-wrap" style="display:none">
<label id="lbl-pcode-other" for="pcode-other">${t("project-code")} (${t("other")})</label>
<input id="pcode-other" type="text" data-ls="pcode-other">
</div>
<div class="fg"><label id="lbl-ino" for="ino">${t("invoice-no")}</label>
<input id="ino" type="text" data-ls="ino"></div>
</div>
<div class="card"> <div class="card">
<div class="card-title" style="display:flex;align-items:center;gap:8px;flex-wrap:wrap"> <div class="card-title" style="display:flex;align-items:center;gap:8px;flex-wrap:wrap">
<span id="sec-ct">${t("charge-to")}:</span> <span id="sec-ct">${t("charge-to")}:</span>
@ -550,9 +530,26 @@ function buildForm() {
<input id="creg" type="text"></div> <input id="creg" type="text"></div>
</div> </div>
</div> </div>
<div class="card">
<div class="card-title" id="sec-invdet">${t("invoice-details-section")}</div>
<div class="fg"><label id="lbl-idate" for="idate">${t("invoice-date")}</label>
<input id="idate" type="date" value="${dateDef}"></div>
<div class="fg"><label id="lbl-icur" for="icur">${t("invoice-currency")}</label>
<select id="icur" data-ls="icur">${curOpts}</select></div>
<div class="fg"><label id="lbl-pcode" for="pcode">${t("project-code")}</label>
<select id="pcode" data-ls="pcode">
<option value="">${t("select")}</option>
${pcOpts}
<option value="__other__">${t("other")}</option>
</select></div>
<div class="fg" id="pcode-other-wrap" style="display:none">
<label id="lbl-pcode-other" for="pcode-other">${t("project-code")} (${t("other")})</label>
<input id="pcode-other" type="text" data-ls="pcode-other">
</div> </div>
<div class="fg"><label id="lbl-ino" for="ino">${t("invoice-no")}</label>
<input id="ino" type="text" data-ls="ino"></div>
</div> </div>
<div class="card" style="margin-bottom:14px"> <div class="card">
<div class="card-title" id="lbl-pay-sec">${t("payment")}</div> <div class="card-title" id="lbl-pay-sec">${t("payment")}</div>
<div class="pay-terms-row"> <div class="pay-terms-row">
<label id="lbl-pterm">${t("payment-terms")}:</label> <label id="lbl-pterm">${t("payment-terms")}:</label>
@ -577,6 +574,7 @@ function buildForm() {
<input id="pref" type="text" data-ls="pref"></div> <input id="pref" type="text" data-ls="pref"></div>
</div> </div>
</div> </div>
</div>
<div id="lines-card"> <div id="lines-card">
<div class="card-title" style="display:flex;align-items:center;justify-content:space-between"> <div class="card-title" style="display:flex;align-items:center;justify-content:space-between">