ファイル名:「kd.html」更新日:2024/12/21

2024年12月21日土曜日

source code 公開

t f B! P L

      



 <!-- ///////////////////////
# ファイル名:kd.html
# バージョン:h0003 Ver1.0
# 機能:
# 作成日:2024/12/8
# 更新日:2024/12/21 W009
  ////////////////////////////-->

{% extends "layout.html" %}
{% block content %}



<h1>家計簿アプリ</h1>
<form name="pay_input_form" action="/kakeibo" method="POST">
        <label for="month">月:</label>
        <input id="month" name="month" type="text" size="1" />
        <label for="day">日:</label>
        <input id="day" name="day" type="text" size="1" />
        <label for="content">内訳:</label>
        <input id="content" name="content" type="text" size="5" />
        <label for="amount">金額:</label>
        <input id="amount" name="amount" type="text" size="5" />
        <input type="button" value="送信" onclick="formReset() " />
</form>
<form name="pay_delete_form" action="/kakeibo" method="POST">
        <label for="delete_number">番号:</label>
        <input id="delete_number" name="delete_number" type="number" size="1" />
        <input type="button" value="削除" onclick="formReset_delete() " />
</form>
<a href="/logout" role=""button">ログアウト</a> <!-- /////# 修正9 /////////-->
<blockquote> <!-- /////sum フィルタを使用して残高表示 # 修正8 /////////-->
        <h1>残高</h1>
        {% set amount_list = [] %}
        {% for payy in pay_list %}
        {%- set _ = amount_list.append(payy.amount|int *-1) -%}      
        {% endfor %}      
        <td>合計:{{ amount_list|sum }}</td>
</blockquote>

<blockquote>
        <h1>収支一覧</h1>

<table>
        <tr>
                <th>番号</th>
                <th></th>
                <th></th>
                <th>内訳</th>
                <th>金額</th>
        </tr>
        {% set cnt = [1] %}
        {% for pay in pay_list %}
        <tr>
                <td>{{ cnt[0] }}</td>
                <td>{{ pay.month}}</td>
                <td>{{ pay.day}}</td>
                <td>{{ pay.content }}
                <td>{{ pay.amount }}
        </tr>
        {%- set _ = cnt.append(cnt[0] + 1) -%}
        {%- set _ = cnt.pop(0) -%}

        {% endfor %}
</table>
</blockquote>
{% endblock %}

このブログを検索

アーカイブ

カテゴリー

QooQ