| \n \n group\n \n | \n\n | \n
| \n | \n
| \n \n group\n \n | \n\n | \n
| \n | \n
| \n | \n \n group\n \n | \nCreditorId | \n{{item.CreditorName}} ({{item.CreditorId}} | \nIntegrationLinkId | \n\n \n {{item.IntegrationLinkId}}\n \n | \n FirstName | \n{{item.FirstName}} | \nLastName | \n{{item.LastName}} | \n
|---|
footer works!
\n","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { Location } from '@angular/common';\nimport { ActivatedRoute } from '@angular/router';\nimport { AppService } from '../../app.service';\nimport { ManagedFunctionService } from '../../services/managed-function/managed-function.service';\nimport { ManagedFunctionType } from '../../enums/managed-function-type';\nimport { MatSort, MatSortModule, Sort } from '@angular/material/sort';\nimport { MatTableDataSource, MatTableModule } from '@angular/material/table';\nimport { HttpErrorResponse } from '@angular/common/http';\nimport { ModalDialogSeverity } from '../../enums/modal-dialog-severity';\nimport { FormBuilder, FormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { BehaviorSubject, forkJoin, interval, Observable, Subscription } from 'rxjs';\nimport { TimeInterval } from 'rxjs/internal/operators/timeInterval';\nimport { animate, keyframes, style, transition, trigger } from '@angular/animations';\nimport { DateHelper } from '../../utilities/date-helper';\n\n@Component({\n selector: 'app-function-edit',\n templateUrl: './function-edit.component.html',\n styleUrls: ['./function-edit.component.css'],\n animations: [\n trigger('highlight', [\n transition('*=>hasHistoryChanged', animate('2000ms', keyframes([\n style({ backgroundColor: 'initial', boxShadow: 'none', offset: 0 }),\n style({ backgroundColor: '#cce6ff', boxShadow: '0 0 5px #cce6ff', offset: 0.1 }),\n style({ backgroundColor: 'initial', boxShadow: 'none', offset: 1 }),\n ])))\n ])\n ]\n})\n\nexport class FunctionEditComponent implements OnInit {\n\n public itemId: string = \"\";\n public functionRoleTypes: any = null;\n public itemData: any = null;\n public itemDataCopySqlToSqlFunctionData: any = null;\n public itemDataPurgeSqlFunctionData: any = null;\n public itemDataCopySqlToDatalakeFunctionData: any = null;\n public itemManagedFieldsOnlyData: any = null;\n public itemDataHistoryData: any = null;\n public randomNumber: number = -1;\n public itemRecentHistory: any = null;\n public isIsRunningDisabled: boolean = true;\n public eventsResultsClass: string = \"display-none\";\n public displayedEventsColumns: string[] = ['Avatar', 'StartedDateTime', 'FinishedDateTime', 'Duration', 'RowsCount', 'MinRowId', 'MaxRowId'];\n public editHistorys: any = [{ EventDateTime: \"12/05/2023\", EventType: \"Created\", EventUser: \"Joe.Banks\", EventCommentary: \"\" }, { EventDateTime: \"01/05/2024\", EventType: \"Modified\", EventUser: \"Joe.Banks\", EventCommentary: \"\" }, { EventDateTime: \"12/06/2023\", EventType: \"Deleted\", EventUser: \"Roy.Munson\", EventCommentary: \"\" }, { EventDateTime: \"12/06/2023\", EventType: \"UnDeleted\", EventUser: \"Joe.Banks\", EventCommentary: \"This should not have been deleted. Reactivating\" }];\n public isChecked: boolean = true;\n public historyChanged: string = \"\";\n public isAutoRefresh: boolean = false;\n\n private refreshIntervalMs: any = interval(10000);\n private lastLastStartDateTimePiped: string = \"\";\n private lastLastFinishDateTimePiped: string = \"\";\n private lastDuration: string = \"\";\n private lastNextRunDateTimePiped: string = \"\";\n private lastIsRunning: boolean = false;\n private lastIsDue: boolean = false;\n\n @ViewChild('eventSort') roleSort: any;\n\n public constructor(public appService: AppService,\n private functionService: ManagedFunctionService,\n private route: ActivatedRoute,\n private location: Location) {\n\n const parameters = route.params;\n\n if (parameters != null) {\n\n parameters.subscribe(p => {\n\n this.itemId = p[\"functionId\"];\n });\n }\n }\n\n public ngOnInit(): void {\n\n this.appService.IsAppBusy = true;\n\n forkJoin(this.functionService.getManagedFunctionTypes()).subscribe(([functionRoleTypes]) => {\n\n this.functionRoleTypes = functionRoleTypes;\n this.loadData(false);\n });\n }\n\n public loadData = (isAutoRefresh: boolean): void => {\n\n if (!isAutoRefresh) {\n\n this.appService.IsAppBusy = true;\n }\n\n this.functionService.getById(parseInt(this.itemId)).subscribe((f: any) => {\n\n if (f != null) {\n\n this.itemData = f;\n\n this.loadFunctionTab().subscribe((tab: any) => {\n\n if (tab != null) {\n\n this.functionService.getRecentHistory(parseInt(this.itemId)).subscribe((h: any) => {\n\n if (h != null) {\n\n this.itemDataHistoryData = h;\n this.itemRecentHistory = new MatTableDataSource(this.itemDataHistoryData);\n\n if (h.length > 0) {\n\n this.eventsResultsClass = \"display-block\";\n }\n\n this.appService.IsAppBusy = false;\n\n this.refreshIntervalMs.subscribe((v: any) => {\n\n if (this.isAutoRefresh) {\n\n this.refreshManagedFields();\n }\n });\n }\n });\n }\n });\n }\n });\n }\n\n public refreshManagedFields = () => {\n\n this.loadManagedFields();\n\n this.randomNumber = Math.random() * 10; // this causes pipes to re-trigger and output values such as 'in 3 minutes' \n\n if (this.itemData.LastStartDateTime != this.itemManagedFieldsOnlyData.LastStartDateTime) {\n\n this.itemData.LastStartDateTime = this.itemManagedFieldsOnlyData.LastStartDateTime;\n this.itemData.LastFinishDateTime = this.itemManagedFieldsOnlyData.LastFinishDateTime;\n this.itemData.Duration = this.itemManagedFieldsOnlyData.Duration;\n this.itemData.IsRunning = this.itemManagedFieldsOnlyData.IsRunning;\n this.itemData.NextRunDateTime = this.itemManagedFieldsOnlyData.NextRunDateTime;\n this.itemData.IsDue = this.itemManagedFieldsOnlyData.NextRunDateTime;\n\n this.functionService.getRecentHistory(parseInt(this.itemId)).subscribe((latestHistory: any) => {\n\n if (latestHistory != null) {\n\n const latestHistoryRecord = latestHistory[0];\n this.itemDataHistoryData.unshift(latestHistoryRecord);\n\n this.itemRecentHistory = new MatTableDataSource(this.itemDataHistoryData);\n }\n });\n }\n }\n\n public loadFunctionTab = (): Observable| \n | \n \n bolt\n \n | \nStartedDateTime | \n{{item.StartedDateTime | dateAgo:randomNumber}} | \nFinishedDateTime | \n{{item.FinishedDateTime | dateAgo:randomNumber}} | \nDuration | \n{{item.Duration}} | \nRowsCount | \n{{item.RowsCount}} | \nMinRowId | \n{{item.MinRowId}} | \nMaxRowId | \n{{item.MaxRowId}} | \n
|---|
| \n | \n \n function\n \n \n timer_off\n \n \n timer\n \n | \nName | \n{{item.Name}} | \nType | \n{{item.ManagedFunctionType}} | \nIsDisabled | \n{{item.IsDisabled}} | \nCronTriggerExpression | \n{{item.CronTriggerExpression}} | \nLastStartDateTime | \n{{item.LastStartDateTime | dateAgo:randomNumber}} | \nLastFinishDateTime | \n{{item.LastFinishDateTime | dateAgo:randomNumber}} | \nDuration | \n{{item.Duration}} | \nIsRunning | \n{{item.IsRunning}} | \nNextRunDateTime | \n{{item.NextRunDateTime | dateAgo:randomNumber}} | \nIsDue | \n{{item.IsDue}} | \n\n | \n \n delete_forever\n \n | \n
|---|
header works!
\n","import { Component, OnInit } from '@angular/core';\nimport { AppService } from '../../app.service';\nimport { InvoiceService } from '../../services/invoice/invoice.service';\nimport { MatInputModule } from '@angular/material/input';\nimport { FormControl } from '@angular/forms';\nimport { HttpErrorResponse } from '@angular/common/http';\nimport { ActivatedRoute } from '@angular/router';\nimport { ModalDialogSeverity } from '../../enums/modal-dialog-severity';\n\n@Component({\n selector: 'app-invoice-basic-test',\n templateUrl: './invoice-basic-test.component.html',\n styleUrls: ['./invoice-basic-test.component.css']\n})\n\nexport class InvoiceBasicTestComponent implements OnInit {\n\n public searchModel: any = {\n AccountInvoiceId: '',\n ResultObject: null,\n ResultJson: ''\n }\n\n public constructor(public appService: AppService,\n public invoiceService: InvoiceService,\n private route: ActivatedRoute) {\n\n const parameters = route.params;\n let accountInvoiceId = '';\n\n if (parameters != null) {\n\n parameters.subscribe(p => {\n\n accountInvoiceId = 'creditor/' + p['creditorId'] + '/accountinvoice/' + p['integrationLinkId'];\n this.searchModel.AccountInvoiceId = accountInvoiceId;\n\n this.getSqlAccountInvoice();\n });\n }\n\n this.searchModel.AccountInvoiceId = accountInvoiceId;\n }\n\n public ngOnInit(): void { }\n\n public getSqlAccountInvoice = () => {\n\n if (this.searchModel.AccountInvoiceId == '') {\n\n this.appService.ShowModalDialog(ModalDialogSeverity.Info, \"Missing Input\", \"You didn't enter an account invoice id. Enter an account invoice id in thre format creditor/{creditorid}/accountinvoice/{integrationlinkid}. So for example creditor/1/accountinvoice/abc123.\", \"GOTCHA\", \"\");\n\n } else {\n\n this.appService.IsAppBusy = true;\n\n this.invoiceService.getSqlAccountInvoice(this.searchModel.AccountInvoiceId).subscribe((r: any) => {\n\n if (r != '') {\n\n this.searchModel.ResultObject = r;\n this.searchModel.ResultJson = JSON.stringify(r, null, 3);\n this.appService.IsAppBusy = false;\n }\n });\n }\n }\n\n public saveSqlAccountInvoice = () => {\n\n this.appService.IsAppBusy = true;\n\n this.invoiceService.saveSqlAccountInvoice(this.searchModel.ResultJson).subscribe((r: any) => {\n\n if (r != '') {\n\n if (r instanceof HttpErrorResponse) {\n\n this.appService.IsAppBusy = false;\n this.appService.ShowModalDialog(ModalDialogSeverity.Error, \"Error Saving Invoice\", \"There was an error saving the invoice. Error has been logged. AI has already determined the cause based on log details and ticket number for fix is 1234 with an anticipated fix window of 8 hours as of (current time here)\", \"HAVE A NICE DAY\", \"\");\n\n } else {\n\n this.searchModel.ResultObject = r;\n this.searchModel.ResultJson = JSON.stringify(r, null, 3);\n this.appService.IsAppBusy = false;\n }\n }\n });\n }\n\n public getSampleSqlQuery = () => {\n\n const sampleSqlQuery = this.invoiceService.getSampleSqlQuery(this.searchModel.AccountInvoiceId);\n\n this.appService.ShowModalDialog(ModalDialogSeverity.Info, \"Sample SQL Script (for current Invoice)\", sampleSqlQuery, \"AWESOME !\", \"\");\n }\n}\n","| \n \n finance_chip\n \n | \n\n | \n
| \n | \n
| \n \n finance_chip\n \n | \n\n | \n
| \n | \n
| \n | \n \n finance_chip\n \n | \nCreditorId | \n{{item.CreditorId}} | \nCreditor Name | \n{{item.CreditorName}} | \nIntegrationLinkId | \n\n \n {{item.IntegrationLinkId}}\n \n | \n StatusName | \n{{item.StatusName}} | \n
|---|
| \n recommend\n info\n warning\n sentiment_very_dissatisfied\n \n | \n\n \n | \n\n {{ modaldialogdata.Title }}\n | \n
| \n \n | \n\n \n | \n\n \n | \n
| \n \n receipt_long\n \n | \n\n | \n
| \n | \n
| \n | \n \n work\n \n | \nRoleName | \n{{item.RoleName}} | \n\n | \n \n delete\n \n | \n
|---|
| \n \n notifications_active\n \n | \n\n | \n
| \n | \n
| \n | \n \n person\n \n | \nUserName | \n{{item.FirstName}} {{item.LastName}} | \n\n | \n \n delete\n \n | \n
|---|
| \n | \n \n interests\n \n | \nType | \n{{item.Type}} | \nValue | \n{{item.Value}} | \nIssuer | \n{{item.Issuer}} | \n\n | \n \n delete\n \n | \n
|---|
| \n | \n \n work\n \n | \nRoleName | \n{{item.RoleName}} | \n\n | \n \n delete_forever\n \n | \n
|---|
| \n \n {{navigationNode.MatIconName}}\n \n | \n\n | \n
| \n | \n
| \n | \n \n work\n \n | \nRoleName | \n{{item.Name}} | \n\n | \n \n delete\n \n | \n
|---|
| \n | \n \n interests\n \n | \nType | \n{{item.Type}} | \nValue | \n{{item.Value}} | \nIssuer | \n{{item.Issuer}} | \n\n | \n \n delete\n \n | \n
|---|
| \n | \n \n person\n \n | \nUserName | \n{{item.Username}} | \nFirstName | \n{{item.FirstName}} | \nLastName | \n{{item.LastName}} | \n\n | \n \n delete_forever\n \n | \n
|---|
![](\"/assets/welcome.png\")
\n