\n
\n\n \n \n \n \n \n\n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n \n\n \n\n \n {(dataSource && dataSource.DepartmentExecutiveStatsReport) &&\n
\n } style={{ marginLeft:10 }} onClick={()=>runExport(true)} loading={isLoading}>\n Download PDF\n \n } style={{ marginLeft:10 }} onClick={()=>runExport(false)} loading={isLoading}>\n Download Excel\n \n \n \n \n }\n\n \n );\n}\n\nexport default ExecutiveStatsDepartment;","import React from \"react\";\nimport {Button, Card, Checkbox, DatePicker, Divider, Form, Input, Select, Space, Table} from \"antd\";\nimport {\n AuthenticatedGetToApi,\n AuthenticatedPostToApi,\n FILEDOWNLOADAuthenticatedPostToApi,\n UnauthenticatedPostToApi\n} from \"../../helpers/api\";\nimport {DownloadOutlined} from \"@ant-design/icons\";\nconst { Option } = Select;\n\n\nfunction ExecutiveStatsEmployee() {\n const [form] = Form.useForm();\n const [DepartmentList, SetDepartmentList] = React.useState([])\n const [DepartmentEmployeeList, SetDepartmenttEmployeeList] = React.useState([])\n const [dataSource, SetDataSource] = React.useState({})\n const [savedReq, SetSavedReq] = React.useState({})\n const [isLoading, setIsLoading] = React.useState(false)\n\n const onFinish = (values) => {\n setIsLoading(true)\n SetDataSource({})\n SetSavedReq(values)\n AuthenticatedPostToApi('/api/Report/EmployeeExecutiveStatsReport',values).then(r=>{\n setIsLoading(false)\n SetDataSource(r)\n }).catch(()=>setIsLoading(false))\n };\n\n const runExport = async (pdf) => {\n setIsLoading(true)\n FILEDOWNLOADAuthenticatedPostToApi('/api/ReportExport/EmployeeExecutiveStatsReport?pdf='+pdf,savedReq).then(r=>{\n setIsLoading(false)\n const blob = new Blob([r]);\n const link = document.createElement('a');\n link.href = window.URL.createObjectURL(blob);\n link.download = `ReportExport-${+new Date()}.`+ (pdf?'pdf':'xlsx');\n link.click();\n link.remove();\n }).catch(()=>setIsLoading(false))\n }\n\n const LoadDepts = async () => {\n let r = await AuthenticatedGetToApi('/api/Central/MyDepartmentList')\n SetDepartmentList(r)\n }\n\n const LoadEmployees = async (dept) => {\n let r = await AuthenticatedPostToApi('/api/Central/DepartmentEmployeeList', {sDept:dept})\n console.log(r)\n SetDepartmenttEmployeeList(r)\n }\n\n React.useEffect(()=>{\n LoadDepts();\n },[])\n\n const columns = [\n {\n title: 'EmpID',\n dataIndex: 'EmpID',\n key: 'EmpID',\n },\n {\n title: 'Dept',\n dataIndex: 'Dept',\n key: 'Dept',\n },\n {\n title: 'State DMV Hit',\n dataIndex: 'State DMV Hit',\n key: 'State DMV Hit',\n },\n {\n title: 'NCIC Hit',\n dataIndex: 'NCIC Hit',\n key: 'NCIC Hit',\n },\n {\n title: 'AOC Hit',\n dataIndex: 'AOC Hit',\n key: 'AOC Hit',\n },\n {\n title: 'State Want Hit',\n dataIndex: 'State Want Hit',\n key: 'State Want Hit',\n },\n {\n title: 'NLETS Want',\n dataIndex: 'NLETS Want',\n key: 'NLETS Want',\n },\n {\n title: 'NLETS Veh Hit',\n dataIndex: 'NLETS Veh Hit',\n key: 'NLETS Veh Hit',\n },\n {\n title: 'Boat Hit',\n dataIndex: 'Boat Hit',\n key: 'Boat Hit',\n },\n {\n title: 'Gun Hit',\n dataIndex: 'Gun Hit',\n key: 'Gun Hit',\n },\n {\n title: 'Article Hit',\n dataIndex: 'Article Hit',\n key: 'Article Hit',\n },\n {\n title: 'Flag 3',\n dataIndex: 'Flag 3',\n key: 'Flag 3',\n },\n {\n title: 'NCIC Stl Veh',\n dataIndex: 'NCIC Stl Veh',\n key: 'NCIC Stl Veh',\n },\n {\n title: 'Total Checks',\n dataIndex: 'Total Checks',\n key: 'Total Checks',\n },\n {\n title: 'Grand Total',\n dataIndex: 'Hit Percent',\n key: 'Hit Percent',\n },\n ]\n\n return (\n \n );\n }}\n >\n {DepartmentEmployeeList.map((v,idx)=>(\n \n ))}\n\n \n \n\n \n \n \n\n \n \n \n\n \n \n \n \n\n \n\n \n\n {(dataSource && dataSource.EmployeeExecutiveStatsReport) &&\n \n } style={{ marginLeft:10 }} onClick={()=>runExport(true)} loading={isLoading}>\n Download PDF\n \n } style={{ marginLeft:10 }} onClick={()=>runExport(false)} loading={isLoading}>\n Download Excel\n \n \n\n \n }\n\n \n );\n}\n\nexport default ExecutiveStatsEmployee;","import React from \"react\";\nimport {Button, Card, Checkbox, DatePicker, Divider, Form, Input, Select, Space, Table} from \"antd\";\nimport {\n AuthenticatedGetToApi,\n AuthenticatedPostToApi,\n FILEDOWNLOADAuthenticatedPostToApi,\n UnauthenticatedPostToApi\n} from \"../../helpers/api\";\nimport {DownloadOutlined} from \"@ant-design/icons\";\nconst { Option } = Select;\n\nfunction EmployeeChecks() {\n const [form] = Form.useForm();\n const [DepartmentList, SetDepartmentList] = React.useState([])\n const [DepartmentEmployeeList, SetDepartmenttEmployeeList] = React.useState([])\n const [dataSource, SetDataSource] = React.useState({})\n const [savedReq, SetSavedReq] = React.useState({})\n const [isLoading, setIsLoading] = React.useState(false)\n\n const onFinish = (values) => {\n setIsLoading(true)\n console.log('Received values of form: ', values);\n SetDataSource({})\n SetSavedReq(values)\n AuthenticatedPostToApi('/api/Report/EmployeeChecksReport',values).then(r=>{\n setIsLoading(false)\n SetDataSource(r)\n }).catch(()=>setIsLoading(false))\n };\n \n const runExport = async (pdf) => {\n setIsLoading(true)\n FILEDOWNLOADAuthenticatedPostToApi('/api/ReportExport/EmployeeChecksReport?pdf='+pdf,savedReq).then(r=>{\n const blob = new Blob([r]);\n const link = document.createElement('a');\n link.href = window.URL.createObjectURL(blob);\n link.download = `ReportExport-${+new Date()}.`+ (pdf?'pdf':'xlsx');\n link.click();\n link.remove();\n setIsLoading(false)\n }).catch(()=>setIsLoading(false))\n }\n\n const LoadDepts = async () => {\n let r = await AuthenticatedGetToApi('/api/Central/MyDepartmentList')\n SetDepartmentList(r)\n }\n\n const LoadEmployees = async (dept) => {\n let r = await AuthenticatedPostToApi('/api/Central/DepartmentEmployeeList', {sDept:dept})\n console.log(r)\n SetDepartmenttEmployeeList(r)\n }\n\n React.useEffect(()=>{\n LoadDepts();\n },[])\n\n const columns = [\n {\n title: 'FirstName',\n dataIndex: 'FirstName',\n key: 'FirstName',\n },\n {\n title: 'LastName',\n dataIndex: 'LastName',\n key: 'LastName',\n },\n {\n title: 'EmpID',\n dataIndex: 'EmpID',\n key: 'EmpID',\n },\n {\n title: 'Dept',\n dataIndex: 'Dept',\n key: 'Dept',\n },\n {\n title: 'Checks',\n dataIndex: 'Checks',\n key: 'Checks',\n },\n ]\n\n return (\n \n );\n }}\n >\n {DepartmentEmployeeList.map((v,idx)=>(\n \n ))}\n\n \n \n\n \n \n \n\n \n \n \n\n \n \n \n \n\n \n\n \n\n {(dataSource && dataSource.EmployeeChecksReport) &&\n \n } style={{ marginLeft:10 }} onClick={()=>runExport(true)} loading={isLoading}>\n Download PDF\n \n } style={{ marginLeft:10 }} onClick={()=>runExport(false)} loading={isLoading}>\n Download Excel\n \n \n\n \n }\n\n \n );\n}\n\nexport default EmployeeChecks;","import React from \"react\";\nimport {Button, Card, Col, DatePicker, Form, Input, Row, Select, Space, Table} from \"antd\";\nimport {AuthenticatedGetToApi, AuthenticatedPostToApi, FILEDOWNLOADAuthenticatedPostToApi} from \"../../helpers/api\";\nimport {DownloadOutlined} from \"@ant-design/icons\";\nconst { RangePicker } = DatePicker;\nconst { Option } = Select;\n\nfunction StopLog() {\n const [DepartmentList, SetDepartmentList] = React.useState([])\n const [dataSource, SetDataSource] = React.useState({})\n const [savedReq, SetSavedReq] = React.useState({})\n const [isLoading, setIsLoading] = React.useState(false)\n\n\n const generateStopTypeColumns = (countName) =>{\n return [\n {\n title: 'Race',\n dataIndex: 'Race',\n key: 'Race',\n },\n {\n title: '# of '+countName,\n dataIndex: 'Count',\n key: 'Count'\n },\n {\n title: '% of '+countName,\n dataIndex: 'Percent',\n key: 'Percent'\n }];\n \n }\n \n const onFinish = (values) => {\n setIsLoading(true)\n SetDataSource({})\n SetSavedReq(values)\n AuthenticatedPostToApi('/api/Report/StopLogReport',values).then(r=>{\n console.log(r)\n SetDataSource(r)\n setIsLoading(false)\n }).catch(()=>setIsLoading(false))\n };\n\n\n const runExport = async (pdf) => {\n setIsLoading(true)\n FILEDOWNLOADAuthenticatedPostToApi('/api/ReportExport/StopLogReport?pdf='+pdf,savedReq).then(r=>{\n setIsLoading(false)\n const blob = new Blob([r]);\n const link = document.createElement('a');\n link.href = window.URL.createObjectURL(blob);\n link.download = `ReportExport-${+new Date()}.`+ (pdf?'pdf':'xlsx');\n link.click();\n link.remove();\n }).catch(()=>setIsLoading(false))\n }\n \n const LoadDepts = async () => {\n let r = await AuthenticatedGetToApi('/api/Central/MyDepartmentList')\n SetDepartmentList(r)\n }\n \n React.useEffect(()=>{\n LoadDepts();\n },[])\n \n return (\n \n
\n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n\n {Object.keys(dataSource).length>0 &&\n
\n } style={{ marginLeft:10 }} onClick={()=>runExport(true)} loading={isLoading}>\n Download PDF\n \n } style={{ marginLeft:10 }} onClick={()=>runExport(false)} loading={isLoading}>\n Download Excel\n \n \n Stop Log
\n \n \n \n \n \n {(dataSource && dataSource.maleStops) &&\n \n }\n
\n {(dataSource && dataSource.maleSummonsIssued) &&\n \n }\n
\n {(dataSource && dataSource.maleWarningsIssued) &&\n \n }\n
\n \n {(dataSource && dataSource.maleArrests) &&\n \n }\n \n \n \n \n \n \n {(dataSource && dataSource.femaleStops) &&\n \n }\n
\n \n {(dataSource && dataSource.femaleSummonsIssued) &&\n \n }\n
\n \n {(dataSource && dataSource.femaleWarningsIssued) &&\n \n }\n
\n \n {(dataSource && dataSource.femaleArrests) &&\n \n }\n \n \n \n \n \n Stop Log Age Breakdown
\n \n \n \n \n \n {(dataSource && dataSource.maleUnder21) &&\n \n }\n
\n \n {(dataSource && dataSource.male22and43) &&\n \n }\n
\n \n {(dataSource && dataSource.male44and65) &&\n \n }\n
\n \n {(dataSource && dataSource.maleOver66) &&\n \n }\n \n \n \n \n \n \n {(dataSource && dataSource.femaleUnder21) &&\n \n }\n
\n \n {(dataSource && dataSource.female22and43) &&\n \n }\n
\n \n {(dataSource && dataSource.female44and65) &&\n \n }\n
\n \n {(dataSource && dataSource.femaleOver66) &&\n \n }\n \n \n \n \n\n\n\n Stop Log Hispanic Ethnicity Breakdown
\n \n \n\n \n \n {(dataSource && dataSource.hispanicMaleStops) &&\n \n }\n
\n {(dataSource && dataSource.hispanicMaleSummonsIssued) &&\n \n }\n
\n {(dataSource && dataSource.hispanicMaleWarningsIssued) &&\n \n }\n
\n\n {(dataSource && dataSource.hispanicMaleArrests) &&\n \n }\n \n \n \n \n \n \n {(dataSource && dataSource.hispanicFemaleStops) &&\n \n }\n
\n\n {(dataSource && dataSource.hispanicFemaleSummonsIssued) &&\n \n }\n
\n\n {(dataSource && dataSource.hispanicFemaleWarningsIssued) &&\n \n }\n
\n\n {(dataSource && dataSource.hispanicFemaleArrests) &&\n \n }\n \n \n \n \n\n Stop Log Age Hispanic Ethnicity Breakdown
\n \n \n\n \n \n {(dataSource && dataSource.hispanicMaleUnder21) &&\n \n }\n
\n\n {(dataSource && dataSource.hispanicMale22and43) &&\n \n }\n
\n\n {(dataSource && dataSource.hispanicMale44and65) &&\n \n }\n
\n\n {(dataSource && dataSource.hispanicMaleOver66) &&\n \n }\n \n \n \n \n \n \n {(dataSource && dataSource.hispanicFemaleUnder21) &&\n \n }\n
\n\n {(dataSource && dataSource.hispanicFemale22and43) &&\n \n }\n
\n\n {(dataSource && dataSource.hispanicFemale44and65) &&\n \n }\n
\n\n {(dataSource && dataSource.hispanicFemaleOver66) &&\n \n }\n \n \n \n \n \n \n \n }\n \n \n );\n}\n\nexport default StopLog;","import React from \"react\";\nimport {Button, Card, Checkbox, DatePicker, Divider, Form, Input, Select, Space, Table} from \"antd\";\nimport {\n AuthenticatedGetToApi,\n AuthenticatedPostToApi,\n FILEDOWNLOADAuthenticatedPostToApi,\n UnauthenticatedPostToApi\n} from \"../../helpers/api\";\nimport {DownloadOutlined} from \"@ant-design/icons\";\nconst { Option } = Select;\n\nfunction StopLogDDACTS() {\n const [form] = Form.useForm();\n const [DepartmentList, SetDepartmentList] = React.useState([])\n const [DepartmentEmployeeList, SetDepartmenttEmployeeList] = React.useState([])\n const [dataSource, SetDataSource] = React.useState({})\n const [savedReq, SetSavedReq] = React.useState({})\n const [isLoading, setIsLoading] = React.useState(false)\n\n const onFinish = (values) => {\n setIsLoading(true)\n SetDataSource({})\n SetSavedReq(values)\n AuthenticatedPostToApi('/api/Report/StopLogDDACTSReport',values).then(r=>{\n setIsLoading(false)\n SetDataSource(r)\n }).catch(()=>setIsLoading(false))\n };\n\n const runExport = async (pdf) => {\n setIsLoading(true)\n FILEDOWNLOADAuthenticatedPostToApi('/api/ReportExport/StopLogDDACTSReport?pdf='+pdf,savedReq).then(r=>{\n setIsLoading(false)\n const blob = new Blob([r]);\n const link = document.createElement('a');\n link.href = window.URL.createObjectURL(blob);\n link.download = `ReportExport-${+new Date()}.`+ (pdf?'pdf':'xlsx');\n link.click();\n link.remove();\n }).catch(()=>setIsLoading(false))\n }\n\n const LoadDepts = async () => {\n let r = await AuthenticatedGetToApi('/api/Central/MyDepartmentList')\n SetDepartmentList(r)\n }\n\n const LoadEmployees = async (dept) => {\n let r = await AuthenticatedPostToApi('/api/Central/DepartmentEmployeeList', {sDept:dept})\n console.log(r)\n SetDepartmenttEmployeeList(r)\n }\n\n React.useEffect(()=>{\n LoadDepts();\n },[])\n\n const columns = [\n {\n title: 'FirstName',\n dataIndex: 'FirstName',\n sorter: (a, b) => a.FirstName.localeCompare(b.FirstName)\n },\n {\n title: 'LastName',\n dataIndex: 'LastName',\n sorter: (a, b) => a.LastName.localeCompare(b.LastName)\n },\n {\n title: 'EmpID',\n dataIndex: 'EmpID',\n sorter: (a, b) => a.EmpID.localeCompare(b.EmpID)\n },\n {\n title: 'RequestID',\n dataIndex: 'UniqueID',\n },\n {\n title: 'Date',\n dataIndex: 'CreatedDate',\n },\n {\n title: 'Sex',\n dataIndex: 'Sex',\n sorter: (a, b) => a.Sex.localeCompare(b.Sex)\n },\n {\n title: 'Race',\n dataIndex: 'AfterRace',\n sorter: (a, b) => a.AfterRace.localeCompare(b.AfterRace)\n },\n {\n title: 'Offense',\n dataIndex: 'Offense',\n sorter: (a, b) => a.Offense.localeCompare(b.Offense)\n },\n {\n title: 'Desc',\n dataIndex: 'OffenseDesc',\n sorter: (a, b) => a.OffenseDesc.localeCompare(b.OffenseDesc)\n },\n {\n title: 'Dispos',\n dataIndex: 'Dispos',\n sorter: (a, b) => a.Dispos.localeCompare(b.Dispos)\n },\n {\n title: 'Search',\n dataIndex: 'Search',\n sorter: (a, b) => a.Search.localeCompare(b.Search)\n },\n {\n title: 'Reasons',\n dataIndex: 'Reasons',\n sorter: (a, b) => a.Reasons.localeCompare(b.Reasons)\n },\n {\n title: 'Location',\n dataIndex: 'Location',\n sorter: (a, b) => a.Location.localeCompare(b.Location)\n },\n ]\n \n return (\n \n );\n }}\n >\n {DepartmentEmployeeList.map((v,idx)=>(\n \n ))}\n\n \n \n\n \n \n \n\n \n \n \n\n \n \n \n \n\n \n\n \n\n {(dataSource && dataSource.StopLogDDACTSReport) &&\n \n } style={{ marginLeft:10 }} onClick={()=>runExport(true)} loading={isLoading}>\n Download PDF\n \n } style={{ marginLeft:10 }} onClick={()=>runExport(false)} loading={isLoading}>\n Download Excel\n \n \n\n \n }\n \n \n );\n}\n\nexport default StopLogDDACTS;","import React from \"react\";\nimport {Button, Card, Checkbox, Col, DatePicker, Divider, Form, Input, Row, Select, Space, Table} from \"antd\";\nimport {\n AuthenticatedGetToApi,\n AuthenticatedPostToApi,\n FILEDOWNLOADAuthenticatedPostToApi,\n UnauthenticatedPostToApi\n} from \"../../helpers/api\";\nimport {DownloadOutlined} from \"@ant-design/icons\";\nconst { Option } = Select;\n\nfunction StopLogByOfficer() {\n const [form] = Form.useForm();\n const [DepartmentList, SetDepartmentList] = React.useState([])\n const [DepartmentEmployeeList, SetDepartmenttEmployeeList] = React.useState([])\n const [dataSource, SetDataSource] = React.useState({})\n const [savedReq, SetSavedReq] = React.useState({})\n const [isLoading, setIsLoading] = React.useState(false)\n \n const onFinish = (values) => {\n setIsLoading(true)\n SetDataSource({})\n SetSavedReq(values)\n AuthenticatedPostToApi('/api/Report/StopLogOfficerReport',values).then(r=>{\n setIsLoading(false)\n SetDataSource(r)\n }).catch(()=>setIsLoading(false))\n };\n\n const runExport = async (pdf) => {\n setIsLoading(true)\n FILEDOWNLOADAuthenticatedPostToApi('/api/ReportExport/StopLogOfficerReport?pdf='+pdf,savedReq).then(r=>{\n setIsLoading(false)\n const blob = new Blob([r]);\n const link = document.createElement('a');\n link.href = window.URL.createObjectURL(blob);\n link.download = `ReportExport-${+new Date()}.`+ (pdf?'pdf':'xlsx');\n link.click();\n link.remove();\n }).catch(()=>setIsLoading(false))\n }\n\n const LoadDepts = async () => {\n let r = await AuthenticatedGetToApi('/api/Central/MyDepartmentList')\n SetDepartmentList(r)\n }\n\n const LoadEmployees = async (dept) => {\n let r = await AuthenticatedPostToApi('/api/Central/DepartmentEmployeeList', {sDept:dept})\n console.log(r)\n SetDepartmenttEmployeeList(r)\n }\n\n React.useEffect(()=>{\n LoadDepts();\n },[])\n\n const columns = [\n {\n title: 'EmpID',\n dataIndex: 'EmpID',\n key: 'EmpID',\n },\n {\n title: 'Male_IM',\n dataIndex: 'Male_IM',\n key: 'Male_IM',\n },\n {\n title: 'Male_A',\n dataIndex: 'Male_A',\n key: 'Male_A',\n },\n {\n title: 'Male_B',\n dataIndex: 'Male_B',\n key: 'Male_B',\n },\n {\n title: 'Male_U',\n dataIndex: 'Male_U',\n key: 'Male_U',\n },\n {\n title: 'Male_W',\n dataIndex: 'Male_W',\n key: 'Male_W',\n },\n {\n title: 'Male_Total',\n dataIndex: 'Male_Total',\n key: 'Male_Total',\n },\n {\n title: 'Female_IM',\n dataIndex: 'Female_IM',\n key: 'Female_IM',\n },\n {\n title: 'Female_A',\n dataIndex: 'Female_A',\n key: 'Female_A',\n },\n {\n title: 'Female_B',\n dataIndex: 'Female_B',\n key: 'Female_B',\n },\n {\n title: 'Female_U',\n dataIndex: 'Female_U',\n key: 'Female_U',\n },\n {\n title: 'Female_W',\n dataIndex: 'Female_W',\n key: 'Female_W',\n },\n {\n title: 'Female_Total',\n dataIndex: 'Female_Total',\n key: 'Female_Total',\n },\n ]\n return (\n \n );\n }}\n >\n {DepartmentEmployeeList.map((v,idx)=>(\n \n ))}\n\n \n \n\n \n \n \n\n \n \n \n\n \n \n \n \n\n \n\n \n\n {Object.keys(dataSource).length>0 &&\n \n } style={{ marginLeft:10 }} onClick={()=>runExport(true)} loading={isLoading}>\n Download PDF\n \n } style={{ marginLeft:10 }} onClick={()=>runExport(false)} loading={isLoading}>\n Download Excel\n \n \n Stop Log Legend : American Indian or Alaskan Native (IM) Asian or Pacific Islander (A) Black (B) Unknown (U) White (W)
\n Stop Log - Gender Breakdown
\n {(dataSource && dataSource.AllStopsBreakdown) &&\n \n }\n\n Stop Log - Ethnicity Breakdown
\n {(dataSource && dataSource.EthnicityAllStopsBreakdown) &&\n \n }\n \n Stop Log - Summons Breakdown
\n {(dataSource && dataSource.SummonsBreakdown) &&\n \n }\n Stop Log - Warning Breakdown
\n {(dataSource && dataSource.WarningsBreakdown) &&\n \n }\n Stop Log - Arrest Breakdown
\n {(dataSource && dataSource.ArrestsBreakdown) &&\n \n }\n\n Stop Log - Ethnicity Summons Breakdown
\n {(dataSource && dataSource.EthnicitySummonsBreakdown) &&\n \n }\n Stop Log - Ethnicity Warning Breakdown
\n {(dataSource && dataSource.EthnicityWarningsBreakdown) &&\n \n }\n Stop Log - EthnicityArrest Breakdown
\n {(dataSource && dataSource.EthnicityArrestsBreakdown) &&\n \n }\n\n Stop Log - Age Under 21
\n {(dataSource && dataSource.AgeUnder21) &&\n \n }\n Stop Log - Age 22-43
\n {(dataSource && dataSource.Age22to43) &&\n \n }\n Stop Log - Age 44-65
\n {(dataSource && dataSource.Age44to65) &&\n \n }\n Stop Log - Age 66+
\n {(dataSource && dataSource.AgeOver66) &&\n \n }\n\n \n }\n \n );\n}\n\nexport default StopLogByOfficer;","import React from \"react\";\nimport {Button, Card, Checkbox, Col, DatePicker, Divider, Form, Input, Row, Select, Space, Table} from \"antd\";\nimport {AuthenticatedGetToApi, AuthenticatedPostToApi, FILEDOWNLOADAuthenticatedPostToApi} from \"../../helpers/api\";\nimport {DownloadOutlined} from \"@ant-design/icons\";\nconst { Option } = Select;\n\nfunction WarningReport() {\n const [form] = Form.useForm();\n const [DepartmentList, SetDepartmentList] = React.useState([])\n const [DepartmentEmployeeList, SetDepartmenttEmployeeList] = React.useState([])\n const [StatuteList, SetStatuteList] = React.useState([])\n const [dataSource, SetDataSource] = React.useState({})\n const [savedReq, SetSavedReq] = React.useState({})\n const [isLoading, setIsLoading] = React.useState(false)\n\n const onFinish = (values) => {\n setIsLoading(true)\n SetDataSource({})\n SetSavedReq(values)\n AuthenticatedPostToApi('/api/Report/WarningReport',values).then(r=>{\n setIsLoading(false)\n SetDataSource(r)\n }).catch(()=>setIsLoading(false))\n };\n\n const runExport = async (pdf) => {\n setIsLoading(true)\n FILEDOWNLOADAuthenticatedPostToApi('/api/ReportExport/WarningReport?pdf='+pdf,savedReq).then(r=>{\n setIsLoading(false)\n const blob = new Blob([r]);\n const link = document.createElement('a');\n link.href = window.URL.createObjectURL(blob);\n link.download = `ReportExport-${+new Date()}.`+ (pdf?'pdf':'xlsx');\n link.click();\n link.remove();\n }).catch(()=>setIsLoading(false))\n }\n\n const LoadDepts = async () => {\n let r = await AuthenticatedGetToApi('/api/Central/MyDepartmentList')\n SetDepartmentList(r)\n let r2 = await AuthenticatedGetToApi('/api/Central/MySummonsStatuteList')\n SetStatuteList(r2)\n }\n const LoadEmployees = async (dept) => {\n let r = await AuthenticatedPostToApi('/api/Central/DepartmentEmployeeList', {sDept:dept})\n console.log(r)\n SetDepartmenttEmployeeList(r)\n }\n\n React.useEffect(()=>{\n LoadDepts();\n },[])\n\n const columns = [\n {\n title: 'Issued By',\n dataIndex: 'IssuedBy',\n sorter: (a, b) => a.IssuedBy.localeCompare(b.IssuedBy)\n\n },\n {\n title: 'Department',\n dataIndex: 'Department',\n sorter: (a, b) => a.Department.localeCompare(b.Department)\n },\n {\n title: 'Count',\n dataIndex: 'Count',\n sorter: (a, b) => a.Department-b.Department\n },\n {\n title: 'Statute',\n dataIndex: 'Statute',\n sorter: (a, b) => a.Statute.localeCompare(b.Statute)\n },\n {\n title: 'Statute Text',\n dataIndex: 'StatuteText',\n sorter: (a, b) => a.StatuteText.localeCompare(b.StatuteText)\n },\n ]\n \n return (\n \n );\n }}\n >\n {DepartmentEmployeeList.map((v,idx)=>(\n \n ))}\n\n \n \n \n \n \n \n\n \n \n \n\n \n \n \n \n\n \n\n \n\n {(dataSource && dataSource.WarningReport) &&\n \n } style={{ marginLeft:10 }} onClick={()=>runExport(true)} loading={isLoading}>\n Download PDF\n \n } style={{ marginLeft:10 }} onClick={()=>runExport(false)} loading={isLoading}>\n Download Excel\n \n \n\n \n }\n \n \n );\n}\n\nexport default WarningReport;","import React from \"react\";\nimport {Button, Card, Checkbox, DatePicker, Divider, Form, Input, Select, Space, Table} from \"antd\";\nimport {\n AuthenticatedGetToApi,\n AuthenticatedPostToApi,\n FILEDOWNLOADAuthenticatedPostToApi,\n UnauthenticatedPostToApi\n} from \"../../helpers/api\";\nimport {DownloadOutlined} from \"@ant-design/icons\";\nconst { Option } = Select;\n\nfunction EmployeeDetailChecks() {\n const [form] = Form.useForm();\n const [DepartmentList, SetDepartmentList] = React.useState([])\n const [DepartmentEmployeeList, SetDepartmenttEmployeeList] = React.useState([])\n const [dataSource, SetDataSource] = React.useState({})\n const [savedReq, SetSavedReq] = React.useState({})\n const [isLoading, setIsLoading] = React.useState(false)\n\n const onFinish = (values) => {\n setIsLoading(true)\n SetDataSource({})\n SetSavedReq(values)\n AuthenticatedPostToApi('/api/Report/EmployeeDetailChecksReport',values).then(r=>{\n SetDataSource(r)\n setIsLoading(false)\n }).catch(()=>setIsLoading(false))\n };\n \n const runExport = async (pdf) => {\n setIsLoading(true)\n FILEDOWNLOADAuthenticatedPostToApi('/api/ReportExport/EmployeeDetailChecksReport?pdf='+pdf,savedReq).then(r=>{\n const blob = new Blob([r]);\n const link = document.createElement('a');\n link.href = window.URL.createObjectURL(blob);\n link.download = `ReportExport-${+new Date()}.`+ (pdf?'pdf':'xlsx');\n link.click();\n link.remove();\n setIsLoading(false)\n }).catch(()=>setIsLoading(false))\n }\n\n const LoadDepts = async () => {\n let r = await AuthenticatedGetToApi('/api/Central/MyDepartmentList')\n SetDepartmentList(r)\n }\n\n const LoadEmployees = async (dept) => {\n let r = await AuthenticatedPostToApi('/api/Central/DepartmentEmployeeList', {sDept:dept})\n console.log(r)\n SetDepartmenttEmployeeList(r)\n }\n\n React.useEffect(()=>{\n LoadDepts();\n },[])\n\n const columns = [\n {\n title: 'EmpID',\n dataIndex: 'EmpID',\n sorter: (a, b) => a.EmpID.localeCompare(b.EmpID)\n },\n {\n title: 'Dept',\n dataIndex: 'Dept',\n sorter: (a, b) => a.Dept.localeCompare(b.Dept)\n },\n {\n title: 'ReqID',\n dataIndex: 'ReqID',\n },\n {\n title: 'Stop Log Created',\n dataIndex: 'Stop Log Created',\n sorter: (a, b) => a[\"Stop Log Created\"].localeCompare(b[\"Stop Log Created\"])\n },\n {\n title: 'Timestamp',\n dataIndex: 'Timestamp',\n },\n {\n title: 'Search Type',\n dataIndex: 'Search Type',\n sorter: (a, b) => a[\"Search Type\"].localeCompare(b[\"Search Type\"])\n },\n {\n title: 'VIN',\n dataIndex: 'VIN',\n sorter: (a, b) => a.VIN.localeCompare(b.VIN)\n },\n {\n title: 'Plate',\n dataIndex: 'Plate',\n sorter: (a, b) => a.Plate.localeCompare(b.Plate)\n },\n {\n title: 'Plate State',\n dataIndex: 'Plate State',\n sorter: (a, b) => a[\"Plate State\"].localeCompare(b[\"Plate State\"])\n },\n {\n title: 'License State',\n dataIndex: 'License State',\n sorter: (a, b) => a[\"License State\"].localeCompare(b[\"License State\"])\n },\n {\n title: 'License Licence Number',\n dataIndex: 'License Licence Number',\n sorter: (a, b) => a[\"Last Name\"].localeCompare(b[\"Last Name\"])\n },\n {\n title: 'First Name',\n dataIndex: 'First Name',\n sorter: (a, b) => a[\"First Name\"].localeCompare(b[\"First Name\"])\n },\n {\n title: 'Last Name',\n dataIndex: 'Last Name',\n sorter: (a, b) => a[\"Last Name\"].localeCompare(b[\"Last Name\"])\n },\n ]\n\n return (\n \n );\n }}\n >\n {DepartmentEmployeeList.map((v,idx)=>(\n \n ))}\n\n \n \n\n \n \n \n\n \n \n \n\n \n \n \n \n\n \n\n \n\n {(dataSource && dataSource.EmployeeDetailChecksReport) &&\n \n } style={{ marginLeft:10 }} onClick={()=>runExport(true)} loading={isLoading}>\n Download PDF\n \n } style={{ marginLeft:10 }} onClick={()=>runExport(false)} loading={isLoading}>\n Download Excel\n \n \n\n \n }\n\n \n );\n}\n\nexport default EmployeeDetailChecks;","import React from \"react\";\nimport {Button, Card, DatePicker, Form, Input, Select, Space, Table} from \"antd\";\nimport {\n AuthenticatedGetToApi,\n AuthenticatedPostToApi,\n FILEDOWNLOADAuthenticatedPostToApi,\n UnauthenticatedPostToApi\n} from \"../../helpers/api\";\nimport {DownloadOutlined} from \"@ant-design/icons\";\nconst { Option } = Select;\n\nfunction ICAdmin() {\n const [AdminData, setAdminData] = React.useState({})\n const [allDeptColumnsF1, setallDeptColumnsF1] = React.useState([])\n const [allDeptColumnsF2, setallDeptColumnsF2] = React.useState([])\n const [allDeptColumnsF3, setallDeptColumnsF3] = React.useState([])\n const [allUserLoginsColumnsF1, setAllUserLoginsColumnsF1] = React.useState([])\n const [allUserLoginsColumnsF2, setAllUserLoginsColumnsF2] = React.useState([])\n const [allUserLoginsColumnsF3, setAllUserLoginsColumnsF3] = React.useState([])\n const [allUserLoginsColumnsF4, setAllUserLoginsColumnsF4] = React.useState([])\n const [allUserLoginsColumnsF5, setAllUserLoginsColumnsF5] = React.useState([])\n\n const allDeptColumns = [\n {\n title: 'AgencyCode',\n dataIndex: 'AgencyCode',\n \n },\n {\n title: 'DeptCode',\n dataIndex: 'DeptCode',\n filterSearch: true,\n onFilter: (value, r) => r.DeptCode?.includes(value),\n filters:allDeptColumnsF2\n },\n {\n title: 'DeptName',\n dataIndex: 'DeptName',\n filterSearch: true,\n onFilter: (value, r) => r.DeptName?.includes(value),\n filters:allDeptColumnsF3\n },\n ];\n\n const allUserLoginsColumns = [\n {\n title: 'AuthLevel',\n dataIndex: 'AuthLevel',\n filterSearch: true,\n onFilter: (value, r) => r.AuthLevel?.includes(value),\n filters:allUserLoginsColumnsF1\n },\n {\n title: 'Dept',\n dataIndex: 'Dept',\n filterSearch: true,\n onFilter: (value, r) => r.Dept?.includes(value),\n filters:allUserLoginsColumnsF2\n },\n {\n title: 'FirstName',\n dataIndex: 'FirstName',\n filterSearch: true,\n onFilter: (value, r) => r.FirstName?.includes(value),\n filters:allUserLoginsColumnsF3\n },\n {\n title: 'LastName',\n dataIndex: 'LastName',\n filterSearch: true,\n onFilter: (value, r) => r.LastName?.includes(value),\n filters:allUserLoginsColumnsF4\n },\n {\n title: 'MuniCode',\n dataIndex: 'MuniCode',\n filterSearch: true,\n onFilter: (value, r) => r.MuniCode?.includes(value),\n filters:allUserLoginsColumnsF5\n },\n ];\n\n const LoadAdminData = async () => {\n let r = await AuthenticatedPostToApi('/api/admin/get_admin_data')\n setAdminData(r)\n return(r)\n }\n\n React.useEffect(()=>{\n LoadAdminData().then(r=>{\n let fT1 = []\n let fT2 = []\n let fT3 = []\n let uT1 = []\n let uT2 = []\n let uT3 = []\n let uT4 = []\n let uT5 = []\n if(r.allDept){\n for(let j of r.allDept){\n fT1.push({text: j.AgencyCode, value: j.AgencyCode})\n fT2.push({text: j.DeptCode, value: j.DeptCode})\n fT3.push({text: j.DeptName, value: j.DeptName})\n }\n \n }\n\n if(r.allUserLogins){\n for(let j of r.allUserLogins){\n uT1.push({text: j.AuthLevel, value: j.AuthLevel})\n uT2.push({text: j.Dept, value: j.Dept})\n uT3.push({text: j.FirstName, value: j.FirstName})\n uT4.push({text: j.LastName, value: j.LastName})\n uT5.push({text: j.MuniCode, value: j.MuniCode})\n }\n\n }\n \n setallDeptColumnsF1(fT1)\n setallDeptColumnsF2(fT2)\n setallDeptColumnsF3(fT3)\n setAllUserLoginsColumnsF1(uT1)\n setAllUserLoginsColumnsF2(uT2)\n setAllUserLoginsColumnsF3(uT3)\n setAllUserLoginsColumnsF4(uT4)\n setAllUserLoginsColumnsF5(uT5)\n });\n },[])\n\n\n\n return (\n \n \n {(AdminData && AdminData.allDept) &&\n
\n \n \n\n \n }\n\n {(AdminData && AdminData.allUserLogins) &&\n \n\n \n\n \n }\n\n \n );\n}\n\nexport default ICAdmin;","import React from \"react\";\nimport {Button, Card, Checkbox, DatePicker, Divider, Form, Input, Select, Space, Table} from \"antd\";\nimport {\n AuthenticatedGetToApi,\n AuthenticatedPostToApi,\n FILEDOWNLOADAuthenticatedPostToApi,\n UnauthenticatedPostToApi\n} from \"../../helpers/api\";\nimport {DownloadOutlined} from \"@ant-design/icons\";\nconst { Option } = Select;\n\nfunction ChatLookup() {\n const [form] = Form.useForm();\n const [DepartmentList, SetDepartmentList] = React.useState([])\n const [DepartmentEmployeeList, SetDepartmenttEmployeeList] = React.useState([])\n const [dataSource, SetDataSource] = React.useState({})\n const [savedReq, SetSavedReq] = React.useState({})\n const [isLoading, setIsLoading] = React.useState(false)\n\n const onFinish = (values) => {\n setIsLoading(true)\n console.log('Received values of form: ', values);\n SetDataSource({})\n SetSavedReq(values)\n AuthenticatedPostToApi('/api/Report/ChatLookup',values).then(r=>{\n setIsLoading(false)\n SetDataSource(r)\n }).catch(()=>setIsLoading(false))\n };\n\n const runExport = async (pdf) => {\n setIsLoading(true)\n FILEDOWNLOADAuthenticatedPostToApi('/api/ReportExport/ChatLookup?pdf='+pdf,savedReq).then(r=>{\n const blob = new Blob([r]);\n const link = document.createElement('a');\n link.href = window.URL.createObjectURL(blob);\n link.download = `ReportExport-${+new Date()}.`+ (pdf?'pdf':'xlsx');\n link.click();\n link.remove();\n setIsLoading(false)\n }).catch(()=>setIsLoading(false))\n }\n\n const LoadDepts = async () => {\n let r = await AuthenticatedGetToApi('/api/Central/MyDepartmentList')\n SetDepartmentList(r)\n }\n\n const LoadEmployees = async (dept) => {\n let r = await AuthenticatedPostToApi('/api/Central/DepartmentEmployeeList', {sDept:dept})\n console.log(r)\n SetDepartmenttEmployeeList(r)\n }\n\n React.useEffect(()=>{\n LoadDepts();\n },[])\n\n const columns = [\n {\n title: 'Chat Type',\n dataIndex: 'ChatType',\n key: 'ChatType',\n },\n {\n title: 'From User',\n dataIndex: 'FromUser',\n key: 'FromUser',\n },\n {\n title: 'To User',\n dataIndex: 'ToUser',\n key: 'ToUser',\n },\n {\n title: 'Chat Time',\n dataIndex: 'ChatTime',\n key: 'ChatTime',\n },\n {\n title: 'Message',\n dataIndex: 'Msg',\n key: 'Msg',\n },\n ]\n\n return (\n \n );\n }}\n >\n {DepartmentEmployeeList.map((v,idx)=>(\n \n ))}\n\n \n \n\n \n {\n return (\n \n
e.preventDefault()}\n >\n {\n if (e.target.checked === true) {\n let list = []\n DepartmentEmployeeList.map((v,idx)=>{\n list.push(v.empid?.toString())\n })\n form.setFieldsValue({\n empids2: list,\n });\n } else {\n form.setFieldsValue({\n empids2: [],\n });\n }\n }}\n >\n Select all\n \n \n\n \n }\n\n \n );\n}\n\nexport default ChatLookup;","import React from \"react\";\nimport {Button, Card, Checkbox, DatePicker, Divider, Form, Input, Select, Space, Table} from \"antd\";\nimport {\n AuthenticatedGetToApi,\n AuthenticatedPostToApi,\n FILEDOWNLOADAuthenticatedPostToApi,\n UnauthenticatedPostToApi\n} from \"../../helpers/api\";\nimport {DownloadOutlined} from \"@ant-design/icons\";\nconst { Option } = Select;\n\n\nfunction EmployeeHit() {\n const [form] = Form.useForm();\n const [DepartmentList, SetDepartmentList] = React.useState([])\n const [DepartmentEmployeeList, SetDepartmenttEmployeeList] = React.useState([])\n const [dataSource, SetDataSource] = React.useState({})\n const [savedReq, SetSavedReq] = React.useState({})\n const [isLoading, setIsLoading] = React.useState(false)\n\n const onFinish = (values) => {\n setIsLoading(true)\n SetDataSource({})\n SetSavedReq(values)\n AuthenticatedPostToApi('/api/Report/EmployeeHitReport',values).then(r=>{\n setIsLoading(false)\n SetDataSource(r)\n }).catch(()=>setIsLoading(false))\n };\n\n const runExport = async (pdf) => {\n setIsLoading(true)\n FILEDOWNLOADAuthenticatedPostToApi('/api/ReportExport/EmployeeHitReport?pdf='+pdf,savedReq).then(r=>{\n setIsLoading(false)\n const blob = new Blob([r]);\n const link = document.createElement('a');\n link.href = window.URL.createObjectURL(blob);\n link.download = `ReportExport-${+new Date()}.`+ (pdf?'pdf':'xlsx');\n link.click();\n link.remove();\n }).catch(()=>setIsLoading(false))\n }\n\n const LoadDepts = async () => {\n let r = await AuthenticatedGetToApi('/api/Central/MyDepartmentList')\n SetDepartmentList(r)\n }\n\n const LoadEmployees = async (dept) => {\n let r = await AuthenticatedPostToApi('/api/Central/DepartmentEmployeeList', {sDept:dept})\n console.log(r)\n SetDepartmenttEmployeeList(r)\n }\n\n React.useEffect(()=>{\n LoadDepts();\n },[])\n\n const columns = [\n {\n title: 'EmpID',\n dataIndex: 'EmpID',\n key: 'EmpID',\n },\n {\n title: 'Dept',\n dataIndex: 'DEPT',\n key: 'dept',\n },\n {\n title: 'Hit Count',\n dataIndex: 'Hit Count',\n key: 'HitCount',\n },\n {\n title: 'No Hit Count',\n dataIndex: 'No Hit Count',\n key: 'NCIC Hit',\n },\n {\n title: 'Total Requests',\n dataIndex: 'Total Requests',\n key: 'TotalRequests',\n }\n ]\n\n return (\n \n );\n }}\n >\n {DepartmentEmployeeList.map((v,idx)=>(\n \n ))}\n\n \n \n\n \n \n \n\n \n \n \n\n \n \n \n \n\n \n\n \n\n {(dataSource && dataSource.EmployeeHitReport) &&\n \n } style={{ marginLeft:10 }} onClick={()=>runExport(true)} loading={isLoading}>\n Download PDF\n \n } style={{ marginLeft:10 }} onClick={()=>runExport(false)} loading={isLoading}>\n Download Excel\n \n \n\n \n }\n\n \n );\n}\n\nexport default EmployeeHit;","import React from \"react\";\nimport { Button, Card, DatePicker, Form, Input, Select, Space, Table } from \"antd\";\nimport {\n AuthenticatedGetToApi,\n AuthenticatedPostToApi,\n FILEDOWNLOADAuthenticatedPostToApi,\n UnauthenticatedPostToApi\n} from \"../../helpers/api\";\nimport { DownloadOutlined } from \"@ant-design/icons\";\nconst { Option } = Select;\n\nfunction ActivityHit() {\n const [DepartmentList, SetDepartmentList] = React.useState([])\n const [dataSource, SetDataSource] = React.useState({})\n const [savedReq, SetSavedReq] = React.useState({})\n const [isLoading, setIsLoading] = React.useState(false)\n const onFinish = (values) => {\n setIsLoading(true)\n SetSavedReq(values)\n SetDataSource({})\n AuthenticatedPostToApi('/api/Report/ActivityHitReport', values).then(r => {\n SetDataSource(r)\n setIsLoading(false)\n }).catch(() => setIsLoading(false))\n };\n\n const runExport = async (pdf) => {\n setIsLoading(true)\n FILEDOWNLOADAuthenticatedPostToApi('/api/ReportExport/ActivityHitReport?pdf=' + pdf, savedReq).then(r => {\n console.log(r)\n const blob = new Blob([r]);\n const link = document.createElement('a');\n link.href = window.URL.createObjectURL(blob);\n link.download = `ReportExport-${+new Date()}.` + (pdf ? 'pdf' : 'xlsx');\n link.click();\n link.remove();\n setIsLoading(false)\n }).catch(() => setIsLoading(false))\n }\n\n const columns = [\n {\n title: 'Infocop ID',\n dataIndex: 'InfocopID',\n key: 'InfocopID',\n },\n {\n title: 'Date of Inquiry',\n dataIndex: 'DateOfInquiry',\n key: 'DateOfInquiry',\n },\n {\n title: 'Dept',\n dataIndex: 'Dept',\n key: 'Dept',\n },\n {\n title: 'Plate Number',\n dataIndex: 'PlateNumber',\n key: 'PlateNumber',\n },\n {\n title: 'Name',\n dataIndex: 'Name',\n key: 'Name',\n },\n //{\n // title: 'DOB',\n // dataIndex: 'DOB',\n // key: 'DOB',\n //},\n {\n title: 'OLN',\n dataIndex: 'OLN',\n key: 'OLN',\n },\n {\n title: 'OP State',\n dataIndex: 'OPState',\n key: 'OPState',\n },\n {\n title: 'Hit',\n dataIndex: 'Hit',\n key: 'Hit',\n },\n ];\n\n const LoadDepts = async () => {\n let r = await AuthenticatedGetToApi('/api/Central/MyDepartmentList')\n SetDepartmentList(r)\n }\n\n React.useEffect(() => {\n LoadDepts();\n }, [])\n\n\n\n return (\n \n
\n\n \n \n \n \n \n\n\n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n \n\n \n\n \n {(dataSource && dataSource.ActivityHitReport) &&\n
\n } style={{ marginLeft: 10 }} onClick={() => runExport(true)} loading={isLoading}>\n Download PDF\n \n } style={{ marginLeft: 10 }} onClick={() => runExport(false)} loading={isLoading}>\n Download Excel\n \n \n\n \n }\n\n