215 lines
8.9 KiB
HTML
215 lines
8.9 KiB
HTML
{% extends "base.html" %}
|
|
{% comment %}
|
|
The Mia Accounting Application
|
|
report-income-statement.html: The template for the income statements
|
|
|
|
Copyright (c) 2020 imacat.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
|
|
Author: imacat@mail.imacat.idv.tw (imacat)
|
|
First written: 2020/7/19
|
|
{% endcomment %}
|
|
{% load static %}
|
|
{% load i18n %}
|
|
{% load humanize %}
|
|
{% load mia_core %}
|
|
{% load accounting %}
|
|
|
|
{% block settings %}
|
|
{% blocktrans asvar title with prep_period=request.resolver_match.kwargs.period.prep_desc %}Income Statement {{ prep_period }}{% endblocktrans %}
|
|
{% setvar "title" title %}
|
|
{% setvar "use_period_chooser" True %}
|
|
{% static "accounting/css/report.css" as file %}{% add_css file %}
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
<div class="btn-group btn-actions">
|
|
<div class="btn-group">
|
|
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
|
|
<i class="fas fa-edit"></i>
|
|
{% trans "New" context "Accounting" as text %}{{ text|force_escape }}
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="{% url "accounting:transactions.create" "expense" as url %}{% url_with_return url %}">
|
|
{{ _("Cash Expense")|force_escape }}
|
|
</a>
|
|
<a class="dropdown-item" href="{% url "accounting:transactions.create" "income" as url %}{% url_with_return url %}">
|
|
{{ _("Cash Income")|force_escape }}
|
|
</a>
|
|
<a class="dropdown-item" href="{% url "accounting:transactions.create" "transfer" as url %}{% url_with_return url %}">
|
|
{{ _("Transfer")|force_escape }}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
{% with current_report_icon="fas fa-file-invoice" current_report_title=_("Income Statement") period=request.resolver_match.kwargs.period %}
|
|
{% include "accounting/include/report-chooser.html" %}
|
|
{% endwith %}
|
|
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#period-modal">
|
|
<i class="far fa-calendar-alt"></i>
|
|
<span class="d-none d-md-inline">{{ request.resolver_match.kwargs.period.description }}</span>
|
|
<span class="d-md-none">{{ _("Period")|force_escape }}</span>
|
|
</button>
|
|
</div>
|
|
|
|
{% with period=request.resolver_match.kwargs.period %}
|
|
{% include "mia_core/include/period-chooser.html" %}
|
|
{% endwith %}
|
|
|
|
{# The table for large screens #}
|
|
<div class="d-none d-sm-block report-block report-block-lg">
|
|
<div class="row justify-content-center">
|
|
<h2>{{ title|title_case }}</h2>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<table class="table table-borderless table-hover table-sm income-statement-table">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col"></th>
|
|
<th class="amount" colspan="2" scope="col">{{ _("Amount")|force_escape }}</th>
|
|
<th scope="col"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for section in section_list %}
|
|
<tr class="section-title">
|
|
<td><div>{{ section.title|title_case }}</div></td>
|
|
<td class="amount"></td>
|
|
<td class="amount"></td>
|
|
<td class="actions"></td>
|
|
</tr>
|
|
{% if section.groups %}
|
|
{% for group in section.groups %}
|
|
<tr class="group-title">
|
|
<td><div class="group-title">{{ group.title|title_case }}</div></td>
|
|
<td class="amount"></td>
|
|
<td class="amount"></td>
|
|
<td class="actions"></td>
|
|
</tr>
|
|
{% for account in group.details %}
|
|
<tr>
|
|
<td><div class="account">{{ account.title|title_case }}</div></td>
|
|
<td class="amount {% if account.amount < 0 %} text-danger {% endif %}">{{ account.amount|accounting_amount }}</td>
|
|
<td class="amount"></td>
|
|
<td class="actions">
|
|
<a href="{% url "accounting:ledger" account request.resolver_match.kwargs.period %}" class="btn btn-info" role="button">
|
|
<i class="fas fa-eye"></i>
|
|
<span class="d-none d-lg-inline">{{ _("View")|force_escape }}</span>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
<tr class="total">
|
|
<td><div>{{ _("Total")|force_escape }}</div></td>
|
|
<td class="amount"></td>
|
|
<td class="amount {% if group.amount < 0 %} text-danger {% endif %}">{{ group.amount|accounting_amount }}</td>
|
|
<td class="actions"></td>
|
|
</tr>
|
|
{% endfor %}
|
|
{% else %}
|
|
<tr class="total">
|
|
<td><div>{{ _("Total")|force_escape }}</div></td>
|
|
<td class="amount"></td>
|
|
<td class="amount">-</td>
|
|
<td class="actions"></td>
|
|
</tr>
|
|
{% endif %}
|
|
{% if section.cumulative_total is not None %}
|
|
<tr class="cumulative-total">
|
|
<td><div>{{ section.cumulative_total.title|title_case }}</div></td>
|
|
<td class="amount"></td>
|
|
<td class="amount {% if section.cumulative_total.amount < 0 %} text-danger {% endif %}">{{ section.cumulative_total.amount|accounting_amount }}</td>
|
|
<td class="actions"></td>
|
|
</tr>
|
|
{% endif %}
|
|
{% if section.has_next %}
|
|
<tr><td colspan="4"></td></tr>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{# The list for small screens #}
|
|
<div class="d-sm-none report-block report-block-sm">
|
|
<div class="row justify-content-center">
|
|
<h2>{{ title }}</h2>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<ul class="list-group income-statement-list">
|
|
{% for section in section_list %}
|
|
<li class="list-group-item d-flex justify-content-between align-items-center section-title">
|
|
{{ section.title|title_case }}
|
|
</li>
|
|
{% if section.groups %}
|
|
{% for group in section.groups %}
|
|
<li class="list-group-item d-flex justify-content-between align-items-center group-title">
|
|
{{ group.title|title_case }}
|
|
</li>
|
|
{% for account in group.details %}
|
|
<li class="list-group-item d-flex justify-content-between align-items-center account">
|
|
<a class="list-group-item-action" href="{% url "accounting:ledger" account request.resolver_match.kwargs.period %}">
|
|
{{ account.title|title_case }}
|
|
<div class="float-right">
|
|
<span class="badge {% if account.amount < 0 %} badge-warning {% else %} badge-secondary {% endif %} badge-pill">
|
|
{{ account.amount|accounting_amount }}
|
|
</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
<li class="list-group-item d-flex justify-content-between align-items-center total">
|
|
{{ _("Total")|force_escape }}
|
|
<div class="float-right">
|
|
<span class="badge {% if group.amount < 0 %} badge-danger {% else %} badge-info {% endif %} badge-pill">
|
|
{{ group.amount|accounting_amount }}
|
|
</span>
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
{% else %}
|
|
<li class="list-group-item d-flex justify-content-between align-items-center total">
|
|
{{ _("Total")|force_escape }}
|
|
<div class="float-right">
|
|
<span class="badge {% if group.amount < 0 %} badge-danger {% else %} badge-info {% endif %} badge-pill">-</span>
|
|
</div>
|
|
</li>
|
|
{% endif %}
|
|
{% if section.cumulative_total is not None %}
|
|
<li class="list-group-item d-flex justify-content-between align-items-center cumulative-total">
|
|
{{ section.cumulative_total.title|title_case }}
|
|
<div class="float-right">
|
|
<span class="badge {% if section.cumulative_total.amount < 0 %} badge-danger {% else %} badge-info {% endif %} badge-pill">
|
|
{{ section.cumulative_total.amount|accounting_amount }}
|
|
</span>
|
|
</div>
|
|
</li>
|
|
{% endif %}
|
|
{% if section.has_next %}
|
|
<li class="list-group-item d-flex justify-content-between align-items-center"></li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% endblock %}
|