158 lines
7.7 KiB
HTML
158 lines
7.7 KiB
HTML
{% extends "base.html" %}
|
|
{% comment %}
|
|
The Mia Accounting Application
|
|
edit.html: The template for the form of a cash-expense 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 %}
|
|
{% trans "Cash Expense Transaction" context "Accounting|" as title %}
|
|
{% setvar "title" title %}
|
|
{% setvar "use_jqueryui" True %}
|
|
{% static "accounting/css/transactions.css" as file %}{% add_css file %}
|
|
{% static "accounting/css/summary-helper.css" as file %}{% add_css file %}
|
|
{% static "accounting/js/transaction-form.js" as file %}{% add_js file %}
|
|
{% static "accounting/js/regular-payments.js" as file %}{% add_js file %}
|
|
{% static "accounting/js/summary-helper.js" as file %}{% add_js file %}
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
{% include "accounting/include/summary-helper.html" %}
|
|
|
|
<div class="btn-group btn-actions">
|
|
<a class="btn btn-primary" role="button" href="{% if item.transaction %}{% url_keep_return "accounting:transactions.show" "expense" item.transaction %}{% elif request.GET.r %}{{ request.GET.r }}{% else %}{% url "accounting:home" %}{% endif %}">
|
|
<i class="fas fa-chevron-circle-left"></i>
|
|
{% trans "Back" context "Navigation|" as text %}{{ text|force_escape }}
|
|
</a>
|
|
</div>
|
|
|
|
<form id="txn-form" action="{% if item.transaction %}{% url_keep_return "accounting:transactions.update" "expense" item.transaction %}{% else %}{% url_keep_return "accounting:transactions.store" "expense" %}{% endif %}" method="post">
|
|
{% csrf_token %}
|
|
{# TODO: To be done #}
|
|
<input id="l10n-messages" type="hidden" value="{{ l10n_messages }}" />
|
|
<input id="account-option-url" type="hidden" value="{% url "accounting:accounts.options" %}" />
|
|
<input id="summary-categories" type="hidden" value="{{ summary_categories }}" />
|
|
<div class="row form-group">
|
|
<div class="col-sm-2">
|
|
<label for="txn-date">{% trans "Date:" context "Accounting|" as text %}{{ text|force_escape }}</label>
|
|
</div>
|
|
<div class="col-sm-10">
|
|
<input id="txn-date" class="form-control {% if item.date.errors %} is-invalid {% endif %}" type="date" name="date" value="{{ item.date.value }}" required="required" />
|
|
<div id="txn-date-error" class="invalid-feedback">{{ item.date.errors.0|default:"" }}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row form-group">
|
|
<div class="col-sm-12">
|
|
<ul id="debit-records" class="list-group">
|
|
{% for x in item.debit_records %}
|
|
<li id="debit-{{ forloop.counter }}" class="list-group-item d-flex justify-content-between draggable-record debit-record">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
{% if x.id.value %}
|
|
<input type="hidden" name="debit-{{ forloop.counter }}-id" value="{{ x.id.value }}" />
|
|
{% endif %}
|
|
<input id="debit-{{ forloop.counter }}-ord" class="debit-ord" type="hidden" name="debit-{{ forloop.counter }}-ord" value="{{ forloop.counter }}" />
|
|
<select id="debit-{{ forloop.counter }}-account" class="form-control record-account debit-account {% if x.account.errors %} is-invalid {% endif %}" name="debit-{{ forloop.counter }}-account">
|
|
{% if x.account is not None %}
|
|
<option value="{{ x.account.value|default:"" }}" selected="selected">{{ x.account.value|default:"" }} {{ x.account_title|default:"" }}</option>
|
|
{% else %}
|
|
<option value=""></option>
|
|
{% endif %}
|
|
<option value="">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</option>
|
|
</select>
|
|
<div id="debit-{{ forloop.counter }}-account-error" class="invalid-feedback">{{ x.account.errors.0|default:"" }}</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="row">
|
|
<div class="col-sm-8">
|
|
<input id="debit-{{ forloop.counter }}-summary" class="form-control record-summary {% if x.summary.errors %} is-invalid {% endif %}" type="text" name="debit-{{ forloop.counter }}-summary" value="{{ x.summary.value|default:"" }}" maxlength="128" />
|
|
<div id="debit-{{ forloop.counter }}-summary-error" class="invalid-feedback">{{ x.summary.errors.0|default:"" }}</div>
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<input id="debit-{{ forloop.counter }}-amount" class="form-control record-amount debit-to-sum {% if x.amount.errors %} is-invalid {% endif %}" type="number" min="1" name="debit-{{ forloop.counter }}-amount" value="{{ x.amount.value|default:"" }}" required="required" />
|
|
<div id="debit-{{ forloop.counter }}-amount-error" class="invalid-feedback">{{ x.amount.errors.0|default:"" }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="btn-group d-none d-lg-flex btn-actions-debit">
|
|
<button class="btn btn-outline-secondary btn-sort-debit" type="button">
|
|
<i class="fas fa-sort"></i>
|
|
</button>
|
|
<button id="debit-{{ forloop.counter }}-delete" type="button" class="btn btn-danger btn-del-record btn-del-debit">
|
|
<i class="fas fa-trash"></i>
|
|
</button>
|
|
</div>
|
|
<div class="btn-group-vertical d-lg-none btn-actions-debit">
|
|
<button class="btn btn-outline-secondary btn-sort-debit" type="button">
|
|
<i class="fas fa-sort"></i>
|
|
</button>
|
|
<button id="debit-{{ forloop.counter }}-m-delete" type="button" class="btn btn-danger btn-del-record btn-del-debit">
|
|
<i class="fas fa-trash"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
<ul class="list-group">
|
|
<li class="list-group-item">
|
|
<button id="debit-new" class="btn btn-primary btn-new" type="button">
|
|
<i class="fas fa-plus"></i>
|
|
</button>
|
|
</li>
|
|
<li class="list-group-item">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
{% trans "Total" context "Accounting|" as text %}{{ text|force_escape }}
|
|
<span id="debit-total" class="amount">{{ item.debit_total }}</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row form-group">
|
|
<div class="col-sm-2">
|
|
<label for="txn-note">{% trans "Notes:" context "Accounting|" as text %}{{ text|force_escape }}</label>
|
|
</div>
|
|
<div class="col-sm-10">
|
|
<textarea id="txn-note" class="form-control {% if item.notes.errors %} is-invalid {% endif %}" name="notes">{{ item.notes.value|default:"" }}</textarea>
|
|
<div id="txn-note-error" class="invalid-feedback">{{ item.notes.errors.0|default:"" }}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row form-group">
|
|
<div class="col-sm-12">
|
|
<button class="btn btn-primary" type="submit">
|
|
<i class="fas fa-save"></i>
|
|
{% trans "Save" context "Accounting|" as text %}{{ text|force_escape }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
{% endblock %}
|