JSFiddle - React, Tailwind, and code Playground

by jimkennelly

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>001_TAT_DELAY_TIME</title>
    <META http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <META http-equiv="Content-Style-Type" content="text/css" />
    <META http-equiv="Content-Script-Type" content="text/javascript" />
    <META HTTP-EQUIV="Location" CONTENT="http://eafreporting/ReportServer?%2FEAF%2F001_TAT_DELAY_TIME" />
    <META HTTP-EQUIV="Uri" CONTENT="http://eafreporting/ReportServer?%2FEAF%2F001_TAT_DELAY_TIME" />
    <META HTTP-EQUIV="Last-Modified" CONTENT="03/25/2021 21:40:07">
    <META NAME="START_TIME" CONTENT="3/24/2021 4:40:07 PM">
    <META NAME="START_HEAT" CONTENT="NONE">
    <META NAME="END_TIME" CONTENT="3/25/2021 4:40:07 PM">
    <META NAME="END_HEAT" CONTENT="NONE">
    <META NAME="Generator" CONTENT="Microsoft Report 8.0 " />
    <META NAME="Originator" CONTENT="Microsoft Report 8.0 " />
    <style type="text/css">
        .ap {
            background-color: Transparent;
            border: 1pt none Black;
        }

        .a15xB {
            border: 1pt none Black;
            background-color: Transparent;
        }

        .a13 {
            border: 2pt solid Black;
            background-color: White;
        }

        .r1 {
            HEIGHT: 100%;
            WIDTH: 100%
        }

        .r2 {
            HEIGHT: 100%;
            WIDTH: 100%;
            overflow: hidden
        }

        .r3 {
            HEIGHT: 100%
        }

        .r4 {
            border-style: none
        }

        .r5 {
            border-left-style: none
        }

        .r6 {
            border-right-style: none
        }

        .r7 {
            border-top-style: none
        }

        .r8 {
            border-bottom-style: none
        }

        .r10 {
            border-collapse: collapse
        }

        .r9 {
            border-collapse: collapse;
            table-layout: fixed
        }

        .r11 {
            WIDTH:...

JavaScript

//<![CDATA[


function Microsoft_ReportingServices_HTMLRenderer_CalculateZoom(n){var i=1,r,t;return n&&(r=document.getElementById(n),r&&(t=r.style.zoom,i=t&&t.substring(t.length-1)=="%"?t.substring(0,t.length-1)/100:t,i&&i!=0||(i=1))),i}function Microsoft_ReportingServices_HTMLRenderer_CalculateOffset(n,t){for(var i=t,r=0,u=0,f;i&&(!n||i.id!=n.id);)for(r+=i.offsetTop,u+=i.offsetLeft,f=i.offsetParent;i!=f&&(!n||i.id!=n.id);)i=i.parentNode;return{top:r,left:u}}function Microsoft_ReportingServices_HTMLRenderer_IsStandardsMode(){return document.compatMode&&document.compatMode!="BackCompat"}function Microsoft_ReportingServices_HTMLRenderer_IsIE(){return document.all?!0:!1}function Microsoft_ReportingServices_HTMLRenderer_IsIE8OrLater(){return Microsoft_ReportingServices_HTMLRenderer_IsIE()&&document.documentMode&&document.documentMode>=8?!0:!1}function Microsoft_ReportingServices_HTMLRenderer_ConvertToPx(n){var i=n.toString(),t=parseFloat(i),u,r;if(isNaN(t)&&(t=0),i.length>=2&&t>0){t=parseFloat(i.substring(0,i.length-2)),u=i.substring(i.length-2,i.length),r=Microsoft_ReportingServices_HTMLRenderer_PxPerInch();switch(u){case"mm":t=t*r/25.4;break;case"pt":t=t*r/72;break;case"in":t=t*r;break;case"cm":t=t*r/2.54;break;case"px":t=t;break;default:t=parseFloat(i)}}return t}function Microsoft_ReportingServices_HTMLRenderer_PxPerInch(){var n=document.createElement("div"),t;return n.id="fakeDPIDiv",n.style.cssText="width:72pt; height:0pt; display:hidden; position:absolute; z-index:-1; font-size: 0pt; top:0px; left:0px",document.body.appendChild(n),t=n.style.pixelWidth,t||(t=n.offsetWidth),document.body.removeChild(n),dpi=t}function Microsoft_ReportingServices_HTMLRenderer_GetStyle(n,t){var i=null,r;return n.currentStyle?i=n.currentStyle[t]:(r=window.getComputedStyle(n,null),i=r[t]),i}function Microsoft_ReportingServices_HTMLRenderer_GetFirstChildElementNode(n){for(var r=null,u=n.childNodes,i,t=0;t<u.length;t++)if(i=u[t],i.nodeType==1){r=i;break}return r}function...