Number of Biospecimen Timepoints',\r\n },\r\n align: 'center',\r\n verticalAlign: 'top',\r\n },\r\n plotOptions: {\r\n series: {\r\n stacking: 'normal'\r\n },\r\n bar: {\r\n pointPadding: 0.2,\r\n borderWidth: 0,\r\n dataLabels: { enabled: false },\r\n }\r\n },\r\n series: [\r\n {\r\n name: '7',\r\n data: [4, 9, 2, 2, 1, 8, 9],\r\n legendColor: this.colorArray[5],\r\n color: this.colorArray[5]\r\n },\r\n {\r\n name: '6',\r\n data: [4, 9, 2, 2, 1, 8, 9],\r\n legendColor: this.colorArray[4],\r\n color: this.colorArray[4]\r\n },\r\n {\r\n name: '5',\r\n data: [4, 9, 2, 2, 1, 8, 9],\r\n legendColor: this.colorArray[3],\r\n color: this.colorArray[3]\r\n },\r\n {\r\n name: '4',\r\n data: [4, 9, 2, 2, 1, 8, 9],\r\n legendColor: this.colorArray[2],\r\n color: this.colorArray[2]\r\n },\r\n {\r\n name: '3',\r\n data: [1, 6, 2, 11, 6, 2, 1],\r\n legendColor: this.colorArray[1],\r\n color: this.colorArray[1]\r\n },\r\n {\r\n name: '2',\r\n data: [18, 2, 7, 1, 4, 2, 6],\r\n legendColor: this.colorArray[0],\r\n color: this.colorArray[0]\r\n },\r\n {\r\n name: '1',\r\n data: [8, 5, 3, 9, 2, 5, 8,],\r\n legendColor: this.colorBaseline,\r\n color: this.colorBaseline\r\n }]\r\n });\r\n }\r\n\r\n initializeSampleTypeByVisitChart(chartId: string, label: string): any {\r\n\r\n let chart: any = Highcharts.chart(chartId, {\r\n chart: {\r\n type: 'bar',\r\n styledMode: true,\r\n },\r\n credits: { enabled: false },\r\n title: { text: null },\r\n xAxis: {\r\n type: 'category',\r\n categories: BiorepositoryLookup.SAMPLE_TYPES,\r\n title: { text: 'Biospecimen Types' },\r\n min: 0,\r\n max: BiorepositoryLookup.SAMPLE_TYPES.length - 1,\r\n tickInterval: 1,\r\n tickLength: 0,\r\n },\r\n yAxis: {\r\n min: 0,\r\n endOnTick: false, // helps with cropping data labels\r\n maxPadding: 0.2, // larger value has more space for data labels (default is 0.05)\r\n reversedStacks: false,\r\n title: { text: label + ' Count' },\r\n labels: {\r\n formatter: function () {\r\n return Highcharts.numberFormat(this.value, 0, '.', ',');\r\n }\r\n },\r\n stackLabels: {\r\n enabled: true,\r\n formatter: function () {\r\n return Highcharts.numberFormat(this.total, 0, '.', ',');\r\n },\r\n inside: false, //label issues\r\n //crop: false,\r\n //overflow: 'none'\r\n }\r\n },\r\n legend: {\r\n enabled: false,\r\n reversed: false,\r\n title: {\r\n text: '
Visits',\r\n },\r\n align: 'center',\r\n verticalAlign: 'bottom',\r\n },\r\n plotOptions: {\r\n series: {\r\n stacking: 'normal'\r\n },\r\n bar: {\r\n pointPadding: 0.2,\r\n borderWidth: 0,\r\n dataLabels: { enabled: false },\r\n },\r\n },\r\n series: [\r\n {\r\n name: 'Baseline',\r\n data: [8, 5, 3, 9, 2, 5, 8,],\r\n legendColor: this.colorBaseline\r\n //legendColor: '#1E7394'\r\n },\r\n {\r\n name: 'Day 1',\r\n data: [18, 2, 7, 1, 4, 2, 6],\r\n legendColor: this.colorArray[0]\r\n //legendColor: '#152850'\r\n },\r\n {\r\n name: 'Day 3',\r\n data: [1, 6, 2, 11, 6, 2, 1],\r\n legendColor: this.colorArray[1]\r\n //legendColor: '#F4B942'\r\n },\r\n {\r\n name: 'Day 7/8',\r\n data: [4, 9, 2, 2, 1, 8, 9],\r\n legendColor: this.colorArray[2]\r\n //legendColor: '#AEDCC0'\r\n },\r\n {\r\n name: 'Day 14/15',\r\n data: [16, 9, 1, 6, 6, 2, 1],\r\n legendColor: this.colorArray[3]\r\n //legendColor: '#A6979C'\r\n },\r\n {\r\n name: 'Day 29/31',\r\n data: [16, 9, 1, 6, 6, 2, 1],\r\n legendColor: this.colorArray[4]\r\n //legendColor: '#A6979C'\r\n }, \r\n {\r\n name: 'Unscheduled',\r\n data: [11, 18, 9, 8, 4, 9, 2],\r\n legendColor: this.colorArray[5]\r\n //legendColor: '#DE4947'\r\n }\r\n ]\r\n });\r\n return chart;\r\n }\r\n\r\n clickedSampleTypeByVisitChartLegend(index: number): void {\r\n\r\n if (this.samplesByVisitChart.series[index].visible) {\r\n this.samplesByVisitChart.series[index].hide();\r\n this.aliquotsByVisitChart.series[index].hide();\r\n $('.item' + index).addClass('inactive');\r\n }\r\n else {\r\n this.samplesByVisitChart.series[index].show();\r\n this.aliquotsByVisitChart.series[index].show();\r\n $('.item' + index).removeClass('inactive');\r\n }\r\n }\r\n\r\n resetFilters(): void {\r\n //$('#includeMissingAgeCheckbox').is(\":checked\")\r\n\r\n ['#study-dropdown', '#study-type-dropdown', '#specimen-status-dropdown', '#sex-dropdown', '#race-dropdown', '#ethnicity-dropdown', '#age-dropdown'].forEach((dropdownId: string) => {\r\n $(dropdownId).selectpicker('selectAll');\r\n $(dropdownId).selectpicker('refresh');\r\n });\r\n\r\n /*this.ageSlider.slider(\"option\", \"values\", this.minMaxAge);\r\n this.ageSlider.slider(\"refresh\");\r\n\r\n $('#age-values').text(this.minMaxAge[0] + ' to ' + this.minMaxAge[1]);\r\n this.ageRange[0] = this.minMaxAge[0];\r\n this.ageRange[1] = this.minMaxAge[1];\r\n\r\n $('#includeMissingAgeCheckbox').prop(\"checked\", true);*/\r\n\r\n this.updateDisplay();\r\n }\r\n}\r\n","import { SampleRow } from './sample-request.entities';\r\nimport { RequestValidation } from \"./sample-request.validation\";\r\nimport { SampleRequestStudy } from './sample-request.entities';\r\n\r\nexport class RequestSamples {\r\n requestValidation: RequestValidation;\r\n sampleRows: SampleRow[];\r\n ACTIV1: SampleRequestStudy;\r\n ACTIV4a: SampleRequestStudy;\r\n ACTIV4c: SampleRequestStudy;\r\n ACTIV4HostTissue: SampleRequestStudy;\r\n\r\n constructor() {\r\n this.requestValidation = new RequestValidation();\r\n this.sampleRows = [];\r\n this.ACTIV1 = {\r\n Name: \"ACTIV1 Immune Modulators\",\r\n SampleType: [\"EDTA Plasma\", \"PAXgene\", \"Serum\"],\r\n Timepoint: [\"Baseline\", \"Day 3\", \"Day 8\", \"Day 15\", \"Day 29\", \"Unscheduled Visits\"],\r\n TreatmentArm: [\"Abatacept and Remdesivir\", \"Cenicriviroc and Remdesivir\", \"Infliximab and Remdesivir\", \"Placebo and Remdesivir\"]\r\n }\r\n\r\n this.ACTIV4a = {\r\n Name: \"ACTIV4a Inpatient\",\r\n SampleType: [\"Citrated Plasma\", \"EDTA Plasma\", \"P100\", \"Packed Cells\", \"PAXgene\",\"Serum\"],\r\n Timepoint: [\"Baseline\", \"Day 3\", \"Day 7\", \"Day 14\"],\r\n TreatmentArm: [\"Crizanlizumab + SGLT2i Inhibitor + SOC\", \"Crizanlizumab + SOC\", \"Prophylactic Heparin\", \"Prophylactic Heparin + No P2Y12 Inhibitor (Arm B)\", \"Prophylactic Heparin + P2Y12 Inhibitor (Arm C)\", \"P2Y12 Inhibitor + SGLT2i Inhibitor + SOC\", \"P2Y12 Inhibitor + SOC\", \"SGLT2i Inhibitor + SOC\", \"SOC\", \"Therapeutic Heparin\", \"Therapeutic Heparin + No P2Y12 Inhibitor (Arm A)\", \"Therapeutic Heparin + P2Y12 Inhibitor (Arm D)\", \"Withdrawal Prior to Treatment\"]\r\n }\r\n\r\n this.ACTIV4c = {\r\n Name: \"ACTIV4c Convalescent\",\r\n SampleType: [\"Citrated Plasma\", \"Dried Blood Spot\", \"EDTA Plasma\", \"P100\", \"Packed Cells\", \"PAXgene\", \"Serum\"],\r\n Timepoint: [\"Baseline\", \"Day 31\"],\r\n TreatmentArm: [\"Apixaban\", \"Placebo\", \"Withdrawal Prior to Treatment\"]\r\n }\r\n\r\n this.ACTIV4HostTissue = {\r\n Name: \"ACTIV4d Host Tissue\",\r\n SampleType: [\"Citrated Plasma\", \"EDTA Plasma\", \"Serum\"],\r\n Timepoint: [\"Baseline\", \"Day 1\", \"Day 3\", \"Day 14\"],\r\n TreatmentArm: [\"TRV027\", \"TXA127\", \"Placebo\", \"Withdrawal Prior to Treatment\"]\r\n }\r\n }\r\n\r\n populateSampleTable(formSampleData: any, savedQueries: any) {\r\n // Biospecimen Rows \"SampleQuery[]\" || length = 0\r\n if (formSampleData.length > 0 && formSampleData != null) {\r\n let sampleRowArr: SampleRow[] = [];\r\n\r\n formSampleData.forEach(sample => {\r\n // convert query ids to query names\r\n let queries = sample.queries.split(\", \").join().split(\",\");\r\n let queryNames = [];\r\n queries.forEach(queryIdString => {\r\n let queryId = parseInt(queryIdString);\r\n if (queryId != NaN) {\r\n let foundQuery = savedQueries.find(query => query.id == queryId);\r\n if (foundQuery != null) {\r\n queryNames.push(foundQuery.queryName);\r\n }\r\n }\r\n });\r\n\r\n\r\n let otherSpecsText = \"\";\r\n if (sample.otherSpecifications != null) {\r\n otherSpecsText = sample.otherSpecifications;\r\n }\r\n\r\n // define new sample row\r\n let newSampleRow: SampleRow = {\r\n Id: sample.id,\r\n Nickname: sample.sampleQueryName,\r\n Study: sample.study,\r\n SampleType: sample.sampleType,\r\n TreatmentArm: sample.treatmentArm,\r\n Quantity: sample.quantity,\r\n Unit: sample.unit,\r\n Volume: sample.volume,\r\n Timepoint: sample.timepoint.split(\", \").join(\",\"),\r\n Queries: queryNames.join(\",\"),\r\n OtherSpecifications: otherSpecsText\r\n };\r\n\r\n // add sample to array (chance that a sample row has no valid queries[deleted])\r\n //console.log(queryNames);\r\n if (queryNames.length > 0) {\r\n sampleRowArr.push(newSampleRow);\r\n }\r\n });\r\n\r\n // show data on page\r\n this.populateSamples(sampleRowArr);\r\n }\r\n }\r\n\r\n populateSamples(sampleRows: SampleRow[]) {\r\n if (sampleRows.length > 0) {\r\n $(\"#no-samples-text\").hide();\r\n\r\n sampleRows.forEach(sample => {\r\n this.sampleRows.push(sample);\r\n });\r\n\r\n this.createTable(this.sampleRows);\r\n }\r\n }\r\n\r\n saveSample() {\r\n // verify that all required fields are filled out correctly\r\n let timepointString = this.sampleTimepointConversion(); // validation checking for timepoint checkboxes\r\n let queryString = this.queryStringConversion(); // validation checking for quereies\r\n let isValid = this.requestValidation.validateForm()\r\n\r\n // if all required fields are validated\r\n if (isValid) {\r\n // create a new sample row object\r\n let newSampleRow: SampleRow = {\r\n Nickname: $(\"#sample-nickname\").val().toString(),\r\n Study: $(\"#sample-study\").val().toString(),\r\n SampleType: $(\"#sample-type\").val().toString(),\r\n TreatmentArm: $(\"#sample-treatment-arm\").val().toString(),\r\n Quantity: $(\"#sample-quantity\").val().toString(),\r\n Unit: $(\"#sample-units\").val().toString(),\r\n Volume: $(\"#sample-volume\").val().toString(),\r\n Timepoint: timepointString,\r\n Queries: queryString,\r\n OtherSpecifications: $(\"#sample-other-specifications\").val().toString()\r\n }\r\n\r\n // add it to the SampleRows array\r\n this.sampleRows.push(newSampleRow);\r\n\r\n // add item to table\r\n this.createTable(this.sampleRows);\r\n\r\n // clear field inputs\r\n let fields = $(\"input, textarea\").filter(\":visible\");\r\n fields.map(function () {\r\n $(this).val(\"\");\r\n })\r\n this.emptyDropdowns($(\"#sample-type\"), $(\"#sample-treatment-arm\"), $(\"#sample-timepoint-group\"));\r\n\r\n // reset query list\r\n $(\"#sample-queries\").children().show();\r\n\r\n // remove no-sample text if necessary\r\n $(\"#no-samples-text\").hide(\"slow\");\r\n\r\n // hide modal\r\n $(\"#new-sample-form\").modal(\"hide\");\r\n } \r\n }\r\n\r\n sampleTimepointConversion(): string {\r\n // find any checked timepoints\r\n let checkedTimepoints = $(\".timepoint-check:checked\").filter(\":visible\");\r\n\r\n // convert to string values\r\n let timepoints = [];\r\n checkedTimepoints.map(function () {\r\n // grab the text value for the label following the checkboxes\r\n timepoints.push($(this).next().text())\r\n })\r\n\r\n let timepointString = timepoints.join(\",\");\r\n\r\n if (timepointString == \"\") {\r\n // make sure there are not multiple error msgs\r\n $(\"#sample-timepoint-group:visible\")?.find(\".error-msg\").remove();\r\n $(\"#sample-timepoint-group:visible\")?.append(`\r\n
Please select at least one timepoint for this request.
\r\n `)\r\n\r\n $(\"#update-timepoint-group:visible\")?.find(\".error-msg\").remove();\r\n $(\"#update-timepoint-group:visible\")?.append(`\r\n
Please select at least one timepoint for this request.
\r\n `)\r\n }\r\n else {\r\n $(\"#sample-timepoint-group:visible\")?.find(\".error-msg\").remove();\r\n $(\"#update-timepoint-group:visible\")?.find(\".error-msg\").remove();\r\n }\r\n\r\n return timepointString;\r\n\r\n }\r\n\r\n queryStringConversion(): string {\r\n // get all listed queries in the box\r\n let queryElements = $(\".added-item:visible\");\r\n let queryElementsArr = [];\r\n queryElements.map(function () {\r\n queryElementsArr.push($(this).children().text());\r\n })\r\n let queryString = queryElementsArr.join(\",\");\r\n\r\n // if no query is selected\r\n if (queryElementsArr.length == 0) {\r\n $(\".multi-check:visible\")?.find(\".error-msg\").remove();\r\n $(\".multi-check:visible\")?.append(`\r\n
Please select at least query for this request.
\r\n `)\r\n $(\".multi-check:visible\")?.find(\"#sample-queries\").addClass(\"is-invalid\");\r\n $(\".multi-check:visible\")?.find(\"#update-queries\").addClass(\"is-invalid\");\r\n }\r\n else {\r\n $(\".multi-check:visible\")?.find(\".error-msg\").remove();\r\n $(\".multi-check:visible\")?.find(\"#sample-queries\").addClass(\"is-valid\");\r\n $(\".multi-check:visible\")?.find(\"#update-queries\").addClass(\"is-valid\");\r\n $(\".multi-check:visible\")?.find(\"#sample-queries\").removeClass(\"is-invalid\");\r\n $(\".multi-check:visible\")?.find(\"#update-queries\").removeClass(\"is-invalid\");\r\n return queryString;\r\n }\r\n }\r\n\r\n // converts the SampleRow Array into an HTML table\r\n createTable(rows) {\r\n // empty current table\r\n $(\"#samples-request\").find(\"tbody\").empty();\r\n\r\n // create new table with data in the array\r\n rows.forEach((rowObj, i) => {\r\n $(\"#samples-request\").find(\"tbody\").append(`\r\n
\r\n ${i + 1} \r\n ${rowObj.Nickname} \r\n Review Delete \r\n `)\r\n })\r\n\r\n // locally scope class object to use inside of callback\r\n var self = this;\r\n // add functionality to remove line items from table\r\n $(\".rm-line\").click(function() {\r\n self.removeLine($(this));\r\n })\r\n\r\n $(\".review-line\").click(function () {\r\n self.reviewLine($(this));\r\n })\r\n\r\n }\r\n\r\n emptyDropdowns(typeDropdown, treatmentDropdown, timepointDropdown) {\r\n // remove existing dropdown values\r\n typeDropdown.empty();\r\n typeDropdown.append(`
--Select a Sample Type-- `);\r\n treatmentDropdown.empty();\r\n treatmentDropdown.append(`
--Select a Treatment Arm-- `);\r\n timepointDropdown.empty();\r\n\r\n // empty query list\r\n let newAddSection = $(\".added-queries\");\r\n newAddSection.empty();\r\n newAddSection.append(`\r\n
No Selected Queries
\r\n `)\r\n\r\n // empty timepoint list\r\n $(\"#sample-timepoint-group\").empty();\r\n\r\n // clear other fields\r\n let otherFields = $(\"#new-sample-form\").find(\"input\");\r\n otherFields.map(function () {\r\n $(this).val(\"\");\r\n })\r\n\r\n // reshow dropdown list of queries\r\n $(\".query-select\").children().show();\r\n }\r\n\r\n // delete rows from the samples table\r\n removeLine(el) {\r\n // get the index of the item\r\n let index = parseInt(el.parent().prev().prev().prev().text()) - 1;\r\n\r\n // remove this index from the SampleRowArray\r\n this.sampleRows.splice(index, 1);\r\n\r\n // re-create table after removing data\r\n this.createTable(this.sampleRows);\r\n\r\n // add text stating to add items if SampleRowArray is empty\r\n if (this.sampleRows.length == 0) {\r\n $(\"#no-samples-text\").show(\"slow\");\r\n }\r\n }\r\n\r\n // updates information in the \"review\" modal for updating existing entered samples\r\n reviewLine(el) {\r\n // remove errors\r\n $(\"#update-sample-form\").find(\".error-msg\").hide();\r\n\r\n // remove .is-invalid and is.valid\r\n $(\"#update-sample-form\").find(\"input, select, textarea\").removeClass(\"is-valid\").removeClass(\"is-invalid\");\r\n\r\n // get the index of the item\r\n let index = parseInt(el.parent().prev().prev().text()) - 1;\r\n\r\n // get the Sample Row associated with this line\r\n let updateinfo = this.sampleRows[index];\r\n\r\n // update dropdowns with correct fields\r\n let selectedStudy = updateinfo.Study;\r\n let updateTypeDropdown = $(\"#update-type\");\r\n let updateTreatmentDropdown = $(\"#update-treatment-arm\");\r\n let updateTimepointDropdown = $(\"#update-timepoint-group\");\r\n\r\n this.createDropdowns(selectedStudy, updateTypeDropdown, updateTreatmentDropdown, updateTimepointDropdown);\r\n\r\n // fill the modal fields with the information from the line\r\n $(\"#update-row-index\").text(index + 1)\r\n $(\"#update-nickname\").val(updateinfo.Nickname);\r\n $(\"#update-study\").val(updateinfo.Study);\r\n $(\"#update-type\").val(updateinfo.SampleType);\r\n $(\"#update-treatment-arm\").val(updateinfo.TreatmentArm);\r\n $(\"#update-quantity\").val(updateinfo.Quantity);\r\n $(\"#update-volume\").val(updateinfo.Volume);\r\n $(\"#update-units\").val(updateinfo.Unit);\r\n $(\"#update-other-specifications\").val(updateinfo.OtherSpecifications);\r\n\r\n // fill in timepoint checkboxes\r\n let timepointArr: string[] = updateinfo.Timepoint.split(\",\");\r\n timepointArr.forEach(el => {\r\n $(`.timepoint-check[value=\"${el}\"]`).prop(\"checked\", true)\r\n })\r\n\r\n // fill in query box\r\n $(\"#update-query-list\").empty();\r\n $(\"#update-query-list\").append(`\r\n
No Selected Queries
\r\n `);\r\n let queryArr: string[] = updateinfo.Queries.split(\",\");\r\n queryArr.forEach(el => {\r\n // make sure there is data in this field\r\n if (el != \"\") {\r\n $(\"#update-query-list\").append(`\r\n
\r\n `)\r\n $(\"#update-queries\").find(`option[value=\"${el}\"]`).hide();\r\n\r\n // add the event listener to the added queries\r\n $(\"#update-query-list\").last().find(\".rm-item\").click(function () {\r\n // add the removed item back to the dropdown menu\r\n $(`.query-select:visible option[value=\"${$(this).parent().text()}\"]`).show();\r\n\r\n // remove item\r\n let newAddSection = $(this).parent().parent().parent();\r\n $(this).parent().parent().remove();\r\n\r\n\r\n // show placeholder text if necessary\r\n if (newAddSection.children(\".added-item\").length == 0) {\r\n newAddSection.children(\".added-query-placeholder\").show();\r\n }\r\n });\r\n\r\n // remove the added-query-placeholder\r\n $(\".added-query-placeholder\").addClass(\"inactive-section\");\r\n } \r\n })\r\n\r\n\r\n // show modal\r\n $(\"#update-sample-form\").modal(\"show\");\r\n }\r\n\r\n createDropdowns(selectedStudy, typeDropdown, treatmentDropdown, timepointDropdown) {\r\n // remove any existing values in the dropdown menus\r\n this.emptyDropdowns(typeDropdown, treatmentDropdown, timepointDropdown);\r\n\r\n // ACTIV4a\r\n if (selectedStudy == \"ACTIV4a\") {\r\n this.ACTIV4a.SampleType.forEach(el => {\r\n typeDropdown.append(`
${el} `)\r\n })\r\n typeDropdown.prop(\"disabled\", false);\r\n\r\n this.ACTIV4a.TreatmentArm.forEach(el => {\r\n treatmentDropdown.append(`
${el} `)\r\n })\r\n treatmentDropdown.prop(\"disabled\", false);\r\n\r\n this.ACTIV4a.Timepoint.forEach(el => {\r\n timepointDropdown.append(`\r\n
\r\n ${el} \r\n
\r\n `)\r\n })\r\n }\r\n\r\n // ACTIV4c\r\n else if (selectedStudy == \"ACTIV4c\") {\r\n this.ACTIV4c.SampleType.forEach(el => {\r\n typeDropdown.append(`
${el} `)\r\n })\r\n typeDropdown.prop(\"disabled\", false);\r\n\r\n this.ACTIV4c.TreatmentArm.forEach(el => {\r\n treatmentDropdown.append(`
${el} `)\r\n })\r\n treatmentDropdown.prop(\"disabled\", false);\r\n\r\n this.ACTIV4c.Timepoint.forEach(el => {\r\n timepointDropdown.append(`\r\n
\r\n ${el} \r\n
\r\n `)\r\n })\r\n }\r\n\r\n // ACTIV4 Host Tissue\r\n else if (selectedStudy == \"ACTIV4 Host Tissue\") {\r\n this.ACTIV4HostTissue.SampleType.forEach(el => {\r\n typeDropdown.append(`
${el} `)\r\n })\r\n typeDropdown.prop(\"disabled\", false);\r\n\r\n this.ACTIV4HostTissue.TreatmentArm.forEach(el => {\r\n treatmentDropdown.append(`
${el} `)\r\n })\r\n treatmentDropdown.prop(\"disabled\", false);\r\n\r\n this.ACTIV4HostTissue.Timepoint.forEach(el => {\r\n timepointDropdown.append(`\r\n
\r\n ${el} \r\n
\r\n `)\r\n })\r\n }\r\n\r\n // ACTIV1\r\n else if (selectedStudy == \"ACTIV1\") {\r\n this.ACTIV1.SampleType.forEach(el => {\r\n typeDropdown.append(`
${el} `)\r\n })\r\n typeDropdown.prop(\"disabled\", false);\r\n\r\n this.ACTIV1.TreatmentArm.forEach(el => {\r\n treatmentDropdown.append(`
${el} `)\r\n })\r\n treatmentDropdown.prop(\"disabled\", false);\r\n\r\n this.ACTIV1.Timepoint.forEach(el => {\r\n timepointDropdown.append(`\r\n
\r\n ${el} \r\n
\r\n `)\r\n })\r\n }\r\n\r\n // if none of the sample types are selected, disable the fields\r\n else {\r\n this.disableDropdowns(typeDropdown, treatmentDropdown, timepointDropdown);\r\n }\r\n\r\n // set up checkbox interaction on timepoint checkboxes (accessibility)\r\n $(\".timepoint-check\").on(\"keypress\", function (e) {\r\n if ($(this).is(\":focus\") && e.which == 13) {\r\n if ($(this).is(\":checked\")) {\r\n $(this).prop(\"checked\", false);\r\n }\r\n else {\r\n $(this).prop(\"checked\", true);\r\n }\r\n }\r\n })\r\n }\r\n\r\n disableDropdowns(typeDropdown, treatmentDropdown, timepointDropdown) {\r\n typeDropdown.prop(\"disabled\", true);\r\n treatmentDropdown.prop(\"disabled\", true);\r\n }\r\n\r\n changeStudyNew(selectedElement:any) {\r\n // grab elements\r\n let selectedStudy = selectedElement.val().toString();\r\n let typeDropdown = $(\"#sample-type\");\r\n let treatmentDropdown = $(\"#sample-treatment-arm\");\r\n let timepointDropdown = $(\"#sample-timepoint-group\");\r\n let nickname = $(\"#sample-nickname\").val();\r\n\r\n this.createDropdowns(selectedStudy, typeDropdown, treatmentDropdown, timepointDropdown);\r\n $(\"#sample-nickname\").val(nickname);\r\n }\r\n\r\n changeStudyUpdate(selectedElement:any) {\r\n let selectedStudy = selectedElement.val().toString();\r\n let typeDropdown = $(\"#update-type\");\r\n let treatmentDropdown = $(\"#update-treatment-arm\");\r\n let timepointDropdown = $(\"#update-timepoint-group\");\r\n\r\n this.createDropdowns(selectedStudy, typeDropdown, treatmentDropdown, timepointDropdown);\r\n }\r\n\r\n openNewForm() {\r\n // reset the fields\r\n $(\"#sample-study\").val(\"\");\r\n this.emptyDropdowns($(\"#sample-type\"), $(\"#sample-treatment-arm\"), $(\"#sample-timepoint\"));\r\n this.disableDropdowns($(\"#sample-type\"), $(\"#sample-treatment-arm\"), $(\"#sample-timepoint\"));\r\n\r\n // remove error if present\r\n $(\"#samples-request\").find(\".error-msg\").hide();\r\n\r\n // remove errors\r\n $(\"#new-sample-form\").find(\".error-msg\").hide();\r\n\r\n // remove .is-invalid and is.valid\r\n $(\"#new-sample-form\").find(\"input, select, textarea\").removeClass(\"is-valid\").removeClass(\"is-invalid\");\r\n }\r\n\r\n updateSample() {\r\n // verify that all required fields are filled out correctly\r\n let timepointString = this.sampleTimepointConversion();\r\n let queryString = this.queryStringConversion();\r\n let isValid = this.requestValidation.validateForm();\r\n\r\n // if all required fields are validated\r\n if (isValid) {\r\n let updatedSampleRow: SampleRow;\r\n // see if updated sample has an existing id\r\n let index = parseInt($(\"#update-row-index\").text()) - 1;\r\n let sampleId = this.sampleRows[index].Id;\r\n if (sampleId != undefined && sampleId != null) {\r\n // create a new sample row object with Id\r\n updatedSampleRow = {\r\n Id: sampleId,\r\n Nickname: $(\"#update-nickname\").val().toString(),\r\n Study: $(\"#update-study\").val().toString(),\r\n SampleType: $(\"#update-type\").val().toString(),\r\n TreatmentArm: $(\"#update-treatment-arm\").val().toString(),\r\n Quantity: $(\"#update-quantity\").val().toString(),\r\n Volume: $(\"#update-volume\").val().toString(),\r\n Unit: $(\"#update-units\").val().toString(),\r\n Timepoint: timepointString,\r\n Queries: queryString,\r\n OtherSpecifications: $(\"#update-other-specifications\").val().toString()\r\n }\r\n }\r\n else {\r\n // create a new sample row object without Id\r\n updatedSampleRow = {\r\n Nickname: $(\"#update-nickname\").val().toString(),\r\n Study: $(\"#update-study\").val().toString(),\r\n SampleType: $(\"#update-type\").val().toString(),\r\n TreatmentArm: $(\"#update-treatment-arm\").val().toString(),\r\n Quantity: $(\"#update-quantity\").val().toString(),\r\n Volume: $(\"#update-volume\").val().toString(),\r\n Unit: $(\"#update-units\").val().toString(),\r\n Timepoint: timepointString,\r\n Queries: queryString,\r\n OtherSpecifications: $(\"#update-other-specifications\").val().toString()\r\n }\r\n }\r\n\r\n\r\n // replace the row with the updated row in SampleRows array\r\n this.sampleRows.splice(index, 1, updatedSampleRow);\r\n\r\n // update Table\r\n this.createTable(this.sampleRows);\r\n\r\n // clear field inputs\r\n let fields = $(\"input, textarea\").filter(\":visible\");\r\n fields.map(function () {\r\n $(this).val(\"\");\r\n })\r\n this.emptyDropdowns($(\"#update-type\"), $(\"#update-treatment-arm\"), $(\"#update-timepoint-group\"));\r\n\r\n // reset query list\r\n $(\"#update-queries\").children().show();\r\n\r\n // hide modal\r\n $(\"#update-sample-form\").modal(\"hide\");\r\n }\r\n }\r\n\r\n getSampleRows(): SampleRow[] {\r\n return this.sampleRows;\r\n }\r\n\r\n\r\n}","// extracted by mini-css-extract-plugin","import { RequestReview } from './sample-request.review';\r\nimport { RequestSamples } from './sample-request.samples';\r\n\r\nexport class RequestNavigation {\r\n currentTabNumber: number;\r\n maxTabNumber: number;\r\n requestReview: RequestReview;\r\n\r\n constructor() {\r\n this.currentTabNumber = 0;\r\n this.maxTabNumber = 6;\r\n this.requestReview = new RequestReview();\r\n\r\n }\r\n\r\n // function to move form to the next section. Pass in the current section as a jquery object $(this)\r\n nextSection(currentSectionObj:any, requestSamples: RequestSamples) {\r\n // get current section and next section\r\n let currentSection = currentSectionObj.parent().parent();\r\n let newSection = currentSection.next();\r\n\r\n // compile information into form object \r\n if (currentSectionObj.hasClass(\"review\")) {\r\n this.requestReview.runReview(requestSamples);\r\n }\r\n\r\n // hide the current section and show the new section\r\n currentSection.toggleClass(\"inactive-section\");\r\n currentSection.toggleClass(\"active-section\");\r\n newSection.toggleClass(\"inactive-section\");\r\n newSection.toggleClass(\"active-section\");\r\n\r\n // get the current tab and the new tab\r\n let currentTab = $(\".active-tab\");\r\n let newTab = currentTab.parent().next().children(\"a\");\r\n let newTabParent = newTab.parent();\r\n\r\n // add active status to new tab, remove from current\r\n currentTab.toggleClass(\"active-tab\");\r\n newTab.removeClass(\"disable-tab\"); // if already removed, this will do nothing\r\n newTab.addClass(\"active-tab\");\r\n newTabParent.nextAll().find(\"a\").addClass(\"disable-tab\");\r\n\r\n // get the progressBar\r\n let progressBar = $(\".progress-bar\");\r\n\r\n // add/remove progressBar width classes\r\n if (this.currentTabNumber < this.maxTabNumber) {\r\n let currentWidth = \"pb-\" + this.currentTabNumber;\r\n let nextTabNum = this.currentTabNumber + 1;\r\n let newWidth = \"pb-\" + nextTabNum;\r\n progressBar.removeClass(currentWidth);\r\n progressBar.addClass(newWidth);\r\n }\r\n\r\n // update current tab number\r\n this.currentTabNumber += 1;\r\n\r\n // scroll to top of the page\r\n this.scrollToTop();\r\n }\r\n\r\n previousSection(currentSectionObj:any) {\r\n // get the current section and the prev section\r\n let currentSection = currentSectionObj.parent().parent();\r\n let newSection = currentSection.prev();\r\n\r\n // hide the current section and show the new section\r\n currentSection.toggleClass(\"inactive-section\");\r\n currentSection.toggleClass(\"active-section\");\r\n newSection.toggleClass(\"inactive-section\");\r\n newSection.toggleClass(\"active-section\");\r\n\r\n\r\n // get the current tab and the new tab\r\n let currentTab = $(\".active-tab\");\r\n let newTab = currentTab.parent().prev().children(\"a\");\r\n let newTabParent = newTab.parent();\r\n\r\n // add active status to new tab, remove from current\r\n currentTab.toggleClass(\"active-tab\");\r\n newTab.removeClass(\"disable-tab\"); // if already removed, this will do nothing\r\n newTab.addClass(\"active-tab\");\r\n newTabParent.nextAll().find(\"a\").addClass(\"disable-tab\");\r\n\r\n // update current tab number\r\n this.currentTabNumber -= 1;\r\n\r\n // scroll to top of the page\r\n this.scrollToTop();\r\n }\r\n\r\n tabNavigation(selectedTab: any) {\r\n // get array of classes\r\n let tabClasses = selectedTab.attr(\"class\");\r\n let classArr = tabClasses.split(/\\s+/);\r\n\r\n // update progress tabs\r\n let currentTab = $(\".active-tab\");\r\n let newTab = selectedTab;\r\n currentTab.toggleClass(\"active-tab\");\r\n newTab.toggleClass(\"active-tab\");\r\n let newTabParent = newTab.parent();\r\n\r\n // update selected section\r\n classArr.forEach(el => {\r\n // ignore any classes that may be added to the
tag\r\n if (el != \"active-tab\" && el != \"disable-tab\") {\r\n let targetID = \"#\" + el;\r\n\r\n // make current section inactive, and make targeted section active\r\n let currentSection = $(\".active-section\");\r\n let newSection = $(targetID);\r\n\r\n currentSection.toggleClass(\"inactive-section\");\r\n currentSection.toggleClass(\"active-section\");\r\n newSection.toggleClass(\"inactive-section\");\r\n newSection.toggleClass(\"active-section\");\r\n\r\n // update the tab number\r\n let currentWidth = \"pb-\" + this.currentTabNumber;\r\n let nextTabNum = selectedTab.parent().index();\r\n let newWidth = \"pb-\" + nextTabNum;\r\n\r\n // get the progressBar\r\n let progressBar = $(\".progress-bar\");\r\n\r\n // add/remove progressBar width classes\r\n if (this.currentTabNumber < this.maxTabNumber) {\r\n progressBar.removeClass(currentWidth);\r\n progressBar.addClass(newWidth);\r\n this.currentTabNumber = nextTabNum;\r\n }\r\n }\r\n })\r\n\r\n newTabParent.nextAll().find(\"a\").addClass(\"disable-tab\");\r\n\r\n // scroll to top of the page\r\n this.scrollToTop();\r\n }\r\n\r\n reviewNavigation(selectedSection: any) {\r\n // get the specified section\r\n let tabClasses = selectedSection.attr(\"class\");\r\n let classArr = tabClasses.split(/\\s+/);\r\n\r\n // show the correct content\r\n classArr.forEach((cls) => {\r\n if (cls != \"review-link\") {\r\n let targetID = \"#\" + cls;\r\n // hide review section\r\n $(\"#review\").toggleClass(\"active-section\");\r\n $(\"#review\").toggleClass(\"inactive-section\");\r\n // show specified section\r\n $(targetID).toggleClass(\"active-section\");\r\n $(targetID).toggleClass(\"inactive-section\");\r\n\r\n // adjust tabs accordingly\r\n // remove current active tab\r\n let currentTab = $(\".progress-tabs\").find(\".active-tab\");\r\n currentTab.toggleClass(\"active-tab\");\r\n\r\n // set new active tab\r\n let targetClass = \".\" + cls;\r\n let targetTab = $(\".progress-tabs\").find(targetClass);\r\n targetTab.toggleClass(\"active-tab\");\r\n targetTab.parent().nextAll().find(\"a\").addClass(\"disable-tab\");\r\n }\r\n })\r\n\r\n this.scrollToTop();\r\n }\r\n\r\n scrollToTop() {\r\n // scroll to top of the page\r\n $('html, body').animate({\r\n //scrollTop: $(\".request-form\").offset().top\r\n scrollTop: $(\"#show-save-section\").offset().top\r\n }, \"slow\");\r\n }\r\n\r\n\r\n}","\r\n\r\nexport class BiorepositoryLookup {\r\n\r\n //static SAMPLE_TYPES: string[] = [\"Angio-EDTA\", \"Citrate\", \"DBS\", \"EDTA\", \"P100\", \"Packed Cells\", \"PaxGene\", \"Serum\"]; //indices based on values from TaskRunner\r\n static SAMPLE_TYPES: string[] = [\"Angio-EDTA\", \"Citrated Plasma\", \"Dried Blood Spot\", \"EDTA Plasma\", \"P100\", \"Packed Cells\", \"PAXgene\", \"Serum\"]; //indices based on values from TaskRunner\r\n\r\n static GetValueFromIdAndType(id: number, type: string): string {\r\n //console.log(id, type);\r\n\r\n if (type == 'study') {\r\n switch (id) {\r\n case (1): return \"ACTIV4a Inpatient (Phase 1)\";\r\n case (2): return \"ACTIV4a Inpatient (Phase 2: Moderate)\";\r\n case (3): return \"ACTIV4a Inpatient (Phase 2: Severe)\";\r\n case (4): return \"ACTIV4a Inpatient (Phase 3: Moderate)\";\r\n case (5): return \"ACTIV4a Inpatient (Phase 3: Severe)\";\r\n case (6): return \"ACTIV4c Convalescent\";\r\n case (7): return \"ACTIV4d Host Tissue\";\r\n case (8): return \"ACTIV1 Immune Modulators (B)\";\r\n case (9): return \"ACTIV1 Immune Modulators (B, C)\";\r\n case (10): return \"ACTIV1 Immune Modulators (C)\";\r\n case (11): return \"ACTIV1 Immune Modulators (A)\";\r\n case (12): return \"ACTIV1 Immune Modulators (A, B)\";\r\n case (13): return \"ACTIV1 Immune Modulators (A, B, C)\";\r\n case (14): return \"ACTIV1 Immune Modulators (A, C)\";\r\n default: return \"Unknown\";\r\n }\r\n }\r\n else if (type == 'sample-type') {\r\n switch (id) {\r\n case (0): return \"Angio-EDTA\";\r\n case (1): return \"Citrated Plasma\";\r\n case (2): return \"Dried Blood Spot\";\r\n case (3): return \"EDTA Plasma\";\r\n case (4): return \"P100\";\r\n case (5): return \"Packed Cells\";\r\n case (6): return \"PAXgene\";\r\n case (7): return \"Serum\";\r\n default: return \"Unknown\";\r\n }\r\n }\r\n else if (type == 'study-type') {\r\n switch (id) {\r\n case (1): return \"Inpatient\";\r\n case (2): return \"Post-discharge\";\r\n default: return \"Unknown\";\r\n }\r\n }\r\n else if (type == 'specimen-status') {\r\n switch (id) {\r\n case (1): return \"Available\";\r\n case (2): return \"Reserved\";\r\n case (3): return \"Allocated\";\r\n case (9): return \"QC/Other\";\r\n default: return \"Unknown\";\r\n }\r\n }\r\n else if (type == 'sex') {\r\n switch (id) {\r\n case (1): return \"Male\";\r\n case (2): return \"Female\";\r\n case (-99): return \"Unknown\";\r\n default: return \"Missing Value\";\r\n }\r\n }\r\n else if (type == 'race') {\r\n switch (id) {\r\n case (1): return \"White\";\r\n case (2): return \"Asian\";\r\n case (3): return \"Black\";\r\n case (4): return \"American Indian or Alaska Native\";\r\n case (5): return \"Native Hawaiian or Pacific Islander\";\r\n case (6): return \"Aboriginal/First Nations\";\r\n case (7): return \"Middle Eastern/North African\";\r\n case (8): return \"Other\";\r\n case (9): return \"Multiple\";\r\n case (10): return \"Unknown\";\r\n default: return \"Missing Value\";\r\n }\r\n }\r\n else if (type == 'ethnicity') {\r\n switch (id) {\r\n case (1): return \"Hispanic or Latino\";\r\n case (2): return \"Not Hispanic or Latino\";\r\n case (-99): return \"Unknown\";\r\n default: return \"Missing Value\";\r\n }\r\n }\r\n else if (type == 'quality') {\r\n switch (id) {\r\n case (0): return \"Normal\";\r\n case (1): return \"Hemolyzed\";\r\n case (2): return \"Clotted\";\r\n case (3): return \"Separated (DNA)\";\r\n case (4): return \"> 48 Hours\";\r\n case (5): return \"Ineligible\";\r\n case (-99): return \"Unknown\";\r\n default: return \"Missing Value\";\r\n }\r\n }\r\n else if (type == 'age') {\r\n switch (id) {\r\n case (0): return \"18 - <30\";\r\n case (1): return \"30 - <40\";\r\n case (2): return \"40 - <50\";\r\n case (3): return \"50 - <65\";\r\n case (4): return \"65 - <75\";\r\n case (5): return \"75 - <85\";\r\n case (6): return \"85+\"\r\n case (-99): return \"Unknown\";\r\n default: return \"Missing Value\";\r\n }\r\n }\r\n return \"Unknown Type\";\r\n }\r\n}","import { UserQuery } from \"../../../shared/entities/user-query/user-query.entities\";\r\nimport { SampleSearchPage } from \"../../secure.module\";\r\nimport { plainToClass } from \"class-transformer\";\r\n\r\n\r\nexport class SearchManagement {\r\n\r\n savedQueries: UserQuery[];\r\n selectedSearchId: number;\r\n currentSearch: string;\r\n currentHumanReadable: string;\r\n\r\n constructor(savedQueries: any, private page: SampleSearchPage, isAdmin: boolean = false, startInAdmin: boolean = false, queryId: string = \"-1\") {\r\n\r\n this.savedQueries = [];\r\n this.savedQueries = plainToClass(UserQuery, savedQueries);\r\n\r\n //console.log(isAdmin);\r\n //console.log(this.savedQueries);\r\n //console.log(`isAdmin: ${isAdmin}`);\r\n //console.log(`startInAdmin: ${startInAdmin}`);\r\n //console.log(`queryId: ${queryId}`);\r\n\r\n if (isAdmin) {\r\n this.initAdminMode(startInAdmin, queryId);\r\n }\r\n\r\n else {\r\n this.selectedSearchId = 0;\r\n $('#delete-button').hide();\r\n this.currentSearch = \"\";\r\n this.initDropdown();\r\n }\r\n\r\n }\r\n\r\n initDropdown(): void {\r\n\r\n var select = $('#searchOptions');\r\n\r\n select.empty();\r\n select.append($(\"$(event.currentTarget).val();\r\n this.querySelected(+selected);\r\n });\r\n }\r\n\r\n querySelected(id: number): void {\r\n\r\n this.selectedSearchId = id;\r\n\r\n if (id == 0) {\r\n $('#delete-button').hide();\r\n this.page.updateQueryBuilder(undefined);\r\n }\r\n else {\r\n $('#delete-button').show();\r\n let selectedQuery: UserQuery = this.savedQueries.find((q: UserQuery) => q.id == id);\r\n if (selectedQuery != undefined) {\r\n this.page.updateQueryBuilder(selectedQuery);\r\n }\r\n }\r\n }\r\n\r\n saveSearch(search: string, humanReadable: string): void {\r\n\r\n this.selectedSearchId = +$('#searchOptions').val();\r\n\r\n this.currentSearch = search;\r\n this.currentHumanReadable = humanReadable;\r\n\r\n //a new search - prompt for name\r\n if (this.selectedSearchId == 0) {\r\n $(\"#inputName\").val('');\r\n $(\"#userQueryTitleModal\").modal({ backdrop: false });\r\n }\r\n else {\r\n this.persistSearch();\r\n }\r\n }\r\n\r\n persistSearch(): void {\r\n\r\n let query: UserQuery;\r\n\r\n if (this.selectedSearchId == 0) {\r\n query = new UserQuery();\r\n query.id = 0;\r\n query.queryName = $(\"#inputName\").val() + \"\";\r\n $(\"#userQueryTitleModal\").modal('hide');\r\n }\r\n else {\r\n query = this.savedQueries.find((q: UserQuery) => q.id == this.selectedSearchId);\r\n }\r\n\r\n query.queryJson = this.currentSearch;\r\n query.humanReadable = this.currentHumanReadable;\r\n\r\n //console.log(\"Query to Persist\", query);\r\n \r\n $.ajax({\r\n type: 'POST',\r\n url: '/secure/sample-search/sample-search?handler=SaveSearch',\r\n dataType: \"json\",\r\n contentType: \"application/json\", \r\n data: JSON.stringify(query),\r\n headers: { \"RequestVerificationToken\": $('input[name=\"__RequestVerificationToken\"]').val() + \"\" },\r\n success: (response) => {\r\n\r\n if (query.id == 0) {\r\n query.id = response;\r\n this.savedQueries.push(query);\r\n $('#searchOptions').append($(\"${title} `);\r\n printWindow.document.write(styling);\r\n printWindow.document.write('');\r\n printWindow.document.write(divContents);\r\n printWindow.document.write('');\r\n printWindow.document.close();\r\n printWindow.print();\r\n printWindow.close();\r\n }\r\n\r\n // verifies that all the query numbers are loaded\r\n public readyToPDF(queryHTML: JQuery): boolean {\r\n\r\n let isReady = true;\r\n\r\n queryHTML.each(function () {\r\n if (!$(this).hasClass(\"pdf-ready\")) {\r\n isReady = false;\r\n return false;\r\n }\r\n });\r\n\r\n return isReady;\r\n }\r\n\r\n public openModalPDF(id: string): void {\r\n $(\"#loading-pdf-id\").find(\"span\").text(id);\r\n $(\"#ready-to-pdf\").addClass(\"inactive-section\");\r\n $(\"#loading-icon\").removeClass(\"inactive-section\");\r\n $(\"#sample-info\").modal(\"hide\");\r\n $(\"#loading-pdf-modal\").modal(\"show\");\r\n }\r\n}","// extracted by mini-css-extract-plugin","// extracted by mini-css-extract-plugin","\r\n\r\n//source: https://blog.abelotech.com/posts/number-currency-formatting-javascript/\r\nexport function FormatNumberWithCommas(value: string): string {\r\n return value.replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,');\r\n}\r\n\r\nexport function Round_1Digit(data: number): any {\r\n return (data).toFixed(1);\r\n}\r\n\r\nexport function Round_2Digits(data: number): any {\r\n return (data).toFixed(2);\r\n}\r\n\r\nexport function ComputePercent(count: number, total: number): number {\r\n if (total == undefined || total == 0) return -1;\r\n else {\r\n let percent: number = (count / total) * 100.0;\r\n return percent;\r\n }\r\n}\r\n","import { RequestNavigation } from \"./sample-request.navigation\";\r\nimport { RequestValidation } from \"./sample-request.validation\";\r\nimport { RequestComponents } from \"./sample-request.components\";\r\nimport { RequestSpecific } from \"./sample-request.specific\";\r\nimport { RequestSamples } from \"./sample-request.samples\";\r\nimport { RequestPrepopulate } from \"./sample-request.prepopulate\";\r\nimport { plainToClass } from 'class-transformer';\r\nimport { SampleRequestFormData, SampleRequestsData } from '../../request-dashboard/scripts/sample-request-form-data.entities';\r\nimport { UserQuery } from '../../../shared/entities/user-query/user-query.entities';\r\nimport { SampleRow, UserContactObj } from './sample-request.entities';\r\n\r\nexport class SampleRequestPage {\r\n requestNavigation: RequestNavigation;\r\n requestValidation: RequestValidation;\r\n requestComponents: RequestComponents;\r\n requestSpecific: RequestSpecific;\r\n requestSamples: RequestSamples;\r\n requestPrepopulate: RequestPrepopulate;\r\n\r\n requestForm: SampleRequestFormData;\r\n requestFormSamples: SampleRequestsData[];\r\n savedQueries: UserQuery[];\r\n userContact: UserContactObj;\r\n\r\n constructor(formData: any, formSamples: any, savedQueries: any, userContact: any) {\r\n this.requestNavigation = new RequestNavigation();\r\n this.requestValidation = new RequestValidation();\r\n this.requestComponents = new RequestComponents();\r\n this.requestSpecific = new RequestSpecific();\r\n this.requestSamples = new RequestSamples();\r\n this.requestPrepopulate = new RequestPrepopulate();\r\n\r\n this.requestForm = plainToClass(SampleRequestFormData, formData);\r\n this.requestFormSamples = plainToClass(SampleRequestsData, formSamples);\r\n this.savedQueries = plainToClass(UserQuery, savedQueries);\r\n this.userContact = plainToClass(UserContactObj, userContact);\r\n\r\n //console.log(this.requestForm);\r\n //console.log(this.requestFormSamples);\r\n //console.log(this.savedQueries);\r\n \r\n //document.ready\r\n $(() => {\r\n $('[data-toggle=\"popover\"]').popover();\r\n\r\n // variable declaration\r\n var requestNavigation: RequestNavigation = this.requestNavigation;\r\n var requestValidation: RequestValidation = this.requestValidation;\r\n var requestComponenets: RequestComponents = this.requestComponents;\r\n var requestSpecific: RequestSpecific = this.requestSpecific;\r\n var requestSamples: RequestSamples = this.requestSamples;\r\n var requestPrepopulate: RequestPrepopulate = this.requestPrepopulate;\r\n\r\n var requestForm: SampleRequestFormData = this.requestForm;\r\n var requestFormSamples: SampleRequestsData[] = this.requestFormSamples;\r\n\r\n // Set the Text for the Start Form Button (if they have any data saved)\r\n if (requestForm.requestorFirstName != null && requestForm.requestorFirstName != \"\") {\r\n $(\".continue-form\").find(\"span\").text(\"Continue Biospecimen Request Form\")\r\n }\r\n\r\n // prepopulate form (for demo)\r\n /*$(\".start-form-pop\").click(function () {\r\n requestPrepopulate.prepopulateForm();\r\n requestSamples.prepopulateSamples();\r\n })*/\r\n\r\n // prepopulate biospecimen row\r\n /*$(\".prepopulate-modal\").click(function () {\r\n requestPrepopulate.prepopulateModal();\r\n })*/\r\n\r\n // for next button, moving to next section of form\r\n $(\".next\").click(function () {\r\n let isValid = requestValidation.validateForm();\r\n if (isValid) {\r\n requestNavigation.nextSection($(this), requestSamples);\r\n let sampleRows: SampleRow[] = requestSamples.getSampleRows();\r\n requestValidation.saveForm(sampleRows);\r\n }\r\n });\r\n\r\n\r\n // for prev button, moving to previous section of the form\r\n $(\".prev\").click(function () {\r\n requestNavigation.previousSection($(this));\r\n });\r\n\r\n // using navigation tabs \r\n $(\".progress-tabs a\").click(function () {\r\n requestNavigation.tabNavigation($(this));\r\n }); \r\n\r\n // review section navigation\r\n $(\".review-link\").click(function () {\r\n requestNavigation.reviewNavigation($(this));\r\n })\r\n\r\n // word count validation\r\n $(\".word-count\").on(\"keypress input\", function () {\r\n requestValidation.wordCount($(this));\r\n })\r\n\r\n // multi-add section\r\n $(\".multi-add-btn\").click(function () {\r\n requestComponenets.multiAddBtn($(this));\r\n })\r\n\r\n $(\".multi-check-btn\").click(function () {\r\n requestComponenets.multiCheckBtn($(this));\r\n })\r\n\r\n $(\"#submit-button\").click(function () {\r\n let sampleRows: SampleRow[] = requestSamples.getSampleRows();\r\n requestValidation.submitForm(sampleRows);\r\n })\r\n\r\n // prevent submission of form when hitting enter (still allows for accessibility related functions)\r\n $(document).on(\"keydown\", \"form input\", function (event) {\r\n if (event.keyCode == 13) {\r\n // get focused element\r\n let focusedElement = $(document.activeElement);\r\n\r\n // if it is a checkbox, run checkbox accessibility\r\n if (focusedElement.hasClass(\"small-check\")) {\r\n checkboxAccessibility(focusedElement);\r\n }\r\n\r\n event.preventDefault();\r\n return false;\r\n }\r\n });\r\n $(document).on(\"keyup keypress\", \"form input\", function (event) {\r\n if (event.keyCode == 13) {\r\n event.preventDefault();\r\n return false;\r\n }\r\n });\r\n\r\n// NON GENERIC\r\n\r\n // opens request form from cover page\r\n $(\".start-form\").click(function () {\r\n $(\"#cover-page\").hide();\r\n $(\".request-form\").show();\r\n requestNavigation.scrollToTop();\r\n })\r\n\r\n // show other institution field if selected\r\n $(\"#institution-type-select\").change(function () {\r\n requestSpecific.institutionField($(this));\r\n })\r\n\r\n // clinical data, make the add reasoning for no clinical data approval\r\n $(\"#clinical-data\").change(function () {\r\n requestSpecific.clinicalDataShow();\r\n })\r\n\r\n\r\n // project details, make the add reasoning for no funding input appear/disappear\r\n $(\"#funding-available\").change(function () {\r\n requestSpecific.fundingAvailableShow();\r\n })\r\n\r\n $(\"#a-funding-available\").change(function () {\r\n requestSpecific.aFundingAvailableShow();\r\n })\r\n\r\n // project details, checkboxes with additional inputs needed, appear/disappear\r\n $(\".check-additional-input\").change(function () {\r\n $(this).parent().parent().next().toggle(\"slow\");\r\n // reset input value\r\n $(this).parent().parent().next().find(\"input\").val(\"\");\r\n })\r\n\r\n // sample request, save new sample row\r\n $(\"#save-sample\").click(function () {\r\n requestSamples.saveSample(); \r\n })\r\n\r\n // update a sample row\r\n $(\"#update-sample\").click(function () {\r\n requestSamples.updateSample();\r\n })\r\n\r\n // updates dropdowns in sample request modal & update request modal based on selected study\r\n $(\"#sample-study\").change(function () {\r\n requestSamples.changeStudyNew($(this));\r\n })\r\n\r\n $(\"#update-study\").change(function () {\r\n requestSamples.changeStudyUpdate($(this));\r\n }) \r\n\r\n // when the user opens a new sample modal \r\n $(\"#open-new-form\").click(function () {\r\n requestSamples.openNewForm();\r\n })\r\n\r\n // allows users to navigate and use buttons when they are focused by hitting the \"enter\" key (accessibility)\r\n $(\"a\").on(\"keypress\", function (e) {\r\n if ($(this).is(\":focus\") && e.which == 13) {\r\n buttonAccessibility($(this));\r\n }\r\n })\r\n\r\n // allows users to use the enter key to check/uncheck boxes\r\n /*$(\".small-check\").on(\"keypress\", function (e) {\r\n if ($(this).is(\":focus\") && e.which == 13) {\r\n checkboxAccessibility($(this));\r\n }\r\n })*/\r\n\r\n // ----- Prepopulate Form ------\r\n\r\n // Populates form with Data from Database\r\n requestPrepopulate.populateForm(requestForm, userContact);\r\n requestSamples.populateSampleTable(requestFormSamples, savedQueries);\r\n\r\n\r\n // ----- Accessibility Functions ------\r\n\r\n function buttonAccessibility(selectedElement) {\r\n if (selectedElement.hasClass(\"next\")) {\r\n let isValid = requestValidation.validateForm();\r\n if (isValid) {\r\n requestNavigation.nextSection(selectedElement, requestSamples);\r\n let sampleRows: SampleRow[] = requestSamples.getSampleRows();\r\n requestValidation.saveForm(sampleRows);\r\n }\r\n }\r\n if (selectedElement.hasClass(\"prev\")) {\r\n requestNavigation.previousSection(selectedElement);\r\n }\r\n if (selectedElement.hasClass(\"review-link\")) {\r\n requestNavigation.reviewNavigation(selectedElement);\r\n }\r\n if (selectedElement.hasClass(\"submit\")) {\r\n $(\"section\").children().not(\"#submit-form\").remove();\r\n $(\"#submit-form\").show();\r\n }\r\n if (selectedElement.hasClass(\"multi-add-btn\")) {\r\n //console.log(\"Added\")\r\n requestComponenets.multiAddBtn(selectedElement);\r\n }\r\n if (selectedElement.hasClass(\"multi-check-btn\")) {\r\n requestComponenets.multiCheckBtn(selectedElement);\r\n }\r\n if (selectedElement.hasClass(\"start-form\")) {\r\n $(\"#cover-page\").hide();\r\n $(\".request-form\").show();\r\n requestNavigation.scrollToTop();\r\n }\r\n if (selectedElement.attr(\"id\") == \"save-sample\") {\r\n requestSamples.saveSample();\r\n }\r\n if (selectedElement.attr(\"id\") == \"update-sample\") {\r\n requestSamples.updateSample();\r\n }\r\n if (selectedElement.attr(\"id\") == \"open-new-form\") {\r\n requestSamples.openNewForm();\r\n }\r\n }\r\n\r\n function checkboxAccessibility(selectedElement) {\r\n if (selectedElement.hasClass(\"check-additional-input\")) {\r\n selectedElement.parent().parent().next().toggle(\"slow\");\r\n }\r\n if (selectedElement.is(\":checked\")) {\r\n selectedElement.prop(\"checked\", false);\r\n }\r\n else {\r\n selectedElement.prop(\"checked\", true);\r\n }\r\n }\r\n\r\n });\r\n\r\n }\r\n}","export class RequestComponents {\r\n constructor() {\r\n\r\n }\r\n\r\n multiAddBtn(selectedBtn: any) {\r\n // get the associated input field value associated with the multi add section\r\n let textVal = selectedBtn.parent().prev().children().children().val();\r\n // get the place where new content will be added\r\n let newAddSection = selectedBtn.parent().parent().parent().children(\".added-content\");\r\n\r\n // verify that text has been added into the input field\r\n if (textVal != \"\" && textVal != null) {\r\n // remove placeholder text if visible\r\n newAddSection.children(\".added-content-placeholder:visible\").hide();\r\n\r\n // new html element that will be added \r\n let newAdd = ``\r\n newAddSection.append(newAdd);\r\n\r\n // add event listener to remove button\r\n newAddSection.children().last().children().children().click(function () {\r\n let newAddSection = $(this).parent().parent().parent();\r\n $(this).parent().parent().remove();\r\n\r\n // show placeholder text if necessary\r\n if (newAddSection.children(\".added-item\").length == 0) {\r\n newAddSection.children(\".added-content-placeholder\").show();\r\n }\r\n })\r\n }\r\n\r\n // reset the value of the input field to blank\r\n selectedBtn.parent().prev().children().children().val(\"\");\r\n }\r\n\r\n multiCheckBtn(selectedBtn: any) {\r\n // get the associated input field value associated with the multi add section\r\n let textVal = $(\".query-select:visible\").val();\r\n\r\n // get the place where new content will be added\r\n let newAddSection = $(\".added-queries:visible\");\r\n\r\n // verify that text has been added into the input field\r\n if (textVal != \"\" && textVal != null) {\r\n // remove placeholder text if visible\r\n newAddSection.children(\".added-query-placeholder:visible\").hide();\r\n\r\n // new html element that will be added \r\n let newAdd = ``\r\n newAddSection.append(newAdd);\r\n\r\n // add event listener to remove button\r\n newAddSection.children().last().children().children().click(function () {\r\n // add the removed item back to the dropdown menu\r\n // link the Id to the text value\r\n let selectedText = $(this).parent().text();\r\n $(`.query-select:visible option[value=\"${selectedText}\"]`).show();\r\n\r\n // remove item\r\n let newAddSection = $(this).parent().parent().parent();\r\n $(this).parent().parent().remove();\r\n\r\n\r\n // show placeholder text if necessary\r\n if (newAddSection.children(\".added-item\").length == 0) {\r\n newAddSection.children(\".added-query-placeholder\").show();\r\n }\r\n })\r\n\r\n // remove the item from the dropdown list\r\n let selectedOption = $(\"#sample-queries\").find(\":selected\");\r\n selectedOption.hide();\r\n }\r\n\r\n\r\n // reset the value of the input field to blank\r\n selectedBtn.parent().prev().children().children().val(\"\");\r\n }\r\n}","export class RequestContact {\r\n FirstName: string;\r\n LastName: string;\r\n Institution: string;\r\n InstitutionType: string;\r\n Telephone: string;\r\n Email: string;\r\n\r\n constructor(firstname, lastname, institution, institutiontype, telephone, email) {\r\n this.FirstName = firstname;\r\n this.LastName = lastname;\r\n this.Institution = institution;\r\n this.InstitutionType = institutiontype;\r\n this.Telephone = telephone;\r\n this.Email = email;\r\n }\r\n}\r\n\r\nexport class ShippingAddress {\r\n Street: string;\r\n Street2?: string;\r\n City: string;\r\n State: string;\r\n Zip: string;\r\n\r\n toString() {\r\n return `${this.Street}, ${this.Street2 ? this.Street2 +\",\" : \"\"} ${this.City}, ${this.State}, ${this.Zip}`\r\n }\r\n}\r\n\r\nexport class RequestShipping {\r\n LaboratoryName?: string;\r\n FirstName: string;\r\n LastName: string;\r\n Telephone?: string;\r\n Email: string;\r\n Country: string;\r\n ShippingAddress?: ShippingAddress;\r\n ShippingAccountName: string;\r\n AccountNumber: string;\r\n SpecialInstructions?: string;\r\n AgreementContactFirstName: string;\r\n AgreementContactLastName: string;\r\n AgreementContactTelephone?: string;\r\n AgreementContactEmail: string;\r\n}\r\n\r\nexport class RequestProjectDetails {\r\n ProjectTitle: string;\r\n ShortTitle: string;\r\n PINames: string[];\r\n Background: string;\r\n ScientificAims: string;\r\n Significance: string;\r\n Methods: string;\r\n Approach: string;\r\n SharingPlan: string;\r\n Timepoint: string;\r\n StartDate: string;\r\n CompletionDate: string;\r\n FundingAvailable: string;\r\n NIHCheck: boolean;\r\n AnticipatedNIHCheck: boolean;\r\n NIHAwardNumber?: string;\r\n //AnticipatedNIHAwardNumber?: string;\r\n OtherFederalAgencyCheck: boolean;\r\n AnticipatedOtherFederalAgencyCheck: boolean;\r\n OtherFederalAgencyName?: string;\r\n AnticipatedOtherFederalAgencyName: string;\r\n FoundationCheck: boolean;\r\n AnticipatedFoundationCheck: boolean;\r\n IndustryCheck: boolean;\r\n AnticipatedIndustryCheck: boolean;\r\n OtherCheck: boolean;\r\n AnticipatedOtherCheck: boolean;\r\n OtherFundingName?: string;\r\n AnticipatedOtherFudingName?: string;\r\n AnticipatedFundingCheck: string;\r\n AnticipatedFundingSubmission: string;\r\n AnticipatedFundingAward: string;\r\n ClinicalData: string;\r\n AnticipatedClinicalDataDate: string;\r\n AdditionalClinicalData: string;\r\n}\r\n\r\nexport class SampleRow {\r\n Id?: number;\r\n Nickname: string;\r\n Study: string;\r\n SampleType: string;\r\n TreatmentArm: string;\r\n Quantity: string;\r\n Volume: string;\r\n Unit: string;\r\n Queries: string;\r\n Timepoint: string;\r\n OtherSpecifications?: string;\r\n}\r\n\r\nexport class RequestAdditionalInfo {\r\n ParticipantDescription: string;\r\n AdditionalDetail?: string;\r\n}\r\n\r\nexport class SampleRequestForm {\r\n RequestContact: RequestContact;\r\n RequestShipping: RequestShipping;\r\n RequestProjectDetails: RequestProjectDetails;\r\n SampleRows: SampleRow[];\r\n RequestAdditionalInfo: RequestAdditionalInfo;\r\n}\r\n\r\nexport class SampleRequestStudy {\r\n Name: string;\r\n SampleType: string[];\r\n Timepoint: string[];\r\n TreatmentArm: string[];\r\n}\r\n\r\nexport class SaveForm {\r\n Id?: number;\r\n Status: string;\r\n SubmissionDate?: Date;\r\n LastUpdated: Date;\r\n User_Id: number;\r\n\r\n StudyTable?: string;\r\n TreatmentArmsTable?: string;\r\n SampleTypesTable?: string;\r\n\r\n RequestorFirstName?: string;\r\n RequestorLastName?: string;\r\n InstitutionName?: string;\r\n InstitutionType?: string;\r\n RequestorTelephone?: string;\r\n RequestorEmail?: string;\r\n\r\n LaboratoryName?: string;\r\n ShippingFirstName?: string;\r\n ShippingLastName?: string;\r\n ShippingTelephone?: string;\r\n ShippingEmail?: string;\r\n ShippingCountry?: string;\r\n ShippingStreet?: string;\r\n ShippingStreet2?: string;\r\n ShippingCity?: string;\r\n ShippingState?: string;\r\n ShippingZip?: string;\r\n ShippingAccountName?: string;\r\n ShippingAccountNumber?: string;\r\n ShippingSpecialInstructions?: string;\r\n AgreementContactFirstName: string;\r\n AgreementContactLastName: string;\r\n AgreementContactTelephone?: string;\r\n AgreementContactEmail: string;\r\n\r\n ProjectTitle?: string;\r\n ShortTitle?: string;\r\n PINames?: string;\r\n Background?: string;\r\n ScientificAims?: string;\r\n Significance?: string;\r\n Methods?: string;\r\n Approach?: string;\r\n ParticipantDescription?: string;\r\n ClinicalData?: string;\r\n AnticipatedClinicalDataDate: Date;\r\n ClinicalDataAdditional?: string;\r\n\r\n SharingPlan?: string;\r\n BiospecimenUse?: string;\r\n StartDate: Date;\r\n CompletionDate: Date;\r\n FundingAvailable?: boolean;\r\n NIHFunding?: boolean;\r\n AnticipatedNIHFunding?: boolean;\r\n NIHAwardNumber?: string;\r\n OtherFederalFunding?: boolean;\r\n AnticipatedOtherFederalFunding?: boolean;\r\n OtherFederalName?: string;\r\n AnticipatedOtherFederalName?: string;\r\n FoundationFunding?: boolean;\r\n AnticipatedFoundationFunding?: boolean;\r\n IndustryFunding?: boolean;\r\n AnticipatedIndustryFunding?: boolean;\r\n OtherFunding?: boolean;\r\n AnticipatedOtherFunding?: boolean;\r\n OtherFundingName?: string;\r\n AnticipatedOtherFundingName?: string;\r\n AnticipatedFundingSubmissionCheck?: string;\r\n AnticipatedFundingSubmission?: Date;\r\n AnticipatedFundingAward?: Date;\r\n\r\n AdditionalDetail?: string;\r\n\r\n}\r\n\r\nexport class SaveSampleForm {\r\n Id: number;\r\n UserId: number;\r\n SampleQueryName: string;\r\n Study: string;\r\n SampleType: string;\r\n TreatmentArm: string;\r\n Quantity: string;\r\n Volume: string;\r\n Unit: string;\r\n Timepoint: string;\r\n Queries: string;\r\n OtherSpecifications?: string;\r\n\r\n SampleRequestFormId?: number;\r\n}\r\n\r\nexport class UserContactObj {\r\n firstName: string;\r\n lastName: string;\r\n email: string;\r\n}\r\n","import { DoArraysOverlap, FormatStringByWordLength, Split, Join } from \"../../../shared/scripts/array-functions\";\r\n\r\nexport class SampleRequestFormData {\r\n // Database Info\r\n id: string;\r\n submissionDate: string;\r\n lastUpdated: string;\r\n status: string;\r\n user_Id: number;\r\n source: string;\r\n parentFormId: number;\r\n\r\n // Table Date\r\n studyTable: string;\r\n treatmentArmsTable: string;\r\n sampleTypesTable: string;\r\n\r\n // Requestor Info\r\n requestorFirstName: string;\r\n requestorLastName: string;\r\n institutionType: string;\r\n institutionName: string;\r\n requestorTelephone: string;\r\n requestorEmail: string;\r\n\r\n // Shipping Info\r\n laboratoryName: string;\r\n shippingFirstName: string;\r\n shippingLastName: string;\r\n shippingTelephone: string;\r\n shippingEmail: string;\r\n shippingCountry: string;\r\n shippingStreet: string;\r\n shippingStreet2: string;\r\n shippingCity: string;\r\n shippingZip: string;\r\n shippingState: string;\r\n shippingAccountName: string;\r\n shippingAccountNumber: string;\r\n shippingSpecialInstructions: string;\r\n agreementContactFirstName: string;\r\n agreementContactLastName: string;\r\n agreementContactTelephone: string;\r\n agreementContactEmail: string;\r\n\r\n // Project Approach\r\n projectTitle: string;\r\n shortTitle: string;\r\n piNames: string;\r\n background: string;\r\n scientificAims: string;\r\n significance: string;\r\n methods: string;\r\n approach: string;\r\n participantDescription: string;\r\n clinicalData: string;\r\n anticipatedClinicalDataDate: string;\r\n clinicalDataAdditional: string;\r\n\r\n // Admin Details\r\n sharingPlan: string;\r\n biospecimenUse: string;\r\n startDate: string;\r\n completionDate: string;\r\n fundingAvailable: boolean;\r\n nihFunding: boolean;\r\n nihAwardNumber: string;\r\n otherFederalFunding: boolean;\r\n otherFederalName: string;\r\n foundationFunding: boolean;\r\n industryFunding: boolean;\r\n otherFunding: boolean;\r\n otherFundingName: string;\r\n anticipatedNIHFunding: boolean;\r\n anticipatedOtherFederalFunding: boolean;\r\n anticipatedOtherFederalName: string;\r\n anticipatedFoundationFunding: boolean;\r\n anticipatedIndustryFunding: boolean;\r\n anticipatedOtherFunding: boolean;\r\n anticipatedOtherFundingName: string;\r\n anticipatedFundingSubmissionCheck: boolean;\r\n anticipatedFundingSubmission: string;\r\n anticipatedFundingAward: string;\r\n\r\n\r\n // Additional Info\r\n additionalDetail: string;\r\n \r\n\r\n // Virtuals\r\n requestorFullName: string;\r\n combinedId: string;\r\n combinedIdDisplay: string;\r\n\r\n constructor() { }\r\n\r\n matchesFilter(filters: string[]) {\r\n let taskMatches = false;\r\n\r\n filters.forEach(filter => {\r\n if (filter == this.status) {\r\n taskMatches = true;\r\n }\r\n })\r\n\r\n if (taskMatches) {\r\n return true;\r\n }\r\n else {\r\n return false;\r\n }\r\n\r\n\r\n /*if (!DoArraysOverlap(filter, this.status)) {\r\n //console.log(\"Status Update:\")\r\n //console.log(status, this.status)\r\n return false;\r\n } else {\r\n return true;\r\n }*/\r\n }\r\n\r\n initializeData() {\r\n // RequestorFullName\r\n if (this.requestorFirstName == null || this.requestorLastName == null) {\r\n this.requestorFullName = \"\";\r\n }\r\n else {\r\n this.requestorFullName = `${this.requestorFirstName} ${this.requestorLastName}`;\r\n }\r\n\r\n // CombinedId\r\n let maxIdLength = 4;\r\n let leadingZeroId = \"000\" + this.id;\r\n let shortenedZeroId = leadingZeroId.substr(leadingZeroId.length - maxIdLength);\r\n\r\n if (this.requestorLastName == null) {\r\n this.combinedId = `${shortenedZeroId}`;\r\n }\r\n else {\r\n this.combinedId = shortenedZeroId + \"_\" + this.requestorLastName;\r\n }\r\n\r\n this.combinedIdDisplay = `${this.combinedId} `\r\n }\r\n\r\n}\r\n\r\nexport class SampleRequestsData {\r\n id: number;\r\n sampleRequestFormId: number;\r\n sampleQueryName: string;\r\n study: string;\r\n sampleType: string;\r\n treatmentArm: string;\r\n quantity: string;\r\n volume: string;\r\n unit: string;\r\n timepoint: string;\r\n queries: string;\r\n otherSpecifications: string;\r\n}\r\n\r\nexport class SampleRequestCommentData {\r\n id: number;\r\n sampleRequestFormId: number;\r\n creationDate: Date;\r\n comment: string;\r\n beforeStatus: string;\r\n afterStatus: string;\r\n username: string;\r\n userId: number;\r\n}","import { plainToClass } from 'class-transformer';\r\nimport { time } from 'highcharts';\r\nimport { BiorepositoryLookup } from './inventory-lookup';\r\n\r\n\r\nexport class Patient {\r\n PatientId: string;\r\n StudyId: number;\r\n StudyTypeId: number;\r\n //Visits: string;\r\n Age: number;\r\n Sex: number;\r\n Race: number;\r\n Ethnicity: number;\r\n Samples: Sample[];\r\n\r\n initialize(): void {\r\n this.Samples = plainToClass(Sample, this.Samples);\r\n this.Samples = this.Samples.map((sample: Sample) => {\r\n sample.Aliquots = plainToClass(Aliquot, sample.Aliquots);\r\n return sample;\r\n });\r\n }\r\n}\r\n\r\nexport class Sample {\r\n SampleTypeId: number;\r\n Timepoint: string;\r\n Aliquots: Aliquot[];\r\n\r\n constructor(sampleTypeId: number, timepoint: string) {\r\n this.SampleTypeId = sampleTypeId;\r\n this.Timepoint = timepoint;\r\n this.Aliquots = [];\r\n }\r\n}\r\n\r\nexport class Aliquot {\r\n Barcode: string;\r\n BiorepoStatus: number;\r\n PortalStatus: number;\r\n}\r\n\r\nexport class DropdownOption {\r\n Id: number;\r\n Value: string;\r\n\r\n constructor(id: number, type: string) {\r\n this.Id = id;\r\n this.Value = BiorepositoryLookup.GetValueFromIdAndType(id, type);\r\n }\r\n}\r\n\r\nexport class ComputedDisplayValues {\r\n\r\n ParticipantCount: number = 0;\r\n SampleCount: number = 0;\r\n AliquotCount: number = 0;\r\n\r\n timepoints: string[] = [\"Baseline\", \"Day1\", \"Day3\", \"Day7or8\", \"Day14or15\", \"Day29or31\", \"Unscheduled\", \"TreatmentEnd\"];\r\n allTimepoints: string[] = [\"Baseline\", \"Day1\", \"Day2\", \"Day3\", \"Day4\", \"Day5\", \"Day6\", \"Day7\", \"Day8\", \"Day9\", \"Day10\", \"Day11\", \"Day12\", \"Day13\", \"Day14\", \"Day15\", \"Day16\", \"Day17\", \"Day18\", \"Day22\", \"Day24\", \"Day26\", \"Day27\", \"Day29\", \"Day31\", \"Day60\", \"TreatmentEnd\"]\r\n\r\n ParticipantsByVisit_Baseline: number = 0;\r\n ParticipantsByVisit_Day1: number = 0;\r\n //ParticipantsByVisit_Day2: number = 0;\r\n ParticipantsByVisit_Day3: number = 0;\r\n /*ParticipantsByVisit_Day4: number = 0;\r\n ParticipantsByVisit_Day5: number = 0;\r\n ParticipantsByVisit_Day6: number = 0;*/\r\n ParticipantsByVisit_Day7: number = 0;\r\n ParticipantsByVisit_Day8: number = 0;\r\n /*ParticipantsByVisit_Day9: number = 0;\r\n ParticipantsByVisit_Day10: number = 0;\r\n ParticipantsByVisit_Day11: number = 0;\r\n ParticipantsByVisit_Day12: number = 0;\r\n ParticipantsByVisit_Day13: number = 0;*/\r\n ParticipantsByVisit_Day14: number = 0;\r\n ParticipantsByVisit_Day15: number = 0;\r\n /*ParticipantsByVisit_Day16: number = 0;\r\n ParticipantsByVisit_Day17: number = 0;\r\n ParticipantsByVisit_Day18: number = 0;\r\n ParticipantsByVisit_Day22: number = 0;\r\n ParticipantsByVisit_Day24: number = 0;\r\n ParticipantsByVisit_Day26: number = 0;\r\n ParticipantsByVisit_Day27: number = 0;*/\r\n ParticipantsByVisit_Day29: number = 0;\r\n ParticipantsByVisit_Day31: number = 0;\r\n //ParticipantsByVisit_Day60: number = 0;\r\n ParticipantsByVisit_TreatmentEnd: number = 0;\r\n ParticipantsByVisit_Day7or8: number = 0;\r\n ParticipantsByVisit_Day14or15: number = 0;\r\n ParticipantsByVisit_Day29or31: number = 0;\r\n ParticipantsByVisit_Unscheduled: number = 0;\r\n\r\n Participants_Timepoint1: CountsBySampleType = new CountsBySampleType();\r\n Participants_Timepoint2: CountsBySampleType = new CountsBySampleType();\r\n Participants_Timepoint3: CountsBySampleType = new CountsBySampleType();\r\n Participants_Timepoint4: CountsBySampleType = new CountsBySampleType();\r\n Participants_Timepoint5: CountsBySampleType = new CountsBySampleType();\r\n Participants_Timepoint6: CountsBySampleType = new CountsBySampleType();\r\n Participants_Timepoint7: CountsBySampleType = new CountsBySampleType();\r\n\r\n Samples_VisitBaseline: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitDay1: CountsBySampleType = new CountsBySampleType();\r\n //Samples_VisitDay2: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitDay3: CountsBySampleType = new CountsBySampleType();\r\n /*Samples_VisitDay4: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitDay5: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitDay6: CountsBySampleType = new CountsBySampleType();*/\r\n Samples_VisitDay7: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitDay8: CountsBySampleType = new CountsBySampleType();\r\n /*Samples_VisitDay9: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitDay10: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitDay11: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitDay12: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitDay13: CountsBySampleType = new CountsBySampleType();*/\r\n Samples_VisitDay14: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitDay15: CountsBySampleType = new CountsBySampleType();\r\n /*Samples_VisitDay16: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitDay17: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitDay18: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitDay22: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitDay24: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitDay26: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitDay27: CountsBySampleType = new CountsBySampleType();*/\r\n Samples_VisitDay29: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitDay31: CountsBySampleType = new CountsBySampleType();\r\n //Samples_VisitDay60: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitTreatmentEnd: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitDay7or8: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitDay14or15: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitDay29or31: CountsBySampleType = new CountsBySampleType();\r\n Samples_VisitUnscheduled: CountsBySampleType = new CountsBySampleType();\r\n\r\n Aliquots_VisitBaseline: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitDay1: CountsBySampleType = new CountsBySampleType();\r\n //Aliquots_VisitDay2: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitDay3: CountsBySampleType = new CountsBySampleType();\r\n /* Aliquots_VisitDay4: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitDay5: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitDay6: CountsBySampleType = new CountsBySampleType();*/\r\n Aliquots_VisitDay7: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitDay8: CountsBySampleType = new CountsBySampleType();\r\n /*Aliquots_VisitDay9: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitDay10: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitDay11: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitDay12: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitDay13: CountsBySampleType = new CountsBySampleType();*/\r\n Aliquots_VisitDay14: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitDay15: CountsBySampleType = new CountsBySampleType();\r\n /*Aliquots_VisitDay16: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitDay17: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitDay18: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitDay22: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitDay24: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitDay26: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitDay27: CountsBySampleType = new CountsBySampleType();*/\r\n Aliquots_VisitDay29: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitDay31: CountsBySampleType = new CountsBySampleType();\r\n //Aliquots_VisitDay60: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitTreatmentEnd: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitDay7or8: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitDay14or15: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitDay29or31: CountsBySampleType = new CountsBySampleType();\r\n Aliquots_VisitUnscheduled: CountsBySampleType = new CountsBySampleType();\r\n\r\n constructor() { }\r\n\r\n Reset() {\r\n this.ParticipantCount = 0; this.SampleCount = 0; this.AliquotCount = 0;\r\n\r\n for (let i = 0; i < this.timepoints.length; i++) {\r\n this[`ParticipantsByVisit_${this.timepoints[i]}`] = 0;\r\n this[`Samples_Visit${this.timepoints[i]}`].Reset();\r\n this[`Aliquots_Visit${this.timepoints[i]}`].Reset();\r\n }\r\n /*this.ParticipantsByVisit_Baseline = 0; this.ParticipantsByVisit_Day1 = 0; this.ParticipantsByVisit_Day3 = 0; this.ParticipantsByVisit_Day7 = 0;\r\n this.ParticipantsByVisit_Day14 = 0; this.ParticipantsByVisit_Day31 = 0; this.ParticipantsByVisit_TreatmentEnd = 0;*/\r\n\r\n this.Participants_Timepoint1.Reset(); this.Participants_Timepoint2.Reset(); this.Participants_Timepoint3.Reset(); this.Participants_Timepoint4.Reset();\r\n this.Participants_Timepoint5.Reset(); this.Participants_Timepoint6.Reset(); this.Participants_Timepoint7.Reset();\r\n\r\n /*this.Samples_VisitBaseline.Reset(); this.Samples_VisitDay1.Reset(); this.Samples_VisitDay3.Reset(); this.Samples_VisitDay7.Reset();\r\n this.Samples_VisitDay14.Reset(); this.Samples_VisitDay31.Reset(); this.Samples_VisitTreatmentEnd.Reset();*/\r\n\r\n /*this.Aliquots_VisitBaseline.Reset(); this.Aliquots_VisitDay1.Reset(); this.Aliquots_VisitDay3.Reset(); this.Aliquots_VisitDay7.Reset();\r\n this.Aliquots_VisitDay14.Reset(); this.Aliquots_VisitDay31.Reset(); this.Aliquots_VisitTreatmentEnd.Reset();*/\r\n\r\n }\r\n\r\n Update(patients: Patient[], studies: string[], studyTypes: string[], specimenStatuses: string[], ages: string[], sexes: string[], races: string[], ethnicities: string[]) {\r\n //console.log(\"Patients n=\" + patients.length);\r\n //console.log(\"Studies\", studies);\r\n //console.log(\"Study Types\", studyTypes);\r\n //console.log(\"Specimen Statuses\", specimenStatuses);\r\n //console.log(\"Age\", ageMin, ageMax, \" | Include missing\", ageIncludeMissing);\r\n //console.log(\"Sexes\", sexes);\r\n //console.log(\"Races\", races);\r\n //console.log(\"Ethnicities\", ethnicities);\r\n //console.log(\"------------------------\");\r\n this.Reset();\r\n\r\n let activ1StudyIds: number[] = [8, 9, 10, 11, 12, 13, 14];\r\n\r\n //let filteredList: Patient[] = [];\r\n for (const patient of patients) {\r\n if (patient.Samples == undefined || patient.Samples.length == 0) continue;\r\n if (!studies.includes(patient.StudyId + \"\") || !studyTypes.includes(patient.StudyTypeId + \"\") || !sexes.includes(patient.Sex + \"\") || !races.includes(patient.Race + \"\") || !ethnicities.includes(patient.Ethnicity + \"\") || !ages.includes(patient.Age + \"\")) {\r\n continue;\r\n }\r\n\r\n /*if (patient.Age == -99 && !ageIncludeMissing) { continue; }\r\n if (patient.Age != -99 && !(ageMin <= patient.Age && patient.Age <= ageMax)) { continue; }*/\r\n\r\n let visitsByParticipant: boolean[] = new Array(this.timepoints.length).fill(false); //baseline, day1, day3, day7, day14, day31, treatmentend\r\n let visitsByParticipantAllTimepoints: boolean[] = new Array(this.allTimepoints.length).fill(false);\r\n let sampleTypesByVisit_Patient: SampleTypeByVisitTracker = new SampleTypeByVisitTracker();\r\n let sampleTypesByVisit_Sample: SampleTypeByVisitTracker = new SampleTypeByVisitTracker();\r\n let sampleTypesByVisit_Aliquot: SampleTypeByVisitTracker = new SampleTypeByVisitTracker();\r\n\r\n //if (patient.PatientId == 'US-2115-0009') {\r\n // console.log(patient);\r\n //}\r\n\r\n let matchingSamples: number = 0;\r\n let matchingAliquots: number = 0;\r\n for (const sample of patient.Samples) {\r\n let foundAliquot: boolean = false;\r\n\r\n let visitIndex: number = -1;\r\n let countVisitIndex: number = -1;\r\n if (sample.Timepoint == \"0\") { visitIndex = 0; countVisitIndex = 0; }\r\n else if (sample.Timepoint == \"1\") { visitIndex = 1; countVisitIndex = 1; }\r\n else if (sample.Timepoint == \"3\") { visitIndex = 2; countVisitIndex = 3; }\r\n else if (sample.Timepoint == \"7\" && !activ1StudyIds.includes(patient.StudyId)) { visitIndex = 3; countVisitIndex = 7; } // ACTIV 4 Study -> Day 7 is included in Day 7/8\r\n else if (sample.Timepoint == \"7\" && activ1StudyIds.includes(patient.StudyId)) { visitIndex = 6; countVisitIndex = 7; } // ACTIV 1 Study -> Day 7 is 'Unscheduled'\r\n else if (sample.Timepoint == \"8\" && !activ1StudyIds.includes(patient.StudyId)) { visitIndex = 6; countVisitIndex = 8; } // ACTIV 4 Study -> Day 8 is 'Unscheduled'\r\n else if (sample.Timepoint == \"8\" && activ1StudyIds.includes(patient.StudyId)) { visitIndex = 3; countVisitIndex = 8; } // ACTIV 1 Study -> Day 8 is included in Day 7/8\r\n else if (sample.Timepoint == \"14\" && !activ1StudyIds.includes(patient.StudyId)) { visitIndex = 4; countVisitIndex = 14; } // ACTIV 4 Study -> Day 14 is included in Day 14/15\r\n else if (sample.Timepoint == \"14\" && activ1StudyIds.includes(patient.StudyId)) { visitIndex = 6; countVisitIndex = 14; } // ACTIV1 Study -> Day 14 is 'Unscheduled'\r\n else if (sample.Timepoint == \"15\" && !activ1StudyIds.includes(patient.StudyId)) { visitIndex = 6; countVisitIndex = 15; } // ACTIV 4 Study -> Day 15 is 'Unscheduled'\r\n else if (sample.Timepoint == \"15\" && activ1StudyIds.includes(patient.StudyId)) { visitIndex = 4; countVisitIndex = 15; } // ACTIV 1 Study -> Day 15 is included in Day 14/15\r\n else if (sample.Timepoint == \"29\" && !activ1StudyIds.includes(patient.StudyId)) { visitIndex = 6; countVisitIndex = 23; } // ACTIV 4 Study -> Day 29 is 'Unscheduled'\r\n else if (sample.Timepoint == \"29\" && activ1StudyIds.includes(patient.StudyId)) { visitIndex = 5; countVisitIndex = 23; } // ACTIV 1 Study -> Day 29 is included in Day 29/31\r\n else if (sample.Timepoint == \"31\" && !activ1StudyIds.includes(patient.StudyId)) { visitIndex = 5; countVisitIndex = 24; } // ACTIV 4 Study -> Day 31 is included in Day 29/31\r\n else if (sample.Timepoint == \"31\" && activ1StudyIds.includes(patient.StudyId)) { visitIndex = 6; countVisitIndex = 24; } // ACTIV 1 Study -> Day 31 is 'Unscheduled'\r\n else if (sample.Timepoint == \"2\") { visitIndex = 6; countVisitIndex = 2;}\r\n else if (sample.Timepoint == \"4\") { visitIndex = 6; countVisitIndex = 4; }\r\n else if (sample.Timepoint == \"5\") { visitIndex = 6; countVisitIndex = 5; }\r\n else if (sample.Timepoint == \"6\") { visitIndex = 6; countVisitIndex = 6; }\r\n else if (sample.Timepoint == \"9\") { visitIndex = 6; countVisitIndex = 9; }\r\n else if (sample.Timepoint == \"10\") { visitIndex = 6; countVisitIndex = 10; }\r\n else if (sample.Timepoint == \"11\") { visitIndex = 6; countVisitIndex = 11; }\r\n else if (sample.Timepoint == \"12\") { visitIndex = 6; countVisitIndex = 12; }\r\n else if (sample.Timepoint == \"13\") { visitIndex = 6; countVisitIndex = 13; }\r\n else if (sample.Timepoint == \"16\") { visitIndex = 6; countVisitIndex = 16; }\r\n else if (sample.Timepoint == \"17\") { visitIndex = 6; countVisitIndex = 17; }\r\n else if (sample.Timepoint == \"18\") { visitIndex = 6; countVisitIndex = 18; }\r\n else if (sample.Timepoint == \"22\") { visitIndex = 6; countVisitIndex = 19; }\r\n else if (sample.Timepoint == \"24\") { visitIndex = 6; countVisitIndex = 20; }\r\n else if (sample.Timepoint == \"26\") { visitIndex = 6; countVisitIndex = 21; }\r\n else if (sample.Timepoint == \"27\") { visitIndex = 6; countVisitIndex = 22; }\r\n else if (sample.Timepoint == \"60\") { visitIndex = 6; countVisitIndex = 25; }\r\n else if (sample.Timepoint == \"99\") { visitIndex = 7; countVisitIndex = 26; }\r\n else { console.log(\"Unknown sample timepoint = \" + sample.Timepoint); continue; }\r\n\r\n for (const aliquot of sample.Aliquots) {\r\n //if (patient.PatientId == 'US-2115-0009' && sample.SampleTypeId == 3) {\r\n //if (sample.SampleTypeId == 2) {\r\n // console.log(aliquot);\r\n //}\r\n\r\n if (specimenStatuses.includes(aliquot.PortalStatus + \"\")) {\r\n matchingAliquots++;\r\n sampleTypesByVisit_Aliquot.CountData[sample.SampleTypeId][visitIndex] += 1;\r\n foundAliquot = true;\r\n }\r\n }\r\n if (matchingAliquots > 0 && foundAliquot) {\r\n matchingSamples++;\r\n\r\n if (visitIndex >= 0) {\r\n visitsByParticipant[visitIndex] = true;\r\n visitsByParticipantAllTimepoints[countVisitIndex] = true;\r\n sampleTypesByVisit_Patient.BooleanData[sample.SampleTypeId][visitIndex] = true;\r\n sampleTypesByVisit_Patient.AllBooleanData[sample.SampleTypeId][countVisitIndex] = true;\r\n\r\n sampleTypesByVisit_Sample.CountData[sample.SampleTypeId][visitIndex] += 1;\r\n }\r\n\r\n //if (patient.PatientId == 'US-2115-0009' && sample.SampleTypeId == 3) {\r\n // console.log(patient, sample, specimenStatuses);\r\n //}\r\n }\r\n }\r\n\r\n if (matchingSamples > 0) {\r\n this.ParticipantCount += 1;\r\n this.SampleCount += matchingSamples;\r\n this.AliquotCount += matchingAliquots;\r\n\r\n //if (patient.PatientId == 'US-3019-0003') {\r\n // console.log(matchingSamples, matchingAliquots);\r\n // console.log(sampleTypesByVisit_Patient.BooleanData[0][0]);\r\n // console.log(sampleTypesByVisit_Patient.BooleanData[6][0]);\r\n //}\r\n\r\n for (let i = 0; i < this.timepoints.length; i++) {\r\n if (visitsByParticipant[i]) { this[`ParticipantsByVisit_${this.timepoints[i]}`]++ }\r\n }\r\n /*if (visitsByParticipant[0]) { this.ParticipantsByVisit_Baseline++; }\r\n if (visitsByParticipant[1]) { this.ParticipantsByVisit_Day1++; }\r\n if (visitsByParticipant[2]) { this.ParticipantsByVisit_Day3++; }\r\n if (visitsByParticipant[3]) { this.ParticipantsByVisit_Day7++; }\r\n if (visitsByParticipant[4]) { this.ParticipantsByVisit_Day14++; }\r\n if (visitsByParticipant[5]) { this.ParticipantsByVisit_Day31++; }\r\n if (visitsByParticipant[6]) { this.ParticipantsByVisit_TreatmentEnd++; }*/\r\n\r\n for (let sampleTypeId: number = 0; sampleTypeId < sampleTypesByVisit_Patient.AllBooleanData.length; ++sampleTypeId) {\r\n let timepointCount: number = 0;\r\n for (let i: number = 0; i < sampleTypesByVisit_Patient.AllBooleanData[sampleTypeId].length; ++i) {\r\n if (sampleTypesByVisit_Patient.AllBooleanData[sampleTypeId][i] == true) { timepointCount++; }\r\n }\r\n\r\n //if (sampleTypeId == 3 && timepointCount == 1) {\r\n // console.log(patient.PatientId);\r\n //}\r\n\r\n if (timepointCount == 1) { this.Participants_Timepoint1.IncrementValueBySampleTypeIndex(sampleTypeId, 1); }\r\n else if (timepointCount == 2) { this.Participants_Timepoint2.IncrementValueBySampleTypeIndex(sampleTypeId, 1); }\r\n else if (timepointCount == 3) { this.Participants_Timepoint3.IncrementValueBySampleTypeIndex(sampleTypeId, 1); }\r\n else if (timepointCount == 4) { this.Participants_Timepoint4.IncrementValueBySampleTypeIndex(sampleTypeId, 1); }\r\n else if (timepointCount == 5) { this.Participants_Timepoint5.IncrementValueBySampleTypeIndex(sampleTypeId, 1); }\r\n else if (timepointCount == 6) { this.Participants_Timepoint6.IncrementValueBySampleTypeIndex(sampleTypeId, 1); }\r\n else if (timepointCount == 7) { this.Participants_Timepoint7.IncrementValueBySampleTypeIndex(sampleTypeId, 1); }\r\n else if (timepointCount > 7) { console.log(\"Number participant timepoints for person out-of-range = \" + timepointCount + \" person = \" + patient); }\r\n\r\n for (let i = 0; i < this.timepoints.length; i++) {\r\n this[`Samples_Visit${this.timepoints[i]}`].IncrementValueBySampleTypeIndex(sampleTypeId, sampleTypesByVisit_Sample.CountData[sampleTypeId][i]);\r\n this[`Aliquots_Visit${this.timepoints[i]}`].IncrementValueBySampleTypeIndex(sampleTypeId, sampleTypesByVisit_Aliquot.CountData[sampleTypeId][i]);\r\n }\r\n\r\n /*this.Samples_VisitBaseline.IncrementValueBySampleTypeIndex(sampleTypeId, sampleTypesByVisit_Sample.CountData[sampleTypeId][0]);\r\n this.Samples_VisitDay1.IncrementValueBySampleTypeIndex(sampleTypeId, sampleTypesByVisit_Sample.CountData[sampleTypeId][1]);\r\n this.Samples_VisitDay3.IncrementValueBySampleTypeIndex(sampleTypeId, sampleTypesByVisit_Sample.CountData[sampleTypeId][2]);\r\n this.Samples_VisitDay7.IncrementValueBySampleTypeIndex(sampleTypeId, sampleTypesByVisit_Sample.CountData[sampleTypeId][3]);\r\n this.Samples_VisitDay14.IncrementValueBySampleTypeIndex(sampleTypeId, sampleTypesByVisit_Sample.CountData[sampleTypeId][4]);\r\n this.Samples_VisitDay31.IncrementValueBySampleTypeIndex(sampleTypeId, sampleTypesByVisit_Sample.CountData[sampleTypeId][5]);\r\n this.Samples_VisitTreatmentEnd.IncrementValueBySampleTypeIndex(sampleTypeId, sampleTypesByVisit_Sample.CountData[sampleTypeId][6]);\r\n\r\n this.Aliquots_VisitBaseline.IncrementValueBySampleTypeIndex(sampleTypeId, sampleTypesByVisit_Aliquot.CountData[sampleTypeId][0]);\r\n this.Aliquots_VisitDay1.IncrementValueBySampleTypeIndex(sampleTypeId, sampleTypesByVisit_Aliquot.CountData[sampleTypeId][1]);\r\n this.Aliquots_VisitDay3.IncrementValueBySampleTypeIndex(sampleTypeId, sampleTypesByVisit_Aliquot.CountData[sampleTypeId][2]);\r\n this.Aliquots_VisitDay7.IncrementValueBySampleTypeIndex(sampleTypeId, sampleTypesByVisit_Aliquot.CountData[sampleTypeId][3]);\r\n this.Aliquots_VisitDay14.IncrementValueBySampleTypeIndex(sampleTypeId, sampleTypesByVisit_Aliquot.CountData[sampleTypeId][4]);\r\n this.Aliquots_VisitDay31.IncrementValueBySampleTypeIndex(sampleTypeId, sampleTypesByVisit_Aliquot.CountData[sampleTypeId][5]);\r\n this.Aliquots_VisitTreatmentEnd.IncrementValueBySampleTypeIndex(sampleTypeId, sampleTypesByVisit_Aliquot.CountData[sampleTypeId][6]);*/\r\n\r\n //if (sampleTypeId == 0) {\r\n // if (sampleTypesByVisit_Sample.CountData[sampleTypeId][0] > 0) {\r\n // console.log(patient);\r\n // }\r\n //}\r\n }\r\n }\r\n }\r\n\r\n //console.log(this.Participants_Timepoint1);\r\n }\r\n}\r\n\r\nexport class CountsBySampleType {\r\n\r\n constructor(public AngioEDTA: number = 0, public Citrate: number = 0, public DBS: number = 0, public EDTA: number = 0, public P100: number = 0, public PackedCells: number = 0, public PaxGene: number = 0, public Serum: number = 0) { }\r\n\r\n Reset() {\r\n this.AngioEDTA = 0; this.Citrate = 0; this.DBS = 0; this.EDTA = 0; this.P100 = 0;\r\n this.PackedCells = 0; this.PaxGene = 0; this.Serum = 0;\r\n }\r\n\r\n AddValues(values: number[]) {\r\n this.AngioEDTA += values[0];\r\n this.Citrate += values[1];\r\n this.DBS += values[2];\r\n this.EDTA += values[3];\r\n this.P100 += values[4];\r\n this.PackedCells += values[5];\r\n this.PaxGene += values[6];\r\n this.Serum += values[7];\r\n }\r\n\r\n IncrementValueBySampleTypeIndex(index: number, amount: number = 1) {\r\n if (index == 0) { this.AngioEDTA += amount; }\r\n else if (index == 1) { this.Citrate += amount; }\r\n else if (index == 2) { this.DBS += amount; }\r\n else if (index == 3) { this.EDTA += amount; }\r\n else if (index == 4) { this.P100 += amount; }\r\n else if (index == 5) { this.PackedCells += amount; }\r\n else if (index == 6) { this.PaxGene += amount; }\r\n else if (index == 7) { this.Serum += amount; }\r\n }\r\n\r\n GetDataArray(): number[] {\r\n return [this.AngioEDTA, this.Citrate, this.DBS, this.EDTA, this.P100, this.PackedCells, this.PaxGene, this.Serum];\r\n }\r\n}\r\n\r\nexport class SampleTypeByVisitTracker {\r\n timepoints: string[] = [\"Baseline\", \"Day1\", \"Day3\", \"Day7or8\", \"Day14or15\", \"Day29or31\", \"Unscheduled\", \"TreatmentEnd\"];\r\n allTimepoints: string[] = [\"Baseline\", \"Day1\", \"Day2\", \"Day3\", \"Day4\", \"Day5\", \"Day6\", \"Day7\", \"Day8\", \"Day9\", \"Day10\", \"Day11\", \"Day12\", \"Day13\", \"Day14\", \"Day15\", \"Day16\", \"Day17\", \"Day18\", \"Day22\", \"Day24\", \"Day26\", \"Day27\", \"Day29\", \"Day31\", \"Day60\", \"TreatmentEnd\"]\r\n\r\n BooleanData: boolean[][] = [ //[sampleType],[visit] == has sample\r\n new Array(this.timepoints.length).fill(false),\r\n new Array(this.timepoints.length).fill(false),\r\n new Array(this.timepoints.length).fill(false),\r\n new Array(this.timepoints.length).fill(false),\r\n new Array(this.timepoints.length).fill(false),\r\n new Array(this.timepoints.length).fill(false),\r\n new Array(this.timepoints.length).fill(false),\r\n new Array(this.timepoints.length).fill(false),\r\n new Array(this.timepoints.length).fill(false)\r\n\r\n /*[false, false, false, false, false, false, false],\r\n [false, false, false, false, false, false, false],\r\n [false, false, false, false, false, false, false],\r\n [false, false, false, false, false, false, false],\r\n [false, false, false, false, false, false, false],\r\n [false, false, false, false, false, false, false],\r\n [false, false, false, false, false, false, false],\r\n [false, false, false, false, false, false, false],\r\n [false, false, false, false, false, false, false]*/\r\n ];\r\n\r\n AllBooleanData: boolean[][] = [ //[sampleType],[visit] == has sample\r\n new Array(this.allTimepoints.length).fill(false),\r\n new Array(this.allTimepoints.length).fill(false),\r\n new Array(this.allTimepoints.length).fill(false),\r\n new Array(this.allTimepoints.length).fill(false),\r\n new Array(this.allTimepoints.length).fill(false),\r\n new Array(this.allTimepoints.length).fill(false),\r\n new Array(this.allTimepoints.length).fill(false),\r\n new Array(this.allTimepoints.length).fill(false),\r\n new Array(this.allTimepoints.length).fill(false)\r\n ];\r\n\r\n CountData: number[][] = [ //[sampleType],[visit] == count\r\n new Array(this.timepoints.length).fill(0),\r\n new Array(this.timepoints.length).fill(0),\r\n new Array(this.timepoints.length).fill(0),\r\n new Array(this.timepoints.length).fill(0),\r\n new Array(this.timepoints.length).fill(0),\r\n new Array(this.timepoints.length).fill(0),\r\n new Array(this.timepoints.length).fill(0),\r\n new Array(this.timepoints.length).fill(0),\r\n new Array(this.timepoints.length).fill(0)\r\n\r\n /*[0, 0, 0, 0, 0, 0, 0],\r\n [0, 0, 0, 0, 0, 0, 0],\r\n [0, 0, 0, 0, 0, 0, 0],\r\n [0, 0, 0, 0, 0, 0, 0],\r\n [0, 0, 0, 0, 0, 0, 0],\r\n [0, 0, 0, 0, 0, 0, 0],\r\n [0, 0, 0, 0, 0, 0, 0],\r\n [0, 0, 0, 0, 0, 0, 0],\r\n [0, 0, 0, 0, 0, 0, 0]*/\r\n ];\r\n\r\n constructor() { }\r\n}","import { SampleRequestFormData } from './sample-request-form-data.entities'\r\nimport { SampleRequestCommentData } from './sample-request-form-data.entities'\r\nimport { FormatDate } from '../../../shared/scripts/date-functions'\r\nimport { plainToClass } from 'class-transformer';\r\n\r\ndeclare var $: any;\r\n\r\nexport class RequestDashboardStatusHistoryModal {\r\n currentForm: SampleRequestFormData;\r\n allComments: SampleRequestCommentData[];\r\n currentComment: SampleRequestCommentData;\r\n\r\n constructor(allComments: SampleRequestCommentData[]) {\r\n this.allComments = allComments.sort((a, b) => b.id - a.id); \r\n } \r\n\r\n public populateStatusHistory(formId: string) {\r\n // clear existing comments\r\n $(\"#status-history-table\").empty();\r\n\r\n // parse Id\r\n let parsedId = parseInt(formId);\r\n\r\n if (parsedId != NaN) {\r\n\r\n let formComments = this.allComments.filter(comment => comment.sampleRequestFormId == parsedId && comment.beforeStatus != comment.afterStatus);\r\n\r\n let commentHTML = ``;\r\n\r\n // create HTML object\r\n if (formComments.length > 0) {\r\n commentHTML += `\r\n \r\n \r\n \r\n Status \r\n Days in Status \r\n Date \r\n Feedback \r\n \r\n \r\n \r\n `;\r\n\r\n formComments.forEach((comment, i) => {\r\n let startDate = new Date(comment.creationDate);\r\n let endDate = new Date(Date.now());\r\n\r\n if (i > 0) {\r\n endDate = new Date(formComments[i - 1].creationDate);\r\n }\r\n\r\n let timeDifference = endDate.getTime() - startDate.getTime();\r\n let dayDifference = Math.round(timeDifference / (1000 * 3600 * 24));\r\n\r\n commentHTML += `\r\n \r\n ${comment.afterStatus} \r\n ${dayDifference} \r\n ${FormatDate(comment.creationDate)} \r\n ${comment.comment} \r\n \r\n `;\r\n });\r\n\r\n commentHTML += `\r\n \r\n
\r\n `;\r\n\r\n\r\n }\r\n else {\r\n commentHTML += `\r\n \r\n
There is currently no feedback for this request.
\r\n
summaryStatsJson);\r\n\r\n $('#study-count').text(summaryStats.Studies)\r\n $('#participant-count').text(summaryStats.Participants)\r\n $('#types-count').text(summaryStats.SampleTypes)\r\n $('#sample-count').text(summaryStats.Samples)\r\n\r\n this.initializeCounters();\r\n\r\n });\r\n\r\n }\r\n\r\n initializeCounters(): void {\r\n\r\n ($('.countup')).waypoint({\r\n handler: function () {\r\n const counter = new CountUp(this.element, this.element.textContent, { useEasing: false, duration: 1 });\r\n if (!counter.error) {\r\n counter.start();\r\n }\r\n this.destroy();\r\n },\r\n offset: 'bottom-in-view'\r\n });\r\n }\r\n}\r\n\r\nexport class SummaryStats {\r\n Studies: number;\r\n Participants: number;\r\n SampleTypes: number;\r\n Samples: number;\r\n}","import { SampleRequestFormData, SampleRequestsData } from '../../request-dashboard/scripts/sample-request-form-data.entities';\r\nimport { UserQuery } from '../../../shared/entities/user-query/user-query.entities';\r\nimport { SampleRow, UserContactObj } from './sample-request.entities';\r\nimport { RequestSamples } from \"./sample-request.samples\";\r\n\r\nexport class RequestPrepopulate {\r\n requestSamples: RequestSamples;\r\n\r\n constructor() {\r\n this.requestSamples = new RequestSamples();\r\n }\r\n\r\n populateForm(formData: SampleRequestFormData, userData: UserContactObj) {\r\n\r\n // remove disabled progress tabs if data was entered\r\n if (formData.requestorFirstName != null) {\r\n $(\".contact-info\").removeClass(\"disable-tab\");\r\n $(\".shipping-info\").removeClass(\"disable-tab\");\r\n }\r\n\r\n if (formData.shippingFirstName != null) {\r\n $(\".shipping-info\").removeClass(\"disable-tab\");\r\n $(\".project-approach\").removeClass(\"disable-tab\");\r\n }\r\n\r\n if (formData.approach != null) {\r\n $(\".project-approach\").removeClass(\"disable-tab\");\r\n $(\".admin-details\").removeClass(\"disable-tab\");\r\n }\r\n\r\n if (formData.sharingPlan != null) {\r\n $(\".admin-details\").removeClass(\"disable-tab\");\r\n $(\".samples-request\").removeClass(\"disable-tab\");\r\n }\r\n\r\n if (formData.additionalDetail != null) {\r\n $(\".additional-info\").removeClass(\"disable-tab\");\r\n }\r\n\r\n // set form id\r\n $(\"#hidden-form-id\").val(formData.id);\r\n\r\n // Contact Info\r\n if (formData.requestorFirstName == null || formData.requestorFirstName == \"\") {\r\n $(\"#requestor-first-name\").val(userData.firstName);\r\n }\r\n\r\n if (formData.requestorLastName == null || formData.requestorLastName == \"\") {\r\n $(\"#requestor-last-name\").val(userData.lastName);\r\n }\r\n\r\n if (formData.requestorEmail == null || formData.requestorEmail == \"\") {\r\n $(\"#requestor-email\").val(userData.email);\r\n }\r\n\r\n // Institution Type (if \"Other\")\r\n if (formData.institutionType != \"Academic\" && formData.institutionType != \"Industry\" && formData.institutionType != null) {\r\n $(\"#institution-type-select\").val(\"Other\").change();\r\n $(\"#other-institution-type-input\").val(formData.institutionType);\r\n }\r\n\r\n // Country Codes / Telephone Numbers \"+1 (919)-555-5555\" || null\r\n if (formData.requestorTelephone != null) {\r\n let telephoneArr = formData.requestorTelephone.split(\" \");\r\n let countryCode = telephoneArr.shift();\r\n let telephoneNumber = telephoneArr.join(\" \");\r\n $(\"#requestor-telephone\").val(telephoneNumber);\r\n $(\"#requestor-telephone-code\").val(countryCode.replace(\"+\", \"\")).change();\r\n }\r\n\r\n if (formData.shippingTelephone != null) {\r\n let telephoneArr = formData.shippingTelephone.split(\" \");\r\n let countryCode = telephoneArr.shift();\r\n let telephoneNumber = telephoneArr.join(\" \");\r\n $(\"#shipping-telephone\").val(telephoneNumber);\r\n $(\"#shipping-telephone-code\").val(countryCode.replace(\"+\", \"\")).change();\r\n }\r\n\r\n\r\n // PI Names \"Hannah Williams|John Smith\" || null\r\n if (formData.piNames != null) {\r\n $(\"#no-pi-placeholder\").hide(); // hide no-pi text\r\n\r\n let piNameArr = formData.piNames.split(\"|\");\r\n piNameArr.forEach(name => {\r\n let newAdd = ``\r\n $(\"#pi-names\").append(newAdd);\r\n });\r\n\r\n // add remove item functionality\r\n $(\"#pi-names\").find(\".rm-item\").click(function () {\r\n $(this).parent().parent().remove();\r\n if ($(\"#pi-names\").find(\".added-item\").length == 0) {\r\n $(\"#no-pi-placeholder\").show();\r\n }\r\n });\r\n }\r\n\r\n // Funding Available \"true/false\"\r\n if (formData.fundingAvailable == true) {\r\n $(\"#funding-available\").val(\"Yes\");\r\n $(\"#funding-sources\").removeClass(\"inactive-section\");\r\n\r\n if (formData.nihFunding == true) {\r\n $(\"#project-specify-award-section\").removeClass(\"inactive-section\");\r\n }\r\n\r\n if (formData.otherFederalFunding == true) {\r\n $(\"#project-specify-agency-section\").removeClass(\"inactive-section\");\r\n }\r\n\r\n if (formData.otherFunding == true) {\r\n $(\"#project-other-specify-section\").removeClass(\"inactive-section\");\r\n }\r\n }\r\n else if (formData.fundingAvailable == false && formData.sharingPlan != null) {\r\n $(\"#funding-available\").val(\"No\");\r\n $(\"#a-funding-sources\").removeClass(\"inactive-section\");\r\n\r\n if (formData.anticipatedOtherFederalFunding == true) {\r\n $(\"#a-project-specify-agency-section\").removeClass(\"inactive-section\");\r\n }\r\n\r\n if (formData.anticipatedOtherFunding == true) {\r\n $(\"#a-project-other-specify-section\").removeClass(\"inactive-section\");\r\n }\r\n }\r\n else {\r\n $(\"#funding-available\").val(\"\").change(); // no saved data for question\r\n }\r\n\r\n // Has Award Been Submitted\r\n if (formData.anticipatedFundingSubmissionCheck && formData.anticipatedFundingSubmission != \"\" && formData.anticipatedFundingSubmission != null) {\r\n $(\"#a-project-submission-section\").removeClass(\"inactive-section\");\r\n }\r\n\r\n // Non Nullable Dates \"0001-01-01T00:00:00\"\r\n // startDate\r\n if (formData.startDate == \"0001-01-01T00:00:00\") {\r\n $(\"#project-start-date\").val(\"\");\r\n }\r\n // completionDate\r\n if (formData.completionDate == \"0001-01-01T00:00:00\") {\r\n $(\"#project-end-date\").val(\"\");\r\n }\r\n // anticipatedClinicalDataDate\r\n if (formData.anticipatedClinicalDataDate == \"0001-01-01T00:00:00\") {\r\n $(\"#clinical-data-date\").val(\"\");\r\n }\r\n\r\n // Clinical Data \r\n if (formData.clinicalData == \"Not Yet Requested\" || formData.clinicalData == \"Not Applicable\") {\r\n $(\"#clinical-data-additional-section\").removeClass(\"inactive-section\");\r\n }\r\n\r\n if (formData.clinicalData == \"Requested\" || formData.clinicalData == \"Approved\") {\r\n $(\"#clinical-data-date-section\").removeClass(\"inactive-section\");\r\n\r\n if (formData.clinicalData == \"Requested\") {\r\n $(\"#clinical-data-date-label\").text(\"Anticipated Date of Approval for Clinical Data Request:\");\r\n }\r\n\r\n if (formData.clinicalData == \"Approved\") {\r\n $(\"#clinical-data-date-label\").text(\"Anticipated Date for Receipt of Dataset:\");\r\n }\r\n }\r\n\r\n // activate word count for those that require it\r\n $(\".word-count\").trigger(\"keypress\");\r\n }\r\n\r\n prepopulateModal() {\r\n $(\"#sample-nickname\").val(\"Fostamatinib\");\r\n $(\"#sample-study\").val(\"ACTIV4 Host Tissue\").change();\r\n $(\"#sample-type\").val(\"EDTA Plasma\").change();\r\n $(\"#sample-treatment-arm\").val(\"Fostamatinib\").change();\r\n $(\"#sample-quantity\").val(\"200\");\r\n $(\"#sample-volume\").val(\"500\");\r\n $(\"#sample-units\").val(\"μl\");\r\n // get all the timepoint-checks\r\n let timepointChecks = $(\".timepoint-check\");\r\n timepointChecks.each(function () {\r\n if ($(this).val() == \"Day 1\") {\r\n // no nothing\r\n } else {\r\n $(this).prop('checked', true);\r\n }\r\n })\r\n //$(\".timepoint-check\").first().prop('checked', true);\r\n $(\"#sample-query-list\").children().hide();\r\n let newQueryAdd = ``\r\n $(\"#sample-query-list\").append(newQueryAdd);\r\n\r\n $(\"#sample-query-list\").find(\".rm-item\").click(function () {\r\n $(this).parent().parent().remove();\r\n if ($(\"#sample-query-list\").find(\".added-item\").length == 0) {\r\n $(\"#sample-query-list\").children(\".added-query-placeholder\").show();\r\n }\r\n });\r\n $(\"#sample-other-specifications\").val(\"active treatment\");\r\n }\r\n}","import { SampleRequestStudy, SampleRow, ShippingAddress } from \"./sample-request.entities\";\r\nimport { RequestContact } from \"./sample-request.entities\";\r\nimport { RequestShipping } from \"./sample-request.entities\";\r\nimport { RequestProjectDetails } from \"./sample-request.entities\";\r\nimport { RequestAdditionalInfo } from \"./sample-request.entities\";\r\nimport { SampleRequestForm } from \"./sample-request.entities\";\r\nimport { RequestSamples } from \"./sample-request.samples\";\r\n\r\nexport class RequestReview {\r\n SampleRequestForm: SampleRequestForm;\r\n\r\n constructor() {\r\n\r\n }\r\n\r\n // generates review page\r\n runReview(requestSamples:RequestSamples) {\r\n this.createFormObj(requestSamples);\r\n\r\n // Contact Info\r\n $(\"#review-requestor-first-name\").text(this.SampleRequestForm.RequestContact.FirstName);\r\n $(\"#review-requestor-last-name\").text(this.SampleRequestForm.RequestContact.LastName);\r\n $(\"#review-institution-name\").text(this.SampleRequestForm.RequestContact.Institution);\r\n $(\"#review-institution-type\").text(this.SampleRequestForm.RequestContact.InstitutionType);\r\n $(\"#review-requestor-telephone\").text(this.SampleRequestForm.RequestContact.Telephone);\r\n $(\"#review-requestor-email\").text(this.SampleRequestForm.RequestContact.Email);\r\n\r\n // Shipment Info\r\n // convert shipping address\r\n let shippingAddress = this.SampleRequestForm.RequestShipping.ShippingAddress;\r\n let shippingString = `${shippingAddress.Street ? shippingAddress.Street + \", \" : \"\"}${shippingAddress.Street2 ? shippingAddress.Street2 + \", \" : \"\"}${shippingAddress.City ? shippingAddress.City + \", \" : \"\"}${shippingAddress.State ? shippingAddress.State + \", \" : \"\"}${shippingAddress.Zip ? shippingAddress.Zip : \"\"}`;\r\n\r\n $(\"#review-shipping-laboratory-name\").text(this.SampleRequestForm.RequestShipping.LaboratoryName);\r\n $(\"#review-shipping-first-name\").text(this.SampleRequestForm.RequestShipping.FirstName);\r\n $(\"#review-shipping-last-name\").text(this.SampleRequestForm.RequestShipping.LastName);\r\n $(\"#review-shipping-telephone\").text(this.SampleRequestForm.RequestShipping.Telephone);\r\n $(\"#review-shipping-email\").text(this.SampleRequestForm.RequestShipping.Email);\r\n $(\"#review-shipping-country\").text(this.SampleRequestForm.RequestShipping.Country);\r\n $(\"#review-shipping-address\").text(shippingString);\r\n $(\"#review-shipping-special-instructions\").text(this.SampleRequestForm.RequestShipping.SpecialInstructions);\r\n $(\"#review-shipping-account-name\").text(this.SampleRequestForm.RequestShipping.ShippingAccountName);\r\n $(\"#review-shipping-account-number\").text(this.SampleRequestForm.RequestShipping.AccountNumber);\r\n $(\"#review-shipping-agreement-first-name\").text(this.SampleRequestForm.RequestShipping.AgreementContactFirstName);\r\n $(\"#review-shipping-agreement-last-name\").text(this.SampleRequestForm.RequestShipping.AgreementContactLastName);\r\n $(\"#review-shipping-agreement-telephone\").text(this.SampleRequestForm.RequestShipping.AgreementContactTelephone);\r\n $(\"#review-shipping-agreement-email\").text(this.SampleRequestForm.RequestShipping.AgreementContactEmail);\r\n\r\n // Project Details\r\n $(\"#review-project-title\").text(this.SampleRequestForm.RequestProjectDetails.ProjectTitle);\r\n $(\"#review-short-title\").text(this.SampleRequestForm.RequestProjectDetails.ShortTitle);\r\n $(\"#review-pi-names\").text(this.SampleRequestForm.RequestProjectDetails.PINames.join(\", \"));\r\n $(\"#review-background\").text(this.SampleRequestForm.RequestProjectDetails.Background);\r\n $(\"#review-scientific-aims\").text(this.SampleRequestForm.RequestProjectDetails.ScientificAims);\r\n $(\"#review-significance\").text(this.SampleRequestForm.RequestProjectDetails.Significance);\r\n $(\"#review-methods\").text(this.SampleRequestForm.RequestProjectDetails.Methods);\r\n $(\"#review-sample-size\").text(this.SampleRequestForm.RequestProjectDetails.Approach);\r\n $(\"#review-clinical-data\").text(this.SampleRequestForm.RequestProjectDetails.ClinicalData);\r\n $(\"#review-additional-clinical-data\").text(this.SampleRequestForm.RequestProjectDetails.AdditionalClinicalData);\r\n $(\"#review-clinical-data-date\").text(this.SampleRequestForm.RequestProjectDetails.AnticipatedClinicalDataDate == \"\" ? \"N/A\" : this.SampleRequestForm.RequestProjectDetails.AnticipatedClinicalDataDate);\r\n\r\n // Admin Details\r\n $(\"#review-data-sharing-plan\").text(this.SampleRequestForm.RequestProjectDetails.SharingPlan);\r\n $(\"#review-timepoint\").text(this.SampleRequestForm.RequestProjectDetails.Timepoint);\r\n $(\"#review-start-date\").text(this.SampleRequestForm.RequestProjectDetails.StartDate);\r\n $(\"#review-end-date\").text(this.SampleRequestForm.RequestProjectDetails.CompletionDate);\r\n $(\"#review-funding-available\").text(this.SampleRequestForm.RequestProjectDetails.FundingAvailable);\r\n $(\"#review-nih-check\").text(this.SampleRequestForm.RequestProjectDetails.NIHCheck ? \"Yes\" : \"No\");\r\n $(\"#review-nih-award-number\").text(this.SampleRequestForm.RequestProjectDetails.NIHAwardNumber);\r\n $(\"#review-other-federal-check\").text(this.SampleRequestForm.RequestProjectDetails.OtherFederalAgencyCheck ? \"Yes\" : \"No\");\r\n $(\"#review-other-agency\").text(this.SampleRequestForm.RequestProjectDetails.OtherFederalAgencyName);\r\n $(\"#review-foundation-check\").text(this.SampleRequestForm.RequestProjectDetails.FoundationCheck ? \"Yes\" : \"No\");\r\n $(\"#review-industry-check\").text(this.SampleRequestForm.RequestProjectDetails.IndustryCheck ? \"Yes\" : \"No\");\r\n $(\"#review-other-check\").text(this.SampleRequestForm.RequestProjectDetails.OtherCheck ? \"Yes\" : \"No\");\r\n $(\"#review-other-funding\").text(this.SampleRequestForm.RequestProjectDetails.OtherFundingName);\r\n\r\n let isFunded: boolean;\r\n this.SampleRequestForm.RequestProjectDetails.FundingAvailable == \"Yes\" ? isFunded = true : isFunded = false;\r\n\r\n\r\n //Anticipated Funding\r\n $(\"#a-review-nih-check\").text(this.SampleRequestForm.RequestProjectDetails.AnticipatedNIHCheck ? \"Yes\" : \"No\");\r\n //$(\"#a-review-nih-award-number\").text(SampleRequestForm.RequestProjectDetails.AnticipatedNIHAwardNumber);\r\n $(\"#a-review-other-federal-check\").text(this.SampleRequestForm.RequestProjectDetails.AnticipatedOtherFederalAgencyCheck ? \"Yes\" : \"No\");\r\n $(\"#a-review-other-agency\").text(this.SampleRequestForm.RequestProjectDetails.AnticipatedOtherFederalAgencyName);\r\n $(\"#a-review-foundation-check\").text(this.SampleRequestForm.RequestProjectDetails.AnticipatedFoundationCheck ? \"Yes\" : \"No\");\r\n $(\"#a-review-industry-check\").text(this.SampleRequestForm.RequestProjectDetails.AnticipatedIndustryCheck ? \"Yes\" : \"No\");\r\n $(\"#a-review-other-check\").text(this.SampleRequestForm.RequestProjectDetails.AnticipatedOtherCheck ? \"Yes\" : \"No\");\r\n $(\"#a-review-other-funding\").text(this.SampleRequestForm.RequestProjectDetails.AnticipatedOtherFudingName);\r\n $(\"#a-review-application-submit\").text(isFunded ? \"N/A\" : this.SampleRequestForm.RequestProjectDetails.AnticipatedFundingCheck);\r\n $(\"#a-review-application-submit-date\").text(isFunded ? \"N/A\" : this.SampleRequestForm.RequestProjectDetails.AnticipatedFundingCheck == \"Yes\" ? this.SampleRequestForm.RequestProjectDetails.AnticipatedFundingSubmission : \"\");\r\n $(\"#a-review-application-award-date\").text(isFunded ? \"N/A\" : this.SampleRequestForm.RequestProjectDetails.AnticipatedFundingAward);\r\n\r\n // Samples Requested\r\n\r\n // clear out any data that was previously on the page\r\n $(\"#review-samples-requested\").find(\"table\").remove();\r\n $(\"#hidden-sample-fields\").empty();\r\n\r\n // Remove Unnecessary Rows\r\n\r\n // Clinical Data Anticipated Date\r\n if (this.SampleRequestForm.RequestProjectDetails.ClinicalData == \"Requested\" || this.SampleRequestForm.RequestProjectDetails.ClinicalData == \"Approved\") {\r\n $(\"#review-clinical-data-date-table-row\").removeClass(\"inactive-section\");\r\n\r\n if (this.SampleRequestForm.RequestProjectDetails.ClinicalData == \"Requested\") {\r\n $(\"#review-clinical-data-date-label\").text(\"Anticipated Date of Approval for Clinical Data Request:\");\r\n }\r\n\r\n if (this.SampleRequestForm.RequestProjectDetails.ClinicalData == \"Approved\") {\r\n $(\"#review-clinical-data-date-label\").text(\"Anticipated Date for Receipt of Dataset:\");\r\n }\r\n }\r\n else {\r\n $(\"#review-clinical-data-date-table-row\").addClass(\"inactive-section\");\r\n }\r\n\r\n // Clinical Data Additional Info\r\n if (this.SampleRequestForm.RequestProjectDetails.ClinicalData == \"Not Yet Requested\" || this.SampleRequestForm.RequestProjectDetails.ClinicalData == \"Not Applicable\") {\r\n $(\"#review-additional-clinical-table-row\").removeClass(\"inactive-section\");\r\n }\r\n else {\r\n $(\"#review-additional-clinical-table-row\").addClass(\"inactive-section\");\r\n }\r\n\r\n // Funding Sources\r\n if (this.SampleRequestForm.RequestProjectDetails.FundingAvailable == \"Yes\") {\r\n // funding available\r\n $(\"#review-funding-sources-table-row\").removeClass(\"inactive-section\");\r\n $(\"#a-review-funding-sources-table-row\").addClass(\"inactive-section\");\r\n $(\"#a-review-application-submit-table-row\").addClass(\"inactive-section\");\r\n $(\"#a-review-application-award-date-table-row\").addClass(\"inactive-section\");\r\n $(\"#a-review-application-submit-date-table-row\").addClass(\"inactive-section\");\r\n }\r\n else {\r\n // anticipated funding available\r\n $(\"#review-funding-sources-table-row\").addClass(\"inactive-section\");\r\n $(\"#a-review-funding-sources-table-row\").removeClass(\"inactive-section\");\r\n $(\"#a-review-application-submit-table-row\").removeClass(\"inactive-section\");\r\n $(\"#a-review-application-award-date-table-row\").removeClass(\"inactive-section\");\r\n\r\n if (this.SampleRequestForm.RequestProjectDetails.AnticipatedFundingCheck == \"Yes\") {\r\n $(\"#a-review-application-submit-date-table-row\").removeClass(\"inactive-section\");\r\n }\r\n else {\r\n $(\"#a-review-application-submit-date-table-row\").addClass(\"inactive-section\");\r\n }\r\n }\r\n\r\n // creates table for samples requested\r\n this.SampleRequestForm.SampleRows.forEach((sample, i) => {\r\n // format timepoint(s) and query string\r\n let timepointString = sample.Timepoint.split(\",\").join(\", \"); //remove\r\n\r\n let timepointHTMLTableContent = \"\";\r\n sample.Timepoint.split(\",\").forEach(timepoint => {\r\n timepointHTMLTableContent += `${timepoint} \r\n \r\n \r\n Timepoint(s) \r\n \r\n \r\n \r\n ${timepointHTMLTableContent}\r\n \r\n
\r\n `;\r\n\r\n let queryString = sample.Queries.split(\",\").join(\", \"); //remove\r\n\r\n let queryHTMLTableContent = \"\";\r\n sample.Queries.split(\",\").forEach(query => {\r\n queryHTMLTableContent += `${query} \r\n \r\n \r\n Queries \r\n \r\n \r\n \r\n ${queryHTMLTableContent}\r\n \r\n
\r\n `;\r\n\r\n $(\"#review-samples-requested\").append(\r\n `\r\n \r\n \r\n Request #${i + 1}: ${sample.Nickname} \r\n \r\n \r\n \r\n \r\n Study: \r\n ${sample.Study} \r\n \r\n \r\n Biospecimen Type: \r\n ${sample.SampleType} \r\n \r\n \r\n Treatment Arm: \r\n ${sample.TreatmentArm} \r\n \r\n \r\n Number of Biospecimens Requested per Timepoint: \r\n ${sample.Quantity} \r\n \r\n \r\n Amount Needed per Biospecimen: \r\n ${sample.Volume} ${sample.Unit} \r\n \r\n \r\n Timepoint(s): \r\n \r\n ${timepointHTMLTable} \r\n \r\n \r\n \r\n Queries: \r\n \r\n ${queryHTMLTable}\r\n \r\n \r\n \r\n Other Specifications: \r\n ${sample.OtherSpecifications} \r\n \r\n \r\n
`\r\n );\r\n\r\n let sampleId = 0;\r\n if (sample.Id != null || sample.Id != undefined) {\r\n sampleId = sample.Id;\r\n }\r\n\r\n // used for data binding\r\n $(\"#hidden-sample-fields\").append(`\r\n \";\r\n output += item;\r\n if (nowrap) output += \" \";\r\n });\r\n return output;\r\n}\r\n\r\nexport function Split(input: string, delimiter: string): string[] {\r\n let parts: string[] = input.split(delimiter);\r\n parts = parts.map((p: string) => p.trim());\r\n return parts;\r\n}\r\n\r\nexport function Join(list: string[], outputDelimiter: string, sort: boolean, nowrap: boolean = false): string {\r\n if (sort) { list.sort(); }\r\n let output: string = \"\";\r\n list.forEach((item: string, index: number) => {\r\n if (index > 0) output += outputDelimiter;\r\n if (nowrap) output += \"\";\r\n output += item;\r\n if (nowrap) output += \" \";\r\n });\r\n return output;\r\n}\r\n\r\nexport function Unique(values: string[], sort: boolean, lastValues: string[] = []): string[] {\r\n\r\n values = values.map((val: string) => {\r\n if (val.startsWith(\"Other\")) return \"Other\";\r\n else return val;\r\n });\r\n\r\n let unique: string[] = values.filter((n, i) => values.indexOf(n) === i);\r\n if (sort) {\r\n lastValues = lastValues.map((v: string) => v.toLowerCase());\r\n\r\n unique = unique.sort((a: string, b: string) => {\r\n a = a.toLowerCase();\r\n b = b.toLowerCase();\r\n\r\n if (lastValues.length == 0) { return (a > b ? 1 : -1); }\r\n else {\r\n let isALastValue: boolean = false;\r\n let isBLastValue: boolean = false;\r\n\r\n lastValues.forEach((v: string) => {\r\n if (a.startsWith(v)) { isALastValue = true; }\r\n if (b.startsWith(v)) { isBLastValue = true; }\r\n });\r\n\r\n if (!isALastValue && !isBLastValue) { return (a > b ? 1 : -1); }\r\n else if (isALastValue && !isBLastValue) {\r\n return 1;\r\n }\r\n else if (!isALastValue && isBLastValue) {\r\n return -1;\r\n }\r\n else {\r\n return (a > b ? 1 : -1);\r\n }\r\n }\r\n\r\n //if (a.startsWith(v) && b.startsWith(v)) { return (a > b ? 1 : -1); }\r\n //else if (a.startsWith(v)) { return 1; }\r\n //else if (b.startsWith(v)) { return -1; }\r\n //else return (a > b ? 1 : -1);\r\n\r\n\r\n });\r\n\r\n //unique.sort();\r\n }\r\n return unique;\r\n}\r\n\r\nexport function FormatStringByWordLength(value: string, wordsOnLine: number): string {\r\n let parts: string[] = value.split(\" \");\r\n let output: string = \"\";\r\n for (let i = 0; i < parts.length; ++i) {\r\n output += parts[i] + \" \";\r\n if (i == (wordsOnLine - 1)) {\r\n output += \" \";\r\n }\r\n }\r\n\r\n if (parts.length < (wordsOnLine - 1)) { output += \"\"; }\r\n return output.trim();\r\n}\r\n\r\nexport function DoArraysOverlap(array1: any, array2: any): boolean {\r\n if (array1 == undefined || array2 == undefined) return false;\r\n return array1.some(r => array2.includes(r));\r\n}\r\n\r\nexport function NoWordWrap(input: string): string {\r\n return \"\" + input + \" \";\r\n}\r\n\r\nexport function CheckArrayStartsWith(array: string[], startsWithValue: string, appendValue: string): string[] {\r\n\r\n let includesValue: number = array.findIndex((value) => value.startsWith(startsWithValue));\r\n\r\n if (includesValue == -1) { return array; }\r\n else { array.push(appendValue); return array; }\r\n}","export function InitializeFilterDropdown(selectId: string, values: string[], tableFilter: IFilter, compoundValues: any[] = undefined, selected: boolean = true): void {\r\n $(selectId).selectpicker({\r\n dropupAuto: false,\r\n selectedTextFormat: \"count\",\r\n\r\n countSelectedText: (numSelected, numTotal) => {\r\n if (numSelected == numTotal) {\r\n return \"All\";\r\n }\r\n else {\r\n return numSelected + \" Selected\";\r\n }\r\n }\r\n });\r\n\r\n if (compoundValues == undefined) {\r\n values.forEach((element: any) => {\r\n $(selectId).append(new Option(element, element, false, selected));\r\n });\r\n }\r\n else {\r\n //compoundValues.forEach((element: ExpertiseArea) => {\r\n // $(selectId).append(new Option(element.Expertise, element.Id, false, selected));\r\n //});\r\n }\r\n\r\n $(selectId).selectpicker(\"refresh\");\r\n\r\n $(selectId).on('changed.bs.select', (e, clickedIndex, isSelected, previousValue) => {\r\n tableFilter.triggerFilter();\r\n });\r\n}\r\n\r\nexport function GetSelectedDropdownValues(selectId: string): any {\r\n return $(selectId).val();\r\n}\r\n\r\nexport interface IFilter {\r\n triggerFilter(): void;\r\n}","import { RequestNavigation } from \"./sample-request.navigation\";\r\nimport { SaveForm, SaveSampleForm } from \"./sample-request.entities\";\r\nimport { SampleRequestFormData, SampleRequestsData } from '../../request-dashboard/scripts/sample-request-form-data.entities';\r\nimport { SampleRow } from './sample-request.entities';\r\n\r\ndeclare var $: any;\r\n\r\nexport class RequestValidation {\r\n requestNavigation: RequestNavigation;\r\n\r\n constructor() {\r\n this.requestNavigation = new RequestNavigation();\r\n }\r\n\r\n // form validation\r\n validateForm() {\r\n\r\n // select all required input/select fields (custom word-count validation)\r\n let fields = $(\"input, select, textarea\").filter(\"[required]:visible\").not(\".word-count\");\r\n let allFields = $(\"input, select, textarea\").filter(\":visible\");\r\n fields.map(function () {\r\n // check and see if required values are blank\r\n let inputValue = $(this).val()\r\n // show error message if the required fields are left blank\r\n if (inputValue == \"\" || inputValue == null) {\r\n $(this).siblings(\".error-msg\")?.show();\r\n $(this).addClass(\"is-invalid\");\r\n }\r\n // hide any visible error messages if the required fields are completed\r\n else {\r\n $(this).siblings(\".error-msg\")?.hide();\r\n $(this).removeClass(\"is-invalid\");\r\n $(this).addClass(\"is-valid\");\r\n }\r\n })\r\n\r\n // word count validation\r\n this.wordCountValidate();\r\n\r\n // multi add validation\r\n this.multiAddValidate();\r\n\r\n // checkbox validation\r\n this.multicheckValidate();\r\n\r\n // samples requested validation (at least one)\r\n this.sampleRequestValidate();\r\n\r\n // check to see if there are any error messages present\r\n let errorMsgs = $(\".error-msg\").filter(\":visible\");\r\n //console.log(errorMsgs.length);\r\n // if errors are present, scroll to the top of the section\r\n if (errorMsgs.length > 0) {\r\n this.requestNavigation.scrollToTop();\r\n return false;\r\n } else {\r\n // if no errors, remove the validation classes\r\n allFields.map(function () {\r\n $(this).removeClass(\"is-invalid\");\r\n $(this).removeClass(\"is-valid\");\r\n })\r\n return true;\r\n }\r\n }\r\n\r\n\r\n wordCountValidate() {\r\n // get all the items that need to be validated\r\n let wordCountItems = $(\".word-count:visible\")\r\n\r\n // map through the elements\r\n wordCountItems.map(function () {\r\n // compare the word count to the allowed word count\r\n let maxCount = $(this).data(\"wordCount\");\r\n let currentCount = $(this).val().toString().split(\" \").length\r\n\r\n // if over the max word count or if the textbox is empty, add error msg\r\n if (currentCount > maxCount || $(this).val().toString() == \"\") {\r\n $(this).removeClass(\"is-valid\");\r\n $(this).addClass(\"is-invalid\");\r\n $(this).siblings(\".error-msg\").show();\r\n }\r\n else {\r\n $(this).removeClass(\"is-invalid\");\r\n $(this).addClass(\"is-valid\");\r\n $(this).siblings(\".error-msg\").hide();\r\n }\r\n })\r\n }\r\n\r\n multiAddValidate() {\r\n // select any visible multi add boxes\r\n let addedConent = $(\".added-content:visible\").find(\".added-item\");\r\n if (addedConent.length == 0) {\r\n $(\".multi-add:visible\").find(\".error-msg\").show();\r\n $(\".multi-add-input:visible\").addClass(\"is-invalid\");\r\n $(\".multi-add-input:visible\").removeClass(\"is-valid\");\r\n }\r\n else {\r\n $(\".multi-add:visible\").find(\".error-msg\").hide();\r\n $(\".multi-add-input:visible\").removeClass(\"is-invalid\");\r\n $(\".multi-add-input:visible\").addClass(\"is-valid\");\r\n }\r\n }\r\n\r\n multicheckValidate() {\r\n // check if funding sources is visible\r\n let isFundingSources = $(\"#funding-sources\").is(\":visible\");\r\n let isAFundingSources = $(\"#a-funding-sources\").is(\":visible\");\r\n\r\n // if funding-sources is visible, get all checkboxes in that div\r\n if (isFundingSources) {\r\n let fundingChecks = $(\"#funding-sources\").find(\"input:checkbox\");\r\n let isValid = false;\r\n // loop through existing checks and make sure at least one is checked\r\n fundingChecks.map(function () {\r\n if ($(this).is(\":checked\")) {\r\n isValid = true;\r\n }\r\n })\r\n if (!isValid) {\r\n $(\"#funding-source-error\").show();\r\n }\r\n else {\r\n $(\"#funding-source-error\").hide();\r\n }\r\n }\r\n\r\n if (isAFundingSources) {\r\n let fundingChecks = $(\"#a-funding-sources\").find(\"input:checkbox\");\r\n let isValid = false;\r\n fundingChecks.map(function () {\r\n if ($(this).is(\":checked\")) {\r\n isValid = true;\r\n }\r\n })\r\n if (!isValid) {\r\n $(\"#a-funding-source-error\").show();\r\n }\r\n else {\r\n $(\"#a-funding-source-error\").hide();\r\n }\r\n }\r\n }\r\n\r\n // checks to see that at least one sample is requested\r\n sampleRequestValidate() {\r\n // if the section of the form is visible\r\n let isSamplesSection = $(\"#samples-request\").is(\":visible\");\r\n let isNewModal = $(\"#new-sample-form\").is(\":visible\");\r\n let isUpdateModal = $(\"#update-sample-form\").is(\":visible\");\r\n\r\n // verify that table data exists\r\n if (isSamplesSection && !isNewModal && !isUpdateModal) {\r\n let isPopulated = !$(\"#no-samples-text\").is(\":visible\");\r\n\r\n // if no, add error msg\r\n if (!isPopulated) {\r\n $(\"#samples-request\").find(\".error-msg\").show();\r\n }\r\n else {\r\n $(\"#samples-request\").find(\".error-msg\").hide();\r\n }\r\n }\r\n\r\n }\r\n\r\n wordCount(textElement) {\r\n // get the current wordcount\r\n let textString = textElement.val().toString();\r\n let textArr = [];\r\n if (textString != \"\") {\r\n textArr = textString.split(\" \");\r\n //console.log(textArr.length);\r\n }\r\n let wordCount = textArr.length;\r\n\r\n // display current wordcount\r\n let wordCountDisplay = textElement.next().find(\".word-count-num\");\r\n wordCountDisplay.text(wordCount);\r\n\r\n // get the allowed wordcount\r\n let maxWordCount = textElement.data(\"wordCount\");\r\n\r\n // validate\r\n if (wordCount > maxWordCount) {\r\n textElement.addClass(\"is-invalid\");\r\n wordCountDisplay.addClass(\"error-msg\");\r\n }\r\n else {\r\n textElement.removeClass(\"is-invalid\");\r\n wordCountDisplay.removeClass(\"error-msg\");\r\n }\r\n }\r\n\r\n // updates database with current form data\r\n saveForm(requestedSamples: SampleRow[]) {\r\n // Form Data\r\n let formData: SaveForm = this.createSaveFormObject();\r\n let jsonData = JSON.stringify(formData);\r\n\r\n // Requested Samples\r\n let sampleArray: SaveSampleForm[] = [];\r\n requestedSamples.forEach(sample => {\r\n let requestedSample: SaveSampleForm = {\r\n Id: sample.Id,\r\n UserId: 0, // Fix on Backend\r\n SampleRequestFormId: 0, // Fix on Backend\r\n SampleQueryName: sample.Nickname,\r\n Study: sample.Study,\r\n SampleType: sample.SampleType,\r\n TreatmentArm: sample.TreatmentArm,\r\n Quantity: sample.Quantity,\r\n Volume: sample.Volume,\r\n Unit: sample.Unit,\r\n Timepoint: sample.Timepoint,\r\n Queries: sample.Queries,\r\n OtherSpecifications: sample.OtherSpecifications == \"\" ? null : sample.OtherSpecifications\r\n }\r\n\r\n sampleArray.push(requestedSample);\r\n })\r\n\r\n let jsonSampleData = JSON.stringify(sampleArray);\r\n\r\n // Show Saving Icon\r\n $(\"#saving-icon\").removeClass(\"transparent-text\");\r\n $(\"#saved-icon\").addClass(\"transparent-text\");\r\n $(\"#saving-text\").text(\"Saving... \");\r\n $(\"#saving-text\").removeClass(\"transparent-text\");\r\n\r\n $.ajax({\r\n url: '/secure/sample-request/sample-request?handler=SaveForm',\r\n method: \"POST\",\r\n //dataType: \"json\",\r\n //contentType: \"application/json\",\r\n data: { formData: jsonData, sampleData: jsonSampleData },\r\n headers: { \"RequestVerificationToken\": $('input[name=\"__RequestVerificationToken\"]').val() },\r\n success: (response) => {\r\n\r\n //console.log(response);\r\n\r\n // Display Saved Status\r\n $(\"#saving-icon\").addClass(\"transparent-text\");\r\n $(\"#saved-icon\").removeClass(\"transparent-text\");\r\n $(\"#saving-text\").text(\"Saved \");\r\n // Hide the \"Saved\" text after 5 seconds (only if it still Says \"Saved\")\r\n setTimeout(() => {\r\n if ($(\"#saving-text\").text() == \"Saved \") {\r\n $(\"#saved-icon\").addClass(\"transparent-text\");\r\n $(\"#saving-text\").addClass(\"transparent-text\");\r\n }\r\n }, 3000) \r\n\r\n },\r\n error: (response) => {\r\n console.log(\"error\", response);\r\n alert(\"An unexpected error occurred. Please try again.\");\r\n }\r\n });\r\n }\r\n\r\n submitForm(requestedSamples: SampleRow[]) {\r\n // Form Data\r\n let formData: SaveForm = this.createSaveFormObject();\r\n formData.Status = \"Submitted\";\r\n\r\n $(\"#loading-submit\").removeClass(\"inactive-section\");\r\n \r\n let jsonData = JSON.stringify(formData);\r\n\r\n // Requested Samples\r\n let sampleArray: SaveSampleForm[] = [];\r\n requestedSamples.forEach(sample => {\r\n let requestedSample: SaveSampleForm = {\r\n Id: sample.Id,\r\n UserId: 0, // Fix on Backend\r\n SampleRequestFormId: 0, // Fix on Backend\r\n SampleQueryName: sample.Nickname,\r\n Study: sample.Study,\r\n SampleType: sample.SampleType,\r\n TreatmentArm: sample.TreatmentArm,\r\n Quantity: sample.Quantity,\r\n Volume: sample.Volume,\r\n Unit: sample.Unit,\r\n Timepoint: sample.Timepoint,\r\n Queries: sample.Queries,\r\n OtherSpecifications: sample.OtherSpecifications == \"\" ? null : sample.OtherSpecifications\r\n }\r\n\r\n sampleArray.push(requestedSample);\r\n })\r\n\r\n let jsonSampleData = JSON.stringify(sampleArray);\r\n\r\n // Email Content\r\n let emailContent = $(\"#review\").clone();\r\n $(emailContent).find(\".inactive-section\").remove();\r\n $(emailContent).find(\".butn\").remove();\r\n\r\n $.ajax({\r\n url: '/secure/sample-request/sample-request?handler=SaveForm',\r\n method: \"POST\",\r\n //dataType: \"json\",\r\n //contentType: \"application/json\",\r\n data: { formData: jsonData, sampleData: jsonSampleData, emailContent: emailContent.html() },\r\n headers: { \"RequestVerificationToken\": $('input[name=\"__RequestVerificationToken\"]').val() },\r\n success: (response) => {\r\n\r\n //console.log(response);\r\n window.location.href = '/secure/submit';\r\n\r\n },\r\n error: (response) => {\r\n console.log(\"error\", response);\r\n alert(\"An unexpected error occurred. Please try again.\");\r\n }\r\n });\r\n }\r\n\r\n createSaveFormObject(): SaveForm {\r\n // Form Id\r\n let formId = 0;\r\n if ($(\"#hidden-form-id\").val() != \"\") {\r\n let parsedId = parseInt($(\"#hidden-form-id\").val());\r\n if (parsedId != NaN) {\r\n formId = parsedId;\r\n }\r\n }\r\n\r\n // Institution Type\r\n let institutionTypeString = $(\"#institution-type-select\").val();\r\n if ($(\"#institution-type-select\").val() == \"Other\") {\r\n institutionTypeString = $(\"#other-institution-type-input\").val();\r\n }\r\n\r\n // Requestor Telephone\r\n let requestorTelephoneString = \"\";\r\n if ($(\"#requestor-telephone\").val() != \"\") {\r\n requestorTelephoneString = \"+\" + $(\"#requestor-telephone-code\").val() + \" \" + $(\"#requestor-telephone\").val();\r\n }\r\n\r\n // Shipping Telephone\r\n let shippingTelephoneString = \"\";\r\n if ($(\"#shipping-telephone\").val() != \"\") {\r\n shippingTelephoneString = \"+\" + $(\"#shipping-telephone-code\").val() + \" \" + $(\"#shipping-telephone\").val();\r\n }\r\n\r\n // Shipping Country\r\n let shippingCountry = null;\r\n if ($(\"#shipping-email\").val() != \"\") {\r\n shippingCountry = $(\"#shipping-country\").val();\r\n }\r\n\r\n // PI Names\r\n let piNamesString = \"\";\r\n let piNames = [];\r\n $(\"#pi-names\").find(\"span\").map(function () {\r\n piNames.push($(this).text().toString());\r\n })\r\n\r\n if (piNames.length > 0) {\r\n piNamesString = piNames.join(\"|\");\r\n }\r\n\r\n // Date Formatting \"2000-02-01\"\r\n function parseDateString(stringToParse): Date {\r\n let timeString = \"T00:00:00\";\r\n stringToParse += timeString;\r\n return new Date(stringToParse);\r\n }\r\n\r\n let anticipatedClinicalDataDate = new Date(\"0001-01-01T00:00:00\");\r\n if ($(\"#clinical-data-date\").val() != \"\") {\r\n anticipatedClinicalDataDate = parseDateString($(\"#clinical-data-date\").val());\r\n }\r\n\r\n let startDate = new Date(\"0001-01-01T00:00:00\");\r\n if ($(\"#project-start-date\").val() != \"\") {\r\n startDate = parseDateString($(\"#project-start-date\").val());\r\n }\r\n\r\n let endDate = new Date(\"0001-01-01T00:00:00\");\r\n if ($(\"#project-end-date\").val() != \"\") {\r\n endDate = parseDateString($(\"#project-end-date\").val());\r\n }\r\n\r\n let anticipatedFundingSubmissionDate = null;\r\n if ($(\"#a-project-funding-submission\").val() != \"\") {\r\n anticipatedFundingSubmissionDate = parseDateString($(\"#a-project-funding-submission\").val());\r\n }\r\n\r\n let anticipatedFundingAwardDate = null;\r\n if ($(\"#a-project-funding-award\").val() != \"\") {\r\n anticipatedFundingAwardDate = parseDateString($(\"#a-project-funding-award\").val());\r\n }\r\n\r\n // Bind Form Data to Object\r\n let formData: SaveForm = {\r\n Id: formId,\r\n Status: \"In Draft\",\r\n LastUpdated: new Date(),\r\n User_Id: 0, // Fix on Backend\r\n\r\n RequestorFirstName: $(\"#requestor-first-name\").val() == \"\" ? null : $(\"#requestor-first-name\").val(),\r\n RequestorLastName: $(\"#requestor-last-name\").val() == \"\" ? null : $(\"#requestor-last-name\").val(),\r\n InstitutionName: $(\"#institution\").val() == \"\" ? null : $(\"#institution\").val(),\r\n InstitutionType: institutionTypeString == \"\" ? null : institutionTypeString,\r\n RequestorTelephone: requestorTelephoneString == \"\" ? null : requestorTelephoneString,\r\n RequestorEmail: $(\"#requestor-email\").val() == \"\" ? null : $(\"#requestor-email\").val(),\r\n\r\n LaboratoryName: $(\"#shipping-laboratory-name\").val() == \"\" ? null : $(\"#shipping-laboratory-name\").val(),\r\n ShippingFirstName: $(\"#shipping-first-name\").val() == \"\" ? null : $(\"#shipping-first-name\").val(),\r\n ShippingLastName: $(\"#shipping-last-name\").val() == \"\" ? null : $(\"#shipping-last-name\").val(),\r\n ShippingTelephone: shippingTelephoneString == \"\" ? null : shippingTelephoneString,\r\n ShippingEmail: $(\"#shipping-email\").val() == \"\" ? null : $(\"#shipping-email\").val(),\r\n ShippingCountry: shippingCountry,\r\n ShippingStreet: $(\"#shipping-address\").val() == \"\" ? null : $(\"#shipping-address\").val(),\r\n ShippingStreet2: $(\"#shipping-address2\").val() == \"\" ? null : $(\"#shipping-address2\").val(),\r\n ShippingCity: $(\"#shipping-city\").val() == \"\" ? null : $(\"#shipping-city\").val(),\r\n ShippingState: $(\"#shipping-state\").val() == \"\" ? null : $(\"#shipping-state\").val(),\r\n ShippingZip: $(\"#shipping-zip\").val() == \"\" ? null : $(\"#shipping-zip\").val(),\r\n ShippingAccountName: $(\"#shipping-account-name\").val() == \"\" ? null : $(\"#shipping-account-name\").val(),\r\n ShippingAccountNumber: $(\"#shipping-account\").val() == \"\" ? null : $(\"#shipping-account\").val(),\r\n ShippingSpecialInstructions: $(\"#shipping-special-instructions\").val() == \"\" ? null : $(\"#shipping-special-instructions\").val(),\r\n AgreementContactFirstName: $(\"#shipping-agreement-first-name\").val() == \"\" ? null : $(\"#shipping-agreement-first-name\").val(),\r\n AgreementContactLastName: $(\"#shipping-agreement-last-name\").val() == \"\" ? null : $(\"#shipping-agreement-last-name\").val(),\r\n AgreementContactTelephone: $(\"#shipping-agreement-telephone\").val() == \"\" ? null : $(\"#shipping-agreement-telephone\").val(),\r\n AgreementContactEmail: $(\"#shipping-agreement-email\").val() == \"\" ? null : $(\"#shipping-agreement-email\").val(),\r\n\r\n\r\n ProjectTitle: $(\"#project-title\").val() == \"\" ? null : $(\"#project-title\").val(),\r\n ShortTitle: $(\"#project-short-title\").val() == \"\" ? null : $(\"#project-short-title\").val(),\r\n PINames: piNamesString == \"\" ? null : piNamesString,\r\n Background: $(\"#project-background\").val() == \"\" ? null : $(\"#project-background\").val(),\r\n ScientificAims: $(\"#project-scientific-aims\").val() == \"\" ? null : $(\"#project-scientific-aims\").val(),\r\n Significance: $(\"#project-significance\").val() == \"\" ? null : $(\"#project-significance\").val(),\r\n Methods: $(\"#project-methods\").val() == \"\" ? null : $(\"#project-methods\").val(),\r\n Approach: $(\"#project-sample-size\").val() == \"\" ? null : $(\"#project-sample-size\").val(),\r\n ParticipantDescription: $(\"#additional-info-participant-pop\").val() == \"\" ? null : $(\"#additional-info-participant-pop\").val(),\r\n ClinicalData: $(\"#clinical-data\").val() == \"\" ? null : $(\"#clinical-data\").val(),\r\n AnticipatedClinicalDataDate: anticipatedClinicalDataDate, // $(\"#clinical-data-date\").val(),\r\n ClinicalDataAdditional: $(\"#clinical-data-additional\").val() == \"\" ? null : $(\"#clinical-data-additional\").val(),\r\n\r\n SharingPlan: $(\"#project-sharing-plan\").val() == \"\" ? null : $(\"#project-sharing-plan\").val(),\r\n BiospecimenUse: $(\"#project-ability\").val() == \"\" ? null : $(\"#project-ability\").val(),\r\n StartDate: startDate, //$(\"#project-start-date\").val(),\r\n CompletionDate: endDate, //$(\"#project-end-date\").val(),\r\n FundingAvailable: $(\"#funding-available\").val() == \"Yes\" ? true : false,\r\n NIHFunding: $(\"#funding-NIH\").is(\":checked\"),\r\n AnticipatedNIHFunding: $(\"#a-funding-NIH\").is(\":checked\"),\r\n NIHAwardNumber: $(\"#project-specify-award\").val() == \"\" ? null : $(\"#project-specify-award\").val(),\r\n OtherFederalFunding: $(\"#funding-other-US\").is(\":checked\"),\r\n AnticipatedOtherFederalFunding: $(\"#a-funding-other-US\").is(\":checked\"),\r\n OtherFederalName: $(\"#project-specify-agency\").val() == \"\" ? null : $(\"#project-specify-agency\").val(),\r\n AnticipatedOtherFederalName: $(\"#a-project-specify-agency\").val() == \"\" ? null : $(\"#a-project-specify-agency\").val(),\r\n FoundationFunding: $(\"#funding-foundation\").is(\":checked\"),\r\n AnticipatedFoundationFunding: $(\"#a-funding-foundation\").is(\":checked\"),\r\n IndustryFunding: $(\"#funding-industry\").is(\":checked\"),\r\n AnticipatedIndustryFunding: $(\"#a-funding-industry\").is(\":checked\"),\r\n OtherFunding: $(\"#funding-other\").is(\":checked\"),\r\n AnticipatedOtherFunding: $(\"#a-funding-other\").is(\":checked\"),\r\n OtherFundingName: $(\"#project-other-specify\").val() == \"\" ? null : $(\"#project-other-specify\").val(),\r\n AnticipatedOtherFundingName: $(\"#a-project-other-specify\").val() == \"\" ? null : $(\"#a-project-other-specify\").val(),\r\n AnticipatedFundingSubmissionCheck: $(\"#a-funding-available\").val() == \"\" ? null : $(\"#a-funding-available\").val(),\r\n AnticipatedFundingSubmission: anticipatedFundingSubmissionDate, //$(\"#a-project-funding-submission\").val(),\r\n AnticipatedFundingAward: anticipatedFundingAwardDate, //$(\"#a-project-funding-award\").val(),\r\n\r\n AdditionalDetail: $(\"#additional-info-detail\").val() == \"\" ? null : $(\"#additional-info-detail\").val()\r\n\r\n }\r\n\r\n return formData;\r\n\r\n }\r\n \r\n}","\r\n\r\n\r\n\r\nexport class TableColumnVisibilityController {\r\n\r\n tableId: string;\r\n columnGroups: TableColumnGroup[];\r\n\r\n constructor(tableId: string, dropdownDivId: string, columnGroups: TableColumnGroup[]) {\r\n this.tableId = tableId;\r\n this.columnGroups = columnGroups;\r\n\r\n $(dropdownDivId).empty().html(\"Columns to View
\");\r\n\r\n $('#column-filter-dropdown').selectpicker({\r\n dropupAuto: false,\r\n selectedTextFormat: \"count\",\r\n\r\n countSelectedText: (numSelected, numTotal) => {\r\n if (numSelected == numTotal) {\r\n return \"All Available\";\r\n }\r\n else {\r\n return numSelected + \" Selected\";\r\n }\r\n }\r\n });\r\n this.columnGroups.forEach((group: TableColumnGroup) => {\r\n $('#column-filter-dropdown').append(new Option(group.name, group.name, false, group.visible));\r\n });\r\n $('#column-filter-dropdown').selectpicker(\"refresh\");\r\n\r\n\r\n $('#column-filter-dropdown').on('changed.bs.select', (e, clickedIndex, isSelected, previousValue) => {\r\n this.updateColumnVisibility();\r\n });\r\n this.updateColumnVisibility();\r\n\r\n }\r\n\r\n refresh(): void {\r\n $('#column-filter-dropdown').selectpicker(\"refresh\");\r\n }\r\n\r\n updateColumnVisibility(): void {\r\n\r\n let values: string[] = ($('#column-filter-dropdown').val());\r\n\r\n let visibleColumns: number[] = [];\r\n let visibleStyles: string[] = [];\r\n let hiddenColumns: number[] = [];\r\n let hiddenStyles: string[] = [];\r\n this.columnGroups.forEach((colgroup: TableColumnGroup) => {\r\n if (values.includes(colgroup.name)) {\r\n visibleColumns.push(...colgroup.columns);\r\n if (colgroup.columnStyle.length > 0) { visibleStyles.push(colgroup.columnStyle); }\r\n }\r\n else {\r\n hiddenColumns.push(...colgroup.columns);\r\n if (colgroup.columnStyle.length > 0) { hiddenStyles.push(colgroup.columnStyle); }\r\n }\r\n });\r\n\r\n var table = $(this.tableId).DataTable();\r\n if (hiddenColumns.length > 0) { table.columns(hiddenColumns).visible(false, false); }\r\n if (visibleColumns.length > 0) { table.columns(visibleColumns).visible(true, false); }\r\n\r\n hiddenStyles.forEach((style: string) => {\r\n table.columns('.' + style).visible(false, false);\r\n });\r\n visibleStyles.forEach((style: string) => {\r\n table.columns('.' + style).visible(true, false);\r\n });\r\n\r\n table.columns.adjust().draw(false); // adjust column sizing and redraw\r\n\r\n }\r\n}\r\n\r\n\r\nexport class TableColumnGroup {\r\n name: string;\r\n visible: boolean;\r\n columns: number[];\r\n columnStyle: string;\r\n\r\n constructor(name: string, visible: boolean, columns: number[], columnStyle: string) {\r\n this.name = name;\r\n this.visible = visible;\r\n this.columns = columns;\r\n this.columnStyle = columnStyle;\r\n }\r\n}","// extracted by mini-css-extract-plugin","import { BiorepositoryLookup } from \"../../inventory-summary/scripts/inventory-lookup\";\r\n\r\n\r\nexport class SpecimenSearchResult {\r\n Barcode: string;\r\n QualityId: number;\r\n SampleTypeId: number;\r\n StatusId: number;\r\n StudyId: number;\r\n ThawCount: number;\r\n VialId: string;\r\n Volume: number;\r\n UnitsId: number;\r\n Patient: string;\r\n Timepoint: number;\r\n\r\n SampleType: string;\r\n Quality: string;\r\n Status: string;\r\n Study: string;\r\n TimepointDisplay: string;\r\n Units: string;\r\n\r\n SampleId: string;\r\n\r\n constructor() { }\r\n\r\n initialize(): void {\r\n this.SampleType = BiorepositoryLookup.GetValueFromIdAndType(this.SampleTypeId, 'sample-type');\r\n this.Status = BiorepositoryLookup.GetValueFromIdAndType(this.StatusId, 'specimen-status');\r\n this.Study = BiorepositoryLookup.GetValueFromIdAndType(this.StudyId, 'study');\r\n this.Quality = BiorepositoryLookup.GetValueFromIdAndType(this.QualityId, 'quality');\r\n\r\n switch (this.Timepoint) {\r\n case 0: this.TimepointDisplay = \"Baseline\"; break;\r\n case 1: this.TimepointDisplay = \"Day 1\"; break;\r\n case 2: this.TimepointDisplay = \"Day 2\"; break;\r\n case 3: this.TimepointDisplay = \"Day 3\"; break;\r\n case 4: this.TimepointDisplay = \"Day 4\"; break;\r\n case 5: this.TimepointDisplay = \"Day 5\"; break;\r\n case 6: this.TimepointDisplay = \"Day 6\"; break;\r\n case 7: this.TimepointDisplay = \"Day 7\"; break;\r\n case 8: this.TimepointDisplay = \"Day 8\"; break;\r\n case 9: this.TimepointDisplay = \"Day 9\"; break;\r\n case 10: this.TimepointDisplay = \"Day 10\"; break;\r\n case 11: this.TimepointDisplay = \"Day 11\"; break;\r\n case 12: this.TimepointDisplay = \"Day 12\"; break;\r\n case 13: this.TimepointDisplay = \"Day 13\"; break;\r\n case 14: this.TimepointDisplay = \"Day 14\"; break;\r\n case 15: this.TimepointDisplay = \"Day 15\"; break;\r\n case 16: this.TimepointDisplay = \"Day 16\"; break;\r\n case 17: this.TimepointDisplay = \"Day 17\"; break;\r\n case 18: this.TimepointDisplay = \"Day 18\"; break;\r\n case 22: this.TimepointDisplay = \"Day 22\"; break;\r\n case 24: this.TimepointDisplay = \"Day 24\"; break;\r\n case 26: this.TimepointDisplay = \"Day 26\"; break;\r\n case 27: this.TimepointDisplay = \"Day 27\"; break;\r\n case 29: this.TimepointDisplay = \"Day 29\"; break;\r\n case 31: this.TimepointDisplay = \"Day 31\"; break;\r\n case 60: this.TimepointDisplay = \"Day 60\"; break;\r\n case 99: this.TimepointDisplay = \"Treatment End\"; break;\r\n default: this.TimepointDisplay = \"Unknown\"; break;\r\n }\r\n\r\n this.SampleId = this.Patient + \"_\" + this.SampleTypeId + \"_\" + this.Timepoint;\r\n\r\n switch (this.UnitsId) {\r\n case 0: this.Units = \"μL\"; break;\r\n case 1: this.Units = \"Spots\"; break;\r\n default: this.Units = \"Unknown\"; break;\r\n }\r\n\r\n //console.log(this);\r\n }\r\n}","import { SampleRequestFormData } from './sample-request-form-data.entities'\r\nimport { SampleRequestCommentData } from './sample-request-form-data.entities'\r\nimport { FormatDate } from '../../../shared/scripts/date-functions'\r\nimport { plainToClass } from 'class-transformer';\r\n\r\ndeclare var $: any;\r\n\r\nexport class RequestDashboardAdminModal {\r\n currentForm: SampleRequestFormData;\r\n allComments: SampleRequestCommentData[];\r\n currentComment: SampleRequestCommentData;\r\n\r\n constructor(allComments: SampleRequestCommentData[]) {\r\n this.allComments = allComments.sort((a, b) => b.id - a.id); \r\n let self = this;\r\n\r\n // --- Tabs ---\r\n $(\"#admin-view-tabs\").find(\".nav-link\").click(function () {\r\n // hide all sections\r\n $(\"#admin-modal-feedback\").addClass(\"inactive-section\");\r\n $(\"#admin-modal-update-status\").addClass(\"inactive-section\");\r\n $(\"#admin-modal-comments\").addClass(\"inactive-section\");\r\n\r\n // show the correct tab\r\n if ($(this).hasClass(\"admin-feedback-tab\")) {\r\n $(\"#admin-modal-feedback\").removeClass(\"inactive-section\");\r\n }\r\n else if ($(this).hasClass(\"admin-update-tab\")) {\r\n $(\"#admin-modal-update-status\").removeClass(\"inactive-section\");\r\n }\r\n else if ($(this).hasClass(\"admin-comment-tab\")) {\r\n $(\"#admin-modal-comments\").removeClass(\"inactive-section\");\r\n }\r\n\r\n // make all nav-links inactive\r\n $(\"#admin-view-tabs\").find(\".nav-link\").removeClass(\"active\");\r\n\r\n // add active tab to the tab that was clicked\r\n $(this).addClass(\"active\");\r\n });\r\n\r\n // --- Update Status ---\r\n $(\"#update-status-select\").change(function () {\r\n $(\"#update-status-after\").text($(this).val());\r\n\r\n if (self.validateUpdateStatus()) {\r\n $(\"#update-status-btn\").removeClass(\"disabled\");\r\n }\r\n else {\r\n $(\"#update-status-btn\").addClass(\"disabled\");\r\n }\r\n });\r\n\r\n $(\"#update-status-comment-input\").on(\"keyup\", function () {\r\n if (self.validateUpdateStatus()) {\r\n $(\"#update-status-btn\").removeClass(\"disabled\");\r\n }\r\n else {\r\n $(\"#update-status-btn\").addClass(\"disabled\");\r\n }\r\n });\r\n\r\n $(\"#update-status-btn\").click(function () {\r\n // update the SampleRequestFormArray\r\n self.updateDatabase(self.currentForm, $(\"#update-status-select\").val())\r\n })\r\n\r\n $(\"#update-status-source\").change(function () {\r\n\r\n if (self.validateUpdateStatus()) {\r\n $(\"#update-status-btn\").removeClass(\"disabled\");\r\n }\r\n else {\r\n $(\"#update-status-btn\").addClass(\"disabled\");\r\n }\r\n })\r\n\r\n // --- Comments ---\r\n\r\n // only allow users to add a new comment if there is content in the new comment input\r\n $(\"#add-comment-input\").on(\"keyup\", function () {\r\n if ($(\"#add-comment-input\").val() != \"\") {\r\n $(\"#add-comment-btn\").removeClass(\"disabled\");\r\n }\r\n else {\r\n $(\"#add-comment-btn\").addClass(\"disabled\");\r\n }\r\n });\r\n\r\n // create comment and post to database when button is clicked\r\n $(\"#add-comment-btn\").click(function () {\r\n self.createCommentObj();\r\n })\r\n }\r\n\r\n public openUpdateStatusModal(formData: SampleRequestFormData) {\r\n // reset existing fields\r\n $(\"#update-status-comment-input\").val(\"\");\r\n $(\"#update-status-btn\").addClass(\"disabled\");\r\n\r\n $(\"#update-status-formId\").text(formData.combinedId);\r\n $(\"#update-status-title-status\").text(formData.status);\r\n $(\"#update-status-before\").text(formData.status);\r\n\r\n $(\"#before-source\").val(formData.source);\r\n $(\"#update-status-select\").val(formData.status).change();\r\n\r\n if (formData.source != \"\" && formData.source != null) {\r\n $(\"#update-status-source\").val(formData.source).change();\r\n $(\"#before-source-text\").text(formData.source)\r\n }\r\n else {\r\n $(\"#update-status-source\").val(\"--- No Source Selected ---\").change();\r\n $(\"#before-source-text\").text(\"None\");\r\n }\r\n\r\n // set current form\r\n this.currentForm = formData;\r\n }\r\n\r\n validateUpdateStatus(): boolean {\r\n\r\n if ($(\"#update-status-comment-input\").val() != \"\" && $(\"#before-source\").val() != $(\"#update-status-source\").val()) {\r\n if ($(\"#before-source\").val() == \"\" && $(\"#update-status-source\").val() == \"--- No Source Selected ---\") {\r\n // do nothing\r\n }\r\n else {\r\n return true\r\n }\r\n }\r\n\r\n if ($(\"#update-status-comment-input\").val() != \"\" && $(\"#update-status-after\").text() != $(\"#update-status-before\").text()) {\r\n return true;\r\n }\r\n\r\n return false;\r\n\r\n }\r\n\r\n updateDatabase(formData: SampleRequestFormData, newStatus: string) {\r\n // update the formStatus\r\n let updatedForm = formData;\r\n updatedForm.status = newStatus;\r\n\r\n if ($(\"#update-status-source\").val() == \"--- No Source Selected ---\") {\r\n updatedForm.source = null;\r\n }\r\n else {\r\n updatedForm.source = $(\"#update-status-source\").val(); \r\n }\r\n\r\n\r\n let parsedFormId = parseInt(formData.id);\r\n\r\n if (parsedFormId == NaN) {\r\n return;\r\n }\r\n\r\n let comment: SampleRequestCommentData = {\r\n id: 0,\r\n creationDate: new Date(),\r\n userId: 0, // set on backend\r\n username: \"user\", // set on backend\r\n beforeStatus: $(\"#update-status-before\").text(),\r\n afterStatus: newStatus,\r\n comment: $(\"#update-status-comment-input\").val(),\r\n sampleRequestFormId: parsedFormId\r\n }\r\n\r\n $(\"#loading-update-status\").removeClass(\"inactive-section\");\r\n $(\"#update-status-comment-input\").val(\"\");\r\n $(\"#update-status-btn\").addClass(\"disabled\");\r\n\r\n // ajax request to controller\r\n $.ajax({\r\n url: '/secure/request-dashboard/request-dashboard?handler=UpdateStatus',\r\n method: \"POST\",\r\n //dataType: \"json\",\r\n //contentType: \"application/json\",\r\n data: { formData: JSON.stringify(updatedForm), commentData: JSON.stringify(comment) },\r\n headers: { \"RequestVerificationToken\": $('input[name=\"__RequestVerificationToken\"]').val() },\r\n success: (response) => {\r\n\r\n $(\"#loading-update-status\").addClass(\"inactive-section\");\r\n /*console.log(response);\r\n let udpatedForm: SampleRequestFormData = plainToClass(SampleRequestFormData, response);\r\n console.log(updatedForm);*/\r\n $(\"#update-status-modal\").modal(\"hide\");\r\n\r\n // refresh page\r\n location.reload();\r\n\r\n },\r\n error: (response) => {\r\n console.log(\"error\", response);\r\n alert(\"An unexpected error occurred. Please try again.\");\r\n }\r\n });\r\n }\r\n\r\n public populateComments(formId: string) {\r\n // clear existing comments\r\n $(\"#admin-modal-comments-view\").empty();\r\n $(\"#add-comment-input\").val(\"\");\r\n\r\n // parse Id\r\n let parsedId = parseInt(formId);\r\n\r\n if (parsedId != NaN) {\r\n\r\n let formComments = this.allComments.filter(comment => comment.sampleRequestFormId == parsedId);\r\n\r\n let commentHTML = ``;\r\n\r\n // create HTML object\r\n if (formComments.length > 0) {\r\n formComments.forEach((comment, i) => {\r\n let evenClass = \"odd\";\r\n if (i % 2 == 0) {\r\n evenClass = \"even\";\r\n }\r\n\r\n commentHTML += `\r\n \r\n `;\r\n if (i + 1 != formComments.length) {\r\n commentHTML += `response);\r\n // newest comment goes first\r\n this.allComments.unshift(newComment);\r\n\r\n // add comment to comment modal\r\n this.populateComments(newComment.sampleRequestFormId.toString());\r\n\r\n },\r\n error: (response) => {\r\n console.log(\"error\", response);\r\n alert(\"An unexpected error occurred. Please try again.\");\r\n }\r\n });\r\n\r\n }\r\n\r\n public populateFeedback(formId: string) {\r\n // clear existing comments\r\n $(\"#admin-feedback-table\").empty();\r\n\r\n // parse Id\r\n let parsedId = parseInt(formId);\r\n\r\n if (parsedId != NaN) {\r\n\r\n let formComments = this.allComments.filter(comment => comment.sampleRequestFormId == parsedId && comment.beforeStatus != comment.afterStatus);\r\n\r\n let commentHTML = ``;\r\n\r\n // create HTML object\r\n if (formComments.length > 0) {\r\n commentHTML += `\r\n \r\n \r\n \r\n Status \r\n Days in Status \r\n Date \r\n Feedback \r\n \r\n \r\n \r\n `;\r\n\r\n formComments.forEach((comment, i) => {\r\n let startDate = new Date(comment.creationDate);\r\n let endDate = new Date(Date.now());\r\n\r\n if (i > 0) {\r\n endDate = new Date(formComments[i - 1].creationDate);\r\n }\r\n\r\n let timeDifference = endDate.getTime() - startDate.getTime();\r\n let dayDifference = Math.round(timeDifference / (1000 * 3600 * 24));\r\n\r\n commentHTML += `\r\n \r\n ${comment.afterStatus} \r\n ${dayDifference} \r\n ${FormatDate(comment.creationDate)} \r\n ${comment.comment} \r\n \r\n `;\r\n });\r\n\r\n commentHTML += `\r\n \r\n
\r\n `;\r\n\r\n\r\n }\r\n else {\r\n commentHTML += `\r\n \r\n
There is currently no feedback for this request.
\r\n
\r\n \r\n ${query.id} \r\n \r\n ${query.queryName} \r\n \r\n `;\r\n\r\n // if the query isn't in the database\r\n if (query.id == 0) {\r\n content = `\r\n \r\n \r\n ${query.id}\r\n \r\n ${query.queryName} \r\n Not Available \r\n Not Available \r\n \r\n `;\r\n }\r\n queryHTML += content;\r\n });\r\n\r\n // formatting for timepoint(s)\r\n let timepointHTMLTableContent = \"\";\r\n sample.timepoint.split(\",\").forEach(timepoint => {\r\n timepointHTMLTableContent += `${timepoint} \r\n \r\n \r\n Timepoint(s) \r\n \r\n \r\n \r\n Timepoint(s) \r\n ${timepointHTMLTableContent}\r\n \r\n
\r\n `;\r\n\r\n let studyNames: string[] = [\"ACTIV1\", \"ACTIV4a\", \"ACTIV4c\", \"ACTIV4 Host Tissue\"]\r\n let studyDisplayNames: string[] = [\"ACTIV1 Immune Modulators\", \"ACTIV4a Inpatient\", \"ACTIV4c Convalescent\", \"ACTIV4d Host Tissue\"]\r\n\r\n let displayStudy = sample.study;\r\n let foundStudyIndex = studyNames.indexOf(sample.study);\r\n if (foundStudyIndex != -1) {\r\n displayStudy = studyDisplayNames[foundStudyIndex];\r\n }\r\n \r\n $(\"#samples-requested\").append(\r\n `\r\n \r\n \r\n Request #${i + 1}: ${sample.sampleQueryName} \r\n \r\n \r\n \r\n \r\n Request #${i + 1}: ${sample.sampleQueryName} \r\n \r\n \r\n Study: \r\n ${displayStudy} \r\n \r\n \r\n Biospecimen Type: \r\n ${sample.sampleType} \r\n \r\n \r\n Treatment Arm: \r\n ${sample.treatmentArm} \r\n \r\n \r\n Number of Biospecimens Requested per Timepoint: \r\n ${sample.quantity} \r\n \r\n \r\n Amount per Biospecimen: \r\n ${sample.volume} ${sample.unit} \r\n \r\n \r\n Timepoint: \r\n ${timepointHTMLTable} \r\n \r\n \r\n Queries: \r\n \r\n \r\n \r\n \r\n Id \r\n Query Name \r\n Available Participants \r\n Available Biospecimens \r\n \r\n \r\n \r\n Id \r\n Query Name \r\n Available Participants \r\n Available Biospecimens \r\n \r\n \r\n ${queryHTML}\r\n \r\n
\r\n \r\n \r\n \r\n Other Specifications: \r\n ${sample.otherSpecifications != null ? sample.otherSpecifications : \"\"} \r\n \r\n \r\n
`\r\n );\r\n\r\n // --- Getting Total Requested / Total Available\r\n /*queryData.forEach(query => {\r\n if (query.id != 0) {\r\n this.searchQueries(query.queryJson, sample.sampleRequestFormId, query.id)\r\n }\r\n });*/\r\n\r\n });\r\n\r\n // --- Getting Total Requested / Total Available\r\n this.searchQueries(queries, sampleData, formId);\r\n \r\n }\r\n\r\n // populates available particpants + available biospecimens in table\r\n searchQueries(queries: UserQuery[], sampleData: SampleRequestsData[], formId: string) {\r\n let queryDataIds: number[] = [];\r\n let sampleFormIds: number[] = [];\r\n let queryData: string[] = [];\r\n\r\n // create queryJson Array, queryId Array, and sampleFormId Array\r\n sampleData.forEach(sample => {\r\n let queryStringArr: string[] = sample.queries.split(\",\");\r\n queryStringArr.forEach(query => {\r\n let queryId = parseInt(query);\r\n if (queryId != NaN && queryId != 0) {\r\n let query = queries.find(query => query.id == queryId);\r\n if (query != undefined) {\r\n queryDataIds.push(queryId);\r\n sampleFormIds.push(sample.id);\r\n\r\n // Parse JSON Data, so it won't be double stringified\r\n queryData.push(JSON.parse(query.queryJson));\r\n }\r\n }\r\n });\r\n });\r\n\r\n let jsonDataArray = JSON.stringify(queryData);\r\n\r\n var request = $.ajax({\r\n url: '/secure/request-dashboard/request-dashboard?handler=QuerySearch',\r\n method: \"POST\",\r\n //dataType: \"json\",\r\n //contentType: \"application/json\",\r\n data: { queryData: jsonDataArray },\r\n headers: { \"RequestVerificationToken\": $('input[name=\"__RequestVerificationToken\"]').val() },\r\n success: (response: []) => {\r\n\r\n //console.log(response);\r\n\r\n // populate query table\r\n response.forEach((result, i) => {\r\n let searchResult: SpecimenSearchResult[] = plainToClass(SpecimenSearchResult, result);\r\n let patientSet: Set = new Set();\r\n let sampleSet: Set = new Set();\r\n\r\n searchResult.forEach((result: SpecimenSearchResult) => {\r\n result.initialize();\r\n patientSet.add(result.Patient);\r\n sampleSet.add(result.SampleId);\r\n });\r\n\r\n // Use the sampleFormId and queryDataId to target specific table cell\r\n let participantsId = `#sample-${sampleFormIds[i]}-query-${queryDataIds[i]}-participants`;\r\n let availableId = `#sample-${sampleFormIds[i]}-query-${queryDataIds[i]}-available`;\r\n\r\n $(participantsId).text(patientSet.size).addClass(\"pdf-ready\");\r\n $(availableId).text(sampleSet.size).addClass(\"pdf-ready\");\r\n });\r\n },\r\n error: (response) => {\r\n\r\n if (response.statusText != \"abort\") {\r\n console.log(\"error\", response);\r\n alert(\"An unexpected error occurred. Please try again.\");\r\n }\r\n\r\n // on error, fill table cells with \"Not Available\"\r\n queryDataIds.forEach((queryId, i) => {\r\n let participantsId = `#sample-${sampleFormIds[i]}-query-${queryId}-participants`;\r\n let availableId = `#sample-${sampleFormIds[i]}-query-${queryId}-available`;\r\n\r\n $(participantsId).text(\"Not Available\").addClass(\"pdf-ready\");\r\n $(availableId).text(\"Not Available\").addClass(\"pdf-ready\");\r\n });\r\n }\r\n });\r\n\r\n this.activeQueries.push(request);\r\n }\r\n\r\n public getActiveQueries() {\r\n return this.activeQueries;\r\n }\r\n\r\n}","import { plainToClass } from 'class-transformer';\r\nimport { CountUp } from 'countup.js';\r\nimport { SpecimenSearchResult } from './sample-search.entities';\r\nimport { UserQuery } from '../../../shared/entities/user-query/user-query.entities';\r\nimport { SearchManagement } from './sample-search.search-management';\r\n\r\ndeclare var $: any;\r\n\r\nexport class SampleSearchPage {\r\n\r\n filters: any[];\r\n rules: any;\r\n variableMap: Map; //to map db variables to human readable\r\n filterMap: Map; //to map numeric db options to human readable\r\n updatingRules: boolean = false;\r\n resultsTable: any;\r\n\r\n searchManagement: SearchManagement // for savedQueries\r\n adminSearchManagement: SearchManagement; // for all queries\r\n\r\n //constructor(filters: any[], rules: any) {\r\n constructor(filters: any[], savedQueries: any, allQueries: any, startInAdmin: boolean = false, queryId: string = \"-1\", isAdmin: boolean = false, summaryStatsJson: any) {\r\n\r\n $(() => {\r\n $('.search-results').hide();\r\n\r\n let summaryStats: SummaryStats = plainToClass(SummaryStats, summaryStatsJson);\r\n\r\n this.startCounter('participant-count', summaryStats.Participants);\r\n this.startCounter('sample-count', summaryStats.Samples);\r\n this.startCounter('aliquot-count', summaryStats.Aliquots);\r\n\r\n this.searchManagement = new SearchManagement(savedQueries, this);\r\n\r\n this.initFilters(filters);\r\n this.initRules();\r\n this.initQueryBuilder();\r\n this.initializeTable(isAdmin); // show download button if isAdmin/Reviewer\r\n\r\n this.adminSearchManagement = new SearchManagement(allQueries, this, true, startInAdmin, queryId);\r\n });\r\n }\r\n\r\n initFilters(filters: any[]) {\r\n\r\n this.variableMap = new Map();\r\n this.filterMap = new Map();\r\n\r\n this.filters = filters.map((filter: any) => {\r\n \r\n if (filter.plugin == \"slider\") {\r\n filter.plugin_config.min = +filter.plugin_config.min; //cast to number\r\n filter.plugin_config.max = +filter.plugin_config.max;\r\n filter.plugin_config.value = +filter.plugin_config.value;\r\n\r\n filter.onAfterSetValue = function (rule, value) {\r\n var input = rule.$el.find('.rule-value-container input');\r\n input.slider('setValue', value);\r\n input.val(value); // don't know why I need it\r\n\r\n //input.slider('tooltip', 'always');\r\n //input.slider.addClass('test');\r\n }\r\n }\r\n\r\n //console.log(filter);\r\n this.variableMap.set(filter.id, filter.label.replace(/ /g, \"_\"));\r\n\r\n //configure filterMap to facilitate showing human-readable SQL\r\n if ((filter.type == \"integer\" || filter.type == \"string\") && (filter.input == \"radio\" || filter.input == \"select\")) {\r\n for (let key in filter.values) {\r\n let value: any = \"\";\r\n let label: string = \"\";\r\n let optionRange: number[] = [-99, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 31, 99];\r\n for (let i: number = 0; i <= optionRange.length; ++i) {\r\n if (filter.values[key][optionRange[i] + \"\"] != undefined) {\r\n label = filter.values[key][optionRange[i] + \"\"];\r\n value = optionRange[i];\r\n break;\r\n }\r\n }\r\n if (label == \"\") {\r\n console.log(\"Could not find label:\", filter.values[key]);\r\n console.log(filter.id + \"@\" + key, filter.values[key], label);\r\n }\r\n //console.log(filter.id + \"@\" + key, filter.values[key], label);\r\n this.filterMap.set(filter.id + \"@\" + value, label);\r\n }\r\n }\r\n\r\n return filter;\r\n });\r\n\r\n //console.log(this.variableMap);\r\n //console.log(this.filterMap);\r\n }\r\n\r\n initRules(): any {\r\n this.rules = {\r\n condition: 'AND',\r\n rules: [\r\n {\r\n \"field\": \"PortalStatus\",\r\n \"id\": \"PortalStatus\",\r\n \"input\": \"select\",\r\n \"operator\": \"equal\",\r\n \"type\": \"integer\",\r\n \"value\": 1\r\n }\r\n ]\r\n };\r\n }\r\n\r\n initQueryBuilder() {\r\n\r\n //$('#builder').empty();\r\n\r\n $('#builder').queryBuilder({\r\n filters: this.filters,\r\n rules: this.rules,\r\n icons: {\r\n add_group: 'fas fa-plus-square',\r\n add_rule: 'fas fa-plus',\r\n remove_group: 'fas fa-minus-square',\r\n remove_rule: 'fas fa-trash-alt',\r\n error: 'fas fa-exclamation-circle'\r\n },\r\n lang: {\r\n delete_group: ' ',\r\n delete_rule: ' ',\r\n\r\n }\r\n //lang: {\r\n // \"conditions\": {\r\n // \"AND\": \"ALL\",\r\n // \"OR\": \"ANY\"\r\n // },\r\n //}\r\n });\r\n\r\n $('#builder').on('rulesChanged.queryBuilder', () => {\r\n\r\n //need to disable rule change listener while clearing and resetting rules\r\n if (this.updatingRules) {\r\n return;\r\n }\r\n\r\n var rules = $('#builder').queryBuilder('getSQL', 'named');\r\n //var rules = $('#builder').queryBuilder('getSQL', false);\r\n\r\n if (!rules) {\r\n $('.generated-sql').text(\"\");\r\n $('#save-button').prop('disabled', true);\r\n return;\r\n }\r\n\r\n let formattedSql: string = rules.sql;\r\n\r\n //console.log(formattedSql);\r\n //console.log(rules);\r\n\r\n let labelsMap: Map = new Map();\r\n\r\n for (var key in rules.params) {\r\n if (rules.params.hasOwnProperty(key)) {\r\n\r\n formattedSql = formattedSql.replace(\":\" + key, this.getFilterValue(key, rules.params[key]));\r\n\r\n //update variables with human-readable\r\n let filterId = this.extractFilterId(key);\r\n\r\n if (!labelsMap.has(filterId)) {\r\n labelsMap.set(filterId, this.variableMap.get(filterId));\r\n }\r\n }\r\n }\r\n labelsMap.forEach((value, key, map) => {\r\n //formattedSql = formattedSql.replace(key, value);\r\n formattedSql = formattedSql.split(key).join(value);\r\n });\r\n\r\n\r\n $('#generated-sql').text(formattedSql);\r\n $('#save-button').prop('disabled', false);\r\n\r\n this.rules = $('#builder').queryBuilder('getRules');\r\n\r\n });\r\n $('#builder').trigger('rulesChanged.queryBuilder');\r\n\r\n }\r\n\r\n extractFilterId(key: string) {\r\n\r\n let filterId: string = key.substring(0, key.lastIndexOf(\"_\"));\r\n return filterId;\r\n }\r\n\r\n getFilterValue(key: string, value: any) {\r\n\r\n let filterId: string = this.extractFilterId(key);\r\n let filterMapKey: string = filterId + \"@\" + value;\r\n\r\n let mappedValue: string = this.filterMap.get(filterMapKey);\r\n\r\n if (mappedValue) return \"\\\"\" + mappedValue + \"\\\"\";\r\n else return value;\r\n }\r\n\r\n search(): void {\r\n\r\n //console.log(\"search\", this.rules);\r\n\r\n //contentType: \"application/json; charset=utf-8\",\r\n $.ajax({\r\n type: \"POST\",\r\n url: '/secure/sample-search/sample-search?handler=Search',\r\n dataType: \"json\",\r\n contentType: \"application/json\",\r\n data: JSON.stringify(this.rules),\r\n headers: { \"RequestVerificationToken\": $('input[name=\"__RequestVerificationToken\"]').val() },\r\n success: (response) => {\r\n\r\n //console.log(response);\r\n\r\n let results: SpecimenSearchResult[] = plainToClass(SpecimenSearchResult, response);\r\n let patientSet: Set = new Set();\r\n let sampleSet: Set = new Set();\r\n\r\n results.forEach((result: SpecimenSearchResult) => {\r\n result.initialize();\r\n patientSet.add(result.Patient);\r\n sampleSet.add(result.SampleId);\r\n });\r\n\r\n this.resultsTable.clear();\r\n this.resultsTable.rows.add(results);\r\n this.resultsTable.draw();\r\n\r\n $('.search-results').show();\r\n $('#query-results-table').DataTable().columns.adjust()\r\n\r\n this.startCounter('participant-count', patientSet.size);\r\n $('#participants-title').text(\"Participants\");\r\n this.startCounter('sample-count', sampleSet.size);\r\n $('#samples-title').text(\"Samples\");\r\n this.startCounter('aliquot-count', results.length);\r\n $('#aliquots-title').text(\"Aliquots\");\r\n\r\n\r\n //console.log(results);\r\n },\r\n error: (response) => {\r\n console.log(\"error\", response);\r\n alert(\"An unexpected error occurred. Please try again.\");\r\n }\r\n });\r\n\r\n //JSON.stringify(this.getFormattedRules())\r\n //\r\n }\r\n\r\n saveSearch(): void {\r\n this.searchManagement.saveSearch(JSON.stringify(this.rules), $('#generated-sql').text() + \"\");\r\n }\r\n\r\n deleteSearch(): void {\r\n this.searchManagement.deleteSearch();\r\n }\r\n\r\n updateQueryBuilder(query: UserQuery): void {\r\n\r\n this.updatingRules = true;\r\n $('#builder').queryBuilder('reset');\r\n\r\n if (query == undefined) {\r\n this.initRules();\r\n $('#builder').queryBuilder('setRules', this.rules);\r\n }\r\n else {\r\n $('#builder').queryBuilder('setRules', JSON.parse(query.queryJson));\r\n }\r\n\r\n this.updatingRules = false;\r\n $('#builder').trigger('rulesChanged.queryBuilder');\r\n }\r\n\r\n initializeTable(isAdmin: boolean): void {\r\n let domString = '<\"clear\">lfrti';\r\n\r\n if (isAdmin) {\r\n domString = 'B<\"clear\">lfrtip'\r\n }\r\n\r\n //console.log(isAdmin);\r\n\r\n this.resultsTable = $('#query-results-table').DataTable({\r\n retrieve: true,\r\n dom: domString,\r\n autoWidth: false,\r\n info: false,\r\n paging: true,\r\n scrollX: true,\r\n searching: false,\r\n //scrollY: \"500px\",\r\n //scrollCollapse: true,\r\n language: {\r\n lengthMenu: \"Show _MENU_ Aliquots\"\r\n },\r\n columns: [\r\n { data: \"Study\", class: \"text-left\" },\r\n { data: \"Barcode\", },\r\n { data: \"VialId\", },\r\n { data: \"Patient\", class: \"text-left\" },\r\n { data: \"TimepointDisplay\" },\r\n { data: \"SampleType\" },\r\n { data: \"Status\" },\r\n { data: \"Volume\" },\r\n { data: \"Units\" },\r\n { data: \"ThawCount\" }, //className: \"text-center\" },\r\n { data: \"Quality\" }\r\n ],\r\n buttons: [\r\n {\r\n extend: 'csv',\r\n text: 'allSampleRequestForms);\r\n this.savedQueries = allQueries;\r\n this.totalSampleRequests = plainToClass(SampleRequestsData, allSampleRequests);\r\n this.allComments = plainToClass(SampleRequestCommentData, allRequestComments);\r\n }\r\n else {\r\n this.sampleRequestFormData = plainToClass(SampleRequestFormData, userSampleRequestForms);\r\n this.savedQueries = savedQueries;\r\n this.totalSampleRequests = plainToClass(SampleRequestsData, userSampleRequests);\r\n this.allComments = plainToClass(SampleRequestCommentData, userComments);\r\n }\r\n\r\n // initialize data before sending it to the table generator (adds virtuals)\r\n this.sampleRequestFormData.forEach(form => form.initializeData());\r\n this.requestFormDataTable = new RequestFormDataTable(this.sampleRequestFormData, isAdmin);\r\n\r\n this.requestDashboardSampleInfo = new RequestDashboardSampleInfo();\r\n this.requestDashboardAdminModal = new RequestDashboardAdminModal(this.allComments);\r\n this.requestDashboardStatusHistoryModal = new RequestDashboardStatusHistoryModal(this.allComments);\r\n\r\n this.sampleExportPDF = new SampleExportPDF();\r\n\r\n //document.ready\r\n $(() => {\r\n\r\n let formData = this.sampleRequestFormData;\r\n let requestDashboardSampleInfo = this.requestDashboardSampleInfo;\r\n let requestDashboardSpecimens = this.totalSampleRequests;\r\n let requestDashboardAdminModal = this.requestDashboardAdminModal;\r\n let requestDashboardStatusHistoryModal = this.requestDashboardStatusHistoryModal;\r\n\r\n let sampleExportPDF = this.sampleExportPDF;\r\n let queries = this.savedQueries;\r\n\r\n // fixes scrolling issue when switching between modals\r\n $('.modal').on('shown.bs.modal', function (e) {\r\n $(\"body\").addClass(\"modal-open\")\r\n });\r\n\r\n $(\".generate-new-form\").click(function () {\r\n $(\"#loading-new-form\").removeClass(\"inactive-section\");\r\n })\r\n\r\n // printable PDF with
${FormatDate(comment.creationDate)}
\r\n${comment.beforeStatus} ${comment.afterStatus}
\r\n${comment.comment}
\r\n- ${comment.username}
\r\n