fnschool 20250109.80500.803__py3-none-any.whl → 20251011.80531.840__py3-none-any.whl

fnschoo1/canteen/templates/canteen/consumption/create.html

@@ -0,0 +1,456 @@
+{% extends "base/header_content_footer.html" %}
+{% load crispy_forms_tags %}
+{% block title %}
+  {% trans "Consume Ingredients" %}
+{% endblock %}
+{% block content %}
+  <h1>{% trans "Consume Ingredients" %}</h1>
+  <hr>
+  <div class="container">
+    <div class="row justify-content-end">
+      <div class="col col-3 col-md-2 col-lg-2">
+        <input class="  form-control"
+               onkeydown="if(event.keyCode==13){list_consumptions();}"
+               title="{% trans 'The starting date of storage.' %}"
+               id="storage_date_start"
+               value="{{ request.COOKIES.storage_date_start }}">
+      </input>
+    </div>
+    <div class="col col-3 col-md-2 col-lg-2">
+      <input class="form-control "
+             onkeydown="if(event.keyCode==13){list_consumptions();}"
+             title="{% trans 'The end date of storage.' %}"
+             id="storage_date_end"
+             value="{{ request.COOKIES.storage_date_end }}">
+    </input>
+  </div>
+  <button class="btn btn-success col-md-1 col-lg-1 col-2"
+          onclick="list_consumptions();">{% trans "Refresh" %}</button>
+</div>
+</div>
+<div class="table table-responsive table-container">
+  <table class="table table-consumptions cotable-bordered table-striped table-hover table-condensed scroll-vertical ">
+    <thead>
+      <tr>
+        {% if ingredients %}
+          <th class="">{% trans "Ingredient Name" %}</th>
+          <th class="">{% trans "Remaining Quantity" %}</th>
+        {% endif %}
+        {% for date_h in date_range %}
+          <th data-date_of_using="{{ date_h }}" class="consumption-date">{{ date_h }}</th>
+        {% empty %}
+          <th></th>
+        {% endfor %}
+      </tr>
+    </thead>
+    <tbody>
+      {% for ingredient in ingredients %}
+        <tr class="row-consumption"
+            data-ingredient_id="{{ ingredient.id }}"
+            data-ingredient_name="{{ ingredient.name }}"
+            data-ingredient_quantity="{{ ingredient.quantity }}"
+            data-ingredient_total_price="{{ ingredient.total_price }}"
+            data-ingredient_meal_type="{{ ingredient.meal_type }}"
+            data-ingredient_quantity_unit_name="{{ ingredient.quantity_unit_name }}"
+            data-ingredient_unit_price="{{ ingredient.unit_price }}"
+            id="ingredient_num_{{ ingredient.id }}">
+          <td title="{% blocktrans with storage_date=ingredient.storage_date %}Storaged on {{ storage_date }} .{% endblocktrans %}"
+              class="">
+            <div class='ingredient-progress'
+                 style="width:{% widthratio ingredient.remaining_quantity ingredient.quantity 100 %}%"></div>
+            {{ ingredient.name }}
+            {% if ingredient.meal_type %}
+              <br />
+              ({{ ingredient.meal_type }})
+            {% endif %}
+          </td>
+          <td name="remaining_{{ ingredient.id }}">
+            {{ ingredient.quantity }}-{{ ingredient.consuming_quantity }}={{ ingredient.remaining_quantity }}
+          </td>
+        </tr>
+      {% empty %}
+        <tr>{% trans "No ingredient found." %}</tr>
+      {% endfor %}
+    </tbody>
+  </table>
+</div>
+<div class="">
+  <button onclick="submit_consumptions();"
+          class="btn btn-submit-consumptions btn-primary float-start">{% trans "Submit" %}</button>
+  <button onclick="generate_spreadsheet();"
+          class="btn btn-submit-consumptions btn-success float-end">{% trans "Generate Spreadsheet" %}</button>
+  <select class="workbook-month-select form-select float-end mx-2"
+          style="width:118px"></select>
+</div>
+{{ ingredient_ids|json_script:'ingredient_ids' }}
+{{ months|json_script:'months' }}
+{{ meal_types|json_script:'meal_types' }}
+{{ date_range|json_script:'date_range' }}
+<script>
+  var ingredient_ids = JSON.parse($("#ingredient_ids").text())
+  var ingredient_ids_length = ingredient_ids.length
+  var months = JSON.parse($("#months").text())
+  var meal_types = JSON.parse($("#meal_types").text())
+  var dont_submit = false
+
+  date_range = JSON.parse($("#date_range").text())
+
+  function get_previous_month_date(date = new Date()) {
+    const prevMonthDate = new Date(date);
+    prevMonthDate.setDate(1);
+    prevMonthDate.setMonth(prevMonthDate.getMonth() - 1);
+    return prevMonthDate;
+  }
+
+  function is_weekend(date) {
+    const dayOfWeek = date.getDay();
+    return dayOfWeek === 0 || dayOfWeek === 6;
+  }
+
+  $(document).ready(function() {
+    $(months).each(function(index, value) {
+      $('.workbook-month-select').append(`<option>${value}</option>`)
+    });
+    var now = new Date();
+    prev_month = get_previous_month_date(now)
+    var year = prev_month.getFullYear();
+    var month = prev_month.getMonth() + 1;
+    month = month < 10 ? `0${month}` : `${month}`;
+    $('.workbook-month-select').val(`${year}-${month}`)
+
+  });
+
+
+  $(document).ready(function() {
+    var last_meal_type = ""
+    var consumption_rows = $(".row-consumption")
+    consumption_rows.each(function(index, element) {
+      meal_type = $(element).data("ingredient_meal_type")
+      if (last_meal_type != meal_type) {
+        $(element).find("td").css({
+          "color": "red"
+        })
+        last_meal_type = meal_type
+      }
+    });
+  });
+
+  function amount_used_input_blur(element) {
+    element = $(element)
+    var ingredient_quantity = element.closest('tr').data("ingredient_quantity")
+    ingredient_quantity = parseInt(ingredient_quantity) || 0
+    var amount_used = element.closest("form").data("amount_used")
+    var new_amount_used = $.trim(element.val())
+    new_amount_used = parseInt(new_amount_used) || 0
+    if (new_amount_used < 0) {
+      element.val('0')
+      new_amount_used = 0
+    }
+    if (new_amount_used === 0 && amount_used == "None") {
+      element.val('')
+    }
+    if (amount_used > 0 && new_amount_used === 0) {
+      element.val('0')
+      new_amount_used = 0
+    }
+    var $tds = element.parent().parent().siblings("td")
+    var $amount_used_inputs = $tds.find("form input[name='amount_used']")
+    var total_consumed = 0
+    $amount_used_inputs.each(function(index, amount_used_element) {
+      var value = parseInt($(amount_used_element).val()) || 0
+      total_consumed += value
+    });
+    if ((total_consumed + new_amount_used) > ingredient_quantity) {
+      var remaining_quantity = total_consumed < ingredient_quantity ? (ingredient_quantity - total_consumed) : 0
+      element.val(remaining_quantity)
+      new_amount_used = remaining_quantity
+    }
+    total_consumed = total_consumed + new_amount_used
+    var ingredient_id = element.closest("tr").data("ingredient_id")
+    $(`td[name='remaining_${ingredient_id}']`).text(`${ingredient_quantity}-${total_consumed}=${ingredient_quantity-total_consumed}`)
+    element.closest("tr").find('.ingredient-progress').css('width', `${parseInt((ingredient_quantity-total_consumed)*100/ingredient_quantity)}%`)
+    var date_of_using = element.closest("form").data("date_of_using")
+    update_header(date_of_using)
+  }
+
+  function update_header(date_of_using) {
+    var consumption_content_dated = date_of_using
+    $(meal_types).each(function(index, meal_type) {
+      var total_price_dated = 0.0
+      $(`form[data-date_of_using="${date_of_using}"][data-ingredient_meal_type="${meal_type}"]`).each(function(index, element) {
+        element = $(element)
+        var unit_price = parseFloat(element.data("ingredient_unit_price"))
+        var quantity = parseFloat(element.find("input[name='amount_used']").val()) || 0
+        total_price_dated += (unit_price * quantity)
+      });
+      total_price_dated = total_price_dated.toFixed(2)
+      consumption_content_dated += `<br />${meal_type}:${total_price_dated}`
+    });
+    $(`th[data-date_of_using="${date_of_using}"]`).html(consumption_content_dated)
+  }
+
+  function update_headers() {
+
+    $(date_range).each(function(index, date_h) {
+      update_header(date_h)
+    });
+  }
+
+
+
+  $(document).ready(function() {
+    var td1 = $(".table tr > :nth-child(1):first")
+    $(".table tr > :nth-child(2)").css("left", td1.width() * 1.05)
+  });
+
+  $(document).ready(function() {
+    dont_submit = true
+    var progress = 0
+    $.each(ingredient_ids, function(index, value) {
+      $.ajax({
+        url: "/canteen/create_consumption/" + value,
+        method: 'GET',
+        success: function(data) {
+          data = $(data)
+          var footer_progressbar = $('.progress-footer')
+          data.each(function(index, element) {
+            if (is_weekend(new Date($(element).data("date_of_using")))) {
+              $(element).find('[name="amount_used"]').addClass("weekend")
+            }
+          });
+          data.find('input[name="amount_used"]').blur(function() {
+            amount_used_input_blur(this)
+          });
+          $('#ingredient_num_' + value).append(data)
+          if (footer_progressbar) {
+            progress += 1
+            footer_progressbar.css('width', `${progress*100/ingredient_ids_length}%`)
+            if (progress >= ingredient_ids_length) {
+              footer_progressbar.css('width', "0%")
+              update_headers()
+              dont_submit = false
+            }
+          }
+
+        }
+      });
+    });
+  });
+
+
+  $(document).ready(function() {
+    $('.table-consumptions').on('keydown', 'input[name="amount_used"]', function(e) {
+      if ([9, 13, 37, 38, 39, 40].includes(e.keyCode)) {
+        e.preventDefault();
+        navigateToNextCell(
+          $(this),
+          e.keyCode === 9 ? "r" :
+          e.keyCode === 13 ? "d" :
+          e.keyCode === 37 ? "l" :
+          e.keyCode === 38 ? "u" :
+          e.keyCode === 39 ? "r" :
+          e.keyCode === 40 ? "d" : ""
+        );
+      }
+      if ((e.keyCode < 91 && e.keyCode > 64) || e.keyCode == 32) {
+        e.preventDefault()
+      }
+
+    });
+
+    function navigateToNextCell($currentInput, direction) {
+      var td = $currentInput.closest("form").closest('td');
+      var columnIndex = td.index();
+
+      var rowIndex = td.closest("tr").index()
+      if (direction == 'l') {
+        columnIndex = columnIndex - 1
+        rowIndex = rowIndex + 1
+      } else if (direction == 'r') {
+        columnIndex = columnIndex + 1
+        rowIndex = rowIndex + 1
+      } else if (direction == "u") {
+        rowIndex = rowIndex
+      } else if (direction == 'd') {
+        rowIndex = rowIndex + 2
+      }
+      var cell = $('.table-consumptions').find(`tr:eq(${rowIndex}) td:eq(${columnIndex})`);
+      var amount_used_input = cell.find('input[name="amount_used"]')
+      amount_used_input.first().focus()
+
+    }
+  });
+
+  function generate_spreadsheet() {
+    submit_consumptions(function() {
+      var month = $(".workbook-month-select").val()
+      window.open(`/canteen/generate_spreadsheet/${month}`, '_blank');
+    });
+
+  }
+
+  function submit_consumptions(fn) {
+    if (dont_submit) {
+      return false
+    } else {
+      dont_submit = true
+    }
+
+    var consumption_forms = $('form[name="consumption_form"]')
+    var requests = [];
+    var progress = 0
+    consumption_forms_cp = []
+    consumption_forms.each(function(index, element) {
+      var form = $(element);
+      var amount_used_init = parseInt(form.data("amount_used")) || 0
+      var amount_used_new = parseInt(form.find("input[name='amount_used']").val()) || 0
+      if (form.data("is_disabled") == "True") {
+        return true;
+      }
+      if (form.find('input[name="amount_used"]').val().length < 1) {
+        return true;
+      }
+      if (amount_used_new == amount_used_init) {
+        return true;
+      }
+      consumption_forms_cp.push(form)
+    });
+
+    consumption_forms = consumption_forms_cp
+    var consumption_forms_length = consumption_forms.length
+    $(consumption_forms).each(function(index, element) {
+      form = $(element)
+      requests.push(
+        $.ajax({
+          url: form.attr('action'),
+          type: form.attr('method') || 'POST',
+          data: form.serialize(),
+          success: function(response) {
+            progress += 1
+            var footer_progressbar = $('.progress-footer')
+            if (footer_progressbar) {
+              var width = `${parseInt(progress*100/consumption_forms_length)}%`
+              $(footer_progressbar).css("width", width)
+            }
+          }
+        }).catch(function(error) {
+          return erroe;
+        }));
+    });
+    $.when.apply($, requests)
+      .done(function() {
+        if (fn != undefined) {
+          fn()
+        }
+        location.reload();
+      })
+      .fail(function() {});
+  }
+
+  function set_consumptions_table_size() {
+    const submit_consumptions_btn = $(".btn-submit-consumptions")
+    const consumptions_table = $(".table-consumptions")
+    const header = $("header")
+    const footer = $("footer")
+    const height = Math.round((footer.offset().top - submit_consumptions_btn.height() - consumptions_table.offset().top) * 0.95)
+    consumptions_table.parent().height(height)
+  }
+  $(window).resize(function() {
+    set_consumptions_table_size()
+  });
+  $(document).ready(function() {
+    set_consumptions_table_size()
+  });
+
+  function list_consumptions() {
+    var storage_date_start = $('#storage_date_start').val()
+    var storage_date_end = $('#storage_date_end').val()
+    query = {}
+    if (storage_date_start) {
+      query["storage_date_start"] = storage_date_start
+      set_simple_cookie("storage_date_start", storage_date_start)
+    } else {
+      query["storage_date_start"] = ""
+      delete_cookie("storage_date_start")
+    }
+
+    if (storage_date_end) {
+      query["storage_date_end"] = storage_date_end
+      set_simple_cookie("storage_date_end", storage_date_end)
+    } else {
+      query["storage_date_end"] = ""
+      delete_cookie("storage_date_end")
+    }
+    update_href(query)
+  }
+</script>
+<style>
+  .ingredient-progress {
+    height: 2px;
+    background: green;
+    right: 9px;
+    position: absolute;
+  }
+
+  #storage_date_start,
+  #storage_date_end {
+    text-align: center;
+    font-family: Mono;
+  }
+
+  .weekend {
+    background-color: pink;
+  }
+
+  .table-container {
+    overflow: auto;
+  }
+
+  .table thead th {
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0;
+    z-index: 1010;
+    white-space: nowrap;
+  }
+
+  .table tr {
+    font-size: 15px;
+  }
+
+  .table tr> :nth-child(1) {
+    position: -webkit-sticky;
+    position: sticky;
+    left: 0;
+    z-index: 1010;
+    white-space: nowrap;
+    text-align: right;
+  }
+
+  .table tr> :nth-child(2) {
+    position: -webkit-sticky;
+    position: sticky;
+    z-index: 1010;
+    font-family: Mono;
+    text-align: right;
+  }
+
+  .table thead tr {
+    font-size: 15px;
+    font-family: Mono;
+  }
+
+  .table thead tr> :nth-child(1) {
+    z-index: 1020;
+    white-space: nowrap;
+  }
+
+  .table thead tr> :nth-child(2) {
+    z-index: 1020;
+  }
+
+  nav li {
+    z-index: 1030;
+  }
+</style>
+{% endblock %}

