From 24c753a09d4f6caab5032599c8858d7fe2a261d0 Mon Sep 17 00:00:00 2001
From: Ziad-I <68874104+Ziad-I@users.noreply.github.com>
Date: Thu, 27 Jun 2024 22:06:09 +0300
Subject: [PATCH] add print options selection button

---
 .../bim/data/webui/static/css/gantt.css       |  8 ++--
 .../bim/data/webui/static/js/gantt.js         | 43 ++++++++++++++++++-
 2 files changed, 44 insertions(+), 7 deletions(-)

diff --git a/src/blenderbim/blenderbim/bim/data/webui/static/css/gantt.css b/src/blenderbim/blenderbim/bim/data/webui/static/css/gantt.css
index 5ed5126bda..eb3e4d6a66 100644
--- a/src/blenderbim/blenderbim/bim/data/webui/static/css/gantt.css
+++ b/src/blenderbim/blenderbim/bim/data/webui/static/css/gantt.css
@@ -242,11 +242,9 @@ span.gselected {
     color: #ffffff;
 }
 
-.gantt-inputtable input {
+.gantt-inputtable {
     background-color: #3b3b3b;
-    border-top: 1px solid #4a4a4a;
-    border-left: 1px solid #4a4a4a;
-    border-right: none;
-    border-bottom: none;
+    box-sizing: border-box;
+    border: 1px solid #000;
     color: #c7c7c7;
 }
\ No newline at end of file
diff --git a/src/blenderbim/blenderbim/bim/data/webui/static/js/gantt.js b/src/blenderbim/blenderbim/bim/data/webui/static/js/gantt.js
index c528d3049b..f87e5da25a 100644
--- a/src/blenderbim/blenderbim/bim/data/webui/static/js/gantt.js
+++ b/src/blenderbim/blenderbim/bim/data/webui/static/js/gantt.js
@@ -3,6 +3,20 @@
 const connectedClients = {};
 let socket;
 
+// print options
+const pageSizes = [
+  { value: "210,297", text: "A4 Portrait" },
+  { value: "297,210", text: "A4 Landscape" },
+  { value: "297,420", text: "A3 Portrait" },
+  { value: "420,297", text: "A3 Landscape" },
+  { value: "420,594", text: "A2 Portrait" },
+  { value: "594,420", text: "A2 Landscape" },
+  { value: "594,841", text: "A1 Portrait" },
+  { value: "841,594", text: "A1 Landscape" },
+  { value: "841,1189", text: "A0 Portrait" },
+  { value: "1189,841", text: "A0 Landscape" },
+];
+
 // Document ready function
 $(document).ready(function () {
   connectSocket();
@@ -122,16 +136,40 @@ function addGanttElement(blenderId, tasks, WorkSched, filename) {
   g.Draw();
 
   let printButton = $("<button>", {
-    id: "print-schedule",
+    id: "print-btn-" + blenderId,
     html: "Print",
     class: "no-print",
   });
 
+  let printOptions = $("<select>", {
+    id: "print-options-" + blenderId,
+    class: "no-print",
+  });
+
+  $.each(pageSizes, function (index, size) {
+    printOptions.append(
+      $("<option>", {
+        value: size.value,
+        text: size.text,
+      })
+    );
+  });
+
   printButton.on("click", function () {
+    // make it only the corresponding gantt chart is printed
+    $(".gantt-chart").removeClass("no-print");
+    $(".gantt-chart")
+      .not("#gantt-" + blenderId)
+      .addClass("your-css-class");
+
+    var values = $("#print-options-" + blenderId)
+      .val()
+      .split(",");
+
     g.setEditable(false);
     g.setTotalHeight("");
     g.Draw();
-    var values = "297,210".split(",");
+
     let css =
       "@media print {\n" +
       "    @page {\n" +
@@ -150,6 +188,7 @@ function addGanttElement(blenderId, tasks, WorkSched, filename) {
     g.setTotalHeight(900);
     g.Draw();
   });
+  ganttContainer.append(printOptions);
   ganttContainer.append(printButton);
 }