![](\"../assets/svg/ag-grid-icons/menu.svg\"){kind=icon}
then ![](\"../assets/svg/ag-grid-icons/filter.svg\"){kind=icon}
you can then choose and enter filtering rules to search for text, values or dates. ![](\"../assets/svg/ag-grid-icons/columns.svg\"){kind=icon}
icon and clicking on additional columns. In addition, you can remove columns that are checked.\r\n
\r\n\r\n You have been idle for {{IDLE_INTERVAL_IN_SECONDS/60}} minutes.
\r\n You will automatically be logged out in {{secondsLeftToLogout}} seconds.\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n","import { Component, OnInit, OnDestroy, AfterViewInit } from '@angular/core';\r\nimport { NavigationEnd, NavigationStart, Router } from '@angular/router';\r\nimport { filter, finalize, Subscription } from 'rxjs';\r\nimport { Organization } from '../../models/organizations/organization.model';\r\nimport { FFUserWithRoles } from '../../models/users/ff-user-with-roles.model';\r\nimport { AuthService } from '../../services/auth.service';\r\nimport { DisclosureService } from '../../services/disclosure.service';\r\nimport { UserService } from '../../services/user.service';\r\nimport { MainService } from '../../ui/services/main.service';\r\nimport { getUserOrgs } from '../../models/users/ff-user.model';\r\n\r\n\r\n@Component({\r\n selector: 'dashboard',\r\n templateUrl: './dashboard.component.html',\r\n styleUrls: ['./dashboard.component.scss']\r\n})\r\nexport class DashboardComponent implements OnInit, AfterViewInit, OnDestroy {\r\n public disclosures: any[] = [];\r\n private subscription: Subscription = new Subscription();\r\n public userInfo: FFUserWithRoles;\r\n primaryOrg: Organization;\r\n public notifications: any[];\r\n public userOrgs: Organization[];\r\n\r\n constructor(\r\n private _mainService: MainService,\r\n private disclosureService: DisclosureService,\r\n private authService: AuthService,\r\n private userService: UserService,\r\n private router: Router\r\n ) {\r\n }\r\n\r\n ngOnInit(): void {\r\n this.authService.getUserInfo().then(res => {\r\n this.userInfo = res;\r\n this.primaryOrg = this.userInfo.getCurrentOrg();\r\n if (this.primaryOrg) {\r\n this.disclosureService.getMyCompanyOrgDisclosures(this.primaryOrg.organizationId).subscribe(res => {\r\n this.disclosures = res;\r\n }, error => {\r\n this.disclosures = [];\r\n });\r\n this.userService.getNotificationsForOrg(this.primaryOrg.organizationId).subscribe(res => {\r\n this.notifications = res;\r\n }, err => {\r\n\r\n })\r\n } else {\r\n this.userOrgs = getUserOrgs(this.userInfo);\r\n if (this.userOrgs && this.userOrgs.length > 0) {\r\n this._mainService.showLoading({ loading: false });\r\n this.router.navigate([\"/switch-organization\"]);\r\n }\r\n }\r\n })\r\n\r\n //We need to know whenever they navigate away from the dashboard to shift the layout\r\n let routerNavigationSubscription$ = this.router.events.pipe(\r\n filter(event => event instanceof NavigationEnd))\r\n .subscribe(() => {\r\n this._mainService.mainDashboardLayout(false);\r\n this.subscription.add(routerNavigationSubscription$);\r\n }, error => {\r\n console.log(\"Failed to mainDashboardLayout value to false.\");\r\n this.subscription.add(routerNavigationSubscription$);\r\n });\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n this._mainService.mainDashboardLayout(true);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.subscription) {\r\n this.subscription.unsubscribe();\r\n }\r\n }\r\n\r\n \r\n}\r\n","\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n","import { Component, OnInit, ChangeDetectorRef, OnDestroy, ViewChild, Input, SimpleChanges, ChangeDetectionStrategy } from '@angular/core';\r\nimport { AgGridAngular } from 'ag-grid-angular';\r\nimport { GridOptions, GridReadyEvent, ValueGetterParams } from 'ag-grid-community';\r\nimport { ColDef } from 'ag-grid-enterprise';\r\nimport { DropdownService } from '../../services/dropdown.service';\r\nimport { OpenDeleteCellComponent } from '../../../ag-grid/components/renderers/open-delete-cell/open-delete-cell.component';\r\nimport { UntypedFormControl, UntypedFormGroup } from \"@angular/forms\";\r\nimport { Disclosure } from '../../models/disclosures/disclosure.model';\r\nimport { MainService } from '../../ui/services/main.service';\r\nimport { DisclosureService } from '../../services/disclosure.service';\r\nimport { LoggingService } from '../../services/logging.service';\r\nimport { OpenRollbackCellComponent } from '../../../ag-grid/components/renderers/open-rollback-cell/open-rollback-cell.component';\r\nimport { AmendCellComponent } from '../../../ag-grid/components/renderers/amend-cell/amend-cell.component';\r\nimport { Router } from '@angular/router';\r\nimport { AuthService } from '../../services/auth.service';\r\nimport { first } from 'rxjs';\r\nimport { FileService } from '../../services/file.service';\r\nimport { DownloadXmlCellComponent } from '../../../ag-grid/components/renderers/download-xml-cell/download-xml-cell.component';\r\nimport { AGGridHelperService } from '../../../ag-grid/services/ag-grid-helper-service';\r\nimport { FFUserWithRoles } from '../../models/users/ff-user-with-roles.model';\r\nimport { ColdObservable } from 'rxjs/internal/testing/ColdObservable';\r\nimport { DateCellRendererComponent } from '../../../ag-grid/components/renderers/date-cell-renderer/date-cell-renderer.component';\r\nimport { IDateCellRendererParams } from '../../../ag-grid/models/date-cell-renderer-params.model';\r\nimport { UserService } from '../../services/user.service';\r\nimport { LU_Status } from '../../models/enums/lu-status.enum';\r\nimport { OrganizationRelation } from '../../models/organizations/organization-relation.model';\r\n\r\nconst FileSaver = require('file-saver');\r\n@Component({\r\n selector: 'disclosure-list',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n templateUrl: './disclosure-list.component.html',\r\n styleUrls: ['./disclosure-list.component.scss']\r\n})\r\nexport class DisclosureListComponent implements OnInit, OnDestroy {\r\n public wellApiNum: string = \"\";\r\n public wellName: string = \"\";\r\n public states: any[];\r\n public counties: any[];\r\n public countyOptions:any[] = [];\r\n public pending: Disclosure[] = [];\r\n public submitted: Disclosure[] = [];\r\n public amending: Disclosure[] = [];\r\n public deleted: Disclosure[] = [];\r\n public all: Disclosure[] = [];\r\n public deletedByOperator: any[] = [];\r\n public totalPending: number = 0;\r\n public totalSubmitted: number = 0;\r\n public totalAmending: number = 0;\r\n public totalDeleted: number = 0;\r\n public totalDeletedByOperator: number = 0;\r\n public totalAll: number = 0;\r\n public disclosuresFiltered: any[] = [];\r\n public modalVisible = false;\r\n public modalAmendVisible = false;\r\n public modalRollbkVisible = false\r\n private isReadOnly = false;\r\n public isServiceComp = false;\r\n private primaryOrganizationId: string;\r\n private currentOrganizationId: string;\r\n public selectedDisclosure: Disclosure = null;\r\n public userInfo: FFUserWithRoles;\r\n public gridOptions: GridOptions;\r\n public gridHeight: string = \"\";\r\n orgRelations: OrganizationRelation[] = [];\r\n public gridHelpText: string = \"\";\r\n\r\n @Input() public parentComponentName: string = \"\";\r\n @Input() public disclosures: any[] = [];\r\n public filterForm: UntypedFormGroup = new UntypedFormGroup({\r\n status: new UntypedFormControl(\"Editing\")\r\n });\r\n public readonly columnDefs: ColDef[] = [\r\n /* Default */\r\n { \r\n field: 'apiNumber', \r\n headerName: 'API Number',\r\n filter: \"agTextColumnFilter\",\r\n cellClass: 'stringType',\r\n editable: false,\r\n width: 110,\r\n valueGetter: this.apiValueGetter.bind(this),\r\n suppressColumnsToolPanel: true,\r\n lockVisible: true\r\n },\r\n {\r\n colId: 'operatorName',\r\n field: 'operatorName', \r\n headerName: 'Operator Name',\r\n filter: \"agTextColumnFilter\",\r\n editable: false,\r\n hide: false,\r\n width: 120,\r\n cellRenderer: (data: any) => {\r\n if (data?.data) {\r\n const disclosure = data.data as Disclosure\r\n return disclosure.operatorName\r\n }\r\n\r\n return ''\r\n }\r\n },\r\n {\r\n headerName: 'Well Name and Number',\r\n field: 'wellName',\r\n filter: \"agTextColumnFilter\",\r\n resizable: true,\r\n width: 110\r\n },\r\n {\r\n field: 'jobStartDate',\r\n headerName: 'Job Start Date',\r\n filter: 'agDateColumnFilter',\r\n filterParams: {\r\n buttons: ['reset'],\r\n dateFormat: 'mm/dd/yyyy',\r\n comparator: this.agGridHelperService.dateFilterComparer\r\n },\r\n headerTooltip:'Start date filter of the range of jobs performed',\r\n width: 100,\r\n editable: false,\r\n cellRenderer: DateCellRendererComponent\r\n },\r\n {\r\n field: 'jobEndDate',\r\n headerName: 'Job End Date',\r\n filter: 'agDateColumnFilter',\r\n filterParams: {\r\n buttons: ['reset'],\r\n dateFormat: 'mm/dd/yyyy',\r\n comparator: this.agGridHelperService.dateFilterComparer\r\n },\r\n headerTooltip:'End date filter of the range of jobs performed',\r\n editable: false,\r\n width: 120,\r\n cellRenderer: DateCellRendererComponent\r\n },\r\n {\r\n field: 'lastModifiedDate',\r\n headerName: 'Last Edit',\r\n filter: 'agDateColumnFilter',\r\n filterParams: {\r\n buttons: ['reset'],\r\n dateFormat: 'mm/dd/yyyy',\r\n comparator: this.agGridHelperService.dateFilterComparer\r\n },\r\n editable: false,\r\n width: 100,\r\n cellRenderer: DateCellRendererComponent\r\n },\r\n /* Optional */\r\n {\r\n field: 'longitude',\r\n headerName: 'Longitude',\r\n filter: \"agNumberColumnFilter\",\r\n editable: false,\r\n hide: true,\r\n width: 100,\r\n cellRenderer: (data: any) => {\r\n if(data?.data){\r\n const disclosure = data.data as Disclosure\r\n return disclosure.longitude\r\n }\r\n\r\n return ''\r\n },\r\n },\r\n {\r\n field: 'latitude',\r\n headerName: 'Latitude',\r\n filter: \"agNumberColumnFilter\",\r\n editable: false,\r\n hide: true,\r\n width: 100,\r\n cellRenderer: (data: any) => {\r\n if(data?.data){\r\n const disclosure = data.data as Disclosure\r\n return disclosure.latitude\r\n }\r\n \r\n return ''\r\n },\r\n },\r\n {\r\n field: 'projection',\r\n headerName: 'Datum',\r\n filter: \"agSetColumnFilter\",\r\n editable: false,\r\n hide: true,\r\n width: 100,\r\n cellRenderer: (data: any) => {\r\n if(data?.data){\r\n const disclosure = data.data as Disclosure\r\n return disclosure.projection\r\n }\r\n\r\n return ''\r\n },\r\n },\r\n {\r\n field: 'tvd',\r\n headerName: 'TVD',\r\n filter:'agNumberColumnFilter',\r\n editable: false,\r\n hide: true,\r\n width: 100,\r\n cellRenderer: (data: any) => {\r\n if(data?.data){\r\n const disclosure = data.data as Disclosure\r\n return disclosure.tvd\r\n }\r\n\r\n return ''\r\n },\r\n },\r\n {\r\n field: 'isFederalWell',\r\n headerName: 'Federal Well',\r\n filter: 'agSetColumnFilter',\r\n editable: false,\r\n hide: true,\r\n width: 100,\r\n cellRenderer: (data: any) => {\r\n if(data?.data){\r\n const disclosure = data.data as Disclosure\r\n return disclosure.isFederalWell\r\n }\r\n\r\n return ''\r\n },\r\n },\r\n {\r\n field: 'isIndianWell',\r\n headerName: 'Indian Well',\r\n filter: 'agSetColumnFilter',\r\n editable: false,\r\n hide: true,\r\n width: 100,\r\n cellRenderer: (data: any) => {\r\n if(data?.data){\r\n const disclosure = data.data as Disclosure\r\n return disclosure.isIndianWell\r\n }\r\n\r\n return ''\r\n },\r\n },\r\n {\r\n field: 'lastModifiedBy',\r\n headerName: 'Last Editor',\r\n filter:'agTextColumnFilter',\r\n editable: false,\r\n hide: true,\r\n width: 100,\r\n cellRenderer: (data: any) => {\r\n if(data?.data){\r\n const disclosure = data.data as Disclosure\r\n return disclosure.lastModifiedBy\r\n }\r\n\r\n return ''\r\n },\r\n },\r\n {\r\n field: 'totalBaseWaterVolume',\r\n headerName: 'Total Water',\r\n filter:'agNumberColumnFilter',\r\n editable: false,\r\n hide: true,\r\n width: 100,\r\n cellRenderer: (data: any) => {\r\n if(data?.data){\r\n const disclosure = data.data as Disclosure\r\n return disclosure.totalBaseWaterVolume\r\n }\r\n\r\n return ''\r\n },\r\n },\r\n {\r\n field: 'entryMethod',\r\n headerName: 'Entry Method',\r\n filter: 'agSetColumnFilter',\r\n editable: false,\r\n hide: true,\r\n width: 100,\r\n cellRenderer: (data: any) => {\r\n if(data?.data){\r\n const disclosure = data.data as Disclosure\r\n return disclosure.entryMethod\r\n }\r\n\r\n return ''\r\n },\r\n },\r\n {\r\n field: 'createdDate',\r\n headerName: 'Create Date',\r\n editable: false,\r\n hide: true,\r\n width: 100,\r\n filter: 'agDateColumnFilter',\r\n filterParams: {\r\n buttons: ['reset'],\r\n dateFormat: 'mm/dd/yyyy',\r\n comparator: this.agGridHelperService.dateFilterComparer\r\n },\r\n cellRenderer: DateCellRendererComponent\r\n },\r\n {\r\n field: 'serviceCompanyName',\r\n colId: 'serviceCompanyName',\r\n headerName: 'Service Company Name',\r\n filter:'agTextColumnFilter',\r\n editable: false,\r\n hide: true,\r\n width: 120,\r\n cellRenderer: (data: any) => {\r\n if(data?.data){\r\n const disclosure = data.data as Disclosure\r\n return disclosure.serviceCompanyName\r\n }\r\n \r\n return '' \r\n }\r\n }, \r\n ];\r\n \r\n public filteredColDefs: ColDef[] = []\r\n\r\n public editMode = false;\r\n\r\n public buildGridOptions() {\r\n\r\n this.gridOptions = {\r\n defaultColDef: {\r\n resizable: true,\r\n sortable: true,\r\n },\r\n excelStyles:this.agGridHelperService.getDefaultExcelStyles(),\r\n pagination: true,\r\n editType: 'fullRow',\r\n accentedSort: true,\r\n rowHeight: 40,\r\n suppressContextMenu: true,\r\n suppressClickEdit: true,\r\n suppressMenuHide: true,\r\n rowClassRules: {\r\n 'disabled': (params: any) => {\r\n return this.editMode === true && params.data.disabled === true\r\n }\r\n }\r\n } as GridOptions;\r\n }\r\n\r\n public frameworkComponents: any = {\r\n OpenDeleteCellComponent: OpenDeleteCellComponent,\r\n OpenRollbackCellComponent: OpenRollbackCellComponent,\r\n OpenCellComponent: AmendCellComponent,\r\n DownloadXmlCellComponent: DownloadXmlCellComponent\r\n };\r\n\r\n @ViewChild(AgGridAngular) agGrid!: AgGridAngular;\r\n public gridApi: any;\r\n possibleOrgsToAdd: any;\r\n\r\n constructor(\r\n private changeDetectorRef: ChangeDetectorRef,\r\n private dropdownService: DropdownService,\r\n private mainService: MainService,\r\n private disclosureService: DisclosureService,\r\n private loggingService: LoggingService,\r\n private router: Router,\r\n private authService: AuthService,\r\n private fileService: FileService,\r\n private agGridHelperService: AGGridHelperService,\r\n private userService: UserService\r\n ) {\r\n }\r\n\r\n ngOnInit(): void {\r\n this.gridHelpText = this.agGridHelperService.gridInfoHelpText;\r\n this.buildGridOptions();\r\n this.authService.getUserInfo()\r\n .then(user => {\r\n this.userInfo = user;\r\n if (user.currentOrganizationId !== null && user.currentOrganizationId !== undefined) {\r\n this.mainService.showLoading({ loading: true });\r\n }\r\n this.currentOrganizationId = user.currentOrganizationId;\r\n this.isReadOnly = !user.hasOrgRole('DataSubmitter') && !user.isAdmin;\r\n let currentOrg = user.getCurrentOrg();\r\n this.isServiceComp = (currentOrg) ? currentOrg.isServiceComp : false;\r\n if (currentOrg.isRegisteredAgent) {\r\n this.userService.getMyCompany(currentOrg.organizationId).subscribe(res => {\r\n this.orgRelations = res.organizationRelations.filter(x => x.organization.isOperator && x.statusId === LU_Status.Active);\r\n this.mainService.showLoading({ loading: false });\r\n }, err => {\r\n this.loggingService.error(\"Error retrieving organization information\");\r\n this.mainService.showLoading({ loading: false });\r\n });\r\n }\r\n this.filteredColDefs = this.getColumnDefs(\"Editing\");\r\n this.changeDetectorRef.detectChanges(); \r\n });\r\n \r\n this.dropdownService.getCounties().then(ctys => this.counties = ctys);\r\n this.dropdownService.getStates().then(states => this.states = states);\r\n\r\n }\r\n\r\n public onGridReady(params: GridReadyEvent) {\r\n\r\n this.gridApi = params.api;\r\n this.gridApi.onActionTrigger = (event: any) => {\r\n this.triggerAction(event);\r\n };\r\n \r\n this.gridApi.setColumnDefs(this.filteredColDefs);\r\n this.gridApi.sizeColumnsToFit();\r\n\r\n window.onresize = () => {\r\n this.gridApi.sizeColumnsToFit();\r\n }\r\n }\r\n\r\n private triggerAction(event: any) {\r\n switch(event.action){\r\n case \"delete\":\r\n this.modalVisible = true;\r\n this.selectedDisclosure = event.data as Disclosure;\r\n break;\r\n\r\n case \"startAmend\":\r\n this.modalAmendVisible = true;\r\n this.selectedDisclosure = event.data as Disclosure;\r\n break;\r\n\r\n case \"rollback\":\r\n this.modalRollbkVisible = true;\r\n this.selectedDisclosure = event.data as Disclosure;\r\n break;\r\n\r\n case \"viewPdf\":\r\n this.viewPdf(event.data);\r\n break;\r\n\r\n case \"viewXml\":\r\n this.viewXml(event.data);\r\n break;\r\n }\r\n }\r\n\r\n statusFormatter(params: any) {\r\n //if (params.value === \"Editing\") return \"Pending\";\r\n return params.value;\r\n }\r\n\r\n public formUpdated($event: any) {\r\n const value = $event.target.value\r\n\r\n switch (value) {\r\n case \"Editing\":\r\n this.disclosuresFiltered = this.pending;\r\n this.filteredColDefs = this.getColumnDefs(value);\r\n break;\r\n\r\n case \"Submitted\":\r\n this.disclosuresFiltered = this.submitted;\r\n this.filteredColDefs = this.getColumnDefs(value);\r\n break;\r\n \r\n case \"Amending\":\r\n this.disclosuresFiltered = this.amending;\r\n this.filteredColDefs = this.getColumnDefs(value);\r\n break;\r\n\r\n case \"Deleted\":\r\n this.disclosuresFiltered = this.deleted;\r\n this.filteredColDefs = this.getColumnDefs(value);\r\n break;\r\n \r\n case \"Deleted by Operator\":\r\n this.disclosuresFiltered = this.deletedByOperator;\r\n this.filteredColDefs = this.getColumnDefs(value);\r\n break;\r\n\r\n default:\r\n this.disclosuresFiltered = this.all;\r\n this.filteredColDefs = this.getColumnDefs(\"All\");\r\n }\r\n\r\n this.changeDetectorRef.detectChanges(); //Called because grid was not resizing properly with modified filteredColDefs\r\n this.gridApi.setColumnDefs(this.filteredColDefs);\r\n this.gridApi.sizeColumnsToFit();\r\n }\r\n\r\n private getColumnDefs(view: \"Editing\" | \"Submitted\" | \"Amending\" | \"Deleted\" | \"All\" | \"Deleted by Operator\"): ColDef[]{\r\n const primaryOrg = this.userInfo.getCurrentOrg();\r\n let isServiceComp = false;\r\n let isOperator = false;\r\n let isRegisteredAgent = false;\r\n if (primaryOrg) {\r\n isServiceComp = primaryOrg.isServiceComp;\r\n isOperator = primaryOrg.isOperator;\r\n isRegisteredAgent = primaryOrg.isRegisteredAgent;\r\n }\r\n\r\n let defs: ColDef[] = [...this.columnDefs];\r\n\r\n let amendDateCol = {\r\n field: 'submitTimeStamp',\r\n colId: 'amendDate',\r\n headerName: 'Amend Date',\r\n editable: false,\r\n hide: true,\r\n width: 120,\r\n filter: 'agDateColumnFilter',\r\n filterParams: {\r\n buttons: ['reset'],\r\n dateFormat: 'mm/dd/yyyy',\r\n comparator: this.agGridHelperService.dateFilterComparer\r\n },\r\n cellRenderer: DateCellRendererComponent,\r\n } as ColDef;\r\n\r\n let amendReasonCol = {\r\n field: 'amendedReason',\r\n colId: 'amendReason',\r\n headerName: 'Amend Reason',\r\n filter:'agTextColumnFilter',\r\n editable: false,\r\n hide: true,\r\n width: 120,\r\n cellRenderer: (data: any) => {\r\n if (data?.data) {\r\n const disclosure = data.data as Disclosure\r\n return disclosure.amendedReason\r\n }\r\n\r\n return ''\r\n }\r\n } as ColDef;\r\n \r\n let publicStatus = {\r\n field: 'publicStatus',\r\n colId: 'publicStatus',\r\n headerName: 'Status',\r\n filter:'agTextColumnFilter',\r\n editable: false,\r\n hide: true,\r\n width: 120,\r\n } as ColDef;\r\n\r\n let ffVersionCol = {\r\n field: 'ffVersion',\r\n colId: 'ffVersion',\r\n headerName: 'FFVersion',\r\n filter:'agNumberColumnFilter',\r\n editable: false,\r\n hide: true,\r\n width: 120,\r\n cellRenderer: (data: any) => {\r\n if (data?.data) {\r\n const disclosure = data.data as Disclosure\r\n return disclosure.ffVersion\r\n }\r\n\r\n return ''\r\n }\r\n } as ColDef;\r\n\r\n let submitDate = {\r\n field: 'submitTimeStamp',\r\n colId: 'submitTimeStamp',\r\n headerName: 'Submit Date',\r\n editable: false,\r\n hide: false,\r\n width: 120,\r\n filter: 'agDateColumnFilter',\r\n filterParams: {\r\n buttons: ['reset'],\r\n dateFormat: 'mm/dd/yyyy',\r\n comparator: this.agGridHelperService.dateFilterComparer\r\n },\r\n cellRenderer: DateCellRendererComponent,\r\n }\r\n\r\n let statusCol = {\r\n width: 90,\r\n field: 'publicStatus',\r\n headerName: \"Status\",\r\n filter: 'agSetColumnFilter',\r\n valueFormatter: this.statusFormatter,\r\n } as ColDef;\r\n\r\n let routedByCol = {\r\n field: 'routedBy',\r\n colId: 'routedBy',\r\n headerName: 'Routed By',\r\n filter:'agTextColumnFilter',\r\n editable: false,\r\n hide: false,\r\n width: 120,\r\n cellRenderer: (data: any) => {\r\n if (data?.data) {\r\n const disclosure: Disclosure = data.data;\r\n return disclosure.routedBy;\r\n }\r\n\r\n return '';\r\n }\r\n } as ColDef;\r\n\r\n let uploadedDirectly = {\r\n field: 'uploadedDirectly',\r\n colId: 'uploadedDirectly',\r\n headerName: 'Direct Upload',\r\n filter: 'agSetColumnFilter',\r\n editable: false,\r\n hide: false,\r\n width: 120,\r\n cellRenderer: (data: any) => {\r\n if (data?.data) {\r\n const disclosure: Disclosure = data.data;\r\n return disclosure.uploadedDirectly ? 'Yes' : 'No';\r\n }\r\n\r\n return '';\r\n }\r\n } as ColDef;\r\n\r\n let origSubmitDate = {\r\n field: 'originalSubmitTimeStamp',\r\n colId: 'originalSubmitTimeStamp',\r\n headerName: 'Original Submit Date',\r\n editable: false,\r\n hide: true,\r\n width: 100,\r\n filter: 'agDateColumnFilter',\r\n filterParams: {\r\n buttons: ['reset'],\r\n dateFormat: 'mm/dd/yyyy',\r\n comparator: this.agGridHelperService.dateFilterComparer\r\n },\r\n cellRenderer: DateCellRendererComponent,\r\n } as ColDef;\r\n\r\n let submittedByCol = {\r\n field: 'submittedBy',\r\n colId: 'submitUser',\r\n headerName: 'Submitted By',\r\n filter:'agTextColumnFilter',\r\n editable: false,\r\n hide: false,\r\n width: 120,\r\n cellRenderer: (data: any) => {\r\n if (data?.data && data.data.submittedBy) {\r\n const disclosure: Disclosure = data.data;\r\n return disclosure.submittedBy;\r\n }\r\n\r\n return ''\r\n }\r\n } as ColDef;\r\n\r\n switch(view){\r\n case \"Editing\":\r\n if(!this.isReadOnly){\r\n defs.push({\r\n colId: 'actions',\r\n cellRenderer: OpenDeleteCellComponent,\r\n width: 90,\r\n hide: false\r\n })\r\n }\r\n if(!this.isReadOnly && isServiceComp){\r\n defs.push(\r\n {\r\n colId: 'actions',\r\n cellRenderer: DownloadXmlCellComponent,\r\n width: 50,\r\n hide: false\r\n }\r\n );\r\n }\r\n break;\r\n\r\n case \"Submitted\":\r\n if(isServiceComp){\r\n defs.push(\r\n statusCol,\r\n routedByCol,\r\n uploadedDirectly,\r\n );\r\n\r\n if(!this.isReadOnly){\r\n defs.push(\r\n {\r\n colId: 'actions',\r\n cellRenderer: DownloadXmlCellComponent,\r\n width: 50,\r\n hide: false\r\n }\r\n );\r\n }\r\n }\r\n else{\r\n defs.push(\r\n submitDate,\r\n submittedByCol,\r\n origSubmitDate,\r\n amendDateCol,\r\n amendReasonCol,\r\n publicStatus,\r\n ffVersionCol,\r\n );\r\n \r\n if(!this.isReadOnly){\r\n defs.push({\r\n colId: 'actions',\r\n cellRenderer: AmendCellComponent,\r\n width: 100,\r\n hide: false\r\n })\r\n }\r\n }\r\n\r\n break;\r\n \r\n case \"Amending\":\r\n defs.push(\r\n submitDate,\r\n submittedByCol,\r\n origSubmitDate,\r\n {\r\n field: 'lastModifiedBy',\r\n colId: 'lastModifiedBy',\r\n headerName: 'Amended By',\r\n filter:'agTextColumnFilter',\r\n editable: false,\r\n hide: false,\r\n width: 120,\r\n cellRenderer: (data: any) => {\r\n if(data?.data){\r\n const disclosure: Disclosure = data.data\r\n return disclosure.lastModifiedBy\r\n }\r\n \r\n return ''\r\n }\r\n },\r\n amendDateCol,\r\n amendReasonCol,\r\n publicStatus,\r\n ffVersionCol,\r\n );\r\n\r\n if(!this.isReadOnly){\r\n defs.push({\r\n colId: 'actions',\r\n cellRenderer: OpenRollbackCellComponent,\r\n width: 90,\r\n hide: false\r\n });\r\n }\r\n\r\n break;\r\n \r\n case \"All\":\r\n if(isRegisteredAgent){\r\n defs.push(\r\n {\r\n field: 'lastModifiedBy',\r\n colId: 'lastModifiedBy',\r\n headerName: 'Last Modified By',\r\n filter:'agTextColumnFilter',\r\n editable: false,\r\n hide: false,\r\n width: 120,\r\n cellRenderer: (data: any) => {\r\n if(data?.data){\r\n const disclosure: Disclosure = data.data\r\n return disclosure.lastModifiedBy\r\n }\r\n \r\n return ''\r\n }\r\n },\r\n statusCol,\r\n );\r\n }\r\n if(isServiceComp){\r\n defs.push(\r\n statusCol,\r\n routedByCol,\r\n );\r\n }\r\n else{\r\n defs.push(\r\n submitDate,\r\n submittedByCol,\r\n origSubmitDate,\r\n amendDateCol,\r\n amendReasonCol,\r\n publicStatus,\r\n ffVersionCol,\r\n );\r\n }\r\n\r\n break\r\n \r\n case \"Deleted\":\r\n case \"Deleted by Operator\":\r\n if(isServiceComp){\r\n defs.push(\r\n routedByCol,\r\n uploadedDirectly,\r\n {\r\n field: 'deleteDate',\r\n headerName: 'Delete Date',\r\n filter: 'agDateColumnFilter',\r\n filterParams: {\r\n buttons: ['reset'],\r\n dateFormat: 'mm/dd/yyyy',\r\n comparator: this.agGridHelperService.dateFilterComparer\r\n },\r\n editable: false,\r\n width: 120,\r\n cellRenderer: DateCellRendererComponent,\r\n },\r\n )\r\n }\r\n\r\n break;\r\n }\r\n \r\n if(isOperator){\r\n defs = defs.filter(d => d.colId !== 'operatorName');\r\n }\r\n\r\n if(isServiceComp){\r\n defs = defs.filter(d => d.colId !== 'serviceCompanyName');\r\n }\r\n\r\n return defs;\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n const disclosures = changes.disclosures.currentValue as Disclosure[];\r\n if (disclosures) {\r\n this.mainService.showLoading({ loading: false });\r\n this.setCollectionsAndTotals(disclosures)\r\n .then(() => {\r\n\r\n this.disclosuresFiltered = this.pending;\r\n if (this.parentComponentName === \"manage\") { \r\n //grid height calc for Manage Disclosures\r\n this.gridHeight = this.agGridHelperService.calculateMinMaxGridHeight(this.disclosuresFiltered.length, 0, 11, 100);\r\n } else {\r\n //grid height calc for Dashboard\r\n this.gridHeight = this.agGridHelperService.calculateMinMaxGridHeight(this.disclosuresFiltered.length, 0, 3, 10);\r\n }\r\n\r\n \r\n this.changeDetectorRef.detectChanges(); // To update grid view\r\n });\r\n } else {\r\n this.mainService.showLoading({ loading: false });\r\n }\r\n }\r\n\r\n ascendingDateComparer(firstDate:Date, secondDate:Date){\r\n if (firstDate === null || firstDate === undefined) {\r\n return 1;\r\n }\r\n if (secondDate === null || secondDate === undefined) {\r\n return -1;\r\n }\r\n const dateA = new Date(firstDate).getTime();\r\n const dateB = new Date(secondDate).getTime();\r\n\r\n if (dateA < dateB) {\r\n return -1;\r\n }\r\n if (dateA > dateB) {\r\n return 1;\r\n }\r\n return 0;\r\n }\r\n\r\n descendingDateComparer(firstDate:Date, secondDate:Date){\r\n if (firstDate === null || firstDate === undefined) {\r\n return 1;\r\n }\r\n if (secondDate === null || secondDate === undefined) {\r\n return -1;\r\n }\r\n const dateA = new Date(firstDate).getTime();\r\n const dateB = new Date(secondDate).getTime();\r\n\r\n if (dateA > dateB) {\r\n return -1;\r\n }\r\n if (dateA < dateB) {\r\n return 1;\r\n }\r\n return 0;\r\n }\r\n\r\n ascendingStringComparer(a:string, b:string){\r\n if (a === null || a === undefined) {\r\n return 1;\r\n }\r\n if (b === null || b === undefined) {\r\n return -1;\r\n }\r\n return a.localeCompare(b);\r\n }\r\n\r\n descendingStringComparer(a:string, b:string){\r\n if (a === null || a === undefined) {\r\n return 1;\r\n }\r\n if (b === null || b === undefined) {\r\n return -1;\r\n }\r\n return b.localeCompare(a);\r\n }\r\n\r\n async setCollectionsAndTotals(disclosures: Disclosure[]) { \r\n const user = await this.authService.getUserInfo();\r\n let userCurrentOrg = user.getCurrentOrg();\r\n \r\n if (userCurrentOrg && userCurrentOrg.isServiceComp) {\r\n //Disclosures not yet routed to operator\r\n const serviceCompDisclosures = disclosures.filter(d => d.currentOrgId === user.currentOrganizationId);\r\n\r\n this.pending = serviceCompDisclosures.filter(x => x.publicStatus === \"Pending\")?.sort((a, b) => {\r\n return this.descendingDateComparer(a.lastModifiedDate, b.lastModifiedDate);\r\n });\r\n\r\n this.amending = serviceCompDisclosures.filter(d_1 => d_1.publicStatus === \"Amending\")?.sort((a, b) => {\r\n return this.ascendingDateComparer(a.lastModifiedDate, b.lastModifiedDate);\r\n });\r\n \r\n this.deleted = serviceCompDisclosures.filter(x_1 => x_1.publicStatus === \"Deleted\")?.sort((a, b) => {\r\n return this.ascendingStringComparer(a.apiNumber, b.apiNumber);\r\n });\r\n\r\n this.submitted = disclosures.filter(d_2 => d_2.currentOrgId !== user.currentOrganizationId && d_2.publicStatus !== 'Archived' && d_2.publicStatus !== 'Deleted');\r\n this.deletedByOperator = disclosures.filter(d_3 => d_3.publicStatus === \"Deleted\" && d_3.currentOrgId !== user.primaryOrganizationId);\r\n this.all = disclosures.filter(x_5 => x_5.publicStatus !== \"Archived\");\r\n } else if (userCurrentOrg && userCurrentOrg.isRegisteredAgent) {\r\n\r\n const regAgentDisclosures = disclosures.filter(d => this.orgRelations.find(o => o.organizationId === d.operatorOrganizationId) != null);\r\n \r\n this.pending = regAgentDisclosures.filter(x_2 => x_2.publicStatus === \"Pending\")?.sort((a, b) => {\r\n return this.descendingDateComparer(a.lastModifiedDate, b.lastModifiedDate);\r\n });\r\n\r\n this.deleted = regAgentDisclosures.filter(x_2 => x_2.publicStatus === \"Deleted\")?.sort((a, b) => {\r\n return this.ascendingStringComparer(a.apiNumber, b.apiNumber);\r\n });\r\n\r\n this.amending = regAgentDisclosures.filter(d_4 => d_4.publicStatus === \"Amending\")?.sort((a, b) => {\r\n return this.descendingDateComparer(a.lastModifiedDate, b.lastModifiedDate);\r\n });\r\n\r\n this.submitted = regAgentDisclosures.filter(x_4 => x_4.publicStatus === \"Submitted\" && !this.amending.some(d_5 => d_5.fracJobId === x_4.fracJobId))?.sort((a, b) => {\r\n return this.ascendingStringComparer(a.apiNumber, b.apiNumber);\r\n });\r\n\r\n }\r\n else {\r\n this.pending = disclosures.filter(x_2 => x_2.publicStatus === \"Pending\")?.sort((a, b) => {\r\n return this.descendingDateComparer(a.lastModifiedDate, b.lastModifiedDate);\r\n });\r\n\r\n this.deleted = disclosures.filter(x_3 => x_3.publicStatus === \"Deleted\")?.sort((a, b) => {\r\n return this.ascendingStringComparer(a.apiNumber, b.apiNumber);\r\n });\r\n \r\n this.amending = disclosures.filter(d_4 => d_4.publicStatus === \"Amending\")?.sort((a, b) => {\r\n return this.descendingDateComparer(a.lastModifiedDate, b.lastModifiedDate);\r\n });\r\n\r\n this.submitted = disclosures.filter(x_4 => x_4.publicStatus === \"Submitted\" && !this.amending.some(d_5 => d_5.fracJobId === x_4.fracJobId))?.sort((a, b) => {\r\n return this.ascendingStringComparer(a.apiNumber, b.apiNumber);\r\n });\r\n\r\n this.all = disclosures\r\n .filter(x_5 => x_5.publicStatus !== \"Archived\")\r\n .filter(x_5 => {\r\n if(x_5.publicStatus === \"Submitted\"){\r\n const isDisclosureAmending = this.amending.some(d_5 => d_5.fracJobId === x_5.fracJobId);\r\n return !isDisclosureAmending;\r\n }\r\n return true;\r\n })\r\n ?.sort((a, b) => {\r\n return this.ascendingStringComparer(a.apiNumber, b.apiNumber);\r\n });\r\n }\r\n\r\n this.totalPending = this.pending.length;\r\n this.totalSubmitted = this.submitted.length;\r\n this.totalAmending = this.amending.length;\r\n this.totalDeleted = this.deleted.length;\r\n this.totalDeletedByOperator = this.deletedByOperator.length;\r\n this.totalAll = this.all.length;\r\n }\r\n\r\n cancelDelete() {\r\n this.modalVisible = false;\r\n }\r\n confirmDelete() {\r\n this.mainService.showLoading({ loading: true });\r\n this.modalVisible = false;\r\n this.disclosureService.deleteDisclosure(this.selectedDisclosure.disclosureId).subscribe({\r\n next: () => {\r\n this.mainService.showLoading({ loading: false });\r\n this.loggingService.success(\"Disclosure was deleted\");\r\n const deleted = this.disclosures.find(x => x.disclosureId === this.selectedDisclosure.disclosureId);\r\n if (deleted) {\r\n deleted.status = \"Deleted\";\r\n deleted.publicStatus = \"Deleted\";\r\n }\r\n \r\n this.setCollectionsAndTotals(this.disclosures)\r\n .then( () => {\r\n this.disclosuresFiltered = this.pending;\r\n this.changeDetectorRef.detectChanges();\r\n });\r\n },\r\n error: (e) => {\r\n this.mainService.showLoading({ loading: false });\r\n this.loggingService.error(\"Error deleting disclosure\");\r\n }\r\n });\r\n }\r\n\r\n modalClosed(e: any) {\r\n this.cancelDelete();\r\n }\r\n\r\n cancelAmend() {\r\n this.modalAmendVisible = false;\r\n }\r\n\r\n confirmAmend() {\r\n this.mainService.showLoading({ loading: true });\r\n this.modalAmendVisible = false;\r\n\r\n const { currentOrganizationId } = this.userInfo;\r\n\r\n this.disclosureService.SetMyDisclosureToAmending(currentOrganizationId, this.selectedDisclosure.disclosureId).subscribe(res => {\r\n this.mainService.showLoading({ loading: false });\r\n this.router.navigate(['/disclosure/edit-disclosure/', res.disclosureId]);\r\n }, err => {\r\n this.mainService.showLoading({ loading: false });\r\n this.loggingService.error(\"Error setting disclosure to amending\");\r\n });\r\n /*this.disclosureService.deleteDisclosure(this.selectedDisclosure.disclosureId).subscribe({\r\n next: () => {\r\n this.mainService.showLoading({ loading: false });\r\n this.loggingService.success(\"Disclosure was deleted\");\r\n const deleted = this.disclosures.find(x => x.disclosureId === this.selectedDisclosure.disclosureId);\r\n if (deleted) {\r\n deleted.status = \"Deleted\";\r\n }\r\n this.setCollectionsAndTotals(this.disclosures);\r\n this.filterForm.controls.status.patchValue(\"Editing\");\r\n this.changeDetectorRef.detectChanges();\r\n },\r\n error: (e) => {\r\n this.mainService.showLoading({ loading: false });\r\n this.loggingService.error(\"Error deleting disclosure\");\r\n }\r\n });*/\r\n }\r\n\r\n modalAmendClosed(e: any) {\r\n this.cancelAmend();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n }\r\n\r\n confirmRollback(){\r\n this.modalRollbkVisible = false\r\n \r\n this.authService.getUserInfo()\r\n .then(user => { \r\n \r\n this.disclosureService.rollBackMyDisclosure(user.currentOrganizationId, this.selectedDisclosure.disclosureId)\r\n .pipe( first() )\r\n .subscribe( \r\n {\r\n next: () => {\r\n this.loggingService.success('Disclosure Rollback successful');\r\n this.selectedDisclosure.publicStatus = 'Deleted';\r\n const submitted = this.disclosures.filter(x => x.publicStatus === \"Submitted\");\r\n const submittedDisclosure: Disclosure = submitted.find((d: Disclosure) => d.fracJobId === this.selectedDisclosure.fracJobId);\r\n submittedDisclosure.editCount = 0; //So amend cell will render\r\n \r\n this.setCollectionsAndTotals(this.disclosures)\r\n .then( () => {\r\n this.disclosuresFiltered = this.amending;\r\n this.changeDetectorRef.detectChanges(); // To update grid view\r\n });\r\n },\r\n error: () => this.loggingService.error('Error rolling back disclosure')\r\n }\r\n )\r\n })\r\n .finally( () => this.mainService.showLoading({ loading: false }) )\r\n }\r\n\r\n cancelRollback(){\r\n this.modalRollbkVisible = false\r\n }\r\n\r\n apiValueGetter(params: ValueGetterParams\r\n
\r\n \r\n
\r\n Disclosures
\r\n \r\n\r\n
\r\n\r\n
\r\nAre you sure you want to delete this disclosure?
\r\n The disclosure will be held in a delete pending state for 6 months.
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\nAre you sure you want to rollback this amendment?
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\nAre you sure you want to amend this disclosure?
\r\n \r\n \r\n \r\n
\r\n Disclosures
\r\n\r\n\r\n\r\n\r\n
\r\n","import { ChangeDetectorRef, Component, OnInit } from '@angular/core';\r\nimport { AbstractControl, FormControl, FormGroup, ValidationErrors, ValidatorFn, Validators } from '@angular/forms';\r\nimport { Status } from '../../models/lookup/status.model';\r\nimport { Organization } from '../../models/organizations/organization.model';\r\nimport { FFUserWithRoles } from '../../models/users/ff-user-with-roles.model';\r\nimport { AuthService } from '../../services/auth.service';\r\nimport { DisclosureService } from '../../services/disclosure.service';\r\nimport { DropdownService } from '../../services/dropdown.service';\r\nimport { LoggingService } from '../../services/logging.service';\r\nimport { getDistinct } from '../../services/utilities.service';\r\nimport { LoaderData } from '../../ui/models/loader-data.model';\r\nimport { MainService } from '../../ui/services/main.service';\r\nimport { UserMappingWithRelatedOrgs } from '../../models/users/user-mapping-with-related-orgs.model';\r\nimport { first } from 'rxjs';\r\nimport { isNotNullOrEmpty } from '../../functions/is-not-null-or-empty.function';\r\nimport { dateStringToUtcDate } from '../../functions/date-string-to-utc-date.function';\r\nimport { DownloadFilter } from '../../models/disclosures/download-filter.model';\r\n\r\nconst FileSaver = require('file-saver');\r\n@Component({\r\n selector: 'filter-download',\r\n templateUrl: './filter-download.component.html',\r\n styleUrls: ['./filter-download.component.scss']\r\n})\r\nexport class FilterDownloadComponent implements OnInit {\r\n userInfo: FFUserWithRoles;\r\n currentOrg: Organization;\r\n public statuss: Status[];\r\n public states: any[];\r\n public orgId: string;\r\n public operatorNames: string[];\r\n public selectedOperatorId: string | null = null;\r\n public isSubmissionDatesValid: boolean = true;\r\n public downloadCount: any = 'Calculating';\r\n public IsValidInputDate: boolean = true;\r\n private operators: UserMappingWithRelatedOrgs[];\r\n \r\n public fg: FormGroup = new FormGroup({\r\n jobDateStart: new FormControl\r\n
\r\n\r\n\r\n","\r\nimport { Component, OnDestroy, OnInit } from '@angular/core';\r\nimport { finalize, Observable, Subscription, tap } from 'rxjs';\r\nimport { CaptchaSettings } from '../../models/captcha-settings.model';\r\nimport { CreateAssessmentRequestModel } from '../../models/create-assessment-request.model';\r\nimport { LoggingService } from '../../services/logging.service';\r\nimport { ReCaptchaService } from '../../services/recaptcha.service';\r\n\r\n@Component({ template: ''})\r\nexport class RecaptchaBaseComponent implements OnInit, OnDestroy {\r\n protected recaptchaToken: string = \"\";\r\n protected recaptchaTokenAction: string = \"\";\r\n protected subscription: Subscription = new Subscription();\r\n captchaFailed: boolean = false;\r\n captchaSucceeded: boolean = false;\r\n captchaSettings: CaptchaSettings;\r\n\r\n constructor(protected loggingService: LoggingService, protected recaptchaService: ReCaptchaService) {\r\n }\r\n\r\n ngOnInit(): void {\r\n let getRecaptchaSettings$ = this.recaptchaService.getCaptchaSettings().pipe(finalize(() => {\r\n this.subscription.add(getRecaptchaSettings$);\r\n })).subscribe(res => {\r\n this.captchaSettings = res;\r\n }, err => {\r\n this.loggingService.error(\"Error fetching Recaptcha settings.\", \"Error fetching Recaptcha settings: \" + err);\r\n });\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.subscription) {\r\n this.subscription.unsubscribe();\r\n }\r\n }\r\n\r\n protected setRecaptchaTokenAction(actionName: string) {\r\n this.recaptchaTokenAction = actionName;\r\n this.fetchRecaptchaToken();\r\n }\r\n\r\n protected fetchRecaptchaToken(): void {\r\n var recaptchaService$ = this.recaptchaService.requestToken(this.recaptchaTokenAction).pipe(finalize(() => {\r\n this.subscription.add(recaptchaService$);\r\n //Tokens expire every two minutes, so upon fetching the first one, get ready to fetch another in two minutes.\r\n setTimeout(() => {\r\n this.fetchRecaptchaToken();\r\n }, 120000);\r\n })).subscribe(token => {\r\n this.recaptchaToken = token;\r\n }, error => {\r\n console.log('Failed to fetch a recaptcha token.', error);\r\n });\r\n }\r\n\r\n protected createRecaptchaAssessment(action: string = this.recaptchaTokenAction, token: string = this.recaptchaToken): ObservableNumber of disclosures to be downloaded: {{downloadCount}}
\r\n 250 && IsValidInputDate\" style=\"background-color: darksalmon\">Number of disclosures available: {{downloadCount}}. Only the latest 250 will be downloaded.
\r\n No disclosures available for download with current filter
\r\n Calculating disclosure download count.
\r\n Error retrieving disclosure download count.
\r\n Invalid date range provided, please provide a valid range and try again.
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n