fnschoo1/canteen/templates/canteen/ingredient/close.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <script>
+      if (window.opener && !window.opener.closed) {
+        window.opener.location.reload();
+      }
+      window.close();
+    </script>
+  </body>
+</html>

fnschoo1/canteen/templates/canteen/ingredient/create.html

@@ -0,0 +1,19 @@
+{% extends "base/content.html" %}
+{% load crispy_forms_tags %}
+{% block title %}
+  {% trans "Upload a Spreadsheet of Purchased Ingredients" %}
+{% endblock %}
+{% block content %}
+  <h2>{% trans "Please upload a spreadsheet of purchased ingredients." %}</h2>
+  <p>
+    {% trans "Need a template file?" %}
+    <a href="{% url 'canteen:get_template_workbook_of_purchased_ingredients' %}">{% trans "Download it." %}</a>
+  </p>
+  <form method="post" enctype="multipart/form-data">
+    {% csrf_token %} {{ form|crispy }}
+    <div class="py-3 fixed-bottom text-end bg-dark">
+      <button type="submit button" class="btn btn-outline-primary">{% trans "Upload" %}</button>
+      <button type="button" class="btn btn-danger" onclick="window.close();">{% trans "Cancel" %}</button>
+    </div>
+  </form>
+{% endblock %}

