display dates in table

This commit is contained in:
Fran Jurmanović
2021-06-20 12:04:29 +02:00
parent 21bee9d477
commit 40f5d6745a
4 changed files with 51 additions and 5 deletions

View File

@@ -150,6 +150,21 @@ class TransactionCreateElement extends BasePageElement {
></input-field>`;
};
const renderNumericInput = (pattern, name, label, rules, hide?, customAction?) => {
if (hide) {
return html``;
}
return html`<input-field
data-type="number"
data-pattern="${pattern}"
data-name="${name}"
data-label="${label}"
data-targets="transaction-create.inputs"
data-rules="${rules}"
custom-action="${customAction}"
></input-field>`;
};
const renderDropdown = (fetch, name, label, rules, hide?) => {
if (hide) {
return html``;
@@ -169,7 +184,7 @@ class TransactionCreateElement extends BasePageElement {
data-has-cancel="true"
data-target="transaction-create.appForm"
>
${renderInput('number', 'amount', 'Amount', 'required')}
${renderNumericInput('^d+(?:.d{1,2})?$', 'amount', 'Amount', 'required', false)}
${renderInput('text', 'description', 'Description', 'required')}
${renderInput('date', 'transactionDate', 'Transaction date', 'required')}
${renderDropdown(