Viewer to Server

Server/Views/Pages/AwaitingDispo.cshtml

@@ -0,0 +1,28 @@
+@{
+    ViewData["Title"] = "Awaiting Disposition";
+}
+
+<h4>Awaiting Disposition</h4>
+
+<div style="height: 450px;">
+    <table id="grid"></table>
+</div>
+
+<div class="row" style="margin-top: 10px; margin-bottom: 20px;">
+    <div class="col-xs-1">
+        <input type="button" id="OpenButton" value="Open" />
+    </div>
+    <div class="col-xs-1">
+        <input type="button" id="RefreshButton" value="Refresh" />
+    </div>
+</div>
+
+<script>
+
+    $(document).ready(function () {
+
+        initAwaitingDisposition("@ViewBag.ApiUrl");
+
+    });
+
+</script>

Server/Views/Pages/Home.cshtml

@@ -0,0 +1,3 @@
+@{
+    ViewData["Title"] = "Metrology Home Page";
+}

Server/Views/Pages/RunHeaders.cshtml

@@ -0,0 +1,57 @@
+@{
+    ViewData["Title"] = "Run Headers";
+}
+
+<style>
+    html,
+    body {
+        height: 100%;
+    }
+
+    div.container-fluid {
+        height: 90%;
+    }
+
+    #HeaderGrid,
+    #FieldsGrid {
+        font-size: 12px;
+    }
+
+    .FieldTitle {
+        font-weight: bold;
+    }
+</style>
+
+<h4>Run Headers</h4>
+
+<table>
+    <tr>
+        <td>
+            <label for="ToolType">Tool Type:</label>
+        </td>
+        <td>
+            <div id="ToolType"></div>
+        </td>
+    </tr>
+</table>
+
+<table width="100%" height="80%">
+    <tr>
+        <td width="50%">
+            <table id="HeaderGrid"></table>
+        </td>
+        <td width="50%">
+            <table id="FieldsGrid"></table>
+        </td>
+    </tr>
+</table>
+
+<script>
+
+    $(document).ready(function () {
+
+        initRunHeaders("@ViewBag.ApiUrl");
+
+    });
+
+</script>

Server/Views/Pages/RunInfo.cshtml

@@ -0,0 +1,85 @@
+@model OI.Metrology.Shared.ViewModels.RunInfo
+@{
+    ViewData["Title"] = "Run Information";
+}
+<style>
+    #HeaderGridDiv,
+    #DetailsGridDiv {
+        font-size: 12px;
+    }
+</style>
+
+<h4>Run Information</h4>
+
+<form class="form-inline mb-4">
+    <div class="form-group">
+        <label for="ToolType">Tool Type</label>
+        <div class="form-control" id="ToolType"></div>
+    </div>
+    <div class="form-group">
+        <label for="StartDate">Start Time</label>
+        <div class="form-control mb-2 mr-sm-2" id="StartDate"></div>
+        <div class="form-control mb-2 mr-sm-2" id="StartTime"></div>
+    </div>
+    <div class="form-group">
+        <label for="EndDate">End Time</label>
+        <div class="form-control mb-2 mr-sm-2" id="EndDate"></div>
+        <div class="form-control mb-2 mr-sm-2" id="EndTime"></div>
+    </div>&nbsp;&nbsp;
+    <div class="form-group">
+        <input class="btn btn-primary" type="button" value="Load Headers" id="LoadHeadersButton" />
+    </div>&nbsp;&nbsp;
+    <div class="form-group">
+        <label class="form-check-label" for="chkAutoRefresh">
+            Auto-Refresh
+        </label>
+        <input class="form-check-input" type="checkbox" id="chkAutoRefresh">
+    </div>
+</form>
+
+<div style="height: 300px;" id="HeaderGridDiv">
+    <span id="ToolTypeID" hidden></span>
+    <table id="HeaderGrid"></table>
+</div>
+
+<div class="row" style="margin-top: 10px; margin-bottom: 20px;">
+    <div class="col-xs-1">
+        <input type="button" class="btn" id="GetDataButton" value="Get Data" disabled />
+    </div>
+    <div class="col-xs-1">
+        <input type="button" class="btn" id="ReviewButton" value="Review" disabled />
+    </div>
+    <div class="col-xs-1">
+        <input type="button" class="btn" id="PinButton" value="Pin" disabled />
+    </div>
+</div>
+
+<div id="DetailsDiv" hidden>
+
+    <span id="HeaderId" hidden></span>
+    <span id="HeaderAttachmentId" hidden></span>
+    <div style="padding-bottom: 20px;" id="DetailsGridDiv">
+        <table id="DetailsGrid"></table>
+    </div>
+
+    <div id="ExportDiv" style="margin-top: 10px;" hidden>
+        <input type="button" value="Send to OpenInsight" id="OIExportButton" />
+        <span id="OIExportResult" style="margin-left: 10px; font-weight: bold; color: #366b02;"></span>
+    </div>
+
+    <p style="text-align: center; margin-top: 20px;">
+        <iframe id="DataAttachmentFrame" style="height:900px; border-width:thin; margin-right: 10px;" hidden></iframe>
+        <iframe id="HeaderAttachmentFrame" style="height:900px; border-width:thin;" hidden></iframe>
+    </p>
+
+</div>
+
+<script>
+
+    $(document).ready(function () {
+
+        initRunInfo("@ViewBag.ApiUrl", "@Model.ToolTypeID", "@Model.HeaderID", "@Model.HeaderAttachmentID");
+
+    });
+
+</script>