fnschoo1/canteen/templates/canteen/ingredient/create_one.html

@@ -0,0 +1,17 @@
+{% extends "base/content.html" %}
+{% load i18n %}
+{% load crispy_forms_tags %}
+{% block title %}
+  {% trans "New Ingredient" %}
+{% endblock %}
+{% block content %}
+  <h1>{% trans "Create new Ingredient" %}</h1>
+  <form method="post" action="{% url 'canteen:create_ingredient' %}">
+    {% csrf_token %}
+    {{ form|crispy }}
+    <div class="py-3 fixed-bottom text-end bg-dark">
+      <button type="submit" class="btn btn-primary">{% trans "Save" %}</button>
+      <button type="button" class="btn btn-danger" onclick="window.close();">{% trans "Cancel" %}</button>
+    </div>
+  </form>
+{% endblock %}

fnschoo1/canteen/templates/canteen/ingredient/delete.html

@@ -0,0 +1,41 @@
+{% extends "base/content.html" %}
+{% load crispy_forms_tags %}
+{% block title %}
+  {% blocktrans with instance_name=form.instance.name %}
+    Delete Ingredient {{ instance_name }}
+  {% endblocktrans %}
+{% endblock %}
+{% block content %}
+  <h5 class="">
+    {% blocktrans with instance_name=form.instance.name%}
+        Delete Ingredient {{ instance_name }} .
+      {% endblocktrans %}
+  </h5>
+  <p>
+    <dl>
+      {% for field in form %}
+        <dt>{{ field.label }}</dt>
+        <dd>
+          {{ field.value }}
+        </dd>
+      {% endfor %}
+    </dl>
+  </p>
+  <p class="text-danger">
+    {% blocktrans %}
+    Are you sure you want to delete this ingredient? This operation is irreversible.
+    {% endblocktrans%}
+  </p>
+  <div class="py-3 fixed-bottom text-end bg-dark">
+    <form method="post"
+          action="{% url 'canteen:delete_ingredient' form.instance.pk %}"
+          style="display: inline">
+      {% csrf_token %}
+      <button type="submit" class="btn btn-danger">{% trans 'Delete' %}</button>
+      <button type="button" class="btn btn-primary" onclick="window.close();">{% trans "Cancel" %}</button>
+    </form>
+  </div>
+  <script>
+    localize_content($("dd"))
+  </script>
+{% endblock %}

