243 lines
8.3 KiB
HTML
243 lines
8.3 KiB
HTML
{% extends "base.html" %}
|
|
{% comment %}
|
|
The Mia Accounting Application
|
|
view.html: The template for a transfer transaction
|
|
|
|
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/23
|
|
{% endcomment %}
|
|
{% load static %}
|
|
{% load i18n %}
|
|
{% load mia_core %}
|
|
{% load accounting %}
|
|
|
|
{% block settings %}
|
|
{% setvar "title" _("Transfer Transaction") %}
|
|
{% static "accounting/css/transactions.css" as file %}{% add_css file %}
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
{% if txn.has_order_hole %}
|
|
<div class="alert alert-danger alert-dismissible fade show">
|
|
<button type="button" class="close" data-dismiss="alert">×</button>
|
|
<strong>{{ _("Error:") }}</strong> {{ _("The transactions on this day are not well-ordered. Please reorder them.")|force_escape }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- the delete confirmation dialog -->
|
|
<form action="{% url_keep_return "accounting:transactions.delete" txn %}" method="post">
|
|
{% csrf_token %}
|
|
<!-- The Modal -->
|
|
<div class="modal" id="del-modal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
|
|
<!-- Modal Header -->
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">{{ _("Transfer Transaction Deletion Confirmation")|force_escape }}</h4>
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
</div>
|
|
|
|
<!-- Modal body -->
|
|
<div class="modal-body">{{ _("Do you really want to delete this transfer transaction?")|force_escape }}</div>
|
|
|
|
<!-- Modal footer -->
|
|
<div class="modal-footer">
|
|
<button class="btn btn-danger" type="submit" name="del-confirm">{{ _("Confirm")|force_escape }}</button>
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">{{ _("Cancel")|force_escape }}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="btn-group btn-actions">
|
|
<a class="btn btn-primary" role="button" href="{% if "r" in request.GET %}{{ request.GET.r }}{% else %}{% url "accounting:home" %}{% endif %}">
|
|
<i class="fas fa-chevron-circle-left"></i>
|
|
{{ _("Back")|force_escape }}
|
|
</a>
|
|
<a class="btn btn-primary" role="button" href="{% url_keep_return "accounting:transactions.edit" "transfer" txn %}">
|
|
<i class="fas fa-edit"></i>
|
|
{{ _("Edit")|force_escape }}
|
|
</a>
|
|
{% if not txn.has_many_same_day %}
|
|
<button type="button" class="btn btn-secondary d-none d-sm-inline" disabled="disabled" title="{{ _("There is no other transaction at the same day.")|force_escape }}">
|
|
<i class="fas fa-sort"></i>
|
|
{{ _("Sort")|force_escape }}
|
|
</button>
|
|
{% else %}
|
|
<a class="btn btn-primary d-none d-sm-inline" role="button" href="{% url_with_return "accounting:transactions.sort" txn.date %}">
|
|
<i class="fas fa-sort"></i>
|
|
{{ _("Sort")|force_escape }}
|
|
</a>
|
|
{% endif %}
|
|
<div class="btn-group d-sm-none">
|
|
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
|
|
<i class="fas fa-bars"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
{% if not txn.has_many_same_day %}
|
|
<span class="dropdown-item disabled" title="{{ _("There is no other transaction at the same day.")|force_escape }}">
|
|
<i class="fas fa-sort"></i>
|
|
{{ _("Sort")|force_escape }}
|
|
</span>
|
|
{% else %}
|
|
<a class="dropdown-item" href="{% url_with_return "accounting:transactions.sort" txn.date %}">
|
|
<i class="fas fa-sort"></i>
|
|
{{ _("Sort")|force_escape }}
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#del-modal">
|
|
<i class="fas fa-trash"></i>
|
|
{{ _("Delete")|force_escape }}
|
|
</button>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-2">{{ _("Date:")|force_escape }}</div>
|
|
<div class="col-sm-10">{{ txn.date|smart_date }}</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<h2>{{ _("Debit")|force_escape }}</h2>
|
|
|
|
<table class="table table-striped table-hover d-none d-lg-table">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">{{ _("Account")|force_escape }}</th>
|
|
<th scope="col">{{ _("Summary")|force_escape }}</th>
|
|
<th class="amount" scope="col">{{ _("$")|force_escape }}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for x in txn.debit_records %}
|
|
<tr>
|
|
<td>{{ x.account.title|title_case }}</td>
|
|
<td>{{ x.summary|default:"" }}</td>
|
|
<td class="amount">{{ x.amount|accounting_amount }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="2">{{ _("Total")|force_escape }}</td>
|
|
<td class="amount">{{ txn.debit_total|accounting_amount }}</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
|
|
<ul class="list-group d-lg-none">
|
|
{% for x in txn.debit_records %}
|
|
<li class="list-group-item">
|
|
<div class="d-flex justify-content-between align-items-center account-line">
|
|
{{ x.account.title|title_case }}
|
|
<span class="badge badge-info">{{ x.amount|accounting_amount }}</span>
|
|
</div>
|
|
<div>{{ x.summary|default:"" }}</div>x
|
|
</li>
|
|
{% endfor %}
|
|
<li class="list-group-item">
|
|
<div class="d-flex justify-content-between align-items-center account-line">
|
|
{{ _("Total")|force_escape }}
|
|
<span class="badge badge-info">{{ txn.debit_total|accounting_amount }}</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<h2>{{ _("Credit")|force_escape }}</h2>
|
|
|
|
<table class="table table-striped table-hover d-none d-lg-table">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">{{ _("Account")|force_escape }}</th>
|
|
<th scope="col">{{ _("Summary")|force_escape }}</th>
|
|
<th class="amount" scope="col">{{ _("$")|force_escape }}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for x in txn.credit_records %}
|
|
<tr>
|
|
<td>{{ x.account.title|title_case }}</td>
|
|
<td>{{ x.summary|default:"" }}</td>
|
|
<td class="amount">{{ x.amount|accounting_amount }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="2">{{ _("Total")|force_escape }}</td>
|
|
<td class="amount">{{ txn.credit_total|accounting_amount }}</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
|
|
<ul class="list-group d-lg-none">
|
|
{% for x in txn.credit_records %}
|
|
<li class="list-group-item">
|
|
<div class="d-flex justify-content-between align-items-center account-line">
|
|
{{ x.account.title|title_case }}
|
|
<span class="badge badge-info">{{ x.amount|accounting_amount }}</span>
|
|
</div>
|
|
<div>{{ x.summary|default:"" }}</div>x
|
|
</li>
|
|
% }
|
|
{% endfor %}
|
|
<li class="list-group-item">
|
|
<div class="d-flex justify-content-between align-items-center account-line">
|
|
{{ _("Total")|force_escape }}
|
|
<span class="badge badge-info">{{ txn.credit_total|accounting_amount }}</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
{% if txn.notes %}
|
|
<div class="row">
|
|
<div class="col-sm-2">{{ _("Notes:")|force_escape }}</div>
|
|
<div class="col-sm-10">{{ txn.notes }}</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="row form-group">
|
|
<div class="col-sm-2">{{ _("Created at:")|force_escape }}</div>
|
|
<div class="col-sm-10">{{ txn.created_at }}</div>
|
|
</div>
|
|
|
|
<div class="row form-group">
|
|
<div class="col-sm-2">{{ _("Created by:")|force_escape }}</div>
|
|
<div class="col-sm-10">{{ txn.created_by.name }}</div>
|
|
</div>
|
|
|
|
<div class="row form-group">
|
|
<div class="col-sm-2">{{ _("Updated at:")|force_escape }}</div>
|
|
<div class="col-sm-10">{{ txn.updated_at }}</div>
|
|
</div>
|
|
|
|
<div class="row form-group">
|
|
<div class="col-sm-2">{{ _("Updated by:")|force_escape }}</div>
|
|
<div class="col-sm-10">{{ txn.updated_by.name }}</div>
|
|
</div>
|
|
|
|
{% endblock %}
|