From 20a6a0d6be63f08493f8116fbf24ca62f71e9bdf Mon Sep 17 00:00:00 2001 From: Reinder Kraaij <kraaij@astron.nl> Date: Fri, 29 Dec 2023 21:02:58 +0100 Subject: [PATCH] add XXXX-XX-XX for datetime --- .../__snapshots__/report.project.test.js.snap | 879 +----- .../systemevent.list.test.js.snap | 2474 +++-------------- .../src/tests/report.project.test.js | 12 + .../src/tests/systemevent.list.test.js | 4 +- .../tmss_webapp/src/utils/test.helper.js | 3 + 5 files changed, 452 insertions(+), 2920 deletions(-) diff --git a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/report.project.test.js.snap b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/report.project.test.js.snap index 0bb303410fb..7e001222ebe 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/report.project.test.js.snap +++ b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/report.project.test.js.snap @@ -1302,49 +1302,6 @@ exports[`Project Report Render With Contents Project Report renders correctly w class="p-autocomplete-multiple-container p-component p-inputtext p-focus" data-pc-section="container" > - <li - class="p-autocomplete-token p-highlight" - data-pc-section="token" - > - <span - class="p-autocomplete-token-label" - data-pc-section="tokenlabel" - > - Calibration - </span> - <svg - aria-hidden="true" - class="p-icon p-autocomplete-token-icon" - data-pc-section="removetokenicon" - fill="none" - height="14" - viewBox="0 0 14 14" - width="14" - xmlns="http://www.w3.org/2000/svg" - > - <g - clip-path="url(#pr_icon_clip_1)" - > - <path - clip-rule="evenodd" - d="M7 14C5.61553 14 4.26215 13.5895 3.11101 12.8203C1.95987 12.0511 1.06266 10.9579 0.532846 9.67879C0.00303296 8.3997 -0.13559 6.99224 0.134506 5.63437C0.404603 4.2765 1.07129 3.02922 2.05026 2.05026C3.02922 1.07129 4.2765 0.404603 5.63437 0.134506C6.99224 -0.13559 8.3997 0.00303296 9.67879 0.532846C10.9579 1.06266 12.0511 1.95987 12.8203 3.11101C13.5895 4.26215 14 5.61553 14 7C14 8.85652 13.2625 10.637 11.9497 11.9497C10.637 13.2625 8.85652 14 7 14ZM7 1.16667C5.84628 1.16667 4.71846 1.50879 3.75918 2.14976C2.79989 2.79074 2.05222 3.70178 1.61071 4.76768C1.16919 5.83358 1.05367 7.00647 1.27876 8.13803C1.50384 9.26958 2.05941 10.309 2.87521 11.1248C3.69102 11.9406 4.73042 12.4962 5.86198 12.7212C6.99353 12.9463 8.16642 12.8308 9.23232 12.3893C10.2982 11.9478 11.2093 11.2001 11.8502 10.2408C12.4912 9.28154 12.8333 8.15373 12.8333 7C12.8333 5.45291 12.2188 3.96918 11.1248 2.87521C10.0308 1.78125 8.5471 1.16667 7 1.16667ZM4.66662 9.91668C4.58998 9.91704 4.51404 9.90209 4.44325 9.87271C4.37246 9.84333 4.30826 9.8001 4.2544 9.74557C4.14516 9.6362 4.0838 9.48793 4.0838 9.33335C4.0838 9.17876 4.14516 9.0305 4.2544 8.92113L6.17553 7L4.25443 5.07891C4.15139 4.96832 4.09529 4.82207 4.09796 4.67094C4.10063 4.51982 4.16185 4.37563 4.26872 4.26876C4.3756 4.16188 4.51979 4.10066 4.67091 4.09799C4.82204 4.09532 4.96829 4.15142 5.07887 4.25446L6.99997 6.17556L8.92106 4.25446C9.03164 4.15142 9.1779 4.09532 9.32903 4.09799C9.48015 4.10066 9.62434 4.16188 9.73121 4.26876C9.83809 4.37563 9.89931 4.51982 9.90198 4.67094C9.90464 4.82207 9.84855 4.96832 9.74551 5.07891L7.82441 7L9.74554 8.92113C9.85478 9.0305 9.91614 9.17876 9.91614 9.33335C9.91614 9.48793 9.85478 9.6362 9.74554 9.74557C9.69168 9.8001 9.62748 9.84333 9.55669 9.87271C9.4859 9.90209 9.40996 9.91704 9.33332 9.91668C9.25668 9.91704 9.18073 9.90209 9.10995 9.87271C9.03916 9.84333 8.97495 9.8001 8.9211 9.74557L6.99997 7.82444L5.07884 9.74557C5.02499 9.8001 4.96078 9.84333 4.88999 9.87271C4.81921 9.90209 4.74326 9.91704 4.66662 9.91668Z" - fill="currentColor" - fill-rule="evenodd" - /> - </g> - <defs> - <clippath - id="pr_icon_clip_1" - > - <rect - fill="white" - height="14" - width="14" - /> - </clippath> - </defs> - </svg> - </li> <li class="p-autocomplete-input-token" data-pc-section="inputtoken" @@ -1361,6 +1318,34 @@ exports[`Project Report Render With Contents Project Report renders correctly w /> </li> </ul> + <svg + aria-hidden="true" + class="p-icon p-autocomplete-loader p-icon-spin" + data-pc-section="loadingicon" + fill="none" + height="14" + viewBox="0 0 14 14" + width="14" + xmlns="http://www.w3.org/2000/svg" + > + <g + clip-path="url(#undefined)" + > + <path + d="M6.99701 14C5.85441 13.999 4.72939 13.7186 3.72012 13.1832C2.71084 12.6478 1.84795 11.8737 1.20673 10.9284C0.565504 9.98305 0.165424 8.89526 0.041387 7.75989C-0.0826496 6.62453 0.073125 5.47607 0.495122 4.4147C0.917119 3.35333 1.59252 2.4113 2.46241 1.67077C3.33229 0.930247 4.37024 0.413729 5.4857 0.166275C6.60117 -0.0811796 7.76026 -0.0520535 8.86188 0.251112C9.9635 0.554278 10.9742 1.12227 11.8057 1.90555C11.915 2.01493 11.9764 2.16319 11.9764 2.31778C11.9764 2.47236 11.915 2.62062 11.8057 2.73C11.7521 2.78503 11.688 2.82877 11.6171 2.85864C11.5463 2.8885 11.4702 2.90389 11.3933 2.90389C11.3165 2.90389 11.2404 2.8885 11.1695 2.85864C11.0987 2.82877 11.0346 2.78503 10.9809 2.73C9.9998 1.81273 8.73246 1.26138 7.39226 1.16876C6.05206 1.07615 4.72086 1.44794 3.62279 2.22152C2.52471 2.99511 1.72683 4.12325 1.36345 5.41602C1.00008 6.70879 1.09342 8.08723 1.62775 9.31926C2.16209 10.5513 3.10478 11.5617 4.29713 12.1803C5.48947 12.7989 6.85865 12.988 8.17414 12.7157C9.48963 12.4435 10.6711 11.7264 11.5196 10.6854C12.3681 9.64432 12.8319 8.34282 12.8328 7C12.8328 6.84529 12.8943 6.69692 13.0038 6.58752C13.1132 6.47812 13.2616 6.41667 13.4164 6.41667C13.5712 6.41667 13.7196 6.47812 13.8291 6.58752C13.9385 6.69692 14 6.84529 14 7C14 8.85651 13.2622 10.637 11.9489 11.9497C10.6356 13.2625 8.85432 14 6.99701 14Z" + fill="currentColor" + /> + </g> + <defs> + <clippath> + <rect + fill="white" + height="14" + width="14" + /> + </clippath> + </defs> + </svg> </span> <label class="col-lg-2 col-md-2 col-sm-12" @@ -1391,9 +1376,10 @@ exports[`Project Report Render With Contents Project Report renders correctly w class="col-lg-2 col-md-1 col-sm-12" > <button - class="p-button p-component p-button-primary p-button-generate p-button-icon-only" + class="p-button p-component p-button-primary p-button-generate p-button-icon-only p-disabled" data-pc-name="button" data-pc-section="root" + disabled="" > <span class="p-button-icon p-c pi pi-check" @@ -1423,811 +1409,6 @@ exports[`Project Report Render With Contents Project Report renders correctly w </button> </div> </div> - <div> - <a - class="report-download-bar" - href="/" - style="color: rgb(20, 128, 72);" - title="Download Report Data in CSV format" - > - <i - class="fas fa-file-csv" - /> - </a> - <a - class="report-download-bar" - href="/" - style="color: rgb(242, 15, 0);" - title="Download Report as PDF" - > - <i - class="fas fa-file-pdf" - /> - </a> - <i - class="pi pi-print report-download-bar print-btn" - title="Print Report" - /> - </div> - <div> - <div - style="margin-bottom: 20px;" - > - <style> - @page { margin: 138px 72px 138px 72px !important; } - </style> - <div - class="report-div" - id="Calibration-report-div" - > - <div - id="Calibration-project-details" - > - <h2 - style="text-align: center; margin-bottom: 25px;" - > - Report statistics for project Calibration - </h2> - <div - class="p-grid report-wrap" - > - <div - class="col-lg-3 col-md-4 col-sm-12" - > - <label> - Project Documentation - </label> - </div> - <div - class="col-lg-9 col-md-8 col-sm-12" - > - <a - href="https://support.astron.nl/jira" - rel="noreferrer" - target="_blank" - > - Link to Jira Ticket - </a> - </div> - <div - class="col-lg-3 col-md-4 col-sm-12" - > - <label> - Project statistics over the period - </label> - </div> - <div - class="col-lg-8 col-md-9 col-sm-12" - > - <span> - Jun 01 2023 - May 31 2024 - </span> - </div> - <div - class="col-lg-3 col-md-4 col-sm-12" - > - <label> - Contact Project Friend - </label> - </div> - <div - class="col-lg-8 col-md-9 col-sm-12" - > - <span> - Man Kind - </span> - </div> - <div - class="col-lg-3 col-md-4 col-sm-12" - > - <label> - Awarded Observing Time(hours) - </label> - </div> - <div - class="col-lg-8 col-md-9 col-sm-12" - > - <span> - 0.00 - </span> - </div> - <div - class="col-lg-3 col-md-4 col-sm-12" - > - <label> - Awarded Processing Time(hours) - </label> - </div> - <div - class="col-lg-8 col-md-9 col-sm-12" - > - <span> - 0.00 - </span> - </div> - <div - class="col-lg-3 col-md-4 col-sm-12" - > - <label> - Awarded LTA Storage(TB) - </label> - </div> - <div - class="col-lg-8 col-md-9 col-sm-12" - > - <span> - 109.95 - </span> - </div> - <div - class="col-lg-3 col-md-4 col-sm-12" - > - <label> - Awarded Support Time(hours) - </label> - </div> - <div - class="col-lg-8 col-md-9 col-sm-12" - > - <span> - 0.00 - </span> - </div> - </div> - <div - class="resource-utilization" - id="Calibration-resource-utilization" - style="padding-top: 10px; padding-bottom: 10px;" - > - <canvas - height="10" - role="img" - width="50%" - /> - </div> - </div> - <div - class="su-details" - id="Calibration-su-details" - > - <label> - Scheduling Units of the project - </label> - <table - class="report-table" - > - <thead> - <tr> - <th> - SU Name & Link in TMSS - </th> - <th> - SU Status Failed / Success - </th> - <th> - SU Acceptance Failed / Success / Pending - </th> - <th> - SU Execution Date - </th> - <th> - Time Observed (hr) - </th> - <th> - Time Observed Incremental (hr) - </th> - <th> - Time left for Observing (hr) - </th> - <th> - Completed Observing Time(%) - </th> - <th> - Time Processed (hr) - </th> - <th> - Time Processed Incremental (hr) - </th> - <th> - Time left for Processing (hr) - </th> - <th> - Completed Processing Time(%) - </th> - <th> - LTA Ingest Date - </th> - <th> - Ingested Data Size(TB) - </th> - <th> - Used LTA Allocation (Incremental) (%) - </th> - <th> - SAS ID (Observations) - </th> - <th> - SAS ID (Pipelines) - </th> - </tr> - </thead> - <tbody> - <tr - style="border: 1px solid;" - > - <td> - <a - href="/schedulingunit/view/blueprint/3433" - target="_blank" - > - swlevel 3 test - </a> - </td> - <td> - processed - </td> - <td> - acceptance_pending - </td> - <td> - 2023-08-01 - </td> - <td> - 0.08 - </td> - <td> - 0.08 - </td> - <td> - -0.08 - </td> - <td> - Infinity - </td> - <td> - 0.09 - </td> - <td> - 0.09 - </td> - <td> - -0.09 - </td> - <td> - Infinity - </td> - <td /> - <td> - 0.00 - </td> - <td> - 0.00 - </td> - <td> - 2023804 - </td> - <td> - 2023806, 2023805 - </td> - </tr> - <tr - style="border: 1px solid;" - > - <td> - <a - href="/schedulingunit/view/blueprint/3432" - target="_blank" - > - swlevel 3 test - </a> - </td> - <td> - cancelled - </td> - <td> - acceptance_pending - </td> - <td> - 2023-08-01 - </td> - <td /> - <td /> - <td /> - <td /> - <td> - 0.00 - </td> - <td> - 0.09 - </td> - <td> - -0.09 - </td> - <td> - Infinity - </td> - <td /> - <td> - 0.00 - </td> - <td> - 0.00 - </td> - <td> - 2023799 - </td> - <td> - 2023800, 2023801 - </td> - </tr> - <tr - style="border: 1px solid;" - > - <td> - <a - href="/schedulingunit/view/blueprint/3537" - target="_blank" - > - Holog test run B1.2 - </a> - </td> - <td> - cancelled - </td> - <td> - acceptance_pending - </td> - <td> - 2023-08-10 - </td> - <td /> - <td /> - <td /> - <td /> - <td> - 0.00 - </td> - <td> - 0.09 - </td> - <td> - -0.09 - </td> - <td> - Infinity - </td> - <td /> - <td> - 0.00 - </td> - <td> - 0.00 - </td> - <td> - 2024252 - </td> - <td> - 2024253 - </td> - </tr> - <tr - style="border: 1px solid;" - > - <td> - <a - href="/schedulingunit/view/blueprint/3820" - target="_blank" - > - Holog test run D1 - </a> - </td> - <td> - cancelled - </td> - <td> - acceptance_pending - </td> - <td> - Invalid date - </td> - <td /> - <td /> - <td /> - <td /> - <td> - 0.07 - </td> - <td> - 0.16 - </td> - <td> - -0.16 - </td> - <td> - Infinity - </td> - <td /> - <td> - 0.00 - </td> - <td> - 0.00 - </td> - <td> - 2025506 - </td> - <td> - 2025509 - </td> - </tr> - <tr - style="border: 1px solid;" - > - <td> - <a - href="/schedulingunit/view/blueprint/3726" - target="_blank" - > - Holog test run C2 - </a> - </td> - <td> - cancelled - </td> - <td> - acceptance_pending - </td> - <td> - Invalid date - </td> - <td /> - <td /> - <td /> - <td /> - <td> - 0.07 - </td> - <td> - 0.23 - </td> - <td> - -0.23 - </td> - <td> - Infinity - </td> - <td /> - <td> - 0.00 - </td> - <td> - 0.00 - </td> - <td> - 2025124 - </td> - <td> - 2025125 - </td> - </tr> - <tr - style="border: 1px solid;" - > - <td> - <a - href="/schedulingunit/view/blueprint/3724" - target="_blank" - > - Holog test run C1 - </a> - </td> - <td> - cancelled - </td> - <td> - acceptance_pending - </td> - <td> - Invalid date - </td> - <td /> - <td /> - <td /> - <td /> - <td> - 0.00 - </td> - <td> - 0.23 - </td> - <td> - -0.23 - </td> - <td> - Infinity - </td> - <td /> - <td> - 0.00 - </td> - <td> - 0.00 - </td> - <td> - 2025119 - </td> - <td> - 2025120 - </td> - </tr> - <tr - style="border: 1px solid;" - > - <td> - <a - href="/schedulingunit/view/blueprint/3536" - target="_blank" - > - Holog test run B1.1 - </a> - </td> - <td> - cancelled - </td> - <td> - acceptance_pending - </td> - <td> - Invalid date - </td> - <td /> - <td /> - <td /> - <td /> - <td> - 0.09 - </td> - <td> - 0.32 - </td> - <td> - -0.32 - </td> - <td> - Infinity - </td> - <td /> - <td> - 0.00 - </td> - <td> - 0.00 - </td> - <td> - 2024249 - </td> - <td> - 2024250 - </td> - </tr> - <tr - style="border: 1px solid;" - > - <td> - <a - href="/schedulingunit/view/blueprint/3438" - target="_blank" - > - Holog test run A2.2 - </a> - </td> - <td> - cancelled - </td> - <td> - acceptance_pending - </td> - <td> - Invalid date - </td> - <td /> - <td /> - <td /> - <td /> - <td> - 0.00 - </td> - <td> - 0.32 - </td> - <td> - -0.32 - </td> - <td> - Infinity - </td> - <td /> - <td> - 0.00 - </td> - <td> - 0.00 - </td> - <td> - 2023820 - </td> - <td> - 2023821 - </td> - </tr> - <tr - style="border: 1px solid;" - > - <td> - <a - href="/schedulingunit/view/blueprint/3437" - target="_blank" - > - Holog test run A2.1 - </a> - </td> - <td> - cancelled - </td> - <td> - acceptance_pending - </td> - <td> - Invalid date - </td> - <td /> - <td /> - <td /> - <td /> - <td> - 0.00 - </td> - <td> - 0.32 - </td> - <td> - -0.32 - </td> - <td> - Infinity - </td> - <td /> - <td> - 0.00 - </td> - <td> - 0.00 - </td> - <td> - 2023817 - </td> - <td> - 2023818 - </td> - </tr> - <tr - style="border: 1px solid;" - > - <td> - <a - href="/schedulingunit/view/blueprint/3436" - target="_blank" - > - Holog test run A1.2 - </a> - </td> - <td> - cancelled - </td> - <td> - acceptance_pending - </td> - <td> - Invalid date - </td> - <td /> - <td /> - <td /> - <td /> - <td> - 0.00 - </td> - <td> - 0.32 - </td> - <td> - -0.32 - </td> - <td> - Infinity - </td> - <td /> - <td> - 0.00 - </td> - <td> - 0.00 - </td> - <td> - 2023814 - </td> - <td> - 2023815 - </td> - </tr> - <tr - style="border: 1px solid;" - > - <td> - <a - href="/schedulingunit/view/blueprint/3435" - target="_blank" - > - Holog test run A1.1 - </a> - </td> - <td> - cancelled - </td> - <td> - acceptance_pending - </td> - <td> - Invalid date - </td> - <td /> - <td /> - <td /> - <td /> - <td> - 0.00 - </td> - <td> - 0.32 - </td> - <td> - -0.32 - </td> - <td> - Infinity - </td> - <td /> - <td> - 0.00 - </td> - <td> - 0.00 - </td> - <td> - 2023811 - </td> - <td> - 2023812 - </td> - </tr> - </tbody> - </table> - </div> - <div - class="target-exposure" - id="Calibration-target-exposure" - style="padding-top: 10px; padding-bottom: 10px;" - > - <canvas - height="10" - role="img" - width="50%" - /> - </div> - </div> - </div> - </div> - <div /> </div> </DocumentFragment> `; diff --git a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/systemevent.list.test.js.snap b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/systemevent.list.test.js.snap index 2098d5d589b..29497961525 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/systemevent.list.test.js.snap +++ b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/systemevent.list.test.js.snap @@ -46,2168 +46,504 @@ exports[`Systen Event List System Event List renders correctly without securit `; exports[`Systen Event List System Event Renders correctly with data 1`] = ` -<DocumentFragment> - <div - class="page-header defaultrightpageHeader" - > - <div - class="title" - > - <h2 - class="page-title" - > - System Issues - List - </h2> - </div> - <div - class="page-action-menu page-actionsdefaultrightpageHeader" - > - <button - class="p-button p-component p-button-icon-only" - data-pc-name="button" - data-pc-section="root" - title="Add System Event" - > - <span - class="p-button-icon p-c pi pi-plus" - data-pc-section="icon" - /> - <span - class="p-button-label p-c" - > -  - </span> - </button> - </div> - </div> +"<html> + +<head></head> + +<body> <div> - <div - style="display: flex; justify-content: space-between; height: 35px;" - > - <div - id="block_container" - > - <div - style="text-align: left; margin-right: 30px;" - title="Toggle Columns" - > - <i - class="fa fa-columns col-filter-btn" - label="Toggle Columns" - /> - <div - style="position: relative; top: -25px; margin-left: 50px; color: rgb(0, 91, 159);" - > - <i - class="fas fa-sync-alt" - title="Clear All Filters" - /> + <div class=\\"page-header defaultrightpageHeader\\"> + <div class=\\"title\\"> + <h2 class=\\"page-title\\">System Issues - List</h2> + </div> + <div class=\\"page-action-menu page-actionsdefaultrightpageHeader\\"><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Add System Event\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-plus\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button></div> + </div> + <div> + <div style=\\"display: flex; justify-content: space-between; height: 35px;\\"> + <div id=\\"block_container\\"> + <div style=\\"text-align: left; margin-right: 30px;\\" title=\\"Toggle Columns\\"><i class=\\"fa fa-columns col-filter-btn\\" label=\\"Toggle Columns\\"></i> + <div style=\\"position: relative; top: -25px; margin-left: 50px; color: rgb(0, 91, 159);\\"><i class=\\"fas fa-sync-alt\\" title=\\"Clear All Filters\\"></i></div> </div> + <div style=\\"text-align: right;\\"><span style=\\"margin-left: -10px;\\"><input value=\\"\\"> <i class=\\"fa fa-search\\"></i></span></div> + <div class=\\"total_records_top_label\\"> <label>Total records (3)</label></div> </div> - <div - style="text-align: right;" - > - <span - style="margin-left: -10px;" - > - <input - value="" - /> - - <i - class="fa fa-search" - /> - </span> - </div> - <div - class="total_records_top_label" - > - - <label> - Total records (3) - </label> - </div> - </div> - <div - class="total_records_top_label" - style="margin-top: 3px; margin-right: 5px;" - > - <a - href="#" - style="vertical-align: middle;" - title="Download CSV" - > - <i - class="fas fa-file-csv" - style="color: green; font-size: 20px;" - /> - </a> + <div class=\\"total_records_top_label\\" style=\\"margin-top: 3px; margin-right: 5px;\\"><a href=\\"#\\" title=\\"Download CSV\\" style=\\"vertical-align: middle;\\"><i class=\\"fas fa-file-csv\\" style=\\"color: green; font-size: 20px;\\"></i></a></div> </div> - </div> - <div - class="tmss-table table_container" - > - <table - class="viewtable" - data-testid="viewtable" - role="table" - style="min-width: 1080px;" - > - <thead> - <tr - data-testid="tablerows" - role="row" - style="display: flex; flex: 1 0 auto; min-width: 1080px;" - > - <th - class="fixed-column-td" - role="tablehead" - style="display: flex;" - > - <div - style="display: flex;" - > - <div - style="display: grid; vertical-align: bottom;" - > - <div - class="fixed-column" - colspan="1" - role="columnheader" - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;" - > - <div - data-rbd-draggable-context-id="0" - data-rbd-draggable-id="Action" - style="transform: translate(0,0); user-select: none; cursor: default;" - > - Action - </div> + <div class=\\"tmss-table table_container\\"> + <table role=\\"table\\" style=\\"min-width: 1080px;\\" data-testid=\\"viewtable\\" class=\\"viewtable\\"> + <thead> + <tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1080px;\\" data-testid=\\"tablerows\\"> + <th role=\\"tablehead\\" class=\\"fixed-column-td\\" style=\\"display: flex;\\"> + <div style=\\"display: flex;\\"> + <div style=\\"display: grid; vertical-align: bottom;\\"> + <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"fixed-column\\"> + <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Action\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\">Action</div> + </div> + <div></div> </div> - <div /> </div> - </div> - </th> - <th - class="notfixed-column-td-SystemEventId" - role="tablehead" - style="display: flex;" - > - <div - style="display: flex;" - > - <div - style="display: grid; vertical-align: bottom;" - > - <div - class="" - colspan="1" - role="columnheader" - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;" - title="Toggle SortBy" - > - <div - aria-describedby="rbd-hidden-text-0-hidden-text-0" - data-rbd-drag-handle-context-id="0" - data-rbd-drag-handle-draggable-id="System Event Id" - data-rbd-draggable-context-id="0" - data-rbd-draggable-id="System Event Id" - draggable="false" - role="button" - style="transform: translate(0,0); user-select: none; cursor: default;" - tabindex="0" - > - System Event Id - <i - aria-hidden="true" - class="pi pi-sort-up" - /> + </th> + <th role=\\"tablehead\\" class=\\"notfixed-column-td-SystemEventId\\" style=\\"display: flex;\\"> + <div style=\\"display: flex;\\"> + <div style=\\"display: grid; vertical-align: bottom;\\"> + <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"> + <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"System Event Id\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"System Event Id\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">System Event Id<i class=\\"pi pi-sort-up\\" aria-hidden=\\"true\\"></i></div> </div> - </div> - <div> - <div - class="table-filter" - style="margin-right: 5px;" - > - <input - title="Enter few characters and press ‘Enter’ key to search" - value="" - /> + <div> + <div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div> </div> </div> </div> - </div> - <div - class="resizer " - draggable="false" - role="separator" - style="cursor: col-resize;" - /> - </th> - <th - class="notfixed-column-td-Created" - role="tablehead" - style="display: flex;" - > - <div - style="display: flex;" - > - <div - style="display: grid; vertical-align: bottom;" - > - <div - class="" - colspan="1" - role="columnheader" - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;" - title="Toggle SortBy" - > - <div - aria-describedby="rbd-hidden-text-0-hidden-text-0" - data-rbd-drag-handle-context-id="0" - data-rbd-drag-handle-draggable-id="Created" - data-rbd-draggable-context-id="0" - data-rbd-draggable-id="Created" - draggable="false" - role="button" - style="transform: translate(0,0); user-select: none; cursor: default;" - tabindex="0" - > - Created + <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div> + </th> + <th role=\\"tablehead\\" class=\\"notfixed-column-td-Created\\" style=\\"display: flex;\\"> + <div style=\\"display: flex;\\"> + <div style=\\"display: grid; vertical-align: bottom;\\"> + <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"> + <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Created\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Created\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Created</div> </div> - </div> - <div> - <div - class="table-filter" - > - <div - class="flatpickr-range-filter" - data-enable-time="true" - data-input="true" - title="Enter the date & time range to search and press ‘Ok’ button" - > - <input - class="p-inputtext p-component calendar-input flatpickr-input" - data-input="true" - type="text" - /> - <button - class="p-button p-component p-button-icon-only calendar-button" - data-toggle="true" - title="Click to select the date range" - > - <i - class="fas fa-calendar" - /> - </button> - <button - class="p-button p-component p-button-icon-only calendar-reset" - title="Clear date range" - > - <i - class="pi pi-times" - style="color: white;" - /> - </button> + <div> + <div class=\\"table-filter\\"> + <div data-enable-time=\\"true\\" data-input=\\"true\\" class=\\"flatpickr-range-filter\\" title=\\"Enter the date & time range to search and press ‘Ok’ button\\"><input type=\\"text\\" data-input=\\"true\\" class=\\"p-inputtext p-component calendar-input flatpickr-input\\"><button class=\\"p-button p-component p-button-icon-only calendar-button\\" data-toggle=\\"true\\" title=\\"Click to select the date range\\"><i class=\\"fas fa-calendar\\"></i></button><button class=\\"p-button p-component p-button-icon-only calendar-reset\\" title=\\"Clear date range\\"><i class=\\"pi pi-times\\" style=\\"color: white;\\"></i></button></div> </div> </div> </div> </div> - </div> - <div - class="resizer " - draggable="false" - role="separator" - style="cursor: col-resize;" - /> - </th> - <th - class="notfixed-column-td-Name" - role="tablehead" - style="display: flex;" - > - <div - style="display: flex;" - > - <div - style="display: grid; vertical-align: bottom;" - > - <div - class="" - colspan="1" - role="columnheader" - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;" - title="Toggle SortBy" - > - <div - aria-describedby="rbd-hidden-text-0-hidden-text-0" - data-rbd-drag-handle-context-id="0" - data-rbd-drag-handle-draggable-id="Name" - data-rbd-draggable-context-id="0" - data-rbd-draggable-id="Name" - draggable="false" - role="button" - style="transform: translate(0,0); user-select: none; cursor: default;" - tabindex="0" - > - Name - </div> - </div> - <div> - <div - class="table-filter" - style="margin-right: 5px;" - > - <input - title="Enter few characters and press ‘Enter’ key to search" - value="" - /> - </div> - </div> - </div> - </div> - <div - class="resizer " - draggable="false" - role="separator" - style="cursor: col-resize;" - /> - </th> - <th - class="notfixed-column-td-Description" - role="tablehead" - style="display: flex;" - > - <div - style="display: flex;" - > - <div - style="display: grid; vertical-align: bottom;" - > - <div - class="" - colspan="1" - role="columnheader" - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;" - title="Toggle SortBy" - > - <div - aria-describedby="rbd-hidden-text-0-hidden-text-0" - data-rbd-drag-handle-context-id="0" - data-rbd-drag-handle-draggable-id="Description" - data-rbd-draggable-context-id="0" - data-rbd-draggable-id="Description" - draggable="false" - role="button" - style="transform: translate(0,0); user-select: none; cursor: default;" - tabindex="0" - > - Description - </div> - </div> - <div> - <div - class="table-filter" - style="margin-right: 5px;" - > - <input - title="Enter few characters and press ‘Enter’ key to search" - value="" - /> - </div> - </div> - </div> - </div> - <div - class="resizer " - draggable="false" - role="separator" - style="cursor: col-resize;" - /> - </th> - <th - class="notfixed-column-td-StartTime" - role="tablehead" - style="display: flex;" - > - <div - style="display: flex;" - > - <div - style="display: grid; vertical-align: bottom;" - > - <div - class="" - colspan="1" - role="columnheader" - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;" - title="Toggle SortBy" - > - <div - aria-describedby="rbd-hidden-text-0-hidden-text-0" - data-rbd-drag-handle-context-id="0" - data-rbd-drag-handle-draggable-id="Start Time" - data-rbd-draggable-context-id="0" - data-rbd-draggable-id="Start Time" - draggable="false" - role="button" - style="transform: translate(0,0); user-select: none; cursor: default;" - tabindex="0" - > - Start Time + <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div> + </th> + <th role=\\"tablehead\\" class=\\"notfixed-column-td-Name\\" style=\\"display: flex;\\"> + <div style=\\"display: flex;\\"> + <div style=\\"display: grid; vertical-align: bottom;\\"> + <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"> + <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Name\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Name\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Name</div> </div> - </div> - <div> - <div - class="table-filter" - > - <div - class="flatpickr-range-filter" - data-enable-time="true" - data-input="true" - title="Enter the date & time range to search and press ‘Ok’ button" - > - <input - class="p-inputtext p-component calendar-input flatpickr-input" - data-input="true" - type="text" - /> - <button - class="p-button p-component p-button-icon-only calendar-button" - data-toggle="true" - title="Click to select the date range" - > - <i - class="fas fa-calendar" - /> - </button> - <button - class="p-button p-component p-button-icon-only calendar-reset" - title="Clear date range" - > - <i - class="pi pi-times" - style="color: white;" - /> - </button> - </div> + <div> + <div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div> </div> </div> </div> - </div> - <div - class="resizer " - draggable="false" - role="separator" - style="cursor: col-resize;" - /> - </th> - <th - class="notfixed-column-td-EndTime" - role="tablehead" - style="display: flex;" - > - <div - style="display: flex;" - > - <div - style="display: grid; vertical-align: bottom;" - > - <div - class="" - colspan="1" - role="columnheader" - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;" - title="Toggle SortBy" - > - <div - aria-describedby="rbd-hidden-text-0-hidden-text-0" - data-rbd-drag-handle-context-id="0" - data-rbd-drag-handle-draggable-id="End Time" - data-rbd-draggable-context-id="0" - data-rbd-draggable-id="End Time" - draggable="false" - role="button" - style="transform: translate(0,0); user-select: none; cursor: default;" - tabindex="0" - > - End Time + <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div> + </th> + <th role=\\"tablehead\\" class=\\"notfixed-column-td-Description\\" style=\\"display: flex;\\"> + <div style=\\"display: flex;\\"> + <div style=\\"display: grid; vertical-align: bottom;\\"> + <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"> + <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Description\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Description\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Description</div> </div> - </div> - <div> - <div - class="table-filter" - > - <div - class="flatpickr-range-filter" - data-enable-time="true" - data-input="true" - title="Enter the date & time range to search and press ‘Ok’ button" - > - <input - class="p-inputtext p-component calendar-input flatpickr-input" - data-input="true" - type="text" - /> - <button - class="p-button p-component p-button-icon-only calendar-button" - data-toggle="true" - title="Click to select the date range" - > - <i - class="fas fa-calendar" - /> - </button> - <button - class="p-button p-component p-button-icon-only calendar-reset" - title="Clear date range" - > - <i - class="pi pi-times" - style="color: white;" - /> - </button> - </div> + <div> + <div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div> </div> </div> </div> - </div> - <div - class="resizer " - draggable="false" - role="separator" - style="cursor: col-resize;" - /> - </th> - <th - class="notfixed-column-td-Duration" - role="tablehead" - style="display: flex;" - > - <div - style="display: flex;" - > - <div - style="display: grid; vertical-align: bottom;" - > - <div - class="" - colspan="1" - role="columnheader" - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;" - > - <div - aria-describedby="rbd-hidden-text-0-hidden-text-0" - data-rbd-drag-handle-context-id="0" - data-rbd-drag-handle-draggable-id="Duration" - data-rbd-draggable-context-id="0" - data-rbd-draggable-id="Duration" - draggable="false" - role="button" - style="transform: translate(0,0); user-select: none; cursor: default;" - tabindex="0" - > - Duration - </div> + <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div> + </th> + <th role=\\"tablehead\\" class=\\"notfixed-column-td-StartTime\\" style=\\"display: flex;\\"> + <div style=\\"display: flex;\\">XXXX-XX-XX XXXX:XX:XX</div> + <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\">XXXX-XX-XX XXXX:XX:XX</div> + </th> + <th role=\\"tablehead\\" class=\\"notfixed-column-td-EndTime\\" style=\\"display: flex;\\"> + <div style=\\"display: flex;\\">XXXX-XX-XX XXXX:XX:XX</div> + <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\">XXXX-XX-XX XXXX:XX:XX</div> + </th> + <th role=\\"tablehead\\" class=\\"notfixed-column-td-Duration\\" style=\\"display: flex;\\"> + <div style=\\"display: flex;\\"> + <div style=\\"display: grid; vertical-align: bottom;\\"> + <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"> + <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Duration\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Duration\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Duration</div> + </div> + <div></div> </div> - <div /> </div> - </div> - <div - class="resizer " - draggable="false" - role="separator" - style="cursor: col-resize;" - /> - </th> - <th - class="notfixed-column-td-IssueType" - role="tablehead" - style="display: flex;" - > - <div - style="display: flex;" - > - <div - style="display: grid; vertical-align: bottom;" - > - <div - class="" - colspan="1" - role="columnheader" - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;" - title="Toggle SortBy" - > - <div - aria-describedby="rbd-hidden-text-0-hidden-text-0" - data-rbd-drag-handle-context-id="0" - data-rbd-drag-handle-draggable-id="Issue Type" - data-rbd-draggable-context-id="0" - data-rbd-draggable-id="Issue Type" - draggable="false" - role="button" - style="transform: translate(0,0); user-select: none; cursor: default;" - tabindex="0" - > - Issue Type + <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div> + </th> + <th role=\\"tablehead\\" class=\\"notfixed-column-td-IssueType\\" style=\\"display: flex;\\"> + <div style=\\"display: flex;\\"> + <div style=\\"display: grid; vertical-align: bottom;\\"> + <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"> + <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Issue Type\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Issue Type\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Issue Type</div> </div> - </div> - <div> <div> - <div - style="position: relative; display: flex;" - > - <div - class="p-multiselect p-component p-inputwrapper multi-select" - data-pc-name="multiselect" - data-pc-section="root" - data-testid="multi-select" - id="multi-select" - style="width: 85%;" - > - <div - class="p-hidden-accessible" - data-pc-section="hiddeninputwrapper" - > - <input - aria-expanded="false" - data-pc-section="input" - readonly="" - role="listbox" - tabindex="0" - type="text" - /> - </div> - <div - class="p-multiselect-label-container" - data-pc-section="labelcontainer" - > - <div - class="p-multiselect-label p-multiselect-label-empty" - data-pc-section="label" - > - empty + <div> + <div style=\\"position: relative; display: flex;\\"> + <div id=\\"multi-select\\" style=\\"width: 85%;\\" class=\\"p-multiselect p-component p-inputwrapper multi-select\\" data-testid=\\"multi-select\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\"> + <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div> + <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\"> + <div class=\\"p-multiselect-label p-multiselect-label-empty\\" data-pc-section=\\"label\\">empty</div> </div> + <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\"> + <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path> + </svg></div> </div> - <div - class="p-multiselect-trigger" - data-pc-section="trigger" - > - <svg - aria-hidden="true" - class="p-icon p-multiselect-trigger-icon p-c" - data-pc-section="triggericon" - fill="none" - height="14" - viewBox="0 0 14 14" - width="14" - xmlns="http://www.w3.org/2000/svg" - > - <path - d="M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z" - fill="currentColor" - /> - </svg> - </div> - </div> - <div> - <button - class="p-link" - > - <i - class="pi pi-search search-btn" - /> - </button> + <div><button class=\\"p-link\\"><i class=\\"pi pi-search search-btn\\"></i></button></div> </div> </div> </div> </div> </div> - </div> - <div - class="resizer " - draggable="false" - role="separator" - style="cursor: col-resize;" - /> - </th> - <th - class="notfixed-column-td-IssueSubtype" - role="tablehead" - style="display: flex;" - > - <div - style="display: flex;" - > - <div - style="display: grid; vertical-align: bottom;" - > - <div - class="" - colspan="1" - role="columnheader" - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;" - title="Toggle SortBy" - > - <div - aria-describedby="rbd-hidden-text-0-hidden-text-0" - data-rbd-drag-handle-context-id="0" - data-rbd-drag-handle-draggable-id="Issue Subtype" - data-rbd-draggable-context-id="0" - data-rbd-draggable-id="Issue Subtype" - draggable="false" - role="button" - style="transform: translate(0,0); user-select: none; cursor: default;" - tabindex="0" - > - Issue Subtype + <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div> + </th> + <th role=\\"tablehead\\" class=\\"notfixed-column-td-IssueSubtype\\" style=\\"display: flex;\\"> + <div style=\\"display: flex;\\"> + <div style=\\"display: grid; vertical-align: bottom;\\"> + <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"> + <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Issue Subtype\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Issue Subtype\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Issue Subtype</div> </div> - </div> - <div> <div> - <div - style="position: relative; display: flex;" - > - <div - class="p-multiselect p-component p-inputwrapper multi-select" - data-pc-name="multiselect" - data-pc-section="root" - data-testid="multi-select" - id="multi-select" - style="width: 85%;" - > - <div - class="p-hidden-accessible" - data-pc-section="hiddeninputwrapper" - > - <input - aria-expanded="false" - data-pc-section="input" - readonly="" - role="listbox" - tabindex="0" - type="text" - /> - </div> - <div - class="p-multiselect-label-container" - data-pc-section="labelcontainer" - > - <div - class="p-multiselect-label p-multiselect-label-empty" - data-pc-section="label" - > - empty + <div> + <div style=\\"position: relative; display: flex;\\"> + <div id=\\"multi-select\\" style=\\"width: 85%;\\" class=\\"p-multiselect p-component p-inputwrapper multi-select\\" data-testid=\\"multi-select\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\"> + <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div> + <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\"> + <div class=\\"p-multiselect-label p-multiselect-label-empty\\" data-pc-section=\\"label\\">empty</div> </div> + <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\"> + <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path> + </svg></div> </div> - <div - class="p-multiselect-trigger" - data-pc-section="trigger" - > - <svg - aria-hidden="true" - class="p-icon p-multiselect-trigger-icon p-c" - data-pc-section="triggericon" - fill="none" - height="14" - viewBox="0 0 14 14" - width="14" - xmlns="http://www.w3.org/2000/svg" - > - <path - d="M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z" - fill="currentColor" - /> - </svg> - </div> - </div> - <div> - <button - class="p-link" - > - <i - class="pi pi-search search-btn" - /> - </button> + <div><button class=\\"p-link\\"><i class=\\"pi pi-search search-btn\\"></i></button></div> </div> </div> </div> </div> </div> - </div> - <div - class="resizer " - draggable="false" - role="separator" - style="cursor: col-resize;" - /> - </th> - <th - class="notfixed-column-td-Severity" - role="tablehead" - style="display: flex;" - > - <div - style="display: flex;" - > - <div - style="display: grid; vertical-align: bottom;" - > - <div - class="" - colspan="1" - role="columnheader" - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;" - title="Toggle SortBy" - > - <div - aria-describedby="rbd-hidden-text-0-hidden-text-0" - data-rbd-drag-handle-context-id="0" - data-rbd-drag-handle-draggable-id="Severity" - data-rbd-draggable-context-id="0" - data-rbd-draggable-id="Severity" - draggable="false" - role="button" - style="transform: translate(0,0); user-select: none; cursor: default;" - tabindex="0" - > - Severity + <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div> + </th> + <th role=\\"tablehead\\" class=\\"notfixed-column-td-Severity\\" style=\\"display: flex;\\"> + <div style=\\"display: flex;\\"> + <div style=\\"display: grid; vertical-align: bottom;\\"> + <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"> + <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Severity\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Severity\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Severity</div> </div> - </div> - <div> <div> - <div - style="position: relative; display: flex;" - > - <div - class="p-multiselect p-component p-inputwrapper multi-select" - data-pc-name="multiselect" - data-pc-section="root" - data-testid="multi-select" - id="multi-select" - style="width: 85%;" - > - <div - class="p-hidden-accessible" - data-pc-section="hiddeninputwrapper" - > - <input - aria-expanded="false" - data-pc-section="input" - readonly="" - role="listbox" - tabindex="0" - type="text" - /> - </div> - <div - class="p-multiselect-label-container" - data-pc-section="labelcontainer" - > - <div - class="p-multiselect-label p-multiselect-label-empty" - data-pc-section="label" - > - empty + <div> + <div style=\\"position: relative; display: flex;\\"> + <div id=\\"multi-select\\" style=\\"width: 85%;\\" class=\\"p-multiselect p-component p-inputwrapper multi-select\\" data-testid=\\"multi-select\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\"> + <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div> + <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\"> + <div class=\\"p-multiselect-label p-multiselect-label-empty\\" data-pc-section=\\"label\\">empty</div> </div> + <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\"> + <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path> + </svg></div> </div> - <div - class="p-multiselect-trigger" - data-pc-section="trigger" - > - <svg - aria-hidden="true" - class="p-icon p-multiselect-trigger-icon p-c" - data-pc-section="triggericon" - fill="none" - height="14" - viewBox="0 0 14 14" - width="14" - xmlns="http://www.w3.org/2000/svg" - > - <path - d="M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z" - fill="currentColor" - /> - </svg> - </div> - </div> - <div> - <button - class="p-link" - > - <i - class="pi pi-search search-btn" - /> - </button> + <div><button class=\\"p-link\\"><i class=\\"pi pi-search search-btn\\"></i></button></div> </div> </div> </div> </div> </div> - </div> - <div - class="resizer " - draggable="false" - role="separator" - style="cursor: col-resize;" - /> - </th> - <th - class="notfixed-column-td-CreatedBy" - role="tablehead" - style="display: flex;" - > - <div - style="display: flex;" - > - <div - style="display: grid; vertical-align: bottom;" - > - <div - class="" - colspan="1" - role="columnheader" - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;" - title="Toggle SortBy" - > - <div - aria-describedby="rbd-hidden-text-0-hidden-text-0" - data-rbd-drag-handle-context-id="0" - data-rbd-drag-handle-draggable-id="Created By" - data-rbd-draggable-context-id="0" - data-rbd-draggable-id="Created By" - draggable="false" - role="button" - style="transform: translate(0,0); user-select: none; cursor: default;" - tabindex="0" - > - Created By + <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div> + </th> + <th role=\\"tablehead\\" class=\\"notfixed-column-td-CreatedBy\\" style=\\"display: flex;\\"> + <div style=\\"display: flex;\\"> + <div style=\\"display: grid; vertical-align: bottom;\\"> + <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"> + <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Created By\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Created By\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Created By</div> </div> - </div> - <div> - <div - class="table-filter" - style="margin-right: 5px;" - > - <input - title="Enter few characters and press ‘Enter’ key to search" - value="" - /> + <div> + <div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div> </div> </div> </div> - </div> - <div - class="resizer " - draggable="false" - role="separator" - style="cursor: col-resize;" - /> - </th> - <th - class="notfixed-column-td-Notes" - role="tablehead" - style="display: flex;" - > - <div - style="display: flex;" - > - <div - style="display: grid; vertical-align: bottom;" - > - <div - class="" - colspan="1" - role="columnheader" - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;" - title="Toggle SortBy" - > - <div - aria-describedby="rbd-hidden-text-0-hidden-text-0" - data-rbd-drag-handle-context-id="0" - data-rbd-drag-handle-draggable-id="Notes" - data-rbd-draggable-context-id="0" - data-rbd-draggable-id="Notes" - draggable="false" - role="button" - style="transform: translate(0,0); user-select: none; cursor: default;" - tabindex="0" - > - Notes + <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div> + </th> + <th role=\\"tablehead\\" class=\\"notfixed-column-td-Notes\\" style=\\"display: flex;\\"> + <div style=\\"display: flex;\\"> + <div style=\\"display: grid; vertical-align: bottom;\\"> + <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"> + <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Notes\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Notes\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Notes</div> </div> - </div> - <div> - <div - class="table-filter" - style="margin-right: 5px;" - > - <input - title="Enter few characters and press ‘Enter’ key to search" - value="" - /> + <div> + <div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div> </div> </div> </div> - </div> - <div - class="resizer " - draggable="false" - role="separator" - style="cursor: col-resize;" - /> - </th> - <th - class="notfixed-column-td-Status" - role="tablehead" - style="display: flex;" - > - <div - style="display: flex;" - > - <div - style="display: grid; vertical-align: bottom;" - > - <div - class="" - colspan="1" - role="columnheader" - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;" - title="Toggle SortBy" - > - <div - aria-describedby="rbd-hidden-text-0-hidden-text-0" - data-rbd-drag-handle-context-id="0" - data-rbd-drag-handle-draggable-id="Status" - data-rbd-draggable-context-id="0" - data-rbd-draggable-id="Status" - draggable="false" - role="button" - style="transform: translate(0,0); user-select: none; cursor: default;" - tabindex="0" - > - Status + <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div> + </th> + <th role=\\"tablehead\\" class=\\"notfixed-column-td-Status\\" style=\\"display: flex;\\"> + <div style=\\"display: flex;\\"> + <div style=\\"display: grid; vertical-align: bottom;\\"> + <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"> + <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Status\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Status\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Status</div> </div> - </div> - <div> <div> - <div - style="position: relative; display: flex;" - > - <div - class="p-multiselect p-component p-inputwrapper multi-select" - data-pc-name="multiselect" - data-pc-section="root" - data-testid="multi-select" - id="multi-select" - style="width: 85%;" - > - <div - class="p-hidden-accessible" - data-pc-section="hiddeninputwrapper" - > - <input - aria-expanded="false" - data-pc-section="input" - readonly="" - role="listbox" - tabindex="0" - type="text" - /> - </div> - <div - class="p-multiselect-label-container" - data-pc-section="labelcontainer" - > - <div - class="p-multiselect-label p-multiselect-label-empty" - data-pc-section="label" - > - empty + <div> + <div style=\\"position: relative; display: flex;\\"> + <div id=\\"multi-select\\" style=\\"width: 85%;\\" class=\\"p-multiselect p-component p-inputwrapper multi-select\\" data-testid=\\"multi-select\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\"> + <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div> + <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\"> + <div class=\\"p-multiselect-label p-multiselect-label-empty\\" data-pc-section=\\"label\\">empty</div> </div> + <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\"> + <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path> + </svg></div> </div> - <div - class="p-multiselect-trigger" - data-pc-section="trigger" - > - <svg - aria-hidden="true" - class="p-icon p-multiselect-trigger-icon p-c" - data-pc-section="triggericon" - fill="none" - height="14" - viewBox="0 0 14 14" - width="14" - xmlns="http://www.w3.org/2000/svg" - > - <path - d="M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z" - fill="currentColor" - /> - </svg> - </div> - </div> - <div> - <button - class="p-link" - > - <i - class="pi pi-search search-btn" - /> - </button> + <div><button class=\\"p-link\\"><i class=\\"pi pi-search search-btn\\"></i></button></div> </div> </div> </div> </div> </div> - </div> - <div - class="resizer " - draggable="false" - role="separator" - style="cursor: col-resize;" - /> - </th> - <th - class="notfixed-column-td-AffectedHardwareStations" - role="tablehead" - style="display: flex;" - > - <div - style="display: flex;" - > - <div - style="display: grid; vertical-align: bottom;" - > - <div - class="" - colspan="1" - role="columnheader" - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;" - > - <div - aria-describedby="rbd-hidden-text-0-hidden-text-0" - data-rbd-drag-handle-context-id="0" - data-rbd-drag-handle-draggable-id="Affected Hardware Stations" - data-rbd-draggable-context-id="0" - data-rbd-draggable-id="Affected Hardware Stations" - draggable="false" - role="button" - style="transform: translate(0,0); user-select: none; cursor: default;" - tabindex="0" - > - Affected Hardware Stations + <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div> + </th> + <th role=\\"tablehead\\" class=\\"notfixed-column-td-AffectedHardwareStations\\" style=\\"display: flex;\\"> + <div style=\\"display: flex;\\"> + <div style=\\"display: grid; vertical-align: bottom;\\"> + <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"> + <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Affected Hardware Stations\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Affected Hardware Stations\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Affected Hardware Stations</div> </div> - </div> - <div> <div> - <div - class="flex " - > - <div - class="p-field-radiobutton" - > - <div - class="p-radiobutton p-component p-radiobutton-checked" - data-pc-name="radiobutton" - data-pc-section="root" - > - <div - class="p-hidden-accessible" - data-pc-section="hiddeninputwrapper" - > - <input - checked="" - data-pc-section="hiddeninput" - id="filtertype1" - name="filtertype" - type="radio" - /> - </div> - <div - class="p-radiobutton-box p-highlight" - data-pc-section="input" - > - <div - class="p-radiobutton-icon" - data-pc-section="icon" - /> - </div> + <div> + <div class=\\"flex \\"> + <div class=\\"p-field-radiobutton\\"> + <div class=\\"p-radiobutton p-component p-radiobutton-checked\\" data-pc-name=\\"radiobutton\\" data-pc-section=\\"root\\"> + <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input id=\\"filtertype1\\" type=\\"radio\\" name=\\"filtertype\\" data-pc-section=\\"hiddeninput\\" checked=\\"\\"></div> + <div class=\\"p-radiobutton-box p-highlight\\" data-pc-section=\\"input\\"> + <div class=\\"p-radiobutton-icon\\" data-pc-section=\\"icon\\"></div> + </div> + </div><label for=\\"filtertype1\\">Any</label> </div> - <label - for="filtertype1" - > - Any - </label> - </div> - <div - class="p-field-radiobutton" - > - <div - class="p-radiobutton p-component" - data-pc-name="radiobutton" - data-pc-section="root" - > - <div - class="p-hidden-accessible" - data-pc-section="hiddeninputwrapper" - > - <input - data-pc-section="hiddeninput" - id="filtertype2" - name="filtertype" - type="radio" - /> - </div> - <div - class="p-radiobutton-box" - data-pc-section="input" - > - <div - class="p-radiobutton-icon" - data-pc-section="icon" - /> - </div> + <div class=\\"p-field-radiobutton\\"> + <div class=\\"p-radiobutton p-component\\" data-pc-name=\\"radiobutton\\" data-pc-section=\\"root\\"> + <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input id=\\"filtertype2\\" type=\\"radio\\" name=\\"filtertype\\" data-pc-section=\\"hiddeninput\\"></div> + <div class=\\"p-radiobutton-box\\" data-pc-section=\\"input\\"> + <div class=\\"p-radiobutton-icon\\" data-pc-section=\\"icon\\"></div> + </div> + </div><label for=\\"filtertype2\\">All</label> </div> - <label - for="filtertype2" - > - All - </label> </div> - </div> - <div - style="position: relative; display: flex;" - > - <div - class="p-multiselect p-component p-inputwrapper multi-select" - data-pc-name="multiselect" - data-pc-section="root" - data-testid="multi-select" - id="multi-select" - style="width: 95%;" - > - <div - class="p-hidden-accessible" - data-pc-section="hiddeninputwrapper" - > - <input - aria-expanded="false" - data-pc-section="input" - readonly="" - role="listbox" - tabindex="0" - type="text" - /> - </div> - <div - class="p-multiselect-label-container" - data-pc-section="labelcontainer" - > - <div - class="p-multiselect-label p-multiselect-label-empty" - data-pc-section="label" - > - empty + <div style=\\"position: relative; display: flex;\\"> + <div id=\\"multi-select\\" style=\\"width: 95%;\\" class=\\"p-multiselect p-component p-inputwrapper multi-select\\" data-testid=\\"multi-select\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\"> + <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div> + <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\"> + <div class=\\"p-multiselect-label p-multiselect-label-empty\\" data-pc-section=\\"label\\">empty</div> </div> - </div> - <div - class="p-multiselect-trigger" - data-pc-section="trigger" - > - <svg - aria-hidden="true" - class="p-icon p-multiselect-trigger-icon p-c" - data-pc-section="triggericon" - fill="none" - height="14" - viewBox="0 0 14 14" - width="14" - xmlns="http://www.w3.org/2000/svg" - > - <path - d="M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z" - fill="currentColor" - /> - </svg> - </div> + <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\"> + <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path> + </svg></div> + </div><button class=\\"p-link\\"><i class=\\"pi pi-search search-btn\\"></i></button> </div> - <button - class="p-link" - > - <i - class="pi pi-search search-btn" - /> - </button> </div> </div> </div> </div> - </div> - <div - class="resizer " - draggable="false" - role="separator" - style="cursor: col-resize;" - /> - </th> - <th - class="notfixed-column-td-AffectedTasks" - role="tablehead" - style="display: flex;" - > - <div - style="display: flex;" - > - <div - style="display: grid; vertical-align: bottom;" - > - <div - class="" - colspan="1" - role="columnheader" - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;" - > - <div - aria-describedby="rbd-hidden-text-0-hidden-text-0" - data-rbd-drag-handle-context-id="0" - data-rbd-drag-handle-draggable-id="Affected Tasks" - data-rbd-draggable-context-id="0" - data-rbd-draggable-id="Affected Tasks" - draggable="false" - role="button" - style="transform: translate(0,0); user-select: none; cursor: default;" - tabindex="0" - > - Affected Tasks + <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div> + </th> + <th role=\\"tablehead\\" class=\\"notfixed-column-td-AffectedTasks\\" style=\\"display: flex;\\"> + <div style=\\"display: flex;\\"> + <div style=\\"display: grid; vertical-align: bottom;\\"> + <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative;\\" class=\\"\\"> + <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Affected Tasks\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Affected Tasks\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Affected Tasks</div> </div> - </div> - <div> - <div - class="table-filter" - style="margin-right: 5px;" - > - <input - title="Enter few characters and press ‘Enter’ key to search" - value="" - /> + <div> + <div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div> </div> </div> </div> - </div> - <div - class="resizer " - draggable="false" - role="separator" - style="cursor: col-resize;" - /> - </th> - <th - class="notfixed-column-td-JiraURL" - role="tablehead" - style="display: flex;" - > - <div - style="display: flex;" - > - <div - style="display: grid; vertical-align: bottom;" - > - <div - class="" - colspan="1" - role="columnheader" - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;" - title="Toggle SortBy" - > - <div - aria-describedby="rbd-hidden-text-0-hidden-text-0" - data-rbd-drag-handle-context-id="0" - data-rbd-drag-handle-draggable-id="Jira URL" - data-rbd-draggable-context-id="0" - data-rbd-draggable-id="Jira URL" - draggable="false" - role="button" - style="transform: translate(0,0); user-select: none; cursor: default;" - tabindex="0" - > - Jira URL + <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div> + </th> + <th role=\\"tablehead\\" class=\\"notfixed-column-td-JiraURL\\" style=\\"display: flex;\\"> + <div style=\\"display: flex;\\"> + <div style=\\"display: grid; vertical-align: bottom;\\"> + <div colspan=\\"1\\" role=\\"columnheader\\" style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px; position: relative; cursor: pointer;\\" title=\\"Toggle SortBy\\" class=\\"\\"> + <div data-rbd-draggable-context-id=\\"0\\" data-rbd-draggable-id=\\"Jira URL\\" style=\\"transform: translate(0,0); user-select: none; cursor: default;\\" tabindex=\\"0\\" role=\\"button\\" aria-describedby=\\"rbd-hidden-text-0-hidden-text-0\\" data-rbd-drag-handle-draggable-id=\\"Jira URL\\" data-rbd-drag-handle-context-id=\\"0\\" draggable=\\"false\\" rbd-drag-handle-context-id=\\"X\\">Jira URL</div> </div> - </div> - <div> - <div - class="table-filter" - style="margin-right: 5px;" - > - <input - title="Enter few characters and press ‘Enter’ key to search" - value="" - /> + <div> + <div class=\\"table-filter\\" style=\\"margin-right: 5px;\\"><input title=\\"Enter few characters and press ‘Enter’ key to search\\" value=\\"\\"></div> </div> </div> </div> - </div> - <div - class="resizer " - draggable="false" - role="separator" - style="cursor: col-resize;" - /> - </th> - </tr> - </thead> - <tbody - role="rowgroup" - > - <tr - class="" - data-testid="tablerow" - role="row" - style="display: flex; flex: 1 0 auto; min-width: 1080px;" - > - <td - class="fixed-column-td" - > - <a - class="p-link" - href="/systemevent/view/undefined" - target="" - > - <i - class="fa fa-eye" - style="cursor: pointer;" - /> - </a> - </td> - <td - class="notfixed-column-td-SystemEventId" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-Created" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-Name" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-Description" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-StartTime" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - 2023-08-06 02:00:00 - </div> - </td> - <td - class="notfixed-column-td-EndTime" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - 2023-08-06 02:00:00 - </div> - </td> - <td - class="notfixed-column-td-Duration" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - Unknown - </div> - </td> - <td - class="notfixed-column-td-IssueType" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-IssueSubtype" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-Severity" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-CreatedBy" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-Notes" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-Status" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-AffectedHardwareStations" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-AffectedTasks" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-JiraURL" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - <a - rel="noreferrer" - target="_blank" - /> - - </div> - </td> - </tr> - <tr - class="" - data-testid="tablerow" - role="row" - style="display: flex; flex: 1 0 auto; min-width: 1080px;" - > - <td - class="fixed-column-td" - > - <a - class="p-link" - href="/systemevent/view/undefined" - target="" - > - <i - class="fa fa-eye" - style="cursor: pointer;" - /> - </a> - </td> - <td - class="notfixed-column-td-SystemEventId" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-Created" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-Name" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-Description" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-StartTime" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - 2023-08-06 02:00:00 - </div> - </td> - <td - class="notfixed-column-td-EndTime" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - 2023-08-06 02:00:00 - </div> - </td> - <td - class="notfixed-column-td-Duration" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - Unknown - </div> - </td> - <td - class="notfixed-column-td-IssueType" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-IssueSubtype" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-Severity" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-CreatedBy" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-Notes" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-Status" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-AffectedHardwareStations" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-AffectedTasks" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-JiraURL" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - <a - rel="noreferrer" - target="_blank" - /> - - </div> - </td> - </tr> - <tr - class="" - data-testid="tablerow" - role="row" - style="display: flex; flex: 1 0 auto; min-width: 1080px;" - > - <td - class="fixed-column-td" - > - <a - class="p-link" - href="/systemevent/view/undefined" - target="" - > - <i - class="fa fa-eye" - style="cursor: pointer;" - /> - </a> - </td> - <td - class="notfixed-column-td-SystemEventId" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-Created" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-Name" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-Description" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-StartTime" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - 2023-08-06 02:00:00 - </div> - </td> - <td - class="notfixed-column-td-EndTime" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - 2023-08-06 02:00:00 - </div> - </td> - <td - class="notfixed-column-td-Duration" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - Unknown - </div> - </td> - <td - class="notfixed-column-td-IssueType" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-IssueSubtype" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-Severity" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-CreatedBy" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-Notes" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-Status" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-AffectedHardwareStations" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-AffectedTasks" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - </div> - </td> - <td - class="notfixed-column-td-JiraURL" - > - <div - style="box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;" - > - - <a - rel="noreferrer" - target="_blank" - /> - - </div> - </td> - </tr> - </tbody> - </table> - </div> - <div /> - <div - class="pagination p-grid" - > - <div - class="total_records_bottom_label" - > - <label> - Filtered 3 from 3 - </label> + <div draggable=\\"false\\" role=\\"separator\\" style=\\"cursor: col-resize;\\" class=\\"resizer \\"></div> + </th> + </tr> + </thead> + <tbody role=\\"rowgroup\\"> + <tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1080px;\\" data-testid=\\"tablerow\\" class=\\"\\"> + <td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/systemevent/view/undefined\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td> + <td class=\\"notfixed-column-td-SystemEventId\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-Created\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-Name\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-Description\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-StartTime\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\">XXXX-XX-XX XXXX:XX:XX</div> + </td> + <td class=\\"notfixed-column-td-EndTime\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\">XXXX-XX-XX XXXX:XX:XX</div> + </td> + <td class=\\"notfixed-column-td-Duration\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Unknown </div> + </td> + <td class=\\"notfixed-column-td-IssueType\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-IssueSubtype\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-Severity\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-CreatedBy\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-Notes\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-Status\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-AffectedHardwareStations\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-AffectedTasks\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-JiraURL\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <a target=\\"_blank\\" rel=\\"noreferrer\\"></a> </div> + </td> + </tr> + <tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1080px;\\" data-testid=\\"tablerow\\" class=\\"\\"> + <td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/systemevent/view/undefined\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td> + <td class=\\"notfixed-column-td-SystemEventId\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-Created\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-Name\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-Description\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-StartTime\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\">XXXX-XX-XX XXXX:XX:XX</div> + </td> + <td class=\\"notfixed-column-td-EndTime\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\">XXXX-XX-XX XXXX:XX:XX</div> + </td> + <td class=\\"notfixed-column-td-Duration\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Unknown </div> + </td> + <td class=\\"notfixed-column-td-IssueType\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-IssueSubtype\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-Severity\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-CreatedBy\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-Notes\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-Status\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-AffectedHardwareStations\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-AffectedTasks\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-JiraURL\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <a target=\\"_blank\\" rel=\\"noreferrer\\"></a> </div> + </td> + </tr> + <tr role=\\"row\\" style=\\"display: flex; flex: 1 0 auto; min-width: 1080px;\\" data-testid=\\"tablerow\\" class=\\"\\"> + <td class=\\"fixed-column-td\\"><a target=\\"\\" class=\\"p-link\\" href=\\"/systemevent/view/undefined\\"><i class=\\"fa fa-eye\\" style=\\"cursor: pointer;\\"></i></a></td> + <td class=\\"notfixed-column-td-SystemEventId\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-Created\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-Name\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-Description\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-StartTime\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\">XXXX-XX-XX XXXX:XX:XX</div> + </td> + <td class=\\"notfixed-column-td-EndTime\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\">XXXX-XX-XX XXXX:XX:XX</div> + </td> + <td class=\\"notfixed-column-td-Duration\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> Unknown </div> + </td> + <td class=\\"notfixed-column-td-IssueType\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-IssueSubtype\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-Severity\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-CreatedBy\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-Notes\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-Status\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-AffectedHardwareStations\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-AffectedTasks\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> </div> + </td> + <td class=\\"notfixed-column-td-JiraURL\\"> + <div style=\\"box-sizing: border-box; flex: 150 0 auto; min-width: 60px; width: 150px;\\"> <a target=\\"_blank\\" rel=\\"noreferrer\\"></a> </div> + </td> + </tr> + </tbody> + </table> </div> - <div> - <div - class="p-paginator p-component" - data-pc-name="paginator" - data-pc-section="root" - > - <button - aria-label="First Page" - class="p-paginator-first p-paginator-element p-link p-disabled" - data-pc-section="firstpagebutton" - disabled="" - type="button" - > - <svg - aria-hidden="true" - class="p-icon p-paginator-icon" - data-pc-section="firstpageicon" - fill="none" - height="14" - viewBox="0 0 14 14" - width="14" - xmlns="http://www.w3.org/2000/svg" - > - <path - clip-rule="evenodd" - d="M5.71602 11.164C5.80782 11.2021 5.9063 11.2215 6.00569 11.221C6.20216 11.2301 6.39427 11.1612 6.54025 11.0294C6.68191 10.8875 6.76148 10.6953 6.76148 10.4948C6.76148 10.2943 6.68191 10.1021 6.54025 9.96024L3.51441 6.9344L6.54025 3.90855C6.624 3.76126 6.65587 3.59011 6.63076 3.42254C6.60564 3.25498 6.525 3.10069 6.40175 2.98442C6.2785 2.86815 6.11978 2.79662 5.95104 2.7813C5.78229 2.76598 5.61329 2.80776 5.47112 2.89994L1.97123 6.39983C1.82957 6.54167 1.75 6.73393 1.75 6.9344C1.75 7.13486 1.82957 7.32712 1.97123 7.46896L5.47112 10.9991C5.54096 11.0698 5.62422 11.1259 5.71602 11.164ZM11.0488 10.9689C11.1775 11.1156 11.3585 11.2061 11.5531 11.221C11.7477 11.2061 11.9288 11.1156 12.0574 10.9689C12.1815 10.8302 12.25 10.6506 12.25 10.4645C12.25 10.2785 12.1815 10.0989 12.0574 9.96024L9.03158 6.93439L12.0574 3.90855C12.1248 3.76739 12.1468 3.60881 12.1204 3.45463C12.0939 3.30045 12.0203 3.15826 11.9097 3.04765C11.7991 2.93703 11.6569 2.86343 11.5027 2.83698C11.3486 2.81053 11.19 2.83252 11.0488 2.89994L7.51865 6.36957C7.37699 6.51141 7.29742 6.70367 7.29742 6.90414C7.29742 7.1046 7.37699 7.29686 7.51865 7.4387L11.0488 10.9689Z" - fill="currentColor" - fill-rule="evenodd" - /> - </svg> - </button> - <button - aria-label="Previous Page" - class="p-paginator-prev p-paginator-element p-link p-disabled" - data-pc-section="prevpagebutton" - disabled="" - type="button" - > - <svg - aria-hidden="true" - class="p-icon p-paginator-icon" - data-pc-section="prevpageicon" - fill="none" - height="14" - viewBox="0 0 14 14" - width="14" - xmlns="http://www.w3.org/2000/svg" - > - <path - d="M8.75 11.185C8.65146 11.1854 8.55381 11.1662 8.4628 11.1284C8.37179 11.0906 8.28924 11.0351 8.22 10.965L4.72 7.46496C4.57955 7.32433 4.50066 7.13371 4.50066 6.93496C4.50066 6.73621 4.57955 6.54558 4.72 6.40496L8.22 2.93496C8.36095 2.84357 8.52851 2.80215 8.69582 2.81733C8.86312 2.83252 9.02048 2.90344 9.14268 3.01872C9.26487 3.134 9.34483 3.28696 9.36973 3.4531C9.39463 3.61924 9.36303 3.78892 9.28 3.93496L6.28 6.93496L9.28 9.93496C9.42045 10.0756 9.49934 10.2662 9.49934 10.465C9.49934 10.6637 9.42045 10.8543 9.28 10.995C9.13526 11.1257 8.9448 11.1939 8.75 11.185Z" - fill="currentColor" - /> - </svg> - </button> - <span - class="p-paginator-pages" - data-pc-section="pages" - > - <button - aria-label="Page" - class="p-paginator-page p-paginator-element p-link p-paginator-page-start p-paginator-page-end p-highlight" - data-pc-section="pagebutton" - type="button" - > - 1 - </button> - </span> - <button - aria-label="Next Page" - class="p-paginator-next p-paginator-element p-link p-disabled" - data-pc-section="nextpagebutton" - disabled="" - type="button" - > - <svg - aria-hidden="true" - class="p-icon p-paginator-icon" - data-pc-section="nextpageicon" - fill="none" - height="14" - viewBox="0 0 14 14" - width="14" - xmlns="http://www.w3.org/2000/svg" - > - <path - d="M5.25 11.1728C5.14929 11.1694 5.05033 11.1455 4.9592 11.1025C4.86806 11.0595 4.78666 10.9984 4.72 10.9228C4.57955 10.7822 4.50066 10.5916 4.50066 10.3928C4.50066 10.1941 4.57955 10.0035 4.72 9.86283L7.72 6.86283L4.72 3.86283C4.66067 3.71882 4.64765 3.55991 4.68275 3.40816C4.71785 3.25642 4.79932 3.11936 4.91585 3.01602C5.03238 2.91268 5.17819 2.84819 5.33305 2.83149C5.4879 2.81479 5.64411 2.84671 5.78 2.92283L9.28 6.42283C9.42045 6.56346 9.49934 6.75408 9.49934 6.95283C9.49934 7.15158 9.42045 7.34221 9.28 7.48283L5.78 10.9228C5.71333 10.9984 5.63193 11.0595 5.5408 11.1025C5.44966 11.1455 5.35071 11.1694 5.25 11.1728Z" - fill="currentColor" - /> - </svg> - </button> - <button - aria-label="Last Page" - class="p-paginator-last p-paginator-element p-link p-disabled" - data-pc-section="lastpagebutton" - disabled="" - type="button" - > - <svg - aria-hidden="true" - class="p-icon p-paginator-icon" - data-pc-section="lastpageicon" - fill="none" - height="14" - viewBox="0 0 14 14" - width="14" - xmlns="http://www.w3.org/2000/svg" - > - <path - clip-rule="evenodd" - d="M7.68757 11.1451C7.7791 11.1831 7.8773 11.2024 7.9764 11.2019C8.07769 11.1985 8.17721 11.1745 8.26886 11.1312C8.36052 11.088 8.44238 11.0265 8.50943 10.9505L12.0294 7.49085C12.1707 7.34942 12.25 7.15771 12.25 6.95782C12.25 6.75794 12.1707 6.56622 12.0294 6.42479L8.50943 2.90479C8.37014 2.82159 8.20774 2.78551 8.04633 2.80192C7.88491 2.81833 7.73309 2.88635 7.6134 2.99588C7.4937 3.10541 7.41252 3.25061 7.38189 3.40994C7.35126 3.56927 7.37282 3.73423 7.44337 3.88033L10.4605 6.89748L7.44337 9.91463C7.30212 10.0561 7.22278 10.2478 7.22278 10.4477C7.22278 10.6475 7.30212 10.8393 7.44337 10.9807C7.51301 11.0512 7.59603 11.1071 7.68757 11.1451ZM1.94207 10.9505C2.07037 11.0968 2.25089 11.1871 2.44493 11.2019C2.63898 11.1871 2.81949 11.0968 2.94779 10.9505L6.46779 7.49085C6.60905 7.34942 6.68839 7.15771 6.68839 6.95782C6.68839 6.75793 6.60905 6.56622 6.46779 6.42479L2.94779 2.90479C2.80704 2.83757 2.6489 2.81563 2.49517 2.84201C2.34143 2.86839 2.19965 2.94178 2.08936 3.05207C1.97906 3.16237 1.90567 3.30415 1.8793 3.45788C1.85292 3.61162 1.87485 3.76975 1.94207 3.9105L4.95922 6.92765L1.94207 9.9448C1.81838 10.0831 1.75 10.2621 1.75 10.4477C1.75 10.6332 1.81838 10.8122 1.94207 10.9505Z" - fill="currentColor" - fill-rule="evenodd" - /> - </svg> - </button> - <div - class="p-dropdown p-component p-inputwrapper p-inputwrapper-filled" - data-pc-name="dropdown" - data-pc-section="root" - > - <div - class="p-hidden-accessible" - data-pc-section="hiddenselectedmessage" - > - <input - aria-haspopup="listbox" - aria-label="Choose" - data-pc-section="input" - readonly="" - type="text" - /> - </div> - <div - class="p-hidden-accessible p-dropdown-hidden-select" - data-pc-section="hiddenselectedmessage" - > - <select - aria-hidden="true" - data-pc-section="select" - tabindex="-1" - > - <option - data-pc-section="option" - selected="" - value="10" - > - 10 - </option> - </select> - </div> - <span - class="p-dropdown-label p-inputtext" - data-pc-section="input" - > - 10 - </span> - <div - aria-expanded="false" - aria-haspopup="listbox" - aria-label="Choose" - class="p-dropdown-trigger" - data-pc-section="trigger" - role="button" - > - <svg - aria-hidden="true" - class="p-icon p-dropdown-trigger-icon p-clickable" - data-pc-section="dropdownicon" - fill="none" - height="14" - viewBox="0 0 14 14" - width="14" - xmlns="http://www.w3.org/2000/svg" - > - <path - d="M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z" - fill="currentColor" - /> - </svg> + <div></div> + <div class=\\"pagination p-grid\\"> + <div class=\\"total_records_bottom_label\\"><label>Filtered 3 from 3</label></div> + <div> + <div class=\\"p-paginator p-component\\" data-pc-name=\\"paginator\\" data-pc-section=\\"root\\"><button type=\\"button\\" class=\\"p-paginator-first p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"First Page\\" data-pc-section=\\"firstpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"firstpageicon\\"> + <path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M5.71602 11.164C5.80782 11.2021 5.9063 11.2215 6.00569 11.221C6.20216 11.2301 6.39427 11.1612 6.54025 11.0294C6.68191 10.8875 6.76148 10.6953 6.76148 10.4948C6.76148 10.2943 6.68191 10.1021 6.54025 9.96024L3.51441 6.9344L6.54025 3.90855C6.624 3.76126 6.65587 3.59011 6.63076 3.42254C6.60564 3.25498 6.525 3.10069 6.40175 2.98442C6.2785 2.86815 6.11978 2.79662 5.95104 2.7813C5.78229 2.76598 5.61329 2.80776 5.47112 2.89994L1.97123 6.39983C1.82957 6.54167 1.75 6.73393 1.75 6.9344C1.75 7.13486 1.82957 7.32712 1.97123 7.46896L5.47112 10.9991C5.54096 11.0698 5.62422 11.1259 5.71602 11.164ZM11.0488 10.9689C11.1775 11.1156 11.3585 11.2061 11.5531 11.221C11.7477 11.2061 11.9288 11.1156 12.0574 10.9689C12.1815 10.8302 12.25 10.6506 12.25 10.4645C12.25 10.2785 12.1815 10.0989 12.0574 9.96024L9.03158 6.93439L12.0574 3.90855C12.1248 3.76739 12.1468 3.60881 12.1204 3.45463C12.0939 3.30045 12.0203 3.15826 11.9097 3.04765C11.7991 2.93703 11.6569 2.86343 11.5027 2.83698C11.3486 2.81053 11.19 2.83252 11.0488 2.89994L7.51865 6.36957C7.37699 6.51141 7.29742 6.70367 7.29742 6.90414C7.29742 7.1046 7.37699 7.29686 7.51865 7.4387L11.0488 10.9689Z\\" fill=\\"currentColor\\"></path> + </svg></button><button type=\\"button\\" class=\\"p-paginator-prev p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"Previous Page\\" data-pc-section=\\"prevpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"prevpageicon\\"> + <path d=\\"M8.75 11.185C8.65146 11.1854 8.55381 11.1662 8.4628 11.1284C8.37179 11.0906 8.28924 11.0351 8.22 10.965L4.72 7.46496C4.57955 7.32433 4.50066 7.13371 4.50066 6.93496C4.50066 6.73621 4.57955 6.54558 4.72 6.40496L8.22 2.93496C8.36095 2.84357 8.52851 2.80215 8.69582 2.81733C8.86312 2.83252 9.02048 2.90344 9.14268 3.01872C9.26487 3.134 9.34483 3.28696 9.36973 3.4531C9.39463 3.61924 9.36303 3.78892 9.28 3.93496L6.28 6.93496L9.28 9.93496C9.42045 10.0756 9.49934 10.2662 9.49934 10.465C9.49934 10.6637 9.42045 10.8543 9.28 10.995C9.13526 11.1257 8.9448 11.1939 8.75 11.185Z\\" fill=\\"currentColor\\"></path> + </svg></button><span class=\\"p-paginator-pages\\" data-pc-section=\\"pages\\"><button type=\\"button\\" class=\\"p-paginator-page p-paginator-element p-link p-paginator-page-start p-paginator-page-end p-highlight\\" aria-label=\\"Page\\" data-pc-section=\\"pagebutton\\">1</button></span><button type=\\"button\\" class=\\"p-paginator-next p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"Next Page\\" data-pc-section=\\"nextpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"nextpageicon\\"> + <path d=\\"M5.25 11.1728C5.14929 11.1694 5.05033 11.1455 4.9592 11.1025C4.86806 11.0595 4.78666 10.9984 4.72 10.9228C4.57955 10.7822 4.50066 10.5916 4.50066 10.3928C4.50066 10.1941 4.57955 10.0035 4.72 9.86283L7.72 6.86283L4.72 3.86283C4.66067 3.71882 4.64765 3.55991 4.68275 3.40816C4.71785 3.25642 4.79932 3.11936 4.91585 3.01602C5.03238 2.91268 5.17819 2.84819 5.33305 2.83149C5.4879 2.81479 5.64411 2.84671 5.78 2.92283L9.28 6.42283C9.42045 6.56346 9.49934 6.75408 9.49934 6.95283C9.49934 7.15158 9.42045 7.34221 9.28 7.48283L5.78 10.9228C5.71333 10.9984 5.63193 11.0595 5.5408 11.1025C5.44966 11.1455 5.35071 11.1694 5.25 11.1728Z\\" fill=\\"currentColor\\"></path> + </svg></button><button type=\\"button\\" class=\\"p-paginator-last p-paginator-element p-link p-disabled\\" disabled=\\"\\" aria-label=\\"Last Page\\" data-pc-section=\\"lastpagebutton\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-paginator-icon\\" aria-hidden=\\"true\\" data-pc-section=\\"lastpageicon\\"> + <path fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\" d=\\"M7.68757 11.1451C7.7791 11.1831 7.8773 11.2024 7.9764 11.2019C8.07769 11.1985 8.17721 11.1745 8.26886 11.1312C8.36052 11.088 8.44238 11.0265 8.50943 10.9505L12.0294 7.49085C12.1707 7.34942 12.25 7.15771 12.25 6.95782C12.25 6.75794 12.1707 6.56622 12.0294 6.42479L8.50943 2.90479C8.37014 2.82159 8.20774 2.78551 8.04633 2.80192C7.88491 2.81833 7.73309 2.88635 7.6134 2.99588C7.4937 3.10541 7.41252 3.25061 7.38189 3.40994C7.35126 3.56927 7.37282 3.73423 7.44337 3.88033L10.4605 6.89748L7.44337 9.91463C7.30212 10.0561 7.22278 10.2478 7.22278 10.4477C7.22278 10.6475 7.30212 10.8393 7.44337 10.9807C7.51301 11.0512 7.59603 11.1071 7.68757 11.1451ZM1.94207 10.9505C2.07037 11.0968 2.25089 11.1871 2.44493 11.2019C2.63898 11.1871 2.81949 11.0968 2.94779 10.9505L6.46779 7.49085C6.60905 7.34942 6.68839 7.15771 6.68839 6.95782C6.68839 6.75793 6.60905 6.56622 6.46779 6.42479L2.94779 2.90479C2.80704 2.83757 2.6489 2.81563 2.49517 2.84201C2.34143 2.86839 2.19965 2.94178 2.08936 3.05207C1.97906 3.16237 1.90567 3.30415 1.8793 3.45788C1.85292 3.61162 1.87485 3.76975 1.94207 3.9105L4.95922 6.92765L1.94207 9.9448C1.81838 10.0831 1.75 10.2621 1.75 10.4477C1.75 10.6332 1.81838 10.8122 1.94207 10.9505Z\\" fill=\\"currentColor\\"></path> + </svg></button> + <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\"> + <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" aria-label=\\"Choose\\" data-pc-section=\\"input\\"></div> + <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\"> + <option value=\\"10\\" data-pc-section=\\"option\\" selected=\\"\\">10</option> + </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">10</span> + <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" aria-label=\\"Choose\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\"> + <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path> + </svg></div> </div> </div> </div> - </div> - <div - class="custom-page" - > - <span - class="p-inputnumber p-component p-inputwrapper" - data-pc-name="inputnumber" - data-pc-section="root" - id="customPageBottom" - style="width: 100px;" - > - <input - aria-valuemin="0" - class="p-inputtext p-component p-inputnumber-input p-inputnumber-input" - data-pc-name="inputtext" - data-pc-section="root" - inputmode="numeric" - min="0" - role="spinbutton" - type="text" - value="" - /> - </span> - <label> - Records/Page - </label> - <button - class="p-button p-component" - data-pc-name="button" - data-pc-section="root" - > - Show - </button> - <button - class="p-button p-component" - data-pc-name="button" - data-pc-section="root" - style="margin-left: 1em;" - > - Show All - </button> + <div class=\\"custom-page\\"><span id=\\"customPageBottom\\" class=\\"p-inputnumber p-component p-inputwrapper\\" style=\\"width: 100px;\\" data-pc-name=\\"inputnumber\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputnumber-input p-inputnumber-input\\" role=\\"spinbutton\\" type=\\"text\\" inputmode=\\"numeric\\" min=\\"0\\" aria-valuemin=\\"0\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\" value=\\"\\"></span><label>Records/Page</label><button class=\\"p-button p-component\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"> Show </button><button class=\\"p-button p-component\\" style=\\"margin-left: 1em;\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"> Show All </button></div> </div> </div> </div> -</DocumentFragment> +</body> + +</html> +" `; diff --git a/SAS/TMSS/frontend/tmss_webapp/src/tests/report.project.test.js b/SAS/TMSS/frontend/tmss_webapp/src/tests/report.project.test.js index a71c43a3d78..f60b66ab098 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/tests/report.project.test.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/tests/report.project.test.js @@ -88,12 +88,24 @@ describe('Project Report Render With Contents', () => { const csvanchorElement = component.container.querySelector('[title="Download Report Data in CSV format"]'); act( () => { fireEvent.click(csvanchorElement);}); + + + + + await waitFor(() => { + expect(component.container.querySelector('.p-autocomplete-loader')).toBeNull(); + }, { timeout: 5000 }); const componentSnapshotAfterCsv = component.asFragment(); expect(componentSnapshotAfterCsv).toMatchSnapshot("After CSV Generation"); cinstance.clearAll(); + + await waitFor(() => { + expect(component.container.querySelector('.p-autocomplete-loader')).toBeNull(); + }, { timeout: 5000 }); + const componentSnapshotAfterClear = component.asFragment(); expect(componentSnapshotAfterClear).toMatchSnapshot("After Clear ALl"); diff --git a/SAS/TMSS/frontend/tmss_webapp/src/tests/systemevent.list.test.js b/SAS/TMSS/frontend/tmss_webapp/src/tests/systemevent.list.test.js index 612ba0edd51..bfdb6a77853 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/tests/systemevent.list.test.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/tests/systemevent.list.test.js @@ -18,6 +18,7 @@ import { MemoryRouter } from "react-router-dom"; import PermissionStackUtil from "../authenticate/permission.stack.handler"; import { SystemEventList } from "../routes/SystemEvent/system.event.list"; +import { giveConsistentNodes } from "../utils/test.helper"; @@ -50,8 +51,7 @@ describe('Systen Event List ', () => { it('System Event Renders correctly with data', async () => { let { component } = await Renderist(); - const componentSnapshot = component.asFragment(); - expect(componentSnapshot).toMatchSnapshot(); + expect(giveConsistentNodes(component.container.outerHTML)).toMatchSnapshot(); component.unmount(); }); diff --git a/SAS/TMSS/frontend/tmss_webapp/src/utils/test.helper.js b/SAS/TMSS/frontend/tmss_webapp/src/utils/test.helper.js index 11012609178..003f1dd7b95 100644 --- a/SAS/TMSS/frontend/tmss_webapp/src/utils/test.helper.js +++ b/SAS/TMSS/frontend/tmss_webapp/src/utils/test.helper.js @@ -56,6 +56,9 @@ export function giveConsistentNodes(html) { const htmlwithcheerio =load(html, { xmlMode: false }); htmlwithcheerio('[data-rbd-drag-handle-context-id]').attr('rbd-drag-handle-context-id', 'X'); htmlwithcheerio('[datetime]').attr('datetime', 'X'); + htmlwithcheerio('.notfixed-column-td-StartTime div').text('XXXX-XX-XX XXXX:XX:XX'); + htmlwithcheerio('.notfixed-column-td-EndTime div').text('XXXX-XX-XX XXXX:XX:XX'); + let result = htmlwithcheerio.html() const formattedHtml = beautify.html(result, { indent_size: 2, -- GitLab