fnschoo1/canteen/templates/canteen/ingredient/list.html

@@ -0,0 +1,128 @@
+{% extends "base/header_content_footer.html" %}
+{% load crispy_forms_tags %}
+{% block title %}
+  {% trans "Ingredient List" %}
+{% endblock %}
+{% block content %}
+  <h1>{% trans "Ingredient List" %}</h1>
+  <form method="get"
+        action="{% url 'canteen:list_ingredients' %}"
+        class="d-flex justify-content-between align-items-center">
+    <input type="text"
+           name="q"
+           onkeydown="if(event.keyCode==13){submit_q();return false;}"
+           value="{{ search_query }}"
+           placeholder="{% trans 'Search ingredient ...' %}"
+           class="form-control" />
+    <button type="button"
+            onclick="submit_q();"
+            class="btn btn-primary text-nowrap">{% trans "Search" %}</button>
+    {% if search_query %}
+      <a onclick="clear_q();" class="text-nowrap">{% trans "Clear" %}</a>
+    {% endif %}
+  </form>
+  <div class="d-flex justify-content-end pt-2">
+    <a class="btn btn-primary mx-1"
+       href="{% url "canteen:list_meal_types" %}">{% trans "Ingredient Meal Types" %}</a>
+    <a class="btn btn-primary mx-1"
+       href="{% url "canteen:list_categories" %}">{% trans "Ingredient Categories" %}</a>
+    <a class="btn btn-warning mx-1"
+       href="{% url "canteen:create_consumptions" %}">{% trans "Consume" %}</a>
+    <a class="btn btn-primary mx-1"
+       onclick="open_small_window('{% url 'canteen:create_ingredients' %}')">{% trans "Add via template" %}</a>
+    <a class="btn btn-primary"
+       onclick="open_small_window('{% url 'canteen:create_ingredient' %}')">{% trans "Add one" %}</a>
+  </div>
+  <hr />
+  <table class="table table-bordered table-striped table-hover table-condensed">
+    <thead>
+      <tr>
+        <th scope="col">#</th>
+        {% for name,sort, header in headers %}
+          <th scope="col"
+              data-sort="sort_{{ name }} {{ sort }}"
+              onclick="sort_ingredients(this.dataset.sort);">
+            {{ header }}
+            {% if sort == "+" %}
+              &#8593;
+            {% elif sort == "-" %}
+              &#8595;
+            {% endif %}
+          </th>
+        {% endfor %}
+        <th scope="col"></th>
+      </tr>
+    </thead>
+    <tbody>
+      {% for ingredient in page_obj %}
+        <tr>
+          <th scope="row">{{ forloop.counter }}</th>
+          <td>{{ ingredient.storage_date }}</td>
+          <td>{{ ingredient.name }}</td>
+          <td>{{ ingredient.meal_type }}</td>
+          <td>{{ ingredient.category }}</td>
+          <td>{{ ingredient.quantity }}</td>
+          <td>{{ ingredient.quantity_unit_name }}</td>
+          <td>{{ ingredient.total_price }}</td>
+          <td>
+            {% if ingredient.is_ignorable %}
+              {% trans "Yes" %}
+            {% endif %}
+          </td>
+          <td>
+            {% if ingredient.is_disabled %}
+              {% trans "Yes" %}
+            {% endif %}
+          </td>
+          <td class="">
+            <a class=""
+               target="_blank"
+               onclick="open_small_window('{% url 'canteen:edit_ingredient' ingredient.id %}'); return false;">
+              {% trans "Edit" %}
+            </a>
+            |
+            <a class="text-danger"
+               target="_blank"
+               onclick="open_small_window('{% url 'canteen:delete_ingredient' ingredient.id %}'); return false;">
+              {% trans "Delete" %}
+            </a>
+          </td>
+        </tr>
+      {% empty %}
+      {% endfor %}
+    </tbody>
+  </table>
+  {% include 'includes/_paginator.html' %}
+  <script>
+    function clear_q() {
+      update_href({
+        "q": ""
+      })
+    }
+
+    function submit_q() {
+      const q_value = document.querySelector('input[name="q"]').value;
+      update_href({
+        q: q_value
+      });
+    }
+
+    function sort_ingredients(value) {
+      value = value.trim().split(/\s+/);
+      name = value[0];
+      value = value[1] || "";
+      const url = new URL(window.location.href);
+      const params = new URLSearchParams(url.search);
+      if (value == "-") {
+        value = "";
+      } else if (value == "") {
+        value = "+";
+      } else {
+        value = "-";
+      }
+      i_sort = {};
+      i_sort[name] = value;
+      update_href(i_sort);
+    }
+  </script>
+{% endblock %}