kbenestad/invoice
1
0
Fork 0
mirror of https://github.com/kbenestad/invoice.git synced 2026-06-18 08:04:32 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Reorganise Charge-to card into address-left / contact-right layout

Browse source 
Left column: Name, Address 1–3, then Address 4 + Country side-by-side
Right column: Phone, Email, VAT/Tax ID, Registration number

https://claude.ai/code/session_01MkM7p8Us3L8YAfLKGA13NS
This commit is contained in:
Claude 2026-06-08 16:51:59 +00:00
parent f44593cb55
commit 5184458c23
No known key found for this signature in database
1 changed files with 47 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

86
app/index.html
View file

@ -829,46 +829,54 @@ function buildForm() {
</select> </select>
</h2> </h2>
<div id="ct-fields" class="locked"> <div id="ct-fields" class="locked">
<div class="kb-grid cols-2"> <div class="kb-grid cols-2" style="align-items:start">
<div class="kb-field"> <!-- Left: address -->
<label class="kb-label" id="lbl-ctn" for="ctn">${t("charge-to-name")}</label> <div class="kb-grid">
<input id="ctn" type="text" class="kb-input"> <div class="kb-field">
<label class="kb-label" id="lbl-ctn" for="ctn">${t("charge-to-name")}</label>
<input id="ctn" type="text" class="kb-input">
</div>
<div class="kb-field">
<label class="kb-label" id="lbl-ca1" for="ca1">${t("charge-to-address1")}</label>
<input id="ca1" type="text" class="kb-input">
</div>
<div class="kb-field">
<label class="kb-label" id="lbl-ca2" for="ca2">${t("charge-to-address2")}</label>
<input id="ca2" type="text" class="kb-input">
</div>
<div class="kb-field">
<label class="kb-label" id="lbl-ca3" for="ca3">${t("charge-to-address3")}</label>
<input id="ca3" type="text" class="kb-input">
</div>
<div class="kb-grid cols-2" style="gap:10px">
<div class="kb-field">
<label class="kb-label" id="lbl-ca4" for="ca4">${t("charge-to-address4")}</label>
<input id="ca4" type="text" class="kb-input">
</div>
<div class="kb-field">
<label class="kb-label" id="lbl-cc" for="cc">${t("charge-to-country")}</label>
<select id="cc" class="kb-select">${countryOpts("")}</select>
</div>
</div>
</div> </div>
<div class="kb-field"> <!-- Right: contact + IDs -->
<label class="kb-label" id="lbl-ca1" for="ca1">${t("charge-to-address1")}</label> <div class="kb-grid">
<input id="ca1" type="text" class="kb-input"> <div class="kb-field">
</div> <label class="kb-label" id="lbl-cph" for="cph">${t("charge-to-phone")}</label>
<div class="kb-field"> <input id="cph" type="tel" class="kb-input">
<label class="kb-label" id="lbl-ca2" for="ca2">${t("charge-to-address2")}</label> </div>
<input id="ca2" type="text" class="kb-input"> <div class="kb-field">
</div> <label class="kb-label" id="lbl-cem" for="cem">${t("charge-to-email")}</label>
<div class="kb-field"> <input id="cem" type="email" class="kb-input">
<label class="kb-label" id="lbl-ca3" for="ca3">${t("charge-to-address3")}</label> </div>
<input id="ca3" type="text" class="kb-input"> <div class="kb-field">
</div> <label class="kb-label" id="lbl-cvat" for="cvat">${t("vat-id")}</label>
<div class="kb-field"> <input id="cvat" type="text" class="kb-input">
<label class="kb-label" id="lbl-ca4" for="ca4">${t("charge-to-address4")}</label> </div>
<input id="ca4" type="text" class="kb-input"> <div class="kb-field">
</div> <label class="kb-label" id="lbl-creg" for="creg">${t("registration-no")}</label>
<div class="kb-field"> <input id="creg" type="text" class="kb-input">
<label class="kb-label" id="lbl-cc" for="cc">${t("charge-to-country")}</label> </div>
<select id="cc" class="kb-select">${countryOpts("")}</select>
</div>
<div class="kb-field">
<label class="kb-label" id="lbl-cph" for="cph">${t("charge-to-phone")}</label>
<input id="cph" type="tel" class="kb-input">
</div>
<div class="kb-field">
<label class="kb-label" id="lbl-cem" for="cem">${t("charge-to-email")}</label>
<input id="cem" type="email" class="kb-input">
</div>
<div class="kb-field">
<label class="kb-label" id="lbl-cvat" for="cvat">${t("vat-id")}</label>
<input id="cvat" type="text" class="kb-input">
</div>
<div class="kb-field">
<label class="kb-label" id="lbl-creg" for="creg">${t("registration-no")}</label>
<input id="creg" type="text" class="kb-input">
</div> </div>
</div> </div>
</div> </div>