From b7203f0ebb12faeacf629c93cfbc4661597aba2e Mon Sep 17 00:00:00 2001 From: Oliver Walters Date: Thu, 7 Jan 2021 22:32:17 +1100 Subject: [PATCH] Switch between calendar and list view for sales orders --- .../order/templates/order/sales_orders.html | 44 ++++++++++++++++--- 1 file changed, 38 insertions(+), 6 deletions(-) diff --git a/InvenTree/order/templates/order/sales_orders.html b/InvenTree/order/templates/order/sales_orders.html index f9031912bf..f75f9fa36b 100644 --- a/InvenTree/order/templates/order/sales_orders.html +++ b/InvenTree/order/templates/order/sales_orders.html @@ -12,10 +12,7 @@ InvenTree | {% trans "Sales Orders" %}

{% trans "Sales Orders" %}


- -
-
-
+
@@ -23,6 +20,12 @@ InvenTree | {% trans "Sales Orders" %} {% endif %} + +
@@ -31,6 +34,9 @@ InvenTree | {% trans "Sales Orders" %}
+
+ + {% endblock %} @@ -113,11 +119,11 @@ InvenTree | {% trans "Sales Orders" %} var calendar = null; document.addEventListener('DOMContentLoaded', function() { - var calendarEl = document.getElementById('calendar'); + var calendarEl = document.getElementById('sales-order-calendar'); calendar = new FullCalendar.Calendar(calendarEl, { initialView: 'dayGridMonth', nowIndicator: true, - aspectRatio: 2, + aspectRatio: 2.5, width: '80%', datesSet: function() { loadOrderEvents(calendar); @@ -133,6 +139,32 @@ InvenTree | {% trans "Sales Orders" %} {% block js_ready %} {{ block.super }} +$("#sales-order-calendar").hide(); +$("#view-list").hide(); + +$('#view-calendar').click(function() { + // Hide the list view, show the calendar view + $("#sales-order-table").hide(); + $("#view-calendar").hide(); + $(".fixed-table-pagination").hide(); + $(".columns-right").hide(); + $(".search").hide(); + + $("#sales-order-calendar").show(); + $("#view-list").show(); +}); + +$("#view-list").click(function() { + // Hide the calendar view, show the list view + $("#sales-order-calendar").hide(); + $("#view-list").hide(); + + $(".fixed-table-pagination").show(); + $(".columns-right").show(); + $(".search").show(); + $("#sales-order-table").show(); + $("#view-calendar").show(); +}); loadSalesOrderTable("#sales-order-table", { url: "{% url 'api-so-list' %}",