Add ARIA table roles to report tables for screen reader accessibility

This commit is contained in:
2026-04-15 12:02:48 +08:00
parent c1d5b46145
commit 9b002cd9a9
14 changed files with 154 additions and 154 deletions
@@ -55,15 +55,15 @@ First written: 2023/3/7
</h2>
</div>
<div class="row accounting-report-table accounting-balance-sheet-table">
<div class="row accounting-report-table accounting-balance-sheet-table" role="table">
<div class="col-sm-6">
{% if report.assets.subsections %}
{% with section = report.assets %}
{% include "accounting/report/include/balance-sheet-section.html" %}
{% endwith %}
<div class="d-md-none d-flex justify-content-between accounting-report-table-row accounting-balance-sheet-total">
<div>{{ A_("Total") }}</div>
<div class="accounting-amount {% if report.assets.total < 0 %} text-danger {% endif %}">{{ report.assets.total|accounting_report_format_amount }}</div>
<div class="d-md-none d-flex justify-content-between accounting-report-table-row accounting-balance-sheet-total" role="row">
<div role="cell">{{ A_("Total") }}</div>
<div class="accounting-amount {% if report.assets.total < 0 %} text-danger {% endif %}" role="cell">{{ report.assets.total|accounting_report_format_amount }}</div>
</div>
{% endif %}
</div>
@@ -73,9 +73,9 @@ First written: 2023/3/7
{% with section = report.liabilities %}
{% include "accounting/report/include/balance-sheet-section.html" %}
{% endwith %}
<div class="d-flex justify-content-between accounting-report-table-row accounting-balance-sheet-subtotal">
<div>{{ A_("Total") }}</div>
<div class="accounting-amount {% if report.liabilities.total < 0 %} text-danger {% endif %}">{{ report.liabilities.total|accounting_report_format_amount }}</div>
<div class="d-flex justify-content-between accounting-report-table-row accounting-balance-sheet-subtotal" role="row">
<div role="cell">{{ A_("Total") }}</div>
<div class="accounting-amount {% if report.liabilities.total < 0 %} text-danger {% endif %}" role="cell">{{ report.liabilities.total|accounting_report_format_amount }}</div>
</div>
{% endif %}
@@ -83,15 +83,15 @@ First written: 2023/3/7
{% with section = report.owner_s_equity %}
{% include "accounting/report/include/balance-sheet-section.html" %}
{% endwith %}
<div class="d-flex justify-content-between accounting-report-table-row accounting-balance-sheet-subtotal">
<div>{{ A_("Total") }}</div>
<div class="accounting-amount {% if report.owner_s_equity.total < 0 %} text-danger {% endif %}">{{ report.owner_s_equity.total|accounting_report_format_amount }}</div>
<div class="d-flex justify-content-between accounting-report-table-row accounting-balance-sheet-subtotal" role="row">
<div role="cell">{{ A_("Total") }}</div>
<div class="accounting-amount {% if report.owner_s_equity.total < 0 %} text-danger {% endif %}" role="cell">{{ report.owner_s_equity.total|accounting_report_format_amount }}</div>
</div>
{% endif %}
<div class="d-md-none d-flex justify-content-between accounting-report-table-row accounting-balance-sheet-total">
<div>{{ A_("Total") }}</div>
<div class="accounting-amount {% if report.liabilities.total < 0 %} text-danger {% endif %}">{{ (report.liabilities.total + report.owner_s_equity.total)|accounting_report_format_amount }}</div>
<div class="d-md-none d-flex justify-content-between accounting-report-table-row accounting-balance-sheet-total" role="row">
<div role="cell">{{ A_("Total") }}</div>
<div class="accounting-amount {% if report.liabilities.total < 0 %} text-danger {% endif %}" role="cell">{{ (report.liabilities.total + report.owner_s_equity.total)|accounting_report_format_amount }}</div>
</div>
</div>
</div>
@@ -19,24 +19,24 @@ balance-sheet-section.html: A section in the balance sheet.
Author: imacat@mail.imacat.idv.tw (imacat)
First written: 2023/3/8
#}
<div class="accounting-report-table-row accounting-balance-sheet-section">
<div>{{ section.title.title }}</div>
<div class="accounting-report-table-row accounting-balance-sheet-section" role="row">
<div role="cell">{{ section.title.title }}</div>
</div>
<div class="accounting-report-table-body">
{% for subsection in section.subsections %}
<div class="accounting-report-table-row accounting-balance-sheet-subsection">
<div>
<div class="accounting-report-table-row accounting-balance-sheet-subsection" role="row">
<div role="cell">
<span class="d-none d-md-inline">{{ subsection.title.code }}</span>
{{ subsection.title.title }}
</div>
</div>
{% for account in subsection.accounts %}
<a class="d-flex justify-content-between accounting-report-table-row accounting-balance-sheet-account" href="{{ account.url }}">
<div>
<a class="d-flex justify-content-between accounting-report-table-row accounting-balance-sheet-account" role="row" href="{{ account.url }}">
<div role="cell">
<span class="d-none d-md-inline">{{ account.account.code }}</span>
{{ account.account.title }}
</div>
<div class="accounting-amount {% if account.amount < 0 %} text-danger {% endif %}">{{ account.amount|accounting_report_format_amount }}</div>
<div class="accounting-amount {% if account.amount < 0 %} text-danger {% endif %}" role="cell">{{ account.amount|accounting_report_format_amount }}</div>
</a>
{% endfor %}
{% endfor %}
@@ -19,9 +19,9 @@ income-expenses-row-desktop.html: The row in the income and expenses log for the
Author: imacat@mail.imacat.idv.tw (imacat)
First written: 2023/3/8
#}
<div>{{ line_item.date|accounting_format_date }}</div>
<div>{{ line_item.account.title }}</div>
<div>{{ line_item.description|accounting_default }}</div>
<div class="accounting-amount">{{ line_item.income|accounting_format_amount|accounting_default }}</div>
<div class="accounting-amount">{{ line_item.expense|accounting_format_amount|accounting_default }}</div>
<div class="accounting-amount {% if line_item.balance < 0 %} text-danger {% endif %}">{{ line_item.balance|accounting_report_format_amount }}</div>
<div role="cell">{{ line_item.date|accounting_format_date }}</div>
<div role="cell">{{ line_item.account.title }}</div>
<div role="cell">{{ line_item.description|accounting_default }}</div>
<div class="accounting-amount" role="cell">{{ line_item.income|accounting_format_amount|accounting_default }}</div>
<div class="accounting-amount" role="cell">{{ line_item.expense|accounting_format_amount|accounting_default }}</div>
<div class="accounting-amount {% if line_item.balance < 0 %} text-danger {% endif %}" role="cell">{{ line_item.balance|accounting_report_format_amount }}</div>
@@ -19,10 +19,10 @@ ledger-row-desktop.html: The row in the ledger for the desktop computers
Author: imacat@mail.imacat.idv.tw (imacat)
First written: 2023/3/8
#}
<div>{{ line_item.date|accounting_format_date }}</div>
<div>{{ line_item.description|accounting_default }}</div>
<div class="accounting-amount">{{ line_item.debit|accounting_format_amount|accounting_default }}</div>
<div class="accounting-amount">{{ line_item.credit|accounting_format_amount|accounting_default }}</div>
<div role="cell">{{ line_item.date|accounting_format_date }}</div>
<div role="cell">{{ line_item.description|accounting_default }}</div>
<div class="accounting-amount" role="cell">{{ line_item.debit|accounting_format_amount|accounting_default }}</div>
<div class="accounting-amount" role="cell">{{ line_item.credit|accounting_format_amount|accounting_default }}</div>
{% if report.account.is_real %}
<div class="accounting-amount {% if line_item.balance < 0 %} text-danger {% endif %}">{{ line_item.balance|accounting_report_format_amount }}</div>
<div class="accounting-amount {% if line_item.balance < 0 %} text-danger {% endif %}" role="cell">{{ line_item.balance|accounting_report_format_amount }}</div>
{% endif %}
@@ -49,27 +49,27 @@ First written: 2023/3/5
{% include "accounting/include/pagination.html" %}
{% endwith %}
<div class="d-none d-md-block accounting-report-table accounting-income-expenses-table">
<div class="d-none d-md-block accounting-report-table accounting-income-expenses-table" role="table">
<div class="accounting-report-table-header">
<div class="accounting-report-table-row">
<div>{{ A_("Date") }}</div>
<div>{{ A_("Account") }}</div>
<div>{{ A_("Description") }}</div>
<div class="accounting-amount">{{ A_("Income") }}</div>
<div class="accounting-amount">{{ A_("Expense") }}</div>
<div class="accounting-amount">{{ A_("Balance") }}</div>
<div class="accounting-report-table-row" role="row">
<div role="columnheader">{{ A_("Date") }}</div>
<div role="columnheader">{{ A_("Account") }}</div>
<div role="columnheader">{{ A_("Description") }}</div>
<div class="accounting-amount" role="columnheader">{{ A_("Income") }}</div>
<div class="accounting-amount" role="columnheader">{{ A_("Expense") }}</div>
<div class="accounting-amount" role="columnheader">{{ A_("Balance") }}</div>
</div>
</div>
<div class="accounting-report-table-body">
{% if report.brought_forward %}
{% with line_item = report.brought_forward %}
<div class="accounting-report-table-row">
<div class="accounting-report-table-row" role="row">
{% include "accounting/report/include/income-expenses-row-desktop.html" %}
</div>
{% endwith %}
{% endif %}
{% for line_item in report.line_items %}
<a class="accounting-report-table-row" href="{{ line_item.url|accounting_append_next }}">
<a class="accounting-report-table-row" href="{{ line_item.url|accounting_append_next }}" role="row">
{% include "accounting/report/include/income-expenses-row-desktop.html" %}
</a>
{% endfor %}
@@ -77,11 +77,11 @@ First written: 2023/3/5
{% if report.total %}
{% with line_item = report.total %}
<div class="accounting-report-table-footer">
<div class="accounting-report-table-row">
<div>{{ A_("Total") }}</div>
<div class="accounting-amount">{{ line_item.income|accounting_format_amount }}</div>
<div class="accounting-amount">{{ line_item.expense|accounting_format_amount }}</div>
<div class="accounting-amount {% if line_item.balance < 0 %} text-danger {% endif %}">{{ line_item.balance|accounting_report_format_amount }}</div>
<div class="accounting-report-table-row" role="row">
<div role="cell">{{ A_("Total") }}</div>
<div class="accounting-amount" role="cell">{{ line_item.income|accounting_format_amount }}</div>
<div class="accounting-amount" role="cell">{{ line_item.expense|accounting_format_amount }}</div>
<div class="accounting-amount {% if line_item.balance < 0 %} text-danger {% endif %}" role="cell">{{ line_item.balance|accounting_report_format_amount }}</div>
</div>
</div>
{% endwith %}
@@ -55,44 +55,44 @@ First written: 2023/3/7
</h2>
</div>
<div class="accounting-report-table accounting-income-statement-table">
<div class="accounting-report-table accounting-income-statement-table" role="table">
<div class="accounting-report-table-header">
<div class="accounting-report-table-row">
<div class="accounting-amount">{{ A_("Amount") }}</div>
<div class="accounting-report-table-row" role="row">
<div class="accounting-amount" role="columnheader">{{ A_("Amount") }}</div>
</div>
</div>
<div class="accounting-report-table-body">
{% for section in report.sections %}
<div class="accounting-report-table-row accounting-income-statement-section">
<div>
<div class="accounting-report-table-row accounting-income-statement-section" role="row">
<div role="cell">
<span class="d-none d-md-inline">{{ section.title.code }}</span>
{{ section.title.title }}
</div>
</div>
{% for subsection in section.subsections %}
<div class="accounting-report-table-row accounting-income-statement-subsection">
<div>
<div class="accounting-report-table-row accounting-income-statement-subsection" role="row">
<div role="cell">
<span class="d-none d-md-inline">{{ subsection.title.code }}</span>
{{ subsection.title.title }}
</div>
</div>
{% for account in subsection.accounts %}
<a class="accounting-report-table-row accounting-income-statement-account" href="{{ account.url }}">
<div>
<a class="accounting-report-table-row accounting-income-statement-account" role="row" href="{{ account.url }}">
<div role="cell">
<span class="d-none d-md-inline">{{ account.account.code }}</span>
{{ account.account.title }}
</div>
<div class="accounting-amount {% if account.amount < 0 %} text-danger {% endif %}">{{ account.amount|accounting_report_format_amount }}</div>
<div class="accounting-amount {% if account.amount < 0 %} text-danger {% endif %}" role="cell">{{ account.amount|accounting_report_format_amount }}</div>
</a>
{% endfor %}
<div class="accounting-report-table-row accounting-income-statement-subtotal">
<div>{{ A_("Total") }}</div>
<div class="accounting-amount {% if subsection.total < 0 %} text-danger {% endif %}">{{ subsection.total|accounting_report_format_amount }}</div>
<div class="accounting-report-table-row accounting-income-statement-subtotal" role="row">
<div role="cell">{{ A_("Total") }}</div>
<div class="accounting-amount {% if subsection.total < 0 %} text-danger {% endif %}" role="cell">{{ subsection.total|accounting_report_format_amount }}</div>
</div>
{% endfor %}
<div class="accounting-report-table-row accounting-income-statement-total">
<div>{{ section.accumulated.title }}</div>
<div class="accounting-amount {% if section.accumulated.amount < 0 %} text-danger {% endif %}">{{ section.accumulated.amount|accounting_report_format_amount }}</div>
<div class="accounting-report-table-row accounting-income-statement-total" role="row">
<div role="cell">{{ section.accumulated.title }}</div>
<div class="accounting-amount {% if section.accumulated.amount < 0 %} text-danger {% endif %}" role="cell">{{ section.accumulated.amount|accounting_report_format_amount }}</div>
</div>
{% endfor %}
</div>
@@ -47,29 +47,29 @@ First written: 2023/3/4
{% include "accounting/include/pagination.html" %}
{% endwith %}
<div class="d-none d-md-block accounting-report-table accounting-journal-table">
<div class="d-none d-md-block accounting-report-table accounting-journal-table" role="table">
<div class="accounting-report-table-header">
<div class="accounting-report-table-row">
<div>{{ A_("Date") }}</div>
<div>{{ A_("Currency") }}</div>
<div>{{ A_("Account") }}</div>
<div>{{ A_("Description") }}</div>
<div class="accounting-amount">{{ A_("Debit") }}</div>
<div class="accounting-amount">{{ A_("Credit") }}</div>
<div class="accounting-report-table-row" role="row">
<div role="columnheader">{{ A_("Date") }}</div>
<div role="columnheader">{{ A_("Currency") }}</div>
<div role="columnheader">{{ A_("Account") }}</div>
<div role="columnheader">{{ A_("Description") }}</div>
<div class="accounting-amount" role="columnheader">{{ A_("Debit") }}</div>
<div class="accounting-amount" role="columnheader">{{ A_("Credit") }}</div>
</div>
</div>
<div class="accounting-report-table-body">
{% for line_item in report.line_items %}
<a class="accounting-report-table-row" href="{{ url_for("accounting.journal-entry.detail", journal_entry=line_item.journal_entry)|accounting_append_next }}">
<div>{{ line_item.journal_entry.date|accounting_format_date }}</div>
<div>{{ line_item.currency.name }}</div>
<div>
<a class="accounting-report-table-row" href="{{ url_for("accounting.journal-entry.detail", journal_entry=line_item.journal_entry)|accounting_append_next }}" role="row">
<div role="cell">{{ line_item.journal_entry.date|accounting_format_date }}</div>
<div role="cell">{{ line_item.currency.name }}</div>
<div role="cell">
<span class="d-none d-md-inline">{{ line_item.account.code }}</span>
{{ line_item.account.title }}
</div>
<div>{{ line_item.description|accounting_default }}</div>
<div class="accounting-amount">{{ line_item.debit|accounting_format_amount|accounting_default }}</div>
<div class="accounting-amount">{{ line_item.credit|accounting_format_amount|accounting_default }}</div>
<div role="cell">{{ line_item.description|accounting_default }}</div>
<div class="accounting-amount" role="cell">{{ line_item.debit|accounting_format_amount|accounting_default }}</div>
<div class="accounting-amount" role="cell">{{ line_item.credit|accounting_format_amount|accounting_default }}</div>
</a>
{% endfor %}
</div>
@@ -49,28 +49,28 @@ First written: 2023/3/5
{% include "accounting/include/pagination.html" %}
{% endwith %}
<div class="d-none d-md-block accounting-report-table {% if report.account.is_real %} accounting-ledger-real-table {% else %} accounting-ledger-nominal-table {% endif %}">
<div class="d-none d-md-block accounting-report-table {% if report.account.is_real %} accounting-ledger-real-table {% else %} accounting-ledger-nominal-table {% endif %}" role="table">
<div class="accounting-report-table-header">
<div class="accounting-report-table-row">
<div>{{ A_("Date") }}</div>
<div>{{ A_("Description") }}</div>
<div class="accounting-amount">{{ A_("Debit") }}</div>
<div class="accounting-amount">{{ A_("Credit") }}</div>
<div role="columnheader">{{ A_("Date") }}</div>
<div role="columnheader">{{ A_("Description") }}</div>
<div class="accounting-amount" role="columnheader">{{ A_("Debit") }}</div>
<div class="accounting-amount" role="columnheader">{{ A_("Credit") }}</div>
{% if report.account.is_real %}
<div class="accounting-amount">{{ A_("Balance") }}</div>
<div class="accounting-amount" role="columnheader">{{ A_("Balance") }}</div>
{% endif %}
</div>
</div>
<div class="accounting-report-table-body">
{% if report.brought_forward %}
{% with line_item = report.brought_forward %}
<div class="accounting-report-table-row">
<div class="accounting-report-table-row" role="row">
{% include "accounting/report/include/ledger-row-desktop.html" %}
</div>
{% endwith %}
{% endif %}
{% for line_item in report.line_items %}
<a class="accounting-report-table-row" href="{{ line_item.url|accounting_append_next }}">
<a class="accounting-report-table-row" href="{{ line_item.url|accounting_append_next }}" role="row">
{% include "accounting/report/include/ledger-row-desktop.html" %}
</a>
{% endfor %}
@@ -78,12 +78,12 @@ First written: 2023/3/5
{% if report.total %}
{% with line_item = report.total %}
<div class="accounting-report-table-footer">
<div class="accounting-report-table-row">
<div>{{ A_("Total") }}</div>
<div class="accounting-amount">{{ line_item.debit|accounting_format_amount|accounting_default }}</div>
<div class="accounting-amount">{{ line_item.credit|accounting_format_amount|accounting_default }}</div>
<div class="accounting-report-table-row" role="row">
<div role="cell">{{ A_("Total") }}</div>
<div class="accounting-amount" role="cell">{{ line_item.debit|accounting_format_amount|accounting_default }}</div>
<div class="accounting-amount" role="cell">{{ line_item.credit|accounting_format_amount|accounting_default }}</div>
{% if report.account.is_real %}
<div class="accounting-amount {% if line_item.balance < 0 %} text-danger {% endif %}">{{ line_item.balance|accounting_report_format_amount }}</div>
<div class="accounting-amount {% if line_item.balance < 0 %} text-danger {% endif %}" role="cell">{{ line_item.balance|accounting_report_format_amount }}</div>
{% endif %}
</div>
</div>
@@ -44,29 +44,29 @@ First written: 2023/3/8
{% include "accounting/include/pagination.html" %}
{% endwith %}
<div class="d-none d-md-block accounting-report-table accounting-journal-table">
<div class="d-none d-md-block accounting-report-table accounting-journal-table" role="table">
<div class="accounting-report-table-header">
<div class="accounting-report-table-row">
<div>{{ A_("Date") }}</div>
<div>{{ A_("Currency") }}</div>
<div>{{ A_("Account") }}</div>
<div>{{ A_("Description") }}</div>
<div class="accounting-amount">{{ A_("Debit") }}</div>
<div class="accounting-amount">{{ A_("Credit") }}</div>
<div class="accounting-report-table-row" role="row">
<div role="columnheader">{{ A_("Date") }}</div>
<div role="columnheader">{{ A_("Currency") }}</div>
<div role="columnheader">{{ A_("Account") }}</div>
<div role="columnheader">{{ A_("Description") }}</div>
<div class="accounting-amount" role="columnheader">{{ A_("Debit") }}</div>
<div class="accounting-amount" role="columnheader">{{ A_("Credit") }}</div>
</div>
</div>
<div class="accounting-report-table-body">
{% for line_item in report.line_items %}
<a class="accounting-report-table-row" href="{{ url_for("accounting.journal-entry.detail", journal_entry=line_item.journal_entry)|accounting_append_next }}">
<div>{{ line_item.journal_entry.date|accounting_format_date }}</div>
<div>{{ line_item.currency.name }}</div>
<div>
<a class="accounting-report-table-row" href="{{ url_for("accounting.journal-entry.detail", journal_entry=line_item.journal_entry)|accounting_append_next }}" role="row">
<div role="cell">{{ line_item.journal_entry.date|accounting_format_date }}</div>
<div role="cell">{{ line_item.currency.name }}</div>
<div role="cell">
<span class="d-none d-md-inline">{{ line_item.account.code }}</span>
{{ line_item.account.title }}
</div>
<div>{{ line_item.description|accounting_default }}</div>
<div class="accounting-amount">{{ line_item.debit|accounting_format_amount|accounting_default }}</div>
<div class="accounting-amount">{{ line_item.credit|accounting_format_amount|accounting_default }}</div>
<div role="cell">{{ line_item.description|accounting_default }}</div>
<div class="accounting-amount" role="cell">{{ line_item.debit|accounting_format_amount|accounting_default }}</div>
<div class="accounting-amount" role="cell">{{ line_item.credit|accounting_format_amount|accounting_default }}</div>
</a>
{% endfor %}
</div>
@@ -55,31 +55,31 @@ First written: 2023/3/5
</h2>
</div>
<div class="accounting-report-table accounting-trial-balance-table">
<div class="accounting-report-table accounting-trial-balance-table" role="table">
<div class="accounting-report-table-header">
<div class="accounting-report-table-row">
<div>{{ A_("Account") }}</div>
<div class="accounting-amount">{{ A_("Debit") }}</div>
<div class="accounting-amount">{{ A_("Credit") }}</div>
<div class="accounting-report-table-row" role="row">
<div role="columnheader">{{ A_("Account") }}</div>
<div class="accounting-amount" role="columnheader">{{ A_("Debit") }}</div>
<div class="accounting-amount" role="columnheader">{{ A_("Credit") }}</div>
</div>
</div>
<div class="accounting-report-table-body">
{% for account in report.accounts %}
<a class="accounting-report-table-row" href="{{ account.url }}">
<div>
<a class="accounting-report-table-row" href="{{ account.url }}" role="row">
<div role="cell">
<span class="d-none d-md-inline">{{ account.account.code }}</span>
{{ account.account.title }}
</div>
<div class="accounting-amount">{{ account.debit|accounting_format_amount|accounting_default }}</div>
<div class="accounting-amount">{{ account.credit|accounting_format_amount|accounting_default }}</div>
<div class="accounting-amount" role="cell">{{ account.debit|accounting_format_amount|accounting_default }}</div>
<div class="accounting-amount" role="cell">{{ account.credit|accounting_format_amount|accounting_default }}</div>
</a>
{% endfor %}
</div>
<div class="accounting-report-table-footer">
<div class="accounting-report-table-row">
<div>{{ A_("Total") }}</div>
<div class="accounting-amount">{{ report.total.debit|accounting_format_amount }}</div>
<div class="accounting-amount">{{ report.total.credit|accounting_format_amount }}</div>
<div class="accounting-report-table-row" role="row">
<div role="cell">{{ A_("Total") }}</div>
<div class="accounting-amount" role="cell">{{ report.total.debit|accounting_format_amount }}</div>
<div class="accounting-amount" role="cell">{{ report.total.credit|accounting_format_amount }}</div>
</div>
</div>
</div>
@@ -52,20 +52,20 @@ First written: 2023/4/8
</h2>
</div>
<div class="accounting-report-table accounting-unapplied-account-table">
<div class="accounting-report-table accounting-unapplied-account-table" role="table">
<div class="accounting-report-table-header">
<div class="accounting-report-table-row">
<div class="accounting-amount">{{ A_("Count") }}</div>
<div class="accounting-report-table-row" role="row">
<div class="accounting-amount" role="columnheader">{{ A_("Count") }}</div>
</div>
</div>
<div class="accounting-report-table-body">
{% for account in report.accounts %}
<a class="accounting-report-table-row" href="{{ url_for("accounting-report.unapplied", currency=report.currency, account=account, period=report.period) }}">
<div>
<a class="accounting-report-table-row" href="{{ url_for("accounting-report.unapplied", currency=report.currency, account=account, period=report.period) }}" role="row">
<div role="cell">
<span class="d-none d-md-inline">{{ account.code }}</span>
{{ account.title }}
</div>
<div class="accounting-amount">{{ account.count }}</div>
<div class="accounting-amount" role="cell">{{ account.count }}</div>
</a>
{% endfor %}
</div>
@@ -45,22 +45,22 @@ First written: 2023/4/7
{% include "accounting/include/pagination.html" %}
{% endwith %}
<div class="d-none d-md-block accounting-report-table accounting-unapplied-table">
<div class="d-none d-md-block accounting-report-table accounting-unapplied-table" role="table">
<div class="accounting-report-table-header">
<div class="accounting-report-table-row">
<div>{{ A_("Date") }}</div>
<div>{{ A_("Description") }}</div>
<div class="accounting-amount">{{ A_("Amount") }}</div>
<div class="accounting-amount">{{ A_("Net Balance") }}</div>
<div class="accounting-report-table-row" role="row">
<div role="columnheader">{{ A_("Date") }}</div>
<div role="columnheader">{{ A_("Description") }}</div>
<div class="accounting-amount" role="columnheader">{{ A_("Amount") }}</div>
<div class="accounting-amount" role="columnheader">{{ A_("Net Balance") }}</div>
</div>
</div>
<div class="accounting-report-table-body">
{% for line_item in report.line_items %}
<a class="accounting-report-table-row" href="{{ url_for("accounting.journal-entry.detail", journal_entry=line_item.journal_entry)|accounting_append_next }}">
<div>{{ line_item.journal_entry.date|accounting_format_date }}</div>
<div>{{ line_item.description|accounting_default }}</div>
<div class="accounting-amount">{{ line_item.amount|accounting_format_amount }}</div>
<div class="accounting-amount">{{ line_item.net_balance|accounting_format_amount }}</div>
<a class="accounting-report-table-row" href="{{ url_for("accounting.journal-entry.detail", journal_entry=line_item.journal_entry)|accounting_append_next }}" role="row">
<div role="cell">{{ line_item.journal_entry.date|accounting_format_date }}</div>
<div role="cell">{{ line_item.description|accounting_default }}</div>
<div class="accounting-amount" role="cell">{{ line_item.amount|accounting_format_amount }}</div>
<div class="accounting-amount" role="cell">{{ line_item.net_balance|accounting_format_amount }}</div>
</a>
{% endfor %}
</div>
@@ -52,20 +52,20 @@ First written: 2023/4/17
</h2>
</div>
<div class="accounting-report-table accounting-unapplied-account-table">
<div class="accounting-report-table accounting-unapplied-account-table" role="table">
<div class="accounting-report-table-header">
<div class="accounting-report-table-row">
<div class="accounting-amount">{{ A_("Count") }}</div>
<div class="accounting-report-table-row" role="row">
<div class="accounting-amount" role="columnheader">{{ A_("Count") }}</div>
</div>
</div>
<div class="accounting-report-table-body">
{% for account in report.accounts %}
<a class="accounting-report-table-row" href="{{ url_for("accounting-report.unmatched", currency=report.currency, account=account, period=report.period) }}">
<div>
<a class="accounting-report-table-row" href="{{ url_for("accounting-report.unmatched", currency=report.currency, account=account, period=report.period) }}" role="row">
<div role="cell">
<span class="d-none d-md-inline">{{ account.code }}</span>
{{ account.title }}
</div>
<div class="accounting-amount">{{ account.count }}</div>
<div class="accounting-amount" role="cell">{{ account.count }}</div>
</a>
{% endfor %}
</div>
@@ -86,29 +86,29 @@ First written: 2023/4/17
{% include "accounting/include/pagination.html" %}
{% endwith %}
<div class="d-none d-md-block accounting-report-table accounting-unmatched-table">
<div class="d-none d-md-block accounting-report-table accounting-unmatched-table" role="table">
<div class="accounting-report-table-header">
<div class="accounting-report-table-row">
<div>{{ A_("Date") }}</div>
<div>{{ A_("Description") }}</div>
<div class="accounting-amount">{{ A_("Debit") }}</div>
<div class="accounting-amount">{{ A_("Credit") }}</div>
<div class="accounting-amount">{{ A_("Balance") }}</div>
<div class="accounting-report-table-row" role="row">
<div role="columnheader">{{ A_("Date") }}</div>
<div role="columnheader">{{ A_("Description") }}</div>
<div class="accounting-amount" role="columnheader">{{ A_("Debit") }}</div>
<div class="accounting-amount" role="columnheader">{{ A_("Credit") }}</div>
<div class="accounting-amount" role="columnheader">{{ A_("Balance") }}</div>
</div>
</div>
<div class="accounting-report-table-body">
{% for line_item in report.line_items %}
<a class="accounting-report-table-row {% if not line_item.match %} accounting-report-table-row-danger {% endif %}" href="{{ url_for("accounting.journal-entry.detail", journal_entry=line_item.journal_entry)|accounting_append_next }}">
<div>{{ line_item.journal_entry.date|accounting_format_date }}</div>
<div>
<a class="accounting-report-table-row {% if not line_item.match %} accounting-report-table-row-danger {% endif %}" href="{{ url_for("accounting.journal-entry.detail", journal_entry=line_item.journal_entry)|accounting_append_next }}" role="row">
<div role="cell">{{ line_item.journal_entry.date|accounting_format_date }}</div>
<div role="cell">
{{ line_item.description|accounting_default }}
{% if line_item.match %}
<div class="small">{{ A_("Can match %(item)s", item=line_item.match) }}</div>
{% endif %}
</div>
<div class="accounting-amount">{{ line_item.debit|accounting_format_amount|accounting_default }}</div>
<div class="accounting-amount">{{ line_item.credit|accounting_format_amount|accounting_default }}</div>
<div class="accounting-amount {% if line_item.balance < 0 %} text-danger {% endif %}">{{ line_item.balance|accounting_report_format_amount }}</div>
<div class="accounting-amount" role="cell">{{ line_item.debit|accounting_format_amount|accounting_default }}</div>
<div class="accounting-amount" role="cell">{{ line_item.credit|accounting_format_amount|accounting_default }}</div>
<div class="accounting-amount {% if line_item.balance < 0 %} text-danger {% endif %}" role="cell">{{ line_item.balance|accounting_report_format_amount }}</div>
</a>
{% endfor %}
</div>