From 2e416ce8abf4833ae00196cbf74dfd43b8cc9a22 Mon Sep 17 00:00:00 2001
From: Mike Phares <mike.phares@infineon.com>
Date: Thu, 16 Feb 2023 10:01:48 -0700
Subject: [PATCH] Test on ec server

---
 Server/Views/Pages/RunInfo.cshtml |  3 ---
 Server/wwwroot/js/common.js       |  2 ++
 Server/wwwroot/js/site.js         | 37 ++++++++++++++++++++++++++++---
 Server/wwwroot/styles/Site.css    | 28 +++++++++++++++++++++++
 4 files changed, 64 insertions(+), 6 deletions(-)

diff --git a/Server/Views/Pages/RunInfo.cshtml b/Server/Views/Pages/RunInfo.cshtml
index 4993655..234cfb8 100644
--- a/Server/Views/Pages/RunInfo.cshtml
+++ b/Server/Views/Pages/RunInfo.cshtml
@@ -52,9 +52,6 @@
     <div class="col-xs-1">
         <input type="button" class="btn" id="PinButton" value="Pin" disabled />
     </div>
-    <div class="col-xs-1">
-        <table style="min-width:600px; min-height:300px;" id="PinnedGrid"></table>
-    </div>
 </div>
 
 <div id="DetailsDiv" hidden>
diff --git a/Server/wwwroot/js/common.js b/Server/wwwroot/js/common.js
index 1628239..d6bfde5 100644
--- a/Server/wwwroot/js/common.js
+++ b/Server/wwwroot/js/common.js
@@ -121,6 +121,8 @@ function ConstructMessageDialog() {
         '        </div> ' +
         '        <div class="modal-body"> ' +
         '            <span id="spanMessageText"></span> ' +
+        '            <table id="ModalHeaderGrid"></table> ' +
+        '            <table id="ModalBodyGrid"></table> ' +
         '        </div> ' +
         '        <div class="modal-footer"> ' +
         '            <button type="button" data-dismiss="modal">OK</button> ' +
diff --git a/Server/wwwroot/js/site.js b/Server/wwwroot/js/site.js
index d47e6a8..2bf4537 100644
--- a/Server/wwwroot/js/site.js
+++ b/Server/wwwroot/js/site.js
@@ -467,14 +467,45 @@ function pinButtonRunInfo() {
     var rowData = $("#HeaderGrid").data("igGrid").dataSource.dataView()[selectedRow.index];
     $.ajax({
       type: "POST",
-      url: _apiUrl + '/pin/' + toolTypeId + "/markAsPinned",
+      url: "http://localhost:5126/api" + '/pin/' + toolTypeId + "/markAsPinned",
       data: rowData,
       success: function (e) {
         DisplayWSMessage("info", "Marked as pinned", e);
         $("#PinButton").prop("disabled", false);
-        $.getJSON(_apiUrl + '/pin/' + toolTypeId + "/pinned?biorad_id=" + _BioRadId + "&cde_id=" + _CdeId + "&rds=" + rowData.RDS, function (data) {
-          $("#PinnedGrid").igGrid({
+        $.getJSON("http://localhost:5126/api" + '/pin/' + toolTypeId + "/pinned?biorad_id=" + _BioRadId + "&cde_id=" + _CdeId + "&rds=" + rowData.RDS, function (data) {
+          $("#ModalHeaderGrid").igGrid({
             dataSource: data,
+            features: [
+              { name: 'Resizing' }
+            ],
+            columns: [
+              { key: "ID", dataType: "number", hidden: true, },
+              { key: "ToolTypeID", dataType: "number", hidden: true, },
+              { key: "Reactor", dataType: "string", width: "10%" },
+              { key: "RDS", dataType: "string", width: "10%" },
+              { key: "PSN", dataType: "string", width: "10%" },
+              { key: "Layer", dataType: "string", width: "10%" },
+              { key: "Zone", dataType: "string", width: "10%" }
+            ],
+            responseDataKey: "Results",
+          });
+          $("#ModalBodyGrid").igGrid({
+            dataSource: data,
+            features: [
+              { name: 'Resizing' }
+            ],
+            columns: [
+              { key: "ID", dataType: "number", hidden: true, },
+              { key: "ToolTypeID", dataType: "number", hidden: true, },
+              { key: "PointA", dataType: "number", width: "10%" },
+              { key: "PointB", dataType: "number", width: "10%" },
+              { key: "PointC", dataType: "number", width: "10%" },
+              { key: "PointD", dataType: "number", width: "10%" },
+              { key: "PointE", dataType: "number", width: "10%" },
+              { key: "PointF", dataType: "number", width: "10%" },
+              { key: "PointG", dataType: "number", width: "10%" },
+              { key: "PointI", dataType: "number", width: "10%" },
+            ],
             responseDataKey: "Results",
           });
         });
diff --git a/Server/wwwroot/styles/Site.css b/Server/wwwroot/styles/Site.css
index 996b4b4..4c3a774 100644
--- a/Server/wwwroot/styles/Site.css
+++ b/Server/wwwroot/styles/Site.css
@@ -104,3 +104,31 @@ div.modal-content-warning {
 .icon-bar {
   background-color: black;
 }
+
+@media screen and (min-width: 1024px) {
+  .modal-dialog {
+    right: auto;
+    left: 50%;
+    width: 768px;
+    padding-top: 30px;
+    padding-bottom: 30px;
+  }
+  .modal-content {
+    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+  }
+}
+
+@media screen and (min-width: 1368px) {
+  .modal-dialog {
+    right: auto;
+    left: 50%;
+    width: 1280px;
+    padding-top: 30px;
+    padding-bottom: 30px;
+  }
+  .modal-content {
+    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+  }
+}
\ No newline at end of file