coi template

app/coi/settings.py

@@ -172,7 +172,7 @@ AUTH_PASSWORD_VALIDATORS = [
 
 LANGUAGE_CODE = "en-us"
 
-TIME_ZONE = "UTC"
+TIME_ZONE = "Asia/Bangkok"
 
 USE_I18N = True
 

app/package.json

@@ -1,6 +1,7 @@
 {
   "dependencies": {
     "alpinejs": "^3.14.7",
+    "axios": "^1.7.9",
     "font-awesome": "^4.7.0",
     "heroicons": "^2.2.0",
     "tailwindcss": "^3.4.17",

app/report/templates/report/coi.html

@@ -3,7 +3,7 @@
 {% block title %}Report Dashboard{% endblock %}
 
 {% block content %}
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-4 py-8" x-data="COIReport">
 
   <h1 class="text-2xl font-bold text-gray-800">Export Center</h1>
   <form method='post'>
@@ -16,7 +16,7 @@
     </div>
     <div class="flex items-center gap-2 mb-4">
       <label for="lot-number" class="text-gray-700 font-medium">Lot No. :</label>
-      <input id="lot-number" type="text" class="border border-gray-300 rounded px-4 py-2 focus:outline-blue-500" placeholder="Enter Lot No." name='lot_no' required>
+      <input id="lot-number" type="text" class="border border-gray-300 rounded px-4 py-2 focus:outline-blue-500" placeholder="Enter Lot No." name='lot_no' required x-model="lot_no">
       <button class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600" type="submit" name="search_lot">
         🔍
       </button>
@@ -59,9 +59,16 @@
           <span>Final Judge</span>
         </label>
       </div>
-      <button class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600" type='submit' name='export'>
+      <button  type='button' class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600" 
+        @click="exportCOI">
         Export Excel
       </button>
+      <!-- TODO: add download here -->
+      <div class=" text-center" x-show="downloadUrl">
+        <a :href="downloadUrl"  class="px-4 py-2 bg-green-600 text-white font-medium rounded-md hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2" download>
+          Download Report
+        </a>
+      </div>
     </div>
   </form>
   {{ result }}
@@ -130,3 +137,51 @@
 <div class="border-t border-gray-300 my-4"></div>
 {% include "report/_cen.html" %}
 {% endblock %}
+{% block footer_script %}
+<script type="text/javascript">
+  function COIReport() {
+    return {
+      lot_no: '', // Bind this to the input value
+      gen_report_url: '{% url "report:gen_report" %}', 
+      downloadUrl: null, // Stores the download link after export success
+      init() {
+        //alert("COI Report");
+      },
+      async exportCOI() {
+              if (!this.lot_no) {
+                  alert("Please enter a Lot No.");
+                  return;
+              }
+
+              try {
+                  // Make POST request using Axios
+                  const response = await axios.post(this.gen_report_url, {
+                      lot_no: this.lot_no,
+                  });
+
+                  if (response.status === 200) {
+                      const result = response.data;
+                      alert(`Report generated successfully: ${result.file_url}`);
+                      console.log('File URL:', result.file_url);
+                      this.downloadUrl = result.file_url; // Set the download URL
+                  }
+              } catch (error) {
+                  if (error.response) {
+                      // Server responded with a status other than 2xx
+                      alert(`Error: ${error.response.data.message || 'Failed to generate report'}`);
+                      console.error('Error response:', error.response);
+                  } else if (error.request) {
+                      // Request was made but no response received
+                      alert('No response from server.');
+                      console.error('Request error:', error.request);
+                  } else {
+                      // Something else caused the error
+                      alert('An unexpected error occurred.');
+                      console.error('Unexpected error:', error.message);
+                  }
+              }
+          },
+    };
+  }
+</script>
+{% endblock %}

app/report/urls.py

@@ -14,6 +14,8 @@ urlpatterns = [
     path('report/<int:pk>/update/', report_crud.get_update_view().as_view(), name='report-update'),
     path('report/<int:pk>/delete/', report_crud.get_delete_view().as_view(), name='report-delete'),
     path('coi/', views.coi_view, name='coi-view'),
+    path('report/generate/', views.gen_report_view, name='gen_report'),
+
     # path('create/', views.create_report, name='create'),  # Create a new report
     # path('<int:pk>/', views.detail_report, name='detail'),  # View details of a specific report
     # path('<int:pk>/update/', views.update_report, name='update'),  # Update a specific report

app/report/views.py

@@ -11,7 +11,10 @@ from pprint import pprint
 from .gen_report import gen_xlsx
 from django.core.files.base import File
 from pathlib import Path
-
+from django.views.decorators.csrf import csrf_exempt
+from django.http import JsonResponse, HttpResponseBadRequest
+import json
+from django.contrib.auth.decorators import login_required
 
 def index(request):
     reports = Report.objects.all()
@@ -62,6 +65,52 @@ class ReportCRUDView(ConfigurableCRUDView):
     # config_edit_fields = ["lot_no", "code"]
     ordering = ["-created_at", "-id",]
 
+def create_coi_file(lot_no, user):
+
+    data = {
+        "customer": "Tum Coder",
+        "inspect_date": "2025-01-15",
+        "lot_no": "12345",
+        "staff_name":  "Tum 8888",
+        "man_name":  "Tum 999",
+        "size": "Large",
+        "pcs": "10 pcs",
+        "spec": "Spec-A",
+        "hardness_out.d1_act": "10",
+        "hardness_out.d2_act": "0[24:28]",  # Hide rows 24 to 28 if the prefix is "0"
+        "hardness_out.acc": True,  # Hide rows 24 to 28 if the prefix is "0"
+        "hardness_out.spe_acc": False,  # Hide rows 24 to 28 if the prefix is "0"
+        "hardness_out.qa1": "Hello world",
+        "hardness_out.qa2": "Unknow person",
+        "hardness_out.v11": 5,
+        "hardness_out.v12": 15,
+        "hardness_out.v13": 10,
+        "hardness_out.v21": 9,
+        "hardness_out.v22": 8,
+        "hardness_out.v23": 7,
+        "dimension_app.d1_act": "33",
+        "dimension_app.d2_act": "0[26:32]",  # Hide rows 24 to 28 if the prefix is "0"
+        "dimension_app.acc": True,  # Hide rows 24 to 28 if the prefix is "0"
+        "dimension_app.spe_acc": True,  # Hide rows 24 to 28 if the prefix is "0"
+    }
+    output_file = gen_xlsx(
+        template_file="/app/report/coi_templates.xlsx",
+        selected_sheets=["hardness_out", "dimension_app"],  # Replace with your actual sheet names
+        prefix_filename="/app/media/coi",
+        data=data
+    )
+    report = Report.objects.create(
+        name=lot_no,
+        created_by=user,
+        file=None  # Leave this as None or assign a file if required
+    )
+    output_file_path = Path(output_file)  # Convert to a Path object for convenience
+    with open(output_file_path, "rb") as f:
+        report.file.save(output_file_path.name, File(f), save=True)
+
+    pprint(f"outputfile = {output_file}")
+    return report
+
 def coi_view(request):
     pprint(f"xxxx method = xxx {request.method}")
     if request.method == "POST":
@@ -75,12 +124,12 @@ def coi_view(request):
                 "staff_name":  "Tum 8888",
                 "man_name":  "Tum 999",
                 "size": "Large",
-                "pcs": "10 pcs",
+                "lot_size": "10 pcs",
                 "spec": "Spec-A",
-                "hardness.d1_act": "10",
-                "hardness.d2_act": "0[24:28]",  # Hide rows 24 to 28 if the prefix is "0"
-                "hardness.acc": True,  # Hide rows 24 to 28 if the prefix is "0"
-                "hardness.spe_acc": False,  # Hide rows 24 to 28 if the prefix is "0"
+                "hardness_out.d1_act": "10",
+                "hardness_out.d2_act": "0[24:28]",  # Hide rows 24 to 28 if the prefix is "0"
+                "hardness_out.acc": True,  # Hide rows 24 to 28 if the prefix is "0"
+                "hardness_out.spe_acc": False,  # Hide rows 24 to 28 if the prefix is "0"
                 "dimension_app.d1_act": "33",
                 "dimension_app.d2_act": "0[26:32]",  # Hide rows 24 to 28 if the prefix is "0"
                 "dimension_app.acc": True,  # Hide rows 24 to 28 if the prefix is "0"
@@ -88,7 +137,7 @@ def coi_view(request):
             }
             output_file = gen_xlsx(
                 template_file="/app/report/coi_templates.xlsx",
-                selected_sheets=["hardness", "dimension_app"],  # Replace with your actual sheet names
+                selected_sheets=["hardness_out", "dimension_app"],  # Replace with your actual sheet names
                 prefix_filename="/app/media/coi",
                 data=data
             )
@@ -124,3 +173,36 @@ def coi_view(request):
         messages.success(request, "Request Sent")
         return redirect(request.path_info)
     return render(request, 'report/coi.html')
+
+@csrf_exempt  # Disable CSRF for API requests (ensure this is secure in production)
+@login_required
+def gen_report_view(request):
+    if request.method == "POST":
+        try:
+            # Parse JSON data from the request body
+            data = json.loads(request.body)
+            lot_no = data.get("lot_no")
+
+            if not lot_no:
+                return HttpResponseBadRequest("Missing 'lot_no' in request data")
+
+            # Call the `create_coi_file` function with the provided lot_no
+            report = create_coi_file(lot_no, request.user)
+
+            # Return a success response with the report details
+            return JsonResponse({
+                "message": "Report generated successfully",
+                "report_id": report.id,
+                "file_url": report.file.url if report.file else None,
+            })
+
+        except json.JSONDecodeError:
+            return HttpResponseBadRequest("Invalid JSON data")
+        except Exception as e:
+            pprint(e)
+            return JsonResponse({"error": str(e)}, status=500)
+    else:
+        return HttpResponseBadRequest("Only POST requests are allowed")
+
+
+

app/templates/base.html

@@ -16,6 +16,7 @@
     <link href="{% static "font-awesome/css/font-awesome.css" %}" rel="stylesheet" />
     <script type="text/javascript" defer src="{% static "alpinejs/dist/cdn.min.js" %}"></script>
     <link href="https://cdn.jsdelivr.net/npm/flowbite@2.5.2/dist/flowbite.min.css" rel="stylesheet" />
+    <script type="text/javascript"  src="{% static "axios/dist/axios.js" %}"></script>
     <script type="text/javascript"  src="{% static "js/main.js" %}"></script>
 </head>
 <body class="bg-gray-100 text-gray-800">
@@ -144,14 +145,16 @@
 
     {% django_browser_reload_script %}
     <script>
-    // Auto-hide the message after 5 seconds
-    setTimeout(() => {
+      // Auto-hide the message after 5 seconds
+      setTimeout(() => {
         const alert = document.getElementById('message-alert');
         if (alert) {
-            alert.style.opacity = '0'; // Fade out
-            setTimeout(() => alert.remove(), 500); // Remove after fade-out
+          alert.style.opacity = '0'; // Fade out
+          setTimeout(() => alert.remove(), 500); // Remove after fade-out
         }
-    }, 5000); // 5 seconds
-</script>
+      }, 5000); // 5 seconds
+    </script>
+    {% block footer_script %}
+    {% endblock %}
 </body>
 </html>