mirror of
https://github.com/kbenestad/invoice.git
synced 2026-06-18 16:14:33 +00:00
Reorder cards: Sender/Charge To top row, Invoice Details/Payment bottom row
https://claude.ai/code/session_0151QtsUhzXmgzEhSvXG2SDt
This commit is contained in:
parent
c6a84590ce
commit
131f6c5d25
1 changed files with 71 additions and 73 deletions
|
|
@ -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">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue