\r\n
\r\n
{{contractDetails?.Title}}
\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 \r\n
\r\n
\r\n
\r\n
\r\n","import { Component, SimpleChanges, ElementRef, ViewChild } from '@angular/core';\r\nimport { SearchFilterService } from '../Services/search-filter.service';\r\nimport { NewsArticles, SearchStaticContent } from '../Models/common.model';\r\nimport { paginate } from '../Models/common.pagination';\r\nimport { LocationStrategy } from '@angular/common';\r\n\r\n@Component({\r\n selector: 'app-search',\r\n templateUrl: './search.component.html',\r\n styles: [],\r\n providers: [SearchFilterService]\r\n})\r\nexport class SearchComponent {\r\n page = 1;\r\n pageSize = 10; //No of pages per page\r\n maxPages = 10;\r\n startIndex: number;\r\n endIndex: number;\r\n pageOfItems: Array
;\r\n pager: any = {};\r\n filterbyValues: any[];\r\n noSearchText: string;\r\n loadingText: boolean;\r\n\r\n private _staticContent: SearchStaticContent;\r\n get staticContent(): SearchStaticContent {\r\n return this._staticContent;\r\n }\r\n set staticContent(value: SearchStaticContent) {\r\n this._staticContent = value;\r\n }\r\n\r\n private _newsArticles: NewsArticles[];\r\n get newsArticles(): NewsArticles[] {\r\n return this._newsArticles;\r\n }\r\n set newsArticles(value: NewsArticles[]) {\r\n this._newsArticles = value;\r\n this.setPage(this.newsArticles);\r\n }\r\n\r\n cacheFilterNewsarticles: NewsArticles[] = [];\r\n\r\n filteredArticles: NewsArticles[] = [];\r\n searchedArticles: NewsArticles[] = [];\r\n\r\n private _searchText: string;\r\n get searchText(): string {\r\n return this._searchText;\r\n }\r\n set searchText(value: string) {\r\n this._searchText = value;\r\n sessionStorage.setItem('searchText', this.searchText);\r\n this.performSearch(this.searchText);\r\n }\r\n\r\n @ViewChild('txtSearch') searchInput: ElementRef;\r\n @ViewChild('dnFilterText') filterDropdown: ElementRef;\r\n\r\n constructor(public dataService: SearchFilterService, public location: LocationStrategy) {\r\n if ((window.performance.getEntries()[0] as any).type == 'reload' || (window.performance.getEntries()[0] as any).type == 'navigate') {\r\n sessionStorage.clear();\r\n }\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n // reset page if items array has changed\r\n if (changes.items.currentValue !== changes.items.previousValue) {\r\n this.onChangePage(this.page);\r\n }\r\n }\r\n\r\n ngOnInit(): void {\r\n this.loadingText = true;\r\n if (sessionStorage.length > 0) {\r\n this.page = !isNaN(parseInt(sessionStorage.getItem('pageIndex'))) ? parseInt(sessionStorage.getItem('pageIndex')) : 1;\r\n \r\n }\r\n this.dataService.getPagetitleErrormsg().subscribe((data: SearchStaticContent) => {\r\n this.staticContent = data;\r\n this.pageSize = data.PageSize;\r\n })\r\n\r\n this.dataService.getNewsArticles().subscribe((data: NewsArticles[]) => {\r\n this.newsArticles = data;\r\n this.cacheFilterNewsarticles = data;\r\n this.loadingText = false;\r\n if (sessionStorage.getItem('searchText') != '' && sessionStorage.getItem('searchText') != undefined) {\r\n this.searchText = sessionStorage.getItem('searchText');\r\n }\r\n\r\n if (sessionStorage.getItem('filterIndex') != undefined && sessionStorage.getItem('filterIndex') != null) {\r\n var selectedIndex = sessionStorage.getItem('filterIndex');\r\n this.loadingText = false;\r\n if (this.filterDropdown != undefined) {\r\n this.filterDropdown.nativeElement.options[selectedIndex].selected = true;\r\n }\r\n }\r\n })\r\n\r\n this.dataService.getfilterby().subscribe((data: any[]) => {\r\n this.filterbyValues = data;\r\n })\r\n\r\n \r\n }\r\n\r\n performSearch(filterby?: any) {\r\n if (filterby) {\r\n if (this.filteredArticles.length > 1) {\r\n this.newsArticles = this.filteredArticles.filter((newsArticles: NewsArticles) => {\r\n return this.getfilteredValues(newsArticles, filterby);\r\n });\r\n this.searchedArticles = this.newsArticles;\r\n }\r\n else {\r\n this.newsArticles = this.cacheFilterNewsarticles.filter((newsArticles: NewsArticles) => {\r\n return this.getfilteredValues(newsArticles, filterby);\r\n });\r\n this.searchedArticles = this.newsArticles;\r\n }\r\n }\r\n else {\r\n if (this.filteredArticles.length > 1) {\r\n this.newsArticles = this.filteredArticles;\r\n this.searchedArticles = this.newsArticles;\r\n }\r\n else {\r\n this.newsArticles = this.cacheFilterNewsarticles;\r\n this.searchedArticles = this.cacheFilterNewsarticles;\r\n }\r\n }\r\n this.loadingText = false;\r\n this.setNosearchMessage(this.searchedArticles);\r\n }\r\n\r\n onChangePage(pageOfItems: any) {\r\n // update current page of items and set the number of items on page change\r\n sessionStorage.setItem('pageIndex', pageOfItems)\r\n this.pageOfItems = pageOfItems;\r\n this.setPage(this.newsArticles);\r\n }\r\n\r\n onFilterChange(filterby: any) {\r\n let selectedOptions = event.target['options'];\r\n let selectedIndex = selectedOptions.selectedIndex;\r\n let selectElementText = selectedOptions[selectedIndex].text;\r\n this.searchInput.nativeElement.value = \"\";//clear the search input value.\r\n sessionStorage.setItem('filterIndex', selectedIndex);\r\n if (selectedIndex == \"0\") {\r\n this.newsArticles = this.cacheFilterNewsarticles;\r\n this.filteredArticles = this.cacheFilterNewsarticles;\r\n }\r\n else {\r\n this.newsArticles = this.cacheFilterNewsarticles.filter(\r\n (newsArticles: NewsArticles) => {\r\n return this.getfilteredValues(newsArticles, selectElementText);\r\n }\r\n )\r\n this.filteredArticles = this.newsArticles;\r\n }\r\n this.setNosearchMessage(this.filteredArticles);\r\n }\r\n\r\n setPage(article: NewsArticles[]) {\r\n this.pager = paginate(article.length, this.page, this.pageSize, this.maxPages);\r\n\r\n //set nnumber of items per pages.\r\n this.startIndex = this.pager.startIndex + 1;\r\n this.endIndex = this.pager.endIndex + 1;\r\n }\r\n\r\n getfilteredValues(article: NewsArticles, searchTerm: string): boolean {\r\n\r\n return ((article.NewsTitle != null ? article.NewsTitle.toLocaleLowerCase().indexOf(searchTerm.toLocaleLowerCase()) !== -1 : false) ||\r\n (article.NewsSummary != null ? article.NewsSummary.toLocaleLowerCase().indexOf(searchTerm.toLocaleLowerCase()) !== -1 : false) ||\r\n (article.NewsBody != null ? article.NewsBody.toLocaleLowerCase().indexOf(searchTerm.toLocaleLowerCase()) !== -1 : false)) ||\r\n (article.Tags != null ? article.Tags.map(function (t) { return t.toLowerCase(); }).indexOf(searchTerm.toLocaleLowerCase()) !== -1 : false);\r\n }\r\n\r\n setNosearchMessage(article: NewsArticles[]) {\r\n if (article == undefined || article.length == 0) {\r\n this.dataService.getPagetitleErrormsg().subscribe((data: SearchStaticContent) => {\r\n this.staticContent = data;\r\n\r\n })\r\n let message = this.staticContent?.NoResultText;\r\n this.noSearchText = message;\r\n }\r\n else {\r\n this.noSearchText = null;\r\n }\r\n }\r\n}\r\n","\r\n \r\n \r\n\r\n \r\n \r\n
{{noSearchText}}
\r\n
Loading ...
\r\n
\r\n \r\n
![\"\"\r\n](\"{{article.ImagePath}}\"\r\n)
\r\n
\r\n
0\" class=\"row justify-content-center justify-content-md-between align-items-center\">\r\n
\r\n Showing {{endIndex}} of {{ newsArticles.length }} results\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
Download
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
1\" class=\"row justify-content-center justify-content-md-between align-items-center\">\r\n
\r\n Showing {{endIndex}} of {{ reportHtml.length }} results\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 \r\n\r\n
\r\n 1\" class=\"row pt-4\">\r\n
\r\n
\r\n
1\" class=\"row justify-content-center justify-content-md-between align-items-center\">\r\n
\r\n Showing {{endIndex}} of {{ reportHtml.length }} results\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
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
0\" [innerHTML]=\"searchResults.ResultFoundMessage\">
\r\n
\r\n \r\n
0 && searchResults.TotalMatching > pageSize && !isLoading\" class=\"row justify-content-center\">\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n
0 && !isLoading\" class=\"swapa-top-tocshortcut text-right text-nonselectable\">\r\n
↑ Back To Top \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
{{isPostedAnswer ? postAnswerMessage : postEditQuestionMessage}}
\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
Are you sure you want to delete this question?
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n","import { Component, OnInit, SimpleChanges, Input } from '@angular/core';\r\nimport { GlobalSearchService } from '../Services/global-search.service';\r\nimport { SearchResults, NewsArticles } from '../Models/common.model';\r\nimport { paginate } from '../Models/common.pagination';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { VideoModalPopupComponent } from '../Components/video-modal-popup.component';\r\n\r\n@Component({\r\n selector: 'video-search',\r\n templateUrl: './video-search.component.html',\r\n})\r\nexport class VideoSearchComponent implements OnInit {\r\n @Input() public loadingMessage: string;\r\n\r\n page = 1;\r\n pageSize = 10;\r\n maxPages = 10;\r\n startIndex: number;\r\n endIndex: number;\r\n pager: any = {};\r\n isLoading: boolean = true;\r\n searchQuery: string;\r\n searchTag: string;\r\n isTextSearch: boolean = false;\r\n private _searchText: string;\r\n get searchText(): string {\r\n return this._searchText;\r\n }\r\n set searchText(value: string) {\r\n this._searchText = value;\r\n }\r\n\r\n private _searchResults: SearchResults;\r\n get searchResults(): SearchResults {\r\n return this._searchResults;\r\n }\r\n set searchResults(value: SearchResults) {\r\n this._searchResults = value;\r\n }\r\n constructor(public dataService: GlobalSearchService, private modalService: NgbModal) {\r\n }\r\n\r\n ngOnInit(): void {\r\n this.peformSearch();\r\n\r\n this.dataService.getStaticData().subscribe((data: string) => {\r\n this.loadingMessage = data;\r\n })\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n // reset page if items array has changed\r\n if (changes.items.currentValue !== changes.items.previousValue) {\r\n this.onChangePage(this.page);\r\n }\r\n }\r\n\r\n searchService(page, searchString) {\r\n this.dataService.getVideoSearchKeywordResults(page, searchString).subscribe((data: SearchResults) => {\r\n this.pageSize = data.PageSize;\r\n this.searchResults = data;\r\n this.setPage(this.searchResults);\r\n this.isLoading = false;\r\n\r\n window.location.href = \"#topofbody\";\r\n })\r\n }\r\n\r\n peformSearch(): void {\r\n this.isTextSearch = false;\r\n this.isLoading = true;\r\n\r\n this.dataService.getVideoSearchResults(this.page).subscribe((data: SearchResults) => {\r\n this.pageSize = data.PageSize;\r\n this.searchResults = data;\r\n this.setPage(this.searchResults);\r\n this.isLoading = false;\r\n\r\n window.location.href = \"#topofbody\";\r\n })\r\n\r\n }\r\n\r\n performTextSearch(event) {\r\n this.isTextSearch = true;\r\n this.isLoading = true;\r\n this.page = 1;\r\n\r\n if (this.searchText != null || this.searchText != undefined) {\r\n this.searchService(this.page, this.searchText)\r\n }\r\n }\r\n\r\n onChangePage(pageIndex: any) {\r\n if (this.isTextSearch) {\r\n if (this.searchText != null || this.searchText != undefined) {\r\n this.searchService(this.page, this.searchText)\r\n }\r\n }\r\n else {\r\n this.peformSearch();\r\n }\r\n \r\n }\r\n\r\n setPage(searchResults: SearchResults) {\r\n this.pager = paginate(searchResults.TotalMatching, this.page, this.pageSize, this.maxPages);\r\n\r\n //set nnumber of items per pages.\r\n this.startIndex = this.pager.startIndex + 1;\r\n this.endIndex = this.pager.endIndex + 1;\r\n }\r\n\r\n showModalPopup(videoUrl: string) {\r\n const modalRef = this.modalService.open(VideoModalPopupComponent, { size: 'lg', scrollable: true });\r\n modalRef.componentInstance.videoUrl = videoUrl;\r\n }\r\n\r\n}\r\n","\r\n0\" [innerHTML]=\"searchResults.ResultFoundMessage\">
\r\n\r\n\r\n\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
0 && searchResults.TotalMatching > pageSize\" class=\"row justify-content-center justify-content-md-between align-items-center\">\r\n
\r\n Showing {{endIndex}} of {{ searchResults.TotalMatching }} results\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
0\" class=\"swapa-top-tocshortcut text-right text-nonselectable\">\r\n
↑ Back To Top \r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n
{{ title }} app is running!\r\n\r\n
\r\n\r\n
\r\n\r\n \r\n
Resources
\r\n
Here are some links to help you get started:
\r\n\r\n
\r\n\r\n \r\n
Next Steps
\r\n
What do you want to do next with your app?
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n
New Component\r\n
\r\n\r\n
\r\n
\r\n\r\n
Angular Material\r\n
\r\n\r\n
\r\n
\r\n\r\n
Add PWA Support\r\n
\r\n\r\n
\r\n
\r\n\r\n
Add Dependency\r\n
\r\n\r\n
\r\n
\r\n\r\n
Run and Watch Tests\r\n
\r\n\r\n
\r\n
\r\n\r\n
Build for Production\r\n
\r\n
\r\n\r\n \r\n
\r\n
ng generate component xyz
\r\n
ng add @angular/material
\r\n
ng add @angular/pwa
\r\n
ng add _____
\r\n
ng test
\r\n
ng build --prod
\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n
${statusDisplay}
`;\r\n return newLink;\r\n },\r\n onCellClicked: function (event) {\r\n const target = event.event.target as HTMLElement;\r\n const id = target.dataset.id;\r\n if (target.classList.contains('edit-icon')) {\r\n event.event.preventDefault();\r\n redirectToEditPage(id);\r\n } else if (target.classList.contains('delete-icon')) {\r\n event.event.preventDefault();\r\n deleteItem(id);\r\n }\r\n }, minWidth: 140, suppressMovable: true,\r\n cellClass: 'no-border'\r\n },\r\n {\r\n field: 'checkbox',\r\n checkboxSelection: true,\r\n headerCheckboxSelection: true,\r\n hide: true,\r\n maxWidth: 60,\r\n cellClass: 'no-border'\r\n }\r\n ];\r\n\r\n columnDefsClosed_OnIncluded: ColDef[] = [\r\n { field: 'ID', hide: true, sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc' },\r\n {\r\n field: 'Title', resizable: true, sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', tooltipField: 'Title', minWidth: 180, maxWidth: 350, suppressMovable: true\r\n },\r\n { field: 'Date', sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', headerName: \"Date\", comparator: dateComparator, minWidth: 110, suppressMovable: true },\r\n { field: 'Domicile', sortable: true, headerName: \"Dom\", sortingOrder: ['asc', 'desc'], sort: 'desc', minWidth: 30, suppressMovable: true },\r\n { field: 'Seat', sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', minWidth: 30, suppressMovable: true },\r\n { field: 'DTCValue', sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', minWidth: 60, suppressMovable: true },\r\n {\r\n field: 'Status', sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', cellRenderer: (params) => {\r\n let keyData = params.data.ID;\r\n let status = params.data.Status;\r\n const statusDisplay = `${status}`;\r\n if (this.isSelectMode) {\r\n return statusDisplay;\r\n }\r\n let newLink = `${statusDisplay}
`;\r\n return newLink;\r\n },\r\n onCellClicked: function (event) {\r\n const target = event.event.target as HTMLElement;\r\n const id = target.dataset.id;\r\n if (target.classList.contains('edit-icon')) {\r\n event.event.preventDefault();\r\n redirectToEditPage(id);\r\n } else if (target.classList.contains('delete-icon')) {\r\n event.event.preventDefault();\r\n deleteItem(id);\r\n }\r\n }, minWidth: 140, suppressMovable: true,\r\n cellClass: 'no-border'\r\n },\r\n {\r\n field: 'checkbox',\r\n headerCheckboxSelection: true,\r\n checkboxSelection: true,\r\n hide: true,\r\n maxWidth: 60,\r\n cellClass: 'no-border'\r\n }\r\n ];\r\n \r\n columnDefsClosed_OnExcluded: ColDef[] = [\r\n { field: 'Title', minWidth: 213, width: 275, maxWidth: 300, resizable: true, sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', tooltipField: 'Title', suppressMovable: true },\r\n {\r\n field: 'Status', sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', cellRenderer: (params) => {\r\n let keyData = params.data.ID;\r\n let status = params.data.Status;\r\n const statusDisplay = `${status}`;\r\n if (this.isSelectMode) {\r\n return statusDisplay;\r\n }\r\n let marginLeftStyle = status === 'Active' ? 'margin-left: 0.5rem !important;' : '';\r\n let newLink = `${status}
`;\r\n return newLink;\r\n },\r\n onCellClicked: function (event) {\r\n const target = event.event.target as HTMLElement;\r\n const id = target.dataset.id;\r\n if (target.classList.contains('edit-icon')) {\r\n event.event.preventDefault();\r\n redirectToEditPage(id);\r\n } else if (target.classList.contains('delete-icon')) {\r\n event.event.preventDefault();\r\n deleteItem(id);\r\n }\r\n }, minWidth: 123, maxWidth: 123, suppressMovable: true, cellClass: 'no-border'\r\n },\r\n {\r\n field: 'checkbox',\r\n headerCheckboxSelection: true,\r\n checkboxSelection: true,\r\n hide: true,\r\n minWidth: 40,\r\n cellClass: 'no-border'\r\n }\r\n ];\r\n\r\n\r\n\r\n onGridReady(params: GridReadyEvent) {\r\n this.gridApi = params.api;\r\n this.gridApi.setDomLayout(\"autoHeight\");\r\n response = ReadStaticData();\r\n this.maxAllowedAlerts = MaxAllowedAlerts();\r\n this.tTGAPairingGridResults = JSON.parse(response);\r\n this.rowData = this.tTGAPairingGridResults;\r\n this.gridApi.setRowData(this.rowData);\r\n params.api.sizeColumnsToFit();\r\n }\r\n}\r\n\r\nfunction dateComparator(date1: string, date2: string) {\r\n var date1Number = monthToComparableNumber(date1);\r\n var date2Number = monthToComparableNumber(date2);\r\n\r\n if (date1Number == null && date2Number == null) {\r\n return 0;\r\n }\r\n if (date1Number == null) {\r\n return -1;\r\n }\r\n if (date2Number == null) {\r\n return 1;\r\n }\r\n\r\n return date1Number - date2Number;\r\n}\r\n\r\n// eg 29/08/2004 gets converted to 20040829\r\nfunction monthToComparableNumber(date: string): number {\r\n if (date === undefined || date === null || date.length !== 10) {\r\n return null;\r\n }\r\n\r\n const yearNumber = Number.parseInt(date.substring(6, 10));\r\n const dayNumber = Number.parseInt(date.substring(3, 5));\r\n const monthNumber = Number.parseInt(date.substring(0, 2));\r\n\r\n return yearNumber * 10000 + monthNumber * 100 + dayNumber;\r\n}\r\n\r\nfunction deleteItem(id) {\r\n const deleteItemIdInput = document.getElementById('deleteItemId') as HTMLInputElement;\r\n if (deleteItemIdInput) {\r\n deleteItemIdInput.value = id.toString();\r\n }\r\n}\r\n\r\nfunction redirectToEditPage(id) {\r\n const editUrl = `?action=edit&id=${id}`;\r\n window.location.href = editUrl;\r\n}","\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Delete Selected\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n
\r\n
{{deleteAlertMessage}}
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
0\" [innerHTML]=\"newsArticles.ResultFoundMessage\">
\r\n\r\n\r\n
\r\n \r\n
\r\n
\r\n
0 && newsArticles.TotalMatching > pageSize\" class=\"row justify-content-center justify-content-md-between align-items-center\">\r\n
\r\n Showing {{endIndex}} of {{ newsArticles.TotalMatching }} results\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
0\" class=\"swapa-top-tocshortcut text-right text-nonselectable\">\r\n
↑ Back To Top \r\n
${statusDisplay}
`;\r\n return newLink;\r\n },\r\n onCellClicked: function (event) {\r\n const target = event.event.target as HTMLElement;\r\n const id = target.dataset.id;\r\n if (target.classList.contains('edit-icon')) {\r\n event.event.preventDefault();\r\n redirectToEditPage(id);\r\n } else if (target.classList.contains('delete-icon')) {\r\n event.event.preventDefault();\r\n deleteItem(id);\r\n }\r\n }, minWidth: 140, suppressMovable: true, cellClass: 'no-border'\r\n },\r\n {\r\n field: 'checkbox',\r\n headerCheckboxSelection: true,\r\n checkboxSelection: true,\r\n hide: true,\r\n maxWidth: 60,\r\n cellClass: 'no-border'\r\n }\r\n ];\r\n\r\n columnDefsClosed_OnIncluded: ColDef[] = [\r\n { field: 'ID', hide: true, sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc' },\r\n {\r\n field: 'Title', resizable: true, sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', tooltipField: 'Title', minWidth: 180, maxWidth: 350, suppressMovable: true\r\n },\r\n { field: 'Date', cellClass: 'locked-col', lockPosition: true, sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', headerName: \"Date\", minWidth: 90, suppressMovable: true },\r\n { field: 'Domicile', cellClass: 'locked-col', lockPosition: true, sortable: true, headerName: \"Dom\", sortingOrder: ['asc', 'desc'], sort: 'desc', minWidth: 30, suppressMovable: true },\r\n { field: 'Seat', cellClass: 'locked-col', lockPosition: true, sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', minWidth: 30, suppressMovable: true },\r\n { field: 'NetZero', cellClass: 'locked-col', lockPosition: true, sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', minWidth: 60, suppressMovable: true },\r\n {\r\n field: 'Status', sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', cellRenderer: (params) => {\r\n let keyData = params.data.ID;\r\n let status = params.data.Status;\r\n const statusDisplay = `${status}`;\r\n if (this.isSelectMode) {\r\n return statusDisplay;\r\n }\r\n let newLink = `${statusDisplay}
`;\r\n return newLink;\r\n },\r\n onCellClicked: function (event) {\r\n const target = event.event.target as HTMLElement;\r\n const id = target.dataset.id;\r\n if (target.classList.contains('edit-icon')) {\r\n event.event.preventDefault();\r\n redirectToEditPage(id);\r\n } else if (target.classList.contains('delete-icon')) {\r\n event.event.preventDefault();\r\n deleteItem(id);\r\n }\r\n }, minWidth: 140, suppressMovable: true, cellClass: 'no-border'\r\n },\r\n {\r\n field: 'checkbox',\r\n headerCheckboxSelection: true,\r\n checkboxSelection: true,\r\n hide: true,\r\n maxWidth: 60,\r\n cellClass: 'no-border'\r\n }\r\n ];\r\n columnDefsClosed_OnExcluded: ColDef[] = [\r\n { field: 'Title', minWidth: 213, width: 275, maxWidth: 300, resizable: true, sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', tooltipField: 'Title', suppressMovable: true },\r\n {\r\n field: 'Status', sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', cellRenderer: (params) => {\r\n let keyData = params.data.ID;\r\n let status = params.data.Status;\r\n const statusDisplay = `${status}`;\r\n if (this.isSelectMode) {\r\n return statusDisplay;\r\n }\r\n let marginLeftStyle = status === 'Active' ? 'margin-left: 0.5rem !important;' : '';\r\n let newLink = `${status}
`;\r\n return newLink;\r\n },\r\n onCellClicked: function (event) {\r\n const target = event.event.target as HTMLElement;\r\n const id = target.dataset.id;\r\n if (target.classList.contains('edit-icon')) {\r\n event.event.preventDefault();\r\n redirectToEditPage(id);\r\n } else if (target.classList.contains('delete-icon')) {\r\n event.event.preventDefault();\r\n deleteItem(id);\r\n }\r\n }, minWidth: 123, maxWidth: 123, suppressMovable: true, cellClass: 'no-border'\r\n },\r\n {\r\n field: 'checkbox',\r\n headerCheckboxSelection: true,\r\n checkboxSelection: true,\r\n hide: true,\r\n minWidth: 40,\r\n cellClass: 'no-border'\r\n }\r\n ];\r\n\r\n onGridReady(params: GridReadyEvent) {\r\n this.gridApi = params.api;\r\n this.gridApi.setDomLayout(\"autoHeight\");\r\n response = ReadStaticData();\r\n this.tTGAPairingGridResults = JSON.parse(response);\r\n this.rowData = this.tTGAPairingGridResults;\r\n this.gridApi.setRowData(this.rowData);\r\n params.api.sizeColumnsToFit();\r\n }\r\n}\r\n\r\nfunction dateComparator(date1: string, date2: string) {\r\n var date1Number = monthToComparableNumber(date1);\r\n var date2Number = monthToComparableNumber(date2);\r\n\r\n if (date1Number == null && date2Number == null) {\r\n return 0;\r\n }\r\n if (date1Number == null) {\r\n return -1;\r\n }\r\n if (date2Number == null) {\r\n return 1;\r\n }\r\n\r\n return date1Number - date2Number;\r\n}\r\n\r\n// eg 29/08/2004 gets converted to 20040829\r\nfunction monthToComparableNumber(date: string): number {\r\n if (date === undefined || date === null || date.length !== 10) {\r\n return null;\r\n }\r\n\r\n const yearNumber = Number.parseInt(date.substring(6, 10));\r\n const dayNumber = Number.parseInt(date.substring(3, 5));\r\n const monthNumber = Number.parseInt(date.substring(0, 2));\r\n\r\n return yearNumber * 10000 + monthNumber * 100 + dayNumber;\r\n}\r\n\r\nfunction deleteItem(id) {\r\n const deleteItemIdInput = document.getElementById('deleteItemId') as HTMLInputElement;\r\n if (deleteItemIdInput) {\r\n deleteItemIdInput.value = id.toString();\r\n }\r\n}\r\n\r\nfunction redirectToEditPage(id) {\r\n const editUrl = `?action=edit&id=${id}`;\r\n window.location.href = editUrl;\r\n}","import { Component, OnInit, ElementRef, HostListener, ChangeDetectorRef, AfterContentChecked, SimpleChanges } from '@angular/core';\r\nimport { ColDef, GridReadyEvent, GridApi} from 'ag-grid-community';\r\nimport { ResolutionViewService } from '../Services/resolution-view.service';\r\nimport { FormGroup, FormControl, FormBuilder } from '@angular/forms';\r\nimport * as Global from \"../Models/constants\";\r\nimport { SCREEN_SIZE, ResolutionInputModel, ResolutionStatus, ResolutionsViewResults } from '../Models/common.model';\r\nimport { Title } from '@angular/platform-browser';\r\n\r\ndeclare var ReadStaticData;\r\nlet response: string;\r\n@Component({\r\n selector: 'resolution-view',\r\n templateUrl: './resolution-view.component.html',\r\n styles: []\r\n})\r\nexport class ResolutionViewComponent implements OnInit, AfterContentChecked {\r\n dropdownSettings: {};\r\n dropdownList = [];\r\n form: FormGroup;\r\n private formBuilder: FormBuilder;\r\n public rowData!: any[];\r\n private gridApi!: GridApi;\r\n public formGroup: FormGroup;\r\n public loadContent: boolean = false;\r\n public paginationPageSize = 10;\r\n public domLayout: string = Global.domLayout;\r\n public noRowsTemplate: string = Global.noRowsTemplate;\r\n public loadingTemplate: string = Global.loadingTemplate;\r\n dateErrorMessage: string = Global.dateRangeErrorMessage;\r\n public SelectedResolutions: any[];\r\n public startDate: string;\r\n public endDate: string;\r\n isRequired: boolean = true;\r\n isValidDate: boolean = true;\r\n public pagination: boolean = true;\r\n\r\n resolutionInputModel: ResolutionInputModel;\r\n private _resolutionsViewResults: ResolutionsViewResults[];\r\n get resolutionsViewResults(): ResolutionsViewResults[] {\r\n return this._resolutionsViewResults;\r\n }\r\n set resolutionsViewResults(value: ResolutionsViewResults[]) {\r\n this._resolutionsViewResults = value;\r\n }\r\n prefix = 'is-';\r\n size: SCREEN_SIZE;\r\n sizes = [\r\n {\r\n id: SCREEN_SIZE.XS, name: 'xs', css: `d-block d-sm-none`\r\n },\r\n {\r\n id: SCREEN_SIZE.SM, name: 'sm', css: `d-none d-sm-block d-md-none`\r\n },\r\n {\r\n id: SCREEN_SIZE.MD, name: 'md', css: `d-none d-md-block d-lg-none`\r\n },\r\n {\r\n id: SCREEN_SIZE.LG, name: 'lg', css: `d-none d-lg-block d-xl-none`\r\n },\r\n {\r\n id: SCREEN_SIZE.XL, name: 'xl', css: `d-none d-xl-block`\r\n },\r\n ];\r\n resolutionsInputModel: ResolutionInputModel;\r\n resolutionStatus: ResolutionStatus;\r\n\r\n @HostListener(\"window:resize\", [])\r\n private onResize() {\r\n this.detectScreenSize();\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.detectScreenSize();\r\n }\r\n\r\n ngAfterContentChecked(): void {\r\n this.cdRef.detectChanges()\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n // reset page if items array has changed\r\n if (changes.items.currentValue !== changes.items.previousValue) {\r\n\r\n }\r\n }\r\n\r\n private detectScreenSize() {\r\n const currentSize = this.sizes.find(x => {\r\n // get the HTML element\r\n const el = this.elementRef.nativeElement.querySelector(`.${this.prefix}${x.id}`);\r\n\r\n // check its display property value\r\n const isVisible = window.getComputedStyle(el).display != 'none';\r\n\r\n if (!isVisible) {\r\n return false;\r\n }\r\n else {\r\n return isVisible;\r\n }\r\n });\r\n\r\n this.dataService.onResize(currentSize.id);\r\n }\r\n constructor(public dataService: ResolutionViewService, private elementRef: ElementRef, private cdRef: ChangeDetectorRef, private fb: FormBuilder,\r\n private titleService: Title) {\r\n this.dataService.onResize$.subscribe(x => {\r\n this.size = x;\r\n if (this.size == 0 || this.size == 1) {\r\n this.columnDefs = this.columnDefsClosed_OnExcluded;\r\n }\r\n else {\r\n this.columnDefs = this.columnDefsClosed_OnIncluded;\r\n } \r\n });\r\n }\r\n\r\n ngOnInit(): void {\r\n this.form = new FormGroup({});\r\n this.dropdownSettings = {\r\n singleSelection: false,\r\n idField: 'Status',\r\n textField: 'Description',\r\n itemsShowLimit: 6,\r\n allowSearchFilter: false,\r\n };\r\n this.setFormvalues(ReadStaticData());\r\n }\r\n\r\n setFormvalues(inputFields: any) {\r\n this.resolutionInputModel = JSON.parse(inputFields);\r\n this.startDate = this.resolutionInputModel.StartDate;\r\n this.endDate = this.resolutionInputModel.EndDate;\r\n for (let control in this.resolutionInputModel) {\r\n this.form.addControl(control.toString(), new FormControl(null));\r\n if (control.toLocaleUpperCase() == \"STARTDATE\" || control.toLocaleUpperCase() == \"ENDDATE\") {\r\n this.form.get(control).patchValue(this.resolutionInputModel[control]);\r\n }\r\n }\r\n this.SelectedResolutions = this.resolutionInputModel.ResolutionStatuses;\r\n }\r\n\r\n public defaultColDef: ColDef = {\r\n flex: 1,\r\n };\r\n\r\n public columnDefs: ColDef[] = [\r\n { field: 'ResodbId', hide: true },\r\n { field: 'ResolutionNo', headerName: 'Number', resizable: true },\r\n { field: 'Annotationid', hide: true },\r\n {\r\n field: 'Attachment', headerName: '', cellRenderer: function (params) {\r\n let attachmentsCount = params.data.AttachmentCount;\r\n return (attachmentsCount > 1 ? `` : '')\r\n }, maxWidth: 30\r\n },\r\n {\r\n field: 'Title', cellRenderer: function (params) {\r\n let newLink = `` +\r\n `${params.value}` +\r\n `
`;\r\n return newLink;\r\n }, minWidth: 250, maxWidth: 400, resizable: true,\r\n onCellClicked(params) {\r\n let newWindow = window.open(window.location.origin + \"/internal/resotrackdownloadfile/attachment?attachmentId=\" + params.data.Annotationid, '_blank');\r\n newWindow.onload = function () {\r\n setInterval(() => {\r\n newWindow.document.title = params.data.ResolutionNo + \" - \" + params.value;\r\n }, 100)\r\n }\r\n },\r\n },\r\n { field: 'PDFLink', hide: true },\r\n { field: 'Status', minWidth: 180, maxWidth: 300, flex: 1, resizable: true, lockPosition: true, cellClass: 'locked-col' },\r\n {\r\n field: 'ClosedDateInStringFormat', sortable: true, minWidth: 150, sortingOrder: ['asc', 'desc'], sort: 'desc', headerName: \"Closed On\", resizable: false, comparator: dateComparator, lockPosition: true, cellClass: 'locked-col'\r\n }\r\n ];\r\n\r\n columnDefsClosed_OnIncluded: ColDef[] = [\r\n { field: 'ResodbId', hide: true },\r\n { field: 'ResolutionNo', headerName: 'Number', resizable: true, minWidth: 85, maxWidth: 110 },\r\n { field: 'Annotationid', hide: true },\r\n {\r\n field: 'Title', cellRenderer: function (params) {\r\n let newLink = `` +\r\n `${params.value}` +\r\n `
`;\r\n return newLink;\r\n }, minWidth: 100, maxWidth: 400, resizable: true,\r\n onCellClicked(params) {\r\n let newWindow = window.open(window.location.origin + \"/internal/resotrackdownloadfile/attachment?attachmentId=\" + params.data.Annotationid, '_blank');\r\n newWindow.onload = function () { \r\n setInterval(() => {\r\n newWindow.document.title = params.data.ResolutionNo + \" - \" + params.value;\r\n }, 100)\r\n }\r\n },\r\n },\r\n {\r\n field: 'Attachment', headerName: '', cellRenderer: function (params) {\r\n let attachmentsCount = params.data.AttachmentCount;\r\n return (attachmentsCount > 1 ? `` + `(${attachmentsCount - 1})` : '')\r\n }, maxWidth: 100, minWidth: 80, cellStyle: {'float': 'left' }\r\n },\r\n { field: 'PDFLink', hide: true },\r\n { field: 'Status', minWidth: 80, maxWidth: 300, resizable: true, lockPosition: true, cellClass: 'locked-col' },\r\n {\r\n field: 'ClosedDateInStringFormat', sortable: true, minWidth: 120, sortingOrder: ['asc', 'desc'], sort: 'desc', headerName: \"Closed On\", resizable: false, comparator: dateComparator, lockPosition: true, cellClass: 'locked-col'\r\n }\r\n ];\r\n columnDefsClosed_OnExcluded: ColDef[] = [\r\n { field: 'Annotationid', hide: true },\r\n { field: 'ResolutionNo', headerName: 'Number', resizable: true, maxWidth: 80, minWidth: 70 },\r\n {\r\n field: 'Title', cellRenderer: function (params) {\r\n let keyData = params.data.key;\r\n let newLink = `` + params.value + `
`;\r\n return newLink;\r\n }, resizable: true, minWidth: 70,\r\n onCellClicked(params) {\r\n let newWindow = window.open(window.location.origin + \"/internal/resotrackdownloadfile/attachment?attachmentId=\" + params.data.Annotationid, '_blank');\r\n newWindow.onload = function () {\r\n setInterval(() => {\r\n newWindow.document.title = params.data.ResolutionNo + \" - \" + params.value;\r\n }, 100)\r\n }\r\n \r\n },\r\n },\r\n {\r\n field: 'Attachment', headerName: '', cellRenderer: function (params) {\r\n let attachmentsCount = params.data.AttachmentCount;\r\n return (attachmentsCount > 1 ? `` + `(${attachmentsCount - 1})` : '')\r\n }, maxWidth: 100, minWidth: 80, cellStyle: { 'float': 'left' }\r\n },\r\n { field: 'ClosedDateInStringFormat', sortable: true, minWidth: 100, sortingOrder: ['asc', 'desc'], sort: 'desc', headerName: \"Closed On\", resizable: false, comparator: dateComparator, lockPosition: true, cellClass: 'locked-col' },\r\n\r\n ];\r\n\r\n\r\n\r\n onGridReady(params: GridReadyEvent) {\r\n this.gridApi = params.api;\r\n this.gridApi.setDomLayout(\"autoHeight\");\r\n response = ReadStaticData();\r\n this.resolutionsInputModel = JSON.parse(response);\r\n this.gridApi.showLoadingOverlay();\r\n this.dataService.getResolutionGridDetails(this.resolutionsInputModel.Keyword, this.resolutionsInputModel.ResolutionStatuses.map(status => status.Description).join(','), this.resolutionsInputModel.StartDate, this.resolutionsInputModel.EndDate, this.resolutionInputModel.Id).subscribe((data: ResolutionsViewResults[]) => {\r\n this.resolutionsViewResults = data;\r\n this.rowData = JSON.parse(this.resolutionsViewResults.toString());\r\n this.gridApi.setRowData(this.rowData);\r\n })\r\n params.api.sizeColumnsToFit();\r\n }\r\n\r\n onCalenderchange(event: any) {\r\n let formControlName = event.target[\"name\"]\r\n let formControlValue = event.target[\"value\"];\r\n this.form.controls[formControlName].setValue(formControlValue);\r\n this.isValidDate = true;\r\n if (formControlName == \"StartDate\") {\r\n this.startDate = formControlValue;\r\n if (this.startDate != null && this.startDate != \"\") {\r\n this.ValidateDateRange(this.startDate, this.endDate);\r\n }\r\n }\r\n if (formControlName == \"EndDate\") {\r\n this.endDate = formControlValue;\r\n if (this.endDate != null && this.endDate != \"\") {\r\n this.ValidateDateRange(this.startDate, this.endDate);\r\n }\r\n }\r\n }\r\n\r\n ValidateDateRange(startDate, endDate) {\r\n if ((startDate != \"\" || startDate != null) && (endDate != \"\" || endDate != null)) {\r\n if (new Date(startDate.replace(/-/g, \"/\")) > new Date(endDate.replace(/-/g, \"/\"))) {\r\n this.isValidDate = false;\r\n }\r\n else {\r\n this.isValidDate = true;\r\n }\r\n }\r\n }\r\n\r\n getRsolutionGridDetails() {\r\n var formData = this.form.value;\r\n if (formData[\"ResolutionStatuses\"].length == 0 && (formData[\"Keyword\"] == null || formData[\"Keyword\"] == \"\") && (formData[\"Id\"] == null || formData[\"Id\"] == \"\") && (formData[\"StartDate\"] == \"\" || formData[\"StartDate\"] == null) && (formData[\"EndDate\"] == \"\" || formData[\"EndDate\"] == null)) {\r\n this.isRequired = false;\r\n }\r\n else {\r\n this.isRequired = true;\r\n var statuses = formData[\"ResolutionStatuses\"].length > 0 ? formData[\"ResolutionStatuses\"].map(status => status.Description).join(',') : null;\r\n this.getGridData(formData[\"Keyword\"], statuses, formData[\"StartDate\"], formData[\"EndDate\"], formData[\"Id\"])\r\n }\r\n }\r\n\r\n getGridData(keyword, statuses, startDate, endDate, id) {\r\n this.gridApi.showLoadingOverlay();\r\n this.dataService.getResolutionGridDetails(keyword, statuses, startDate, endDate, id).subscribe((data: ResolutionsViewResults[]) => {\r\n this.resolutionsViewResults = data;\r\n this.rowData = JSON.parse(this.resolutionsViewResults.toString());\r\n if (this.rowData.length == 0) {\r\n this.elementRef.nativeElement.querySelector(\".ag-theme-alpine > .ag-root-wrapper > .ag-paging-panel > .ag-paging-row-summary-panel\").setAttribute('class', 'ag-paging-row-summary-panel d-none')\r\n this.elementRef.nativeElement.querySelector(\".ag-theme-alpine > .ag-root-wrapper > .ag-paging-panel > .ag-paging-page-summary-panel\").setAttribute('class', 'ag-paging-page-summary-panel d-none')\r\n }\r\n else {\r\n this.elementRef.nativeElement.querySelector(\".ag-theme-alpine > .ag-root-wrapper > .ag-paging-panel > .ag-paging-row-summary-panel\").setAttribute('class', 'ag-paging-row-summary-panel')\r\n this.elementRef.nativeElement.querySelector(\".ag-theme-alpine > .ag-root-wrapper > .ag-paging-panel > .ag-paging-page-summary-panel\").setAttribute('class', 'ag-paging-page-summary-panel')\r\n }\r\n this.gridApi.setRowData(this.rowData);\r\n this.gridApi.paginationGoToPage(0);/// every time the page results will start diplaying from 1st page.\r\n });\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\r\nfunction dateComparator(date1: string, date2: string) {\r\n var date1Number = monthToComparableNumber(date1);\r\n var date2Number = monthToComparableNumber(date2);\r\n\r\n if (date1Number == null && date2Number == null) {\r\n return 0;\r\n }\r\n if (date1Number == null) {\r\n return -1;\r\n }\r\n if (date2Number == null) {\r\n return 1;\r\n }\r\n\r\n return date1Number - date2Number;\r\n}\r\n\r\n// eg 29/08/2004 gets converted to 20040829\r\nfunction monthToComparableNumber(date: string): number {\r\n if (date === undefined || date === null || date.length !== 10) {\r\n return null;\r\n }\r\n\r\n const yearNumber = Number.parseInt(date.substring(6, 10));\r\n const monthNumber = Number.parseInt(date.substring(0, 2));\r\n const dayNumber = Number.parseInt(date.substring(3, 5));\r\n\r\n return yearNumber * 10000 + monthNumber * 100 + dayNumber;\r\n}\r\n\r\nfunction dateFormatter(params) {\r\n var dateAsString = params.data.date;\r\n var dateParts = dateAsString.split('/');\r\n return '${dateParts[0]} - ${dateParts[1]} - ${dateParts[2]}';\r\n}","","import { Component, OnInit, SimpleChanges, Input, ElementRef } from '@angular/core';\r\nimport { QnASearchService } from '../Services/qna-search.service';\r\nimport { QnASearchResultViewModel, QuestionAndAnswer, TocTabPageQnAViewAllBlockModel } from '../Models/common.model';\r\nimport { paginate } from '../Models/common.pagination';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport * as Global from \"../Models/constants\";\r\n\r\ndeclare var ReadStaticData;\r\nlet response: string;\r\n\r\n@Component({\r\n selector: 'toctabpage-qna-viewall',\r\n templateUrl: './toctabpage-qna-viewall.component.html',\r\n providers: [QnASearchService]\r\n})\r\nexport class TocTabPageQnAViewAllComponent implements OnInit {\r\n @Input() public loadingMessage: string;\r\n\r\n page = 1;\r\n pageSize = 10;\r\n maxPages = 10;\r\n currentPageId: number;\r\n startIndex: number;\r\n endIndex: number;\r\n pager: any = {};\r\n isLoading: boolean = true;\r\n searchQuery: string = null;\r\n filter: string = null;\r\n searchTag: string;\r\n isTextSearch: boolean = false;\r\n statuses: string[] = [Global.statusAnswered];\r\n tocTabPageQnAViewAllBlockModel: TocTabPageQnAViewAllBlockModel;\r\n private _searchText: string;\r\n get searchText(): string {\r\n return this._searchText;\r\n }\r\n set searchText(value: string) {\r\n this._searchText = value;\r\n }\r\n\r\n private _searchResults: QnASearchResultViewModel;\r\n get searchResults(): QnASearchResultViewModel {\r\n return this._searchResults;\r\n }\r\n set searchResults(value: QnASearchResultViewModel) {\r\n this._searchResults = value;\r\n }\r\n constructor(public dataService: QnASearchService, private modalService: NgbModal, private element: ElementRef) {\r\n \r\n }\r\n\r\n ngOnInit(): void {\r\n this.getStaticData();\r\n this.peformSearch();\r\n this.loadingMessage = \"Please wait while data is loading..\"\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n // reset page if items array has changed\r\n if (changes.items.currentValue !== changes.items.previousValue) {\r\n this.onChangePage(this.page);\r\n }\r\n }\r\n\r\n peformSearch(): void {\r\n this.dataService.getSearchResults(this.currentPageId, this.page, this.pageSize, this.searchText, this.filter, this.statuses, this.tocTabPageQnAViewAllBlockModel.GetQnAFor).subscribe((data: QnASearchResultViewModel) => {\r\n this.searchResults = data;\r\n this.searchResults.NoResultMessage = this.tocTabPageQnAViewAllBlockModel.NoResultText;\r\n this.setPage(this.searchResults);\r\n this.isLoading = false;\r\n window.location.href = \"#topofbody\";\r\n })\r\n }\r\n\r\n getStaticData(): void {\r\n response = ReadStaticData();\r\n this.tocTabPageQnAViewAllBlockModel = JSON.parse(response);\r\n this.pageSize = this.tocTabPageQnAViewAllBlockModel.PageSize;\r\n this.currentPageId = this.tocTabPageQnAViewAllBlockModel.CurrentPageId;\r\n }\r\n\r\n performTextSearch(event) {\r\n this.isLoading = true;\r\n this.page = 1;\r\n\r\n if (this.searchText != null || this.searchText != undefined) {\r\n this.searchQuery = this.searchText;\r\n this.peformSearch();\r\n }\r\n }\r\n\r\n onChangePage(pageIndex: any) {\r\n this.page = pageIndex;\r\n this.peformSearch();\r\n }\r\n\r\n onFilterClick(event, text:any, value: any) {\r\n document.getElementById(\"dropdownMenuLink\").innerText = \"Filter: \" + text;\r\n this.filter = value;\r\n this.page = 1;\r\n this.isLoading = true;\r\n this.peformSearch();\r\n }\r\n\r\n setPage(searchResults: QnASearchResultViewModel) {\r\n this.pager = paginate(searchResults.TotalMatching, this.page, this.pageSize, this.maxPages);\r\n\r\n //set nnumber of items per pages.\r\n this.startIndex = this.pager.startIndex + 1;\r\n this.endIndex = this.pager.endIndex + 1;\r\n }\r\n\r\n onSearchClick(event) {\r\n this.element.nativeElement.querySelector('#swapa-qna-search-dropdown').setAttribute('class', 'flex-direction-column d-md-none py-2 d-flex');\r\n this.element.nativeElement.querySelector('#swapa-qna-search-button').setAttribute('class', 'btn btn-link btn-sm d-none d-md-none swapa-search bg-white rounded-0');\r\n }\r\n\r\n closeSearchDropdown(event) {\r\n this.element.nativeElement.querySelector('#swapa-qna-search-dropdown').setAttribute('class', 'flex-direction-column d-md-none d-none py-2');\r\n this.element.nativeElement.querySelector('#swapa-qna-search-button').setAttribute('class', 'btn btn-link btn-sm d-md-none swapa-search bg-white rounded-0');\r\n this.searchText = '';\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
\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 {{qna.SectionName| titlecase}} Question | {{qna.SubmittedDateInString}} | Posted by: {{qna.IsAnonymous ? 'Anonymous' : qna.SubmittedBy}}
\r\n \r\n Q: {{qna.Question}}\r\n
\r\n \r\n A: {{qna.Answer}}\r\n
\r\n
\r\n \r\n
0\" [innerHTML]=\"searchResults.ResultFoundMessage\">
\r\n
\r\n \r\n
0 && searchResults.TotalMatching > pageSize\" class=\"row justify-content-center\">\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n\r\n
0\" class=\"swapa-top-tocshortcut text-right text-nonselectable\">\r\n
↑ Back To Top \r\n
\r\n
${statusDisplay}
`;\r\n return newLink;\r\n },\r\n onCellClicked: function (event) {\r\n const target = event.event.target as HTMLElement;\r\n const id = target.dataset.id;\r\n if (target.classList.contains('edit-icon')) {\r\n event.event.preventDefault();\r\n redirectToEditPage(id);\r\n } else if (target.classList.contains('delete-icon')) {\r\n event.event.preventDefault();\r\n deleteItem(id);\r\n }\r\n }, minWidth: 140, suppressMovable: true, cellClass: 'no-border'\r\n },\r\n {\r\n field: 'checkbox',\r\n headerCheckboxSelection: true,\r\n checkboxSelection: true,\r\n hide: true,\r\n maxWidth: 60,\r\n cellClass: 'no-border'\r\n }\r\n ];\r\n\r\n columnDefsClosed_OnIncluded: ColDef[] = [\r\n { field: 'ID', hide: true, sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc' },\r\n {\r\n field: 'Title', resizable: true, sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', tooltipField: 'Title', minWidth: 180, maxWidth: 350, suppressMovable: true\r\n },\r\n { field: 'TTGAType', sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', headerName: \"TTGA Type\", minWidth: 40, suppressMovable: true },\r\n { field: 'Domicile', sortable: true, headerName: \"Dom\", sortingOrder: ['asc', 'desc'], sort: 'desc', minWidth: 40, suppressMovable: true },\r\n { field: 'Seat', sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', minWidth: 40, suppressMovable: true },\r\n { field: 'From', sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', comparator: dateComparator, minWidth: 70, suppressMovable: true },\r\n { field: 'To', sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', comparator: dateComparator, minWidth: 70, suppressMovable: true },\r\n {\r\n field: 'Status', sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', cellRenderer: (params) => {\r\n let keyData = params.data.ID;\r\n let status = params.data.Status;\r\n const statusDisplay = `${status}`;\r\n if (this.isSelectMode) {\r\n return statusDisplay;\r\n }\r\n let newLink = `${statusDisplay}
`;\r\n return newLink;\r\n },\r\n onCellClicked: function (event) {\r\n const target = event.event.target as HTMLElement;\r\n const id = target.dataset.id;\r\n if (target.classList.contains('edit-icon')) {\r\n event.event.preventDefault();\r\n redirectToEditPage(id);\r\n } else if (target.classList.contains('delete-icon')) {\r\n event.event.preventDefault();\r\n deleteItem(id);\r\n }\r\n }, minWidth: 140, suppressMovable: true, cellClass: 'no-border'\r\n },\r\n {\r\n field: 'checkbox',\r\n headerCheckboxSelection: true,\r\n checkboxSelection: true,\r\n hide: true,\r\n maxWidth: 60,\r\n cellClass: 'no-border'\r\n }\r\n ];\r\n columnDefsClosed_OnExcluded: ColDef[] = [\r\n { field: 'Title', minWidth: 213, width: 275, maxWidth: 300, resizable: true, sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', tooltipField: 'Title', suppressMovable: true },\r\n {\r\n field: 'Status', sortable: true, sortingOrder: ['asc', 'desc'], sort: 'desc', cellRenderer: (params) => {\r\n let keyData = params.data.ID;\r\n let status = params.data.Status;\r\n const statusDisplay = `${status}`;\r\n if (this.isSelectMode) {\r\n return statusDisplay;\r\n }\r\n let marginLeftStyle = status === 'Active' ? 'margin-left: 0.5rem !important;' : '';\r\n let newLink = `${status}
`;\r\n return newLink;\r\n },\r\n onCellClicked: function (event) {\r\n const target = event.event.target as HTMLElement;\r\n const id = target.dataset.id;\r\n if (target.classList.contains('edit-icon')) {\r\n event.event.preventDefault();\r\n redirectToEditPage(id);\r\n } else if (target.classList.contains('delete-icon')) {\r\n event.event.preventDefault();\r\n deleteItem(id);\r\n }\r\n }, minWidth: 123, maxWidth: 123, suppressMovable: true, cellClass: 'no-border'\r\n },\r\n {\r\n field: 'checkbox',\r\n headerCheckboxSelection: true,\r\n checkboxSelection: true,\r\n hide: true,\r\n minWidth: 40,\r\n cellClass: 'no-border'\r\n }\r\n ];\r\n\r\n onGridReady(params: GridReadyEvent) {\r\n this.gridApi = params.api;\r\n this.gridApi.setDomLayout(\"autoHeight\");\r\n response = ReadStaticData();\r\n this.tTGAPairingGridResults = JSON.parse(response);\r\n this.rowData = this.tTGAPairingGridResults;\r\n this.gridApi.setRowData(this.rowData);\r\n params.api.sizeColumnsToFit();\r\n }\r\n\r\n getGridData() {\r\n this.dataService.getTTGAPairingDetails().subscribe((data: TTGAPairingGridResults[]) => {\r\n this.tTGAPairingGridResults = data;\r\n this.rowData = JSON.parse(this.tTGAPairingGridResults.toString());\r\n if (this.rowData.length == 0) {\r\n this.elementRef.nativeElement.querySelector(\".ag-theme-alpine > .ag-root-wrapper > .ag-paging-panel > .ag-paging-row-summary-panel\").setAttribute('class', 'ag-paging-row-summary-panel d-none')\r\n this.elementRef.nativeElement.querySelector(\".ag-theme-alpine > .ag-root-wrapper > .ag-paging-panel > .ag-paging-page-summary-panel\").setAttribute('class', 'ag-paging-page-summary-panel d-none')\r\n }\r\n else {\r\n this.elementRef.nativeElement.querySelector(\".ag-theme-alpine > .ag-root-wrapper > .ag-paging-panel > .ag-paging-row-summary-panel\").setAttribute('class', 'ag-paging-row-summary-panel')\r\n this.elementRef.nativeElement.querySelector(\".ag-theme-alpine > .ag-root-wrapper > .ag-paging-panel > .ag-paging-page-summary-panel\").setAttribute('class', 'ag-paging-page-summary-panel')\r\n }\r\n this.gridApi.setRowData(this.rowData);\r\n this.gridApi.paginationGoToPage(0);/// every time the page results will start diplaying from 1st page.\r\n });\r\n\r\n }\r\n}\r\n\r\nfunction dateComparator(date1: string, date2: string) {\r\n var date1Number = monthToComparableNumber(date1);\r\n var date2Number = monthToComparableNumber(date2);\r\n\r\n if (date1Number == null && date2Number == null) {\r\n return 0;\r\n }\r\n if (date1Number == null) {\r\n return -1;\r\n }\r\n if (date2Number == null) {\r\n return 1;\r\n }\r\n\r\n return date1Number - date2Number;\r\n}\r\n\r\n// eg 29/08/2004 gets converted to 20040829\r\nfunction monthToComparableNumber(date: string): number {\r\n if (date === undefined || date === null || date.length !== 10) {\r\n return null;\r\n }\r\n\r\n const yearNumber = Number.parseInt(date.substring(6, 10));\r\n const dayNumber = Number.parseInt(date.substring(3, 5));\r\n const monthNumber = Number.parseInt(date.substring(0, 2));\r\n\r\n return yearNumber * 10000 + monthNumber * 100 + dayNumber;\r\n}\r\n\r\nfunction deleteItem(id) {\r\n const deleteItemIdInput = document.getElementById('deleteItemId') as HTMLInputElement;\r\n if (deleteItemIdInput) {\r\n deleteItemIdInput.value = id.toString();\r\n }\r\n}\r\n\r\nfunction redirectToEditPage(id) {\r\n const editUrl = `?action=edit&id=${id}`;\r\n window.location.href = editUrl;\r\n}","// This file can be replaced during build by using the `fileReplacements` array.\r\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\r\n// The list of file replacements can be found in `angular.json`.\r\n\r\nexport const environment = {\r\n production: false\r\n};\r\n\r\n/*\r\n * For easier debugging in development mode, you can import the following file\r\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\r\n *\r\n * This import should be commented out in production mode because it will have a negative impact\r\n * on performance if an error is thrown.\r\n */\r\n// import 'zone.js/dist/zone-error'; // Included with Angular CLI.\r\n","import { enableProdMode } from '@angular/core';\r\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\r\n\r\nimport { AppModule } from './app/app.module';\r\nimport { environment } from './environments/environment';\r\n\r\nif (environment.production) {\r\n enableProdMode();\r\n}\r\n\r\nplatformBrowserDynamic().bootstrapModule(AppModule)\r\n .catch(err => console.error(err));\r\n"],"sourceRoot":"webpack:///"}