\\r\\n You don't have access to this application. Contact\\r\\n Application administrator\\r\\n
\"","export default \"\\r\\n
\\r\\n
\\r\\n {{title}} \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n Columns have been rearranged,Click on Save columns to update \\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 \\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 \\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 To download the excel template for mass change, select cups and click on 'Generate Excel' button. Please don't modify 'CUP Ref#', 'Distributor Price from BASF',\\r\\n 'Support Price to End Customer'.\\r\\n
\\r\\n To upload the excel template for mass change, click on 'Upload Excel' button and upload valid excel template
\\r\\n To do mass change through application, select cups and click on 'Quick Mass Change' button
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n To download the excel template for mass cancellation, click on 'Generate Excel' button.\\r\\n
\\r\\n To upload the excel template for mass cancellation, click on 'Upload Excel' button and upload valid excel template
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n Template Generated. You can download the template from here
\\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 CUP Request Id\\r\\n \\r\\n \\r\\n Date\\r\\n \\r\\n \\r\\n Distributor Price from BASF\\r\\n \\r\\n \\r\\n Support Price to End Customer\\r\\n \\r\\n \\r\\n New Support Price to End Customer\\r\\n \\r\\n \\r\\n Net Support Price\\r\\n \\r\\n \\r\\n New Net Support Price\\r\\n \\r\\n \\r\\n New Credit Back Amount\\r\\n \\r\\n \\r\\n Change Type\\r\\n \\r\\n \\r\\n Direction of Change\\r\\n \\r\\n \\r\\n Change Value\\r\\n \\r\\n \\r\\n Scope of Change\\r\\n \\r\\n \\r\\n \\r\\n Action\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{row.request_reference_number}}
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{row.distributor_price_from_basf}}
\\r\\n \\r\\n \\r\\n \\r\\n {{row.support_price_to_end_customer}}
\\r\\n \\r\\n \\r\\n \\r\\n {{row.support_price_to_end_customer_MC | number: '1.0-2'}}
\\r\\n \\r\\n \\r\\n \\r\\n {{row.net_support_price}}
\\r\\n \\r\\n \\r\\n \\r\\n {{row.net_support_price_MC | number: '1.0-2'}}
\\r\\n \\r\\n \\r\\n \\r\\n {{row.credit_back_amount_MC | number: '1.0-2'}}
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Support Price to End Customer \\r\\n Net Support Price \\r\\n Both \\r\\n SAP Price Change \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Remove Cup \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n CUP Request Id\\r\\n \\r\\n \\r\\n Date\\r\\n \\r\\n \\r\\n Selling Margin\\r\\n \\r\\n \\r\\n List Price LB\\r\\n \\r\\n \\r\\n Suggested Selling Price\\r\\n \\r\\n \\r\\n New Suggested Selling Price\\r\\n \\r\\n \\r\\n New Supported Buy Price\\r\\n \\r\\n \\r\\n New Rebate\\r\\n \\r\\n \\r\\n Change Type\\r\\n \\r\\n \\r\\n Direction of Change\\r\\n \\r\\n \\r\\n Change Value\\r\\n \\r\\n \\r\\n \\r\\n Action\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{row.request_reference_number}}
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{row.selling_margin}}
\\r\\n \\r\\n \\r\\n {{row.list_price_lb}}
\\r\\n \\r\\n \\r\\n \\r\\n {{row.suggested_selling_price}}
\\r\\n \\r\\n \\r\\n \\r\\n {{row.suggested_selling_price_MC | number: '1.0-2'}}
\\r\\n \\r\\n \\r\\n \\r\\n {{row.supported_buy_price_MC | number: '1.0-2'}}
\\r\\n \\r\\n \\r\\n \\r\\n {{row.rebate_MC | number: '1.0-2'}}
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Remove Cup \\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
\\r\\n
Drag and Drop Template file to Upload
\\r\\n
or Click Browse
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n Cancel \\r\\n
\\r\\n
\\r\\n \\r\\n Submit\\r\\n template\\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\"","export default \"
\"","export default \"
\"","export default \"
\\r\\n\\r\\n
\\r\\n \\r\\n Comment* \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n\"","export default \"
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{col.header}}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
{{rowData[col.field]}} \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\"","export default \"
\"","export default \"
\\r\\n
\\r\\n\"","export default \"
\\r\\n
\\r\\n
Rebate Info \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
{{left.header}} \\r\\n
\\r\\n {{formData[left.field]}} \\r\\n {{ (formData[left.field] | number:'1.2-2' ) |\\r\\n customCurrency | removeComma}} \\r\\n {{ (formData[left.field] | number:'1.2-2' ) |\\r\\n removeComma}} \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
{{right.header}} \\r\\n
\\r\\n {{formData[right.field]}} \\r\\n {{ (formData[right.field] | number:'1.2-2' ) |\\r\\n customCurrency | removeComma}} \\r\\n {{ (formData[right.field] | number:'1.2-2' ) |\\r\\n removeComma}} \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\"","export default \"
\\r\\n
\\r\\n Rebates \\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
\\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
Drag and Drop Template file to Upload
\\r\\n
or Click Browse
\\r\\n
\\r\\n
\\r\\n
Attached File:
Remove \\r\\n
\\r\\n \\r\\n
\\r\\n Cancel \\r\\n
\\r\\n
\\r\\n Submit\\r\\n template \\r\\n
\\r\\n
\\r\\n Submit\\r\\n template \\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\"","export default \"
\\r\\n \"","export default \"
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{col.header}}\\r\\n \\r\\n \\r\\n Status \\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 {{rowData[col.field]}} \\r\\n \\r\\n {{rowData[col.field]}} \\r\\n {{(col.field == 'distributor_price_from_basf' && rowData[col.field] == \\\"\\\" && (bu === 'EM' || bu === 'ED')) ? \\\"\\\" : ((rowData[col.field] | number:'1.2-2' ) | customCurrency | removeComma)}} \\r\\n {{(rowData[col.field] | number:'1.2-2' ) | removeComma}} \\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\"","function webpackEmptyAsyncContext(req) {\n\t// Here Promise.resolve().then() is used instead of new Promise() to prevent\n\t// uncaught exception popping up in devtools\n\treturn Promise.resolve().then(function() {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t});\n}\nwebpackEmptyAsyncContext.keys = function() { return []; };\nwebpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;\nmodule.exports = webpackEmptyAsyncContext;\nwebpackEmptyAsyncContext.id = \"./src/$$_lazy_route_resource lazy recursive\";","import { Injectable } from '@angular/core';\r\nimport { HttpInterceptor, HttpRequest, HttpResponse, HttpHandler, HttpEvent, HttpErrorResponse } from '@angular/common/http';\r\nimport { Observable } from 'rxjs';\r\nimport { tap } from 'rxjs/operators';\r\nimport { Router } from '@angular/router';\r\nimport { CookieService } from 'ngx-cookie-service';\r\n@Injectable()\r\n\r\nexport class HttpConfigInterceptor implements HttpInterceptor {\r\n constructor(\r\n private cookieService: CookieService\r\n ) {}\r\n \r\n private router:Router \r\n intercept(request: HttpRequest
, next: HttpHandler): Observable> {\r\n let tokenInfo = sessionStorage.getItem('jwtToken');\r\n\r\n if (!request.url.includes('add')) {\r\n if (!request.headers.has('Content-Type')) {\r\n request = request.clone({ headers: request.headers.set('Content-Type', 'application/json') });\r\n request = request.clone({ headers: request.headers.set('Accept', 'application/json') });\r\n request = request.clone({ headers: request.headers.set('Cache-Control', 'no-cache') });\r\n request = request.clone({ headers: request.headers.set('Pragma', 'no-cache') });\r\n request = request.clone({ headers: request.headers.set('Expires', 'Sat, 01 Jan 2000 00:00:00 GMT') });\r\n request = request.clone({ headers: request.headers.set('If-Modified-Since', '0') });\r\n }\r\n request = request.clone({\r\n headers: request.headers.set('Access-Control-Allow-Origin', ['https://localhost:44381', 'https://distributorconnect-qa.basf.com', 'https://distributorconnect-dev.basf.com', 'https://distributorconnect.basf.com', 'https://federation-qa.basf.com', 'https://federation.basf.com']),\r\n });\r\n }\r\n if(tokenInfo!=null)\r\n request = request.clone({ headers: request.headers.set('Authorization', `${tokenInfo}`) });\r\n\r\n let cooval=this.cookieService.get(\"Authorizarion\");\r\n if(cooval!=\"\" && cooval!=null && cooval!=undefined)\r\n {\r\n if(cooval.length>0)\r\n {\r\n request = request.clone({ headers: request.headers.set('Authorization', cooval.replace(\"Bearer \",\"\").toString()) });\r\n }\r\n }\r\n else{\r\n if (document.location.hostname == \"localhost\") {\r\n request = request.clone({ headers: request.headers.set('Authorization', `${tokenInfo}`) }); //btoa(\"IllaS\")\r\n }\r\n /*if (document.location.hostname == \"10.201.72.112\") { uncomment if needed\r\n request = request.clone({ headers: request.headers.set('Authorization', `${tokenInfo}`) }); //btoa(\"IllaS\") \r\n } uncomment if needed */\r\n }\r\n console.log(\"Before making api call : \", request);\r\n return next.handle(request).pipe(\r\n tap(\r\n event => {\r\n this.eventFunction(event);\r\n },\r\n error => {\r\n this.errorFunction(error);\r\n },\r\n\r\n )\r\n );\r\n }\r\n\r\n eventFunction(event: any) {\r\n if (event instanceof HttpResponse) {\r\n console.log(\"api call success :\", event);\r\n }\r\n }\r\n\r\n errorFunction(error: any) { \r\n if (error instanceof HttpErrorResponse) {\r\n console.log(\"api call error :\", error);\r\n console.log(\"api call error status:\", error.status);\r\n if (error.status == 401 || error.status == 0) {\r\n this.router.navigate(['/home']);\r\n }\r\n }\r\n }\r\n\r\n}\r\n","import { Component, HostBinding, OnInit } from '@angular/core';\r\nimport { NavigationEnd, Router } from '@angular/router';\r\nimport { filter } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './app.component.html'\r\n})\r\nexport class AppComponent implements OnInit {\r\n name = 'NavigationBarProject';\r\n\r\n @HostBinding(\"class.drawer-open\")\r\n isDrawerOpen: boolean = false;\r\n \r\n toggleDrawer(isDrawerOpen: boolean) {\r\n this.isDrawerOpen = isDrawerOpen;\r\n }\r\n enableBg = true;\r\n userAccess = false;\r\n userAdmin = false;\r\n\r\n unAuthorised = false;\r\n title = 'app';\r\n loginuser: boolean=false;\r\n constructor(\r\n public router: Router) {\r\n router.events.pipe(\r\n filter(event => event instanceof NavigationEnd) \r\n ).subscribe((event: NavigationEnd) => {\r\n this.unAuthorised =false;\r\n let expectedurl = event.url;\r\n this.userAccess= false;\r\n if(event.url == '/' ||event.url == '/login-test' || event.url == '/login' || event.url == '/logout'|| event.url=='/registration' || event.url=='/saml' || event.url =='/error') {\r\n this.userAccess = false;\r\n \r\n } else {\r\n this.userAccess = true;\r\n }\r\n if(expectedurl =='admin' || expectedurl == 'addadminprice' || expectedurl == 'addadminuser'|| expectedurl =='contactdetails'\r\n || expectedurl =='userdetails'|| expectedurl =='usercompany' ){\r\n \r\n if(JSON.parse(sessionStorage.getItem('IsAdmin')) && !!sessionStorage.getItem('UserToken')){\r\n this.unAuthorised =false;\r\n this.userAccess =true;\r\n }\r\n else{\r\n this.unAuthorised =true;\r\n this.userAccess =false;\r\n }\r\n }\r\n if(expectedurl == 'home' || expectedurl =='contact'){\r\n if(!!sessionStorage.getItem('UserToken')){\r\n this.unAuthorised =false;\r\n this.userAccess =true;\r\n }\r\n else\r\n {\r\n this.unAuthorised =true;\r\n this.userAccess =false;\r\n }\r\n }\r\n });\r\n \r\n }\r\n\r\n ngOnInit() {\r\n this.title = 'app';\r\n }\r\n}\r\n","import { BrowserModule } from '@angular/platform-browser';\r\nimport { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';\r\nimport { HttpConfigInterceptor } from './_helpers/httpconfig.interceptor';\r\nimport { RouterModule } from '@angular/router';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AppComponent } from './app.component';\r\nimport { HeaderComponent } from './components/header/header.component';\r\nimport { FooterComponent } from './components/footer/footer.component';\r\nimport { HomeComponent } from './components/home/home.component';\r\nimport { CupsRequestComponent } from './components/cups-request/cups-request.component';\r\nimport { DynamicGridComponent } from './components/dynamic-grid/dynamic-grid.component';\r\nimport { CupsRequestInfoComponent } from './components/cups-request-info/cups-request-info.component';\r\nimport { PmCupsRequestComponent } from './components/pm-cups-request/pm-cups-request.component';\r\nimport { NumbersOnlyDirective } from 'src/services/directives/numbers-only.directive';\r\nimport { DragDropDirective } from 'src/services/directives/drag-drop.directive';\r\nimport { LineSeparatorDirective } from 'src/services/directives/line-separator.directive';\r\nimport { DistributorRequestComponent } from './components/admin/distributor/distributor-request/distributor-request.component';\r\nimport { UserRegistrationComponent } from './components/admin/user/user-registration/user-registration.component';\r\nimport { UserGridComponent } from './components/admin/user/user-grid/user-grid.component';\r\nimport { AdminComponent } from './components/admin/admin.component';\r\nimport { RebatesComponent } from './components/rebates/rebates.component';\r\nimport { EvemRequestComponent } from './components/rebates/evem-request/evem-request.component';\r\nimport { PmRebateRequestComponent } from './components/rebates/pm-rebate-request/pm-rebate-request.component';\r\nimport { RebateInfoComponent } from './components/rebates/rebate-info/rebate-info.component';\r\nimport { DistributorGridComponent } from './components/admin/distributor/distributor-grid/distributor-grid.component';\r\nimport { DistributorViewComponent } from './components/admin/distributor/distributor-view/distributor-view.component';\r\nimport { ApprovalConfigComponent } from './components/admin/approval-config/approval-config.component';\r\nimport { CupRequestTabComponent } from './components/cup-request-tab/cup-request-tab.component';\r\nimport { SamlComponent } from './components/saml/saml.component';\r\nimport { LoginComponent } from './components/login/login.component';\r\nimport { AuthenticationGuard } from './authentication.guard';\r\nimport { ErrorComponent } from './components/error/error.component';\r\nimport { LoginTestComponent } from './components/login-test/login-test.component';\r\nimport { SalesSupportComponent } from './components/admin/sales-support/sales-support/sales-support.component';\r\nimport { SalesCommericalManagerComponent } from './components/admin/sales-commerical-manager/sales-commerical-manager.component';\r\nimport { ProductManagerComponent } from './components/admin/product-manager/product-manager.component';\r\nimport { CupHistoryComponent } from './components/cup-history/cup-history.component';\r\nimport { PriceHistoryRevisionComponent } from './components/admin/price-history-revision/price-history-revision.component';\r\n\r\nimport { ToastrModule } from 'ngx-toastr';\r\nimport { NgxSpinnerModule } from 'ngx-spinner';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\nimport { CookieService } from 'ngx-cookie-service';\r\n\r\nimport { AutoCompleteModule } from 'primeng/autocomplete';\r\nimport { MultiSelectModule } from 'primeng/multiselect';\r\nimport { TableModule } from 'primeng/table';\r\nimport { DropdownModule } from 'primeng/dropdown';\r\nimport { CalendarModule } from 'primeng/calendar';\r\nimport { TabViewModule } from 'primeng/tabview';\r\nimport { CheckboxModule } from 'primeng/checkbox';\r\nimport { FileUploadModule } from 'primeng/fileupload';\r\nimport { DialogModule } from 'primeng/dialog';\r\nimport { FieldsetModule } from 'primeng/fieldset';\r\nimport { OverlayPanelModule } from 'primeng/overlaypanel';\r\nimport { RadioButtonModule } from 'primeng/radiobutton';\r\nimport { AccordionModule } from 'primeng/accordion';\r\nimport { CardModule } from 'primeng/card';\r\nimport { InputSwitchModule } from 'primeng/inputswitch';\r\nimport { ChipsModule } from 'primeng/chips';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\nimport { ConfirmDialogModule } from 'primeng/confirmdialog';\r\nimport { ConfirmationService } from 'primeng/api';\r\nimport { RebateShippedFormComponent } from './components/rebate-shipped-form/rebate-shipped-form.component';\r\nimport { AccountDetailsComponent } from './components/admin/account-details/account-details.component';\r\nimport { CustomCurrencyPipe } from 'src/services/pipes/custom-currency.pipe';\r\nimport { RemoveCommaPipe } from 'src/services/pipes/remove-comma.pipe';\r\nimport { SupportRequestGridComponent } from './components/support-request-grid/support-request-grid.component';\r\nimport { EndmarketSalesReportComponent } from './components/admin/endmarket-sales-report/endmarket-sales-report.component';\r\nimport { DistributorMappingComponent } from './components/admin/distributor-mapping/distributor-mapping.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n AppComponent,\r\n HomeComponent,\r\n HeaderComponent,\r\n FooterComponent,\r\n CupsRequestComponent,\r\n DynamicGridComponent,\r\n SupportRequestGridComponent,\r\n CupsRequestInfoComponent,\r\n PmCupsRequestComponent,\r\n NumbersOnlyDirective,\r\n DragDropDirective,\r\n LineSeparatorDirective,\r\n DistributorRequestComponent,\r\n UserRegistrationComponent,\r\n UserGridComponent,\r\n AdminComponent,\r\n RebatesComponent,\r\n EvemRequestComponent,\r\n PmRebateRequestComponent,\r\n RebateInfoComponent,\r\n DistributorGridComponent,\r\n DistributorViewComponent,\r\n ApprovalConfigComponent,\r\n CupRequestTabComponent,\r\n SamlComponent,\r\n LoginComponent,\r\n ErrorComponent,\r\n LoginTestComponent,\r\n SalesSupportComponent,\r\n SalesCommericalManagerComponent,\r\n ProductManagerComponent,\r\n CupHistoryComponent,\r\n PriceHistoryRevisionComponent,\r\n RebateShippedFormComponent,\r\n AccountDetailsComponent,\r\n EndmarketSalesReportComponent,\r\n CustomCurrencyPipe,\r\n RemoveCommaPipe,\r\n DistributorMappingComponent\r\n ],\r\n imports: [\r\n BrowserModule.withServerTransition({ appId: 'ng-cli-universal' }),\r\n BrowserAnimationsModule,\r\n HttpClientModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n ToastrModule.forRoot({\r\n timeOut: 5000,\r\n positionClass: 'toast-top-right',\r\n preventDuplicates: true,\r\n closeButton: true\r\n }),\r\n ToastrModule,\r\n NgxSpinnerModule,\r\n MultiSelectModule,\r\n AutoCompleteModule,\r\n TableModule,\r\n DropdownModule,\r\n ConfirmDialogModule,\r\n CalendarModule,\r\n TabViewModule,\r\n CheckboxModule,\r\n FileUploadModule,\r\n DialogModule,\r\n FieldsetModule,\r\n OverlayPanelModule,\r\n RadioButtonModule,\r\n AccordionModule,\r\n CardModule,\r\n InputSwitchModule,\r\n ChipsModule,\r\n TooltipModule,\r\n CommonModule,\r\n RouterModule.forRoot([\r\n { path: '', pathMatch: 'full', component: LoginComponent },\r\n { path: 'saml', pathMatch: 'full', component: SamlComponent },\r\n { path: 'home', pathMatch: 'full', component: HomeComponent, canActivate: [AuthenticationGuard], data: { expectedurl: 'home' } },\r\n { path: 'cups-request', component: CupsRequestComponent, canActivate: [AuthenticationGuard], data: { expectedurl: 'cups-request' } },\r\n { path: 'cups-request/info', component: CupRequestTabComponent, canActivate: [AuthenticationGuard], data: { expectedurl: 'cups-request/info' } },\r\n { path: 'pm-cups-request', component: PmCupsRequestComponent, canActivate: [AuthenticationGuard], data: { expectedurl: 'pm-cups-request' } },\r\n { path: 'distributor-request', component: DistributorRequestComponent, canActivate: [AuthenticationGuard], data: { expectedurl: 'distributor-request' } },\r\n { path: 'users', component: UserGridComponent, canActivate: [AuthenticationGuard], data: { expectedurl: 'users' } },\r\n { path: 'admin', component: AdminComponent, canActivate: [AuthenticationGuard], data: { expectedurl: 'admin' } },\r\n { path: 'rebates', component: RebatesComponent, canActivate: [AuthenticationGuard], data: { expectedurl: 'rebates' } },\r\n { path: 'price-history-revision', component: PriceHistoryRevisionComponent, canActivate: [AuthenticationGuard], data: { expectedurl: 'price-history-revision' } },\r\n { path: 'rebates/evem-rebate-form', component: EvemRequestComponent, canActivate: [AuthenticationGuard], data: { expectedurl: 'rebates/evem-rebate-form' } },\r\n { path: 'rebates/pm-rebate-form', component: PmRebateRequestComponent, canActivate: [AuthenticationGuard], data: { expectedurl: 'rebates/pm-rebate-form' } },\r\n { path: 'rebates/rebate-info', component: RebateInfoComponent, canActivate: [AuthenticationGuard], data: { expectedurl: 'rebates/rebate-info' } },\r\n { path: 'error', component: ErrorComponent },\r\n { path: 'login-test', pathMatch: 'full', component: LoginTestComponent}\r\n\r\n ], { useHash: true, onSameUrlNavigation: 'reload' })\r\n ],\r\n providers: [\r\n { provide: HTTP_INTERCEPTORS, useClass: HttpConfigInterceptor, multi: true },\r\n CookieService,\r\n\r\n ConfirmationService,\r\n ],\r\n bootstrap: [AppComponent],\r\n schemas: [CUSTOM_ELEMENTS_SCHEMA]\r\n})\r\nexport class AppModule { }\r\n","import { Injectable } from '@angular/core';\r\nimport { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router, CanActivateChild, UrlTree, ActivatedRoute } from '@angular/router';\r\nimport { Observable } from 'rxjs';\r\nimport { AuthguardServiceService } from '../services/authguard-service.service';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class AuthenticationGuard implements CanActivate, CanActivateChild {\r\n loginvalue: any;\r\n expireDate: Date;\r\n authService: any;\r\n childactive = false;\r\n routparams: any;\r\n constructor(private actroute: ActivatedRoute, private Authguardservice: AuthguardServiceService, public router: Router) {\r\n\r\n }\r\n canActivate(\r\n route: ActivatedRouteSnapshot,\r\n state: RouterStateSnapshot): Observable | Promise | boolean | UrlTree {\r\n const expectedurl = route.data.expectedurl;\r\n this.routparams = route.queryParams;\r\n\r\n if (!this.Authguardservice.gettoken()) {\r\n if (this.routparams != null) {\r\n sessionStorage.setItem('returnUrlparams', JSON.stringify(this.routparams));\r\n if (JSON.stringify(this.routparams).includes('RequestId')) {\r\n sessionStorage.setItem('paramsExist', 'true');\r\n }\r\n sessionStorage.setItem('returnUrlpath', JSON.stringify(state.url));\r\n }\r\n else {\r\n sessionStorage.setItem('paramsExist', 'false');\r\n }\r\n sessionStorage.setItem('returnUrl', expectedurl);\r\n this.router.navigate(['/saml'], { queryParams: { returnUrl: expectedurl } });\r\n return false;\r\n } else {\r\n this.loginvalue = JSON.parse(sessionStorage.getItem('loginJWT'));\r\n if (expectedurl == 'admin') {\r\n if (JSON.parse(sessionStorage.getItem('IsAdmin')))\r\n return true;\r\n else {\r\n this.router.navigate(['/error']);\r\n return false;\r\n }\r\n }\r\n else {\r\n return true;\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n canActivateChild(_childRoute: ActivatedRouteSnapshot, _state: RouterStateSnapshot): boolean {\r\n return true;\r\n }\r\n}\r\n","export default \"\\r\\n.account-add-btn {\\r\\n color: white;\\r\\n background-color: #0096d6;\\r\\n margin:0px 10px;\\r\\n border-radius: 5px;\\r\\n float: right;\\r\\n}\\r\\n.header-label {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n}\\r\\n#accountGrid .ui-table .ui-table-thead>tr>th {\\r\\n background-color: #4f4f4f;\\r\\n color:white;\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n padding: 3px;\\r\\n text-align: center;\\r\\n border: 1px solid #e1f0ff;\\r\\n}\\r\\n#accountGrid .ui-table .ui-table-thead>tr>th>div {\\r\\n word-break: break-all;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n}\\r\\n#accountGrid .ui-table .ui-table-tbody>tr>td {\\r\\n font-size: 14px;\\r\\n word-break: break-all;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n padding: 0 10px;\\r\\n color: black;\\r\\n font-weight: 500;\\r\\n border: none !important;\\r\\n border-right: 1px solid #4f4f4f !important;\\r\\n text-overflow: ellipsis;\\r\\n vertical-align: top !important;\\r\\n}\\r\\n#accountGrid .edit-column {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n right: 0px !important;\\r\\n}\\r\\n#accountGrid .checkbox-column {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n left: 0px !important;\\r\\n}\\r\\n#accountGrid .ui-paginator {\\r\\n margin-top: 10px !important;\\r\\n background-color: white !important;\\r\\n border: none !important;\\r\\n float: right !important;\\r\\n}\\r\\n#accountGrid .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {\\r\\n background-color: #0096d6 !important;\\r\\n color: white !important;\\r\\n}\\r\\n#accountGrid .ui-multiselect .ui-multiselect-panel {\\r\\n left: -292px !important;\\r\\n right: 0px !important;\\r\\n}\\r\\n#accountGrid .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {\\r\\n color: black !important;\\r\\n background-color: white !important;\\r\\n}\\r\\n#accountGrid .ui-chkbox .ui-chkbox-box.ui-state-active {\\r\\n border-color: #0096d6 !important;\\r\\n background-color: #0096d6 !important;\\r\\n color: #ffffff !important;\\r\\n}\\r\\n#accountGrid .ui-table table {\\r\\n width: 100% !important;\\r\\n}\\r\\n#accountGrid .ui-table {\\r\\n max-height: 700px !important;\\r\\n}\\r\\n#accountGrid .ui-table-scrollable-header, .ui-table-scrollable-footer {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n background-color: white;\\r\\n z-index: 9999;\\r\\n}\\r\\n#accountGrid .ui-table-scrollable-header-box {\\r\\n margin-right: 60px !important;\\r\\n}\\r\\n#accountGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 280px) !important;\\r\\n}\\r\\n#accountGrid .excelIcon {\\r\\n font-size: 1.5em;\\r\\n cursor: pointer;\\r\\n background-color: #0096d6;\\r\\n color: white;\\r\\n border-radius: 5px;\\r\\n padding: 6px;\\r\\n margin-left: 10px;\\r\\n top: -7px;\\r\\n position: relative;\\r\\n}\\r\\n@media screen and (min-width: 1000px) {\\r\\n #accountGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 370px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:140px !important;\\r\\n }\\r\\n }\\r\\n@media screen and (min-width: 1052px) {\\r\\n #accountGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 320px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:110px !important;\\r\\n }\\r\\n }\\r\\n@media screen and (min-width: 1407px) {\\r\\n #accountGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 300px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:80px !important;\\r\\n }\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9hZG1pbi9hY2NvdW50LWRldGFpbHMvYWNjb3VudC1kZXRhaWxzLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBO0lBQ0ksWUFBWTtJQUNaLHlCQUF5QjtJQUN6QixlQUFlO0lBQ2Ysa0JBQWtCO0lBQ2xCLFlBQVk7QUFDaEI7QUFDQTtJQUNJLGVBQWU7SUFDZixnQkFBZ0I7QUFDcEI7QUFJQTtJQUNJLHlCQUF5QjtJQUN6QixXQUFXO0lBQ1gsZUFBZTtJQUNmLGdCQUFnQjtJQUNoQixZQUFZO0lBQ1osa0JBQWtCO0lBQ2xCLHlCQUF5QjtBQUM3QjtBQUVBO0lBQ0kscUJBQXFCO0lBQ3JCLG1CQUFtQjtJQUNuQixnQkFBZ0I7SUFDaEIsdUJBQXVCO0FBQzNCO0FBQ0E7SUFDSSxlQUFlO0lBQ2YscUJBQXFCO0lBQ3JCLG1CQUFtQjtJQUNuQixnQkFBZ0I7SUFDaEIsZUFBZTtJQUNmLFlBQVk7SUFDWixnQkFBZ0I7SUFDaEIsdUJBQXVCO0lBQ3ZCLDBDQUEwQztJQUMxQyx1QkFBdUI7SUFDdkIsOEJBQThCO0FBQ2xDO0FBQ0E7SUFDSSx3QkFBZ0I7SUFBaEIsZ0JBQWdCO0lBQ2hCLHFCQUFxQjtBQUN6QjtBQUNBO0lBQ0ksd0JBQWdCO0lBQWhCLGdCQUFnQjtJQUNoQixvQkFBb0I7QUFDeEI7QUFDQTtJQUNJLDJCQUEyQjtJQUMzQixrQ0FBa0M7SUFDbEMsdUJBQXVCO0lBQ3ZCLHVCQUF1QjtBQUMzQjtBQUNBO0lBQ0ksb0NBQW9DO0lBQ3BDLHVCQUF1QjtBQUMzQjtBQUNBO0lBQ0ksdUJBQXVCO0lBQ3ZCLHFCQUFxQjtBQUN6QjtBQUNBO0lBQ0ksdUJBQXVCO0lBQ3ZCLGtDQUFrQztBQUN0QztBQUNBO0lBQ0ksZ0NBQWdDO0lBQ2hDLG9DQUFvQztJQUNwQyx5QkFBeUI7QUFDN0I7QUFDQTtJQUNJLHNCQUFzQjtBQUMxQjtBQUNBO0lBQ0ksNEJBQTRCO0FBQ2hDO0FBQ0E7SUFDSSx3QkFBZ0I7SUFBaEIsZ0JBQWdCO0lBQ2hCLHVCQUF1QjtJQUN2QixhQUFhO0FBQ2pCO0FBQ0E7SUFDSSw2QkFBNkI7QUFDakM7QUFDQTtJQUNJLDBDQUEwQztBQUM5QztBQUVBO0lBQ0ksZ0JBQWdCO0lBQ2hCLGVBQWU7SUFDZix5QkFBeUI7SUFDekIsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQixZQUFZO0lBQ1osaUJBQWlCO0lBQ2pCLFNBQVM7SUFDVCxrQkFBa0I7QUFDdEI7QUFFQTtJQUNJO1FBQ0ksMENBQTBDO0lBQzlDO0lBQ0E7UUFDSSwyQkFBMkI7SUFDL0I7RUFDRjtBQUVBO0lBQ0U7UUFDSSwwQ0FBMEM7SUFDOUM7SUFDQTtRQUNJLDJCQUEyQjtJQUMvQjtFQUNGO0FBQ0E7SUFDRTtRQUNJLDBDQUEwQztJQUM5QztJQUNBO1FBQ0ksMEJBQTBCO0lBQzlCO0FBQ0oiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL2FkbWluL2FjY291bnQtZGV0YWlscy9hY2NvdW50LWRldGFpbHMuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIlxyXG4uYWNjb3VudC1hZGQtYnRuIHtcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDk2ZDY7XHJcbiAgICBtYXJnaW46MHB4IDEwcHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgICBmbG9hdDogcmlnaHQ7XHJcbn1cclxuLmhlYWRlci1sYWJlbCB7XHJcbiAgICBmb250LXNpemU6IDIwcHg7XHJcbiAgICBmb250LXdlaWdodDogNjAwO1xyXG59XHJcblxyXG5cclxuXHJcbiNhY2NvdW50R3JpZCAudWktdGFibGUgLnVpLXRhYmxlLXRoZWFkPnRyPnRoIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICM0ZjRmNGY7XHJcbiAgICBjb2xvcjp3aGl0ZTtcclxuICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XHJcbiAgICBwYWRkaW5nOiAzcHg7XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZTFmMGZmO1xyXG59XHJcblxyXG4jYWNjb3VudEdyaWQgLnVpLXRhYmxlIC51aS10YWJsZS10aGVhZD50cj50aD5kaXYge1xyXG4gICAgd29yZC1icmVhazogYnJlYWstYWxsO1xyXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcclxuICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcclxufVxyXG4jYWNjb3VudEdyaWQgLnVpLXRhYmxlIC51aS10YWJsZS10Ym9keT50cj50ZCB7XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XHJcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgIHBhZGRpbmc6IDAgMTBweDtcclxuICAgIGNvbG9yOiBibGFjaztcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcclxuICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICM0ZjRmNGYgIWltcG9ydGFudDtcclxuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xyXG4gICAgdmVydGljYWwtYWxpZ246IHRvcCAhaW1wb3J0YW50O1xyXG59XHJcbiNhY2NvdW50R3JpZCAuZWRpdC1jb2x1bW4ge1xyXG4gICAgcG9zaXRpb246IHN0aWNreTtcclxuICAgIHJpZ2h0OiAwcHggIWltcG9ydGFudDtcclxufVxyXG4jYWNjb3VudEdyaWQgLmNoZWNrYm94LWNvbHVtbiB7XHJcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xyXG4gICAgbGVmdDogMHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuI2FjY291bnRHcmlkIC51aS1wYWdpbmF0b3Ige1xyXG4gICAgbWFyZ2luLXRvcDogMTBweCAhaW1wb3J0YW50O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGUgIWltcG9ydGFudDtcclxuICAgIGJvcmRlcjogbm9uZSAhaW1wb3J0YW50O1xyXG4gICAgZmxvYXQ6IHJpZ2h0ICFpbXBvcnRhbnQ7XHJcbn1cclxuI2FjY291bnRHcmlkIC51aS1wYWdpbmF0b3IgLnVpLXBhZ2luYXRvci1wYWdlcyAudWktcGFnaW5hdG9yLXBhZ2UudWktc3RhdGUtYWN0aXZlIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDk2ZDYgIWltcG9ydGFudDtcclxuICAgIGNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xyXG59XHJcbiNhY2NvdW50R3JpZCAudWktbXVsdGlzZWxlY3QgLnVpLW11bHRpc2VsZWN0LXBhbmVsIHtcclxuICAgIGxlZnQ6IC0yOTJweCAhaW1wb3J0YW50O1xyXG4gICAgcmlnaHQ6IDBweCAhaW1wb3J0YW50O1xyXG59XHJcbiNhY2NvdW50R3JpZCAudWktbXVsdGlzZWxlY3QtcGFuZWwgLnVpLW11bHRpc2VsZWN0LWl0ZW1zIC51aS1tdWx0aXNlbGVjdC1pdGVtLnVpLXN0YXRlLWhpZ2hsaWdodCB7XHJcbiAgICBjb2xvcjogYmxhY2sgIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XHJcbn1cclxuI2FjY291bnRHcmlkIC51aS1jaGtib3ggLnVpLWNoa2JveC1ib3gudWktc3RhdGUtYWN0aXZlIHtcclxuICAgIGJvcmRlci1jb2xvcjogIzAwOTZkNiAhaW1wb3J0YW50O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNiAhaW1wb3J0YW50O1xyXG4gICAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcclxufVxyXG4jYWNjb3VudEdyaWQgLnVpLXRhYmxlIHRhYmxlIHtcclxuICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XHJcbn1cclxuI2FjY291bnRHcmlkIC51aS10YWJsZSB7XHJcbiAgICBtYXgtaGVpZ2h0OiA3MDBweCAhaW1wb3J0YW50O1xyXG59XHJcbiNhY2NvdW50R3JpZCAudWktdGFibGUtc2Nyb2xsYWJsZS1oZWFkZXIsIC51aS10YWJsZS1zY3JvbGxhYmxlLWZvb3RlciB7XHJcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgICB6LWluZGV4OiA5OTk5O1xyXG59XHJcbiNhY2NvdW50R3JpZCAudWktdGFibGUtc2Nyb2xsYWJsZS1oZWFkZXItYm94IHtcclxuICAgIG1hcmdpbi1yaWdodDogNjBweCAhaW1wb3J0YW50O1xyXG59XHJcbiNhY2NvdW50R3JpZCAudWktdGFibGUtc2Nyb2xsYWJsZS1ib2R5IHtcclxuICAgIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSAyODBweCkgIWltcG9ydGFudDtcclxufVxyXG5cclxuI2FjY291bnRHcmlkIC5leGNlbEljb24ge1xyXG4gICAgZm9udC1zaXplOiAxLjVlbTtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDk2ZDY7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgICBwYWRkaW5nOiA2cHg7XHJcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcclxuICAgIHRvcDogLTdweDtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxufVxyXG5cclxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwMHB4KSB7XHJcbiAgICAjYWNjb3VudEdyaWQgLnVpLXRhYmxlLXNjcm9sbGFibGUtYm9keSB7XHJcbiAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtIDM3MHB4KSAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gICAgLmNmIHtcclxuICAgICAgICBtYXJnaW4tdG9wOjE0MHB4ICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDUycHgpIHtcclxuICAgICNhY2NvdW50R3JpZCAudWktdGFibGUtc2Nyb2xsYWJsZS1ib2R5IHtcclxuICAgICAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMzIwcHgpICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAuY2Yge1xyXG4gICAgICAgIG1hcmdpbi10b3A6MTEwcHggIWltcG9ydGFudDtcclxuICAgIH1cclxuICB9XHJcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTQwN3B4KSB7XHJcbiAgICAjYWNjb3VudEdyaWQgLnVpLXRhYmxlLXNjcm9sbGFibGUtYm9keSB7XHJcbiAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtIDMwMHB4KSAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gICAgLmNmIHtcclxuICAgICAgICBtYXJnaW4tdG9wOjgwcHggIWltcG9ydGFudDtcclxuICAgIH1cclxufSJdfQ== */\"","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { CupsService } from 'src/services/cups.service';\r\nimport { ConfirmationService } from 'primeng/api';\r\n\r\n@Component({\r\n selector: 'app-account-details',\r\n templateUrl: './account-details.component.html',\r\n styleUrls: ['./account-details.component.css'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class AccountDetailsComponent implements OnInit {\r\n\r\n constructor(private service: CupsService, private confirmationService: ConfirmationService) { }\r\n displayPopUp = false;\r\n cols = [{ field: 'customerID', header: 'Customer ID' },\r\n { field: 'customerName', header: 'Customer Name' },\r\n { field: 'region', header: 'Customer Region' },\r\n { field: 'city', header: 'Customer City' }\r\n ];\r\n gridData = [];\r\n allAccounts = [];\r\n allCities = [];\r\n allRegions = [];\r\n filteredAccounts = [];\r\n filteredCities = [];\r\n filteredRegions = [];\r\n isEdit = false;\r\n accountDetailsObj = {\r\n customerID: 0,\r\n customerName: '',\r\n region: '',\r\n city: '',\r\n userID: 0\r\n };\r\n ngOnInit() {\r\n this.getAllAccountDetails();\r\n\r\n }\r\n getAccountData() {\r\n this.service.getAccountData().subscribe(res => {\r\n if (!res['isError']) {\r\n let accounts = res['response']['table'];\r\n let cities = res['response']['table2'];\r\n let regions = res['response']['table1'];\r\n this.allAccounts = [];\r\n this.allCities = [];\r\n this.allRegions = [];\r\n accounts.forEach(element => {\r\n this.allAccounts.push(element.customerName);\r\n });\r\n cities.forEach(element => {\r\n this.allCities.push(element.city);\r\n });\r\n regions.forEach(element => {\r\n this.allRegions.push(element.regions);\r\n });\r\n }\r\n else {\r\n this.service.displayToastr(res);\r\n }\r\n\r\n\r\n }, error => {\r\n this.service.displayToastr(error);\r\n })\r\n }\r\n\r\n getAllAccountDetails() {\r\n this.service.getAccountDetails().subscribe(res => {\r\n if (!res['isError']) {\r\n this.gridData = res['response'];\r\n this.getAccountData();\r\n }\r\n else {\r\n this.service.displayToastr(res);\r\n }\r\n });\r\n }\r\n\r\n filterAccount(event) {\r\n let filtered: any[] = [];\r\n let query = event.query;\r\n\r\n for (let account of this.allAccounts) {\r\n if (account.toLowerCase().indexOf(query.toLowerCase()) == 0) {\r\n filtered.push(account);\r\n }\r\n }\r\n this.filteredAccounts = filtered;\r\n }\r\n\r\n filterRegion(event) {\r\n let filtered: any[] = [];\r\n let query = event.query;\r\n for (let region of this.allRegions) {\r\n if (region.toLowerCase().indexOf(query.toLowerCase()) == 0) {\r\n filtered.push(region);\r\n }\r\n }\r\n this.filteredRegions = filtered;\r\n }\r\n\r\n filterCity(event) {\r\n let filtered: any[] = [];\r\n let query = event.query;\r\n for (let city of this.allCities) {\r\n if (city.toLowerCase().indexOf(query.toLowerCase()) == 0) {\r\n filtered.push(city);\r\n }\r\n }\r\n this.filteredCities = filtered;\r\n }\r\n\r\n onEdit(data) {\r\n\r\n this.accountDetailsObj.customerID = data.customerID;\r\n this.accountDetailsObj.customerName = data.customerName;\r\n this.accountDetailsObj.region = data.region;\r\n this.accountDetailsObj.city = data.city;\r\n this.isEdit = true;\r\n this.displayPopUp = true;\r\n\r\n }\r\n\r\n onDelete(data) {\r\n this.accountDetailsObj.customerID = data.customerID;\r\n this.accountDetailsObj.customerName = data.customerName;\r\n this.accountDetailsObj.region = data.region;\r\n this.accountDetailsObj.city = data.city;\r\n this.confirmationService.confirm({\r\n message: 'Are you sure that you want to delete this Account?',\r\n accept: () => {\r\n this.service.deleteAcccountDetails(this.accountDetailsObj).subscribe(res => {\r\n if (!res['isError']) {\r\n this.service.displayToastr(res);\r\n this.getAllAccountDetails();\r\n this.onClose();\r\n } else {\r\n this.service.displayToastr(res);\r\n }\r\n }, error => {\r\n this.service.displayToastr(error);\r\n });\r\n }\r\n });\r\n }\r\n\r\n addNewAccount() {\r\n\r\n this.resetObj();\r\n this.displayPopUp = true;\r\n\r\n }\r\n\r\n onClose() {\r\n this.displayPopUp = false;\r\n this.resetObj();\r\n this.isEdit = false;\r\n }\r\n\r\n resetObj() {\r\n this.accountDetailsObj = {\r\n customerID: 0,\r\n customerName: '',\r\n region: '',\r\n city: '',\r\n userID: 0\r\n };\r\n }\r\n saveAccount() {\r\n if (this.isEdit) {\r\n this.service.updateAccountDetails(this.accountDetailsObj).subscribe(res => {\r\n if (!res['isError']) {\r\n this.service.displayToastr(res);\r\n this.getAllAccountDetails();\r\n } else {\r\n this.service.displayToastr(res);\r\n }\r\n }, error => {\r\n this.service.displayToastr(error)\r\n });\r\n } else {\r\n this.service.insertAccountDetails(this.accountDetailsObj).subscribe(res => {\r\n if (!res['isError']) {\r\n this.service.displayToastr(res);\r\n this.getAllAccountDetails();\r\n } else {\r\n this.service.displayToastr(res);\r\n }\r\n }, error => {\r\n this.service.displayToastr(error)\r\n })\r\n }\r\n this.onClose();\r\n }\r\n\r\n}\r\n","export default \".header-label {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9hZG1pbi9hZG1pbi5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksZUFBZTtJQUNmLGdCQUFnQjtBQUNwQiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvYWRtaW4vYWRtaW4uY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5oZWFkZXItbGFiZWwge1xyXG4gICAgZm9udC1zaXplOiAyMHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcclxufSJdfQ== */\"","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-admin',\r\n templateUrl: './admin.component.html',\r\n styleUrls: ['./admin.component.css']\r\n})\r\nexport class AdminComponent implements OnInit {\r\n selectedBU = \"\";\r\n selectedTab: any;\r\n supportManagerText = 'Sales Support Manager';\r\n\r\n isSalesSupportDistributor: number = 0;\r\n ngOnInit() {\r\n this.selectedBU = sessionStorage.getItem('BU');\r\n if(this.selectedBU === 'EM' || this.selectedBU==='ED') {\r\n this.supportManagerText = 'Pricing Admin Config';\r\n } else {\r\n this.supportManagerText = 'Sales Support Manager';\r\n }\r\n this.isSalesSupportDistributor = Number(sessionStorage.getItem('SalesSupportDistributor'));\r\n }\r\n\r\n onTabChange(event) {\r\n this.selectedTab = event.originalEvent.target.innerText;\r\n }\r\n\r\n}\r\n","export default \".row{\\r\\n padding-top:10px;\\r\\n}\\r\\n\\r\\n.table td, .table th {\\r\\n padding: 0.75rem;\\r\\n vertical-align: top;\\r\\n border-top: 0px solid #dee2e6;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9hZG1pbi9hcHByb3ZhbC1jb25maWcvYXBwcm92YWwtY29uZmlnLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSSxnQkFBZ0I7SUFDaEIsbUJBQW1CO0lBQ25CLDZCQUE2QjtBQUNqQyIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvYWRtaW4vYXBwcm92YWwtY29uZmlnL2FwcHJvdmFsLWNvbmZpZy5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnJvd3tcclxuICAgIHBhZGRpbmctdG9wOjEwcHg7XHJcbn1cclxuXHJcbi50YWJsZSB0ZCwgLnRhYmxlIHRoIHtcclxuICAgIHBhZGRpbmc6IDAuNzVyZW07XHJcbiAgICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xyXG4gICAgYm9yZGVyLXRvcDogMHB4IHNvbGlkICNkZWUyZTY7XHJcbn0iXX0= */\"","import { Component, OnInit } from '@angular/core';\r\nimport { Validators, FormBuilder, FormGroup, FormArray } from '@angular/forms';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { CupsService } from 'src/services/cups.service';\r\n@Component({\r\n selector: 'app-approval-config',\r\n templateUrl: './approval-config.component.html',\r\n styleUrls: ['./approval-config.component.css']\r\n})\r\nexport class ApprovalConfigComponent implements OnInit {\r\n AdminForm: FormGroup;\r\n BusinessUnit: any[];\r\n Products: any[];\r\n CountryData: any[];\r\n RegionData: any[];\r\n ProductsbasedonBusiness: any[];\r\n selectedBusiness: any;\r\n selectedSBusiness: any;\r\n selectedtypeofConfig: any;\r\n submitted = false;\r\n SBusinessUnit: any[];\r\n BusinessUnitData: any;\r\n approvalConfigData: any = [];\r\n UOM: any;\r\n operatorData: any;\r\n TypeofConfiguration: { id: number; type: string; }[];\r\n fb: any;\r\n isType1: boolean = false;\r\n isType2: boolean = false;\r\n arraylength: number = 0;\r\n selectedTypevalue: any;\r\n \r\n constructor(private formBuilder: FormBuilder, private _service: CupsService, private spinner: NgxSpinnerService, private toastr: ToastrService) {\r\n this.AdminForm = this.formBuilder.group({\r\n BusinessUnitId: ['', [Validators.required, Validators.min(0)]],\r\n SBUId: ['', [Validators.required, Validators.min(0)]],\r\n CountryId: ['', [Validators.required]],\r\n RegionId: ['', [Validators.required]],\r\n TypeId: ['', [Validators.required]],\r\n ApprovalConfigTypeone: this.formBuilder.array([]),\r\n ApprovalConfigTypetwo: this.formBuilder.array([]),\r\n CreatedBy: [''],\r\n CreatedDate: [new Date()],\r\n });\r\n }\r\n ngOnInit() {\r\n this.AdminForm.reset();\r\n this.getAdminConfigMaster();\r\n }\r\n onSubmit() {\r\n if (this.AdminForm.valid) {\r\n sessionStorage.setItem(\"UserDetails\", \"samba\");\r\n if (this.AdminForm.value.TypeId == 1) {\r\n this.AdminForm.value.ApprovalConfigTypeone[this.AdminForm.value.ApprovalConfigTypeone.length - 1].min_level = this.AdminForm.value.ApprovalConfigTypeone[this.AdminForm.value.ApprovalConfigTypeone.length - 2].max_level;\r\n }\r\n this.AdminForm.controls.CreatedBy.setValue(sessionStorage.getItem(\"UserDetails\"));\r\n this.AdminForm.controls.CreatedDate.setValue(new Date());\r\n this._service.saveAdminConfig(this.AdminForm.value).subscribe((resp: any) => {\r\n this.toastr.success('Contacts configured successfully');\r\n });\r\n }\r\n }\r\n ApprovalConfigTypeone(): FormArray {\r\n return this.AdminForm.get('ApprovalConfigTypeone') as FormArray;\r\n }\r\n ApprovalConfigTypetwo(): FormArray {\r\n return this.AdminForm.get('ApprovalConfigTypetwo') as FormArray;\r\n }\r\n addApprovalConfigTypeone(data: any) {\r\n this.ApprovalConfigTypeone().push(this.newApprovalConfigTypeone(data));\r\n }\r\n newApprovalConfigTypeone(data: any): FormGroup {\r\n if (!data) {\r\n data = { Id: 0, variant_id: '', role: '', min_level: '', max_level: '', created_by: '' };\r\n }\r\n return this.formBuilder.group({\r\n Id: [data.apc1id],\r\n variant_id: [data.id],\r\n role: [data.role],\r\n min_level: [data.min_level, [Validators.min(0)]],\r\n max_level: [data.max_level],\r\n created_by: [data.created_by]\r\n });\r\n }\r\n addApprovalConfigTypetwo(data: any) {\r\n this.ApprovalConfigTypetwo().push(this.newApprovalConfigTypetwo(data));\r\n }\r\n newApprovalConfigTypetwo(data: any): FormGroup {\r\n if (!data) {\r\n data = { Id: 0, variant_id: '', role: '', variant1: '', variant2: '', comparision_operator_id: '', value: '', uom_id: '', created_by: '' };\r\n }\r\n return this.formBuilder.group({\r\n Id: [data.apc2id],\r\n variant_id: [data.id],\r\n role: [data.role],\r\n variant1: [data.variant1],\r\n variant2: [data.variant2],\r\n comparision_operator_id: [data.comparision_operator_id],\r\n value: [data.value],\r\n uom_id: [data.uom_id],\r\n created_by: [data.created_by]\r\n });\r\n }\r\n Cancel() {\r\n this.AdminForm.reset();\r\n }\r\n getAdminConfigMaster() {\r\n this._service.getAdminConfigMaster().subscribe((response: any) => {\r\n this.BusinessUnitData = response.buData;\r\n this.CountryData = response.countryData;\r\n this.RegionData = response.regionData;\r\n this.UOM = response.uomData;\r\n this.operatorData = response.operatorData;\r\n this.TypeofConfiguration = [{ id: 1, type: \"Based on one price\" }, { id: 2, type: \"Based on two price\" }]\r\n let key = 'businessunit_id';\r\n this.BusinessUnit = [...new Map(this.BusinessUnitData.map(item =>\r\n [item[key], item])).values()];\r\n });\r\n }\r\n onBusinessChange(event) {\r\n if (this.BusinessUnitData != undefined) {\r\n this.SBusinessUnit = this.BusinessUnitData.filter(i => i.businessunit_id == event);\r\n }\r\n }\r\n onSBusinessChange(newValue) {\r\n if (this.selectedTypevalue == \"1\" || this.selectedTypevalue == \"2\") {\r\n this.ontypeofConfigChange(this.selectedTypevalue)\r\n }\r\n }\r\n ontypeofConfigChange(newValue) {\r\n this.selectedTypevalue = newValue;\r\n if (newValue == \"1\") {\r\n this.isType1 = true;\r\n this.isType2 = false;\r\n }\r\n else if (newValue == \"2\") {\r\n this.isType2 = true;\r\n this.isType1 = false;\r\n }\r\n else {\r\n this.isType2 = false;\r\n this.isType1 = false;\r\n }\r\n this.servicecall();\r\n }\r\n servicecall() {\r\n this._service.getApprovalConfig(this.AdminForm.value.RegionId, this.AdminForm.value.CountryId, this.AdminForm.value.BusinessUnitId, this.AdminForm.value.SBUId, Number(this.AdminForm.value.TypeId)).subscribe((response: any) => {\r\n if (this.AdminForm.controls.TypeId.value == '1') {\r\n const array = this.AdminForm.get('ApprovalConfigTypeone') as FormArray;\r\n array.clear();\r\n response.approvalConfigData.forEach((value, index) => {\r\n if (index != response.approvalConfigData.length - 1) {\r\n array.push(this.newApprovalConfigTypeone(value));\r\n }\r\n else {\r\n const data = { apc1id: value.apc1id, id: value.id, role: value.role, min_level: response.approvalConfigData[index - 1].min_level, max_level: value.max_level, created_by: value.created_by };\r\n array.push(this.newApprovalConfigTypeone(data));\r\n }\r\n });\r\n this.arraylength = array.length;\r\n }\r\n else if (this.AdminForm.controls.TypeId.value == '2') {\r\n const array = this.AdminForm.get('ApprovalConfigTypetwo') as FormArray;\r\n response.approvalConfigData.forEach((value, index) => {\r\n array.push(this.newApprovalConfigTypetwo(value));\r\n });\r\n this.arraylength = array.length;\r\n }\r\n });\r\n }\r\n}\r\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvYWRtaW4vZGlzdHJpYnV0b3ItbWFwcGluZy9kaXN0cmlidXRvci1tYXBwaW5nLmNvbXBvbmVudC5jc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\r\nimport { FormGroup, Validators } from '@angular/forms';\r\nimport { FormBuilder } from '@angular/forms';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { CupsService } from '../../../../services/cups.service';\r\n\r\n@Component({\r\n selector: 'app-distributor-mapping',\r\n templateUrl: './distributor-mapping.component.html',\r\n styleUrls: ['./distributor-mapping.component.css']\r\n})\r\nexport class DistributorMappingComponent implements OnInit {\r\n\r\n distributorUserData: any;\r\n distributorsData: any;\r\n selectedDistributorData: any;\r\n form: FormGroup;\r\n cols = [];\r\n distributorMappingData = [];\r\n constructor(private _service: CupsService,\r\n private spinner: NgxSpinnerService,\r\n private toastr: ToastrService,\r\n private fb: FormBuilder) {\r\n this.form = this.fb.group({\r\n distributor_user_id: [{ disabled: true, value: \"\" }, Validators.required],\r\n distributor_id: [{ disabled: true, value: \"\" }, Validators.required]\r\n })\r\n }\r\n\r\n ngOnInit() {\r\n this.cols = [\r\n {\r\n \"header_id\": 1,\r\n \"field\": \"customer\",\r\n \"header\": \"Customer\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 1,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 2,\r\n \"field\": \"product\",\r\n \"header\": \"Product\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 2,\r\n \"isHyperlink\": false,\r\n },\r\n {\r\n \"header_id\": 3,\r\n \"field\": \"distributor\",\r\n \"header\": \"Distributor\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 3,\r\n \"isHyperlink\": false,\r\n },\r\n {\r\n \"header_id\": 4,\r\n \"field\": \"division\",\r\n \"header\": \"Division\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 4,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 5,\r\n \"field\": \"ship_to\",\r\n \"header\": \"Ship To\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 5,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 6,\r\n \"field\": \"sbu\",\r\n \"header\": \"SBU\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 6,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 7,\r\n \"field\": \"industry\",\r\n \"header\": \"Industry\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 7,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 8,\r\n \"field\": \"volume_cy_lbs\",\r\n \"header\": \"Volume CY (lbs)\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 8,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 9,\r\n \"field\": \"volume_py_lbs\",\r\n \"header\": \"Volume PY (lbs)\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 9,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 10,\r\n \"field\": \"volume_cy_mts\",\r\n \"header\": \"Volume CY (mts)\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 10,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 11,\r\n \"field\": \"volume_py_mts\",\r\n \"header\": \"Volume PY (mts)\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 11,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 12,\r\n \"field\": \"volume_cy_kgs\",\r\n \"header\": \"Volume CY (kgs)\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 12,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 13,\r\n \"field\": \"volume_py_kgs\",\r\n \"header\": \"Volume PY (kgs)\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 13,\r\n \"isHyperlink\": false\r\n },\r\n ];\r\n this.getAllDistributorUser();\r\n }\r\n\r\n getAllDistributorUser() {\r\n this.form.controls['distributor_user_id'].enable();\r\n this.distributorUserData = [];\r\n this._service.getDistributorUsers().subscribe((res: any) => {\r\n if (res) {\r\n this.distributorUserData = res.distributorUsers;\r\n }\r\n });\r\n }\r\n\r\n getDistributorMapping() {\r\n\r\n }\r\n\r\n getAllDistributors() {\r\n this._service.getDistributors().subscribe((res: any) => {\r\n if (res) {\r\n this.distributorsData = res.distributors;\r\n }\r\n });\r\n }\r\n\r\n distributorUserChange() {\r\n if (this.form.value.distributor_user_id != '') {\r\n this.form.controls['distributor_id'].enable()\r\n }\r\n this.distributorsData = []\r\n this.selectedDistributorData = [];\r\n this.getAllDistributors();\r\n\r\n this._service.getDistributorsByUser(this.form.get('distributor_user_id').value).subscribe((res: any) => {\r\n if (res) {\r\n this.selectedDistributorData = res.distributors;\r\n this.form.controls['distributor_id'].setValue(this.selectedDistributorData)\r\n }\r\n });\r\n }\r\n\r\n submitData() {\r\n if (this.form.invalid) {\r\n return;\r\n }\r\n\r\n let distributor_user_id = this.form.get('distributor_user_id').value;\r\n let jsonObj = this.form.get('distributor_id').value;\r\n if (jsonObj) {\r\n jsonObj.map(e => {\r\n e.distributor_User_id = distributor_user_id;\r\n });\r\n }\r\n this._service.saveDistributorMapping(jsonObj).subscribe(res => {\r\n this.toastr.success(\"Distributor user mapped successfully\");\r\n this.form.reset();\r\n });\r\n }\r\n\r\n\r\n\r\n}\r\n","export default \".header-label {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n}\\r\\n.distr-add-btn {\\r\\n color: white;\\r\\n background-color: #0096d6;\\r\\n margin:0px 10px;\\r\\n border-radius: 5px;\\r\\n float: right;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9hZG1pbi9kaXN0cmlidXRvci9kaXN0cmlidXRvci1ncmlkL2Rpc3RyaWJ1dG9yLWdyaWQuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLGVBQWU7SUFDZixnQkFBZ0I7QUFDcEI7QUFDQTtJQUNJLFlBQVk7SUFDWix5QkFBeUI7SUFDekIsZUFBZTtJQUNmLGtCQUFrQjtJQUNsQixZQUFZO0FBQ2hCIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9hZG1pbi9kaXN0cmlidXRvci9kaXN0cmlidXRvci1ncmlkL2Rpc3RyaWJ1dG9yLWdyaWQuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5oZWFkZXItbGFiZWwge1xyXG4gICAgZm9udC1zaXplOiAyMHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcclxufVxyXG4uZGlzdHItYWRkLWJ0biB7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA5NmQ2O1xyXG4gICAgbWFyZ2luOjBweCAxMHB4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xyXG4gICAgZmxvYXQ6IHJpZ2h0O1xyXG59Il19 */\"","import { Component, Input, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { CupsService } from 'src/services/cups.service';\r\n\r\n@Component({\r\n selector: 'app-distributor-grid',\r\n templateUrl: './distributor-grid.component.html',\r\n styleUrls: ['./distributor-grid.component.css']\r\n})\r\nexport class DistributorGridComponent implements OnInit {\r\n userId:any;\r\n isdistributor:any;\r\n apiResp: any;\r\n sortedCols:any;\r\n distributorGridData: any;\r\n selectedCols: any;\r\n cols: any;\r\n showForm = false;\r\n showView = false;\r\n selectedRow = {};\r\n formType = \"\";\r\n @Input() businessUnit: any;\r\n constructor(private router: Router, private spinner: NgxSpinnerService, private toastr: ToastrService, private _service: CupsService) { }\r\n\r\n ngOnInit() {\r\n this.showForm = false;\r\n this.getSessionValues()\r\n this.getDistributorGrid();\r\n\r\n }\r\n getSessionValues(){\r\n this.userId = sessionStorage.getItem('userid');\r\n this.isdistributor=sessionStorage.getItem('isDistributor');\r\n }\r\n\r\n getDistributorGrid() {\r\n this._service.getDistributorsGridData(this.businessUnit,this.userId,this.isdistributor).subscribe(response => {\r\n this.showForm = false;\r\n if (!response['isError']) {\r\n this.apiResp = response;\r\n if (this.businessUnit != 1 && this.businessUnit !=4) {\r\n this.apiResp.headerColumns = this.apiResp.headerColumns.filter(h => h.field != 'distributor_state');\r\n }\r\n this.cols = this.apiResp.headerColumns.filter(h => h.is_grid_display);\r\n this.sortedCols = JSON.parse(JSON.stringify(this.cols.filter(x=>x.is_show)));\r\n this.sortedCols = this.sortedCols.sort((a, b) => {\r\n return a.header > b.header ? 1 : -1;\r\n });\r\n this.selectedCols = this.apiResp.headerColumns.filter(h => h.is_grid_display && h.is_show && h.is_user_visible);\r\n this.distributorGridData = this.apiResp.distributorData;\r\n } else {\r\n this._service.displayToastr(response);\r\n }\r\n })\r\n }\r\n\r\n onChangeDDValue() {\r\n this.sortColumns();\r\n }\r\n updateUserColumns(){\r\n this._service.updateUserGridCols(this.selectedCols,this.userId,this.isdistributor).subscribe((response:any)=>{\r\n this._service.displayToastr(response);\r\n });\r\n }\r\n\r\n sortColumns() {\r\n this.selectedCols = this.selectedCols.sort((a, b) => {\r\n return a.serial_no - b.serial_no;\r\n })\r\n }\r\n\r\n addNewDistributor() {\r\n this.showForm = true;\r\n this.formType = 'New';\r\n }\r\n\r\n refreshDistributors(eventvalue) {\r\n if(eventvalue) {\r\n this.getDistributorGrid();\r\n } else {\r\n this.showForm = false;\r\n }\r\n }\r\n\r\n onSelectRow(rowObject) {\r\n if (rowObject.type == 'view') {\r\n this.showView = true;\r\n } else {\r\n this.showForm = true; \r\n this.formType = 'Edit'; \r\n }\r\n this.selectedRow = rowObject['rowData'];\r\n }\r\n\r\n backToGrid(_event: any) {\r\n this.showForm = false;\r\n this.showView = false;\r\n }\r\n\r\n}\r\n","export default \".header-label {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n}\\r\\n.cust-form-label {\\r\\n font-size: 14px !important;\\r\\n margin-bottom: 0px !important;\\r\\n display: block;\\r\\n}\\r\\n.cancel-btn {\\r\\n width: 150px;\\r\\n color: white;\\r\\n background-color: #4f4f4f;\\r\\n margin:10px;\\r\\n border-radius: 5px;\\r\\n}\\r\\n.submit-btn {\\r\\n width: 150px;\\r\\n color: white;\\r\\n background-color: #0096d6;\\r\\n margin:10px;\\r\\n border-radius: 5px;\\r\\n}\\r\\nsmall {\\r\\n font-weight: 600 !important;\\r\\n}\\r\\n.cust-form-group {\\r\\n justify-content: end;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n}\\r\\n#distributorRequestForm .ui-dropdown , #distributorRequestForm .ui-multiselect{\\r\\n width: 100% !important;\\r\\n border: 1px solid black !important;\\r\\n}\\r\\n#distributorRequestForm .add-user-btn {\\r\\n width: 200px;\\r\\n color: white;\\r\\n background-color: #0096d6;\\r\\n margin:10px;\\r\\n border-radius: 5px;\\r\\n}\\r\\n#distributorRequestForm .ui-table .ui-table-thead>tr>th {\\r\\n background-color: #4f4f4f;\\r\\n color:white;\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n padding: 3px;\\r\\n text-align: center;\\r\\n border: 1px solid #e1f0ff;\\r\\n}\\r\\n#distributorRequestForm .ui-table .ui-table-thead>tr>th>div {\\r\\n word-break: break-all;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n}\\r\\n#distributorRequestForm .ui-table .ui-table-tbody>tr>td {\\r\\n font-size: 14px;\\r\\n word-break: break-all;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n padding: 0 10px;\\r\\n color: black;\\r\\n font-weight: 500;\\r\\n border: none !important;\\r\\n border-right: 1px solid #4f4f4f !important;\\r\\n text-overflow: ellipsis;\\r\\n vertical-align: top !important;\\r\\n}\\r\\n#distributorRequestForm .edit-column {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n right: 0px !important;\\r\\n}\\r\\n#distributorRequestForm .checkbox-column {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n left: 0px !important;\\r\\n}\\r\\n#distributorRequestForm .ui-paginator {\\r\\n margin-top: 10px !important;\\r\\n background-color: white !important;\\r\\n border: none !important;\\r\\n float: right !important;\\r\\n}\\r\\n#distributorRequestForm .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {\\r\\n background-color: #0096d6 !important;\\r\\n color: white !important;\\r\\n}\\r\\n#distributorRequestForm .ui-multiselect .ui-multiselect-panel {\\r\\n right: 0px !important;\\r\\n}\\r\\n#distributorRequestForm .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {\\r\\n color: black !important;\\r\\n background-color: white !important;\\r\\n}\\r\\n#distributorRequestForm .ui-chkbox .ui-chkbox-box.ui-state-active {\\r\\n border-color: #0096d6 !important;\\r\\n background-color: #0096d6 !important;\\r\\n color: #ffffff !important;\\r\\n}\\r\\n#distributorRequestForm .ui-table table {\\r\\n width: 100% !important;\\r\\n}\\r\\n#distributorRequestForm .ui-table {\\r\\n max-height: 700px !important;\\r\\n}\\r\\n#distributorRequestForm .ui-table-scrollable-header, .ui-table-scrollable-footer {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n background-color: white;\\r\\n z-index: 9999;\\r\\n}\\r\\n#distributorRequestForm .ui-table-scrollable-header-box {\\r\\n margin-right: 60px !important;\\r\\n}\\r\\n#distributorRequestForm .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 280px) !important;\\r\\n}\\r\\n#distributorRequestForm .excelIcon {\\r\\n font-size: 1.5em;\\r\\n cursor: pointer;\\r\\n background-color: #0096d6;\\r\\n color: white;\\r\\n border-radius: 5px;\\r\\n padding: 6px;\\r\\n margin-left: 10px;\\r\\n top: -7px;\\r\\n position: relative;\\r\\n}\\r\\n#distributorRequestForm .ui-chips > ul.ui-inputtext {\\r\\n width: 100% !important;\\r\\n}\\r\\n#distributorRequestForm .ui-chips > ul.ui-inputtext .ui-chips-input-token input {\\r\\n width: 100% !important;\\r\\n}\\r\\n.addIcon {\\r\\n font-size: 1.5em;\\r\\n cursor: pointer;\\r\\n background-color: #0096d6;\\r\\n color: white;\\r\\n border-radius: 5px;\\r\\n padding: 3px; \\r\\n margin-left: 6px;\\r\\n margin-top: 4px;\\r\\n}\\r\\n#distributorRequestForm table>tr>th {\\r\\n background-color: #4f4f4f;\\r\\n color:white;\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n padding: 3px;\\r\\n text-align: center;\\r\\n border: 1px solid #e1f0ff;\\r\\n}\\r\\n#distributorRequestForm table>tr>th>div {\\r\\n word-break: break-all;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n}\\r\\n#distributorRequestForm .table>tr>td {\\r\\n font-size: 14px;\\r\\n word-break: break-all;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n padding: 0 10px;\\r\\n color: black;\\r\\n font-weight: 500;\\r\\n border: none !important;\\r\\n border-right: 1px solid #4f4f4f !important;\\r\\n text-overflow: ellipsis;\\r\\n vertical-align: top !important;\\r\\n}\\r\\n@media screen and (min-width: 1000px) {\\r\\n #distributorRequestForm .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 370px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:140px !important;\\r\\n }\\r\\n }\\r\\n@media screen and (min-width: 1052px) {\\r\\n #distributorRequestForm .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 320px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:110px !important;\\r\\n }\\r\\n }\\r\\n@media screen and (min-width: 1407px) {\\r\\n #distributorRequestForm .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 300px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:80px !important;\\r\\n }\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9hZG1pbi9kaXN0cmlidXRvci9kaXN0cmlidXRvci1yZXF1ZXN0L2Rpc3RyaWJ1dG9yLXJlcXVlc3QuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLGVBQWU7SUFDZixnQkFBZ0I7QUFDcEI7QUFDQTtJQUNJLDBCQUEwQjtJQUMxQiw2QkFBNkI7SUFDN0IsY0FBYztBQUNsQjtBQUNBO0lBQ0ksWUFBWTtJQUNaLFlBQVk7SUFDWix5QkFBeUI7SUFDekIsV0FBVztJQUNYLGtCQUFrQjtBQUN0QjtBQUNBO0lBQ0ksWUFBWTtJQUNaLFlBQVk7SUFDWix5QkFBeUI7SUFDekIsV0FBVztJQUNYLGtCQUFrQjtBQUN0QjtBQUNBO0lBQ0ksMkJBQTJCO0FBQy9CO0FBQ0E7SUFDSSxvQkFBb0I7SUFDcEIsYUFBYTtJQUNiLHNCQUFzQjtBQUMxQjtBQUNBO0lBQ0ksc0JBQXNCO0lBQ3RCLGtDQUFrQztBQUN0QztBQUNBO0lBQ0ksWUFBWTtJQUNaLFlBQVk7SUFDWix5QkFBeUI7SUFDekIsV0FBVztJQUNYLGtCQUFrQjtBQUN0QjtBQUNBO0lBQ0kseUJBQXlCO0lBQ3pCLFdBQVc7SUFDWCxlQUFlO0lBQ2YsZ0JBQWdCO0lBQ2hCLFlBQVk7SUFDWixrQkFBa0I7SUFDbEIseUJBQXlCO0FBQzdCO0FBRUE7SUFDSSxxQkFBcUI7SUFDckIsbUJBQW1CO0lBQ25CLGdCQUFnQjtJQUNoQix1QkFBdUI7QUFDM0I7QUFDQTtJQUNJLGVBQWU7SUFDZixxQkFBcUI7SUFDckIsbUJBQW1CO0lBQ25CLGdCQUFnQjtJQUNoQixlQUFlO0lBQ2YsWUFBWTtJQUNaLGdCQUFnQjtJQUNoQix1QkFBdUI7SUFDdkIsMENBQTBDO0lBQzFDLHVCQUF1QjtJQUN2Qiw4QkFBOEI7QUFDbEM7QUFDQTtJQUNJLHdCQUFnQjtJQUFoQixnQkFBZ0I7SUFDaEIscUJBQXFCO0FBQ3pCO0FBQ0E7SUFDSSx3QkFBZ0I7SUFBaEIsZ0JBQWdCO0lBQ2hCLG9CQUFvQjtBQUN4QjtBQUNBO0lBQ0ksMkJBQTJCO0lBQzNCLGtDQUFrQztJQUNsQyx1QkFBdUI7SUFDdkIsdUJBQXVCO0FBQzNCO0FBQ0E7SUFDSSxvQ0FBb0M7SUFDcEMsdUJBQXVCO0FBQzNCO0FBQ0E7SUFDSSxxQkFBcUI7QUFDekI7QUFDQTtJQUNJLHVCQUF1QjtJQUN2QixrQ0FBa0M7QUFDdEM7QUFDQTtJQUNJLGdDQUFnQztJQUNoQyxvQ0FBb0M7SUFDcEMseUJBQXlCO0FBQzdCO0FBQ0E7SUFDSSxzQkFBc0I7QUFDMUI7QUFDQTtJQUNJLDRCQUE0QjtBQUNoQztBQUNBO0lBQ0ksd0JBQWdCO0lBQWhCLGdCQUFnQjtJQUNoQix1QkFBdUI7SUFDdkIsYUFBYTtBQUNqQjtBQUNBO0lBQ0ksNkJBQTZCO0FBQ2pDO0FBQ0E7SUFDSSwwQ0FBMEM7QUFDOUM7QUFFQTtJQUNJLGdCQUFnQjtJQUNoQixlQUFlO0lBQ2YseUJBQXlCO0lBQ3pCLFlBQVk7SUFDWixrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLGlCQUFpQjtJQUNqQixTQUFTO0lBQ1Qsa0JBQWtCO0FBQ3RCO0FBQ0E7SUFDSSxzQkFBc0I7QUFDMUI7QUFDQTtJQUNJLHNCQUFzQjtBQUMxQjtBQUVBO0lBQ0ksZ0JBQWdCO0lBQ2hCLGVBQWU7SUFDZix5QkFBeUI7SUFDekIsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQixZQUFZO0lBQ1osZ0JBQWdCO0lBQ2hCLGVBQWU7QUFDbkI7QUFFQTtJQUNJLHlCQUF5QjtJQUN6QixXQUFXO0lBQ1gsZUFBZTtJQUNmLGdCQUFnQjtJQUNoQixZQUFZO0lBQ1osa0JBQWtCO0lBQ2xCLHlCQUF5QjtBQUM3QjtBQUVBO0lBQ0kscUJBQXFCO0lBQ3JCLG1CQUFtQjtJQUNuQixnQkFBZ0I7SUFDaEIsdUJBQXVCO0FBQzNCO0FBQ0E7SUFDSSxlQUFlO0lBQ2YscUJBQXFCO0lBQ3JCLG1CQUFtQjtJQUNuQixnQkFBZ0I7SUFDaEIsZUFBZTtJQUNmLFlBQVk7SUFDWixnQkFBZ0I7SUFDaEIsdUJBQXVCO0lBQ3ZCLDBDQUEwQztJQUMxQyx1QkFBdUI7SUFDdkIsOEJBQThCO0FBQ2xDO0FBRUE7SUFDSTtRQUNJLDBDQUEwQztJQUM5QztJQUNBO1FBQ0ksMkJBQTJCO0lBQy9CO0VBQ0Y7QUFFQTtJQUNFO1FBQ0ksMENBQTBDO0lBQzlDO0lBQ0E7UUFDSSwyQkFBMkI7SUFDL0I7RUFDRjtBQUNBO0lBQ0U7UUFDSSwwQ0FBMEM7SUFDOUM7SUFDQTtRQUNJLDBCQUEwQjtJQUM5QjtBQUNKIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9hZG1pbi9kaXN0cmlidXRvci9kaXN0cmlidXRvci1yZXF1ZXN0L2Rpc3RyaWJ1dG9yLXJlcXVlc3QuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5oZWFkZXItbGFiZWwge1xyXG4gICAgZm9udC1zaXplOiAyMHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcclxufVxyXG4uY3VzdC1mb3JtLWxhYmVsIHtcclxuICAgIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxufVxyXG4uY2FuY2VsLWJ0biB7XHJcbiAgICB3aWR0aDogMTUwcHg7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNGY0ZjRmO1xyXG4gICAgbWFyZ2luOjEwcHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbn1cclxuLnN1Ym1pdC1idG4ge1xyXG4gICAgd2lkdGg6IDE1MHB4O1xyXG4gICAgY29sb3I6IHdoaXRlO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNjtcclxuICAgIG1hcmdpbjoxMHB4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xyXG59XHJcbnNtYWxsIHtcclxuICAgIGZvbnQtd2VpZ2h0OiA2MDAgIWltcG9ydGFudDtcclxufVxyXG4uY3VzdC1mb3JtLWdyb3VwIHtcclxuICAgIGp1c3RpZnktY29udGVudDogZW5kO1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbn1cclxuI2Rpc3RyaWJ1dG9yUmVxdWVzdEZvcm0gLnVpLWRyb3Bkb3duICwgI2Rpc3RyaWJ1dG9yUmVxdWVzdEZvcm0gLnVpLW11bHRpc2VsZWN0e1xyXG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrICFpbXBvcnRhbnQ7XHJcbn1cclxuI2Rpc3RyaWJ1dG9yUmVxdWVzdEZvcm0gLmFkZC11c2VyLWJ0biB7XHJcbiAgICB3aWR0aDogMjAwcHg7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA5NmQ2O1xyXG4gICAgbWFyZ2luOjEwcHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbn1cclxuI2Rpc3RyaWJ1dG9yUmVxdWVzdEZvcm0gLnVpLXRhYmxlIC51aS10YWJsZS10aGVhZD50cj50aCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNGY0ZjRmO1xyXG4gICAgY29sb3I6d2hpdGU7XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBmb250LXdlaWdodDogNjAwO1xyXG4gICAgcGFkZGluZzogM3B4O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgI2UxZjBmZjtcclxufVxyXG5cclxuI2Rpc3RyaWJ1dG9yUmVxdWVzdEZvcm0gLnVpLXRhYmxlIC51aS10YWJsZS10aGVhZD50cj50aD5kaXYge1xyXG4gICAgd29yZC1icmVhazogYnJlYWstYWxsO1xyXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcclxuICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcclxufVxyXG4jZGlzdHJpYnV0b3JSZXF1ZXN0Rm9ybSAudWktdGFibGUgLnVpLXRhYmxlLXRib2R5PnRyPnRkIHtcclxuICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgIHdvcmQtYnJlYWs6IGJyZWFrLWFsbDtcclxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XHJcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgcGFkZGluZzogMCAxMHB4O1xyXG4gICAgY29sb3I6IGJsYWNrO1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICAgIGJvcmRlcjogbm9uZSAhaW1wb3J0YW50O1xyXG4gICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgIzRmNGY0ZiAhaW1wb3J0YW50O1xyXG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XHJcbiAgICB2ZXJ0aWNhbC1hbGlnbjogdG9wICFpbXBvcnRhbnQ7XHJcbn1cclxuI2Rpc3RyaWJ1dG9yUmVxdWVzdEZvcm0gLmVkaXQtY29sdW1uIHtcclxuICAgIHBvc2l0aW9uOiBzdGlja3k7XHJcbiAgICByaWdodDogMHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuI2Rpc3RyaWJ1dG9yUmVxdWVzdEZvcm0gLmNoZWNrYm94LWNvbHVtbiB7XHJcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xyXG4gICAgbGVmdDogMHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuI2Rpc3RyaWJ1dG9yUmVxdWVzdEZvcm0gLnVpLXBhZ2luYXRvciB7XHJcbiAgICBtYXJnaW4tdG9wOiAxMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xyXG4gICAgYm9yZGVyOiBub25lICFpbXBvcnRhbnQ7XHJcbiAgICBmbG9hdDogcmlnaHQgIWltcG9ydGFudDtcclxufVxyXG4jZGlzdHJpYnV0b3JSZXF1ZXN0Rm9ybSAudWktcGFnaW5hdG9yIC51aS1wYWdpbmF0b3ItcGFnZXMgLnVpLXBhZ2luYXRvci1wYWdlLnVpLXN0YXRlLWFjdGl2ZSB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA5NmQ2ICFpbXBvcnRhbnQ7XHJcbiAgICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcclxufVxyXG4jZGlzdHJpYnV0b3JSZXF1ZXN0Rm9ybSAudWktbXVsdGlzZWxlY3QgLnVpLW11bHRpc2VsZWN0LXBhbmVsIHtcclxuICAgIHJpZ2h0OiAwcHggIWltcG9ydGFudDtcclxufVxyXG4jZGlzdHJpYnV0b3JSZXF1ZXN0Rm9ybSAudWktbXVsdGlzZWxlY3QtcGFuZWwgLnVpLW11bHRpc2VsZWN0LWl0ZW1zIC51aS1tdWx0aXNlbGVjdC1pdGVtLnVpLXN0YXRlLWhpZ2hsaWdodCB7XHJcbiAgICBjb2xvcjogYmxhY2sgIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XHJcbn1cclxuI2Rpc3RyaWJ1dG9yUmVxdWVzdEZvcm0gLnVpLWNoa2JveCAudWktY2hrYm94LWJveC51aS1zdGF0ZS1hY3RpdmUge1xyXG4gICAgYm9yZGVyLWNvbG9yOiAjMDA5NmQ2ICFpbXBvcnRhbnQ7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA5NmQ2ICFpbXBvcnRhbnQ7XHJcbiAgICBjb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xyXG59XHJcbiNkaXN0cmlidXRvclJlcXVlc3RGb3JtIC51aS10YWJsZSB0YWJsZSB7XHJcbiAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xyXG59XHJcbiNkaXN0cmlidXRvclJlcXVlc3RGb3JtIC51aS10YWJsZSB7XHJcbiAgICBtYXgtaGVpZ2h0OiA3MDBweCAhaW1wb3J0YW50O1xyXG59XHJcbiNkaXN0cmlidXRvclJlcXVlc3RGb3JtIC51aS10YWJsZS1zY3JvbGxhYmxlLWhlYWRlciwgLnVpLXRhYmxlLXNjcm9sbGFibGUtZm9vdGVyIHtcclxuICAgIHBvc2l0aW9uOiBzdGlja3k7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuICAgIHotaW5kZXg6IDk5OTk7XHJcbn1cclxuI2Rpc3RyaWJ1dG9yUmVxdWVzdEZvcm0gLnVpLXRhYmxlLXNjcm9sbGFibGUtaGVhZGVyLWJveCB7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IDYwcHggIWltcG9ydGFudDtcclxufVxyXG4jZGlzdHJpYnV0b3JSZXF1ZXN0Rm9ybSAudWktdGFibGUtc2Nyb2xsYWJsZS1ib2R5IHtcclxuICAgIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSAyODBweCkgIWltcG9ydGFudDtcclxufVxyXG5cclxuI2Rpc3RyaWJ1dG9yUmVxdWVzdEZvcm0gLmV4Y2VsSWNvbiB7XHJcbiAgICBmb250LXNpemU6IDEuNWVtO1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNjtcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcclxuICAgIHBhZGRpbmc6IDZweDtcclxuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xyXG4gICAgdG9wOiAtN3B4O1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG59XHJcbiNkaXN0cmlidXRvclJlcXVlc3RGb3JtICAudWktY2hpcHMgPiB1bC51aS1pbnB1dHRleHQge1xyXG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcclxufVxyXG4jZGlzdHJpYnV0b3JSZXF1ZXN0Rm9ybSAudWktY2hpcHMgPiB1bC51aS1pbnB1dHRleHQgLnVpLWNoaXBzLWlucHV0LXRva2VuIGlucHV0IHtcclxuICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5hZGRJY29uIHtcclxuICAgIGZvbnQtc2l6ZTogMS41ZW07XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA5NmQ2O1xyXG4gICAgY29sb3I6IHdoaXRlO1xyXG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xyXG4gICAgcGFkZGluZzogM3B4OyAgICBcclxuICAgIG1hcmdpbi1sZWZ0OiA2cHg7XHJcbiAgICBtYXJnaW4tdG9wOiA0cHg7XHJcbn1cclxuXHJcbiNkaXN0cmlidXRvclJlcXVlc3RGb3JtIHRhYmxlPnRyPnRoIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICM0ZjRmNGY7XHJcbiAgICBjb2xvcjp3aGl0ZTtcclxuICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XHJcbiAgICBwYWRkaW5nOiAzcHg7XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZTFmMGZmO1xyXG59XHJcblxyXG4jZGlzdHJpYnV0b3JSZXF1ZXN0Rm9ybSB0YWJsZT50cj50aD5kaXYge1xyXG4gICAgd29yZC1icmVhazogYnJlYWstYWxsO1xyXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcclxuICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcclxufVxyXG4jZGlzdHJpYnV0b3JSZXF1ZXN0Rm9ybSAudGFibGU+dHI+dGQge1xyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgd29yZC1icmVhazogYnJlYWstYWxsO1xyXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcclxuICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICBwYWRkaW5nOiAwIDEwcHg7XHJcbiAgICBjb2xvcjogYmxhY2s7XHJcbiAgICBmb250LXdlaWdodDogNTAwO1xyXG4gICAgYm9yZGVyOiBub25lICFpbXBvcnRhbnQ7XHJcbiAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjNGY0ZjRmICFpbXBvcnRhbnQ7XHJcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcclxuICAgIHZlcnRpY2FsLWFsaWduOiB0b3AgIWltcG9ydGFudDtcclxufVxyXG5cclxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwMHB4KSB7XHJcbiAgICAjZGlzdHJpYnV0b3JSZXF1ZXN0Rm9ybSAudWktdGFibGUtc2Nyb2xsYWJsZS1ib2R5IHtcclxuICAgICAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMzcwcHgpICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAuY2Yge1xyXG4gICAgICAgIG1hcmdpbi10b3A6MTQwcHggIWltcG9ydGFudDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwNTJweCkge1xyXG4gICAgI2Rpc3RyaWJ1dG9yUmVxdWVzdEZvcm0gLnVpLXRhYmxlLXNjcm9sbGFibGUtYm9keSB7XHJcbiAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtIDMyMHB4KSAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gICAgLmNmIHtcclxuICAgICAgICBtYXJnaW4tdG9wOjExMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgfVxyXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDE0MDdweCkge1xyXG4gICAgI2Rpc3RyaWJ1dG9yUmVxdWVzdEZvcm0gLnVpLXRhYmxlLXNjcm9sbGFibGUtYm9keSB7XHJcbiAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtIDMwMHB4KSAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gICAgLmNmIHtcclxuICAgICAgICBtYXJnaW4tdG9wOjgwcHggIWltcG9ydGFudDtcclxuICAgIH1cclxufSJdfQ== */\"","import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { CupsService } from 'src/services/cups.service';\r\n\r\n\r\nexport class AccountManagers {\r\n public salesRepUserId: number;\r\n public salesRep: string;\r\n public salesRepEmail: string;\r\n public industry_id?: number;\r\n public region_id?: number;\r\n}\r\n\r\n@Component({\r\n selector: 'app-distributor-request',\r\n templateUrl: './distributor-request.component.html',\r\n styleUrls: ['./distributor-request.component.css'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\n\r\nexport class DistributorRequestComponent implements OnInit {\r\n @Input() recieveFormData: any;\r\n @Input() formType: any;\r\n @Input() businessUnit: any;\r\n @Output() reLoadGrid = new EventEmitter();\r\n selectedOrganisation: any;\r\n organisationDD: any;\r\n accountManagers: AccountManagers[] = [];\r\n formData = {};\r\n distributionChannelDD: any;\r\n distributionRegionDD: any;\r\n selectedDistribution: any;\r\n sbuDD: any;\r\n selectedSBUS: any;\r\n selectedDistributorRegions = [];\r\n shipTo: any;\r\n tempShipTo = [];\r\n selectedShip: any;\r\n productsDD: any;\r\n selectedProducts: any;\r\n industriesDD: any;\r\n selectedIndustries = [];\r\n masterAPIResp: any;\r\n usersData = [];\r\n orgUsersData = [];\r\n userHeaderCols: any;\r\n defaultWidth = '100%';\r\n businessUnitName = \"\";\r\n selectedSalesRep: any;\r\n salesRepDD: any;\r\n countryDD: any;\r\n selectedCountry: any;\r\n displayAddShipTo: boolean = false;\r\n shipToName = \"\";\r\n shipToId = \"\";\r\n shipToCity = \"\";\r\n shipToAddress = \"\";\r\n displayShipToView: boolean = true;\r\n accountManagersDD: any;\r\n salesManagersDD: any;\r\n tempAccountManagersDD = [];\r\n apiRespUsers: any;\r\n countryName = \"\";\r\n apiResp: any;\r\n productsData: any;\r\n shipToData: any;\r\n sbuData: any;\r\n usersDataResp: any;\r\n salesRepData: any;\r\n formMode = \"\";\r\n distributorData: any;\r\n dupAccountManagers = {\r\n manager: []\r\n }\r\n dist_contact_price_support_email: string[];\r\n dist_product_manager_email: string[];\r\n pricingAdminEmail: string[];\r\n adminAndPricingSupportMappings: any;\r\n requestApi = {\r\n \"distributor_id\": 0,\r\n \"distributor_name\": \"\",\r\n \"distributor_mailing_address\": \"\",\r\n \"distributor_city\": \"\",\r\n \"distributor_state\": \"\",\r\n \"distributor_zipcode\": \"\",\r\n \"distributor_business_unit\": 1,\r\n \"distributor_region\": 1,\r\n \"distributor_country\": 0,\r\n \"is_active\": true,\r\n \"created_by\": 0,\r\n \"basf_payer\": \"\",\r\n \"pricing_Admin_First_Name\": \"\",\r\n \"pricing_Admin_Last_Name\": \"\",\r\n \"pricing_Admin_Email\": \"\",\r\n \"sales_org\": 0,\r\n \"distribution_channel\": 0,\r\n \"sbu\": [],\r\n \"account\": [],\r\n \"sold_to\": {},\r\n //\"industry\": \"\",\r\n //\"basf_sales_account_email\": \"\",\r\n //\"product_id\": \"\",\r\n \"products\": [],\r\n //\"basf_sale_account_user_id\": \"\",\r\n \"distributor_contact_for_price_support_first_name\": \"\",\r\n \"distributor_contact_for_price_support_last_name\": \"\",\r\n \"distributor_contact_for_price_support_email\": \"\",\r\n //\"distributor_businessunit_mapping_id\": 0,\r\n \"distributor_email\": \"abc@123.com\",\r\n \"salesReps\": [],\r\n \"userDetails\": [],\r\n //\"salesAccountEmails\":[],\r\n \"salesSupport\": [],\r\n \"adminAndPricingSupportMappings\": [],\r\n \"industries\": []\r\n }\r\n\r\n salesRep = [\r\n {\r\n \"distributor_sales_rep_mapping_id\": 0,\r\n \"distributor_id\": 0,\r\n \"user_id\": 4,\r\n \"industry_id\": 161\r\n }\r\n ];\r\n\r\n salesAcct = [\r\n {\r\n \"sales_rep_email_id\": 0,\r\n \"sales_rep_name\": \"salesRep1\",\r\n \"sales_rep_email\": \"salesRep1@fre.com\"\r\n }\r\n ];\r\n accountManagerDUP = [];\r\n selectedSalesSupport: any[] = [];\r\n selectedSalesSupportbyBU: any[] = [];\r\n salesSupportUsers: any;\r\n displaySalesSupportUsers: any;\r\n pricingAdminEmailbyInd: any[] = [];\r\n dist_product_manager_emailbyInd: any[] = [];\r\n distributor_user_id = 0;\r\n customersDD: any;\r\n selectedCustomers: any = [];\r\n customerData: any;\r\n\r\n constructor(private _service: CupsService, private spinner: NgxSpinnerService, private toastr: ToastrService, private router: Router) { }\r\n\r\n ngOnInit() {\r\n this.spinner.show();\r\n switch (this.businessUnit) {\r\n case 1: this.businessUnitName = 'EM'; break;\r\n case 2: this.businessUnitName = 'EV'; break;\r\n case 3: this.businessUnitName = 'PM'; break;\r\n case 4: this.businessUnitName = 'ED'; break;\r\n default: this.businessUnitName = 'EM'; break;\r\n }\r\n this.userHeaderCols = [\r\n { field: 'first_name', header: 'First Name', is_show: true, width: this.defaultWidth, is_edit: true, serialNo: 2, placeholder: 'Enter your first_name' },\r\n { field: 'last_name', header: 'Last Name', is_show: true, width: this.defaultWidth, is_edit: false, serialNo: 3, placeholder: 'Enter your last_name' },\r\n { field: 'email', header: 'Email Address', is_show: true, width: this.defaultWidth, is_edit: true, serialNo: 5, placeholder: 'Enter your Email Address' }\r\n ]\r\n this._service.getDistributorDropdownData(this.businessUnit).subscribe(response => {\r\n if (!response['isError']) {\r\n this.masterAPIResp = response;\r\n this.formMode = \"New\";\r\n this.customersDD = this.getUniqueListBy(this.masterAPIResp.customerData, 'customer_name');\r\n this.getSalesOrganisations();\r\n this.getCountriesDropdwon();\r\n this.getDistributorChannels();\r\n this.getDistributorRegions();\r\n this.getSBUS();\r\n this.getProductsDropdown();\r\n this.getIndustriedDropdown();\r\n this.getSalesRep();\r\n } else {\r\n this.spinner.hide();\r\n this._service.displayToastr(response);\r\n }\r\n })\r\n }\r\n\r\n getUniqueListBy(arr, key) {\r\n return [...new Map(arr.map(item => [item[key], item])).values()]\r\n }\r\n\r\n getEditFormData() {\r\n if (this.recieveFormData && this.formType === 'Edit') {\r\n this._service.getDistributorDetails(this.recieveFormData['distributor_id']).subscribe(response1 => {\r\n if (!response1['isError']) {\r\n this.spinner.hide();\r\n this.apiResp = response1;\r\n this.formMode = \"Edit\";\r\n this.distributorData = this.apiResp['distributorData'][0];\r\n this.productsData = this.apiResp['distributorProductsMappingData'];\r\n this.shipToData = this.apiResp['distributorShipToData'];\r\n this.sbuData = this.apiResp['distributorSbuData'];\r\n this.customerData = this.apiResp['customersData'];\r\n this.adminAndPricingSupportMappings = this.apiResp['adminAndPricingSupportMappings'];\r\n this.salesSupportUsers = this.apiResp['distributorSalesSupport'];\r\n this.usersData = this.apiResp['distributorUserDetailsData'].filter(u => u.email != this.formData['distributor_contact_for_price_support_email'] && u.email != this.formData['pricing_Admin_Email']);\r\n this.usersData.forEach((u, index) => {\r\n u.index = index;\r\n })\r\n this.orgUsersData = JSON.parse(JSON.stringify(this.usersData));\r\n this.salesRepData = this.apiResp['salesRepEmailData'];\r\n this.generateFormData();\r\n } else {\r\n this.spinner.hide();\r\n this._service.displayToastr(response1);\r\n }\r\n });\r\n }\r\n }\r\n\r\n getSalesOrganisations() {\r\n this.organisationDD = this.masterAPIResp.requestMaster.filter(rm => rm.master_name === 'SalesOrg');\r\n }\r\n\r\n getDistributorChannels() {\r\n this.distributionChannelDD = this.masterAPIResp.requestMaster.filter(rm => rm.master_name === 'DistributorChannel');\r\n }\r\n\r\n getDistributorRegions() {\r\n this.distributionRegionDD = this.masterAPIResp.requestMaster.filter(rm => rm.master_name === 'DistributorRegion');\r\n }\r\n\r\n getSBUS() {\r\n this.sbuDD = this.masterAPIResp.requestMaster.filter(rm => rm.master_name === 'SBU');\r\n }\r\n\r\n getShipToDropdown() {\r\n this.shipTo = this.masterAPIResp.requestMaster.filter(rm => rm.master_name === 'ShipTo');\r\n }\r\n\r\n getProductsDropdown() {\r\n this.productsDD = this.masterAPIResp.products;\r\n }\r\n\r\n getIndustriedDropdown() {\r\n this.industriesDD = this.masterAPIResp.requestMaster.filter(rm => rm.master_name === 'Industry');\r\n }\r\n\r\n getCountriesDropdwon() {\r\n this.countryDD = this.masterAPIResp.countryMaster;\r\n }\r\n\r\n getSalesRep() {\r\n this.spinner.show();\r\n this._service.getBUInternalUsers(this.businessUnit).subscribe(response => {\r\n if (!response['isError']) {\r\n this.apiRespUsers = response['lstUsers'];\r\n this.accountManagersDD = this.apiRespUsers.filter(u => !u.is_distributor_user && u.is_active);\r\n this.salesManagersDD = JSON.parse(JSON.stringify(this.accountManagersDD));\r\n this.getEditFormData();\r\n this.spinner.hide();\r\n } else {\r\n this._service.displayToastr(response);\r\n }\r\n });\r\n }\r\n\r\n onSelectSalesSupportUsers(sbu) {\r\n let currSalesSupport = [];\r\n this.selectedSalesSupport = this.selectedSalesSupport.filter(item => item.sbuName != sbu.value)\r\n this.selectedSalesSupportbyBU[sbu.request_master_id].forEach(item => {\r\n currSalesSupport.push({\r\n basf_user_id: item.basf_user_id,\r\n email: item.email,\r\n user_id: item.user_id,\r\n master_key: sbu.master_key,\r\n sbuName: sbu.value,\r\n request_master_id: sbu.request_master_id\r\n });\r\n });\r\n this.selectedSalesSupport.push(...currSalesSupport);\r\n }\r\n\r\n onChangeDDValue(event, value) {\r\n if (event.itemValue) {\r\n this.appendValuestoAccountManager(event.itemValue.request_master_id);\r\n } else {\r\n if (event.value) {\r\n event.value.forEach(v => {\r\n this.appendValuestoAccountManager(v.request_master_id);\r\n })\r\n }\r\n }\r\n }\r\n\r\n onSBUPanelHidden() {\r\n let temp: any[] = [];\r\n let missingitem = [];\r\n this.sbuDD.forEach(x => {\r\n let found = this.selectedSBUS.find(y => y.value == x.value);\r\n if (found === undefined) {\r\n missingitem.push(x)\r\n }\r\n });\r\n for (let item of missingitem) {\r\n this.selectedSalesSupportbyBU[item.value] = [];\r\n }\r\n for (let item of this.selectedSBUS) {\r\n let filtered = this.selectedSalesSupport.filter(x => x.sbuName == item.value)\r\n temp.push(...filtered);\r\n }\r\n this.selectedSalesSupport = JSON.parse(JSON.stringify(temp));\r\n }\r\n\r\n onChangeSBUValue(_event2) {\r\n let tempProducts = [];\r\n if (this.selectedProducts.length > 0) {\r\n let selectedProducts = JSON.parse(JSON.stringify(this.selectedProducts));\r\n let tempSelectedProducts = [];\r\n this.selectedSBUS.forEach(sbu => {\r\n let filteredProducts = [];\r\n let filteredSelectedProducts = [];\r\n filteredProducts = this.masterAPIResp.products.filter(pd => pd.sbu === sbu.request_master_id);\r\n tempProducts.push(...filteredProducts);\r\n filteredSelectedProducts = selectedProducts.filter(sp => sp.sbu === sbu.request_master_id);\r\n tempSelectedProducts.push(...filteredSelectedProducts);\r\n })\r\n this.productsDD = JSON.parse(JSON.stringify(tempProducts.filter(p => p.country_Id === this.selectedCountry.country_id)));\r\n this.selectedProducts = JSON.parse(JSON.stringify(tempSelectedProducts));\r\n }\r\n }\r\n\r\n onIndustryPanelHidden() {\r\n let missingItems = [];\r\n for (let item of this.industriesDD) {\r\n let found = this.selectedIndustries.find(x => x.value == item.value);\r\n if (found == undefined || found == null) {\r\n missingItems.push(found);\r\n }\r\n }\r\n for (let item of missingItems) {\r\n this.pricingAdminEmailbyInd[item.request_master_id] = [];\r\n this.dist_product_manager_emailbyInd[item.request_master_id] = [];\r\n }\r\n }\r\n\r\n appendValuestoAccountManager(masterId) {\r\n let salesRepDetailsFound = this.businessUnitName == 'ED' ? this.accountManagers.some(am => am.region_id === masterId) : this.accountManagers.some(am => am.industry_id === masterId);\r\n if (!salesRepDetailsFound) {\r\n let am = {\r\n salesRepUserId: 0,\r\n salesRep: \"\",\r\n salesRepEmail: \"\",\r\n region_id: this.businessUnitName == 'ED' ? masterId : 0,\r\n industry_id: this.businessUnitName != 'ED' ? masterId : 0\r\n };\r\n this.accountManagers.push(am);\r\n } else {\r\n this.accountManagers = this.businessUnitName == 'ED' ? this.accountManagers.filter(am => am.region_id !== masterId) : this.accountManagers.filter(am => am.industry_id !== masterId);\r\n }\r\n let fManagers = [];\r\n this.accountManagers.forEach(a => {\r\n let fAccountManager1 = this.accountManagersDD.find(am1 => am1.user_id === a.salesRepUserId);\r\n if (fAccountManager1) {\r\n fManagers.push(fAccountManager1);\r\n }\r\n });\r\n if (fManagers.length) {\r\n this.dupAccountManagers['manager'] = JSON.parse(JSON.stringify(fManagers));\r\n }\r\n if (fManagers.length !== this.accountManagers.length) {\r\n this.dupAccountManagers['manager'].length = this.accountManagers.length;\r\n }\r\n }\r\n\r\n onAccountMangerSelection(_event, value, index) {\r\n this.accountManagers[index].salesRepUserId = value.user_id;\r\n this.accountManagers[index].salesRep = value.basf_user_id;\r\n this.accountManagers[index].salesRepEmail = value.email;\r\n }\r\n addNewUser() {\r\n let userObj = {\r\n index: Math.max(...this.usersData.map(o => o.index), 1) + 1,\r\n // userName: '',\r\n first_name: '',\r\n last_name: '',\r\n email: '',\r\n edit: true,\r\n newUser: true\r\n };\r\n let newUserSpace = this.usersData.find(user => user.newUser);\r\n if (newUserSpace) {\r\n this.toastr.warning(\"Please save the current new user\", \"Warning!\");\r\n return;\r\n }\r\n this.usersData.push(userObj);\r\n }\r\n\r\n removeUser(user) {\r\n this.usersData = this.usersData.filter(u => u.index === user.index);\r\n }\r\n\r\n cancelUserEdit(rowData) {\r\n if (this.orgUsersData.length > 0 && !rowData.newUser) {\r\n let fUser = this.orgUsersData.find(user => user.index === rowData.index);\r\n this.usersData.forEach(user => {\r\n if (user.index === fUser.index) {\r\n user.first_name = fUser.first_name;\r\n user.last_name = fUser.last_name;\r\n user.email = fUser.email;\r\n user.edit = false;\r\n user.newUser = fUser.newUser;\r\n }\r\n });\r\n } else {\r\n this.usersData = this.usersData.filter(user => user.index !== rowData.index);\r\n }\r\n }\r\n\r\n openAddShipTo() {\r\n this.displayAddShipTo = true;\r\n }\r\n\r\n closeAddShipTo() {\r\n this.displayAddShipTo = false;\r\n }\r\n\r\n addShipTo() {\r\n let shipToObj = {\r\n id: this.tempShipTo.length + 1,\r\n shipToName: this.shipToId,\r\n shipToId: this.shipToId,\r\n shipToCity: this.shipToCity,\r\n shipToFullName: `${this.shipToId}-${this.shipToName}-${this.shipToCity}`,\r\n shipToAddress: this.shipToAddress\r\n };\r\n let fTempShipTo = this.tempShipTo.find(ts => ts.shipToName == this.shipToName);\r\n if (!fTempShipTo) {\r\n this.tempShipTo.push(shipToObj);\r\n this.shipTo = JSON.parse(JSON.stringify(this.tempShipTo));\r\n this.shipToName = \"\";\r\n this.shipToId = '';\r\n this.shipToCity = '';\r\n this.shipToAddress = '';\r\n }\r\n this.displayAddShipTo = false;\r\n }\r\n\r\n removeShipTo() {\r\n this.displayShipToView = false;\r\n }\r\n\r\n filterShipTo() {\r\n this.displayShipToView = true;\r\n this.selectedShip.forEach(ss => {\r\n this.tempShipTo = this.tempShipTo.filter(st => st.id !== ss.id);\r\n });\r\n this.shipTo = JSON.parse(JSON.stringify(this.tempShipTo));\r\n }\r\n\r\n cancelRemoveShipTo() {\r\n this.displayShipToView = true;\r\n }\r\n\r\n saveUserData(rowData) {\r\n let fUser = this.orgUsersData.some(user => user.email === rowData.email);\r\n if ((fUser && rowData.newUser)) {\r\n this.toastr.error(`User with email: ${rowData.email} already exists`, 'Error!');\r\n return;\r\n }\r\n this.saveDistributorUsertoThreeIamCall(rowData);\r\n\r\n }\r\n\r\n getuserDetailsbyemailId(email) {\r\n this._service.getUserDetailsById(email).subscribe(response => {\r\n if (!response['isError']) {\r\n return 0;\r\n }\r\n else {\r\n this.apiResp = response['lstUsers'];\r\n return this.apiResp[0].user_id;\r\n }\r\n })\r\n }\r\n checkUserExists(email, rowData, refId) {\r\n this.spinner.show();\r\n this._service.getUserDetailsById(email).subscribe(response => {\r\n this.spinner.hide();\r\n if (!response['isError']) {\r\n this.apiResp = response['lstUsers'];\r\n if (this.apiResp.length && this.apiResp[0].businessunit_id == this.businessUnit) {\r\n this.distributor_user_id = this.apiResp[0].user_id;\r\n } else {\r\n this.distributor_user_id = 0;\r\n }\r\n\r\n this.usersData.forEach((user) => {\r\n if (user.index === rowData.index) {\r\n user.first_name = rowData.first_name;\r\n user.last_name = rowData.last_name;\r\n user.email = rowData.email;\r\n user.edit = false;\r\n user.newUser = false;\r\n user.user_id = this.distributor_user_id;\r\n user.created_by = Number(sessionStorage.getItem('userid'));\r\n user.refId = refId;\r\n }\r\n });\r\n this.orgUsersData = JSON.parse(JSON.stringify(this.usersData));\r\n console.log(this.orgUsersData);\r\n\r\n } else {\r\n this._service.displayToastr(response);\r\n }\r\n });\r\n }\r\n\r\n saveDistributor() {\r\n this.formData['pricingAdminEmail'] = (this.pricingAdminEmail != undefined && this.pricingAdminEmail.length > 0) ? this.pricingAdminEmail.join(\",\") : '';\r\n if (this.checkDistributorValidation()) {\r\n this.requestApi.distributor_name = this.formData['distributorName'];\r\n this.requestApi.distributor_city = this.formData['distributorCity'];\r\n this.requestApi.distributor_state = (this.businessUnitName === 'EM' || this.businessUnitName === 'ED') ? this.formData['distributorState'] : '';\r\n this.requestApi.sales_org = this.selectedOrganisation.request_master_id;\r\n this.requestApi.distributor_country = this.selectedCountry.country_id;\r\n this.requestApi.distribution_channel = this.selectedDistribution.request_master_id;\r\n this.requestApi.sbu = this.generateSBUObj();\r\n this.requestApi.account = this.generateCustomerbj();\r\n this.requestApi.sold_to = this.generateSoldToObj();\r\n this.requestApi.adminAndPricingSupportMappings = this.generateEmailsByindustryID_for_EM_ED();\r\n if (this.businessUnitName === 'EM' || this.businessUnitName === 'EV' || this.businessUnitName === 'ED') {\r\n this.generateEMEVRequestData();\r\n }\r\n else if (this.businessUnitName === 'PM') {\r\n this.generatePMRequestData();\r\n }\r\n this.requestApi.basf_payer = this.formData['basfPayer'];\r\n this.requestApi.pricing_Admin_First_Name = '';\r\n this.requestApi.pricing_Admin_Last_Name = '';\r\n this.requestApi.pricing_Admin_Email = this.formData['pricingAdminEmail'];\r\n this.requestApi.userDetails = this.generateUserDetails();\r\n this.requestApi.created_by = Number(sessionStorage.getItem('userid'));\r\n this.requestApi.distributor_business_unit = Number(this.businessUnit);\r\n if (this.formMode == 'Edit') {\r\n this.requestApi.distributor_id = this.distributorData['distributor_id'];\r\n }\r\n this.saveDistributorAPICall();\r\n }\r\n }\r\n\r\n saveDistributorAPICall() {\r\n this.spinner.show();\r\n this._service.submitDistributorData(this.requestApi).subscribe(response => { \r\n if (!response['isError']) {\r\n this._service.displayToastr(response);\r\n this.reLoadGrid.emit(true);\r\n this.spinner.hide();\r\n } else {\r\n this.spinner.hide();\r\n this._service.displayToastr(response);\r\n }\r\n })\r\n }\r\n\r\n saveDistributorUsertoThreeIamCall(rowData) {\r\n this.spinner.show();\r\n this._service.saveDistributorUsertoThreeIamCall(rowData).subscribe((response: any) => {\r\n if (!response['isError']) {\r\n this._service.displayToastr(response);\r\n this.spinner.hide();\r\n this.checkUserExists(rowData.email, rowData, response['response'].refId);\r\n } else {\r\n this.spinner.hide();\r\n this._service.displayToastr(response);\r\n }\r\n })\r\n }\r\n generateEMEVRequestData() {\r\n this.requestApi.products = this.generateProductsObj();\r\n if (this.businessUnitName == 'ED') {\r\n this.requestApi.industries = this.generateIndustriesObj();\r\n this.requestApi.salesReps = this.generateEDSalesRepObj();\r\n } else {\r\n this.requestApi.salesReps = this.generateSalesRepObj();\r\n }\r\n this.formData['dist_contact_price_support_email'] = (this.dist_contact_price_support_email != undefined && this.dist_contact_price_support_email.length > 0) ? this.dist_contact_price_support_email.join(\",\") : '';\r\n this.requestApi.distributor_contact_for_price_support_first_name = '';\r\n this.requestApi.distributor_contact_for_price_support_last_name = '';\r\n this.requestApi.distributor_contact_for_price_support_email = this.formData['dist_contact_price_support_email'];\r\n if (this.businessUnit == 1 || this.businessUnit == 4) {\r\n this.requestApi.salesSupport = this.generateSalesSupportObj();\r\n }\r\n }\r\n\r\n generateSalesSupportObj() {\r\n let salesSupport = [];\r\n this.selectedSalesSupport.forEach(am => {\r\n let salesSupportObj = {\r\n \"distributor_sales_support_id\": 0,\r\n \"sales_support_id\": am.user_id,\r\n \"distributor_id\": 0,\r\n \"user_id\": am.user_id,\r\n \"basf_user_id\": am.basf_user_id,\r\n \"email\": am.email,\r\n \"sbu_id\": am.request_master_id\r\n };\r\n if (this.formMode == 'Edit') {\r\n let fSalesSupport = this.salesSupportUsers.find(ss => (ss.sales_support_id == am.user_id && ss.sbu_id == am.request_master_id));\r\n if (fSalesSupport) {\r\n salesSupport.push(JSON.parse(JSON.stringify(fSalesSupport)));\r\n } else {\r\n salesSupportObj.distributor_id = this.distributorData['distributor_sold_to_id'];\r\n salesSupport.push(JSON.parse(JSON.stringify(salesSupportObj)));\r\n }\r\n } else {\r\n salesSupport.push(JSON.parse(JSON.stringify(salesSupportObj)));\r\n }\r\n });\r\n return salesSupport;\r\n }\r\n\r\n generatePMRequestData() {\r\n this.requestApi.products = [];\r\n this.requestApi.salesReps = this.generatePMSalesRepObj();\r\n this.formData['dist_product_manager_email'] = (this.dist_product_manager_email != undefined && this.dist_product_manager_email.length > 0) ? this.dist_product_manager_email.join(\",\") : '';\r\n this.requestApi.distributor_contact_for_price_support_first_name = '';\r\n this.requestApi.distributor_contact_for_price_support_last_name = '';\r\n this.requestApi.distributor_contact_for_price_support_email = this.formData['dist_product_manager_email'];\r\n }\r\n\r\n generateFormData() {\r\n this.formData['distributorName'] = this.distributorData['distributor_name'];\r\n this.formData['distributorCity'] = this.distributorData['distributor_city'];\r\n if (this.businessUnitName == 'EM' || this.businessUnitName == 'ED') {\r\n this.formData['distributorState'] = this.distributorData['distributor_state'];\r\n }\r\n this.selectedOrganisation = this.organisationDD.find(o => o.request_master_id == this.distributorData['sales_org_id']);\r\n this.generateCountry();\r\n this.selectedCountry = this.countryDD.find(c => c.country_name == this.countryName);\r\n this.selectedDistribution = this.distributionChannelDD.find(d => d.request_master_id === this.distributorData['distributor_channel_id']);\r\n this.generateSelectedSBUS();\r\n this.generateSelectedCustomers();\r\n this.formData['soldTo'] = this.distributorData['distributor_sold_to_name'];\r\n this.formData['basfPayer'] = this.distributorData['basf_payer'];\r\n this.formData['pricingAdminFName'] = this.distributorData['pricing_Admin_First_Name'];\r\n this.formData['pricingAdminLName'] = this.distributorData['pricing_Admin_Last_Name'];\r\n this.pricingAdminEmail = this.distributorData['pricing_Admin_Email'] != '' ? this.distributorData['pricing_Admin_Email'].split(\",\") : [];\r\n this.prePopulateShipToDD();\r\n if ((this.businessUnitName === 'EM' || this.businessUnitName === 'EV' || this.businessUnitName === 'ED')) {\r\n this.generateform_EV_EM_ED();\r\n } else {\r\n this.formData['dist_product_manager_fname'] = this.distributorData['distributor_contact_for_price_support_first_name'];\r\n this.formData['dist_product_manager_lname'] = this.distributorData['distributor_contact_for_price_support_last_name'];\r\n this.dist_product_manager_email = this.distributorData['distributor_contact_for_price_support_email'] != '' ? this.distributorData['distributor_contact_for_price_support_email'].split(\",\") : [];\r\n this.generateSelectedSalesRepFor_Non_EV_EM();\r\n }\r\n if ((this.businessUnitName === 'EM' || this.businessUnitName === 'ED') && this.salesSupportUsers.length) {\r\n this.generateSelectedSalesSupportFor_EM_ED();\r\n }\r\n }\r\n\r\n generateform_EV_EM_ED() {\r\n this.generateSelectedProductsFor_EV_EM_ED();\r\n this.prePopulateIndustryAndSalesReps();\r\n if (this.businessUnitName == 'ED') {\r\n this.prePopulateRegionAndSalesReps();\r\n }\r\n this.formData['dist_contact_price_support_fname'] = this.distributorData['distributor_contact_for_price_support_first_name'];\r\n this.formData['dist_contact_price_support_lname'] = this.distributorData['distributor_contact_for_price_support_last_name'];\r\n if (this.businessUnitName === 'EM' || this.businessUnitName === 'ED') {\r\n let ar: any[] = this.adminAndPricingSupportMappings;\r\n ar.forEach(item => {\r\n this.pricingAdminEmailbyInd[item.industryId] = item.pricingAdminEmail != '' ? item.pricingAdminEmail.split(',') : [];\r\n this.dist_product_manager_emailbyInd[item.industryId] = item.distPriceSupportEmail != '' ? item.distPriceSupportEmail.split(',') : [];\r\n });\r\n }\r\n this.dist_contact_price_support_email = this.distributorData['distributor_contact_for_price_support_email'] != '' ? this.distributorData['distributor_contact_for_price_support_email'].split(\",\") : [];\r\n }\r\n\r\n generateSelectedSBUS() {\r\n let selSBUS = [];\r\n this.sbuData.filter(sbu => {\r\n let selSBU = this.sbuDD.find(s => s.request_master_id == sbu.distributor_sbu_id);\r\n if (selSBU) {\r\n selSBUS.push(selSBU);\r\n }\r\n });\r\n this.selectedSBUS = JSON.parse(JSON.stringify(selSBUS));\r\n }\r\n\r\n generateSelectedCustomers() {\r\n let selCustomers = [];\r\n this.customerData = this.getUniqueListBy(this.customerData, 'customer_name');\r\n this.customerData.filter(cust => {\r\n let selCustomer = this.customersDD.find(s => s.customer_id == cust.customer_id);\r\n if (selCustomer) {\r\n selCustomers.push(selCustomer);\r\n }\r\n });\r\n this.selectedCustomers = JSON.parse(JSON.stringify(selCustomers));\r\n }\r\n\r\n generateSelectedProductsFor_EV_EM_ED() {\r\n let selProds = [];\r\n this.productsData.filter(prod => {\r\n let selProd = this.productsDD.find(p => p.product_id == prod.product_id);\r\n if (selProd) {\r\n selProds.push(selProd);\r\n }\r\n });\r\n this.selectedProducts = JSON.parse(JSON.stringify(selProds));\r\n }\r\n\r\n generateSelectedSalesRepFor_Non_EV_EM() {\r\n let salesRepPM = [];\r\n this.salesRepData.filter(sr => {\r\n let selSalesRepPM = this.salesManagersDD.find(am => am.user_id == sr.user_id);\r\n if (selSalesRepPM) {\r\n salesRepPM.push(selSalesRepPM);\r\n }\r\n });\r\n this.selectedSalesRep = JSON.parse(JSON.stringify(salesRepPM));\r\n }\r\n\r\n generateSelectedSalesSupportFor_EM_ED() {\r\n let salesSupports = [];\r\n this.salesSupportUsers.filter(ss => {\r\n let selSalesSupport = this.salesManagersDD.find(p => p.user_id == ss.sales_support_id);\r\n if (selSalesSupport) {\r\n let sbu = this.sbuDD.find(x => x.request_master_id == ss.sbu_id);\r\n selSalesSupport['sbuName'] = sbu.value\r\n selSalesSupport['request_master_id'] = sbu.request_master_id\r\n salesSupports.push(JSON.parse(JSON.stringify(selSalesSupport)));\r\n }\r\n });\r\n this.selectedSalesSupport = JSON.parse(JSON.stringify(salesSupports));\r\n this.selectedSalesSupport.forEach(x => {\r\n if (!this.selectedSalesSupportbyBU[x.request_master_id]) {\r\n let selUsers = [];\r\n let tempSelUsers = [];\r\n tempSelUsers = this.selectedSalesSupport.filter(y => y.request_master_id === x.request_master_id);\r\n tempSelUsers.forEach(user => {\r\n let availUser = this.salesManagersDD.find(am => am.basf_user_id === user.basf_user_id);\r\n if (availUser) {\r\n selUsers.push(availUser);\r\n }\r\n })\r\n this.selectedSalesSupportbyBU[x.request_master_id] = JSON.parse(JSON.stringify(selUsers));\r\n }\r\n });\r\n }\r\n\r\n generateEmailsByindustryID_for_EM_ED() {\r\n let genObj: any[] = [];\r\n for (let ind of this.selectedIndustries) {\r\n let obj = {\r\n distributor_Support_Mapping_id: 0,\r\n industryId: ind.request_master_id,\r\n pricingAdminEmail: null,\r\n distPriceSupportEmail: null\r\n }\r\n obj.pricingAdminEmail = this.pricingAdminEmailbyInd[ind.request_master_id] ? this.pricingAdminEmailbyInd[ind.request_master_id].join(',') : '';\r\n obj.distPriceSupportEmail = this.dist_product_manager_emailbyInd[ind.request_master_id] ? this.dist_product_manager_emailbyInd[ind.request_master_id]!.join(',') : '';\r\n if (obj.pricingAdminEmail == '' && obj.distPriceSupportEmail == '') {\r\n continue;\r\n }\r\n genObj.push(JSON.parse(JSON.stringify(obj)));\r\n }\r\n return genObj;\r\n }\r\n\r\n prePopulateIndustryAndSalesReps() {\r\n let selIndustries = [];\r\n this.salesRepData.filter(i => {\r\n let selIndustry = this.industriesDD.find(s => s.request_master_id == i.industry_id);\r\n if (selIndustry) {\r\n selIndustries.push(selIndustry);\r\n }\r\n });\r\n\r\n this.selectedIndustries = JSON.parse(JSON.stringify(selIndustries));\r\n this.selectedIndustries.forEach((item) => {\r\n this.dist_product_manager_emailbyInd[item.request_master_id] = [];\r\n this.pricingAdminEmailbyInd[item.request_master_id] = [];\r\n\r\n });\r\n if (this.businessUnitName != 'ED') {\r\n this.accountManagerDUP = [];\r\n this.salesRepData.forEach((sd, _index) => {\r\n let salesRepDetailsFound = this.accountManagers.some(am => am.industry_id === sd.industry_id);\r\n if (!salesRepDetailsFound) {\r\n let am = {\r\n salesRepUserId: sd.user_id,\r\n salesRep: sd.basf_user_id,\r\n salesRepEmail: sd.email,\r\n industry_id: sd.industry_id\r\n };\r\n this.accountManagers.push(am);\r\n let fAccountManager = this.accountManagersDD.find(am2 => am2.user_id === sd.user_id);\r\n if (fAccountManager) {\r\n this.accountManagerDUP.push(fAccountManager);\r\n }\r\n } else {\r\n this.accountManagers = this.accountManagers.filter(am => am.industry_id !== sd.industry_id);\r\n }\r\n });\r\n this.dupAccountManagers['manager'] = JSON.parse(JSON.stringify(this.accountManagerDUP));\r\n }\r\n }\r\n\r\n prePopulateRegionAndSalesReps() {\r\n let selRegions = [];\r\n this.salesRepData.filter(i => {\r\n let selRegion = this.distributionRegionDD.find(s => s.request_master_id == i.distributor_region_id);\r\n if (selRegion) {\r\n selRegions.push(selRegion);\r\n }\r\n });\r\n\r\n this.selectedDistributorRegions = JSON.parse(JSON.stringify(selRegions));\r\n this.accountManagerDUP = [];\r\n this.salesRepData.forEach((sd, _index) => {\r\n if (sd.distributor_region_id > 0) {\r\n let salesRepDetailsFound = this.accountManagers.some(am => am.region_id === sd.distributor_region_id);\r\n if (!salesRepDetailsFound) {\r\n let am = {\r\n salesRepUserId: sd.user_id,\r\n salesRep: sd.basf_user_id,\r\n salesRepEmail: sd.email,\r\n region_id: sd.distributor_region_id\r\n };\r\n this.accountManagers.push(am);\r\n let fAccountManager = this.accountManagersDD.find(am2 => am2.user_id === sd.user_id);\r\n if (fAccountManager) {\r\n this.accountManagerDUP.push(fAccountManager);\r\n }\r\n } else {\r\n this.accountManagers = this.accountManagers.filter(am => am.region_id !== sd.distributor_region_id);\r\n }\r\n }\r\n });\r\n this.dupAccountManagers['manager'] = JSON.parse(JSON.stringify(this.accountManagerDUP));\r\n }\r\n\r\n prePopulateShipToDD() {\r\n this.shipToData.forEach(st => {\r\n this.shipToName = String(st.distributor_ship_to_Full_name).substring(String(st.distributor_ship_to_Full_name).indexOf('-') + 1, String(st.distributor_ship_to_Full_name).lastIndexOf(st.distributor_ship_to_city) - 1);\r\n this.shipToId = st.distributor_ship_to_name;\r\n this.shipToCity = st.distributor_ship_to_city;\r\n this.shipToAddress = st.distributor_ship_to_address;\r\n this.addShipTo();\r\n })\r\n }\r\n\r\n generateCountry() {\r\n let country = 0;\r\n this.selectedCountry = this.countryDD.find(c => c.country_code === this.selectedOrganisation.value.slice(0, 2));\r\n this.countryName = this.selectedCountry.country_name;\r\n this.productsDD = this.masterAPIResp.products.filter(p => p.country_Id === this.selectedCountry.country_id);\r\n return country;\r\n }\r\n\r\n generateSalesRes() {\r\n let salesReps = [];\r\n this.accountManagers.forEach(am => {\r\n if (am.salesRep !== '' && am.salesRepEmail !== '') {\r\n let salesRepObj = {\r\n \"sales_rep_email_id\": 0,\r\n \"sales_rep_name\": am.salesRep,\r\n \"sales_rep_email\": am.salesRepEmail,\r\n \"distributor_id\": 0,\r\n \"industry_id\": am.industry_id\r\n };\r\n salesReps.push(salesRepObj);\r\n }\r\n });\r\n return salesReps;\r\n }\r\n\r\n generateUserDetails() {\r\n let users = [];\r\n this.orgUsersData.forEach(user => {\r\n if (this.formType === 'New') {\r\n let userObj = {\r\n \"distributor_user_id\": this.getuserDetailsbyemailId(user.email),\r\n \"first_name\": user.first_name,\r\n \"last_name\": user.last_name,\r\n \"email\": user.email,\r\n \"phone\": 0,\r\n \"created_by\": Number(sessionStorage.getItem('userid')),\r\n \"is_Admin\": this.checkAdminUser(user.email),\r\n \"RefId\": user.RefId\r\n };\r\n users.push(userObj);\r\n } else {\r\n user['is_Admin'] = this.checkAdminUser(user.email);\r\n users.push(user)\r\n }\r\n });\r\n return users;\r\n }\r\n\r\n checkAdminUser(email) {\r\n let emailFound = this.pricingAdminEmail ? this.pricingAdminEmail.find(pae => pae === email) : false;\r\n if (emailFound) {\r\n return true;\r\n }\r\n let emailFound1 = this.dist_contact_price_support_email ? this.dist_contact_price_support_email.find(dcpse => dcpse === email) : false;\r\n if (emailFound1) {\r\n return true;\r\n }\r\n let emailFound2 = this.dist_product_manager_email ? this.dist_product_manager_email.find(dpme => dpme === email) : false;\r\n if (emailFound2) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n generateSBUObj() {\r\n let sbuData = [];\r\n this.selectedSBUS.forEach(sbu => {\r\n let sbuObj = {\r\n \"distributor_sbu_mapping_id\": 0,\r\n \"distributor_sbu_id\": sbu.request_master_id,\r\n \"distributor_id\": 0\r\n }\r\n if (this.formMode == 'Edit') {\r\n let fSBU = this.sbuData.find(s => s.distributor_sbu_id == sbu.request_master_id);\r\n if (fSBU) {\r\n sbuData.push(fSBU);\r\n } else {\r\n sbuObj.distributor_id = this.distributorData['distributor_id'];\r\n sbuData.push(sbuObj);\r\n }\r\n } else {\r\n sbuData.push(sbuObj);\r\n }\r\n });\r\n return sbuData;\r\n }\r\n\r\n generateCustomerbj() {\r\n let customerData = [];\r\n if (this.selectedCustomers.length > 0) {\r\n this.selectedCustomers.forEach(cust => {\r\n let customerObj = {\r\n \"distributor_account_mapping_id\": 0,\r\n \"distributor_account_id\": cust.customer_id,\r\n \"distributor_id\": 0\r\n }\r\n if (this.formMode == 'Edit') {\r\n let fSBU = this.customerData.find(s => s.distributor_account_id == cust.customer_id);\r\n if (fSBU) {\r\n customerData.push(fSBU);\r\n } else {\r\n customerObj.distributor_id = this.distributorData['distributor_id'];\r\n customerData.push(customerObj);\r\n }\r\n } else {\r\n customerData.push(customerObj);\r\n }\r\n });\r\n }\r\n return customerData;\r\n }\r\n\r\n generateProductsObj() {\r\n let productData = [];\r\n if (!this.selectedProducts) {\r\n return productData;\r\n }\r\n this.selectedProducts.forEach(product => {\r\n let prodObj = {\r\n \"distributor_soldto_product_mapping_id\": 0,\r\n \"product_id\": product.product_id,\r\n \"distributor_sold_to_id\": 0\r\n };\r\n if (this.formMode == 'Edit') {\r\n let fProduct = this.productsData.find(p => p.product_id == product.product_id);\r\n if (fProduct) {\r\n productData.push(fProduct);\r\n } else {\r\n prodObj.distributor_sold_to_id = this.distributorData['distributor_sold_to_id'];\r\n productData.push(prodObj);\r\n }\r\n } else {\r\n productData.push(prodObj);\r\n }\r\n });\r\n return productData;\r\n }\r\n\r\n validateAccountManagers() {\r\n let isValid = true;\r\n if (!this.accountManagers) {\r\n this.toastr.error(\"Account manager is a mandate field\");\r\n isValid = false;\r\n }\r\n this.accountManagers.forEach(am => {\r\n if (am == undefined || am.salesRepUserId == 0) {\r\n this.toastr.error(\"Account manager is a mandate field\");\r\n isValid = false;\r\n }\r\n });\r\n return isValid;\r\n }\r\n\r\n generateIndustriesObj() {\r\n let industryData = [];\r\n this.selectedIndustries.forEach(am => {\r\n let industryObj = {\r\n \"distributor_sales_rep_mapping_id\": 0,\r\n \"distributor_id\": 0,\r\n \"industry_id\": am.request_master_id,\r\n \"region_id\": 0,\r\n \"user_id\": 0\r\n }\r\n if (this.formMode == 'Edit') {\r\n let fIndustry = this.industriesDD.find(s => s.industry_id == am.request_master_id);\r\n if (fIndustry) {\r\n industryData.push(fIndustry);\r\n } else {\r\n industryObj.distributor_id = this.distributorData['distributor_id'];\r\n industryData.push(industryObj);\r\n }\r\n } else {\r\n industryData.push(industryObj);\r\n }\r\n });\r\n return industryData;\r\n }\r\n\r\n generateEDSalesRepObj() {\r\n let salesRepData = [];\r\n this.accountManagers.forEach(am => {\r\n let salesRepObj = {\r\n \"distributor_sales_rep_mapping_id\": 0,\r\n \"distributor_id\": 0,\r\n \"user_id\": am.salesRepUserId,\r\n \"region_id\": am.region_id\r\n };\r\n if (this.formMode == 'Edit') {\r\n let fSalesRep = this.salesRepData.find(s => s.user_id == am.salesRepUserId && s.region_id == am.region_id);\r\n if (fSalesRep) {\r\n salesRepData.push(fSalesRep);\r\n } else {\r\n salesRepObj.distributor_id = this.distributorData['distributor_id'];\r\n salesRepData.push(salesRepObj);\r\n }\r\n } else {\r\n salesRepData.push(salesRepObj);\r\n }\r\n });\r\n return salesRepData;\r\n }\r\n\r\n generateSalesRepObj() {\r\n let salesRepData = [];\r\n this.accountManagers.forEach(am => {\r\n let salesRepObj = {\r\n \"distributor_sales_rep_mapping_id\": 0,\r\n \"distributor_id\": 0,\r\n \"user_id\": am.salesRepUserId,\r\n \"industry_id\": am.industry_id,\r\n \"region_id\": am.region_id\r\n };\r\n if (this.formMode == 'Edit') {\r\n let fSalesRep = this.businessUnitName == 'Ed' ? this.salesRepData.find(s => s.user_id == am.salesRepUserId && s.region_id == am.region_id) : this.salesRepData.find(s => s.user_id == am.salesRepUserId && s.industry_id == am.industry_id);\r\n if (fSalesRep) {\r\n salesRepData.push(fSalesRep);\r\n } else {\r\n salesRepObj.distributor_id = this.distributorData['distributor_id'];\r\n salesRepData.push(salesRepObj);\r\n }\r\n } else {\r\n salesRepData.push(salesRepObj);\r\n }\r\n });\r\n return salesRepData;\r\n }\r\n\r\n generatePMSalesRepObj() {\r\n let salesRepData = [];\r\n this.selectedSalesRep.forEach(ss => {\r\n let salesRepObj = {\r\n \"distributor_sales_rep_mapping_id\": 0,\r\n \"distributor_id\": 0,\r\n \"user_id\": ss.user_id,\r\n \"industry_id\": 0\r\n };\r\n if (this.formMode == 'Edit') {\r\n let fSalesRep = this.salesRepData.find(s => s.user_id == ss.user_id);\r\n if (fSalesRep) {\r\n salesRepData.push(fSalesRep);\r\n } else {\r\n salesRepObj.distributor_id = this.distributorData['distributor_id'];\r\n salesRepData.push(salesRepObj);\r\n }\r\n } else {\r\n salesRepData.push(salesRepObj);\r\n }\r\n });\r\n return salesRepData;\r\n }\r\n\r\n generateSoldToObj() {\r\n let shipToObj = {\r\n \"distributor_sold_to_id\": 0,\r\n \"distributor_sold_to_name\": this.formData['soldTo'],\r\n \"sold_to_sap_id\": 0,\r\n \"distributorShipTos\": this.generateShipToObj()\r\n }\r\n if (this.formMode == 'Edit') {\r\n shipToObj.distributor_sold_to_id = this.distributorData['distributor_sold_to_id'];\r\n }\r\n return shipToObj;\r\n }\r\n\r\n generateShipToObj() {\r\n let shipToData = [];\r\n if (this.shipTo) {\r\n this.shipTo.forEach(ship => {\r\n let shipToObj = {\r\n \"distributor_ship_to_id\": 0,\r\n \"distributor_ship_to_name\": ship.shipToId,\r\n \"distributor_ship_to_city\": ship.shipToCity,\r\n \"distributor_ship_to_Full_name\": ship.shipToFullName,\r\n \"distributor_ship_to_Address\": ship.shipToAddress,\r\n \"ship_to_sap_id\": 0\r\n }\r\n if (this.formMode == 'Edit') {\r\n let fShipTo = this.shipToData.find(st => st.distributor_ship_to_Full_name == ship.shipToFullName);\r\n if (fShipTo) {\r\n shipToData.push(fShipTo);\r\n } else {\r\n shipToObj['distributor_sold_to_id'] = this.distributorData['distributor_sold_to_id'];\r\n shipToData.push(shipToObj);\r\n }\r\n } else {\r\n shipToData.push(shipToObj);\r\n }\r\n });\r\n }\r\n return shipToData;\r\n }\r\n\r\n generateSalesAccts() {\r\n let salesAccts = [];\r\n this.selectedSalesRep.forEach(rep => {\r\n let salesAcctObj = {\r\n \"sales_account_email_id\": rep.sales_rep_email_id,\r\n \"sales_account_name\": rep.sales_rep_name,\r\n \"sales_account_email\": rep.sales_account_email,\r\n \"distributor_id\": 0,\r\n \"industry_id\": 0\r\n }\r\n salesAccts.push(salesAcctObj);\r\n });\r\n return salesAccts;\r\n }\r\n\r\n cancel() {\r\n this.reLoadGrid.emit(false);\r\n }\r\n\r\n checkDistributorValidation() {\r\n let validDistributorName = this.checkValidDistributorName();\r\n let validDistributorOrganisation = this.checkValidDistributorOrganisation()\r\n let validDistributorCity = this.checkValidDistributorCity();\r\n let validDistributorState = true;\r\n if (this.businessUnitName == 'EM' || this.businessUnitName == 'ED') {\r\n validDistributorState = this.checkValidDistributorState();\r\n }\r\n let validDistributorCountry = this.checkValidDistributorCountry();\r\n let validDistributorChannel = this.checkValidDistributorChannel();\r\n let validDistributorSBU = this.checkValidDistributorSBU();\r\n let validDistributorSoldto = this.checkValidDistributorSoldto();\r\n let validDistributorBASFPayer = this.checkValidDistributorBASFPayer();\r\n let validDistributorIndustry = true;\r\n if (this.businessUnitName != 'PM') {\r\n validDistributorIndustry = this.checkValidDistributorIndustry();\r\n }\r\n let validDistributorRegion = true;\r\n if (this.businessUnitName == 'ED') {\r\n validDistributorRegion = this.checkValidDistributorRegion();\r\n }\r\n let validShipTo = this.checkShipTo();\r\n let validAccountManager = true;\r\n if (this.businessUnitName == 'EM' || this.businessUnitName == 'ED') {\r\n validAccountManager = this.validateAccountManagers();\r\n }\r\n return validDistributorName && validDistributorOrganisation && validDistributorCity && validDistributorCountry && validDistributorChannel && validDistributorSBU\r\n && validDistributorSoldto && validDistributorBASFPayer && validDistributorIndustry && validShipTo && validDistributorState && validDistributorRegion && validAccountManager;\r\n }\r\n\r\n checkValidDistributorName() {\r\n if (!this.formData['distributorName']) {\r\n this.toastr.error(\"Distributor Name required\", \"Error!\");\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n }\r\n checkValidDistributorOrganisation() {\r\n if (this.selectedOrganisation != null) {\r\n return true;\r\n } else {\r\n this.toastr.error(\"Sales Organisation required\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n checkValidDistributorCity() {\r\n if (!this.formData[\"distributorCity\"]) {\r\n this.toastr.error(\"Distributor City required\", \"Error!\");\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n }\r\n checkValidDistributorState() {\r\n if (!this.formData[\"distributorState\"]) {\r\n this.toastr.error(\"Distributor State required\", \"Error!\");\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n }\r\n checkValidDistributorCountry() {\r\n if (this.countryName != null) {\r\n return true;\r\n } else {\r\n this.toastr.error(\"Distribution Country required\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n checkValidDistributorChannel() {\r\n if (this.selectedDistribution != null) {\r\n return true;\r\n } else {\r\n this.toastr.error(\"Distribution Channel required\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n checkValidDistributorSBU() {\r\n if (this.selectedSBUS != null) {\r\n return true;\r\n } else {\r\n this.toastr.error(\"Select SBU\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n checkValidDistributorSoldto() {\r\n if (this.formData[\"soldTo\"] != \"\") {\r\n return true;\r\n } else {\r\n this.toastr.error(\"Sold to required\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n\r\n checkValidDistributorBASFPayer() {\r\n if (this.formData[\"basfPayer\"] != \"\") {\r\n return true;\r\n } else {\r\n this.toastr.error(\"BASF Payer required\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n checkValidDistributorProductMapping() {\r\n if (this.selectedProducts != null || this.businessUnitName === 'PM') {\r\n return true;\r\n } else {\r\n this.toastr.error(\"Product Mapping required\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n\r\n checkValidDistributorIndustry() {\r\n if (this.selectedIndustries != null && this.selectedIndustries.length > 0) {\r\n return true;\r\n } else {\r\n this.toastr.error(\"Industries required\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n checkValidDistributorRegion() {\r\n if (this.selectedDistributorRegions != null && this.selectedDistributorRegions.length > 0) {\r\n return true;\r\n } else {\r\n this.toastr.error(\"Regions required\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n checkShipTo() {\r\n if (this.shipTo != null || this.businessUnitName === 'PM' || this.businessUnitName === 'EM' || this.businessUnitName === 'ED') {\r\n return true;\r\n } else {\r\n this.toastr.error(\"Add ShipTo's\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n\r\n validateEmailAddress(event, type) {\r\n return this.checkEmailValidation(event.value, type);\r\n }\r\n\r\n checkEmailValidation(emailAddress, type) {\r\n if (emailAddress == '') {\r\n return false;\r\n } else {\r\n let reg = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\\.)+[A-Z]{2,4}$/i;\r\n if (!reg.test(emailAddress)) {\r\n this.toastr.error(\"Invalid Email\");\r\n switch (type) {\r\n case 1: this.pricingAdminEmail.pop(); break;\r\n case 2: this.dist_contact_price_support_email.pop(); break;\r\n case 3: this.dist_product_manager_email.pop(); break;\r\n default: break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n}\r\n","export default \".cust-label {\\r\\n text-align: end;\\r\\n font-size: 14px;\\r\\n margin-bottom: 0.1rem;\\r\\n}\\r\\n.cust-text {\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n margin-bottom: 0.1rem;\\r\\n}\\r\\n.header-label {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n}\\r\\n.reject-btn {\\r\\n width: 150px;\\r\\n color: white !important;\\r\\n background-color: #4f4f4f;\\r\\n margin:10px;\\r\\n border-radius: 5px !important;\\r\\n}\\r\\n.distributorInfoCards .ui-card-title {\\r\\n border-bottom: 1px solid #4f4f4f !important;\\r\\n}\\r\\n.distributorInfoCards .ui-card-content {\\r\\n min-height: 250px;\\r\\n max-height: 250px;\\r\\n padding: 10px;\\r\\n overflow-x: hidden;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9hZG1pbi9kaXN0cmlidXRvci9kaXN0cmlidXRvci12aWV3L2Rpc3RyaWJ1dG9yLXZpZXcuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLGVBQWU7SUFDZixlQUFlO0lBQ2YscUJBQXFCO0FBQ3pCO0FBQ0E7SUFDSSxlQUFlO0lBQ2YsZ0JBQWdCO0lBQ2hCLHFCQUFxQjtBQUN6QjtBQUNBO0lBQ0ksZUFBZTtJQUNmLGdCQUFnQjtBQUNwQjtBQUFDO0lBQ0csWUFBWTtJQUNaLHVCQUF1QjtJQUN2Qix5QkFBeUI7SUFDekIsV0FBVztJQUNYLDZCQUE2QjtBQUNqQztBQUVBO0lBQ0ksMkNBQTJDO0FBQy9DO0FBRUE7SUFDSSxpQkFBaUI7SUFDakIsaUJBQWlCO0lBQ2pCLGFBQWE7SUFDYixrQkFBa0I7QUFDdEIiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL2FkbWluL2Rpc3RyaWJ1dG9yL2Rpc3RyaWJ1dG9yLXZpZXcvZGlzdHJpYnV0b3Itdmlldy5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmN1c3QtbGFiZWwge1xyXG4gICAgdGV4dC1hbGlnbjogZW5kO1xyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMC4xcmVtO1xyXG59XHJcbi5jdXN0LXRleHQge1xyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcclxuICAgIG1hcmdpbi1ib3R0b206IDAuMXJlbTtcclxufVxyXG4uaGVhZGVyLWxhYmVsIHtcclxuICAgIGZvbnQtc2l6ZTogMjBweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XHJcbn0ucmVqZWN0LWJ0biB7XHJcbiAgICB3aWR0aDogMTUwcHg7XHJcbiAgICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICM0ZjRmNGY7XHJcbiAgICBtYXJnaW46MTBweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4uZGlzdHJpYnV0b3JJbmZvQ2FyZHMgLnVpLWNhcmQtdGl0bGUge1xyXG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICM0ZjRmNGYgIWltcG9ydGFudDtcclxufVxyXG5cclxuLmRpc3RyaWJ1dG9ySW5mb0NhcmRzIC51aS1jYXJkLWNvbnRlbnQge1xyXG4gICAgbWluLWhlaWdodDogMjUwcHg7XHJcbiAgICBtYXgtaGVpZ2h0OiAyNTBweDtcclxuICAgIHBhZGRpbmc6IDEwcHg7XHJcbiAgICBvdmVyZmxvdy14OiBoaWRkZW47XHJcbn0iXX0= */\"","import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { CupsService } from 'src/services/cups.service';\r\n\r\n@Component({\r\n selector: 'app-distributor-view',\r\n templateUrl: './distributor-view.component.html',\r\n styleUrls: ['./distributor-view.component.css'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class DistributorViewComponent implements OnInit {\r\n @Input() labelData: any;\r\n @Input() orgRowData: any;\r\n @Output() backToGrid = new EventEmitter();\r\n apiResp: any;\r\n formData: any;\r\n productsData: any;\r\n shipToData: any;\r\n sbuData: any;\r\n usersData: any;\r\n salesRepData: any;\r\n industries: any;\r\n businessName: any;\r\n salesSupportUsers: any;\r\n adminAndPricingSupportMappings: any;\r\n constructor(private router: Router, private _service: CupsService, private spinner: NgxSpinnerService) {\r\n }\r\n\r\n ngOnInit() {\r\n this.labelData = JSON.parse(JSON.stringify(this.labelData.filter(ld => ld.is_show)));\r\n this.formData = JSON.parse(JSON.stringify(this.orgRowData));\r\n this.businessName = sessionStorage.getItem(\"BU\");\r\n this.getDistributorDetails();\r\n }\r\n\r\n getDistributorDetails() {\r\n this.spinner.show();\r\n this._service.getDistributorDetails(this.orgRowData['distributor_id']).subscribe(response => {\r\n this.spinner.hide();\r\n if (!response['isError']) {\r\n this.apiResp = response;\r\n this.productsData = this.apiResp['distributorProductsMappingData'];\r\n this.shipToData = this.apiResp['distributorShipToData'];\r\n this.sbuData = this.apiResp['distributorSbuData'];\r\n this.usersData = this.apiResp['distributorUserDetailsData'];\r\n if (this.businessName == 'ED') {\r\n this.salesRepData = this.apiResp['salesRepEmailData'].filter(x => x.distributor_region_id > 0);\r\n } else {\r\n this.salesRepData = this.apiResp['salesRepEmailData'];\r\n }\r\n this.industries = this.apiResp['salesRepEmailData'].filter(x=>x.industry_id > 0);\r\n this.salesSupportUsers = this.apiResp['distributorSalesSupport'];\r\n this.adminAndPricingSupportMappings = this.apiResp[\"adminAndPricingSupportMappings\"];\r\n\r\n this.salesSupportUsers.forEach(x => {\r\n let sbu;\r\n this.sbuData.forEach((y) => { if (y.distributor_sbu_id === x.sbu_id) { sbu = y} });\r\n x.sbuName = sbu.distributor_sbu_name;\r\n });\r\n\r\n if (this.businessName == 'ED') {\r\n this.adminAndPricingSupportMappings.forEach(x => {\r\n let industry;\r\n this.industries.forEach(y => { if (y.industry_id === x.industryId) { industry = y } });\r\n x.industryName = industry.industry_name;\r\n });\r\n } else {\r\n this.adminAndPricingSupportMappings.forEach(x => {\r\n let industry;\r\n this.salesRepData.forEach(y => { if (y.industry_id === x.industryId) { industry = y } });\r\n x.industryName = industry.industry_name;\r\n });\r\n }\r\n\r\n } else {\r\n this._service.displayToastr(response);\r\n }\r\n })\r\n }\r\n\r\n goBack() {\r\n this.backToGrid.emit(true);\r\n }\r\n}\r\n\r\n","export default \"#uploadExcel .activ-btn {\\r\\n background-color: #0096d6;\\r\\n border-radius: 5px;\\r\\n color: white;\\r\\n margin-right: 25px;\\r\\n height: 40px !important;\\r\\n}\\r\\n\\r\\n#uploadExcel .ui-button-icon-only .ui-button-icon-left, .ui-button-text-icon-left .ui-button-icon-left, .ui-button-text-icon-right .ui-button-icon-right {\\r\\n display: none !important;\\r\\n}\\r\\n\\r\\n#uploadExcel .ui-button {\\r\\n height: 40px !important;\\r\\n background-color: #0096d6 !important;\\r\\n border-radius: 5px !important;\\r\\n color: white !important;\\r\\n width: 100px !important;\\r\\n}\\r\\n\\r\\n#uploadExcel .ui-button.ui-button-text-icon-left .ui-button-text {\\r\\n padding: 3% !important;\\r\\n font-size: 1rem !important;\\r\\n }\\r\\n\\r\\n#uploadExcel .ui-card {\\r\\n box-shadow: 2px 2px 6px 1px rgb(0 0 0 / 12%), 1px 1px 3px 2px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%) !important;\\r\\n}\\r\\n\\r\\n#uploadExcel .cust-header {\\r\\n background-color: #0096d6;\\r\\n color: white;\\r\\n font-size: 16px;\\r\\n padding: 10px;\\r\\n text-align: center\\r\\n}\\r\\n\\r\\n#uploadExcel .form-frame2 {\\r\\n border: 1px dashed darkgray;\\r\\n height: 200px;\\r\\n}\\r\\n\\r\\n#uploadExcel .p-class {\\r\\n top: 40px;\\r\\n font-weight: 500;\\r\\n color: #0096d6;\\r\\n position: inherit;\\r\\n text-align: center;\\r\\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\\r\\n}\\r\\n\\r\\n#uploadExcel .del-class {\\r\\n font-size: 16px;\\r\\n float: right;\\r\\n margin-left: 15px;\\r\\n cursor: pointer;\\r\\n color: #0096d6;\\r\\n}\\r\\n\\r\\n#uploadExcel .p2-class {\\r\\n text-align: left;\\r\\n font-size: 16px;\\r\\n font-weight: 600;\\r\\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\\r\\n}\\r\\n\\r\\n.backdrop {\\r\\n background-color: rgba(0,0,0,0.83);\\r\\n position: fixed;\\r\\n top: 0;\\r\\n left: 0;\\r\\n width: 100%;\\r\\n height: 100vh;\\r\\n z-index: 9999;\\r\\n}\\r\\n\\r\\n.s-modal {\\r\\n top: 80px !important;\\r\\n right: 35px;\\r\\n z-index: 9999;\\r\\n}\\r\\n\\r\\n.s-modal-title {\\r\\n font-weight: 700;\\r\\n}\\r\\n\\r\\n.s-modal-header {\\r\\n padding: 5px;\\r\\n border: none;\\r\\n}\\r\\n\\r\\n.s-modal-body {\\r\\n padding: 0px !important;\\r\\n max-height: 600px;\\r\\n}\\r\\n\\r\\n.s-modal-dialog {\\r\\n width: auto;\\r\\n}\\r\\n\\r\\n/* .s-modal {\\r\\n float: right;\\r\\n} */\\r\\n\\r\\n.s-modal-content {\\r\\n /* color: white; */\\r\\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\\r\\n /* background-color: rgba(0,0,0,0.8) */\\r\\n}\\r\\n\\r\\n.header-label {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.distr-add-btn {\\r\\n color: white;\\r\\n background-color: #0096d6;\\r\\n margin: 0px 10px;\\r\\n border-radius: 5px;\\r\\n float: right;\\r\\n}\\r\\n\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9hZG1pbi9lbmRtYXJrZXQtc2FsZXMtcmVwb3J0L2VuZG1hcmtldC1zYWxlcy1yZXBvcnQuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLHlCQUF5QjtFQUN6QixrQkFBa0I7RUFDbEIsWUFBWTtFQUNaLGtCQUFrQjtFQUNsQix1QkFBdUI7QUFDekI7O0FBRUE7RUFDRSx3QkFBd0I7QUFDMUI7O0FBRUE7RUFDRSx1QkFBdUI7RUFDdkIsb0NBQW9DO0VBQ3BDLDZCQUE2QjtFQUM3Qix1QkFBdUI7RUFDdkIsdUJBQXVCO0FBQ3pCOztBQUVFO0lBQ0Usc0JBQXNCO0lBQ3RCLDBCQUEwQjtFQUM1Qjs7QUFFRjtFQUNFLHdKQUF3SjtBQUMxSjs7QUFFQTtFQUNFLHlCQUF5QjtFQUN6QixZQUFZO0VBQ1osZUFBZTtFQUNmLGFBQWE7RUFDYjtBQUNGOztBQUVBO0VBQ0UsMkJBQTJCO0VBQzNCLGFBQWE7QUFDZjs7QUFFQTtFQUNFLFNBQVM7RUFDVCxnQkFBZ0I7RUFDaEIsY0FBYztFQUNkLGlCQUFpQjtFQUNqQixrQkFBa0I7RUFDbEIsd0lBQXdJO0FBQzFJOztBQUNBO0VBQ0UsZUFBZTtFQUNmLFlBQVk7RUFDWixpQkFBaUI7RUFDakIsZUFBZTtFQUNmLGNBQWM7QUFDaEI7O0FBRUE7RUFDRSxnQkFBZ0I7RUFDaEIsZUFBZTtFQUNmLGdCQUFnQjtFQUNoQix3SUFBd0k7QUFDMUk7O0FBRUE7RUFDRSxrQ0FBa0M7RUFDbEMsZUFBZTtFQUNmLE1BQU07RUFDTixPQUFPO0VBQ1AsV0FBVztFQUNYLGFBQWE7RUFDYixhQUFhO0FBQ2Y7O0FBQ0E7RUFDRSxvQkFBb0I7RUFDcEIsV0FBVztFQUNYLGFBQWE7QUFDZjs7QUFFQTtFQUNFLGdCQUFnQjtBQUNsQjs7QUFFQTtFQUNFLFlBQVk7RUFDWixZQUFZO0FBQ2Q7O0FBRUE7RUFDRSx1QkFBdUI7RUFDdkIsaUJBQWlCO0FBQ25COztBQUVBO0VBQ0UsV0FBVztBQUNiOztBQUNBOztHQUVHOztBQUNIO0VBQ0Usa0JBQWtCO0VBQ2xCLHdJQUF3STtFQUN4SSxzQ0FBc0M7QUFDeEM7O0FBQ0E7RUFDRSxlQUFlO0VBQ2YsZ0JBQWdCO0FBQ2xCOztBQUVBO0VBQ0UsWUFBWTtFQUNaLHlCQUF5QjtFQUN6QixnQkFBZ0I7RUFDaEIsa0JBQWtCO0VBQ2xCLFlBQVk7QUFDZCIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvYWRtaW4vZW5kbWFya2V0LXNhbGVzLXJlcG9ydC9lbmRtYXJrZXQtc2FsZXMtcmVwb3J0LmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIjdXBsb2FkRXhjZWwgLmFjdGl2LWJ0biB7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNjtcclxuICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgY29sb3I6IHdoaXRlO1xyXG4gIG1hcmdpbi1yaWdodDogMjVweDtcclxuICBoZWlnaHQ6IDQwcHggIWltcG9ydGFudDtcclxufVxyXG5cclxuI3VwbG9hZEV4Y2VsIC51aS1idXR0b24taWNvbi1vbmx5IC51aS1idXR0b24taWNvbi1sZWZ0LCAudWktYnV0dG9uLXRleHQtaWNvbi1sZWZ0IC51aS1idXR0b24taWNvbi1sZWZ0LCAudWktYnV0dG9uLXRleHQtaWNvbi1yaWdodCAudWktYnV0dG9uLWljb24tcmlnaHQge1xyXG4gIGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcclxufVxyXG5cclxuI3VwbG9hZEV4Y2VsIC51aS1idXR0b24ge1xyXG4gIGhlaWdodDogNDBweCAhaW1wb3J0YW50O1xyXG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDk2ZDYgIWltcG9ydGFudDtcclxuICBib3JkZXItcmFkaXVzOiA1cHggIWltcG9ydGFudDtcclxuICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcclxuICB3aWR0aDogMTAwcHggIWltcG9ydGFudDtcclxufVxyXG5cclxuICAjdXBsb2FkRXhjZWwgLnVpLWJ1dHRvbi51aS1idXR0b24tdGV4dC1pY29uLWxlZnQgLnVpLWJ1dHRvbi10ZXh0IHtcclxuICAgIHBhZGRpbmc6IDMlICFpbXBvcnRhbnQ7XHJcbiAgICBmb250LXNpemU6IDFyZW0gIWltcG9ydGFudDtcclxuICB9XHJcblxyXG4jdXBsb2FkRXhjZWwgLnVpLWNhcmQge1xyXG4gIGJveC1zaGFkb3c6IDJweCAycHggNnB4IDFweCByZ2IoMCAwIDAgLyAxMiUpLCAxcHggMXB4IDNweCAycHggcmdiKDAgMCAwIC8gMjAlKSwgMCAxcHggMXB4IDAgcmdiKDAgMCAwIC8gMTQlKSwgMCAycHggMXB4IC0xcHggcmdiKDAgMCAwIC8gMTIlKSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4jdXBsb2FkRXhjZWwgLmN1c3QtaGVhZGVyIHtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA5NmQ2O1xyXG4gIGNvbG9yOiB3aGl0ZTtcclxuICBmb250LXNpemU6IDE2cHg7XHJcbiAgcGFkZGluZzogMTBweDtcclxuICB0ZXh0LWFsaWduOiBjZW50ZXJcclxufVxyXG5cclxuI3VwbG9hZEV4Y2VsIC5mb3JtLWZyYW1lMiB7XHJcbiAgYm9yZGVyOiAxcHggZGFzaGVkIGRhcmtncmF5O1xyXG4gIGhlaWdodDogMjAwcHg7XHJcbn1cclxuXHJcbiN1cGxvYWRFeGNlbCAucC1jbGFzcyB7XHJcbiAgdG9wOiA0MHB4O1xyXG4gIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgY29sb3I6ICMwMDk2ZDY7XHJcbiAgcG9zaXRpb246IGluaGVyaXQ7XHJcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gIGZvbnQtZmFtaWx5OiAtYXBwbGUtc3lzdGVtLCBCbGlua01hY1N5c3RlbUZvbnQsICdTZWdvZSBVSScsIFJvYm90bywgT3h5Z2VuLCBVYnVudHUsIENhbnRhcmVsbCwgJ09wZW4gU2FucycsICdIZWx2ZXRpY2EgTmV1ZScsIHNhbnMtc2VyaWY7XHJcbn1cclxuI3VwbG9hZEV4Y2VsIC5kZWwtY2xhc3Mge1xyXG4gIGZvbnQtc2l6ZTogMTZweDtcclxuICBmbG9hdDogcmlnaHQ7XHJcbiAgbWFyZ2luLWxlZnQ6IDE1cHg7XHJcbiAgY3Vyc29yOiBwb2ludGVyO1xyXG4gIGNvbG9yOiAjMDA5NmQ2O1xyXG59XHJcblxyXG4jdXBsb2FkRXhjZWwgLnAyLWNsYXNzIHtcclxuICB0ZXh0LWFsaWduOiBsZWZ0O1xyXG4gIGZvbnQtc2l6ZTogMTZweDtcclxuICBmb250LXdlaWdodDogNjAwO1xyXG4gIGZvbnQtZmFtaWx5OiAtYXBwbGUtc3lzdGVtLCBCbGlua01hY1N5c3RlbUZvbnQsICdTZWdvZSBVSScsIFJvYm90bywgT3h5Z2VuLCBVYnVudHUsIENhbnRhcmVsbCwgJ09wZW4gU2FucycsICdIZWx2ZXRpY2EgTmV1ZScsIHNhbnMtc2VyaWY7XHJcbn1cclxuXHJcbi5iYWNrZHJvcCB7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLDAsMCwwLjgzKTtcclxuICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgdG9wOiAwO1xyXG4gIGxlZnQ6IDA7XHJcbiAgd2lkdGg6IDEwMCU7XHJcbiAgaGVpZ2h0OiAxMDB2aDtcclxuICB6LWluZGV4OiA5OTk5O1xyXG59XHJcbi5zLW1vZGFsIHtcclxuICB0b3A6IDgwcHggIWltcG9ydGFudDtcclxuICByaWdodDogMzVweDtcclxuICB6LWluZGV4OiA5OTk5O1xyXG59XHJcblxyXG4ucy1tb2RhbC10aXRsZSB7XHJcbiAgZm9udC13ZWlnaHQ6IDcwMDtcclxufVxyXG5cclxuLnMtbW9kYWwtaGVhZGVyIHtcclxuICBwYWRkaW5nOiA1cHg7XHJcbiAgYm9yZGVyOiBub25lO1xyXG59XHJcblxyXG4ucy1tb2RhbC1ib2R5IHtcclxuICBwYWRkaW5nOiAwcHggIWltcG9ydGFudDtcclxuICBtYXgtaGVpZ2h0OiA2MDBweDtcclxufVxyXG5cclxuLnMtbW9kYWwtZGlhbG9nIHtcclxuICB3aWR0aDogYXV0bztcclxufVxyXG4vKiAucy1tb2RhbCB7XHJcbiAgICBmbG9hdDogcmlnaHQ7XHJcbn0gKi9cclxuLnMtbW9kYWwtY29udGVudCB7XHJcbiAgLyogY29sb3I6IHdoaXRlOyAqL1xyXG4gIGZvbnQtZmFtaWx5OiAtYXBwbGUtc3lzdGVtLCBCbGlua01hY1N5c3RlbUZvbnQsICdTZWdvZSBVSScsIFJvYm90bywgT3h5Z2VuLCBVYnVudHUsIENhbnRhcmVsbCwgJ09wZW4gU2FucycsICdIZWx2ZXRpY2EgTmV1ZScsIHNhbnMtc2VyaWY7XHJcbiAgLyogYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLDAsMCwwLjgpICovXHJcbn1cclxuLmhlYWRlci1sYWJlbCB7XHJcbiAgZm9udC1zaXplOiAyMHB4O1xyXG4gIGZvbnQtd2VpZ2h0OiA2MDA7XHJcbn1cclxuXHJcbi5kaXN0ci1hZGQtYnRuIHtcclxuICBjb2xvcjogd2hpdGU7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNjtcclxuICBtYXJnaW46IDBweCAxMHB4O1xyXG4gIGJvcmRlci1yYWRpdXM6IDVweDtcclxuICBmbG9hdDogcmlnaHQ7XHJcbn1cclxuIl19 */\"","import { Component, OnInit } from '@angular/core';\r\nimport { Validators, FormBuilder, FormGroup, FormArray } from '@angular/forms';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { CupsService } from 'src/services/cups.service';\r\n@Component({\r\n selector: 'app-endmarket-sales-report',\r\n templateUrl: './endmarket-sales-report.component.html',\r\n styleUrls: ['./endmarket-sales-report.component.css']\r\n})\r\nexport class EndmarketSalesReportComponent implements OnInit {\r\n fileName = \"\";\r\n fileType = \"\";\r\n filesize = \"\";\r\n fileBuffer: any;\r\n fileObject: any;\r\n fileUpload = false;\r\n uploadedFiles: any[] = [];\r\n displayUpload = false;\r\n cols = [];\r\n response: any;\r\n reportData = [];\r\n constructor(private _service: CupsService, private spinner: NgxSpinnerService, private toastr: ToastrService) {}\r\n ngOnInit() {\r\n this.cols = [\r\n {\r\n \"header_id\": 1,\r\n \"field\": \"customer\",\r\n \"header\": \"Customer\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 1,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 2,\r\n \"field\": \"product\",\r\n \"header\": \"Product\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 2,\r\n \"isHyperlink\": false,\r\n },\r\n {\r\n \"header_id\": 3,\r\n \"field\": \"distributor\",\r\n \"header\": \"Distributor\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 3,\r\n \"isHyperlink\": false,\r\n },\r\n {\r\n \"header_id\": 4,\r\n \"field\": \"division\",\r\n \"header\": \"Division\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 4,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 5,\r\n \"field\": \"ship_to\",\r\n \"header\": \"Ship To\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 5,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 6,\r\n \"field\": \"sbu\",\r\n \"header\": \"SBU\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 6,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 7,\r\n \"field\": \"industry\",\r\n \"header\": \"Industry\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 7,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 8,\r\n \"field\": \"volume_cy_lbs\",\r\n \"header\": \"Volume CY (lbs)\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 8,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 9,\r\n \"field\": \"volume_py_lbs\",\r\n \"header\": \"Volume PY (lbs)\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 9,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 10,\r\n \"field\": \"volume_cy_mts\",\r\n \"header\": \"Volume CY (mts)\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 10,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 11,\r\n \"field\": \"volume_py_mts\",\r\n \"header\": \"Volume PY (mts)\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 11,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 12,\r\n \"field\": \"volume_cy_kgs\",\r\n \"header\": \"Volume CY (kgs)\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 12,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 13,\r\n \"field\": \"volume_py_kgs\",\r\n \"header\": \"Volume PY (kgs)\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 13,\r\n \"isHyperlink\": false\r\n },\r\n ];\r\n this.getEndMarketSaleReport();\r\n }\r\n\r\n getEndMarketSaleReport() {\r\n this.spinner.show();\r\n this._service.getEndMarketSaleReport().subscribe(res => {\r\n this.spinner.hide();\r\n if (!res['isError']) {\r\n this.response = res;\r\n this.reportData = this.response.reportData;\r\n } else {\r\n this._service.displayToastr(res);\r\n }\r\n })\r\n }\r\n\r\n uploadReport() {\r\n this.displayUpload = true;\r\n }\r\n\r\n myUploader(event) {\r\n this.spinner.show();\r\n let fileData = event[0];\r\n const element = event[0];\r\n this.filesize = \"0\";\r\n this.filesize = element.size;\r\n this.filesize = this.filesize.toString();\r\n if (element.size > 3145728) {\r\n this.spinner.hide();\r\n this.toastr.warning(\"File Limit Exceeded, Allows only below 3MB data\");\r\n return false;\r\n } else {\r\n this.fileName = fileData.name;\r\n this.fileType = fileData.type;\r\n this.fileBuffer = \"\";\r\n let fileReader = new FileReader();\r\n fileReader.onload = (_e) => {\r\n this.fileBuffer = fileReader.result;\r\n this.fileBuffer = this.fileBuffer.replace(`data:${this.fileType};base64,`, '');\r\n this.fileUpload = true;\r\n this.fileObject = {\r\n \"businessUnitId\": 1,\r\n \"fileName\": this.fileName,\r\n \"fileType\": this.fileType,\r\n \"fileSize\": this.filesize,\r\n \"fileAsBase64\": this.fileBuffer,\r\n \"created_by\": Number(sessionStorage.getItem('userid')),\r\n \"salesSupportDistributor\": Number(sessionStorage.getItem('SalesSupportDistributor'))\r\n };\r\n }\r\n fileReader.readAsDataURL(fileData);\r\n }\r\n this.uploadedFiles.push(event[0]);\r\n this.spinner.hide();\r\n }\r\n\r\n uploadSubmit(_fileUpload) {\r\n this.spinner.show();\r\n this._service.UploadEndMarketSaleReport(this.fileObject).subscribe(response => {\r\n this.afterAPIResponse(response);\r\n });\r\n }\r\n\r\n afterAPIResponse(response) {\r\n if (!response['isError']) {\r\n if (response.ErrorMessage && response.ErrorMessage.includes(\"Please Upload\")) { this.toastr.error(response.ErrorMessage, 'Error!') }\r\n else {\r\n this.toastr.success(response.responseMessage, 'Success!');\r\n }\r\n this.removeFile();\r\n this.displayUpload = false;\r\n this.spinner.hide();\r\n } else {\r\n this.spinner.hide();\r\n this._service.displayToastr(response);\r\n }\r\n }\r\n\r\n removeFile() {\r\n this.fileName = \"\";\r\n this.fileType = \"\";\r\n this.filesize = \"\";\r\n this.fileBuffer = \"\"\r\n this.fileObject = null;\r\n }\r\n}\r\n","export default \".header-label {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n}\\r\\n.excelIcon {\\r\\n font-size: 1.5em;\\r\\n cursor: pointer;\\r\\n background-color: #0096d6;\\r\\n color: white;\\r\\n border-radius: 5px;\\r\\n padding: 6px;\\r\\n margin-left: 10px;\\r\\n position: relative;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9hZG1pbi9wcmljZS1oaXN0b3J5LXJldmlzaW9uL3ByaWNlLWhpc3RvcnktcmV2aXNpb24uY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLGVBQWU7SUFDZixnQkFBZ0I7QUFDcEI7QUFDQTtJQUNJLGdCQUFnQjtJQUNoQixlQUFlO0lBQ2YseUJBQXlCO0lBQ3pCLFlBQVk7SUFDWixrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLGlCQUFpQjtJQUNqQixrQkFBa0I7QUFDdEIiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL2FkbWluL3ByaWNlLWhpc3RvcnktcmV2aXNpb24vcHJpY2UtaGlzdG9yeS1yZXZpc2lvbi5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmhlYWRlci1sYWJlbCB7XHJcbiAgICBmb250LXNpemU6IDIwcHg7XHJcbiAgICBmb250LXdlaWdodDogNjAwO1xyXG59XHJcbi5leGNlbEljb24ge1xyXG4gICAgZm9udC1zaXplOiAxLjVlbTtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDk2ZDY7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgICBwYWRkaW5nOiA2cHg7XHJcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxufSJdfQ== */\"","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-price-history-revision',\r\n templateUrl: './price-history-revision.component.html',\r\n styleUrls: ['./price-history-revision.component.css']\r\n})\r\nexport class PriceHistoryRevisionComponent {\r\n receivePriceData(priceData) {\r\n console.log(priceData);\r\n }\r\n}\r\n","export default \"sup{\\r\\n color:red;\\r\\n}\\r\\n\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9hZG1pbi9wcm9kdWN0LW1hbmFnZXIvcHJvZHVjdC1tYW5hZ2VyLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxTQUFTO0FBQ2IiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL2FkbWluL3Byb2R1Y3QtbWFuYWdlci9wcm9kdWN0LW1hbmFnZXIuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbInN1cHtcclxuICAgIGNvbG9yOnJlZDtcclxufVxyXG4iXX0= */\"","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { CupsService } from 'src/services/cups.service';\r\n@Component({\r\n selector: 'app-product-manager',\r\n templateUrl: './product-manager.component.html',\r\n styleUrls: ['./product-manager.component.css'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class ProductManagerComponent implements OnInit {\r\n BusinessUnitData: any;\r\n SBusinessUnit: any;\r\n response: any;\r\n CountryData: any;\r\n RegionData: any;\r\n BusinessUnit: any;\r\n products: any;\r\n filteredFields = [];\r\n usersData =[];\r\n filteredData: any;\r\n tempFilteredData: any;\r\n Bu_user: any;\r\n filteredBU_users: any;\r\n currentBU: string = sessionStorage.getItem(\"BU\");\r\n displayProductInfoPopup: boolean = false;\r\n massChangePMPopup: boolean = false;\r\n massChangeCurrentPM: any;\r\n massChangeNewPM: any;\r\n currentProductsManagesList: any;\r\n productInfo: Object;\r\n activeStatus: any = [\r\n {\r\n name: \"Active\",\r\n value: true\r\n },\r\n {\r\n name: \"IN-Active\",\r\n value: false\r\n }\r\n ];\r\n currentBusinessUnit: any;\r\n selectedRegion: any;\r\n selectedCountry: any;\r\n cols: any\r\n selectedBusiness: any;\r\n emCols: any;\r\n evCols: any;\r\n pmCols: any;\r\n edCols: any;\r\n bu: any;\r\n EVID = 2;\r\n EMID = 1;\r\n apiResp: any;\r\n PMID = 3;\r\n EDID = 4;\r\n countryData =[\r\n {\r\n \"country_id\": 1,\r\n \"country_name\": \"US\"\r\n },\r\n {\r\n \"country_id\": 2,\r\n \"country_name\": \"Mexico\"\r\n },\r\n {\r\n \"country_id\": 3,\r\n \"country_name\": \"Canada\"\r\n }\r\n];\r\nproductsDD: any;\r\nproductPackageDD: any;\r\nselectedProductPackage: any;\r\nselectedProductManager: any;\r\n\r\n constructor(private _service: CupsService, private spinner: NgxSpinnerService, private toastr: ToastrService) { }\r\n\r\n ngOnInit() {\r\n this.bu = sessionStorage.getItem('BU');\r\n this.evCols = [\r\n {\r\n \"header_id\": 1,\r\n \"field\": \"product_id\",\r\n \"header\": \"Product Id\",\r\n \"is_show\": false,\r\n \"is_editable\": false,\r\n \"serial_no\": 1,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 2,\r\n \"field\": \"product_name\",\r\n \"header\": \"Product Name\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 2,\r\n \"isHyperlink\": this.currentBU === \"EV\",\r\n },\r\n {\r\n \"header_id\": 2,\r\n \"field\": \"package_type\",\r\n \"header\": \"Product Type\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 2,\r\n \"isHyperlink\": false,\r\n },\r\n {\r\n \"header_id\": 3,\r\n \"field\": \"product_managerName\",\r\n \"header\": \"Product Manager\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 3,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 4,\r\n \"field\": \"article_number\",\r\n \"header\": \"Article Number\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 4,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 5,\r\n \"field\": \"threshold_volume\",\r\n \"header\": \"Threshold Volume\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 5,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 6,\r\n \"field\": \"threshold_price_discount\",\r\n \"header\": \"Threshold Price Discount\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 6,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 7,\r\n \"field\": \"target_price\",\r\n \"header\": \"Target Price\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 7,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 8,\r\n \"field\": \"distributor_price_from_basf\",\r\n \"header\": \"Distributor Price From Basf\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 8,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 9,\r\n \"field\": \"valid_from\",\r\n \"header\": \"Product Valid From\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 9,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 10,\r\n \"field\": \"valid_to\",\r\n \"header\": \"Product Valid To\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 10,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 11,\r\n \"field\": \"minimum_quantity\",\r\n \"header\": \"Minimum Quantity\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 11,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 12,\r\n \"field\": \"is_active\",\r\n \"header\": \"Status\",\r\n \"is_show\": false,\r\n \"is_editable\": false,\r\n \"serial_no\": 12,\r\n \"isHyperlink\": false\r\n },\r\n ];\r\n this.emCols = [\r\n {\r\n \"header_id\": 1,\r\n \"field\": \"product_id\",\r\n \"header\": \"Product Id\",\r\n \"is_show\": false,\r\n \"is_editable\": false,\r\n \"serial_no\": 1,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 2,\r\n \"field\": \"product_name\",\r\n \"header\": \"Product Name\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 2,\r\n \"isHyperlink\": this.currentBU === \"EV\",\r\n },\r\n {\r\n \"header_id\": 2,\r\n \"field\": \"package_type\",\r\n \"header\": \"Product Type\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 2,\r\n \"isHyperlink\": false,\r\n },\r\n {\r\n \"header_id\": 3,\r\n \"field\": \"product_managerName\",\r\n \"header\": \"Product Manager\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 3,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 4,\r\n \"field\": \"article_number\",\r\n \"header\": \"Article Number\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 4,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 9,\r\n \"field\": \"distributor_price_from_basf\",\r\n \"header\": \"Distributor Price From Basf\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 9,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 10,\r\n \"field\": \"valid_from\",\r\n \"header\": \"Product Valid From\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 10,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 11,\r\n \"field\": \"valid_to\",\r\n \"header\": \"Product Valid To\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 11,\r\n \"isHyperlink\": false\r\n },\r\n \r\n {\r\n \"header_id\": 12,\r\n \"field\": \"incoTerms\",\r\n \"header\": \"INCOTERMS\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 12,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 13,\r\n \"field\": \"sbu_name\",\r\n \"header\": \"SBU Name\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 13,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 14,\r\n \"field\": \"sold_To\",\r\n \"header\": \"Sold To / Hierarchy\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 14,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 15,\r\n \"field\": \"distributor_Name\",\r\n \"header\": \"Distributor\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 15,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 16,\r\n \"field\": \"is_active\",\r\n \"header\": \"Status\",\r\n \"is_show\": false,\r\n \"is_editable\": false,\r\n \"serial_no\": 16,\r\n \"isHyperlink\": false\r\n },\r\n ];\r\n this.edCols = [\r\n {\r\n \"header_id\": 1,\r\n \"field\": \"product_id\",\r\n \"header\": \"Product Id\",\r\n \"is_show\": false,\r\n \"is_editable\": false,\r\n \"serial_no\": 1,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 2,\r\n \"field\": \"product_name\",\r\n \"header\": \"Product Name\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 2,\r\n \"isHyperlink\": this.currentBU === \"EV\",\r\n },\r\n {\r\n \"header_id\": 2,\r\n \"field\": \"package_type\",\r\n \"header\": \"Product Type\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 2,\r\n \"isHyperlink\": false,\r\n },\r\n {\r\n \"header_id\": 3,\r\n \"field\": \"product_managerName\",\r\n \"header\": \"Product Manager\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 3,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 4,\r\n \"field\": \"article_number\",\r\n \"header\": \"Article Number\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 4,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 9,\r\n \"field\": \"distributor_price_from_basf\",\r\n \"header\": \"Distributor Price From Basf\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 9,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 10,\r\n \"field\": \"valid_from\",\r\n \"header\": \"Product Valid From\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 10,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 11,\r\n \"field\": \"valid_to\",\r\n \"header\": \"Product Valid To\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 11,\r\n \"isHyperlink\": false\r\n },\r\n\r\n {\r\n \"header_id\": 12,\r\n \"field\": \"incoTerms\",\r\n \"header\": \"INCOTERMS\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 12,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 13,\r\n \"field\": \"sbu_name\",\r\n \"header\": \"SBU Name\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 13,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 14,\r\n \"field\": \"is_active\",\r\n \"header\": \"Status\",\r\n \"is_show\": false,\r\n \"is_editable\": false,\r\n \"serial_no\": 164,\r\n \"isHyperlink\": false\r\n },\r\n ];\r\n this.pmCols = [\r\n {\r\n \"header_id\": 1,\r\n \"field\": \"product_id\",\r\n \"header\": \"Product Id\",\r\n \"is_show\": false,\r\n \"is_editable\": false,\r\n \"serial_no\": 1,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 2,\r\n \"field\": \"product_name\",\r\n \"header\": \"Product Name\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 2,\r\n \"isHyperlink\": this.currentBU === \"EV\",\r\n },\r\n {\r\n \"header_id\": 5,\r\n \"field\": \"article_number\",\r\n \"header\": \"Article Number\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 5,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 9,\r\n \"field\": \"distributor_price_from_basf\",\r\n \"header\": \"List Price\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 9,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 10,\r\n \"field\": \"scale_quantity1\",\r\n \"header\": \"Scale Quantity1\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 10,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 11,\r\n \"field\": \"scale_rate1\",\r\n \"header\": \"Scale Rate1\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 11,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 12,\r\n \"field\": \"scale_quantity2\",\r\n \"header\": \"Scale Quantity2\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 12,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 13,\r\n \"field\": \"scale_rate2\",\r\n \"header\": \"Scale Rate2\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 13,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 14,\r\n \"field\": \"scale_quantity3\",\r\n \"header\": \"Scale Quantity3\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 14,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 15,\r\n \"field\": \"scale_rate3\",\r\n \"header\": \"Scale Rate3\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 15,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 16,\r\n \"field\": \"scale_quantity4\",\r\n \"header\": \"Scale Quantity4\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 16,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 17,\r\n \"field\": \"scale_rate4\",\r\n \"header\": \"Scale Rate4\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 17,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 18,\r\n \"field\": \"scale_quantity5\",\r\n \"header\": \"Scale Quantity5\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 18,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 19,\r\n \"field\": \"scale_rate5\",\r\n \"header\": \"Scale Rate5\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 19,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 20,\r\n \"field\": \"scale_quantity6\",\r\n \"header\": \"Scale Quantity6\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 20,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 21,\r\n \"field\": \"scale_rate6\",\r\n \"header\": \"Scale Rate6\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 21,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 22,\r\n \"field\": \"valid_from\",\r\n \"header\": \"Product Valid From\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 22,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 23,\r\n \"field\": \"valid_to\",\r\n \"header\": \"Product Valid To\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 23,\r\n \"isHyperlink\": false\r\n },\r\n {\r\n \"header_id\": 24,\r\n \"field\": \"status\",\r\n \"header\": \"Status\",\r\n \"is_show\": false,\r\n \"is_editable\": false,\r\n \"serial_no\": 24,\r\n \"isHyperlink\": false\r\n },\r\n ];\r\n switch (this.bu) {\r\n case 'EM': this.currentBusinessUnit = this.EMID;this.cols = this.emCols; break;\r\n case 'EV': this.currentBusinessUnit = this.EVID;this.cols = this.evCols; break;\r\n case 'PM': this.currentBusinessUnit = this.PMID;this.cols = this.pmCols; break;\r\n case 'ED': this.currentBusinessUnit = this.EDID;this.cols = this.edCols; break;\r\n default: this.currentBusinessUnit = this.EMID;this.cols = this.emCols; break;\r\n }\r\n this._service.getAdminConfigMaster().subscribe((res: any) => {\r\n if (!res['isError']) {\r\n this.response = res;\r\n this.BusinessUnitData = this.response.buData;\r\n this.CountryData = this.response.countryData;\r\n this.selectedCountry = this.CountryData[0];\r\n this.RegionData = this.response.regionData;\r\n this.productPackageDD = this.response.packageType ? this.response.packageType.filter(type => type.businessunit_name == this.bu) : [];\r\n this.selectedRegion = this.RegionData[0];\r\n let key = 'businessunit_id';\r\n this.BusinessUnit = [...new Map(this.BusinessUnitData.map(item =>\r\n [item[key], item])).values()];\r\n this.BusinessUnit.forEach(bu => {\r\n if (bu.businessunit_name === this.currentBU) {\r\n this.selectedBusiness = bu.businessunit_id;\r\n }\r\n });\r\n this.getAllProductsyBu(this.currentBusinessUnit);\r\n } else {\r\n this._service.displayToastr(res);\r\n }\r\n });\r\n this.selectedCountry = this.countryData[0];\r\n this.getAllProductsyBu(this.currentBusinessUnit);\r\n this.getBuUser(this.currentBusinessUnit);\r\n }\r\n\r\n getAllProductsyBu(value) {\r\n this.spinner.show();\r\n let bu_id = value;\r\n this._service.getAllProductsyBu(bu_id, this.selectedCountry.country_id).subscribe((res) => {\r\n this.spinner.hide();\r\n if (!res['isError']) {\r\n this.apiResp = res;\r\n this.products = JSON.parse(JSON.stringify(this.apiResp['response']));\r\n this.productsDD = this.getUniqueListBy(this.products, 'product_name');\r\n this.products.forEach(p => {\r\n if (p.sold_To == 0) {\r\n p.sold_To = '';\r\n }\r\n if(p.is_active) {\r\n p.status = 'Active';\r\n } else {\r\n p.status = 'InActive';\r\n }\r\n })\r\n } else {\r\n this._service.displayToastr(res);\r\n }\r\n })\r\n }\r\n\r\n getUniqueListBy(arr, key) {\r\n return [...new Map(arr.map(item => [item[key], item])).values()]\r\n }\r\n\r\n getBuUser(value) {\r\n let bu_id = value;\r\n this._service.getBUUsers(bu_id).subscribe((res) => {\r\n if (!res['isError']) {\r\n this.Bu_user = res['lstUsers']\r\n } else {\r\n this._service.displayToastr(res);\r\n }\r\n })\r\n }\r\n\r\n filterProductsByCountry(_event) {\r\n this.getAllProductsyBu(this.currentBusinessUnit);\r\n }\r\n\r\n submitData(value) {\r\n let pid = []\r\n value.product_name.filter(x => { console.log(x.product_id); pid.push(x.product_id) })\r\n \r\n if (this.selectedProductManager || this.selectedProductPackage) {\r\n let data = {\r\n \"SelectedProductId\": pid.toString(),\r\n \"ManagerId\": this.selectedProductManager ? this.selectedProductManager.user_id : 0,\r\n \"ModifiedBy\": parseInt(sessionStorage.getItem('userid')),\r\n \"BuId\": this.selectedBusiness,\r\n \"PackageType\": this.selectedProductPackage ? this.selectedProductPackage.value : ''\r\n }\r\n this._service.UpdateProductMangerMapping(data).subscribe(res => {\r\n this.getAllProductsyBu(this.currentBusinessUnit);\r\n this.displayResult(res);\r\n this.selectedProductPackage = undefined;\r\n this.selectedProductManager = undefined;\r\n })\r\n } else {\r\n this.toastr.warning(\"Select any Package Type or Product Manager to Update\");\r\n }\r\n }\r\n\r\n onSelectRow(rowObject) {\r\n let { rowData, type } = rowObject;\r\n switch (type) {\r\n case 'hyperlink': this.onHyprelinkClick(rowData); break;\r\n case 'status': this.productStatusUpdate(rowData); break;\r\n default: break;\r\n }\r\n }\r\n\r\n productStatusUpdate(rowData) {\r\n this.spinner.show();\r\n this._service.ChangeProductStatus(rowData.product_id, sessionStorage.getItem(\"loginuser\")).subscribe((response) => {\r\n this.getAllProductsyBu(this.selectedBusiness);\r\n this.spinner.hide();\r\n })\r\n }\r\n\r\n onHyprelinkClick(value) {\r\n this.displayProductInfoPopup = true;\r\n this.productInfo = JSON.parse(JSON.stringify(value));\r\n }\r\n closePopup() {\r\n this.displayProductInfoPopup = false;\r\n this.massChangePMPopup = false;\r\n }\r\n\r\n showMassChangeDialog() {\r\n this.filteredBU_users = this.Bu_user;\r\n this.currentProductsManagesList = this.getUniqueListBy(this.products, 'product_manager');\r\n this.massChangePMPopup = true;\r\n }\r\n\r\n currentPmDDChange(value) {\r\n this.filteredBU_users = this.Bu_user.filter(user => user.user_id !== value.product_manager);\r\n }\r\n\r\n changePM() {\r\n if(!this.massChangeCurrentPM || !this.massChangeNewPM) {\r\n this.toastr.error(\"Required to select values before continuing\");\r\n return;\r\n }\r\n this._service.ChangeProductManager(this.massChangeCurrentPM.product_manager, this.massChangeNewPM.user_id).subscribe(res => {\r\n this.massChangePMPopup = false;\r\n if(!res['isError']) {\r\n this.getAllProductsyBu(this.currentBusinessUnit);\r\n this.toastr.success(\"Product manager changed\", \"Success\");\r\n } else {\r\n this._service.displayToastr(res);\r\n }\r\n });\r\n }\r\n\r\n displayResult(res) {\r\n this._service.displayToastr(res);\r\n }\r\n\r\n filterData(filterObj) {\r\n let { value, filter } = filterObj;\r\n if (value == '') {\r\n if (this.filteredFields.length) {\r\n this.filteredFields = this.filteredFields.filter(ff => ff.fieldName !== filter);\r\n } else {\r\n this.filteredFields = [];\r\n }\r\n } else {\r\n let foundField = this.filteredFields.filter(ff => ff.fieldName == filter);\r\n if (foundField.length) {\r\n this.filteredFields.forEach(ff => {\r\n if (ff.fieldName == filter) {\r\n ff.value = value;\r\n }\r\n })\r\n } else {\r\n let fieldObj = {\r\n fieldName: filter,\r\n value: value\r\n };\r\n this.filteredFields.push(fieldObj);\r\n }\r\n }\r\n if (this.filteredFields.length) {\r\n let temp = this.usersData;\r\n this.filteredFields.forEach(ff => {\r\n temp = temp.filter(fd => fd[ff.fieldName].toUpperCase().includes(ff.value.toUpperCase()));\r\n })\r\n this.filteredData = temp;\r\n } else {\r\n this.filteredData = JSON.parse(JSON.stringify(this.usersData));\r\n }\r\n this.tempFilteredData = JSON.parse(JSON.stringify(this.filteredData));\r\n }\r\n\r\n submitProduct() {\r\n this.spinner.show();\r\n this._service.updateEVProductDetails(this.productInfo).subscribe(res => {\r\n this.getAllProductsyBu(this.selectedBusiness);\r\n this.spinner.hide();\r\n this.closePopup();\r\n });\r\n }\r\n}\r\n","export default \"sup{\\r\\n color: red; \\r\\n}\\r\\n.salesCommercialForm {\\r\\n margin-bottom: 5px;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9hZG1pbi9zYWxlcy1jb21tZXJpY2FsLW1hbmFnZXIvc2FsZXMtY29tbWVyaWNhbC1tYW5hZ2VyLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxVQUFVO0FBQ2Q7QUFDQTtJQUNJLGtCQUFrQjtBQUN0QiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvYWRtaW4vc2FsZXMtY29tbWVyaWNhbC1tYW5hZ2VyL3NhbGVzLWNvbW1lcmljYWwtbWFuYWdlci5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsic3Vwe1xyXG4gICAgY29sb3I6IHJlZDsgIFxyXG59XHJcbi5zYWxlc0NvbW1lcmNpYWxGb3JtIHtcclxuICAgIG1hcmdpbi1ib3R0b206IDVweDtcclxufSJdfQ== */\"","import { Component, OnInit } from '@angular/core';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { CupsService } from 'src/services/cups.service';\r\n@Component({\r\n selector: 'app-sales-commerical-manager',\r\n templateUrl: './sales-commerical-manager.component.html',\r\n styleUrls: ['./sales-commerical-manager.component.css']\r\n})\r\nexport class SalesCommericalManagerComponent implements OnInit {\r\n BusinessUnitData: any;\r\n CountryData: any;\r\n RegionData: any;\r\n response: any;\r\n BusinessUnit: any;\r\n SBusinessUnit: any;\r\n selectedSBusiness: any;\r\n selectedBusiness:any;\r\n cols:any;\r\n selectedValues:any\r\n UsersData=[];\r\n Bu_user:any;\r\n filteredFields = [];\r\n usersData: any;\r\n filteredData: any;\r\n tempFilteredData: any;\r\n GridData: any;\r\n selectedSalesManager: any;\r\n selectedCommercialManager: any;\r\n selectedCountry: any;\r\n selectedRegion: any;\r\n availableSalesManagers: any;\r\n availableCommercialManagers: any;\r\n\r\n constructor(private _service: CupsService,private spinner: NgxSpinnerService, private toastr: ToastrService) { }\r\n ngOnInit() {\r\n this.cols = [\r\n {\r\n \"header_id\": 2,\r\n \"field\": \"user_name\",\r\n \"header\": \"User Name\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 2\r\n },\r\n {\r\n \"header_id\": 5,\r\n \"field\": \"region_name\",\r\n \"header\": \"Region\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 5\r\n },\r\n {\r\n \"header_id\": 6,\r\n \"field\": \"country_name\",\r\n \"header\": \"Country\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 6\r\n },\r\n {\r\n \"header_id\": 7,\r\n \"field\": \"role_name\",\r\n \"header\": \"Type\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 7\r\n }\r\n ]\r\n this._service.getAdminConfigMaster().subscribe((res1) => {\r\n if (!res1['isError']) {\r\n this.response = res1;\r\n this.BusinessUnitData = this.response.buData;\r\n this.CountryData = this.response.countryData;\r\n this.RegionData = this.response.regionData;\r\n let key = 'businessunit_id';\r\n this.BusinessUnit = [...new Map(this.BusinessUnitData.map(item =>\r\n [item[key], item])).values()];\r\n\r\n const currentBU = sessionStorage.getItem(\"BU\");\r\n this.BusinessUnit.forEach(bu => {\r\n if(bu.businessunit_name === currentBU) {\r\n this.selectedBusiness = bu.businessunit_id;\r\n this.getBuUser(this.selectedBusiness);\r\n this.getAllSalesCommericalManger(this.selectedBusiness);\r\n }\r\n });\r\n } else {\r\n this._service.displayToastr(res1);\r\n }\r\n })\r\n }\r\n\r\n getAllSalesCommericalManger(id) {\r\n this._service.getAllSalesCommericalManger(id).subscribe(res => {\r\n if (!res['isError']) {\r\n this.UsersData = res['response'];\r\n } else {\r\n this._service.displayToastr(res);\r\n }\r\n })\r\n }\r\n\r\n getBuUser(value) {\r\n let bu_id = value;\r\n this._service.getBUUsers(bu_id).subscribe((res) => {\r\n if (!res['isError']) {\r\n this.Bu_user = this.getUniqueListBy(res['lstUsers'],'user_name');\r\n } else {\r\n this._service.displayToastr(res);\r\n }\r\n })\r\n }\r\n\r\n getUniqueListBy(arr, key) {\r\n return [...new Map(arr.map(item => [item[key], item])).values()]\r\n }\r\n\r\n filterUsersByCountry(_event) {\r\n this.availableCommercialManagers = null;\r\n this.availableSalesManagers = null;\r\n switch(this.selectedCountry.country_id) {\r\n case 1: this.getUsersByUSCountry(); break;\r\n case 2: this.getUsersByMexicoCountry(); break;\r\n default: this.getUsersByUSCountry(); break;\r\n }\r\n }\r\n\r\n getUsersByUSCountry() {\r\n this.availableCommercialManagers = null;\r\n this.availableSalesManagers = null;\r\n this.availableCommercialManagers = JSON.parse(JSON.stringify(this.Bu_user));\r\n this.availableSalesManagers = JSON.parse(JSON.stringify(this.Bu_user));\r\n }\r\n\r\n getUsersByMexicoCountry() {\r\n this.availableCommercialManagers = null;\r\n this.availableSalesManagers = null;\r\n this.availableCommercialManagers = null;\r\n this.availableCommercialManagers = JSON.parse(JSON.stringify(this.Bu_user));\r\n this.availableSalesManagers = JSON.parse(JSON.stringify(this.Bu_user));\r\n }\r\n\r\n submitData(value){\r\n if (this.validationSalesCommercialmanager()) {\r\n let data = {\r\n \"businessUnit\": this.selectedBusiness,\r\n \"country\": (this.selectedCountry.country_id) ? this.selectedCountry.country_id : 0,\r\n \"region_id\": (this.selectedRegion.region_id) ? this.selectedRegion.region_id : 0,\r\n \"salesManager_id\": (this.selectedSalesManager) ? this.selectedSalesManager.user_id : 0,\r\n \"commercialManager_id\": (this.selectedCommercialManager) ? this.selectedCommercialManager.user_id : 0,\r\n \"created_user_id\": sessionStorage.getItem('userid')\r\n }\r\n this._service.postSalescommercialUsers(data).subscribe(res => {\r\n this.postSalesCommercialResp(res);\r\n this.getAllSalesCommericalManger(this.selectedBusiness);\r\n })\r\n }\r\n }\r\n\r\n postSalesCommercialResp(res: any) {\r\n if (!res['isError']) {\r\n if (res == \"Data saved successfully.\") {\r\n this.GridData = this.UsersData;\r\n }\r\n else {\r\n this.UsersData = []\r\n }\r\n } else {\r\n this._service.displayToastr(res);\r\n }\r\n }\r\n\r\n validationSalesCommercialmanager() {\r\n if(!this.selectedSalesManager && !this.selectedCommercialManager) {\r\n this.toastr.error('Select any user either for Sales Manager or Commercial Manager');\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n }\r\n\r\n filterData(filterObj) {\r\n let {value, filter } = filterObj;\r\n if (value == '') {\r\n if (this.filteredFields.length) {\r\n this.filteredFields = this.filteredFields.filter(ff => ff.fieldName !== filter);\r\n } else {\r\n this.filteredFields = [];\r\n }\r\n } else {\r\n let foundField = this.filteredFields.filter(ff => ff.fieldName == filter);\r\n if (foundField.length) {\r\n this.filteredFields.forEach(ff => {\r\n if (ff.fieldName == filter) {\r\n ff.value = value;\r\n }\r\n })\r\n } else {\r\n let fieldObj = {\r\n fieldName: filter,\r\n value: value\r\n };\r\n this.filteredFields.push(fieldObj);\r\n }\r\n }\r\n if (this.filteredFields.length) {\r\n let temp = this.usersData;\r\n this.filteredFields.forEach(ff => {\r\n temp = temp.filter(fd => fd[ff.fieldName].toUpperCase().includes(ff.value.toUpperCase()));\r\n })\r\n this.filteredData = temp;\r\n } else {\r\n this.filteredData = JSON.parse(JSON.stringify(this.usersData));\r\n }\r\n this.tempFilteredData = JSON.parse(JSON.stringify(this.filteredData));\r\n }\r\n}\r\n","export default \"sup{\\r\\n color: red; \\r\\n}\\r\\n\\r\\n#distributorRequestForm .ui-dropdown , #distributorRequestForm .ui-multiselect{\\r\\n width: 100% !important;\\r\\n border: 1px solid black !important;\\r\\n}\\r\\n\\r\\n/* @media screen and (min-width: 1000px) {\\r\\n #dynamicGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 370px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:140px !important;\\r\\n }\\r\\n }\\r\\n\\r\\n @media screen and (min-width: 1052px) {\\r\\n #dynamicGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 320px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:110px !important;\\r\\n }\\r\\n }\\r\\n @media screen and (min-width: 1407px) {\\r\\n #dynamicGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 300px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:80px !important;\\r\\n }\\r\\n} */\\r\\n\\r\\n@media screen and (min-width: 1000px){\\r\\n /* div{\\r\\n text-align: center;\\r\\n }\\r\\n table{\\r\\n width: 1050px;\\r\\n } */\\r\\n}\\r\\n\\r\\n.multiselect{\\r\\n border-color: none;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9hZG1pbi9zYWxlcy1zdXBwb3J0L3NhbGVzLXN1cHBvcnQvc2FsZXMtc3VwcG9ydC5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksVUFBVTtBQUNkOztBQUVBO0lBQ0ksc0JBQXNCO0lBQ3RCLGtDQUFrQztBQUN0Qzs7QUFPQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBd0JHOztBQUdIO0lBQ0k7Ozs7O09BS0c7QUFDUDs7QUFDQTtJQUNJLGtCQUFrQjtBQUN0QiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvYWRtaW4vc2FsZXMtc3VwcG9ydC9zYWxlcy1zdXBwb3J0L3NhbGVzLXN1cHBvcnQuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbInN1cHtcclxuICAgIGNvbG9yOiByZWQ7ICBcclxufVxyXG5cclxuI2Rpc3RyaWJ1dG9yUmVxdWVzdEZvcm0gLnVpLWRyb3Bkb3duICwgI2Rpc3RyaWJ1dG9yUmVxdWVzdEZvcm0gLnVpLW11bHRpc2VsZWN0e1xyXG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcblxyXG5cclxuXHJcblxyXG5cclxuLyogQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwMHB4KSB7XHJcbiAgICAjZHluYW1pY0dyaWQgLnVpLXRhYmxlLXNjcm9sbGFibGUtYm9keSB7XHJcbiAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtIDM3MHB4KSAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gICAgLmNmIHtcclxuICAgICAgICBtYXJnaW4tdG9wOjE0MHB4ICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDUycHgpIHtcclxuICAgICNkeW5hbWljR3JpZCAudWktdGFibGUtc2Nyb2xsYWJsZS1ib2R5IHtcclxuICAgICAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMzIwcHgpICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAuY2Yge1xyXG4gICAgICAgIG1hcmdpbi10b3A6MTEwcHggIWltcG9ydGFudDtcclxuICAgIH1cclxuICB9XHJcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTQwN3B4KSB7XHJcbiAgICAjZHluYW1pY0dyaWQgLnVpLXRhYmxlLXNjcm9sbGFibGUtYm9keSB7XHJcbiAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtIDMwMHB4KSAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gICAgLmNmIHtcclxuICAgICAgICBtYXJnaW4tdG9wOjgwcHggIWltcG9ydGFudDtcclxuICAgIH1cclxufSAqL1xyXG5cclxuXHJcbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDBweCl7XHJcbiAgICAvKiBkaXZ7XHJcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgfVxyXG4gICAgdGFibGV7XHJcbiAgICAgICAgd2lkdGg6IDEwNTBweDtcclxuICAgIH0gKi9cclxufVxyXG4ubXVsdGlzZWxlY3R7XHJcbiAgICBib3JkZXItY29sb3I6IG5vbmU7XHJcbn0iXX0= */\"","import { Component, OnInit } from '@angular/core';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { CupsService } from 'src/services/cups.service';\r\n@Component({\r\n selector: 'app-sales-support',\r\n templateUrl: './sales-support.component.html',\r\n styleUrls: ['./sales-support.component.css']\r\n})\r\nexport class SalesSupportComponent implements OnInit {\r\n BusinessUnitData: any;\r\n CountryData: any;\r\n RegionData: any;\r\n response: any;\r\n BusinessUnit: any;\r\n SBusinessUnit: any;\r\n selectedSBusiness: any;\r\n // selectedBusiness: any;\r\n cols: any;\r\n selectedValues: any\r\n UsersData = [];\r\n Bu_user: any;\r\n AllUsersData: any;\r\n filteredFields = [];\r\n usersData: any;\r\n filteredData: any;\r\n tempFilteredData: any;\r\n GridData: any;\r\n selectedRegion: any;\r\n selectedCountry: any;\r\n selectedBusiness: any;\r\n selectedSBU: any;\r\n salesSupportUsers: any;\r\n pricingAdminUsers: any;\r\n selectedSalesSupportUsers: any;\r\n selectedPricingAdminUsers: any;\r\n\r\n constructor(private _service: CupsService, private spinner: NgxSpinnerService, private toastr: ToastrService) { }\r\n ngOnInit() {\r\n this.spinner.show();\r\n this.cols = [\r\n {\r\n \"header_id\": 2,\r\n \"field\": \"userName\",\r\n \"header\": \"User Name\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 2\r\n },\r\n {\r\n \"header_id\": 3,\r\n \"field\": \"emailId\",\r\n \"header\": \"Email ID\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 3\r\n },\r\n {\r\n \"header_id\": 4,\r\n \"field\": \"sbuName\",\r\n \"header\": \"SBU\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 4\r\n },\r\n {\r\n \"header_id\": 5,\r\n \"field\": \"regionName\",\r\n \"header\": \"Region\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 5\r\n },\r\n {\r\n \"header_id\": 6,\r\n \"field\": \"countryName\",\r\n \"header\": \"Country\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 6\r\n },\r\n {\r\n \"header_id\": 7,\r\n \"field\": \"type\",\r\n \"header\": \"Type\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 7\r\n },\r\n {\r\n \"header_id\": 8,\r\n \"field\": \"businessUnitName\",\r\n \"header\": \"Bussiness Unit\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 8\r\n }]\r\n\r\n this._service.getAdminConfigMaster().subscribe((res1) => {\r\n this.spinner.hide();\r\n if (!res1['isError']) {\r\n this.response = res1;\r\n this.BusinessUnitData = this.response.buData;\r\n this.CountryData = this.response.countryData;\r\n this.RegionData = this.response.regionData;\r\n let key = 'businessunit_id';\r\n this.BusinessUnit = [...new Map(this.BusinessUnitData.map(item =>\r\n [item[key], item])).values()];\r\n const currentBU = sessionStorage.getItem(\"BU\");\r\n this.BusinessUnit.forEach(bu => {\r\n if (bu.businessunit_name === currentBU) {\r\n this.selectedBusiness = bu.businessunit_id;\r\n this.onBusinessChange(this.selectedBusiness);\r\n this.getBuUser(this.selectedBusiness);\r\n this.getAllSaleSupportPricingAdmin(this.selectedBusiness);\r\n }\r\n });\r\n } else {\r\n this._service.displayToastr(res1);\r\n }\r\n })\r\n }\r\n\r\n getAllSaleSupportPricingAdmin(id) {\r\n this.spinner.show();\r\n this._service.getAllSaleSupportPricingAdmin(id).subscribe((res) => {\r\n this.spinner.hide();\r\n if (!res['isError']) {\r\n this.UsersData = res['response'];\r\n this.GridData = this.UsersData;\r\n } else {\r\n this._service.displayToastr(res);\r\n }\r\n })\r\n }\r\n\r\n onBusinessChange(event) {\r\n if (this.BusinessUnitData != undefined) {\r\n this.SBusinessUnit = this.BusinessUnitData.filter(i => i.businessunit_id == event);\r\n }\r\n }\r\n\r\n onSBusinessChange(newValue) {\r\n console.log(newValue);\r\n }\r\n\r\n getBuUser(value) {\r\n let bu_id = value;\r\n this._service.getBUUsers(bu_id).subscribe((res) => {\r\n if (!res['isError']) {\r\n this.Bu_user = this.getUniqueListBy(res['lstUsers'], 'user_name');\r\n } else {\r\n this._service.displayToastr(res);\r\n }\r\n })\r\n }\r\n\r\n getUniqueListBy(arr, key) {\r\n return [...new Map(arr.map(item => [item[key], item])).values()]\r\n }\r\n\r\n submitData() {\r\n let data = {\r\n \"region_id\": this.selectedRegion.region_id,\r\n \"country_id\": this.selectedCountry.country_id,\r\n \"business_unit\": this.selectedBusiness,\r\n \"sbu\": this.selectedSBU.request_master_id,\r\n \"salesSupport_ids\": [\r\n ],\r\n \"pricingAdmin_ids\": [\r\n ]\r\n }\r\n if(this.selectedBusiness != 1 && this.selectedBusiness != 4) {\r\n this.selectedSalesSupportUsers.forEach(x => {\r\n data.salesSupport_ids.push(x.user_id);\r\n });\r\n }\r\n this.selectedPricingAdminUsers.forEach(x => {\r\n data.pricingAdmin_ids.push(x.user_id);\r\n });\r\n this._service.postSalesSupportUsers(data).subscribe(response => {\r\n if (!response['isError']) {\r\n this.spinner.show();\r\n this.selectedRegion = null;\r\n this.selectedCountry = null;\r\n this.selectedSBU = null;\r\n this.selectedSalesSupportUsers = null;\r\n this.selectedPricingAdminUsers = null;\r\n this.getAllSaleSupportPricingAdmin(this.selectedBusiness);\r\n this._service.displayToastr(response);\r\n } else {\r\n this._service.displayToastr(response);\r\n }\r\n })\r\n }\r\n\r\n filterData(filterObj) {\r\n let { value, filter } = filterObj;\r\n if (value == '') {\r\n if (this.filteredFields.length) {\r\n this.filteredFields = this.filteredFields.filter(ff => ff.fieldName !== filter);\r\n } else {\r\n this.filteredFields = [];\r\n }\r\n } else {\r\n let foundField = this.filteredFields.filter(ff => ff.fieldName == filter);\r\n if (foundField.length) {\r\n this.filteredFields.forEach(ff => {\r\n if (ff.fieldName == filter) {\r\n ff.value = value;\r\n }\r\n })\r\n } else {\r\n let fieldObj = {\r\n fieldName: filter,\r\n value: value\r\n };\r\n this.filteredFields.push(fieldObj);\r\n }\r\n }\r\n if (this.filteredFields.length) {\r\n let temp = this.usersData;\r\n this.filteredFields.forEach(ff => {\r\n temp = temp.filter(fd => fd[ff.fieldName].toUpperCase().includes(ff.value.toUpperCase()));\r\n })\r\n this.filteredData = temp;\r\n } else {\r\n this.filteredData = JSON.parse(JSON.stringify(this.usersData));\r\n }\r\n this.tempFilteredData = JSON.parse(JSON.stringify(this.filteredData));\r\n }\r\n\r\n onChangeSBU(_event1) {\r\n if(this.selectedCountry){\r\n this.getCountryUsers();\r\n this.getUsersBasedOnSBUCountrySelection();\r\n }\r\n }\r\n\r\n onChangeSalesSupportUsers() {\r\n console.log(this.selectedSalesSupportUsers);\r\n }\r\n\r\n onChangePricingAdminUsers() {\r\n console.log(this.selectedPricingAdminUsers);\r\n }\r\n\r\n getCountryUsers() {\r\n this.salesSupportUsers = this.Bu_user;\r\n this.pricingAdminUsers = this.Bu_user;\r\n if(this.selectedSBU) {\r\n this.getUsersBasedOnSBUCountrySelection();\r\n }\r\n }\r\n\r\n getUsersBasedOnSBUCountrySelection() {\r\n let tempSalesSupportUsers = [];\r\n let tempPricingAdminUsers = [];\r\n this.GridData.forEach(gd => {\r\n if (gd.sbuName === this.selectedSBU.value && gd.type === 'SalesSupport' ){\r\n let fSalesSupportUser = this.salesSupportUsers.find(bu1 => bu1.user_id === gd.userId );\r\n if (fSalesSupportUser) {\r\n tempSalesSupportUsers.push(fSalesSupportUser);\r\n }\r\n }\r\n if (gd.sbuName === this.selectedSBU.value && gd.type === 'PricingAdmin'){\r\n let fPricingAdminUser = this.pricingAdminUsers.find(bu1 => bu1.user_id === gd.userId );\r\n if (fPricingAdminUser) {\r\n tempPricingAdminUsers.push(fPricingAdminUser);\r\n }\r\n }\r\n });\r\n this.assignTempDataToSalesSupportPricingAdmin(tempSalesSupportUsers, tempPricingAdminUsers);\r\n }\r\n\r\n assignTempDataToSalesSupportPricingAdmin(ssUsers: any[], paUsers: any[]) {\r\n if (ssUsers.length) {\r\n this.selectedSalesSupportUsers = JSON.parse(JSON.stringify(this.getUniqueListBy(ssUsers,'user_name')));\r\n }\r\n if (paUsers.length) {\r\n this.selectedPricingAdminUsers = JSON.parse(JSON.stringify(this.getUniqueListBy(paUsers,'user_name')));\r\n }\r\n }\r\n}\r\n","export default \".header-label {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n}\\r\\n.add-btn {\\r\\n color: white;\\r\\n background-color: #0096d6;\\r\\n margin:10px;\\r\\n border-radius: 5px;\\r\\n float: right;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9hZG1pbi91c2VyL3VzZXItZ3JpZC91c2VyLWdyaWQuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLGVBQWU7SUFDZixnQkFBZ0I7QUFDcEI7QUFDQTtJQUNJLFlBQVk7SUFDWix5QkFBeUI7SUFDekIsV0FBVztJQUNYLGtCQUFrQjtJQUNsQixZQUFZO0FBQ2hCIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9hZG1pbi91c2VyL3VzZXItZ3JpZC91c2VyLWdyaWQuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5oZWFkZXItbGFiZWwge1xyXG4gICAgZm9udC1zaXplOiAyMHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcclxufVxyXG4uYWRkLWJ0biB7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA5NmQ2O1xyXG4gICAgbWFyZ2luOjEwcHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgICBmbG9hdDogcmlnaHQ7XHJcbn0iXX0= */\"","import { Component, OnInit } from '@angular/core';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { ConfirmationService } from 'primeng/api';\r\nimport { CupsService } from 'src/services/cups.service';\r\n\r\n@Component({\r\n selector: 'app-user-grid',\r\n templateUrl: './user-grid.component.html',\r\n styleUrls: ['./user-grid.component.css'],\r\n providers: [ConfirmationService]\r\n\r\n})\r\nexport class UserGridComponent implements OnInit {\r\n cols: any;\r\n usersData: any;\r\n userAPIResp: any;\r\n filteredFields: any;\r\n filteredData: any;\r\n tempFilteredData: any;\r\n selectedRow: any;\r\n formType: any;\r\n showForm = false;\r\n businessUnits = [\r\n { id: 1, businessUnit: 'EM'},\r\n { id: 2, businessUnit: 'EV'},\r\n { id: 3, businessUnit: 'PM'},\r\n { id: 4, businessUnit: 'ED'}\r\n ]\r\n constructor(private service: CupsService, private spinner: NgxSpinnerService, private toastr: ToastrService, private confirmationService: ConfirmationService) { }\r\n\r\n ngOnInit() {\r\n this.cols = [\r\n {\r\n \"header_id\": 1,\r\n \"field\": \"basf_user_id\",\r\n \"header\": \"BASF UserId\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 1\r\n },\r\n {\r\n \"header_id\": 2,\r\n \"field\": \"first_name\",\r\n \"header\": \"FirstName\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 2\r\n },\r\n {\r\n \"header_id\": 3,\r\n \"field\": \"last_name\",\r\n \"header\": \"LastName\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 3\r\n },\r\n {\r\n \"header_id\": 4,\r\n \"field\": \"email\",\r\n \"header\": \"Email\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 4\r\n },\r\n {\r\n \"header_id\": 5,\r\n \"field\": \"is_admin\",\r\n \"header\": \"Admin\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 5\r\n },\r\n {\r\n \"header_id\": 6,\r\n \"field\": \"businessUnits\",\r\n \"header\": \"Business Units\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 6\r\n }\r\n ]\r\n this.getUsers();\r\n }\r\n\r\n getUsers() {\r\n this.spinner.show();\r\n this.service.getUsers().subscribe(response => {\r\n this.spinner.hide();\r\n if (!response['isError']) {\r\n this.userAPIResp = response;\r\n this.showForm = false;\r\n this.usersData = JSON.parse(JSON.stringify(this.userAPIResp.lstUsers.filter(ua => !ua.is_distributor_user && ua.is_active)));\r\n this.usersData.forEach(u => {\r\n let fBusinesUnits = this.userAPIResp.lstuserBu.filter(ua => ua.userid === u.user_id && !ua.is_distributor_user);\r\n if (fBusinesUnits.length > 0) {\r\n let tBUnit = '';\r\n fBusinesUnits.forEach(fb => {\r\n let fbUnit = this.businessUnits.find(bu => bu.id === fb.businessunit_id);\r\n if (tBUnit == '') {\r\n tBUnit = fbUnit.businessUnit;\r\n } else {\r\n tBUnit = tBUnit + ',' + fbUnit.businessUnit;\r\n }\r\n });\r\n u.businessUnits = tBUnit;\r\n } else {\r\n u.businessUnits = '';\r\n }\r\n });\r\n this.usersData = JSON.parse(JSON.stringify(this.usersData.filter(ud => ud.businessUnits === sessionStorage.getItem('BU') )));\r\n } else {\r\n this.service.displayToastr(response);\r\n }\r\n });\r\n }\r\n\r\n filterData(filterObj) {\r\n let {value, filter } = filterObj;\r\n if (value == '') {\r\n if (this.filteredFields.length) {\r\n this.filteredFields = this.filteredFields.filter(ff => ff.fieldName !== filter);\r\n } else {\r\n this.filteredFields = [];\r\n }\r\n } else {\r\n let foundField = this.filteredFields.filter(ff => ff.fieldName == filter);\r\n if (foundField.length) {\r\n this.filteredFields.forEach(ff => {\r\n if (ff.fieldName == filter) {\r\n ff.value = value;\r\n }\r\n })\r\n } else {\r\n let fieldObj = {\r\n fieldName: filter,\r\n value: value\r\n };\r\n this.filteredFields.push(fieldObj);\r\n }\r\n }\r\n if (this.filteredFields.length) {\r\n let temp = this.usersData;\r\n this.filteredFields.forEach(ff => {\r\n temp = temp.filter(fd => fd[ff.fieldName].toUpperCase().includes(ff.value.toUpperCase()));\r\n })\r\n this.filteredData = temp;\r\n } else {\r\n this.filteredData = JSON.parse(JSON.stringify(this.usersData));\r\n }\r\n this.tempFilteredData = JSON.parse(JSON.stringify(this.filteredData));\r\n }\r\n\r\n onSelectRow(rowObject) {\r\n let { rowData, type } = rowObject;\r\n this.selectedRow = JSON.parse(JSON.stringify(rowData));\r\n if (type == 'edit') {\r\n this.formType = 'Edit';\r\n this.showForm = true;\r\n } else {\r\n this.confirmationService.confirm({\r\n message: 'Please ensure the approval process for mapped price supports has been taken care for the following user. Kindly proceed to continue deletion. ?',\r\n header: 'Delete Confirmation',\r\n icon: 'pi pi-info-circle',\r\n accept: () => {\r\n this.deleteUser(rowData);\r\n },\r\n reject: () => {\r\n }\r\n });\r\n }\r\n }\r\n\r\n addNewUser() {\r\n this.selectedRow = {\r\n \"user_id\": 0,\r\n \"basf_user_id\": \"\",\r\n \"first_name\": \"\",\r\n \"last_name\": \"\",\r\n \"email\": \"\",\r\n \"is_admin\": false\r\n };\r\n this.formType = \"New\";\r\n this.showForm = true;\r\n }\r\n\r\n refreshUsers(eventvalue) {\r\n if(eventvalue) {\r\n this.getUsers();\r\n } else {\r\n this.showForm = false;\r\n }\r\n }\r\n\r\n deleteUser(rowData) {\r\n let payLoad = {\r\n \"user_id\": rowData.user_id,\r\n \"created_by\": sessionStorage.getItem('userid'),\r\n \"is_active\": false\r\n };\r\n this.spinner.show();\r\n this.service.deleteUser(payLoad).subscribe(response => {\r\n this.spinner.hide();\r\n if (!response['isError']) {\r\n this.service.displayToastr(response);\r\n this.getUsers();\r\n } else {\r\n this.service.displayToastr(response);\r\n }\r\n })\r\n }\r\n}\r\n","export default \".cust-form-label {\\r\\n font-size: 14px !important;\\r\\n margin-bottom: 0px !important;\\r\\n display: block;\\r\\n}\\r\\n.cancel-btn {\\r\\n width: 150px;\\r\\n color: white;\\r\\n background-color: #4f4f4f;\\r\\n margin:10px;\\r\\n border-radius: 5px;\\r\\n}\\r\\n.submit-btn {\\r\\n width: 150px;\\r\\n color: white;\\r\\n background-color: #0096d6;\\r\\n margin:10px;\\r\\n border-radius: 5px;\\r\\n}\\r\\nsmall {\\r\\n font-weight: 600 !important;\\r\\n}\\r\\n.cust-form-group {\\r\\n justify-content: end;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9hZG1pbi91c2VyL3VzZXItcmVnaXN0cmF0aW9uL3VzZXItcmVnaXN0cmF0aW9uLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSwwQkFBMEI7SUFDMUIsNkJBQTZCO0lBQzdCLGNBQWM7QUFDbEI7QUFDQTtJQUNJLFlBQVk7SUFDWixZQUFZO0lBQ1oseUJBQXlCO0lBQ3pCLFdBQVc7SUFDWCxrQkFBa0I7QUFDdEI7QUFDQTtJQUNJLFlBQVk7SUFDWixZQUFZO0lBQ1oseUJBQXlCO0lBQ3pCLFdBQVc7SUFDWCxrQkFBa0I7QUFDdEI7QUFDQTtJQUNJLDJCQUEyQjtBQUMvQjtBQUNBO0lBQ0ksb0JBQW9CO0lBQ3BCLGFBQWE7SUFDYixzQkFBc0I7QUFDMUIiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL2FkbWluL3VzZXIvdXNlci1yZWdpc3RyYXRpb24vdXNlci1yZWdpc3RyYXRpb24uY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5jdXN0LWZvcm0tbGFiZWwge1xyXG4gICAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwcHggIWltcG9ydGFudDtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG59XHJcbi5jYW5jZWwtYnRuIHtcclxuICAgIHdpZHRoOiAxNTBweDtcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICM0ZjRmNGY7XHJcbiAgICBtYXJnaW46MTBweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcclxufVxyXG4uc3VibWl0LWJ0biB7XHJcbiAgICB3aWR0aDogMTUwcHg7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA5NmQ2O1xyXG4gICAgbWFyZ2luOjEwcHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbn1cclxuc21hbGwge1xyXG4gICAgZm9udC13ZWlnaHQ6IDYwMCAhaW1wb3J0YW50O1xyXG59XHJcbi5jdXN0LWZvcm0tZ3JvdXAge1xyXG4gICAganVzdGlmeS1jb250ZW50OiBlbmQ7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxufSJdfQ== */\"","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { CupsService } from 'src/services/cups.service';\r\n\r\n@Component({\r\n selector: 'app-user-registration',\r\n templateUrl: './user-registration.component.html',\r\n styleUrls: ['./user-registration.component.css']\r\n})\r\nexport class UserRegistrationComponent implements OnInit {\r\n @Input() formData: any;\r\n @Input() formType: any;\r\n @Output() reLoadGrid = new EventEmitter();\r\n apiResp: any;\r\n apiRequest = {\r\n \"created_by\": sessionStorage.getItem('userid'),\r\n \"business_unit\": [],\r\n \"region_id\": 0,\r\n \"is_active\": true\r\n };\r\n selectedBU: any;\r\n businessUnits = [\r\n { id: 1, businessUnit: 'EM'},\r\n { id: 2, businessUnit: 'EV'},\r\n { id: 3, businessUnit: 'PM'},\r\n { id: 4, businessUnit: 'ED'}\r\n ]\r\n constructor(private _service: CupsService, private spinner: NgxSpinnerService, private toastr: ToastrService) { }\r\n\r\n ngOnInit() {\r\n if (this.formType !== 'New') {\r\n this.selectedBU = [];\r\n let tBUnits = this.formData['businessUnits'].split(\",\");\r\n tBUnits.forEach(t => {\r\n let fBUnit = this.businessUnits.find(bu => bu.businessUnit == t);\r\n if (fBUnit) {\r\n this.selectedBU.push(fBUnit);\r\n }\r\n });\r\n }\r\n }\r\n\r\n submitUser() {\r\n if (this.checkValidations()) {\r\n this.spinner.show();\r\n if (this.formType === 'New') {\r\n this.apiRequest['user_id'] = 0;\r\n } else {\r\n this.apiRequest['user_id'] = this.formData.user_id;\r\n }\r\n this.apiRequest['basf_user_id'] = this.formData.basf_user_id;\r\n this.apiRequest['first_name'] = this.formData.first_name;\r\n this.apiRequest['last_name'] = this.formData.last_name;\r\n this.apiRequest['email'] = this.formData.email;\r\n this.apiRequest['is_admin'] = this.formData.is_admin;\r\n let businessUnits = [];\r\n this.selectedBU.forEach(sbu => {\r\n let bObj = {\r\n \"Id\": 0,\r\n \"userid\": this.apiRequest['user_id'],\r\n \"businessunit_id\": sbu.id\r\n };\r\n businessUnits.push(bObj);\r\n });\r\n this.apiRequest['business_unit'] = businessUnits;\r\n this._service.submitUser(this.apiRequest).subscribe(response => {\r\n this.spinner.hide();\r\n if (!response['isError']) {\r\n this._service.displayToastr(response);\r\n this.apiResp = response;\r\n this.reLoadGrid.emit(true);\r\n } else {\r\n this._service.displayToastr(response);\r\n }\r\n })\r\n }\r\n }\r\n\r\n checkValidations() {\r\n if(this.formData.basf_user_id == null || this.formData.basf_user_id == undefined || this.formData.basf_user_id == '') {\r\n this.toastr.error(\"BASF UserName required field\");\r\n return false;\r\n }\r\n if(this.formData.first_name == null || this.formData.first_name == undefined || this.formData.first_name == '') {\r\n this.toastr.error(\"FirstName required field\");\r\n return false;\r\n }\r\n if(this.formData.last_name == null || this.formData.last_name == undefined || this.formData.last_name == '') {\r\n this.toastr.error(\"LastName required field\");\r\n return false;\r\n }\r\n if(this.formData.email == null || this.formData.email == undefined || this.formData.email == '' || !this.checkValidEmail(this.formData.email)) {\r\n this.toastr.error(\"Email required field\");\r\n return false;\r\n }\r\n if(!this.selectedBU) {\r\n this.toastr.error(\"Business Unit required field\");\r\n return false;\r\n } \r\n if(this.selectedBU && this.selectedBU.length > 1) {\r\n this.toastr.error(\"Select only one Business Unit\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n\r\n checkValidEmail(email) {\r\n if (email == '') {\r\n return false;\r\n } else {\r\n let reg = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\\.)+[A-Z]{2,4}$/i;\r\n if (!reg.test(email)) {\r\n this.toastr.error(\"Invalid Email\");\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n cancel() {\r\n this.reLoadGrid.emit(false);\r\n }\r\n\r\n}\r\n","export default \".header-label {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.excelIcon {\\r\\n font-size: 1.5em;\\r\\n cursor: pointer;\\r\\n background-color: #0096d6;\\r\\n color: white;\\r\\n border-radius: 5px;\\r\\n padding: 6px;\\r\\n margin-left: 10px;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n#cupHistoryGrid p {\\r\\n margin: 0;\\r\\n}\\r\\n\\r\\n#cupHistoryGrid .ui-table .ui-table-thead > tr > th {\\r\\n background-color: #4f4f4f;\\r\\n color: white;\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n padding: 3px;\\r\\n text-align: center;\\r\\n border: 1px solid #e1f0ff;\\r\\n}\\r\\n\\r\\n#cupHistoryGrid .ui-table .ui-table-thead > tr > th > div {\\r\\n word-break: break-all;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n }\\r\\n\\r\\n#cupHistoryGrid .ui-table .ui-table-tbody > tr > td {\\r\\n font-size: 14px;\\r\\n word-break: break-all;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n padding: 0 10px;\\r\\n color: black;\\r\\n font-weight: 500;\\r\\n border: none !important;\\r\\n border-right: 1px solid #4f4f4f !important;\\r\\n text-overflow: ellipsis;\\r\\n vertical-align: top !important;\\r\\n}\\r\\n\\r\\n.pointer-cursor {\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.add-btn {\\r\\n border-radius: 5px !important;\\r\\n background-color: #0096d6;\\r\\n margin-left: 10px;\\r\\n margin-top: 5px;\\r\\n margin-bottom: 5px;\\r\\n color: white;\\r\\n top: -14px;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n#cupHistoryGrid .edit-column {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n right: 0px !important;\\r\\n}\\r\\n\\r\\n#cupHistoryGrid .ui-paginator {\\r\\n margin-top: 10px !important;\\r\\n background-color: white !important;\\r\\n border: none !important;\\r\\n float: right !important;\\r\\n}\\r\\n\\r\\n#cupHistoryGrid .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {\\r\\n background-color: #0096d6 !important;\\r\\n color: white !important;\\r\\n }\\r\\n\\r\\n#cupHistoryGrid .ui-multiselect .ui-multiselect-panel {\\r\\n left: -292px !important;\\r\\n right: 0px !important;\\r\\n}\\r\\n\\r\\n#cupHistoryGrid .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {\\r\\n color: black !important;\\r\\n background-color: white !important;\\r\\n}\\r\\n\\r\\n#cupHistoryGrid .ui-chkbox .ui-chkbox-box.ui-state-active {\\r\\n border-color: #0096d6 !important;\\r\\n background-color: #0096d6 !important;\\r\\n color: #ffffff !important;\\r\\n}\\r\\n\\r\\n#cupHistoryGrid .ui-table table {\\r\\n width: 100% !important;\\r\\n}\\r\\n\\r\\n#cupHistoryGrid .ui-table {\\r\\n max-height: 700px !important;\\r\\n}\\r\\n\\r\\n#cupHistoryGrid .ui-table-scrollable-header, .ui-table-scrollable-footer {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n background-color: white;\\r\\n z-index: 9999;\\r\\n}\\r\\n\\r\\n#cupHistoryGrid .ui-table-scrollable-header-box {\\r\\n margin-right: 60px !important;\\r\\n}\\r\\n\\r\\n#cupHistoryGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 280px) !important;\\r\\n}\\r\\n\\r\\n#cupHistoryGrid .excelIcon {\\r\\n font-size: 1.5em;\\r\\n cursor: pointer;\\r\\n background-color: #0096d6;\\r\\n color: white;\\r\\n border-radius: 5px;\\r\\n padding: 6px;\\r\\n margin-left: 10px;\\r\\n top: -7px;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n@media screen and (min-width: 1000px) {\\r\\n #cupsRequestGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 370px) !important;\\r\\n }\\r\\n\\r\\n #supportRequestGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 370px) !important;\\r\\n }\\r\\n\\r\\n .cf {\\r\\n margin-top: 140px !important;\\r\\n }\\r\\n}\\r\\n\\r\\n@media screen and (min-width: 1052px) {\\r\\n #cupsRequestGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 320px) !important;\\r\\n }\\r\\n\\r\\n #supportRequestGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 525px) !important;\\r\\n }\\r\\n\\r\\n .cf {\\r\\n margin-top: 110px !important;\\r\\n }\\r\\n}\\r\\n\\r\\n@media screen and (min-width: 1407px) {\\r\\n #cupsRequestGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 300px) !important;\\r\\n }\\r\\n\\r\\n #supportRequestGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 460px) !important;\\r\\n }\\r\\n\\r\\n .cf {\\r\\n margin-top: 80px !important;\\r\\n }\\r\\n}\\r\\n\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9jdXAtaGlzdG9yeS9jdXAtaGlzdG9yeS5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsZUFBZTtFQUNmLGdCQUFnQjtBQUNsQjs7QUFFQTtFQUNFLGdCQUFnQjtFQUNoQixlQUFlO0VBQ2YseUJBQXlCO0VBQ3pCLFlBQVk7RUFDWixrQkFBa0I7RUFDbEIsWUFBWTtFQUNaLGlCQUFpQjtFQUNqQixrQkFBa0I7QUFDcEI7O0FBRUE7RUFDRSxTQUFTO0FBQ1g7O0FBRUE7RUFDRSx5QkFBeUI7RUFDekIsWUFBWTtFQUNaLGVBQWU7RUFDZixnQkFBZ0I7RUFDaEIsWUFBWTtFQUNaLGtCQUFrQjtFQUNsQix5QkFBeUI7QUFDM0I7O0FBRUU7SUFDRSxxQkFBcUI7SUFDckIsbUJBQW1CO0lBQ25CLGdCQUFnQjtJQUNoQix1QkFBdUI7RUFDekI7O0FBRUY7RUFDRSxlQUFlO0VBQ2YscUJBQXFCO0VBQ3JCLG1CQUFtQjtFQUNuQixnQkFBZ0I7RUFDaEIsZUFBZTtFQUNmLFlBQVk7RUFDWixnQkFBZ0I7RUFDaEIsdUJBQXVCO0VBQ3ZCLDBDQUEwQztFQUMxQyx1QkFBdUI7RUFDdkIsOEJBQThCO0FBQ2hDOztBQUVBO0VBQ0UsZUFBZTtBQUNqQjs7QUFFQTtFQUNFLDZCQUE2QjtFQUM3Qix5QkFBeUI7RUFDekIsaUJBQWlCO0VBQ2pCLGVBQWU7RUFDZixrQkFBa0I7RUFDbEIsWUFBWTtFQUNaLFVBQVU7RUFDVixrQkFBa0I7QUFDcEI7O0FBRUE7RUFDRSx3QkFBZ0I7RUFBaEIsZ0JBQWdCO0VBQ2hCLHFCQUFxQjtBQUN2Qjs7QUFFQTtFQUNFLDJCQUEyQjtFQUMzQixrQ0FBa0M7RUFDbEMsdUJBQXVCO0VBQ3ZCLHVCQUF1QjtBQUN6Qjs7QUFFRTtJQUNFLG9DQUFvQztJQUNwQyx1QkFBdUI7RUFDekI7O0FBRUY7RUFDRSx1QkFBdUI7RUFDdkIscUJBQXFCO0FBQ3ZCOztBQUVBO0VBQ0UsdUJBQXVCO0VBQ3ZCLGtDQUFrQztBQUNwQzs7QUFFQTtFQUNFLGdDQUFnQztFQUNoQyxvQ0FBb0M7RUFDcEMseUJBQXlCO0FBQzNCOztBQUVBO0VBQ0Usc0JBQXNCO0FBQ3hCOztBQUVBO0VBQ0UsNEJBQTRCO0FBQzlCOztBQUVBO0VBQ0Usd0JBQWdCO0VBQWhCLGdCQUFnQjtFQUNoQix1QkFBdUI7RUFDdkIsYUFBYTtBQUNmOztBQUVBO0VBQ0UsNkJBQTZCO0FBQy9COztBQUVBO0VBQ0UsMENBQTBDO0FBQzVDOztBQUVBO0VBQ0UsZ0JBQWdCO0VBQ2hCLGVBQWU7RUFDZix5QkFBeUI7RUFDekIsWUFBWTtFQUNaLGtCQUFrQjtFQUNsQixZQUFZO0VBQ1osaUJBQWlCO0VBQ2pCLFNBQVM7RUFDVCxrQkFBa0I7QUFDcEI7O0FBRUE7RUFDRTtJQUNFLDBDQUEwQztFQUM1Qzs7RUFFQTtJQUNFLDBDQUEwQztFQUM1Qzs7RUFFQTtJQUNFLDRCQUE0QjtFQUM5QjtBQUNGOztBQUVBO0VBQ0U7SUFDRSwwQ0FBMEM7RUFDNUM7O0VBRUE7SUFDRSwwQ0FBMEM7RUFDNUM7O0VBRUE7SUFDRSw0QkFBNEI7RUFDOUI7QUFDRjs7QUFFQTtFQUNFO0lBQ0UsMENBQTBDO0VBQzVDOztFQUVBO0lBQ0UsMENBQTBDO0VBQzVDOztFQUVBO0lBQ0UsMkJBQTJCO0VBQzdCO0FBQ0YiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL2N1cC1oaXN0b3J5L2N1cC1oaXN0b3J5LmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuaGVhZGVyLWxhYmVsIHtcclxuICBmb250LXNpemU6IDIwcHg7XHJcbiAgZm9udC13ZWlnaHQ6IDYwMDtcclxufVxyXG5cclxuLmV4Y2VsSWNvbiB7XHJcbiAgZm9udC1zaXplOiAxLjVlbTtcclxuICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNjtcclxuICBjb2xvcjogd2hpdGU7XHJcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xyXG4gIHBhZGRpbmc6IDZweDtcclxuICBtYXJnaW4tbGVmdDogMTBweDtcclxuICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbn1cclxuXHJcbiNjdXBIaXN0b3J5R3JpZCBwIHtcclxuICBtYXJnaW46IDA7XHJcbn1cclxuXHJcbiNjdXBIaXN0b3J5R3JpZCAudWktdGFibGUgLnVpLXRhYmxlLXRoZWFkID4gdHIgPiB0aCB7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogIzRmNGY0ZjtcclxuICBjb2xvcjogd2hpdGU7XHJcbiAgZm9udC1zaXplOiAxNHB4O1xyXG4gIGZvbnQtd2VpZ2h0OiA2MDA7XHJcbiAgcGFkZGluZzogM3B4O1xyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICBib3JkZXI6IDFweCBzb2xpZCAjZTFmMGZmO1xyXG59XHJcblxyXG4gICNjdXBIaXN0b3J5R3JpZCAudWktdGFibGUgLnVpLXRhYmxlLXRoZWFkID4gdHIgPiB0aCA+IGRpdiB7XHJcbiAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XHJcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xyXG4gIH1cclxuXHJcbiNjdXBIaXN0b3J5R3JpZCAudWktdGFibGUgLnVpLXRhYmxlLXRib2R5ID4gdHIgPiB0ZCB7XHJcbiAgZm9udC1zaXplOiAxNHB4O1xyXG4gIHdvcmQtYnJlYWs6IGJyZWFrLWFsbDtcclxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgcGFkZGluZzogMCAxMHB4O1xyXG4gIGNvbG9yOiBibGFjaztcclxuICBmb250LXdlaWdodDogNTAwO1xyXG4gIGJvcmRlcjogbm9uZSAhaW1wb3J0YW50O1xyXG4gIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICM0ZjRmNGYgIWltcG9ydGFudDtcclxuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcclxuICB2ZXJ0aWNhbC1hbGlnbjogdG9wICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5wb2ludGVyLWN1cnNvciB7XHJcbiAgY3Vyc29yOiBwb2ludGVyO1xyXG59XHJcblxyXG4uYWRkLWJ0biB7XHJcbiAgYm9yZGVyLXJhZGl1czogNXB4ICFpbXBvcnRhbnQ7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNjtcclxuICBtYXJnaW4tbGVmdDogMTBweDtcclxuICBtYXJnaW4tdG9wOiA1cHg7XHJcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xyXG4gIGNvbG9yOiB3aGl0ZTtcclxuICB0b3A6IC0xNHB4O1xyXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxufVxyXG5cclxuI2N1cEhpc3RvcnlHcmlkIC5lZGl0LWNvbHVtbiB7XHJcbiAgcG9zaXRpb246IHN0aWNreTtcclxuICByaWdodDogMHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbiNjdXBIaXN0b3J5R3JpZCAudWktcGFnaW5hdG9yIHtcclxuICBtYXJnaW4tdG9wOiAxMHB4ICFpbXBvcnRhbnQ7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGUgIWltcG9ydGFudDtcclxuICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcclxuICBmbG9hdDogcmlnaHQgIWltcG9ydGFudDtcclxufVxyXG5cclxuICAjY3VwSGlzdG9yeUdyaWQgLnVpLXBhZ2luYXRvciAudWktcGFnaW5hdG9yLXBhZ2VzIC51aS1wYWdpbmF0b3ItcGFnZS51aS1zdGF0ZS1hY3RpdmUge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNiAhaW1wb3J0YW50O1xyXG4gICAgY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XHJcbiAgfVxyXG5cclxuI2N1cEhpc3RvcnlHcmlkIC51aS1tdWx0aXNlbGVjdCAudWktbXVsdGlzZWxlY3QtcGFuZWwge1xyXG4gIGxlZnQ6IC0yOTJweCAhaW1wb3J0YW50O1xyXG4gIHJpZ2h0OiAwcHggIWltcG9ydGFudDtcclxufVxyXG5cclxuI2N1cEhpc3RvcnlHcmlkIC51aS1tdWx0aXNlbGVjdC1wYW5lbCAudWktbXVsdGlzZWxlY3QtaXRlbXMgLnVpLW11bHRpc2VsZWN0LWl0ZW0udWktc3RhdGUtaGlnaGxpZ2h0IHtcclxuICBjb2xvcjogYmxhY2sgIWltcG9ydGFudDtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4jY3VwSGlzdG9yeUdyaWQgLnVpLWNoa2JveCAudWktY2hrYm94LWJveC51aS1zdGF0ZS1hY3RpdmUge1xyXG4gIGJvcmRlci1jb2xvcjogIzAwOTZkNiAhaW1wb3J0YW50O1xyXG4gIGJhY2tncm91bmQtY29sb3I6ICMwMDk2ZDYgIWltcG9ydGFudDtcclxuICBjb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4jY3VwSGlzdG9yeUdyaWQgLnVpLXRhYmxlIHRhYmxlIHtcclxuICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4jY3VwSGlzdG9yeUdyaWQgLnVpLXRhYmxlIHtcclxuICBtYXgtaGVpZ2h0OiA3MDBweCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4jY3VwSGlzdG9yeUdyaWQgLnVpLXRhYmxlLXNjcm9sbGFibGUtaGVhZGVyLCAudWktdGFibGUtc2Nyb2xsYWJsZS1mb290ZXIge1xyXG4gIHBvc2l0aW9uOiBzdGlja3k7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgei1pbmRleDogOTk5OTtcclxufVxyXG5cclxuI2N1cEhpc3RvcnlHcmlkIC51aS10YWJsZS1zY3JvbGxhYmxlLWhlYWRlci1ib3gge1xyXG4gIG1hcmdpbi1yaWdodDogNjBweCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4jY3VwSGlzdG9yeUdyaWQgLnVpLXRhYmxlLXNjcm9sbGFibGUtYm9keSB7XHJcbiAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtIDI4MHB4KSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4jY3VwSGlzdG9yeUdyaWQgLmV4Y2VsSWNvbiB7XHJcbiAgZm9udC1zaXplOiAxLjVlbTtcclxuICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNjtcclxuICBjb2xvcjogd2hpdGU7XHJcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xyXG4gIHBhZGRpbmc6IDZweDtcclxuICBtYXJnaW4tbGVmdDogMTBweDtcclxuICB0b3A6IC03cHg7XHJcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG59XHJcblxyXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDAwcHgpIHtcclxuICAjY3Vwc1JlcXVlc3RHcmlkIC51aS10YWJsZS1zY3JvbGxhYmxlLWJvZHkge1xyXG4gICAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtIDM3MHB4KSAhaW1wb3J0YW50O1xyXG4gIH1cclxuXHJcbiAgI3N1cHBvcnRSZXF1ZXN0R3JpZCAudWktdGFibGUtc2Nyb2xsYWJsZS1ib2R5IHtcclxuICAgIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSAzNzBweCkgIWltcG9ydGFudDtcclxuICB9XHJcblxyXG4gIC5jZiB7XHJcbiAgICBtYXJnaW4tdG9wOiAxNDBweCAhaW1wb3J0YW50O1xyXG4gIH1cclxufVxyXG5cclxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTA1MnB4KSB7XHJcbiAgI2N1cHNSZXF1ZXN0R3JpZCAudWktdGFibGUtc2Nyb2xsYWJsZS1ib2R5IHtcclxuICAgIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSAzMjBweCkgIWltcG9ydGFudDtcclxuICB9XHJcblxyXG4gICNzdXBwb3J0UmVxdWVzdEdyaWQgLnVpLXRhYmxlLXNjcm9sbGFibGUtYm9keSB7XHJcbiAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gNTI1cHgpICFpbXBvcnRhbnQ7XHJcbiAgfVxyXG5cclxuICAuY2Yge1xyXG4gICAgbWFyZ2luLXRvcDogMTEwcHggIWltcG9ydGFudDtcclxuICB9XHJcbn1cclxuXHJcbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDE0MDdweCkge1xyXG4gICNjdXBzUmVxdWVzdEdyaWQgLnVpLXRhYmxlLXNjcm9sbGFibGUtYm9keSB7XHJcbiAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMzAwcHgpICFpbXBvcnRhbnQ7XHJcbiAgfVxyXG5cclxuICAjc3VwcG9ydFJlcXVlc3RHcmlkIC51aS10YWJsZS1zY3JvbGxhYmxlLWJvZHkge1xyXG4gICAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtIDQ2MHB4KSAhaW1wb3J0YW50O1xyXG4gIH1cclxuXHJcbiAgLmNmIHtcclxuICAgIG1hcmdpbi10b3A6IDgwcHggIWltcG9ydGFudDtcclxuICB9XHJcbn1cclxuIl19 */\"","import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';\r\nimport * as moment from 'moment';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { CupsService } from 'src/services/cups.service';\r\nimport * as FileSaver from 'file-saver';\r\nimport * as XLSX from 'xlsx';\r\n\r\nconst EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';\r\n\r\nconst EXCEL_EXTENSION = '.xlsx';\r\n\r\n@Component({\r\n selector: 'app-cup-history',\r\n templateUrl: './cup-history.component.html',\r\n styleUrls: ['./cup-history.component.css'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class CupHistoryComponent implements OnInit {\r\n @Input() cupReqId: any;\r\n @Output() sendPriceData = new EventEmitter();\r\n selectedBusinessUnit: any;\r\n bu: any;\r\n EVID = 2;\r\n EMID = 1;\r\n PMID = 3;\r\n EDID = 4;\r\n cols = [];\r\n priceData: any;\r\n apiResp: any;\r\n emEVCols: any;\r\n pmCols: any;\r\n isDistributor: any;\r\n filteredFields = [];\r\n filteredData: any;\r\n tempFilteredData: any;\r\n constructor(private _service: CupsService, private spinner: NgxSpinnerService) { }\r\n\r\n ngOnInit() {\r\n this.bu = sessionStorage.getItem('BU');\r\n this.isDistributor = ( sessionStorage.getItem('isDistributor') === \"1\" || sessionStorage.getItem('isDistributor') === \"true\") ? true : false;\r\n this.emEVCols = [\r\n {\r\n \"header_id\": 1,\r\n \"field\": \"cupReqId\",\r\n \"header\": \"Ref #\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 1\r\n },\r\n {\r\n \"header_id\": 1,\r\n \"field\": \"effectiveDate\",\r\n \"header\": \"Date\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 1\r\n },\r\n {\r\n \"header_id\": 2,\r\n \"field\": \"distributor_price_from_basf\",\r\n \"header\": \"Distributor Price\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 2\r\n },\r\n {\r\n \"header_id\": 3,\r\n \"field\": \"support_price_to_end_customer\",\r\n \"header\": \"Support Price\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 3\r\n },\r\n {\r\n \"header_id\": 4,\r\n \"field\": \"net_support_price\",\r\n \"header\": \"Net Support Price\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 3\r\n },\r\n {\r\n \"header_id\": 5,\r\n \"field\": \"credit_bank_amount\",\r\n \"header\": \"Credit Back Amount\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 3\r\n }\r\n ];\r\n this.pmCols = [\r\n {\r\n \"header_id\": 1,\r\n \"field\": \"cupReqId\",\r\n \"header\": \"Ref #\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 1\r\n },\r\n {\r\n \"header_id\": 1,\r\n \"field\": \"effectiveDate\",\r\n \"header\": \"Date\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 1\r\n },\r\n {\r\n \"header_id\": 2,\r\n \"field\": \"selling_margin\",\r\n \"header\": \"Selling Margin\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 2\r\n },\r\n {\r\n \"header_id\": 3,\r\n \"field\": \"suggested_selling_price\",\r\n \"header\": \"Suggested Selling Price\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 3\r\n },\r\n {\r\n \"header_id\": 4,\r\n \"field\": \"supported_buy_price\",\r\n \"header\": \"Supported Buy Price\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 3\r\n },\r\n {\r\n \"header_id\": 5,\r\n \"field\": \"rebate\",\r\n \"header\": \"Rebate\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 3\r\n }\r\n ]\r\n this.updateSelectedBU();\r\n this.getEMPPMHistory();\r\n }\r\n\r\n updateSelectedBU() {\r\n switch (this.bu) {\r\n case 'EM': this.selectedBusinessUnit = this.EMID; this.cols = this.emEVCols; break;\r\n case 'EV': this.selectedBusinessUnit = this.EVID; this.cols = this.emEVCols; break;\r\n case 'PM': this.selectedBusinessUnit = this.PMID; this.cols = this.pmCols;break;\r\n case 'ED': this.selectedBusinessUnit = this.EDID; this.cols = this.emEVCols;break;\r\n default: this.selectedBusinessUnit = this.EMID; this.cols = this.emEVCols; break;\r\n }\r\n }\r\n\r\n getEMPPMHistory() {\r\n this.spinner.show();\r\n this._service.getEMPPMHistory(this.cupReqId, this.bu, this.isDistributor).subscribe(response => {\r\n this.spinner.hide();\r\n this.apiResp = response;\r\n if(!this.apiResp['isError']) {\r\n this.cols = JSON.parse(JSON.stringify(this.apiResp['headerColumns']));\r\n if(this.isDistributor || Number(sessionStorage.getItem('SalesSupportDistributor'))>0){\r\n this.cols=this.cols.filter(col=>col.field!=='comments');\r\n }\r\n this.apiResp['historyData'].forEach(hd => {\r\n if (!hd.isInitialCupData) {\r\n hd.type_of_change = (hd.type_of_change === 1) ? '%' : '$';\r\n hd.direction_of_change = (hd.direction_of_change === 1) ? 'Increase' : 'Decrease';\r\n } else {\r\n hd.type_of_change = 'NA';\r\n hd.direction_of_change = 'NA';\r\n hd.change_value = 'NA';\r\n }\r\n hd.effective_date_of_change = moment(hd.effective_date_of_change).format('MM/DD/YYYY');\r\n hd.expiration_date = moment(hd.expiration_date).format('MM/DD/YYYY');\r\n })\r\n this.priceData = JSON.parse(JSON.stringify(this.apiResp['historyData']));\r\n this.filteredData = JSON.parse(JSON.stringify(this.priceData));\r\n this.sendPriceData.emit(this.apiResp['historyData']);\r\n this.priceData.forEach(pd => {\r\n pd.effectiveDate = moment(pd['effectiveDate']).format('MMMM Do YYYY');\r\n });\r\n }\r\n });\r\n }\r\n\r\n filterData(filterObj) {\r\n let {value, filter } = filterObj;\r\n if (value == '') {\r\n if (this.filteredFields.length) {\r\n this.filteredFields = this.filteredFields.filter(ff => ff.fieldName !== filter);\r\n } else {\r\n this.filteredFields = [];\r\n }\r\n } else {\r\n let foundField = this.filteredFields.filter(ff => ff.fieldName == filter);\r\n if (foundField.length) {\r\n this.filteredFields.forEach(ff => {\r\n if (ff.fieldName == filter) {\r\n ff.value = value;\r\n }\r\n })\r\n } else {\r\n let fieldObj = {\r\n fieldName: filter,\r\n value: value\r\n };\r\n this.filteredFields.push(fieldObj);\r\n }\r\n }\r\n if (this.filteredFields.length) {\r\n let temp = this.priceData;\r\n this.filteredFields.forEach(ff => {\r\n temp = temp.filter(fd => fd[ff.fieldName].toUpperCase().includes(ff.value.toUpperCase()));\r\n })\r\n this.filteredData = temp;\r\n } else {\r\n this.filteredData = JSON.parse(JSON.stringify(this.priceData));\r\n }\r\n this.tempFilteredData = JSON.parse(JSON.stringify(this.filteredData));\r\n }\r\n\r\n exportExcel() {\r\n let currentDate = moment().format('MM_DD_YYYY_hh_mm_ss_a');\r\n this.exportAsExcelFile(this.filteredData, `Price_Revision_History_${currentDate}`, 'sheet1', this.cols)\r\n }\r\n\r\n exportAsExcelFile(json: any[], excelFileName: string, sheetName: string, columnValues: any[]): void {\r\n let fieldValues: any[] = columnValues.map(field => field.field);\r\n let headerValues: string[] = columnValues.map(header => header.header);\r\n let displayedJson: any[] = [];\r\n if (json != null && json.length > 0) {\r\n for (let originalValue of json) {\r\n let jsonObject: any = {};\r\n for (let fieldValue of fieldValues) {\r\n jsonObject[fieldValue] = originalValue[fieldValue];\r\n }\r\n let jsonString = JSON.stringify(jsonObject);\r\n displayedJson.push(JSON.parse(jsonString));\r\n }\r\n const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(displayedJson);\r\n let range = XLSX.utils.decode_range(worksheet['!ref']);\r\n for (let C = range.s.c; C <= range.e.c; ++C) {\r\n let address = XLSX.utils.encode_col(C) + \"1\"; // <-- first row, column number C\r\n if (!worksheet[address]) continue;\r\n worksheet[address] = {\r\n v: headerValues[C],\r\n t: 's',\r\n s: {\r\n alignment: { textRotation: 90 },\r\n font: { bold: true }\r\n }\r\n };\r\n }\r\n XLSX.utils.sheet_add_aoa(worksheet, [[]], { origin: -1 });\r\n const workbook: XLSX.WorkBook = { Sheets: { [sheetName]: worksheet }, SheetNames: [sheetName] };\r\n const excelBuffer: any = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });\r\n this.saveAsExcelFile(excelBuffer, excelFileName);\r\n }\r\n\r\n }\r\n\r\n saveAsExcelFile(buffer: any, fileName: string): void {\r\n const data: Blob = new Blob([buffer], { type: EXCEL_TYPE });\r\n FileSaver.saveAs(data, fileName + EXCEL_EXTENSION);\r\n }\r\n\r\n}\r\n","export default \"#cupReqTab .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active {\\r\\n border-color: #0096d6 !important;\\r\\n background-color: #0096d6 !important;\\r\\n color: #ffffff !important;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9jdXAtcmVxdWVzdC10YWIvY3VwLXJlcXVlc3QtdGFiLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxnQ0FBZ0M7SUFDaEMsb0NBQW9DO0lBQ3BDLHlCQUF5QjtBQUM3QiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvY3VwLXJlcXVlc3QtdGFiL2N1cC1yZXF1ZXN0LXRhYi5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiI2N1cFJlcVRhYiAudWktdGFidmlldy51aS10YWJ2aWV3LXRvcCAudWktdGFidmlldy1uYXYgbGkudWktc3RhdGUtYWN0aXZlLCBib2R5IC51aS10YWJ2aWV3LnVpLXRhYnZpZXctYm90dG9tIC51aS10YWJ2aWV3LW5hdiBsaS51aS1zdGF0ZS1hY3RpdmUsIGJvZHkgLnVpLXRhYnZpZXcudWktdGFidmlldy1sZWZ0IC51aS10YWJ2aWV3LW5hdiBsaS51aS1zdGF0ZS1hY3RpdmUsIGJvZHkgLnVpLXRhYnZpZXcudWktdGFidmlldy1yaWdodCAudWktdGFidmlldy1uYXYgbGkudWktc3RhdGUtYWN0aXZlIHtcclxuICAgIGJvcmRlci1jb2xvcjogIzAwOTZkNiAhaW1wb3J0YW50O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNiAhaW1wb3J0YW50O1xyXG4gICAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcclxufSJdfQ== */\"","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-cup-request-tab',\r\n templateUrl: './cup-request-tab.component.html',\r\n styleUrls: ['./cup-request-tab.component.css'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class CupRequestTabComponent implements OnInit {\r\n labelData: any;\r\n orgRowData: any;\r\n formData: any;\r\n gridData: any;\r\n tabData = [];\r\n cupReqData: any;\r\n cupReqDatas = [];\r\n selIndex;\r\n constructor(private router: Router) { }\r\n\r\n ngOnInit() {\r\n if (!history.state.data) {\r\n this.router.navigate(['/']);\r\n } else {\r\n sessionStorage.setItem('returnUrlparams','');\r\n sessionStorage.setItem('paramsExist', 'false');\r\n sessionStorage.setItem('returnUrlpath','');\r\n this.labelData = history.state.data.labelData;\r\n this.orgRowData = history.state.data.rowData;\r\n this.formData = JSON.parse(JSON.stringify(this.orgRowData));\r\n this.gridData = history.state.data.gridData;\r\n this.cupReqData = {\r\n labelData: this.labelData,\r\n formData: this.formData\r\n }\r\n this.selIndex = this.formData.request_reference_number;\r\n }\r\n }\r\n\r\n filterCupRequest(cupReqRef) {\r\n let fCupReqTab = false;\r\n if(this.tabData.length) {\r\n this.tabData.forEach(td => {\r\n if(td.formData['request_reference_number'] === cupReqRef.request_reference_number ) {\r\n fCupReqTab = true;\r\n this.selIndex = td.formData['request_reference_number'];\r\n }\r\n })\r\n }\r\n if (cupReqRef && !fCupReqTab && cupReqRef.request_reference_number !== this.formData.request_reference_number) {\r\n let cupReqObj = { \r\n labelData: this.labelData,\r\n formData: cupReqRef,\r\n index: this.tabData.length + 1\r\n };\r\n this.tabData.push(cupReqObj);\r\n this.selIndex = cupReqRef.request_reference_number;\r\n }\r\n if(cupReqRef.request_reference_number === this.formData.request_reference_number) {\r\n this.selIndex = cupReqRef.request_reference_number;\r\n }\r\n }\r\n\r\n closeCupRequest(event) {\r\n this.tabData = this.tabData.filter(td => td.index !== event.index);\r\n }\r\n\r\n goBack() {\r\n this.router.navigate(['/home']);\r\n }\r\n}\r\n","export default \".cust-label {\\r\\n text-align: end;\\r\\n font-size: 14px;\\r\\n margin-bottom: 0.1rem;\\r\\n}\\r\\n.cust-text {\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n margin-bottom: 0.1rem;\\r\\n}\\r\\n.reject-btn {\\r\\n width: 150px;\\r\\n color: white !important;\\r\\n background-color: #4f4f4f;\\r\\n margin:10px;\\r\\n border-radius: 5px !important;\\r\\n}\\r\\n.approve-btn {\\r\\n width: 150px;\\r\\n color: white !important;\\r\\n background-color: #0096d6;\\r\\n margin:10px;\\r\\n border-radius: 5px !important;\\r\\n}\\r\\n#cust-dialog .ui-dialog .ui-dialog-footer {\\r\\n text-align: center;\\r\\n}\\r\\n#cust-dialog .ui-dialog .ui-dialog-content {\\r\\n overflow: hidden;\\r\\n}\\r\\n.ui-dialog-resizable .ui-dialog-content {\\r\\n overflow: hidden !important;\\r\\n}\\r\\n.cust-comments {\\r\\n white-space: pre-line;\\r\\n /* collapse WS, preserve LB */\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9jdXBzLXJlcXVlc3QtaW5mby9jdXBzLXJlcXVlc3QtaW5mby5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksZUFBZTtJQUNmLGVBQWU7SUFDZixxQkFBcUI7QUFDekI7QUFDQTtJQUNJLGVBQWU7SUFDZixnQkFBZ0I7SUFDaEIscUJBQXFCO0FBQ3pCO0FBQ0E7SUFDSSxZQUFZO0lBQ1osdUJBQXVCO0lBQ3ZCLHlCQUF5QjtJQUN6QixXQUFXO0lBQ1gsNkJBQTZCO0FBQ2pDO0FBQ0E7SUFDSSxZQUFZO0lBQ1osdUJBQXVCO0lBQ3ZCLHlCQUF5QjtJQUN6QixXQUFXO0lBQ1gsNkJBQTZCO0FBQ2pDO0FBQ0E7SUFDSSxrQkFBa0I7QUFDdEI7QUFDQTtJQUNJLGdCQUFnQjtBQUNwQjtBQUNBO0lBQ0ksMkJBQTJCO0FBQy9CO0FBQ0E7SUFDSSxxQkFBcUI7SUFDckIsNkJBQTZCO0FBQ2pDIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9jdXBzLXJlcXVlc3QtaW5mby9jdXBzLXJlcXVlc3QtaW5mby5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmN1c3QtbGFiZWwge1xyXG4gICAgdGV4dC1hbGlnbjogZW5kO1xyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMC4xcmVtO1xyXG59XHJcbi5jdXN0LXRleHQge1xyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcclxuICAgIG1hcmdpbi1ib3R0b206IDAuMXJlbTtcclxufVxyXG4ucmVqZWN0LWJ0biB7XHJcbiAgICB3aWR0aDogMTUwcHg7XHJcbiAgICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICM0ZjRmNGY7XHJcbiAgICBtYXJnaW46MTBweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweCAhaW1wb3J0YW50O1xyXG59XHJcbi5hcHByb3ZlLWJ0biB7XHJcbiAgICB3aWR0aDogMTUwcHg7XHJcbiAgICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDk2ZDY7XHJcbiAgICBtYXJnaW46MTBweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweCAhaW1wb3J0YW50O1xyXG59XHJcbiNjdXN0LWRpYWxvZyAudWktZGlhbG9nIC51aS1kaWFsb2ctZm9vdGVyIHtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxufVxyXG4jY3VzdC1kaWFsb2cgLnVpLWRpYWxvZyAudWktZGlhbG9nLWNvbnRlbnQge1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxufVxyXG4udWktZGlhbG9nLXJlc2l6YWJsZSAudWktZGlhbG9nLWNvbnRlbnQge1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbiAhaW1wb3J0YW50O1xyXG59XHJcbi5jdXN0LWNvbW1lbnRzIHtcclxuICAgIHdoaXRlLXNwYWNlOiBwcmUtbGluZTtcclxuICAgIC8qIGNvbGxhcHNlIFdTLCBwcmVzZXJ2ZSBMQiAqL1xyXG59Il19 */\"","import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport * as moment from 'moment';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { CupsService } from 'src/services/cups.service';\r\n\r\n@Component({\r\n selector: 'app-cups-request-info',\r\n templateUrl: './cups-request-info.component.html',\r\n styleUrls: ['./cups-request-info.component.css'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class CupsRequestInfoComponent implements OnInit {\r\n\r\n @Input() cupReqData;\r\n @Output() sendCupDetails = new EventEmitter();\r\n formData = {};\r\n orgRowData: any;\r\n rowData: any;\r\n labelData: any;\r\n productCupHistoryCols: any;\r\n productCupHistoryData: any;\r\n endCustomerProductHistoryCols: any;\r\n endCustomerProductHistoryData: any;\r\n marketSalesCols: any;\r\n marketSalesData: any;\r\n defaultWidth = '100%';\r\n approvalHistoryAPI: any;\r\n reqForm = {};\r\n headerName = \"\";\r\n dispEVEMDailog = false;\r\n statusOfCup = \"\";\r\n displayBtns = false;\r\n workFlowResp: any;\r\n userId: any;\r\n apiResp: any;\r\n cupApprovalStatus: any;\r\n businessId: any;\r\n dispCounterOffer: boolean = false;\r\n rejectWithCounterOfferData: any;\r\n rwcApiResp: any\r\n dispApprovalHistory: boolean = false;\r\n approvalHistoryData: any;\r\n approvalHistoryCols = [\r\n { field: \"date\", form_name: \"\", header: \"Date\", header_id: 2, is_editable: false, is_grid_display: true, is_show: true, serial_no: 1 },\r\n { field: \"status_name\", form_name: \"\", header: \"Status\", header_id: 1, is_editable: false, is_grid_display: true, is_show: true, serial_no: 1 },\r\n { field: \"approvar_name\", form_name: \"\", header: \"Name\", header_id: 3, is_editable: false, is_grid_display: true, is_show: true, serial_no: 1 },\r\n { field: \"approvar_comments\", form_name: \"\", header: \"Comments\", header_id: 4, is_editable: false, is_grid_display: true, is_show: true, serial_no: 1 }\r\n ];\r\n isDistributor: boolean = false;\r\n dispDistributorRespBtns: boolean = false;\r\n distributorUsers: any;\r\n duApiResp: any;\r\n dispActivateDialog: boolean = false;\r\n activateForm = {};\r\n isSalesSupportLogin: boolean = false;\r\n salesSupportUsers: any;\r\n currentDate: any;\r\n approvers: any;\r\n toApprovers: any;\r\n fromApprovers: any;\r\n displayDelgationPopup: boolean = false;\r\n userAdmin: boolean = false;\r\n delegationRequest = {};\r\n selectedFromApprover: any;\r\n selectedToApprover: any;\r\n displayComments: boolean = false;\r\n headerComments = '';\r\n newComments = '';\r\n internalComments: boolean = false;\r\n editComments: boolean = false;\r\n labelCount = 0;\r\n leftColumns: any;\r\n rightColumns: any;\r\n halfWayIndex: any;\r\n commentsList: any;\r\n internalCommentsList: any;\r\n externalCommentsList: any;\r\n dispEMExpiryUpdateDialog: boolean = false;\r\n updatedExpiryDate: any;\r\n isSalesSupportDistributor: number = 0;\r\n isSaleSupportUser = false;\r\n constructor(private router: Router, private _service: CupsService, private spinner: NgxSpinnerService, private toastr: ToastrService) { }\r\n\r\n ngOnInit() {\r\n if (!history.state.data) {\r\n this.router.navigate(['/']);\r\n } else {\r\n if (sessionStorage.getItem('BU') == 'ED') {\r\n this.labelData = this.cupReqData.labelData.filter(x => x.is_show == true);;\r\n }\r\n else {\r\n this.labelData = this.cupReqData.labelData;\r\n }\r\n this.changeFieldIndex();\r\n this.labelCount = this.labelData.length;\r\n this.halfWayIndex = Math.ceil(this.labelData.length / 2);\r\n this.orgRowData = this.cupReqData.formData;\r\n this.formData = JSON.parse(JSON.stringify(this.orgRowData));\r\n this.generateUserDetails();\r\n if (this.isDistributor && this.formData['status_id'] === 4) {\r\n this.getDistributorUserDetails();\r\n }\r\n this.callGetSalesSupportUsers();\r\n }\r\n this.getCupRequestDetails()\r\n this.isSalesSupportDistributor = Number(sessionStorage.getItem('SalesSupportDistributor'));\r\n let distributor_Id = history.state.data.rowData.distributor_id;\r\n let sbu_name = history.state.data.rowData.sbu_name;\r\n let cup_request_id = history.state.data.rowData.request_reference_number;\r\n this.validateSaleSupportUser(distributor_Id, sbu_name, cup_request_id);\r\n }\r\n\r\n validateSaleSupportUser(distributorId:number, sbu: string, cuprequestid: string) {\r\n this._service.validateSaleSupport(this.userId, distributorId, sbu, cuprequestid).subscribe((res: any) => {\r\n if (res.saleSupportUser) {\r\n this.isSaleSupportUser = true;\r\n } else {\r\n this.isSaleSupportUser = false;\r\n }\r\n });\r\n }\r\n\r\n callGetSalesSupportUsers() {\r\n if (this.businessId === 3) {\r\n this.formData['request_id'] = this.formData['pm_request_id'];\r\n if (this.formData['status_id'] === 1) {\r\n this.getSalesSupportUsers();\r\n }\r\n }\r\n if (this.businessId == 2) {\r\n this.getSalesSupportUsers();\r\n }\r\n }\r\n\r\n changeFieldIndex() {\r\n if (sessionStorage.getItem('BU') === 'EM' || sessionStorage.getItem('BU') === 'ED') {\r\n if (this.cupReqData.formData['cups_intostock_id'] !== 5) {\r\n this.labelData = this.labelData.filter(l => l.field !== 'credit_back_amount');\r\n //this.labelData = this.labelData.sort((a, b) => {\r\n // return a.serial_no - b.serial_no;\r\n //})\r\n } else {\r\n let labels = this.labelData;\r\n let index = labels.findIndex(function (item) {\r\n return item.field === 'distributor_name';\r\n });\r\n let soldToIndex = labels.findIndex(function (item) {\r\n return item.field === 'distributor_sold_to_name';\r\n });\r\n let endUserIndex = labels.findIndex(function (item) {\r\n return item.field === 'customer_name';\r\n });\r\n let shipToIndex = labels.findIndex(function (item) {\r\n return item.field === 'ship_to_name';\r\n });\r\n let disStateIndex = labels.findIndex(function (item) {\r\n return item.field === 'distributor_state';\r\n });\r\n labels.splice([index + 1], 0, labels[soldToIndex]);\r\n labels.splice([endUserIndex + 2], 0, labels[shipToIndex + 1]);\r\n labels.splice(soldToIndex + 2, 1);\r\n labels.splice(shipToIndex + 2, 1);\r\n labels.splice([index + 3], 0, labels[disStateIndex]);\r\n labels.splice(disStateIndex + 1, 1);\r\n }\r\n }\r\n }\r\n\r\n receivePriceData(priceData) {\r\n console.log(priceData);\r\n }\r\n\r\n\r\n generateUserDetails() {\r\n this.userAdmin = (sessionStorage.getItem('IsAdmin') === \"1\" || sessionStorage.getItem('IsAdmin') === \"true\") ? true : false;\r\n this.isDistributor = (sessionStorage.getItem('isDistributor') === \"1\" || sessionStorage.getItem('isDistributor') === \"true\") ? true : false;\r\n switch (sessionStorage.getItem('BU')) {\r\n case 'EM': this.userId = sessionStorage.getItem('userid'); this.businessId = 1; this.halfWayIndex = this.formData['cups_intostock'] == 'CUP' ? this.halfWayIndex - 1 : this.halfWayIndex + 2; this.getSalesSupportUsers(); break;\r\n case 'EV': this.userId = sessionStorage.getItem('userid'); this.businessId = 2; break;\r\n case 'PM': this.userId = sessionStorage.getItem('userid'); this.businessId = 3; break;\r\n case 'ED': this.userId = sessionStorage.getItem('userid'); this.businessId = 4; this.halfWayIndex = this.formData['cups_intostock'] == 'CUP' ? this.halfWayIndex + 1 : this.halfWayIndex + 3; this.getSalesSupportUsers(); break;\r\n default: break;\r\n }\r\n this.hideCommentsForDistributor();\r\n this.leftColumns = this.labelData.slice(0, this.halfWayIndex)\r\n this.rightColumns = this.labelData.slice(this.halfWayIndex);\r\n }\r\n\r\n hideCommentsForDistributor() {\r\n if (sessionStorage.getItem('BU') === 'EM' || sessionStorage.getItem('BU') === 'ED') {\r\n this.labelData.map(item => {\r\n if (this.isDistributor && item.field == 'comments') {\r\n item.is_show = false;\r\n }\r\n });\r\n }\r\n }\r\n\r\n getSalesSupportUsers() {\r\n this.spinner.show();\r\n this._service.getSalesSupportUsers(this.businessId).subscribe(response => {\r\n this.spinner.hide();\r\n if (!response['isError']) {\r\n this.apiResp = response['response'];\r\n this.salesSupportUsers = this.apiResp;\r\n let fSupportUser = this.salesSupportUsers.find(ss => ss.user_id === Number(this.userId));\r\n if (fSupportUser) {\r\n this.isSalesSupportLogin = true;\r\n }\r\n } else {\r\n this._service.displayToastr(response);\r\n }\r\n })\r\n }\r\n\r\n getCupRequestDetails() {\r\n this.spinner.show();\r\n this._service.getCUPRequestDetails(this.formData['request_id'], this.businessId).subscribe(response => {\r\n this.spinner.hide();\r\n this.approvalHistoryAPI = response;\r\n this.productCupHistoryCols = this.approvalHistoryAPI.headerColumns.filter(h => h.form_name === 'ProductHistory' && h.is_grid_display);\r\n this.productCupHistoryData = this.approvalHistoryAPI.productHistory.filter(p => p.request_reference_number !== this.formData['request_reference_number']);\r\n this.endCustomerProductHistoryCols = this.approvalHistoryAPI.headerColumns.filter(h => h.form_name === 'ProductCustomerHistory' && h.is_grid_display);\r\n this.endCustomerProductHistoryData = this.approvalHistoryAPI.productCustomerHistory.filter(p => p.request_reference_number !== this.formData['request_reference_number']);\r\n this.marketSalesCols = this.approvalHistoryAPI.headerColumns.filter(h => h.form_name === 'EndMarketSalesReport' && h.is_grid_display);\r\n this.marketSalesData = this.approvalHistoryAPI.endMarketSaleReport;\r\n this.approvalHistoryData = this.approvalHistoryAPI.workFlowApprovalHistory;\r\n if (this.businessId === 3) {\r\n this.formData['status_id'] = this.approvalHistoryAPI.pmRequestSubmissionData[0]['status_id'];\r\n this.formData['status_name'] = this.approvalHistoryAPI.pmRequestSubmissionData[0]['status_name'];\r\n this.formData['suggested_selling_price'] = this.approvalHistoryAPI.pmRequestSubmissionData[0]['suggested_selling_price'];\r\n this.formData['supported_buy_price'] = this.approvalHistoryAPI.pmRequestSubmissionData[0]['supported_buy_price'];\r\n this.formData['rebate'] = this.approvalHistoryAPI.pmRequestSubmissionData[0]['rebate'];\r\n this.formData['effective_date'] = this.approvalHistoryAPI.pmRequestSubmissionData[0]['effective_date'];\r\n this.formData['expiration_date'] = this.approvalHistoryAPI.pmRequestSubmissionData[0]['expiration_date'];\r\n this.formData['pending_approver'] = this.approvalHistoryAPI.pmRequestSubmissionData[0]['pending_approver'];\r\n this.formData['internal_comments'] = this.approvalHistoryAPI.pmRequestSubmissionData[0]['internal_comments'];\r\n this.formData['external_comments'] = this.approvalHistoryAPI.pmRequestSubmissionData[0]['external_comments'];\r\n } else {\r\n this.formData['status_id'] = this.approvalHistoryAPI.requestSubmissionData[0]['status_id'];\r\n this.formData['expiration_date'] = this.approvalHistoryAPI.requestSubmissionData[0]['expiration_date'];\r\n this.formData['status_name'] = this.approvalHistoryAPI.requestSubmissionData[0]['status_name'];\r\n this.formData['discount_percent'] = this.approvalHistoryAPI.requestSubmissionData[0]['discount_percent'];\r\n this.formData['support_price_to_end_customer'] = this.approvalHistoryAPI.requestSubmissionData[0]['support_price_to_end_customer'];\r\n this.formData['frieght_allowance'] = this.approvalHistoryAPI.requestSubmissionData[0]['frieght_allowance'];\r\n this.formData['net_support_price'] = this.approvalHistoryAPI.requestSubmissionData[0]['net_support_price'];\r\n this.formData['other_allowance'] = this.approvalHistoryAPI.requestSubmissionData[0]['other_allowance'];\r\n this.formData['credit_back_amount'] = this.approvalHistoryAPI.requestSubmissionData[0]['credit_back_amount'];\r\n this.formData['pending_approver'] = this.approvalHistoryAPI.requestSubmissionData[0]['pending_approver'];\r\n this.formData['comments'] = this.approvalHistoryAPI.requestSubmissionData[0]['comments'];\r\n this.formData['external_comments'] = this.approvalHistoryAPI.requestSubmissionData[0]['external_comments'];\r\n this.formData['cups_auto_approval_id'] = this.approvalHistoryAPI.requestSubmissionData[0]['cups_auto_approval_id'];\r\n this.formData['created_by'] = this.approvalHistoryAPI.requestSubmissionData[0]['created_by'];\r\n }\r\n this.getWorkFlowUpdates();\r\n });\r\n }\r\n\r\n getDistributorUserDetails() {\r\n this.spinner.show();\r\n this._service.getDistributorUserDetails(this.formData['distributor_id']).subscribe(response => {\r\n if (!response['isError']) {\r\n this.duApiResp = response['response'];\r\n this.distributorUsers = this.duApiResp;\r\n let fUser = this.distributorUsers.find(du => du.distributor_user_id == this.userId);\r\n if (fUser) {\r\n this.dispDistributorRespBtns = true;\r\n }\r\n } else {\r\n this._service.displayToastr(response);\r\n }\r\n })\r\n }\r\n\r\n getWorkFlowUpdates() {\r\n if (!this.isDistributor) {\r\n this.spinner.show();\r\n this.validateSaleSupportUser(this.formData['distributor_id'], this.formData['sbu_name'], this.formData['request_reference_number']);\r\n this._service.getWorkFlowUpdateDetails(this.userId, this.formData['request_id'], this.businessId, this.isDistributor).subscribe(response => {\r\n this.apiResp = response;\r\n console.log(this.apiResp, \"get workflow updates\")\r\n if (this.apiResp['authorized'] && !this.apiResp['isError'] && this.apiResp['response'].length > 0) {\r\n this.workFlowResp = this.apiResp.response[0];\r\n if (this.workFlowResp.work_flow_approver_id == this.userId || this.workFlowResp.deligated_approver_id == this.userId) {\r\n this.displayBtns = true;\r\n }\r\n } else if (this.apiResp['authorized'] && this.apiResp['isError']) {\r\n this._service.displayToastr(response);\r\n } else if (!this.apiResp['authorized'] && this.apiResp['isError']) {\r\n this._service.displayToastr(response);\r\n } else {\r\n console.log(\"No workflow updates found\");\r\n }\r\n this.spinner.hide();\r\n })\r\n }\r\n }\r\n\r\n goBack() {\r\n this.router.navigate(['/home']);\r\n }\r\n\r\n onSelectRow(rowObject) {\r\n let { rowData } = rowObject;\r\n this.spinner.show();\r\n this._service.getCUPRequestDetails(rowData['request_id'], this.businessId).subscribe(response => {\r\n this.spinner.hide();\r\n this.apiResp = response;\r\n if (this.businessId === 3) {\r\n this.sendCupDetails.emit(this.apiResp.pmRequestSubmissionData[0]);\r\n }\r\n else {\r\n this.sendCupDetails.emit(this.apiResp.requestSubmissionData[0]);\r\n }\r\n });\r\n }\r\n\r\n calculateEDPrice() {\r\n const dp = this.formData['distributor_price_from_basf'] ? Number(this.formData['distributor_price_from_basf']) : 0;\r\n const sp = this.reqForm['support_price_to_end_customer'] ? Number(this.reqForm['support_price_to_end_customer']) : 0;\r\n this.reqForm['net_support_price'] = 0;\r\n if (dp && sp) {\r\n this.reqForm['discount_percent'] = (((dp - sp) / dp) * 100).toFixed(2);\r\n this.reqForm['credit_back_amount'] = (dp - sp).toFixed(2);\r\n } else if (dp <= 0 && this.formData['cups_intostock'] === '3rd Party' || this.formData['cups_intostock'] === 'IntoStock') {\r\n this.reqForm['discount_percent'] = 0;\r\n this.reqForm['credit_back_amount'] = 0;\r\n }\r\n }\r\n\r\n calculatePrices() {\r\n if (this.businessId == 4) {\r\n this.calculateEDPrice();\r\n } else {\r\n const sp = Number(this.reqForm['support_price_to_end_customer']);\r\n const discount = Number(this.reqForm['discount_percent']);\r\n const fa = this.reqForm['freight_allowance'] ? Number(this.reqForm['freight_allowance']) : 0;\r\n const oa = this.reqForm['other_allowances'] ? Number(this.reqForm['other_allowances']) : 0;\r\n const dp = Number(this.formData['distributor_price_from_basf']);\r\n if ((this.businessId === 1 || this.businessId === 4) && sp && discount && fa >= 0 && oa >= 0 && dp >= 0) {\r\n this.reqForm['net_support_price'] = (sp - (sp * (discount) / 100) - fa - oa).toFixed(2).toString();\r\n this.reqForm['credit_back_amount'] = (dp - Number(this.reqForm['net_support_price'])).toFixed(2).toString();\r\n }\r\n const nsp = Number(this.formData['net_support_price']);\r\n if (this.businessId === 2 && nsp && dp && (this.formData['cups_intostock'] === '3rd Party' || this.formData['cups_intostock'] === 'IntoStock')) {\r\n this.reqForm['credit_back_amount'] = 0;\r\n } else if (this.businessId === 2 && nsp && dp && this.formData['cups_intostock'] === 'CUP') {\r\n this.reqForm['credit_back_amount'] = (dp - Number(this.reqForm['net_support_price'])).toFixed(2).toString();\r\n }\r\n }\r\n }\r\n\r\n doCalculations() {\r\n const SP = Number(this.reqForm['suggested_selling_price']);\r\n const SM = Number(this.formData['selling_margin']);\r\n if (SP && SM && this.formData['sell_price_UOM']) {\r\n this.reqForm['supported_buy_price'] = (SP - (SP * SM / 100)).toFixed(2).toString();\r\n if (this.formData['sell_price_UOM'] === 'LB') {\r\n this.reqForm['rebate'] = (Number(this.formData['list_price_lb']) - Number(this.reqForm['supported_buy_price'])).toFixed(2).toString();\r\n } else {\r\n this.reqForm['rebate'] = (Number(this.formData['list_price_kg']) - Number(this.reqForm['supported_buy_price'])).toFixed(2).toString();\r\n }\r\n }\r\n }\r\n\r\n getFormattedData(date) {\r\n return moment(date).format(\"yyyy-MM-DD\");\r\n }\r\n\r\n populateExpiryDate() {\r\n this.activateForm['expirationDate'] = moment(this.activateForm['effectiveDate']).add(365, 'days').format('L');\r\n }\r\n\r\n sendCupRequest(funcType) {\r\n this.statusOfCup = funcType;\r\n switch (this.statusOfCup) {\r\n case 'a': this.headerName = 'Approve Confirmation'; this.workFlowResp['work_flow_status_id'] = 1; break;\r\n case 'r': this.headerName = 'Reject Confirmation'; this.workFlowResp['work_flow_status_id'] = 3; break;\r\n case 'rc': this.headerName = 'Reject with Counter Offer'; this.workFlowResp['work_flow_status_id'] = 4; break;\r\n default: this.headerName = ''; break;\r\n }\r\n this.dispEVEMDailog = true;\r\n }\r\n\r\n submitRequest() {\r\n switch (this.statusOfCup) {\r\n case 'a': this.generateRequest(); break;\r\n case 'r': this.generateRequest(); break;\r\n case 'rc': this.generateRCRequest(); break;\r\n default: break;\r\n }\r\n }\r\n\r\n generateRequest() {\r\n this.workFlowResp.cup_request_no = this.formData['request_reference_number'];\r\n this.workFlowResp.approvar_comments = this.reqForm['comments'] ? this.reqForm['comments'] : '';\r\n this.workFlowResp['businesunit_id'] = this.businessId;\r\n this.workFlowResp['request_id'] = this.formData['request_id'];\r\n this.workFlowResp['modified_by'] = Number(sessionStorage.getItem('userid'));\r\n this.updateWorkFlowStatus();\r\n }\r\n\r\n generateRCRequest() {\r\n this.workFlowResp['request_id'] = this.formData['request_id'];\r\n this.workFlowResp['support_price_to_end_user'] = (this.businessId === 1 || this.businessId === 2 || this.businessId === 4) ? Number(this.reqForm['support_price_to_end_customer']) : 0;\r\n if (this.businessId === 1 || this.businessId === 4) {\r\n this.generateEM_RCValues();\r\n }\r\n this.workFlowResp['net_support_price'] = (this.businessId === 1 || this.businessId === 2 || this.businessId === 4) ? Number(this.reqForm['net_support_price']) : 0;\r\n this.workFlowResp['credit_back_amount'] = (this.businessId === 1 || this.businessId === 2 || this.businessId === 4) ? Number(this.reqForm['credit_back_amount']) : 0;\r\n this.workFlowResp['suggested_selling_price'] = (this.businessId === 3) ? Number(this.reqForm['suggested_selling_price']) : 0;\r\n this.workFlowResp['selling_margin'] = (this.businessId === 3) ? Number(this.formData['selling_margin']) : 0;\r\n this.workFlowResp['supported_buy_price'] = (this.businessId === 3) ? Number(this.reqForm['supported_buy_price']) : 0;\r\n this.workFlowResp['rebate'] = (this.businessId === 3) ? Number(this.reqForm['rebate']) : 0;\r\n this.workFlowResp['created_by'] = Number(sessionStorage.getItem('userid'));\r\n this.workFlowResp['cup_request_no'] = this.formData['request_reference_number'];\r\n this.workFlowResp['businesunit_id'] = this.businessId;\r\n this.workFlowResp['approvar_comments'] = this.reqForm['comments'] ? this.reqForm['comments'] : '';\r\n this.workFlowResp['modified_by'] = Number(sessionStorage.getItem('userid'));\r\n this.updateWorkFlowRCStatus();\r\n\r\n\r\n }\r\n\r\n generateEM_RCValues() {\r\n this.workFlowResp['discount_percentage'] = Number(this.reqForm['discount_percent']);\r\n this.workFlowResp['frieght_allowance'] = this.reqForm['freight_allowance'] ? Number(this.reqForm['freight_allowance']) : this.formData['freight_allowance'];\r\n this.workFlowResp['other_allowance'] = this.reqForm['other_allowances'] ? Number(this.reqForm['other_allowances']) : this.formData['other_allowances'];\r\n }\r\n\r\n updateWorkFlowStatus() {\r\n this.spinner.show();\r\n this._service.updateWorkFLowStatus(this.workFlowResp).subscribe((response) => {\r\n this.apiResp = response;\r\n this.handleWorkFlowStatusBtns();\r\n this.spinner.hide();\r\n })\r\n }\r\n\r\n updateWorkFlowRCStatus() {\r\n this.spinner.show();\r\n this._service.updateWorkFLowRCStatus(this.workFlowResp).subscribe((response) => {\r\n this.apiResp = response;\r\n this.spinner.hide();\r\n this.handleWorkFlowStatusBtns();\r\n })\r\n }\r\n\r\n handleWorkFlowStatusBtns() {\r\n this.displayBtns = false;\r\n this.getWorkFlowUpdates();\r\n this.dispEVEMDailog = false;\r\n this.toastr.success(\"Request Submitted\");\r\n this.getCupRequestDetails();\r\n }\r\n\r\n getCounterOfferDetails() {\r\n this.spinner.show();\r\n this._service.getRejectWithCounterOfferDetails(this.formData['request_id'], this.businessId, this.userId, this.isDistributor).subscribe(response => {\r\n this.rwcApiResp = response;\r\n this.rejectWithCounterOfferData = this.rwcApiResp.rejectWithCounterOffer[0];\r\n this.spinner.hide();\r\n this.dispCounterOffer = true;\r\n })\r\n }\r\n\r\n openActivatePopup() {\r\n this.dispActivateDialog = true;\r\n }\r\n\r\n activateCup() {\r\n let requestApi = {\r\n \"request_reference_number\": this.formData['request_reference_number'],\r\n \"effective_date\": this.activateForm['effectiveDate'],\r\n \"expiration_date\": this.activateForm['expirationDate'],\r\n \"modified_by\": \"45\"\r\n }\r\n this.spinner.show();\r\n this._service.submitActivateCup(requestApi).subscribe(_response => {\r\n this.dispActivateDialog = false;\r\n this.getCupRequestDetails();\r\n this.spinner.hide();\r\n })\r\n }\r\n\r\n cancelActivate() {\r\n this.dispActivateDialog = false;\r\n }\r\n\r\n sendCounterOfferResponse(responseValue: any) {\r\n this.spinner.show();\r\n let requestData = {\r\n \"RequestId\": this.formData['request_id'],\r\n \"RequestReferenceNumber\": this.formData['request_reference_number'],\r\n \"BusinessUnitId\": this.businessId,\r\n \"DistributorResponse\": Number(responseValue),\r\n \"LoggedUserId\": this.userId\r\n };\r\n this._service.updateDistributorResponse(requestData).subscribe(_response1 => {\r\n this.dispCounterOffer = false;\r\n this.toastr.success(\"Sent Distributor Response\", \"Success!\");\r\n this.getCupRequestDetails();\r\n this.spinner.hide();\r\n })\r\n }\r\n\r\n openDelegationPopup() {\r\n this.currentDate = new Date();\r\n this.spinner.show();\r\n this._service.getApprovers(this.businessId).subscribe(response => {\r\n if (!response['isError']) {\r\n this.approvers = response['response'];\r\n this.toApprovers = this.approvers;\r\n this.fromApprovers = this.approvers;\r\n this.toApprovers = this.approvers.filter(a => a.userid != this.userId);\r\n this.spinner.hide();\r\n this.displayDelgationPopup = true;\r\n } else {\r\n this._service.displayToastr(response);\r\n }\r\n });\r\n }\r\n\r\n cancelDelegationPopup() {\r\n this.displayDelgationPopup = false;\r\n }\r\n\r\n submitDelegation() {\r\n this.spinner.show();\r\n let apiResponse: any;\r\n this.delegationRequest['cupNumber'] = this.formData['request_reference_number'];\r\n this.delegationRequest['toApproverUserId'] = this.selectedToApprover['userid'];\r\n this.delegationRequest['currentUserId'] = Number(this.userId);\r\n this.delegationRequest['toDate'] = moment(this.delegationRequest['toDate']).format(\"MM/DD/yyyy\");\r\n this.delegationRequest['fromDate'] = moment(this.delegationRequest['fromDate']).format(\"MM/DD/yyyy\");\r\n this._service.submitEMCupDelegationRequest(this.delegationRequest).subscribe(response => {\r\n if (!response['isError']) {\r\n this.spinner.hide();\r\n this.displayDelgationPopup = false;\r\n this._service.displayToastr(response);\r\n } else {\r\n this._service.displayToastr(response);\r\n }\r\n });\r\n }\r\n\r\n showCommentsDialog(commentsType) {\r\n this.editComments = false;\r\n this.displayComments = true;\r\n this.commentsList = [];\r\n this.internalCommentsList = [];\r\n this.externalCommentsList = [];\r\n this.newComments = '';\r\n if (this.formData['comments']) {\r\n this.commentsList = this.formData['comments'].split(\"||\");\r\n if (this.commentsList[this.commentsList.length - 1] == '') {\r\n this.commentsList.pop();\r\n }\r\n this.internalCommentsList = this.formData['comments'].split(\"||\");\r\n if (this.internalCommentsList[this.internalCommentsList.length - 1] == '') {\r\n this.internalCommentsList.pop();\r\n }\r\n }\r\n if (this.formData['internal_comments']) {\r\n this.internalCommentsList = this.formData['internal_comments'].split(\"||\");\r\n if (this.internalCommentsList[this.internalCommentsList.length - 1] == '') {\r\n this.internalCommentsList.pop();\r\n }\r\n }\r\n if (this.formData['external_comments']) {\r\n this.externalCommentsList = this.formData['external_comments'].split(\"||\");\r\n if (this.externalCommentsList[this.externalCommentsList.length - 1] == '') {\r\n this.externalCommentsList.pop();\r\n }\r\n }\r\n switch (commentsType) {\r\n case 'internal': this.internalComments = true; this.headerComments = 'Internal Comments'; break;\r\n case 'external': this.internalComments = false; this.headerComments = 'External Comments'; break;\r\n default: break;\r\n }\r\n }\r\n\r\n showComments() {\r\n this.editComments = true;\r\n this.newComments = '';\r\n }\r\n\r\n cancel() {\r\n this.editComments = false;\r\n this.newComments = '';\r\n }\r\n\r\n close() {\r\n this.displayComments = false;\r\n }\r\n\r\n submitComments(commentsType) {\r\n this.spinner.show();\r\n let currentDate = moment().format('MM/DD/yyyy');\r\n let commentsData = '';\r\n this.newComments = `${currentDate}: ${this.newComments} - by ${sessionStorage.getItem('loginuser')} ||`;\r\n if (commentsType === 'internal' && (this.businessId === 1 || this.businessId === 2 || this.businessId === 4)) {\r\n const isEndWithSlash = this.formData['comments'].endsWith('||');\r\n const newC = isEndWithSlash ? this.newComments : ` || ${this.newComments}`\r\n commentsData = this.formData['comments'] != '' ? `${this.formData['comments']} ${newC}` : `${this.newComments}`;\r\n }\r\n if (commentsType === 'internal' && (this.businessId === 3)) {\r\n const isEndWithSlash = this.formData['internal_comments'].endsWith('||');\r\n const newC = isEndWithSlash ? this.newComments : ` || ${this.newComments}`\r\n commentsData = this.formData['internal_comments'] != '' ? `${this.formData['internal_comments']} ${newC}` : `${this.newComments}`;\r\n }\r\n if (commentsType === 'external') {\r\n const isEndWithSlash = this.formData['external_comments'].endsWith('||');\r\n const newC = isEndWithSlash ? this.newComments : ` || ${this.newComments}`\r\n commentsData = this.formData['external_comments'] != '' ? `${this.formData['external_comments']} ${newC}` : `${this.newComments}`;\r\n }\r\n let reqData = {\r\n \"request_id\": this.formData['request_id'],\r\n \"businessunit_id\": this.businessId,\r\n \"internal_comments\": commentsData,\r\n \"type_of_comment\": commentsType,\r\n \"updated_by\": Number(this.userId)\r\n }\r\n this.spinner.show();\r\n this._service.updateComments(reqData).subscribe(response => {\r\n this.spinner.hide();\r\n this.close();\r\n this._service.displayToastr(response);\r\n this.getCupRequestDetails();\r\n })\r\n }\r\n\r\n updateExpiryDate() {\r\n this.dispEMExpiryUpdateDialog = true;\r\n }\r\n\r\n cancelUpdateExpiry() {\r\n this.dispEMExpiryUpdateDialog = false;\r\n }\r\n\r\n submitExpiryDate() {\r\n this.spinner.show();\r\n this._service.updateExpriyDate(this.formData['request_reference_number'], this.updatedExpiryDate, this.userId, this.businessId).subscribe(response => {\r\n this.spinner.hide();\r\n this.cancelUpdateExpiry();\r\n this._service.displayToastr(response);\r\n this.getCupRequestDetails();\r\n })\r\n }\r\n\r\n verifyCupRequest() { \r\n this.router.navigate(['cups-request'], { state: { data: { cols: this.labelData, rowData: this.formData, type: 'edit', gridData: this.formData } } });\r\n }\r\n\r\n editCupRequest() {\r\n this.workFlowResp.work_flow_status_id = 1;\r\n this.workFlowResp.cup_request_no = this.formData['request_reference_number'];\r\n this.workFlowResp.approvar_comments = this.reqForm['comments'] ? this.reqForm['comments'] : '';\r\n this.workFlowResp['businesunit_id'] = this.businessId;\r\n this.workFlowResp['request_id'] = this.formData['request_id'];\r\n this.workFlowResp['modified_by'] = Number(sessionStorage.getItem('userid'));\r\n this.router.navigate(['cups-request'], { state: { data: { cols: this.labelData, rowData: this.formData, type: 'edit', gridData: this.formData, saleSupportUserEdit: true, workFlowResp: this.workFlowResp } } });\r\n }\r\n}\r\n","export default \".header-label {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n}\\r\\n.cust-form-label {\\r\\n font-size: 16px !important;\\r\\n margin-bottom: 0px !important;\\r\\n display: block;\\r\\n}\\r\\n.cancel-btn {\\r\\n width: 150px;\\r\\n color: white;\\r\\n background-color: #4f4f4f;\\r\\n margin:10px;\\r\\n border-radius: 10px !important;\\r\\n}\\r\\n.submit-btn {\\r\\n width: 150px;\\r\\n color: white;\\r\\n background-color: #0096d6;\\r\\n margin:10px;\\r\\n border-radius: 10px !important;\\r\\n}\\r\\nsmall {\\r\\n font-weight: 600 !important;\\r\\n}\\r\\n.cust-form-group {\\r\\n justify-content: end;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n}\\r\\n#cupsRequestForm .ui-dropdown {\\r\\n width: 100% !important;\\r\\n border: 1px solid black !important;\\r\\n}\\r\\n#currencyDiv .ui-dropdown {\\r\\n min-width: 4em !important;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9jdXBzLXJlcXVlc3QvY3Vwcy1yZXF1ZXN0LmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxlQUFlO0lBQ2YsZ0JBQWdCO0FBQ3BCO0FBQ0E7SUFDSSwwQkFBMEI7SUFDMUIsNkJBQTZCO0lBQzdCLGNBQWM7QUFDbEI7QUFDQTtJQUNJLFlBQVk7SUFDWixZQUFZO0lBQ1oseUJBQXlCO0lBQ3pCLFdBQVc7SUFDWCw4QkFBOEI7QUFDbEM7QUFDQTtJQUNJLFlBQVk7SUFDWixZQUFZO0lBQ1oseUJBQXlCO0lBQ3pCLFdBQVc7SUFDWCw4QkFBOEI7QUFDbEM7QUFDQTtJQUNJLDJCQUEyQjtBQUMvQjtBQUNBO0lBQ0ksb0JBQW9CO0lBQ3BCLGFBQWE7SUFDYixzQkFBc0I7QUFDMUI7QUFDQTtJQUNJLHNCQUFzQjtJQUN0QixrQ0FBa0M7QUFDdEM7QUFDQTtJQUNJLHlCQUF5QjtBQUM3QiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvY3Vwcy1yZXF1ZXN0L2N1cHMtcmVxdWVzdC5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmhlYWRlci1sYWJlbCB7XHJcbiAgICBmb250LXNpemU6IDIwcHg7XHJcbiAgICBmb250LXdlaWdodDogNjAwO1xyXG59XHJcbi5jdXN0LWZvcm0tbGFiZWwge1xyXG4gICAgZm9udC1zaXplOiAxNnB4ICFpbXBvcnRhbnQ7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwcHggIWltcG9ydGFudDtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG59XHJcbi5jYW5jZWwtYnRuIHtcclxuICAgIHdpZHRoOiAxNTBweDtcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICM0ZjRmNGY7XHJcbiAgICBtYXJnaW46MTBweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDEwcHggIWltcG9ydGFudDtcclxufVxyXG4uc3VibWl0LWJ0biB7XHJcbiAgICB3aWR0aDogMTUwcHg7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA5NmQ2O1xyXG4gICAgbWFyZ2luOjEwcHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuc21hbGwge1xyXG4gICAgZm9udC13ZWlnaHQ6IDYwMCAhaW1wb3J0YW50O1xyXG59XHJcbi5jdXN0LWZvcm0tZ3JvdXAge1xyXG4gICAganVzdGlmeS1jb250ZW50OiBlbmQ7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxufVxyXG4jY3Vwc1JlcXVlc3RGb3JtIC51aS1kcm9wZG93biB7XHJcbiAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgYmxhY2sgIWltcG9ydGFudDtcclxufVxyXG4jY3VycmVuY3lEaXYgLnVpLWRyb3Bkb3duIHtcclxuICAgIG1pbi13aWR0aDogNGVtICFpbXBvcnRhbnQ7XHJcbn0iXX0= */\"","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { CupsService } from 'src/services/cups.service';\r\nimport * as moment from 'moment';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { ToastrService } from 'ngx-toastr';\r\n\r\n@Component({\r\n selector: 'app-cups-request',\r\n templateUrl: './cups-request.component.html',\r\n styleUrls: ['./cups-request.component.css'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class CupsRequestComponent implements OnInit {\r\n formData = {};\r\n // = {\r\n // //\"submissionDate\": \"\",\r\n // //\"effectiveDate\": \"\" ,\r\n // //\"expirationDate\": \"\",\r\n // \"distributorName\": \"\",\r\n // \"distributorCity\": \"\",\r\n // \"productName\": \"\",\r\n // \"article\": \"\",\r\n // \"estimatedAnnualVolume\": \"\",\r\n // \"estimatedAnnualVolume_uom\": \"\",\r\n // \"bulk_pkg_type\": \"\",\r\n // \"cup_intostock_3rdparty\": \"\" ,\r\n // \"freight_terms_distributor\": \"\",\r\n // \"end_user_name\": \"\",\r\n // \"city\": \"\",\r\n // \"state\": \"\",\r\n // \"zip\": \"\",\r\n // \"distributor_price_from_basf\": \"\",\r\n // \"support_price_to_end_customer\": \"\",\r\n // \"discount_percent\": \"\" ,\r\n // \"freight_allowance\": \"\" ,\r\n // \"other_allowances\": \"\" ,\r\n // \"net_support_price\": \"\" ,\r\n // \"credit_back_amount\": \"\" ,\r\n // \"mileageInbound\": \"\",\r\n // \"mileageOutbound\": \"\",\r\n // \"distributor\": \"\",\r\n // \"competitor\": \"\",\r\n // \"competitive_material\": \"\",\r\n // \"competitive_application\": \"\",\r\n // \"competitive_price\": \"\",\r\n // \"industry_or_market\": \"\",\r\n // \"comments\": \"\",\r\n // \"product_id\":\"\",\r\n // \"reference_id\":\"\",\r\n // \"request_id\":0\r\n // };\r\n requestAPI = {\r\n request_id: 0,\r\n submission_date: '2021-11-22T01:45:14.661Z',\r\n effective_date: '2021-11-22T01:45:14.661Z',\r\n expiration_date: '2021-11-22T01:45:14.661Z',\r\n distributor_id: 0,\r\n product_id: 0,\r\n article_number: '',\r\n estimated_annual_volume: 0,\r\n estimated_annual_volume_UOM_id: 0,\r\n bulk_package_type: '',\r\n cups_intostock_id: 0,\r\n frieght_terms_to_distributor_id: 0,\r\n customer_id: 0,\r\n customer_state: '',\r\n customer_city: '',\r\n distributor_price_from_basf: 0,\r\n support_price_to_end_customer: 0,\r\n prior_support_price: 0,\r\n delta_price: 0,\r\n discount_percentage: 0,\r\n frieght_allowance: 0,\r\n other_allowance: 0,\r\n net_support_price: 0,\r\n credit_back_amount: 0,\r\n mileage_inbound: '',\r\n mileage_outbound: '',\r\n distributor: '',\r\n competitor: 0,\r\n competitive_material: '',\r\n competitive_application: '',\r\n competitive_price: 0,\r\n status_id: 0,\r\n industry_market_id: 0,\r\n comments: '',\r\n created_by: '',\r\n discount_percent_id: 0,\r\n ship_to: 0,\r\n businessunit_id: 0,\r\n external_comments: '',\r\n freight_terms_to_end_customer_id: 0,\r\n is_internal_user: false,\r\n distributor_sales_rep_id: 0,\r\n product_name: '',\r\n product_manager: 0,\r\n sbuId: 0,\r\n distributor_region_id: 0,\r\n saleSupportUserUpdate: false,\r\n isNotifyDistributor: false\r\n };\r\n newCustomer = {\r\n customer_id: 0,\r\n customer_name: '',\r\n address: '',\r\n city: '',\r\n state: '',\r\n zip_code: '',\r\n created_by: '',\r\n customer_region: '',\r\n businessunit_id: 0,\r\n distributor_sold_to_id: 0\r\n };\r\n newCompetitor = {\r\n request_master_id: 0,\r\n master_name: 'Competitors',\r\n //master_key: '',\r\n value: '',\r\n created_by: '',\r\n businessunit_id: 0\r\n };\r\n orgRowData: any;\r\n rowData: any;\r\n masterApiResp: any;\r\n distributorsData: any;\r\n distributorData: any;\r\n selectedDistributor: any;\r\n productsData: any;\r\n selectedProduct: any;\r\n annualUOMData: any;\r\n selectedAnnualUOM: any;\r\n priceUOMTypeDD: any;\r\n selectedUOMType: any;\r\n bulkPkgType: any;\r\n selectedBulkPkgType: any;\r\n cupsIntoStockDD: any;\r\n distributorRegionDD: any;\r\n selectedCupsIntoStock: any;\r\n selectedDistributorRegion: any;\r\n freightTermstoDistributorDD: any;\r\n freightTermstoEndCustomerDD: any;\r\n customersDD: any;\r\n selectedCustomer: any;\r\n selectedFreightTermstoDistributor: any;\r\n selectedFreightTermstoEndCustomer: any;\r\n industryOrMarketDD: any;\r\n selectedIndustryOrMarket: any;\r\n requestMasterApiResp: any;\r\n requestMasterCompetitorsApiResp: any;\r\n productDetails: any;\r\n EVID = 2;\r\n EMID = 1;\r\n EDID = 4;\r\n businessName: any;\r\n soldToDD: any;\r\n shipToDD: any;\r\n selectedSoldTo: any;\r\n selectedShipTo: any;\r\n displayShipTo = false;\r\n cupRequestDetails: any;\r\n apiResp: any;\r\n formMode = 'New';\r\n selectedBU: any;\r\n competitorsDD: any;\r\n selectedCompetitor: any;\r\n userId: any;\r\n type: any;\r\n customerInfoRequired = true;\r\n displayCustomerPopUp = false;\r\n displayCompetitorPopUp = false;\r\n regionData = [\r\n {\r\n region_id: 1,\r\n region_name: 'North America'\r\n }\r\n ];\r\n selectedRegion: any;\r\n isDistributionActionRequired: boolean = false;\r\n displayCreditAmount: boolean = false;\r\n disableFreightTermsToDistributor: boolean = false;\r\n userAdmin: boolean = false;\r\n displayDistributorSalesRep: boolean = false;\r\n distSalesRepDD: any;\r\n selectedDistSalesRep: any;\r\n displayNewProduct: boolean = false;\r\n sbuDD: any;\r\n packageTypeDD: any;\r\n pmUsersDD: any;\r\n selectedPackageType: any;\r\n selectedProductManager: any;\r\n selectedSBU: any;\r\n isUpdateCustomer: boolean = false;\r\n isUpdateCompetitor: boolean = false;\r\n cityDD: any;\r\n stateDD: any;\r\n selectedCity: any;\r\n selectedState: any;\r\n isDistributor: boolean = false;\r\n minEffectDate: any;\r\n maxEffectDate: any;\r\n minExpireDate: any;\r\n isSalesSupportDistributor: number = 0;\r\n isSaleSupportUserEdit = false;\r\n industryAccountManager: any;\r\n isNotifyDistributor:boolean = false;\r\n constructor(private router: Router, private _service: CupsService, private spinner: NgxSpinnerService, private toastr: ToastrService) { }\r\n\r\n ngOnInit() {\r\n switch (sessionStorage.getItem('BU')) {\r\n case 'EM': this.selectedBU = 1; break;\r\n case 'EV': this.selectedBU = 2; break;\r\n case 'PM': this.selectedBU = 3; break;\r\n case 'ED': this.selectedBU = 4; break;\r\n default: this.selectedBU = 1; break;\r\n }\r\n this.isSalesSupportDistributor = Number(sessionStorage.getItem('SalesSupportDistributor'));\r\n this.userId = sessionStorage.getItem('userid');\r\n this.userAdmin = (sessionStorage.getItem('IsAdmin') === \"1\" || sessionStorage.getItem('IsAdmin') === \"true\") ? true : false;\r\n this.isDistributor = (sessionStorage.getItem('isDistributor') === \"1\" || sessionStorage.getItem('isDistributor') === \"true\") ? true : false;\r\n this.displayDistributorSalesRep = (sessionStorage.getItem('isSalesSupport') === \"1\" || sessionStorage.getItem('isSalesSupport') === \"true\") ? true : false;\r\n if (!history.state.data) {\r\n this.router.navigate(['/home']);\r\n } else {\r\n this.getData();\r\n }\r\n }\r\n getData() {\r\n this.businessName = history.state.data.businessName;\r\n this.formData['submissionDate'] = moment(new Date()).format('L');\r\n this.minEffectDate = this.getFormattedData(this.formData['submissionDate']);\r\n this.maxEffectDate = this.getFormattedEndData(this.formData['submissionDate']);\r\n this.type = history.state.data.type;\r\n if (history.state.data.type !== 'New') {\r\n this.orgRowData = history.state.data.rowData;\r\n if (this.orgRowData.businessunit_id === 1) {\r\n this.businessName = 'EM';\r\n }\r\n else if (this.orgRowData.businessunit_id === 4) {\r\n this.businessName = 'ED';\r\n }\r\n else { this.businessName = 'EV'; }\r\n this.getCUPRequestDetails(this.orgRowData.request_id, this.orgRowData.businessunit_id);\r\n } else {\r\n this.getSoldToData();\r\n }\r\n }\r\n\r\n getCUPRequestDetails(requestId, businessUnitId) {\r\n this.spinner.show();\r\n this._service.getCUPRequestDetails(requestId, businessUnitId).subscribe(response => {\r\n this.apiResp = response;\r\n this.formMode = 'Edit';\r\n this.cupRequestDetails = JSON.parse(JSON.stringify(this.apiResp.requestSubmissionData[0]));\r\n this.getSoldToData();\r\n this.generateFormData();\r\n if (this.cupRequestDetails['sbu_name'] == '') {\r\n this.displayNewProduct = true;\r\n this.formData['newProductName'] = this.cupRequestDetails['product_name'];\r\n }\r\n let saleSupportUserEdit = history.state.data.saleSupportUserEdit;\r\n if (saleSupportUserEdit) {\r\n this.isSaleSupportUserEdit = true;\r\n } else {\r\n this.isSaleSupportUserEdit = false;\r\n }\r\n this.spinner.hide();\r\n });\r\n }\r\n\r\n getSoldToData() {\r\n this.spinner.show();\r\n this._service.getSoldTo(this.userId, this.selectedBU, this.userAdmin).subscribe(response => {\r\n if (!response['isError']) {\r\n this.soldToDD = response['response'];\r\n this.soldToDD.forEach(sd => {\r\n sd.soldToFullName = `${sd.sold_to_sap_id} - ${sd.distributor_sold_to_name}`;\r\n });\r\n console.log(this.formMode);\r\n if (this.formMode === 'Edit') {\r\n this.industryAccountManager = history.state.data.rowData.account_manager;\r\n console.log(this.cupRequestDetails);\r\n this.selectedSoldTo = this.soldToDD.find(ss => ss.distributor_id === this.cupRequestDetails.distributor_id\r\n && ss.distributor_sold_to === this.cupRequestDetails.distributor_sold_to);\r\n console.log(this.selectedSoldTo);\r\n this.getDistributorDetails();\r\n }\r\n this.spinner.hide();\r\n } else {\r\n this.spinner.hide();\r\n this._service.displayToastr(response);\r\n }\r\n });\r\n }\r\n\r\n getDistributorDetails() {\r\n this._service.getMasterData(this.userId, this.selectedSoldTo.distributor_sold_to_id, this.selectedBU, this.selectedSoldTo.distributor_id, this.userAdmin).subscribe(response => {\r\n this.spinner.show();\r\n this.masterApiResp = response;\r\n this.getDistributorData(this.masterApiResp);\r\n this.getDistributorShipToData(this.masterApiResp);\r\n this.getCustomersData(this.masterApiResp);\r\n this.getRequestMasterData(this.masterApiResp);\r\n this.getCompetitorsData(this.masterApiResp);\r\n this.getProductsData(this.masterApiResp);\r\n this.getDistributorUsers(this.masterApiResp);\r\n console.log(this.selectedIndustryOrMarket);\r\n if (this.formMode !== 'Edit' || !this.selectedIndustryOrMarket)\r\n this.industryAccountManager = '';\r\n this.spinner.hide();\r\n console.log(this.selectedSoldTo);\r\n });\r\n }\r\n\r\n getDistributorUsers(masterJson) {\r\n this.distSalesRepDD = masterJson.distributorUsers;\r\n }\r\n\r\n getDistributorData(masterJson) {\r\n this.distributorData = masterJson.requestDistributorDetails;\r\n if (this.distributorData.length === 1) {\r\n this.selectedDistributor = this.distributorData[0];\r\n this.formData['distributorCity'] = this.selectedDistributor.distributor_city;\r\n this.formData['distributorName'] = this.selectedDistributor.distributor_name;\r\n }\r\n if (this.formMode === 'Edit') {\r\n if (this.selectedDistributor) {\r\n this.formData['distributorCity'] = this.selectedDistributor.distributor_city;\r\n this.formData['distributorName'] = this.selectedDistributor.distributor_name;\r\n }\r\n }\r\n }\r\n\r\n getProductsData(masterJson) {\r\n this.productsData = masterJson.productsData;\r\n let otherProduct = {\r\n product_id: 0,\r\n product_name: 'Others'\r\n };\r\n if (this.selectedBU === 1 || this.selectedBU === 4) {\r\n this.productsData = JSON.parse(JSON.stringify([...this.productsData, otherProduct]));\r\n this.productsData.sort(function (a, b) {\r\n if (a.product_name.toLowerCase() < b.product_name.toLowerCase())\r\n return -1;\r\n if (a.product_name.toLowerCase() > b.product_name.toLowerCase())\r\n return 1;\r\n return 0;\r\n });\r\n }\r\n if (this.formMode === 'Edit') {\r\n this.selectedProduct = this.productsData.find(p => p.product_id === this.cupRequestDetails.product_id);\r\n if (this.selectedProduct) {\r\n this.getProductDetails();\r\n } else {\r\n if (this.cupRequestDetails['sbu_name'] === '') {\r\n this.selectedProduct = this.productsData.find(pd => pd.product_id === 0);\r\n this.selectedProduct['product_id'] = this.cupRequestDetails['product_id'];\r\n this.getProductDetails();\r\n }\r\n }\r\n }\r\n }\r\n\r\n getCustomersData(masterJson) {\r\n this.customersDD = this.getUniqueListBy(masterJson.customerData, 'customer_name');\r\n const otherCustomer = {\r\n address: '',\r\n city: '',\r\n customer_id: 0,\r\n customer_name: 'Other',\r\n customer_region: '',\r\n s1_code: null,\r\n state: 'MO',\r\n zip_code: '0',\r\n customer_address_id: 0\r\n };\r\n this.customersDD.push(otherCustomer);\r\n this.customersDD.sort(function (a, b) {\r\n if (a.customer_name.toLowerCase() < b.customer_name.toLowerCase())\r\n return -1;\r\n if (a.customer_name.toLowerCase() > b.customer_name.toLowerCase())\r\n return 1;\r\n return 0;\r\n });\r\n if (this.formMode === 'Edit') {\r\n this.selectedCustomer = this.masterApiResp.customerData.find(c => c.customer_id === this.cupRequestDetails.customer_id);\r\n if (this.selectedCustomer) {\r\n this.constructStateDropDown();\r\n this.selectedState = this.stateDD.find(sd => sd.state === this.selectedCustomer.state);\r\n this.constructCityDropDown();\r\n if (this.cityDD) {\r\n this.selectedCity = this.cityDD.find(cd => cd.city === this.selectedCustomer.city);\r\n this.formData['zip'] = this.selectedCity.zip_code;\r\n }\r\n }\r\n this.selectedCustomer = this.customersDD.find(cd => cd.customer_name === this.cupRequestDetails.customer_name);\r\n }\r\n }\r\n getCompetitorsData(masterJson) {\r\n this.requestMasterCompetitorsApiResp = masterJson.requestMaster;\r\n this.competitorsDD = this.requestMasterCompetitorsApiResp.filter(cd => cd.master_name === 'Competitors');\r\n const otherCustomer = {\r\n request_master_id: 0,\r\n master_name: '',\r\n mater_key: '0',\r\n value: 'Other'\r\n };\r\n this.competitorsDD.push(otherCustomer);\r\n this.competitorsDD.sort(function (a, b) {\r\n if (a.value.toLowerCase() < b.value.toLowerCase())\r\n return -1;\r\n if (a.value.toLowerCase() > b.value.toLowerCase())\r\n return 1;\r\n return 0;\r\n });\r\n if (this.type === 'edit') {\r\n this.selectedCompetitor = this.competitorsDD.find(cd => cd.request_master_id === this.cupRequestDetails['competitor_id']);\r\n }\r\n }\r\n getUniqueListBy(arr, key) {\r\n return [...new Map(arr.map(item => [item[key], item])).values()]\r\n }\r\n\r\n onSelectCustomer() {\r\n if (this.selectedCustomer.customer_id === 0) {\r\n this.newCustomer.customer_name = '';\r\n this.newCustomer.address = '';\r\n this.newCustomer.city = '';\r\n this.newCustomer.state = '';\r\n this.newCustomer.zip_code = '';\r\n this.newCustomer.customer_region = undefined;\r\n this.selectedRegion = undefined;\r\n this.displayCustomerPopUp = true;\r\n } else {\r\n this.constructStateDropDown();\r\n this.constructCityDropDown();\r\n this.formData['zip'] = '';\r\n this.selectedState = undefined;\r\n this.selectedCity = undefined;\r\n }\r\n }\r\n onSelectCompetitor() {\r\n if (this.selectedCompetitor.request_master_id === 0) {\r\n this.displayCompetitorPopUp = true;\r\n }\r\n // else {\r\n // this.constructStateDropDown();\r\n // }\r\n }\r\n constructStateDropDown() {\r\n this.stateDD = this.masterApiResp.customerData.filter(cd => cd.customer_name === this.selectedCustomer.customer_name);\r\n this.stateDD = this.getUniqueListBy(this.stateDD, 'state');\r\n }\r\n\r\n constructCityDropDown() {\r\n if (this.selectedState && this.selectedState.state) {\r\n this.cityDD = this.masterApiResp.customerData.filter(sd => sd.customer_name === this.selectedCustomer.customer_name && sd.state === this.selectedState.state);\r\n }\r\n }\r\n\r\n addNewLocation() {\r\n this.newCustomer.customer_name = this.selectedCustomer.customer_name;\r\n this.isUpdateCustomer = true;\r\n this.displayCustomerPopUp = true;\r\n }\r\n\r\n getDistributorShipToData(masterJson) {\r\n this.shipToDD = masterJson.distributorShipToData;\r\n this.shipToDD.forEach(element => {\r\n if (!element.distributor_ship_to_Full_name || element.distributor_ship_to_Full_name.length < 1) {\r\n element.distributor_ship_to_Full_name = element.distributor_ship_to_name;\r\n }\r\n });\r\n }\r\n\r\n getProductDetails() {\r\n if (this.selectedProduct.product_id != 0 && this.type !== 'edit' && this.selectedProduct.product_name !== 'Others') {\r\n this.displayNewProduct = false;\r\n this.formData['newProductName'] = '';\r\n\r\n this.productDetails = this.productsData.filter(p => p.product_id === this.selectedProduct.product_id);\r\n if (this.productDetails[0].product_manager == 0 && this.selectedBU != 3) {\r\n this.toastr.error(\"Product Manager not available for this product, so Price Support cannot be created.Please contact BASF Sales Support\");\r\n }\r\n this.formData['article'] = this.productDetails[0].article_number;\r\n this.formData['bulk_pkg_type'] = this.productDetails[0].package_type;\r\n this.formData['sbuName'] = this.productDetails[0].sbu_name;\r\n if (this.businessName === 'ED') {\r\n this.selectedAnnualUOM = this.annualUOMData.find(uom => uom.value === this.productDetails[0].list_price_UOM);\r\n this.formData['estimatedAnnualVolumeUOM'] = this.selectedAnnualUOM.value;\r\n }\r\n this.getProductPricingDetails();\r\n } else {\r\n if (this.type !== 'edit') {\r\n this.displayNewProduct = true;\r\n }\r\n if (this.type === 'New') {\r\n this.formData['distributor_price_from_basf'] = 0;\r\n this.formData['article'] = '';\r\n this.formData['credit_back_amount'] = 0;\r\n this.formData['net_support_price'] = 0;\r\n }\r\n else if (this.type === 'clone') {\r\n this.formData['newProductName'] = this.cupRequestDetails['product_name'];\r\n this.formData['distributor_price_from_basf'] = this.cupRequestDetails['distributor_price_from_basf'];\r\n this.formData['article'] = this.cupRequestDetails['article_number'];\r\n this.formData['credit_back_amount'] = this.cupRequestDetails['credit_back_amount'];\r\n this.formData['net_support_price'] = this.cupRequestDetails['net_support_price'];\r\n this.formData['sbuName'] = this.cupRequestDetails['sbu_name'];\r\n this.calculatePrices();\r\n } else if (this.type === 'edit') {\r\n this.formData['newProductName'] = this.cupRequestDetails['product_name'];\r\n this.formData['sbuName'] = this.cupRequestDetails['sbu_name'];\r\n this.formData['distributor_price_from_basf'] = this.cupRequestDetails['distributor_price_from_basf'];\r\n this.formData['credit_back_amount'] = this.cupRequestDetails['credit_back_amount'];\r\n } else {\r\n this.formData['newProductName'] = this.cupRequestDetails['product_name'];\r\n }\r\n this.getProductConfig();\r\n }\r\n }\r\n\r\n onChangeSBU() {\r\n this.formData['sbuName'] = this.selectedSBU.value;\r\n this.requestAPI.sbuId = this.selectedSBU.request_master_id;\r\n }\r\n\r\n onSelectPackageType(_event) {\r\n this.formData['bulk_pkg_type'] = this.selectedPackageType.value;\r\n }\r\n\r\n getProductConfig() {\r\n this._service.getAdminConfigMaster().subscribe((res: any) => {\r\n if (!res['isError']) {\r\n this.apiResp = res;\r\n this.sbuDD = this.apiResp.buData.filter(bu => bu.businessunit_name === sessionStorage.getItem('BU'));\r\n this.packageTypeDD = this.apiResp.packageType.filter(bu => bu.businessunit_name === sessionStorage.getItem('BU'));\r\n if (this.userAdmin) {\r\n this.getBUUsers();\r\n }\r\n if (this.formMode === 'Edit') {\r\n this.selectedPackageType = this.packageTypeDD.find(pt => pt.value === this.cupRequestDetails['bulk_package_type']);\r\n this.onSelectPackageType('event');\r\n }\r\n } else {\r\n this._service.displayToastr(res);\r\n }\r\n });\r\n }\r\n\r\n getBUUsers() {\r\n this._service.getBUUsers(this.selectedBU).subscribe((res) => {\r\n if (!res['isError']) {\r\n this.pmUsersDD = res['lstUsers']\r\n } else {\r\n this._service.displayToastr(res);\r\n }\r\n })\r\n }\r\n\r\n getProductPricingDetails() {\r\n if (this.selectedCupsIntoStock && this.selectedFreightTermstoDistributor && this.productDetails && this.formData['effectiveDate']) {\r\n this.spinner.show();\r\n if (this.selectedCupsIntoStock.value === '3rd Party' && !this.selectedShipTo) {\r\n this.spinner.hide();\r\n return false;\r\n }\r\n let ship_to_name = this.distributorData[0].sales_org_name;\r\n let shiptoId = this.selectedCupsIntoStock.value === '3rd Party' ? this.selectedShipTo.distributor_ship_to_id : 0;\r\n this._service.getProductPricingRecord(this.selectedBU, this.productDetails[0].article_number,\r\n this.selectedSoldTo.distributor_sold_to_id, shiptoId, this.selectedFreightTermstoDistributor.master_key,\r\n this.formData['effectiveDate'], ship_to_name, this.selectedCupsIntoStock.request_master_id).subscribe(response => {\r\n if (!response['isError']) {\r\n this.spinner.hide();\r\n this.apiResp = response;\r\n this.formData['distributor_price_from_basf'] = this.apiResp.response.list_Price;\r\n this.calculatePrices();\r\n }\r\n else {\r\n this.spinner.hide();\r\n this.formData['distributor_price_from_basf'] = '';\r\n this._service.displayToastr(response);\r\n }\r\n });\r\n } else {\r\n this.spinner.hide();\r\n }\r\n }\r\n\r\n getRequestMasterData(masterJson) {\r\n this.spinner.show();\r\n this.requestMasterApiResp = masterJson.requestMaster;\r\n this.annualUOMData = this.requestMasterApiResp.filter(rm => rm.master_name === 'VolumeUOM');\r\n if (this.businessName === 'EV') {\r\n this.selectedAnnualUOM = this.annualUOMData.find(uom => uom.value === 'LB');\r\n this.formData['estimatedAnnualVolumeUOM'] = this.selectedAnnualUOM.value;\r\n }\r\n if (this.businessName === 'EM') {\r\n this.selectedAnnualUOM = this.annualUOMData.find(uom => uom.value === 'KG');\r\n this.formData['estimatedAnnualVolumeUOM'] = this.selectedAnnualUOM.value;\r\n }\r\n this.industryOrMarketDD = this.requestMasterApiResp.filter(rm => rm.master_name === 'Industry');\r\n this.bulkPkgType = this.requestMasterApiResp.filter(rm => rm.master_name === 'BulkPkgType');\r\n this.cupsIntoStockDD = this.requestMasterApiResp.filter(rm => rm.master_name === 'CupintoStock');\r\n this.distributorRegionDD = this.requestMasterApiResp.filter(rm => rm.master_name === 'DistributorRegion');\r\n this.freightTermstoDistributorDD = this.requestMasterApiResp.filter(rm => rm.master_name === 'FreightTermstoDistributor');\r\n this.freightTermstoEndCustomerDD = this.requestMasterApiResp.filter(rm => rm.master_name === 'FreightTermsToEndCustomer');\r\n this.priceUOMTypeDD = this.requestMasterApiResp.filter(rm => rm.master_name === 'PricingUOM');\r\n\r\n if (this.formMode === 'Edit') {\r\n this.selectedFreightTermstoDistributor = this.freightTermstoDistributorDD.find(f => f.master_key === this.cupRequestDetails.frieght_terms_to_distributor_id);\r\n this.selectedFreightTermstoEndCustomer = this.freightTermstoEndCustomerDD.find(f => f.request_master_id === this.cupRequestDetails.freight_terms_to_end_customer_id);\r\n this.selectedShipTo = this.shipToDD.find(ss => ss.distributor_ship_to_id === this.cupRequestDetails.ship_to);\r\n this.selectedCupsIntoStock = this.cupsIntoStockDD.find(c => c.request_master_id === this.cupRequestDetails.cups_intostock_id);\r\n\r\n if (this.type === 'edit') {\r\n if (this.businessName == 'ED') {\r\n this.selectedDistributorRegion = this.distributorRegionDD.find(im => im.request_master_id === this.cupRequestDetails['distributor_region_id']);\r\n }\r\n this.selectedIndustryOrMarket = this.industryOrMarketDD.find(im => im.request_master_id === this.cupRequestDetails['industry_market_id']);\r\n }\r\n this.onChangeCupsIntoStock();\r\n }\r\n this.spinner.hide();\r\n }\r\n\r\n getFormattedData(date) {\r\n return moment(date).format(\"yyyy-MM-DD\");\r\n }\r\n\r\n getFormattedEndData(date) {\r\n return moment(date).add(730, 'days').format(\"yyyy-MM-DD\");\r\n }\r\n\r\n onChangeCupsIntoStock() {\r\n this.displayCreditAmount = true;\r\n this.customerInfoRequired = true;\r\n this.disableFreightTermsToDistributor = false;\r\n if (this.selectedCupsIntoStock.value === '3rd Party') {\r\n this.displayShipTo = true;\r\n this.displayCreditAmount = false;\r\n } else {\r\n this.displayShipTo = false;\r\n }\r\n if (this.selectedCupsIntoStock.value === 'IntoStock') {\r\n this.customerInfoRequired = false;\r\n this.displayCreditAmount = false;\r\n }\r\n if (this.selectedCupsIntoStock.value === 'CUP') {\r\n this.selectedFreightTermstoDistributor = this.freightTermstoDistributorDD.find(f => f.value === 'Collect');\r\n if (this.businessName === 'EV') {\r\n this.disableFreightTermsToDistributor = true;\r\n }\r\n }\r\n this.calculatePrices();\r\n this.getProductPricingDetails();\r\n }\r\n\r\n calculateEDPrice() {\r\n const dp = this.formData['distributor_price_from_basf'] ? Number(this.formData['distributor_price_from_basf']) : 0;\r\n const sp = this.formData['support_price_to_end_customer'] ? Number(this.formData['support_price_to_end_customer']) : 0;\r\n const psp = this.formData['prior_support_price'] ? Number(this.formData['prior_support_price']) : 0;\r\n if (psp && sp) {\r\n this.formData['delta_price'] = (psp - sp).toFixed(2);\r\n }\r\n if (dp && sp) {\r\n this.formData['discount_percent'] = (((dp - sp) / dp) * 100).toFixed(2);\r\n this.formData['credit_back_amount'] = (dp - sp).toFixed(2);\r\n }\r\n else if (dp <= 0 && this.formData['cups_intostock'] === '3rd Party' || this.formData['cups_intostock'] === 'IntoStock') {\r\n this.formData['discount_percent'] = 0;\r\n this.formData['credit_back_amount'] = 0;\r\n }\r\n }\r\n\r\n calculatePrices() {\r\n if (this.businessName == 'ED') {\r\n this.calculateEDPrice();\r\n } else {\r\n const sp = Number(this.formData['support_price_to_end_customer']);\r\n const discount = Number(this.formData['discount_percent']);\r\n const fa = this.formData['freight_allowance'] ? Number(this.formData['freight_allowance']) : 0;\r\n const oa = this.formData['other_allowances'] ? Number(this.formData['other_allowances']) : 0;\r\n const dp = this.formData['distributor_price_from_basf'] ? Number(this.formData['distributor_price_from_basf']) : 0;\r\n const nspev = this.formData['net_support_price'] ? Number(this.formData['net_support_price']) : 0;\r\n if (!this.displayNewProduct) {\r\n this.calculateForExistingProduct(sp, discount, fa, oa, dp, nspev);\r\n } else {\r\n this.calculateForNewProduct(sp, discount, fa, oa, dp);\r\n }\r\n }\r\n }\r\n\r\n calculateForNewProduct(sp, discount, fa, oa, dp) {\r\n if ((this.businessName === 'EM') && sp >= 0 && discount >= 0 && fa >= 0 && oa >= 0) {\r\n this.formData['net_support_price'] = (sp - (sp * (discount) / 100) - fa - oa).toFixed(2).toString();\r\n if (Number(this.formData['net_support_price']) < 0) {\r\n this.toastr.error(\"Net Support Price cannot be Negative\");\r\n }\r\n }\r\n if ((this.businessName === 'ED') && sp >= 0 && discount >= 0 && fa >= 0 && oa >= 0) {\r\n ///this.formData['net_support_price'] = (sp - fa - oa).toFixed(2).toString();\r\n this.formData['net_support_price'] = (sp).toFixed(2).toString();\r\n if (Number(this.formData['net_support_price']) < 0) {\r\n this.toastr.error(\"Net Support Price cannot be Negative\");\r\n }\r\n }\r\n const nsp = Number(this.formData['net_support_price']);\r\n if ((this.businessName === 'EM') && sp >= 0 && discount >= 0 && fa >= 0 && oa >= 0 && dp >= 0) {\r\n if (nsp && dp && (this.selectedCupsIntoStock.value === '3rd Party' || this.selectedCupsIntoStock.value === 'IntoStock')) {\r\n this.formData['credit_back_amount'] = 0;\r\n } else if (nsp && dp && this.selectedCupsIntoStock.value === 'CUP') {\r\n this.formData['credit_back_amount'] = (dp - nsp).toFixed(2).toString();\r\n if (Number(this.formData['credit_back_amount']) < 0) {\r\n this.toastr.error(\"Credit Back Amount cannot be Negative\");\r\n }\r\n }\r\n }\r\n if ((this.businessName === 'ED') && sp >= 0 && discount >= 0 && fa >= 0 && oa >= 0 && dp >= 0) {\r\n if (nsp && dp && (this.selectedCupsIntoStock.value === '3rd Party' || this.selectedCupsIntoStock.value === 'IntoStock')) {\r\n this.formData['credit_back_amount'] = 0;\r\n } else if (nsp && dp && this.selectedCupsIntoStock.value === 'CUP') {\r\n this.formData['credit_back_amount'] = (dp - sp).toFixed(2).toString();\r\n if (Number(this.formData['credit_back_amount']) < 0) {\r\n this.toastr.error(\"Credit Back Amount cannot be Negative\");\r\n }\r\n }\r\n }\r\n }\r\n\r\n calculateForExistingProduct(sp, discount, fa, oa, dp, nspev) {\r\n if (this.businessName === 'EM') {\r\n if (sp >= 0 && discount >= 0 && fa >= 0 && oa >= 0 && dp >= 0) {\r\n this.formData['net_support_price'] = (sp - (sp * (discount) / 100) - fa - oa).toFixed(2).toString();\r\n if (Number(this.formData['net_support_price']) < 0) {\r\n this.toastr.error(\"Net Support Price cannot be Negative\");\r\n }\r\n }\r\n const nsp = Number(this.formData['net_support_price']);\r\n if (nsp && dp && (this.selectedCupsIntoStock.value === '3rd Party' || this.selectedCupsIntoStock.value === 'IntoStock')) {\r\n this.formData['credit_back_amount'] = 0;\r\n } else if (nsp && dp && this.selectedCupsIntoStock.value === 'CUP') {\r\n this.formData['credit_back_amount'] = (dp - nsp).toFixed(2).toString();\r\n if (Number(this.formData['credit_back_amount']) < 0) {\r\n this.toastr.error(\"Credit Back Amount cannot be Negative\");\r\n }\r\n }\r\n }\r\n if (this.businessName === 'ED') {\r\n if (sp >= 0 && discount >= 0 && fa >= 0 && oa >= 0 && dp >= 0) {\r\n ///this.formData['net_support_price'] = (sp - fa - oa).toFixed(2).toString();\r\n this.formData['net_support_price'] = (sp).toFixed(2).toString();\r\n if (Number(this.formData['net_support_price']) < 0) {\r\n this.toastr.error(\"Net Support Price cannot be Negative\");\r\n }\r\n }\r\n const nsped = Number(this.formData['net_support_price']);\r\n if (nsped && dp && (this.selectedCupsIntoStock.value === '3rd Party' || this.selectedCupsIntoStock.value === 'IntoStock')) {\r\n this.formData['credit_back_amount'] = 0;\r\n } else if (nsped && dp && this.selectedCupsIntoStock.value === 'CUP') {\r\n this.formData['credit_back_amount'] = (dp - sp).toFixed(2).toString();\r\n if (Number(this.formData['credit_back_amount']) < 0) {\r\n this.toastr.error(\"Credit Back Amount cannot be Negative\");\r\n }\r\n }\r\n }\r\n if (this.businessName === 'EV') {\r\n if (sp >= 0 && discount >= 0 && fa >= 0 && oa >= 0 && dp >= 0) {\r\n ///this.formData['net_support_price'] = (sp - fa - oa).toFixed(2).toString();\r\n this.formData['net_support_price'] = (sp).toFixed(2).toString();\r\n if (nspev < 0) {\r\n this.toastr.error(\"Net Support Price cannot be Negative\");\r\n }\r\n }\r\n\r\n if (nspev && dp && (this.selectedCupsIntoStock.value === '3rd Party' || this.selectedCupsIntoStock.value === 'IntoStock')) {\r\n this.formData['credit_back_amount'] = 0;\r\n } else if (nspev && dp && this.selectedCupsIntoStock.value === 'CUP') {\r\n this.formData['credit_back_amount'] = (dp - nspev).toFixed(2).toString();\r\n if (Number(this.formData['credit_back_amount']) < 0) {\r\n this.toastr.error(\"Credit Back Amount cannot be Negative\");\r\n }\r\n }\r\n }\r\n }\r\n\r\n generateFormData() {\r\n this.spinner.show();\r\n this.formData['reference_id'] = this.type === 'edit' ? this.orgRowData['request_reference_number'] : \"\";\r\n this.requestAPI.request_id = this.type === 'edit' ? this.orgRowData['request_id'] : 0;\r\n this.formData['submissionDate'] = this.type === 'edit' ? moment(this.cupRequestDetails['submission_date']).format('MM/DD/yyyy') : moment(new Date()).format('L');\r\n this.formData['effectiveDate'] = this.type === 'edit' ? moment(this.cupRequestDetails['effective_date']).format('yyyy-MM-DD') : \"\";\r\n this.formData['expirationDate'] = this.type === 'edit' ? moment(this.cupRequestDetails['expiration_date']).format('yyyy-MM-DD') : \"\";\r\n this.formData['support_price_to_end_customer'] = this.cupRequestDetails['support_price_to_end_customer'];\r\n this.formData['prior_support_price'] = this.cupRequestDetails['prior_support_price'];\r\n this.formData['mileageInbound'] = this.cupRequestDetails['mileage_inbound'];\r\n this.formData['mileageOutbound'] = this.cupRequestDetails['mileage_outbound'];\r\n this.formData['discount_percent'] = this.cupRequestDetails['discount_percent'].replace('%', '');\r\n this.formData['freight_allowance'] = this.cupRequestDetails['frieght_allowance'];\r\n this.formData['other_allowances'] = this.cupRequestDetails['other_allowance'];\r\n this.formData['net_support_price'] = this.cupRequestDetails['net_support_price'];\r\n this.formData['credit_back_amount'] = this.cupRequestDetails['credit_back_amount'];\r\n this.formData['comments'] = this.type === 'edit' ? this.cupRequestDetails['comments'] : '';\r\n this.formData['externalComments'] = this.type === 'edit' ? this.cupRequestDetails['external_comments'] : '';\r\n this.formData['status_id'] = this.cupRequestDetails['status_id'];\r\n this.formData['article'] = this.cupRequestDetails['article_number'];\r\n if (this.formData['status_id'] === 11) {\r\n this.isDistributionActionRequired = true;\r\n }\r\n if (this.type === 'edit') {\r\n this.formData['competitive_material'] = this.cupRequestDetails['competitive_material'];\r\n this.formData['competitive_price'] = this.cupRequestDetails['competitive_price'];\r\n this.formData['competitive_application'] = this.cupRequestDetails['competitive_application'];\r\n this.formData['distributor'] = this.cupRequestDetails['distributor'];\r\n if (this.cupRequestDetails['external_comments'] != '') {\r\n this.formData['externalComments'] = this.cupRequestDetails['external_comments'].split(':')[1].split('-')[0].trim();\r\n } else {\r\n this.formData['externalComments'] = this.cupRequestDetails['external_comments'];\r\n }\r\n this.formData['estimatedAnnualVolume'] = this.cupRequestDetails['estimated_annual_volume'];\r\n this.formData['industry_market_id'] = this.cupRequestDetails['industry_market_id'];\r\n }\r\n this.spinner.hide();\r\n }\r\n\r\n bindCustomerDetails() {\r\n if (this.selectedCustomer != undefined) {\r\n let customer = this.masterApiResp.customerData.find(cd => cd.customer_name === this.selectedCustomer.customer_name);\r\n this.requestAPI.customer_id = customer ? customer.customer_id : 0;\r\n this.requestAPI.customer_state = (customer && this.selectedState) ? this.selectedState.state : '';\r\n this.requestAPI.customer_city = (customer && this.selectedCity) ? this.selectedCity.city : '';\r\n\r\n } else {\r\n this.requestAPI.customer_id = 0;\r\n this.requestAPI.customer_city = '';\r\n this.requestAPI.customer_state = ''\r\n }\r\n }\r\n\r\n submitRequest() {\r\n this.spinner.show();\r\n if (this.checkValidations()) {\r\n if (this.businessName === 'EM') {\r\n this.generateEMRequest();\r\n }\r\n else if (this.businessName === 'ED') {\r\n this.generateEDRequest();\r\n }\r\n else {\r\n this.generateEVRequest();\r\n }\r\n if (this.productDetails && this.productDetails[0].product_manager == 0 && this.selectedBU != 3) {\r\n this.toastr.error(\"Product Manager not available for this product, so Price Support cannot be created.Please contact BASF Sales Support\");\r\n return;\r\n }\r\n this.requestAPI['submission_date'] = moment(this.formData['submissionDate']).toDate().toDateString();\r\n this.requestAPI['effective_date'] = moment(this.formData['effectiveDate']).toDate().toDateString();\r\n this.requestAPI['expiration_date'] = moment(this.formData['expirationDate']).toDate().toDateString();\r\n this.requestAPI.distributor_id = this.selectedDistributor.distributor_id;\r\n this.requestAPI.product_id = this.selectedProduct.product_id;\r\n this.requestAPI.article_number = this.formData['article'];\r\n if (this.type == 'edit') {\r\n if (this.formData['estimatedAnnualVolume'].toString().indexOf(' ') >= 0) {\r\n this.formData['estimatedAnnualVolume'] = this.formData['estimatedAnnualVolume'].split(' ')[0].replace(',', '');\r\n }\r\n }\r\n this.requestAPI.estimated_annual_volume = Number(this.formData['estimatedAnnualVolume']);\r\n this.requestAPI.estimated_annual_volume_UOM_id = this.selectedAnnualUOM.request_master_id;\r\n this.requestAPI.bulk_package_type = this.formData['bulk_pkg_type'];\r\n this.requestAPI.cups_intostock_id = this.selectedCupsIntoStock.request_master_id;\r\n this.requestAPI.frieght_terms_to_distributor_id = this.selectedFreightTermstoDistributor.master_key;\r\n this.bindCustomerDetails();\r\n\r\n this.requestAPI.distributor_price_from_basf = this.formData['distributor_price_from_basf'] ? Number(this.formData['distributor_price_from_basf']) : 0;\r\n this.requestAPI.support_price_to_end_customer = Number(this.formData['support_price_to_end_customer']);\r\n this.requestAPI.net_support_price = this.formData['net_support_price'] ? Number(this.formData['net_support_price']) : 0;\r\n this.requestAPI.credit_back_amount = this.formData['credit_back_amount'] ? Number(this.formData['credit_back_amount']) : 0;\r\n this.requestAPI.distributor = this.formData['distributor'];\r\n this.requestAPI.competitor = this.selectedCompetitor.request_master_id;\r\n this.requestAPI.competitive_material = this.formData['competitive_material'];\r\n this.requestAPI.competitive_price = this.formData['competitive_price'] ? Number(this.formData['competitive_price']) : 0;\r\n this.requestAPI.industry_market_id = this.selectedIndustryOrMarket.request_master_id;\r\n this.requestAPI.status_id = 2;\r\n this.requestAPI.created_by = sessionStorage.getItem('userid');\r\n this.requestAPI.discount_percent_id = 4;\r\n this.requestAPI.ship_to = this.selectedCupsIntoStock.value === '3rd Party' ? this.selectedShipTo.distributor_ship_to_id : 0;\r\n this.requestAPI.distributor_sales_rep_id = this.selectedDistSalesRep ? this.selectedDistSalesRep.distributor_user_id : 0;\r\n this.constructComments();\r\n this.requestAPI.is_internal_user = !this.isDistributor;\r\n if (this.isSaleSupportUserEdit) {\r\n this.saleSupportUserApproval();\r\n this.requestAPI.saleSupportUserUpdate = true;\r\n this.requestAPI.created_by = history.state.data.rowData.created_by;\r\n this.requestAPI.is_internal_user = history.state.data.rowData.is_internal_user;\r\n this.requestAPI.isNotifyDistributor = this.isNotifyDistributor;\r\n }\r\n this.callSubmitAPI();\r\n } else {\r\n this.spinner.hide();\r\n }\r\n }\r\n\r\n saleSupportUserApproval() {\r\n this.spinner.show();\r\n let workFlowResp = history.state.data.workFlowResp;\r\n this._service.updateWorkFLowStatus(workFlowResp).subscribe((response) => {\r\n this.spinner.hide();\r\n })\r\n }\r\n\r\n constructComments() {\r\n let currentDate = moment().format('MM/DD/yyyy');\r\n if (this.formData['comments'] != '') {\r\n this.requestAPI.comments = this.formData['comments'];\r\n } else {\r\n this.requestAPI.comments = '';\r\n }\r\n if (this.formData['externalComments'] != '') {\r\n this.requestAPI.external_comments = `${currentDate}: ${this.formData['externalComments']} - by ${sessionStorage.getItem('loginuser')} ||`;\r\n } else {\r\n this.requestAPI.external_comments = '';\r\n }\r\n }\r\n\r\n callSubmitAPI() {\r\n this._service.submitRequest(this.requestAPI).subscribe((_response: any) => {\r\n if (!_response.isError) {\r\n this.spinner.hide();\r\n this._service.displayToastr(_response);\r\n //this.toastr.success('Request submitted successfully', 'Success!')\r\n sessionStorage.setItem('paramsExist', 'false');\r\n this.router.navigate(['/home']);\r\n }\r\n else {\r\n this.spinner.hide();\r\n this._service.displayToastr(_response);\r\n }\r\n });\r\n }\r\n\r\n generateEMRequest() {\r\n this.requestAPI.discount_percentage = Number(this.formData['discount_percent']);\r\n this.requestAPI.frieght_allowance = this.formData['freight_allowance'] ? Number(this.formData['freight_allowance']) : 0;\r\n this.requestAPI.other_allowance = this.formData['other_allowances'] ? Number(this.formData['other_allowances']) : 0;\r\n this.requestAPI.mileage_inbound = this.formData['mileageInbound'];\r\n this.requestAPI.mileage_outbound = this.formData['mileageOutbound'];\r\n this.requestAPI.freight_terms_to_end_customer_id = this.selectedFreightTermstoEndCustomer.request_master_id;\r\n this.requestAPI.competitive_application = this.formData['competitive_application'];\r\n this.requestAPI.businessunit_id = this.EMID;\r\n if (this.displayNewProduct && !this.selectedDistSalesRep) {\r\n this.requestAPI.product_name = this.formData['newProductName'];\r\n this.requestAPI.product_manager = 0;\r\n }\r\n if (this.displayNewProduct && (this.type === 'edit' || this.type === 'New')) {\r\n this.requestAPI.product_name = this.formData['newProductName'];\r\n this.requestAPI.product_manager = this.selectedProductManager ? this.selectedProductManager.user_id : 0;\r\n this.requestAPI.article_number = this.formData['article'];\r\n this.requestAPI.sbuId = this.selectedSBU ? this.selectedSBU.request_master_id : 0;\r\n }\r\n }\r\n\r\n generateEVRequest() {\r\n this.requestAPI.discount_percentage = 0;\r\n this.requestAPI.frieght_allowance = 0;\r\n this.requestAPI.other_allowance = 0;\r\n this.requestAPI.freight_terms_to_end_customer_id = 0;\r\n this.requestAPI.mileage_inbound = \"\";\r\n this.requestAPI.mileage_outbound = \"\";\r\n this.requestAPI.businessunit_id = this.EVID;\r\n this.requestAPI.competitive_application = '';\r\n }\r\n\r\n generateEDRequest() {\r\n this.requestAPI.distributor_region_id = this.selectedDistributorRegion.request_master_id;\r\n this.requestAPI.discount_percentage = Number(this.formData['discount_percent']);\r\n this.requestAPI.frieght_allowance = this.formData['freight_allowance'] ? Number(this.formData['freight_allowance']) : 0;\r\n this.requestAPI.prior_support_price = this.formData['prior_support_price'] ? Number(this.formData['prior_support_price']) : 0;\r\n this.requestAPI.delta_price = this.formData['delta_price'] ? Number(this.formData['delta_price']) : 0;\r\n this.requestAPI.other_allowance = this.formData['other_allowances'] ? Number(this.formData['other_allowances']) : 0;\r\n this.requestAPI.mileage_inbound = this.formData['mileageInbound'];\r\n this.requestAPI.mileage_outbound = this.formData['mileageOutbound'];\r\n this.requestAPI.freight_terms_to_end_customer_id = 0;\r\n this.requestAPI.competitive_application = '';\r\n this.requestAPI.businessunit_id = this.EDID;\r\n if (this.displayNewProduct && !this.selectedDistSalesRep) {\r\n this.requestAPI.product_name = this.formData['newProductName'];\r\n this.requestAPI.product_manager = 0;\r\n }\r\n if (this.displayNewProduct && (this.type === 'edit' || this.type === 'New')) {\r\n this.requestAPI.product_name = this.formData['newProductName'];\r\n this.requestAPI.product_manager = this.selectedProductManager ? this.selectedProductManager.user_id : 0;\r\n this.requestAPI.article_number = this.formData['article'];\r\n this.requestAPI.sbuId = this.selectedSBU ? this.selectedSBU.request_master_id : 0;\r\n }\r\n }\r\n\r\n cancel() {\r\n this.router.navigate(['/home']);\r\n }\r\n\r\n openCustomerPopUp() {\r\n this.displayCustomerPopUp = true;\r\n }\r\n\r\n cancelCustomerPopUp() {\r\n this.displayCustomerPopUp = false;\r\n this.isUpdateCustomer = false;\r\n\r\n }\r\n cancelCompetitorPopUp() {\r\n this.displayCompetitorPopUp = false;\r\n this.isUpdateCompetitor = false;\r\n\r\n }\r\n\r\n addCustomer() {\r\n this.spinner.show();\r\n this.newCustomer.created_by = sessionStorage.getItem('userid');\r\n this.newCustomer.businessunit_id = this.selectedBU;\r\n if (this.selectedRegion) {\r\n this.newCustomer.customer_region = this.selectedRegion.region_id;\r\n }\r\n this.newCustomer.distributor_sold_to_id = this.selectedSoldTo.distributor_sold_to_id;\r\n if (this.checkCustomerValidation()) {\r\n this._service.createCustomer(this.newCustomer).subscribe(_response => {\r\n if (!_response['isError']) {\r\n this._service.getMasterData(this.userId, this.selectedSoldTo.distributor_sold_to_id, this.selectedBU, this.selectedSoldTo.distributor_id, this.userAdmin).subscribe(response1 => {\r\n this.masterApiResp = response1;\r\n this.getCustomersData(response1);\r\n this.selectedCustomer = this.masterApiResp.customerData.find(c => c.customer_name === this.newCustomer.customer_name && c.state === this.newCustomer.state && c.city === this.newCustomer.city);\r\n this.constructStateDropDown();\r\n this.selectedState = this.stateDD.find(sd => sd.state === this.selectedCustomer.state);\r\n this.constructCityDropDown();\r\n this.selectedCity = this.cityDD.find(cd => cd.city === this.selectedCustomer.city);\r\n this.formData['zip'] = this.selectedCity.zip_code;\r\n this.displayCustomerPopUp = false;\r\n this.selectedCustomer = this.customersDD.find(cdd => cdd.customer_name === this.newCustomer.customer_name);\r\n this.newCustomer.customer_name = '';\r\n this.newCustomer.address = '';\r\n this.newCustomer.city = '';\r\n this.newCustomer.state = '';\r\n this.newCustomer.zip_code = '';\r\n this.spinner.hide();\r\n this.toastr.success(\"Customer Added and selected\", \"Success!\");\r\n });\r\n } else {\r\n this._service.displayToastr(_response);\r\n }\r\n })\r\n } else {\r\n this.spinner.hide();\r\n }\r\n }\r\n addCompetitor() {\r\n this.spinner.show();\r\n this.newCompetitor.created_by = sessionStorage.getItem('userid');\r\n this.newCompetitor.businessunit_id = this.selectedBU;\r\n if (this.checkCompetitorValidation()) {\r\n this._service.createCompetitor(this.newCompetitor).subscribe(_response => {\r\n if (!_response['isError']) {\r\n this._service.getMasterData(this.userId, this.selectedSoldTo.distributor_sold_to_id, this.selectedBU, this.selectedSoldTo.distributor_id, this.userAdmin).subscribe(response1 => {\r\n this.masterApiResp = response1;\r\n this.getCompetitorsData(response1);\r\n this.selectedCompetitor = this.masterApiResp.requestMaster.find(c => c.value === this.newCompetitor.value);\r\n this.displayCompetitorPopUp = false;\r\n this.selectedCompetitor = this.competitorsDD.find(cdd => cdd.value === this.newCompetitor.value);\r\n this.newCompetitor.value = '';\r\n this.spinner.hide();\r\n this.toastr.success(\"Competitor Added and selected\", \"Success!\");\r\n });\r\n } else {\r\n this._service.displayToastr(_response);\r\n }\r\n })\r\n } else {\r\n this.spinner.hide();\r\n }\r\n }\r\n\r\n checkCustomerValidation() {\r\n let validCustomerName = this.checkValidCustomerName();\r\n let validCustomerCity = this.checkValidCustomerCity();\r\n let validCustomerState = this.checkValidCustomerState();\r\n let validCustomerZipcode = this.checkValidCustomerZipcode();\r\n let validCustomerRegion = this.checkValidCustomerRegion();\r\n let validExistingCustomer = this.checkExistingCustomerLocation();\r\n return validCustomerName && validCustomerCity && validCustomerState && validCustomerZipcode && validCustomerRegion && validExistingCustomer;\r\n }\r\n\r\n checkCompetitorValidation() {\r\n return this.checkValidCompetitorValue();\r\n }\r\n\r\n checkExistingCustomerLocation() {\r\n if (this.isUpdateCustomer) {\r\n let fCustomer = this.masterApiResp.customerData.filter(cd => cd.customer_name === this.newCustomer.customer_name && cd.state === this.newCustomer.state && cd.city === this.newCustomer.city);\r\n if (fCustomer.length > 0) {\r\n this.toastr.error(\"Customer location already exists with combination of State and City\");\r\n return false\r\n } else {\r\n return true;\r\n }\r\n } else {\r\n return true;\r\n }\r\n }\r\n\r\n checkNewProductValidation() {\r\n if (!this.formData['newProductName']) {\r\n this.toastr.error(\"New Product Name Required\");\r\n return false;\r\n }\r\n if (!this.selectedPackageType) {\r\n this.toastr.error(\"Package Type Required\");\r\n return false;\r\n }\r\n if (!this.selectedSBU || this.selectedSBU.request_master_id == 0) {\r\n this.toastr.error(\"SBU required\");\r\n return false;\r\n }\r\n if (!this.selectedProductManager || this.selectedProductManager.user_id == 0) {\r\n this.toastr.error(\"Product Manager required\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n checkAdminProductValidation() {\r\n if (!this.selectedSBU || this.selectedSBU.request_master_id == 0) {\r\n this.toastr.error(\"SBU required\");\r\n return false;\r\n }\r\n if (!this.selectedProductManager || this.selectedProductManager.user_id == 0) {\r\n this.toastr.error(\"Product Manager required\");\r\n return false;\r\n }\r\n if (!this.formData['distributor_price_from_basf'] && this.formData['distributor_price_from_basf'] > 0 && this.type === 'edit') {\r\n this.toastr.error(\"Distributor Price required and should be greater than of Support Price to End Customer\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n checkValidCustomerName() {\r\n if (this.newCustomer.customer_name != \"\") {\r\n if (this.customersDD.filter(customer => customer.customer_name === this.newCustomer.customer_name).length && !this.isUpdateCustomer) {\r\n this.toastr.error(\"Customer Name already exists\", \"Error!\");\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n } else {\r\n this.toastr.error(\"Customer Name required\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n\r\n checkValidCompetitorValue() {\r\n if (this.newCompetitor.value != \"\") {\r\n if (this.competitorsDD.filter(competitor => competitor.value === this.newCompetitor.value).length && !this.isUpdateCompetitor) {\r\n this.toastr.error(\"Customer Name already exists\", \"Error!\");\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n } else {\r\n this.toastr.error(\"Customer Name required\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n\r\n checkValidCustomerAddress() {\r\n if (this.newCustomer.address != \"\") {\r\n return true;\r\n } else {\r\n this.toastr.error(\"Customer Address required\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n\r\n checkValidCustomerCity() {\r\n if (this.newCustomer.city != \"\") {\r\n return true;\r\n } else {\r\n this.toastr.error(\"Customer City required\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n\r\n checkValidCustomerState() {\r\n if (this.newCustomer.state != \"\") {\r\n return true;\r\n } else {\r\n this.toastr.error(\"Customer State required\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n\r\n checkValidCustomerZipcode() {\r\n if (this.newCustomer.zip_code != \"\" || this.businessName === 'ED') {\r\n return true;\r\n } else {\r\n this.toastr.error(\"Customer Zipcode required\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n\r\n checkValidCustomerRegion() {\r\n if (this.newCustomer.customer_region != \"\") {\r\n return true;\r\n } else {\r\n this.toastr.error(\"Customer Region required\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n\r\n checkValidations() {\r\n if (!this.checkDropDownValidations()) {\r\n return false\r\n }\r\n if (!this.checkInputTextValidations()) {\r\n return false\r\n }\r\n if ((this.businessName !== 'EM' && this.businessName !== 'ED') && !this.formData['net_support_price']) {\r\n this.toastr.error(\"Net Support Price($) Required\");\r\n return false;\r\n }\r\n if ((this.businessName === 'EM' || this.businessName === 'ED') && !this.checkEMValidations()) {\r\n return false;\r\n }\r\n if ((this.businessName === 'EM' || this.businessName === 'ED') && this.displayNewProduct && !this.checkNewProductValidation()) {\r\n return false;\r\n }\r\n if ((this.businessName === 'EM' || this.businessName === 'ED') && this.displayNewProduct && (this.type === 'edit' || this.type === 'New') && this.formData['article'] === this.formData['reference_id'] && !this.checkAdminProductValidation()) {\r\n return false;\r\n }\r\n this.assignEmptyValues();\r\n return true;\r\n }\r\n\r\n checkInputTextValidations() {\r\n if (!this.formData['effectiveDate']) {\r\n this.toastr.error(\"Effective Date Required\");\r\n return false;\r\n }\r\n if (!this.formData['expirationDate']) {\r\n this.toastr.error(\"Expiration Date Required\");\r\n return false;\r\n }\r\n if (this.businessName == 'ED' && !this.selectedDistributorRegion && !this.selectedDistributorRegion.request_master_id) {\r\n this.toastr.error(\"Distributor region Required\");\r\n return false;\r\n }\r\n if (!this.formData['estimatedAnnualVolume']) {\r\n this.toastr.error(\"Est. Annual Volume value Required\");\r\n return false;\r\n }\r\n if (!this.formData['support_price_to_end_customer']) {\r\n this.toastr.error(this.businessName != 'ED' ? \"Support Price to End Customer Required\" : \"Support Price Required\");\r\n return false;\r\n }\r\n if (!this.formData['competitive_material']) {\r\n this.toastr.error(\"Competitive Material Required\");\r\n return false;\r\n }\r\n if (this.businessName != 'ED' && !this.formData['competitive_price']) {\r\n this.toastr.error(\"Competitive Price Required\");\r\n return false;\r\n }\r\n return this.checkValidPrices();\r\n }\r\n\r\n checkValidPrices() {\r\n if (Number(this.formData['support_price_to_end_customer']) < 0) {\r\n this.toastr.error(this.businessName != 'ED' ? \"Support Price to End Customer Required cannot be negative\" : \"Support Price Required cannot be negative\");\r\n return false;\r\n }\r\n if (this.businessName != 'ED' && Number(this.formData['competitive_price']) < 0) {\r\n this.toastr.error(\"Competitor Price Required cannot be negative\");\r\n return false;\r\n }\r\n if (Number(this.formData['net_support_price']) < 0) {\r\n this.toastr.error(\"Net Support Price cannot be Negative\");\r\n }\r\n if (Number(this.formData['credit_back_amount']) !== 0 && Number(this.formData['credit_back_amount']) < 0) {\r\n this.toastr.error(\"Credit Back Amount cannot be Negative\");\r\n }\r\n return true;\r\n }\r\n\r\n assignEmptyValues() {\r\n if (!this.formData['distributor']) {\r\n this.formData['distributor'] = '';\r\n }\r\n if (!this.formData['comments']) {\r\n this.formData['comments'] = '';\r\n }\r\n if (!this.formData['externalComments']) {\r\n this.formData['externalComments'] = '';\r\n }\r\n }\r\n\r\n checkDropDownValidations() {\r\n if (!this.selectedDistributor) {\r\n this.toastr.error(\"Sold To Required\");\r\n return false;\r\n }\r\n if (!this.selectedCupsIntoStock) {\r\n this.toastr.error(\"CUP / Into Stock / 3rd Party Required\");\r\n return false;\r\n }\r\n if (this.selectedCupsIntoStock.value === '3rd Party' && !this.selectedShipTo) {\r\n this.toastr.error(\"Ship To Required\");\r\n return false;\r\n }\r\n if (this.businessName === 'EV' && this.displayDistributorSalesRep && !this.selectedDistSalesRep && this.type !== 'edit') {\r\n this.toastr.error(\"Distributor Sales Rep Required\");\r\n return false;\r\n }\r\n if (!this.selectedProduct) {\r\n this.toastr.error(\"Product Name Required\");\r\n return false;\r\n }\r\n if (this.businessName != 'ED' && !this.selectedFreightTermstoDistributor) {\r\n this.toastr.error(\"Freight Terms to Distributor Required\");\r\n return false;\r\n }\r\n if (this.selectedCupsIntoStock.value !== 'IntoStock' && !this.selectedCustomer) {\r\n this.toastr.error(\"Customer Name Required\");\r\n return false;\r\n }\r\n if (this.selectedCustomer) {\r\n if (this.selectedCustomer['customer_id'] === 0) {\r\n this.toastr.error(\"Customer Details not provided while selected other\");\r\n return false;\r\n }\r\n }\r\n if (!this.selectedCompetitor) {\r\n this.toastr.error(\"Competitor Name Required\");\r\n return false;\r\n }\r\n if (!this.selectedIndustryOrMarket) {\r\n this.toastr.error(\"Industry or Market Required\");\r\n return false;\r\n }\r\n if (!this.selectedDistributorRegion && this.businessName == 'ED') {\r\n this.toastr.error(\"Distributor Region Required\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n\r\n checkEMValidations() {\r\n if (!this.formData['mileageInbound']) {\r\n this.formData['mileageInbound'] = '';\r\n }\r\n if (!this.formData['mileageOutbound']) {\r\n this.formData['mileageOutbound'] = '';\r\n }\r\n if (!this.formData['discount_percent'] && !this.displayNewProduct) {\r\n this.toastr.error(\"Discount % Required\");\r\n return false;\r\n } else if (!this.formData['discount_percent']) {\r\n this.formData['discount_percent'] = 0;\r\n }\r\n if (this.formData['freight_allowance'] === undefined) {\r\n this.formData['freight_allowance'] = 0.00;\r\n }\r\n if (this.formData['other_allowances'] === undefined) {\r\n this.formData['other_allowances'] = 0.00;\r\n }\r\n if (this.businessName != 'ED' && !this.selectedFreightTermstoEndCustomer) {\r\n this.toastr.error(\"Freight Terms to End Customer Required\");\r\n return false;\r\n }\r\n if (!this.formData['competitive_application']) {\r\n this.toastr.error(\"Competitive Application Required\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n populateExpiryDate(date) {\r\n this.minExpireDate = this.getFormattedData(this.formData['effectiveDate']);\r\n if (this.businessName == 'EM' || this.businessName == 'ED') {\r\n let datevar = moment(date).add(365, 'days').format('L');\r\n this.formData['expirationDate'] = moment(datevar).clone().endOf('month').format('yyyy-MM-DD');\r\n }\r\n else {\r\n let datevar = moment(date).add(365, 'days').format('L');\r\n this.formData['expirationDate'] = moment(datevar).format('yyyy-MM-DD');\r\n }\r\n }\r\n\r\n industryChange(industryObj) {\r\n let id = industryObj.value.request_master_id;\r\n this.industryAccountManager = this.masterApiResp.salesRepEmailData.filter(x => x.industry_id == id)[0].sales_rep_name;\r\n }\r\n\r\n isNotifyDistributorChange(eve) {\r\n this.isNotifyDistributor = eve;\r\n }\r\n\r\n}\r\n","export default \"#dynamicGrid .ui-table .ui-table-thead>tr>th {\\r\\n background-color: #4f4f4f;\\r\\n color:white;\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n padding: 3px;\\r\\n text-align: center;\\r\\n border: 1px solid #e1f0ff;\\r\\n}\\r\\n\\r\\n#dynamicGrid .ui-table .ui-table-thead>tr>th>div {\\r\\n word-break: break-all;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n}\\r\\n\\r\\n#dynamicGrid .ui-table .ui-table-tbody>tr>td {\\r\\n font-size: 14px;\\r\\n word-break: break-all;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n padding: 0 10px;\\r\\n color: black;\\r\\n font-weight: 500;\\r\\n border: none !important;\\r\\n border-right: 1px solid #4f4f4f !important;\\r\\n text-overflow: ellipsis;\\r\\n vertical-align: top !important;\\r\\n}\\r\\n\\r\\n#dynamicGrid .edit-column {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n right: 0px !important;\\r\\n}\\r\\n\\r\\n#dynamicGrid .checkbox-column {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n left: 0px !important;\\r\\n}\\r\\n\\r\\n#dynamicGrid .ui-paginator {\\r\\n margin-top: 10px !important;\\r\\n background-color: white !important;\\r\\n border: none !important;\\r\\n float: right !important;\\r\\n}\\r\\n\\r\\n#dynamicGrid .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {\\r\\n background-color: #0096d6 !important;\\r\\n color: white !important;\\r\\n}\\r\\n\\r\\n#dynamicGrid .ui-multiselect .ui-multiselect-panel {\\r\\n left: -292px !important;\\r\\n right: 0px !important;\\r\\n}\\r\\n\\r\\n#dynamicGrid .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {\\r\\n color: black !important;\\r\\n background-color: white !important;\\r\\n}\\r\\n\\r\\n#dynamicGrid .ui-chkbox .ui-chkbox-box.ui-state-active {\\r\\n border-color: #0096d6 !important;\\r\\n background-color: #0096d6 !important;\\r\\n color: #ffffff !important;\\r\\n}\\r\\n\\r\\n#dynamicGrid .ui-table table {\\r\\n width: 100% !important;\\r\\n}\\r\\n\\r\\n#dynamicGrid .ui-table {\\r\\n max-height: 700px !important;\\r\\n}\\r\\n\\r\\n#dynamicGrid .ui-table-scrollable-header, .ui-table-scrollable-footer {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n background-color: white;\\r\\n z-index: 9999;\\r\\n}\\r\\n\\r\\n#dynamicGrid .ui-table-scrollable-header-box {\\r\\n margin-right: 60px !important;\\r\\n}\\r\\n\\r\\n#dynamicGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 280px) !important;\\r\\n}\\r\\n\\r\\n#dynamicGrid .excelIcon {\\r\\n font-size: 1.5em;\\r\\n cursor: pointer;\\r\\n background-color: #0096d6;\\r\\n color: white;\\r\\n border-radius: 5px;\\r\\n padding: 6px;\\r\\n margin-left: 10px;\\r\\n top: -7px;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n@media screen and (min-width: 1000px) {\\r\\n #dynamicGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 370px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:140px !important;\\r\\n }\\r\\n }\\r\\n\\r\\n@media screen and (min-width: 1052px) {\\r\\n #dynamicGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 320px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:110px !important;\\r\\n }\\r\\n }\\r\\n\\r\\n@media screen and (min-width: 1407px) {\\r\\n #dynamicGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 300px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:80px !important;\\r\\n }\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9keW5hbWljLWdyaWQvZHluYW1pYy1ncmlkLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSx5QkFBeUI7SUFDekIsV0FBVztJQUNYLGVBQWU7SUFDZixnQkFBZ0I7SUFDaEIsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQix5QkFBeUI7QUFDN0I7O0FBRUE7SUFDSSxxQkFBcUI7SUFDckIsbUJBQW1CO0lBQ25CLGdCQUFnQjtJQUNoQix1QkFBdUI7QUFDM0I7O0FBQ0E7SUFDSSxlQUFlO0lBQ2YscUJBQXFCO0lBQ3JCLG1CQUFtQjtJQUNuQixnQkFBZ0I7SUFDaEIsZUFBZTtJQUNmLFlBQVk7SUFDWixnQkFBZ0I7SUFDaEIsdUJBQXVCO0lBQ3ZCLDBDQUEwQztJQUMxQyx1QkFBdUI7SUFDdkIsOEJBQThCO0FBQ2xDOztBQUNBO0lBQ0ksd0JBQWdCO0lBQWhCLGdCQUFnQjtJQUNoQixxQkFBcUI7QUFDekI7O0FBQ0E7SUFDSSx3QkFBZ0I7SUFBaEIsZ0JBQWdCO0lBQ2hCLG9CQUFvQjtBQUN4Qjs7QUFDQTtJQUNJLDJCQUEyQjtJQUMzQixrQ0FBa0M7SUFDbEMsdUJBQXVCO0lBQ3ZCLHVCQUF1QjtBQUMzQjs7QUFDQTtJQUNJLG9DQUFvQztJQUNwQyx1QkFBdUI7QUFDM0I7O0FBQ0E7SUFDSSx1QkFBdUI7SUFDdkIscUJBQXFCO0FBQ3pCOztBQUNBO0lBQ0ksdUJBQXVCO0lBQ3ZCLGtDQUFrQztBQUN0Qzs7QUFDQTtJQUNJLGdDQUFnQztJQUNoQyxvQ0FBb0M7SUFDcEMseUJBQXlCO0FBQzdCOztBQUNBO0lBQ0ksc0JBQXNCO0FBQzFCOztBQUNBO0lBQ0ksNEJBQTRCO0FBQ2hDOztBQUNBO0lBQ0ksd0JBQWdCO0lBQWhCLGdCQUFnQjtJQUNoQix1QkFBdUI7SUFDdkIsYUFBYTtBQUNqQjs7QUFDQTtJQUNJLDZCQUE2QjtBQUNqQzs7QUFDQTtJQUNJLDBDQUEwQztBQUM5Qzs7QUFFQTtJQUNJLGdCQUFnQjtJQUNoQixlQUFlO0lBQ2YseUJBQXlCO0lBQ3pCLFlBQVk7SUFDWixrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLGlCQUFpQjtJQUNqQixTQUFTO0lBQ1Qsa0JBQWtCO0FBQ3RCOztBQUVBO0lBQ0k7UUFDSSwwQ0FBMEM7SUFDOUM7SUFDQTtRQUNJLDJCQUEyQjtJQUMvQjtFQUNGOztBQUVBO0lBQ0U7UUFDSSwwQ0FBMEM7SUFDOUM7SUFDQTtRQUNJLDJCQUEyQjtJQUMvQjtFQUNGOztBQUNBO0lBQ0U7UUFDSSwwQ0FBMEM7SUFDOUM7SUFDQTtRQUNJLDBCQUEwQjtJQUM5QjtBQUNKIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9keW5hbWljLWdyaWQvZHluYW1pYy1ncmlkLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIjZHluYW1pY0dyaWQgLnVpLXRhYmxlIC51aS10YWJsZS10aGVhZD50cj50aCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNGY0ZjRmO1xyXG4gICAgY29sb3I6d2hpdGU7XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBmb250LXdlaWdodDogNjAwO1xyXG4gICAgcGFkZGluZzogM3B4O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgI2UxZjBmZjtcclxufVxyXG5cclxuI2R5bmFtaWNHcmlkIC51aS10YWJsZSAudWktdGFibGUtdGhlYWQ+dHI+dGg+ZGl2IHtcclxuICAgIHdvcmQtYnJlYWs6IGJyZWFrLWFsbDtcclxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XHJcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XHJcbn1cclxuI2R5bmFtaWNHcmlkIC51aS10YWJsZSAudWktdGFibGUtdGJvZHk+dHI+dGQge1xyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgd29yZC1icmVhazogYnJlYWstYWxsO1xyXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcclxuICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICBwYWRkaW5nOiAwIDEwcHg7XHJcbiAgICBjb2xvcjogYmxhY2s7XHJcbiAgICBmb250LXdlaWdodDogNTAwO1xyXG4gICAgYm9yZGVyOiBub25lICFpbXBvcnRhbnQ7XHJcbiAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjNGY0ZjRmICFpbXBvcnRhbnQ7XHJcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcclxuICAgIHZlcnRpY2FsLWFsaWduOiB0b3AgIWltcG9ydGFudDtcclxufVxyXG4jZHluYW1pY0dyaWQgLmVkaXQtY29sdW1uIHtcclxuICAgIHBvc2l0aW9uOiBzdGlja3k7XHJcbiAgICByaWdodDogMHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuI2R5bmFtaWNHcmlkIC5jaGVja2JveC1jb2x1bW4ge1xyXG4gICAgcG9zaXRpb246IHN0aWNreTtcclxuICAgIGxlZnQ6IDBweCAhaW1wb3J0YW50O1xyXG59XHJcbiNkeW5hbWljR3JpZCAudWktcGFnaW5hdG9yIHtcclxuICAgIG1hcmdpbi10b3A6IDEwcHggIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XHJcbiAgICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcclxuICAgIGZsb2F0OiByaWdodCAhaW1wb3J0YW50O1xyXG59XHJcbiNkeW5hbWljR3JpZCAudWktcGFnaW5hdG9yIC51aS1wYWdpbmF0b3ItcGFnZXMgLnVpLXBhZ2luYXRvci1wYWdlLnVpLXN0YXRlLWFjdGl2ZSB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA5NmQ2ICFpbXBvcnRhbnQ7XHJcbiAgICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcclxufVxyXG4jZHluYW1pY0dyaWQgLnVpLW11bHRpc2VsZWN0IC51aS1tdWx0aXNlbGVjdC1wYW5lbCB7XHJcbiAgICBsZWZ0OiAtMjkycHggIWltcG9ydGFudDtcclxuICAgIHJpZ2h0OiAwcHggIWltcG9ydGFudDtcclxufVxyXG4jZHluYW1pY0dyaWQgLnVpLW11bHRpc2VsZWN0LXBhbmVsIC51aS1tdWx0aXNlbGVjdC1pdGVtcyAudWktbXVsdGlzZWxlY3QtaXRlbS51aS1zdGF0ZS1oaWdobGlnaHQge1xyXG4gICAgY29sb3I6IGJsYWNrICFpbXBvcnRhbnQ7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xyXG59XHJcbiNkeW5hbWljR3JpZCAudWktY2hrYm94IC51aS1jaGtib3gtYm94LnVpLXN0YXRlLWFjdGl2ZSB7XHJcbiAgICBib3JkZXItY29sb3I6ICMwMDk2ZDYgIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDk2ZDYgIWltcG9ydGFudDtcclxuICAgIGNvbG9yOiAjZmZmZmZmICFpbXBvcnRhbnQ7XHJcbn1cclxuI2R5bmFtaWNHcmlkIC51aS10YWJsZSB0YWJsZSB7XHJcbiAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xyXG59XHJcbiNkeW5hbWljR3JpZCAudWktdGFibGUge1xyXG4gICAgbWF4LWhlaWdodDogNzAwcHggIWltcG9ydGFudDtcclxufVxyXG4jZHluYW1pY0dyaWQgLnVpLXRhYmxlLXNjcm9sbGFibGUtaGVhZGVyLCAudWktdGFibGUtc2Nyb2xsYWJsZS1mb290ZXIge1xyXG4gICAgcG9zaXRpb246IHN0aWNreTtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xyXG4gICAgei1pbmRleDogOTk5OTtcclxufVxyXG4jZHluYW1pY0dyaWQgLnVpLXRhYmxlLXNjcm9sbGFibGUtaGVhZGVyLWJveCB7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IDYwcHggIWltcG9ydGFudDtcclxufVxyXG4jZHluYW1pY0dyaWQgLnVpLXRhYmxlLXNjcm9sbGFibGUtYm9keSB7XHJcbiAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMjgwcHgpICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbiNkeW5hbWljR3JpZCAuZXhjZWxJY29uIHtcclxuICAgIGZvbnQtc2l6ZTogMS41ZW07XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA5NmQ2O1xyXG4gICAgY29sb3I6IHdoaXRlO1xyXG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xyXG4gICAgcGFkZGluZzogNnB4O1xyXG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XHJcbiAgICB0b3A6IC03cHg7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbn1cclxuXHJcbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwMDBweCkge1xyXG4gICAgI2R5bmFtaWNHcmlkIC51aS10YWJsZS1zY3JvbGxhYmxlLWJvZHkge1xyXG4gICAgICAgIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSAzNzBweCkgIWltcG9ydGFudDtcclxuICAgIH1cclxuICAgIC5jZiB7XHJcbiAgICAgICAgbWFyZ2luLXRvcDoxNDBweCAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTA1MnB4KSB7XHJcbiAgICAjZHluYW1pY0dyaWQgLnVpLXRhYmxlLXNjcm9sbGFibGUtYm9keSB7XHJcbiAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtIDMyMHB4KSAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gICAgLmNmIHtcclxuICAgICAgICBtYXJnaW4tdG9wOjExMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgfVxyXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDE0MDdweCkge1xyXG4gICAgI2R5bmFtaWNHcmlkIC51aS10YWJsZS1zY3JvbGxhYmxlLWJvZHkge1xyXG4gICAgICAgIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSAzMDBweCkgIWltcG9ydGFudDtcclxuICAgIH1cclxuICAgIC5jZiB7XHJcbiAgICAgICAgbWFyZ2luLXRvcDo4MHB4ICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbn0iXX0= */\"","import { Component, EventEmitter, Input, OnInit, Output, SimpleChanges, ViewEncapsulation } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { CupsService } from 'src/services/cups.service';\r\nimport { FilterUtils } from 'primeng/api';\r\nimport * as moment from 'moment';\r\n@Component({\r\n selector: 'app-dynamic-grid',\r\n templateUrl: './dynamic-grid.component.html',\r\n styleUrls: ['./dynamic-grid.component.css'],\r\n encapsulation:ViewEncapsulation.None\r\n})\r\n\r\nexport class DynamicGridComponent implements OnInit {\r\n @Input() gridCols: any;\r\n @Input() gridData: any;\r\n @Input() checkboxShow: any;\r\n @Input() showEdit: any;\r\n @Input() showDelete: any;\r\n @Input() showView: any;\r\n @Input() showClone: any;\r\n @Input() showFilter: any;\r\n @Input() showActive: any;\r\n @Input() showEmail: any;\r\n @Input() showConEmail: any;\r\n @Input() showReview: any;\r\n @Input() dataKey: any;\r\n @Input() adminAction: any;\r\n @Input() rows: any;\r\n \r\n @Output() filterData = new EventEmitter();\r\n @Output() selectRow = new EventEmitter();\r\n @Output() sendSelectedRows = new EventEmitter();\r\n cupsRequestData: any;\r\n apiResp: any;\r\n defaultWidth: '100%';\r\n userId: any;\r\n userAdmin: boolean = false;\r\n filteredData: any;\r\n filteredFields = [];\r\n tempFilteredData: any;\r\n title = \"Cups Request\";\r\n selectedRows: any;\r\n accountManager: any;\r\n bu:any;\r\n filters = [];\r\n orgGridData: any;\r\n orgCols: any;\r\n isDistributor: boolean = false;\r\n \r\n constructor(private _cupsService: CupsService, private router: Router,private spinner: NgxSpinnerService) { console.log(this.gridCols);}\r\n\r\n ngOnInit() {\r\n if (this.rows === undefined || this.rows === null) {\r\n this.rows = 10;\r\n }\r\n this.orgGridData =JSON.parse(JSON.stringify(this.gridData));\r\n this.accountManager = sessionStorage.getItem('loginuseremail');\r\n this.bu = sessionStorage.getItem('BU');\r\n this.isDistributor = (sessionStorage.getItem('isDistributor') === \"1\" || sessionStorage.getItem('isDistributor') === \"true\") ? true : false;\r\n FilterUtils['custom'] = (value, filter): boolean => {\r\n if (filter === undefined || filter === null || filter.trim() === '') {\r\n return true;\r\n }\r\n\r\n if (value === undefined || value === null) {\r\n return false;\r\n }\r\n\r\n return parseInt(filter) > value;\r\n }\r\n this.orgCols = this.sortSelectedColumns(this.gridCols);\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n if(changes.gridCols) {\r\n this.orgCols = this.sortSelectedColumns(changes.gridCols['currentValue']);\r\n }\r\n }\r\n\r\n sortSelectedColumns(columsnData) {\r\n return columsnData.sort((a, b) => {\r\n return a.serial_no - b.serial_no;\r\n })\r\n }\r\n\r\n reOrderColumns(event: any) {\r\n event.columns.forEach((col: any) => {\r\n col.serial_no = event.columns.findIndex(x => x.header_id == col.header_id) + 1;\r\n let colData = event.columns;\r\n let ColObject = { colData, type: 'ColReorder' };\r\n this.selectRow.emit(ColObject)\r\n });\r\n }\r\n\r\n sendFilterData(value, filter) {\r\n let filterObj = {\r\n value, filter\r\n };\r\n this.filterData.emit(filterObj);\r\n }\r\n\r\n onSelectRow(rowData: any, type ) {\r\n let rowObject = {rowData, type};\r\n this.selectRow.emit(rowObject);\r\n }\r\n\r\n onDeleteRow(rowData: any, type ) {\r\n let rowObject = {rowData, type};\r\n this.selectRow.emit(rowObject);\r\n }\r\n\r\n checkSelectedRow(_event) {\r\n this.sendSelectedRows.emit(this.selectedRows)\r\n }\r\n\r\n checkDateField(fieldName) {\r\n if(fieldName.includes('_date')) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n buildFilter(event, fieldName) {\r\n let filterObj = {\r\n fieldName: fieldName,\r\n value: event.target.value\r\n };\r\n let fFieldName = this.filters.find(f => f.fieldName === fieldName);\r\n if (!fFieldName) {\r\n if (filterObj.value != \"\") {\r\n this.filters.push(filterObj);\r\n }\r\n else {\r\n this.filters = this.filters.filter(f => f.fieldName === fieldName);\r\n }\r\n } else {\r\n if (filterObj.value != \"\") {\r\n this.filters.forEach(f1 => {\r\n if (f1.fieldName === fieldName) {\r\n f1.value = event.target.value;\r\n }\r\n })\r\n } else {\r\n this.filters = this.filters.filter(f => f.fieldName !== fieldName);\r\n }\r\n }\r\n this.sortGridData();\r\n }\r\n\r\n sortGridData() {\r\n let tempOrgGridData = JSON.parse(JSON.stringify(this.orgGridData));\r\n this.filters.forEach(filter => {\r\n tempOrgGridData = tempOrgGridData.filter(f => moment(f[filter.fieldName]).format('L') === moment(filter.value).format('L'));\r\n });\r\n this.gridData = JSON.parse(JSON.stringify(tempOrgGridData));\r\n }\r\n\r\n \r\n}\r\n","export default \".errorcls{\\r\\n text-align: center;margin-top: 100px;font-size: 24px;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9lcnJvci9lcnJvci5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksa0JBQWtCLENBQUMsaUJBQWlCLENBQUMsZUFBZTtBQUN4RCIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvZXJyb3IvZXJyb3IuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5lcnJvcmNsc3tcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjttYXJnaW4tdG9wOiAxMDBweDtmb250LXNpemU6IDI0cHg7XHJcbn0iXX0= */\"","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-error',\r\n templateUrl: './error.component.html',\r\n styleUrls: ['./error.component.css']\r\n})\r\nexport class ErrorComponent {\r\n\r\n}\r\n","export default \".copyright {\\r\\n text-align: left;\\r\\n line-height: 50px;\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9mb290ZXIvZm9vdGVyLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxnQkFBZ0I7SUFDaEIsaUJBQWlCO0lBQ2pCLFdBQVc7QUFDZiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvZm9vdGVyL2Zvb3Rlci5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmNvcHlyaWdodCB7XHJcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xyXG4gICAgbGluZS1oZWlnaHQ6IDUwcHg7XHJcbiAgICBjb2xvcjogI2ZmZjtcclxufVxyXG4iXX0= */\"","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-footer',\r\n templateUrl: './footer.component.html',\r\n styleUrls: ['./footer.component.css']\r\n})\r\nexport class FooterComponent implements OnInit {\r\n currentYear: number=new Date().getFullYear();\r\n ngOnInit(): void {\r\n }\r\n}\r\n","export default \".header-bg {\\r\\n background-color: white;\\r\\n }\\r\\n ul >li {\\r\\n margin-right: 20px;\\r\\n }\\r\\n ul > li > a {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n }\\r\\n .nav-link {\\r\\n padding: 1rem 1rem;\\r\\n }\\r\\n .active {\\r\\n border-bottom: 4px solid #0096d6;\\r\\n color: #0096d6;\\r\\n }\\r\\n .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {\\r\\n color: #0096d6 !important;\\r\\n }\\r\\n .nav-img {\\r\\n padding: 0px;\\r\\n margin-right: 0px;\\r\\n }\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSx1QkFBdUI7RUFDekI7RUFDQTtJQUNFLGtCQUFrQjtFQUNwQjtFQUVBO0lBQ0UsZUFBZTtJQUNmLGdCQUFnQjtFQUNsQjtFQUNBO0lBQ0Usa0JBQWtCO0VBQ3BCO0VBRUE7SUFDRSxnQ0FBZ0M7SUFDaEMsY0FBYztFQUNoQjtFQUNBO0lBQ0UseUJBQXlCO0VBQzNCO0VBQ0E7SUFDRSxZQUFZO0lBQ1osaUJBQWlCO0VBQ25CIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuaGVhZGVyLWJnIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xyXG4gIH1cclxuICB1bCA+bGkge1xyXG4gICAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xyXG4gIH1cclxuICBcclxuICB1bCA+IGxpID4gYSB7XHJcbiAgICBmb250LXNpemU6IDIwcHg7XHJcbiAgICBmb250LXdlaWdodDogNjAwO1xyXG4gIH1cclxuICAubmF2LWxpbmsge1xyXG4gICAgcGFkZGluZzogMXJlbSAxcmVtO1xyXG4gIH1cclxuICBcclxuICAuYWN0aXZlIHtcclxuICAgIGJvcmRlci1ib3R0b206IDRweCBzb2xpZCAjMDA5NmQ2O1xyXG4gICAgY29sb3I6ICMwMDk2ZDY7XHJcbiAgfVxyXG4gIC5uYXZiYXItbGlnaHQgLm5hdmJhci1uYXYgLmFjdGl2ZT4ubmF2LWxpbmssIC5uYXZiYXItbGlnaHQgLm5hdmJhci1uYXYgLm5hdi1saW5rLmFjdGl2ZSwgLm5hdmJhci1saWdodCAubmF2YmFyLW5hdiAubmF2LWxpbmsuc2hvdywgLm5hdmJhci1saWdodCAubmF2YmFyLW5hdiAuc2hvdz4ubmF2LWxpbmsge1xyXG4gICAgY29sb3I6ICMwMDk2ZDYgIWltcG9ydGFudDtcclxuICB9XHJcbiAgLm5hdi1pbWcge1xyXG4gICAgcGFkZGluZzogMHB4O1xyXG4gICAgbWFyZ2luLXJpZ2h0OiAwcHg7XHJcbiAgfSJdfQ== */\"","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { CupsService } from 'src/services/cups.service';\r\n\r\n\r\n@Component({\r\n selector: 'app-header',\r\n templateUrl: './header.component.html',\r\n styleUrls: ['./header.component.css']\r\n})\r\nexport class HeaderComponent implements OnInit {\r\n selectedBU: any;\r\n isExpanded: boolean;\r\n IsAdmin: boolean;\r\n isDistributorUser: boolean;\r\n logInUser: string;\r\n isSalesSupport: boolean;\r\n isSalesRepo: boolean;\r\n loginUserType = '0';\r\n distributors: any;\r\n userId: any;\r\n isInternalUserAsDistributor = false;\r\n constructor(private router: Router, private service: CupsService) {\r\n console.log(\"header Constructor Initiated\");\r\n this.service.getSalesSupport().subscribe(sales => {\r\n this.isSalesSupport = (sales == 'true' || sales) ? true : false;\r\n })\r\n this.service.getSalesRep().subscribe(salesrep => {\r\n this.isSalesRepo = (salesrep == 'true' || salesrep) ? true : false;\r\n })\r\n this.service.getBusinessUnit().subscribe(bu => {\r\n this.selectedBU = bu;\r\n })\r\n this.service.getUserValue().subscribe(id => {\r\n this.userId = parseInt(id);\r\n if ((this.selectedBU == 'EM' || this.selectedBU == 'ED') && (this.isSalesRepo || this.isSalesSupport)) {\r\n this.service.getSalesSupportDistributors(this.userId, this.isSalesSupport, this.isSalesRepo, this.selectedBU).subscribe(response => {\r\n this.distributors = response['response'];\r\n if (sessionStorage.getItem('SalesSupportDistributor') != '0') {\r\n this.loginUserType = this.distributors.filter(x => x.distributor_id == parseInt(sessionStorage.getItem('SalesSupportDistributor'), 0))[0].distributor_id.toString();\r\n }\r\n });\r\n }\r\n })\r\n }\r\n\r\n ngOnInit() {\r\n this.service.getSessionObject().subscribe(response => {\r\n this.isDistributorUser = response['isDistributor'];\r\n if (this.isDistributorUser) {\r\n this.IsAdmin = false;\r\n } else {\r\n this.IsAdmin = response['isAdmin'];\r\n }\r\n this.logInUser = response['loginUser'];\r\n if (!this.logInUser) {\r\n this.logInUser = sessionStorage.getItem('loginuser');\r\n }\r\n });\r\n if (this.IsAdmin === undefined) {\r\n this.IsAdmin = sessionStorage.getItem('IsAdmin') == 'true' ? true : false;\r\n this.service.sendAdminValue(this.IsAdmin);\r\n }\r\n }\r\n\r\n changeUser(value) {\r\n this.isInternalUserAsDistributor = value == 0 ? false : true;\r\n sessionStorage.setItem('SalesSupportDistributor', value);\r\n this.router.navigate(['/home']);\r\n }\r\n\r\n}\r\n","export default \".header-label {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n}\\r\\n.accordion-img-icon {\\r\\n margin-right: 6px;\\r\\n margin-bottom: 2px;\\r\\n margin-top: 2px;\\r\\n margin-left: 2px;\\r\\n height: 20px;\\r\\n width: 20px;\\r\\n}\\r\\n#cupsRequestGrid .ui-table .ui-table-thead>tr>th {\\r\\n background-color: #4f4f4f;\\r\\n color:white;\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n padding: 3px;\\r\\n text-align: center;\\r\\n border: 1px solid #e1f0ff;\\r\\n}\\r\\n#cupsRequestGrid .ui-table .ui-table-thead>tr>th>div {\\r\\n word-break: break-all;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n}\\r\\n#cupsRequestGrid .ui-table .ui-table-tbody>tr>td {\\r\\n font-size: 14px;\\r\\n word-break: break-all;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n padding: 0 10px;\\r\\n color: black;\\r\\n font-weight: 500;\\r\\n border: none !important;\\r\\n border-right: 1px solid #4f4f4f !important;\\r\\n text-overflow: ellipsis;\\r\\n vertical-align: top !important;\\r\\n}\\r\\n.pointer-cursor {\\r\\n cursor: pointer;\\r\\n}\\r\\n.add-btn {\\r\\n border-radius: 5px !important;\\r\\n background-color: #0096d6;\\r\\n margin-left: 10px;\\r\\n margin-top: 5px;\\r\\n margin-bottom: 5px;\\r\\n color: white;\\r\\n top: -14px;\\r\\n position: relative;\\r\\n}\\r\\n#cupsRequestGrid .edit-column {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n right: 0px !important;\\r\\n}\\r\\n#cupsRequestGrid .ui-paginator {\\r\\n margin-top: 10px !important;\\r\\n background-color: white !important;\\r\\n border: none !important;\\r\\n float: right !important;\\r\\n}\\r\\n#cupsRequestGrid .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {\\r\\n background-color: #0096d6 !important;\\r\\n color: white !important;\\r\\n}\\r\\n#cupsRequestGrid .ui-multiselect .ui-multiselect-panel {\\r\\n left: -292px !important;\\r\\n right: 0px !important;\\r\\n}\\r\\n#cupsRequestGrid .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {\\r\\n color: black !important;\\r\\n background-color: white !important;\\r\\n}\\r\\n#cupsRequestGrid .ui-chkbox .ui-chkbox-box.ui-state-active {\\r\\n border-color: #0096d6 !important;\\r\\n background-color: #0096d6 !important;\\r\\n color: #ffffff !important;\\r\\n}\\r\\n#cupsRequestGrid .ui-table table {\\r\\n width: 100% !important;\\r\\n}\\r\\n#cupsRequestGrid .ui-table {\\r\\n max-height: 700px !important;\\r\\n}\\r\\n#cupsRequestGrid .ui-table-scrollable-header, .ui-table-scrollable-footer {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n background-color: white;\\r\\n z-index: 9998;\\r\\n}\\r\\n#cupsRequestGrid .ui-table-scrollable-header-box {\\r\\n margin-right: 60px !important;\\r\\n}\\r\\n#cupsRequestGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 280px) !important;\\r\\n}\\r\\n#cupsRequestGrid .excelIcon {\\r\\n font-size: 1.5em;\\r\\n cursor: pointer;\\r\\n background-color: #0096d6;\\r\\n color: white;\\r\\n border-radius: 5px;\\r\\n padding: 6px;\\r\\n margin-left: 10px;\\r\\n top: -7px;\\r\\n position: relative;\\r\\n}\\r\\n#delegationPopUp .ui-dropdown-items-wrapper {\\r\\n max-height: 110px !important;\\r\\n}\\r\\n.massChangeGrid .ui-table .ui-table-thead>tr>th {\\r\\n background-color: #4f4f4f;\\r\\n color:white;\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n padding: 3px;\\r\\n text-align: center;\\r\\n border: 1px solid #e1f0ff;\\r\\n}\\r\\n.massChangeGrid .ui-table .ui-table-thead>tr>th>div {\\r\\n word-break: break-all;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n}\\r\\n.massChangeGrid .ui-table .ui-table-tbody>tr>td {\\r\\n font-size: 14px;\\r\\n word-break: break-all;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n padding: 0 10px;\\r\\n color: black;\\r\\n font-weight: 500;\\r\\n border: none !important;\\r\\n border-right: 1px solid #4f4f4f !important;\\r\\n text-overflow: ellipsis;\\r\\n vertical-align: top !important;\\r\\n}\\r\\n.massChangeGrid .edit-column {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n right: 0px !important;\\r\\n}\\r\\n.massChangeGrid .checkbox-column {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n left: 0px !important;\\r\\n}\\r\\n.massChangeGrid .ui-paginator {\\r\\n margin-top: 10px !important;\\r\\n background-color: white !important;\\r\\n border: none !important;\\r\\n float: right !important;\\r\\n}\\r\\n.massChangeGrid .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {\\r\\n background-color: #0096d6 !important;\\r\\n color: white !important;\\r\\n}\\r\\n.massChangeGrid .ui-multiselect .ui-multiselect-panel {\\r\\n left: -292px !important;\\r\\n right: 0px !important;\\r\\n}\\r\\n.massChangeGrid .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {\\r\\n color: black !important;\\r\\n background-color: white !important;\\r\\n}\\r\\n.massChangeGrid .ui-chkbox .ui-chkbox-box.ui-state-active {\\r\\n border-color: #0096d6 !important;\\r\\n background-color: #0096d6 !important;\\r\\n color: #ffffff !important;\\r\\n}\\r\\n.massChangeGrid .ui-table table {\\r\\n width: 100% !important;\\r\\n table-layout: auto !important;\\r\\n}\\r\\n.massChangeGrid .ui-table {\\r\\n max-height: 700px !important;\\r\\n overflow-y: auto !important;\\r\\n}\\r\\n.massChangeGrid .ui-table-scrollable-header, .ui-table-scrollable-footer {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n background-color: white;\\r\\n z-index: 9999;\\r\\n}\\r\\n.massChangeGrid .ui-table-scrollable-header-box {\\r\\n margin-right: 60px !important;\\r\\n}\\r\\n.massChangeGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 280px) !important;\\r\\n}\\r\\n.massChangeGrid .excelIcon {\\r\\n font-size: 1.5em;\\r\\n cursor: pointer;\\r\\n background-color: #0096d6;\\r\\n color: white;\\r\\n border-radius: 5px;\\r\\n padding: 6px;\\r\\n margin-left: 10px;\\r\\n top: -7px;\\r\\n position: relative;\\r\\n}\\r\\n.massChangeGrid .ui-radiobutton-label {\\r\\n margin-right: 10px !important;\\r\\n}\\r\\n@media screen and (min-width: 1000px) {\\r\\n .massChangeGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 370px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:140px !important;\\r\\n }\\r\\n }\\r\\n@media screen and (min-width: 1052px) {\\r\\n .massChangeGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 320px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:110px !important;\\r\\n }\\r\\n }\\r\\n@media screen and (min-width: 1407px) {\\r\\n .massChangeGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 300px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:80px !important;\\r\\n }\\r\\n}\\r\\n@media screen and (min-width: 1000px) {\\r\\n #cupsRequestGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 370px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:140px !important;\\r\\n }\\r\\n }\\r\\n@media screen and (min-width: 1052px) {\\r\\n #cupsRequestGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 320px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:110px !important;\\r\\n }\\r\\n }\\r\\n@media screen and (min-width: 1407px) {\\r\\n #cupsRequestGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 300px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:80px !important;\\r\\n }\\r\\n}\\r\\n#cupsRequestGrid .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active, .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active, .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active {\\r\\n border: 0px;\\r\\n background-color: transparent !important;\\r\\n border-bottom: 5px solid #0096d6;\\r\\n}\\r\\n#cupsRequestGrid .ui-tabview.ui-tabview-top .ui-tabview-nav li, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li, .ui-tabview.ui-tabview-left .ui-tabview-nav li, .ui-tabview.ui-tabview-right .ui-tabview-nav li {\\r\\n border: 0px;\\r\\n background-color: transparent !important;\\r\\n}\\r\\n#cupsRequestGrid .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active a, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active a, .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active a, .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active a {\\r\\n color: #0096d6 !important;\\r\\n}\\r\\n#cupsRequestGrid .ui-tabview.ui-tabview-top .ui-tabview-nav li a, .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a, .ui-tabview.ui-tabview-left .ui-tabview-nav li a, .ui-tabview.ui-tabview-right .ui-tabview-nav li a {\\r\\n color: #696969 !important;\\r\\n}\\r\\n#cupsRequestGrid .ui-tabview .ui-tabview-panels {\\r\\n border: 0px !important;\\r\\n padding: 0.571em 0em !important\\r\\n}\\r\\n#cupsRequestGrid body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active {\\r\\n background-color: transparent !important;\\r\\n}\\r\\n@media screen and (min-width:320px) and (max-width:600px) {\\r\\n #cupsRequestGrid .ui-multiselect .ui-multiselect-panel {\\r\\n left: -150px !important;\\r\\n right: 0px !important;\\r\\n }\\r\\n}\\r\\n#uploadExcel .activ-btn {\\r\\n background-color: #0096d6;\\r\\n border-radius: 5px;\\r\\n color: white;\\r\\n margin-right: 25px;\\r\\n height: 40px !important;\\r\\n}\\r\\n#uploadExcel .ui-button-icon-only .ui-button-icon-left, .ui-button-text-icon-left .ui-button-icon-left, .ui-button-text-icon-right .ui-button-icon-right {\\r\\n display: none !important;\\r\\n}\\r\\n#uploadExcel .ui-button {\\r\\n height: 40px !important;\\r\\n background-color: #0096d6 !important;\\r\\n border-radius: 5px !important;\\r\\n color: white !important;\\r\\n width: 250px !important;\\r\\n}\\r\\n#uploadExcel .ui-button.ui-button-text-icon-left .ui-button-text {\\r\\n padding: 3% !important;\\r\\n font-size: 1rem !important;\\r\\n}\\r\\n#uploadExcel .ui-card {\\r\\n box-shadow: 2px 2px 6px 1px rgb(0 0 0 / 12%), 1px 1px 3px 2px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%) !important;\\r\\n}\\r\\n#uploadExcel .cust-header {\\r\\n background-color: #0096d6;\\r\\n color: white;\\r\\n font-size: 16px;\\r\\n padding: 10px;\\r\\n text-align: center\\r\\n}\\r\\n#uploadExcel .form-frame2 {\\r\\n border: 1px dashed darkgray;\\r\\n height: 200px;\\r\\n}\\r\\n#uploadExcel .p-class {\\r\\n top: 40px;\\r\\n font-weight: 500;\\r\\n color: #0096d6;\\r\\n position: inherit;\\r\\n text-align: center;\\r\\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\\r\\n}\\r\\n#uploadExcel .del-class {\\r\\n font-size: 16px;\\r\\n float: right;\\r\\n margin-left: 15px;\\r\\n cursor: pointer;\\r\\n color: #0096d6;\\r\\n }\\r\\n#uploadExcel .p2-class {\\r\\n text-align: left;\\r\\n font-size: 16px;\\r\\n font-weight: 600;\\r\\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\\r\\n }\\r\\n.backdrop {\\r\\n background-color:rgba(0,0,0,0.83);\\r\\n position:fixed;\\r\\n top:0;\\r\\n left:0;\\r\\n width:100%;\\r\\n height:100vh;\\r\\n z-index: 9999;\\r\\n}\\r\\n.s-modal {\\r\\n top: 80px !important;\\r\\n right: 35px;\\r\\n z-index: 9999;\\r\\n}\\r\\n.s-modal-title {\\r\\n font-weight: 700;\\r\\n}\\r\\n.s-modal-header {\\r\\n padding: 5px;\\r\\n border: none;\\r\\n}\\r\\n.s-modal-body {\\r\\n padding: 0px !important;\\r\\n max-height: 600px;\\r\\n}\\r\\n.s-modal-dialog {\\r\\n width: auto;\\r\\n}\\r\\n/* .s-modal {\\r\\n float: right;\\r\\n} */\\r\\n.s-modal-content {\\r\\n /* color: white; */\\r\\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\\r\\n /* background-color: rgba(0,0,0,0.8) */\\r\\n}\\r\\n#rebates .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active {\\r\\n background-color: #0096d6 !important;\\r\\n border: 1px solid #6faf6a !important;\\r\\n}\\r\\n.excelIcon {\\r\\n font-size: 1.5em;\\r\\n cursor: pointer;\\r\\n background-color: #0096d6;\\r\\n color: white;\\r\\n border-radius: 5px;\\r\\n padding: 6px;\\r\\n margin-left: 10px;\\r\\n top: -7px;\\r\\n position: relative;\\r\\n}\\r\\n.error-value {\\r\\n color: white !important;\\r\\n background-color: red !important;\\r\\n}\\r\\n.colreorder-msg {\\r\\n font-size: 14px;\\r\\n font-style: italic;\\r\\n color: orange;\\r\\n}\\r\\n\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9ob21lL2hvbWUuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLGVBQWU7SUFDZixnQkFBZ0I7QUFDcEI7QUFDQTtJQUNJLGlCQUFpQjtJQUNqQixrQkFBa0I7SUFDbEIsZUFBZTtJQUNmLGdCQUFnQjtJQUNoQixZQUFZO0lBQ1osV0FBVztBQUNmO0FBQ0E7SUFDSSx5QkFBeUI7SUFDekIsV0FBVztJQUNYLGVBQWU7SUFDZixnQkFBZ0I7SUFDaEIsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQix5QkFBeUI7QUFDN0I7QUFFQTtJQUNJLHFCQUFxQjtJQUNyQixtQkFBbUI7SUFDbkIsZ0JBQWdCO0lBQ2hCLHVCQUF1QjtBQUMzQjtBQUNBO0lBQ0ksZUFBZTtJQUNmLHFCQUFxQjtJQUNyQixtQkFBbUI7SUFDbkIsZ0JBQWdCO0lBQ2hCLGVBQWU7SUFDZixZQUFZO0lBQ1osZ0JBQWdCO0lBQ2hCLHVCQUF1QjtJQUN2QiwwQ0FBMEM7SUFDMUMsdUJBQXVCO0lBQ3ZCLDhCQUE4QjtBQUNsQztBQUVBO0lBQ0ksZUFBZTtBQUNuQjtBQUVBO0lBQ0ksNkJBQTZCO0lBQzdCLHlCQUF5QjtJQUN6QixpQkFBaUI7SUFDakIsZUFBZTtJQUNmLGtCQUFrQjtJQUNsQixZQUFZO0lBQ1osVUFBVTtJQUNWLGtCQUFrQjtBQUN0QjtBQUVBO0lBQ0ksd0JBQWdCO0lBQWhCLGdCQUFnQjtJQUNoQixxQkFBcUI7QUFDekI7QUFDQTtJQUNJLDJCQUEyQjtJQUMzQixrQ0FBa0M7SUFDbEMsdUJBQXVCO0lBQ3ZCLHVCQUF1QjtBQUMzQjtBQUNBO0lBQ0ksb0NBQW9DO0lBQ3BDLHVCQUF1QjtBQUMzQjtBQUNBO0lBQ0ksdUJBQXVCO0lBQ3ZCLHFCQUFxQjtBQUN6QjtBQUNBO0lBQ0ksdUJBQXVCO0lBQ3ZCLGtDQUFrQztBQUN0QztBQUNBO0lBQ0ksZ0NBQWdDO0lBQ2hDLG9DQUFvQztJQUNwQyx5QkFBeUI7QUFDN0I7QUFDQTtJQUNJLHNCQUFzQjtBQUMxQjtBQUNBO0lBQ0ksNEJBQTRCO0FBQ2hDO0FBQ0E7SUFDSSx3QkFBZ0I7SUFBaEIsZ0JBQWdCO0lBQ2hCLHVCQUF1QjtJQUN2QixhQUFhO0FBQ2pCO0FBQ0E7SUFDSSw2QkFBNkI7QUFDakM7QUFDQTtJQUNJLDBDQUEwQztBQUM5QztBQUVBO0lBQ0ksZ0JBQWdCO0lBQ2hCLGVBQWU7SUFDZix5QkFBeUI7SUFDekIsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQixZQUFZO0lBQ1osaUJBQWlCO0lBQ2pCLFNBQVM7SUFDVCxrQkFBa0I7QUFDdEI7QUFFQTtJQUNJLDRCQUE0QjtBQUNoQztBQUVBO0lBQ0kseUJBQXlCO0lBQ3pCLFdBQVc7SUFDWCxlQUFlO0lBQ2YsZ0JBQWdCO0lBQ2hCLFlBQVk7SUFDWixrQkFBa0I7SUFDbEIseUJBQXlCO0FBQzdCO0FBRUE7SUFDSSxxQkFBcUI7SUFDckIsbUJBQW1CO0lBQ25CLGdCQUFnQjtJQUNoQix1QkFBdUI7QUFDM0I7QUFDQTtJQUNJLGVBQWU7SUFDZixxQkFBcUI7SUFDckIsbUJBQW1CO0lBQ25CLGdCQUFnQjtJQUNoQixlQUFlO0lBQ2YsWUFBWTtJQUNaLGdCQUFnQjtJQUNoQix1QkFBdUI7SUFDdkIsMENBQTBDO0lBQzFDLHVCQUF1QjtJQUN2Qiw4QkFBOEI7QUFDbEM7QUFDQTtJQUNJLHdCQUFnQjtJQUFoQixnQkFBZ0I7SUFDaEIscUJBQXFCO0FBQ3pCO0FBQ0E7SUFDSSx3QkFBZ0I7SUFBaEIsZ0JBQWdCO0lBQ2hCLG9CQUFvQjtBQUN4QjtBQUNBO0lBQ0ksMkJBQTJCO0lBQzNCLGtDQUFrQztJQUNsQyx1QkFBdUI7SUFDdkIsdUJBQXVCO0FBQzNCO0FBQ0E7SUFDSSxvQ0FBb0M7SUFDcEMsdUJBQXVCO0FBQzNCO0FBQ0E7SUFDSSx1QkFBdUI7SUFDdkIscUJBQXFCO0FBQ3pCO0FBQ0E7SUFDSSx1QkFBdUI7SUFDdkIsa0NBQWtDO0FBQ3RDO0FBQ0E7SUFDSSxnQ0FBZ0M7SUFDaEMsb0NBQW9DO0lBQ3BDLHlCQUF5QjtBQUM3QjtBQUVBO0lBQ0ksc0JBQXNCO0lBQ3RCLDZCQUE2QjtBQUNqQztBQUNBO0lBQ0ksNEJBQTRCO0lBQzVCLDJCQUEyQjtBQUMvQjtBQUNBO0lBQ0ksd0JBQWdCO0lBQWhCLGdCQUFnQjtJQUNoQix1QkFBdUI7SUFDdkIsYUFBYTtBQUNqQjtBQUNBO0lBQ0ksNkJBQTZCO0FBQ2pDO0FBQ0E7SUFDSSwwQ0FBMEM7QUFDOUM7QUFFQTtJQUNJLGdCQUFnQjtJQUNoQixlQUFlO0lBQ2YseUJBQXlCO0lBQ3pCLFlBQVk7SUFDWixrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLGlCQUFpQjtJQUNqQixTQUFTO0lBQ1Qsa0JBQWtCO0FBQ3RCO0FBRUE7SUFDSSw2QkFBNkI7QUFDakM7QUFFQTtJQUNJO1FBQ0ksMENBQTBDO0lBQzlDO0lBQ0E7UUFDSSwyQkFBMkI7SUFDL0I7RUFDRjtBQUVBO0lBQ0U7UUFDSSwwQ0FBMEM7SUFDOUM7SUFDQTtRQUNJLDJCQUEyQjtJQUMvQjtFQUNGO0FBQ0E7SUFDRTtRQUNJLDBDQUEwQztJQUM5QztJQUNBO1FBQ0ksMEJBQTBCO0lBQzlCO0FBQ0o7QUFFQTtJQUNJO1FBQ0ksMENBQTBDO0lBQzlDO0lBQ0E7UUFDSSwyQkFBMkI7SUFDL0I7RUFDRjtBQUVBO0lBQ0U7UUFDSSwwQ0FBMEM7SUFDOUM7SUFDQTtRQUNJLDJCQUEyQjtJQUMvQjtFQUNGO0FBQ0E7SUFDRTtRQUNJLDBDQUEwQztJQUM5QztJQUNBO1FBQ0ksMEJBQTBCO0lBQzlCO0FBQ0o7QUFFQTtJQUNJLFdBQVc7SUFDWCx3Q0FBd0M7SUFDeEMsZ0NBQWdDO0FBQ3BDO0FBRUE7SUFDSSxXQUFXO0lBQ1gsd0NBQXdDO0FBQzVDO0FBRUE7SUFDSSx5QkFBeUI7QUFDN0I7QUFFQTtJQUNJLHlCQUF5QjtBQUM3QjtBQUVBO0lBQ0ksc0JBQXNCO0lBQ3RCO0FBQ0o7QUFDQTtJQUNJLHdDQUF3QztBQUM1QztBQUVBO0lBQ0k7UUFDSSx1QkFBdUI7UUFDdkIscUJBQXFCO0lBQ3pCO0FBQ0o7QUFDQTtJQUNJLHlCQUF5QjtJQUN6QixrQkFBa0I7SUFDbEIsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQix1QkFBdUI7QUFDM0I7QUFFQTtJQUNJLHdCQUF3QjtBQUM1QjtBQUVBO0lBQ0ksdUJBQXVCO0lBQ3ZCLG9DQUFvQztJQUNwQyw2QkFBNkI7SUFDN0IsdUJBQXVCO0lBQ3ZCLHVCQUF1QjtBQUMzQjtBQUNBO0lBQ0ksc0JBQXNCO0lBQ3RCLDBCQUEwQjtBQUM5QjtBQUNBO0lBQ0ksd0pBQXdKO0FBQzVKO0FBQ0E7SUFDSSx5QkFBeUI7SUFDekIsWUFBWTtJQUNaLGVBQWU7SUFDZixhQUFhO0lBQ2I7QUFDSjtBQUNBO0lBQ0ksMkJBQTJCO0lBQzNCLGFBQWE7QUFDakI7QUFDQTtFQUNFLFNBQVM7RUFDVCxnQkFBZ0I7RUFDaEIsY0FBYztFQUNkLGlCQUFpQjtFQUNqQixrQkFBa0I7RUFDbEIsd0lBQXdJO0FBQzFJO0FBQ0E7SUFDSSxlQUFlO0lBQ2YsWUFBWTtJQUNaLGlCQUFpQjtJQUNqQixlQUFlO0lBQ2YsY0FBYztFQUNoQjtBQUNGO0lBQ0ksZ0JBQWdCO0lBQ2hCLGVBQWU7SUFDZixnQkFBZ0I7SUFDaEIsd0lBQXdJO0VBQzFJO0FBQ0E7SUFDRSxpQ0FBaUM7SUFDakMsY0FBYztJQUNkLEtBQUs7SUFDTCxNQUFNO0lBQ04sVUFBVTtJQUNWLFlBQVk7SUFDWixhQUFhO0FBQ2pCO0FBRUE7SUFDSSxvQkFBb0I7SUFDcEIsV0FBVztJQUNYLGFBQWE7QUFDakI7QUFDQTtJQUNJLGdCQUFnQjtBQUNwQjtBQUNBO0lBQ0ksWUFBWTtJQUNaLFlBQVk7QUFDaEI7QUFDQTtJQUNJLHVCQUF1QjtJQUN2QixpQkFBaUI7QUFDckI7QUFDQTtDQUNDLFdBQVc7QUFDWjtBQUNBOztHQUVHO0FBQ0g7SUFDSSxrQkFBa0I7SUFDbEIsd0lBQXdJO0lBQ3hJLHNDQUFzQztBQUMxQztBQUNBO0lBQ0ksb0NBQW9DO0lBQ3BDLG9DQUFvQztBQUN4QztBQUNBO0lBQ0ksZ0JBQWdCO0lBQ2hCLGVBQWU7SUFDZix5QkFBeUI7SUFDekIsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQixZQUFZO0lBQ1osaUJBQWlCO0lBQ2pCLFNBQVM7SUFDVCxrQkFBa0I7QUFDdEI7QUFDQTtJQUNJLHVCQUF1QjtJQUN2QixnQ0FBZ0M7QUFDcEM7QUFDQTtFQUNFLGVBQWU7RUFDZixrQkFBa0I7RUFDbEIsYUFBYTtBQUNmIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9ob21lL2hvbWUuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5oZWFkZXItbGFiZWwge1xyXG4gICAgZm9udC1zaXplOiAyMHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcclxufVxyXG4uYWNjb3JkaW9uLWltZy1pY29uIHtcclxuICAgIG1hcmdpbi1yaWdodDogNnB4O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMnB4O1xyXG4gICAgbWFyZ2luLXRvcDogMnB4O1xyXG4gICAgbWFyZ2luLWxlZnQ6IDJweDtcclxuICAgIGhlaWdodDogMjBweDtcclxuICAgIHdpZHRoOiAyMHB4O1xyXG59XHJcbiNjdXBzUmVxdWVzdEdyaWQgLnVpLXRhYmxlIC51aS10YWJsZS10aGVhZD50cj50aCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNGY0ZjRmO1xyXG4gICAgY29sb3I6d2hpdGU7XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBmb250LXdlaWdodDogNjAwO1xyXG4gICAgcGFkZGluZzogM3B4O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgI2UxZjBmZjtcclxufVxyXG5cclxuI2N1cHNSZXF1ZXN0R3JpZCAudWktdGFibGUgLnVpLXRhYmxlLXRoZWFkPnRyPnRoPmRpdiB7XHJcbiAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XHJcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xyXG59XHJcbiNjdXBzUmVxdWVzdEdyaWQgLnVpLXRhYmxlIC51aS10YWJsZS10Ym9keT50cj50ZCB7XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XHJcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgIHBhZGRpbmc6IDAgMTBweDtcclxuICAgIGNvbG9yOiBibGFjaztcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcclxuICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICM0ZjRmNGYgIWltcG9ydGFudDtcclxuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xyXG4gICAgdmVydGljYWwtYWxpZ246IHRvcCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4ucG9pbnRlci1jdXJzb3Ige1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG59XHJcblxyXG4uYWRkLWJ0biB7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHggIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDk2ZDY7XHJcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcclxuICAgIG1hcmdpbi10b3A6IDVweDtcclxuICAgIG1hcmdpbi1ib3R0b206IDVweDtcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIHRvcDogLTE0cHg7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbn1cclxuXHJcbiNjdXBzUmVxdWVzdEdyaWQgLmVkaXQtY29sdW1uIHtcclxuICAgIHBvc2l0aW9uOiBzdGlja3k7XHJcbiAgICByaWdodDogMHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuI2N1cHNSZXF1ZXN0R3JpZCAudWktcGFnaW5hdG9yIHtcclxuICAgIG1hcmdpbi10b3A6IDEwcHggIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XHJcbiAgICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcclxuICAgIGZsb2F0OiByaWdodCAhaW1wb3J0YW50O1xyXG59XHJcbiNjdXBzUmVxdWVzdEdyaWQgLnVpLXBhZ2luYXRvciAudWktcGFnaW5hdG9yLXBhZ2VzIC51aS1wYWdpbmF0b3ItcGFnZS51aS1zdGF0ZS1hY3RpdmUge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNiAhaW1wb3J0YW50O1xyXG4gICAgY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XHJcbn1cclxuI2N1cHNSZXF1ZXN0R3JpZCAudWktbXVsdGlzZWxlY3QgLnVpLW11bHRpc2VsZWN0LXBhbmVsIHtcclxuICAgIGxlZnQ6IC0yOTJweCAhaW1wb3J0YW50O1xyXG4gICAgcmlnaHQ6IDBweCAhaW1wb3J0YW50O1xyXG59XHJcbiNjdXBzUmVxdWVzdEdyaWQgLnVpLW11bHRpc2VsZWN0LXBhbmVsIC51aS1tdWx0aXNlbGVjdC1pdGVtcyAudWktbXVsdGlzZWxlY3QtaXRlbS51aS1zdGF0ZS1oaWdobGlnaHQge1xyXG4gICAgY29sb3I6IGJsYWNrICFpbXBvcnRhbnQ7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xyXG59XHJcbiNjdXBzUmVxdWVzdEdyaWQgLnVpLWNoa2JveCAudWktY2hrYm94LWJveC51aS1zdGF0ZS1hY3RpdmUge1xyXG4gICAgYm9yZGVyLWNvbG9yOiAjMDA5NmQ2ICFpbXBvcnRhbnQ7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA5NmQ2ICFpbXBvcnRhbnQ7XHJcbiAgICBjb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xyXG59XHJcbiNjdXBzUmVxdWVzdEdyaWQgLnVpLXRhYmxlIHRhYmxlIHtcclxuICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XHJcbn1cclxuI2N1cHNSZXF1ZXN0R3JpZCAudWktdGFibGUge1xyXG4gICAgbWF4LWhlaWdodDogNzAwcHggIWltcG9ydGFudDtcclxufVxyXG4jY3Vwc1JlcXVlc3RHcmlkIC51aS10YWJsZS1zY3JvbGxhYmxlLWhlYWRlciwgLnVpLXRhYmxlLXNjcm9sbGFibGUtZm9vdGVyIHtcclxuICAgIHBvc2l0aW9uOiBzdGlja3k7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuICAgIHotaW5kZXg6IDk5OTg7XHJcbn1cclxuI2N1cHNSZXF1ZXN0R3JpZCAudWktdGFibGUtc2Nyb2xsYWJsZS1oZWFkZXItYm94IHtcclxuICAgIG1hcmdpbi1yaWdodDogNjBweCAhaW1wb3J0YW50O1xyXG59XHJcbiNjdXBzUmVxdWVzdEdyaWQgLnVpLXRhYmxlLXNjcm9sbGFibGUtYm9keSB7XHJcbiAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMjgwcHgpICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbiNjdXBzUmVxdWVzdEdyaWQgLmV4Y2VsSWNvbiB7XHJcbiAgICBmb250LXNpemU6IDEuNWVtO1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNjtcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcclxuICAgIHBhZGRpbmc6IDZweDtcclxuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xyXG4gICAgdG9wOiAtN3B4O1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG59XHJcblxyXG4jZGVsZWdhdGlvblBvcFVwIC51aS1kcm9wZG93bi1pdGVtcy13cmFwcGVyIHtcclxuICAgIG1heC1oZWlnaHQ6IDExMHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbi5tYXNzQ2hhbmdlR3JpZCAudWktdGFibGUgLnVpLXRhYmxlLXRoZWFkPnRyPnRoIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICM0ZjRmNGY7XHJcbiAgICBjb2xvcjp3aGl0ZTtcclxuICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XHJcbiAgICBwYWRkaW5nOiAzcHg7XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjZTFmMGZmO1xyXG59XHJcblxyXG4ubWFzc0NoYW5nZUdyaWQgLnVpLXRhYmxlIC51aS10YWJsZS10aGVhZD50cj50aD5kaXYge1xyXG4gICAgd29yZC1icmVhazogYnJlYWstYWxsO1xyXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcclxuICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcclxufVxyXG4ubWFzc0NoYW5nZUdyaWQgLnVpLXRhYmxlIC51aS10YWJsZS10Ym9keT50cj50ZCB7XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XHJcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgIHBhZGRpbmc6IDAgMTBweDtcclxuICAgIGNvbG9yOiBibGFjaztcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcclxuICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICM0ZjRmNGYgIWltcG9ydGFudDtcclxuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xyXG4gICAgdmVydGljYWwtYWxpZ246IHRvcCAhaW1wb3J0YW50O1xyXG59XHJcbi5tYXNzQ2hhbmdlR3JpZCAuZWRpdC1jb2x1bW4ge1xyXG4gICAgcG9zaXRpb246IHN0aWNreTtcclxuICAgIHJpZ2h0OiAwcHggIWltcG9ydGFudDtcclxufVxyXG4ubWFzc0NoYW5nZUdyaWQgLmNoZWNrYm94LWNvbHVtbiB7XHJcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xyXG4gICAgbGVmdDogMHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuLm1hc3NDaGFuZ2VHcmlkIC51aS1wYWdpbmF0b3Ige1xyXG4gICAgbWFyZ2luLXRvcDogMTBweCAhaW1wb3J0YW50O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGUgIWltcG9ydGFudDtcclxuICAgIGJvcmRlcjogbm9uZSAhaW1wb3J0YW50O1xyXG4gICAgZmxvYXQ6IHJpZ2h0ICFpbXBvcnRhbnQ7XHJcbn1cclxuLm1hc3NDaGFuZ2VHcmlkIC51aS1wYWdpbmF0b3IgLnVpLXBhZ2luYXRvci1wYWdlcyAudWktcGFnaW5hdG9yLXBhZ2UudWktc3RhdGUtYWN0aXZlIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDk2ZDYgIWltcG9ydGFudDtcclxuICAgIGNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xyXG59XHJcbi5tYXNzQ2hhbmdlR3JpZCAudWktbXVsdGlzZWxlY3QgLnVpLW11bHRpc2VsZWN0LXBhbmVsIHtcclxuICAgIGxlZnQ6IC0yOTJweCAhaW1wb3J0YW50O1xyXG4gICAgcmlnaHQ6IDBweCAhaW1wb3J0YW50O1xyXG59XHJcbi5tYXNzQ2hhbmdlR3JpZCAudWktbXVsdGlzZWxlY3QtcGFuZWwgLnVpLW11bHRpc2VsZWN0LWl0ZW1zIC51aS1tdWx0aXNlbGVjdC1pdGVtLnVpLXN0YXRlLWhpZ2hsaWdodCB7XHJcbiAgICBjb2xvcjogYmxhY2sgIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XHJcbn1cclxuLm1hc3NDaGFuZ2VHcmlkIC51aS1jaGtib3ggLnVpLWNoa2JveC1ib3gudWktc3RhdGUtYWN0aXZlIHtcclxuICAgIGJvcmRlci1jb2xvcjogIzAwOTZkNiAhaW1wb3J0YW50O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNiAhaW1wb3J0YW50O1xyXG4gICAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcclxufVxyXG5cclxuLm1hc3NDaGFuZ2VHcmlkIC51aS10YWJsZSB0YWJsZSB7XHJcbiAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xyXG4gICAgdGFibGUtbGF5b3V0OiBhdXRvICFpbXBvcnRhbnQ7XHJcbn1cclxuLm1hc3NDaGFuZ2VHcmlkIC51aS10YWJsZSB7XHJcbiAgICBtYXgtaGVpZ2h0OiA3MDBweCAhaW1wb3J0YW50O1xyXG4gICAgb3ZlcmZsb3cteTogYXV0byAhaW1wb3J0YW50O1xyXG59XHJcbi5tYXNzQ2hhbmdlR3JpZCAudWktdGFibGUtc2Nyb2xsYWJsZS1oZWFkZXIsIC51aS10YWJsZS1zY3JvbGxhYmxlLWZvb3RlciB7XHJcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgICB6LWluZGV4OiA5OTk5O1xyXG59XHJcbi5tYXNzQ2hhbmdlR3JpZCAudWktdGFibGUtc2Nyb2xsYWJsZS1oZWFkZXItYm94IHtcclxuICAgIG1hcmdpbi1yaWdodDogNjBweCAhaW1wb3J0YW50O1xyXG59XHJcbi5tYXNzQ2hhbmdlR3JpZCAudWktdGFibGUtc2Nyb2xsYWJsZS1ib2R5IHtcclxuICAgIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSAyODBweCkgIWltcG9ydGFudDtcclxufVxyXG5cclxuLm1hc3NDaGFuZ2VHcmlkIC5leGNlbEljb24ge1xyXG4gICAgZm9udC1zaXplOiAxLjVlbTtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDk2ZDY7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgICBwYWRkaW5nOiA2cHg7XHJcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcclxuICAgIHRvcDogLTdweDtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxufVxyXG5cclxuLm1hc3NDaGFuZ2VHcmlkIC51aS1yYWRpb2J1dHRvbi1sYWJlbCB7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IDEwcHggIWltcG9ydGFudDtcclxufVxyXG5cclxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwMHB4KSB7XHJcbiAgICAubWFzc0NoYW5nZUdyaWQgLnVpLXRhYmxlLXNjcm9sbGFibGUtYm9keSB7XHJcbiAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtIDM3MHB4KSAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gICAgLmNmIHtcclxuICAgICAgICBtYXJnaW4tdG9wOjE0MHB4ICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDUycHgpIHtcclxuICAgIC5tYXNzQ2hhbmdlR3JpZCAudWktdGFibGUtc2Nyb2xsYWJsZS1ib2R5IHtcclxuICAgICAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMzIwcHgpICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAuY2Yge1xyXG4gICAgICAgIG1hcmdpbi10b3A6MTEwcHggIWltcG9ydGFudDtcclxuICAgIH1cclxuICB9XHJcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTQwN3B4KSB7XHJcbiAgICAubWFzc0NoYW5nZUdyaWQgLnVpLXRhYmxlLXNjcm9sbGFibGUtYm9keSB7XHJcbiAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtIDMwMHB4KSAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gICAgLmNmIHtcclxuICAgICAgICBtYXJnaW4tdG9wOjgwcHggIWltcG9ydGFudDtcclxuICAgIH1cclxufVxyXG5cclxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwMHB4KSB7XHJcbiAgICAjY3Vwc1JlcXVlc3RHcmlkIC51aS10YWJsZS1zY3JvbGxhYmxlLWJvZHkge1xyXG4gICAgICAgIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSAzNzBweCkgIWltcG9ydGFudDtcclxuICAgIH1cclxuICAgIC5jZiB7XHJcbiAgICAgICAgbWFyZ2luLXRvcDoxNDBweCAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTA1MnB4KSB7XHJcbiAgICAjY3Vwc1JlcXVlc3RHcmlkIC51aS10YWJsZS1zY3JvbGxhYmxlLWJvZHkge1xyXG4gICAgICAgIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSAzMjBweCkgIWltcG9ydGFudDtcclxuICAgIH1cclxuICAgIC5jZiB7XHJcbiAgICAgICAgbWFyZ2luLXRvcDoxMTBweCAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gIH1cclxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxNDA3cHgpIHtcclxuICAgICNjdXBzUmVxdWVzdEdyaWQgLnVpLXRhYmxlLXNjcm9sbGFibGUtYm9keSB7XHJcbiAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtIDMwMHB4KSAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gICAgLmNmIHtcclxuICAgICAgICBtYXJnaW4tdG9wOjgwcHggIWltcG9ydGFudDtcclxuICAgIH1cclxufVxyXG5cclxuI2N1cHNSZXF1ZXN0R3JpZCAudWktdGFidmlldy51aS10YWJ2aWV3LXRvcCAudWktdGFidmlldy1uYXYgbGkudWktc3RhdGUtYWN0aXZlLCAudWktdGFidmlldy51aS10YWJ2aWV3LWJvdHRvbSAudWktdGFidmlldy1uYXYgbGkudWktc3RhdGUtYWN0aXZlLCAudWktdGFidmlldy51aS10YWJ2aWV3LWxlZnQgLnVpLXRhYnZpZXctbmF2IGxpLnVpLXN0YXRlLWFjdGl2ZSwgLnVpLXRhYnZpZXcudWktdGFidmlldy1yaWdodCAudWktdGFidmlldy1uYXYgbGkudWktc3RhdGUtYWN0aXZlIHtcclxuICAgIGJvcmRlcjogMHB4O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDtcclxuICAgIGJvcmRlci1ib3R0b206IDVweCBzb2xpZCAjMDA5NmQ2O1xyXG59XHJcblxyXG4jY3Vwc1JlcXVlc3RHcmlkIC51aS10YWJ2aWV3LnVpLXRhYnZpZXctdG9wIC51aS10YWJ2aWV3LW5hdiBsaSwgLnVpLXRhYnZpZXcudWktdGFidmlldy1ib3R0b20gLnVpLXRhYnZpZXctbmF2IGxpLCAudWktdGFidmlldy51aS10YWJ2aWV3LWxlZnQgLnVpLXRhYnZpZXctbmF2IGxpLCAudWktdGFidmlldy51aS10YWJ2aWV3LXJpZ2h0IC51aS10YWJ2aWV3LW5hdiBsaSB7XHJcbiAgICBib3JkZXI6IDBweDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbiNjdXBzUmVxdWVzdEdyaWQgLnVpLXRhYnZpZXcudWktdGFidmlldy10b3AgLnVpLXRhYnZpZXctbmF2IGxpLnVpLXN0YXRlLWFjdGl2ZSBhLCAudWktdGFidmlldy51aS10YWJ2aWV3LWJvdHRvbSAudWktdGFidmlldy1uYXYgbGkudWktc3RhdGUtYWN0aXZlIGEsIC51aS10YWJ2aWV3LnVpLXRhYnZpZXctbGVmdCAudWktdGFidmlldy1uYXYgbGkudWktc3RhdGUtYWN0aXZlIGEsIC51aS10YWJ2aWV3LnVpLXRhYnZpZXctcmlnaHQgLnVpLXRhYnZpZXctbmF2IGxpLnVpLXN0YXRlLWFjdGl2ZSBhIHtcclxuICAgIGNvbG9yOiAjMDA5NmQ2ICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbiNjdXBzUmVxdWVzdEdyaWQgLnVpLXRhYnZpZXcudWktdGFidmlldy10b3AgLnVpLXRhYnZpZXctbmF2IGxpIGEsIC51aS10YWJ2aWV3LnVpLXRhYnZpZXctYm90dG9tIC51aS10YWJ2aWV3LW5hdiBsaSBhLCAudWktdGFidmlldy51aS10YWJ2aWV3LWxlZnQgLnVpLXRhYnZpZXctbmF2IGxpIGEsIC51aS10YWJ2aWV3LnVpLXRhYnZpZXctcmlnaHQgLnVpLXRhYnZpZXctbmF2IGxpIGEge1xyXG4gICAgY29sb3I6ICM2OTY5NjkgIWltcG9ydGFudDtcclxufVxyXG5cclxuI2N1cHNSZXF1ZXN0R3JpZCAudWktdGFidmlldyAudWktdGFidmlldy1wYW5lbHMge1xyXG4gICAgYm9yZGVyOiAwcHggIWltcG9ydGFudDtcclxuICAgIHBhZGRpbmc6IDAuNTcxZW0gMGVtICFpbXBvcnRhbnRcclxufVxyXG4jY3Vwc1JlcXVlc3RHcmlkIGJvZHkgLnVpLXRhYnZpZXcudWktdGFidmlldy10b3AgLnVpLXRhYnZpZXctbmF2IGxpLnVpLXN0YXRlLWFjdGl2ZSwgYm9keSAudWktdGFidmlldy51aS10YWJ2aWV3LWJvdHRvbSAudWktdGFidmlldy1uYXYgbGkudWktc3RhdGUtYWN0aXZlLCBib2R5IC51aS10YWJ2aWV3LnVpLXRhYnZpZXctbGVmdCAudWktdGFidmlldy1uYXYgbGkudWktc3RhdGUtYWN0aXZlLCBib2R5IC51aS10YWJ2aWV3LnVpLXRhYnZpZXctcmlnaHQgLnVpLXRhYnZpZXctbmF2IGxpLnVpLXN0YXRlLWFjdGl2ZSB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOjMyMHB4KSBhbmQgKG1heC13aWR0aDo2MDBweCkge1xyXG4gICAgI2N1cHNSZXF1ZXN0R3JpZCAudWktbXVsdGlzZWxlY3QgLnVpLW11bHRpc2VsZWN0LXBhbmVsIHtcclxuICAgICAgICBsZWZ0OiAtMTUwcHggIWltcG9ydGFudDtcclxuICAgICAgICByaWdodDogMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbn1cclxuI3VwbG9hZEV4Y2VsIC5hY3Rpdi1idG4ge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNjtcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIG1hcmdpbi1yaWdodDogMjVweDtcclxuICAgIGhlaWdodDogNDBweCAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4jdXBsb2FkRXhjZWwgLnVpLWJ1dHRvbi1pY29uLW9ubHkgLnVpLWJ1dHRvbi1pY29uLWxlZnQsIC51aS1idXR0b24tdGV4dC1pY29uLWxlZnQgLnVpLWJ1dHRvbi1pY29uLWxlZnQsIC51aS1idXR0b24tdGV4dC1pY29uLXJpZ2h0IC51aS1idXR0b24taWNvbi1yaWdodCB7XHJcbiAgICBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XHJcbn1cclxuXHJcbiN1cGxvYWRFeGNlbCAudWktYnV0dG9uIHtcclxuICAgIGhlaWdodDogNDBweCAhaW1wb3J0YW50O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNiAhaW1wb3J0YW50O1xyXG4gICAgYm9yZGVyLXJhZGl1czogNXB4ICFpbXBvcnRhbnQ7XHJcbiAgICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcclxuICAgIHdpZHRoOiAyNTBweCAhaW1wb3J0YW50O1xyXG59XHJcbiN1cGxvYWRFeGNlbCAudWktYnV0dG9uLnVpLWJ1dHRvbi10ZXh0LWljb24tbGVmdCAudWktYnV0dG9uLXRleHQge1xyXG4gICAgcGFkZGluZzogMyUgIWltcG9ydGFudDtcclxuICAgIGZvbnQtc2l6ZTogMXJlbSAhaW1wb3J0YW50O1xyXG59XHJcbiN1cGxvYWRFeGNlbCAudWktY2FyZCB7XHJcbiAgICBib3gtc2hhZG93OiAycHggMnB4IDZweCAxcHggcmdiKDAgMCAwIC8gMTIlKSwgMXB4IDFweCAzcHggMnB4IHJnYigwIDAgMCAvIDIwJSksIDAgMXB4IDFweCAwIHJnYigwIDAgMCAvIDE0JSksIDAgMnB4IDFweCAtMXB4IHJnYigwIDAgMCAvIDEyJSkgIWltcG9ydGFudDtcclxufVxyXG4jdXBsb2FkRXhjZWwgLmN1c3QtaGVhZGVyIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDk2ZDY7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBmb250LXNpemU6IDE2cHg7XHJcbiAgICBwYWRkaW5nOiAxMHB4O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyXHJcbn1cclxuI3VwbG9hZEV4Y2VsIC5mb3JtLWZyYW1lMiB7XHJcbiAgICBib3JkZXI6IDFweCBkYXNoZWQgZGFya2dyYXk7XHJcbiAgICBoZWlnaHQ6IDIwMHB4O1xyXG59XHJcbiN1cGxvYWRFeGNlbCAucC1jbGFzcyB7XHJcbiAgdG9wOiA0MHB4O1xyXG4gIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgY29sb3I6ICMwMDk2ZDY7XHJcbiAgcG9zaXRpb246IGluaGVyaXQ7XHJcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gIGZvbnQtZmFtaWx5OiAtYXBwbGUtc3lzdGVtLCBCbGlua01hY1N5c3RlbUZvbnQsICdTZWdvZSBVSScsIFJvYm90bywgT3h5Z2VuLCBVYnVudHUsIENhbnRhcmVsbCwgJ09wZW4gU2FucycsICdIZWx2ZXRpY2EgTmV1ZScsIHNhbnMtc2VyaWY7XHJcbn1cclxuI3VwbG9hZEV4Y2VsIC5kZWwtY2xhc3Mge1xyXG4gICAgZm9udC1zaXplOiAxNnB4O1xyXG4gICAgZmxvYXQ6IHJpZ2h0O1xyXG4gICAgbWFyZ2luLWxlZnQ6IDE1cHg7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBjb2xvcjogIzAwOTZkNjtcclxuICB9XHJcbiN1cGxvYWRFeGNlbCAucDItY2xhc3Mge1xyXG4gICAgdGV4dC1hbGlnbjogbGVmdDtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XHJcbiAgICBmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCBSb2JvdG8sIE94eWdlbiwgVWJ1bnR1LCBDYW50YXJlbGwsICdPcGVuIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmO1xyXG4gIH1cclxuICAuYmFja2Ryb3Age1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjpyZ2JhKDAsMCwwLDAuODMpO1xyXG4gICAgcG9zaXRpb246Zml4ZWQ7XHJcbiAgICB0b3A6MDtcclxuICAgIGxlZnQ6MDtcclxuICAgIHdpZHRoOjEwMCU7XHJcbiAgICBoZWlnaHQ6MTAwdmg7XHJcbiAgICB6LWluZGV4OiA5OTk5O1xyXG59XHJcblxyXG4ucy1tb2RhbCB7XHJcbiAgICB0b3A6IDgwcHggIWltcG9ydGFudDtcclxuICAgIHJpZ2h0OiAzNXB4O1xyXG4gICAgei1pbmRleDogOTk5OTtcclxufVxyXG4ucy1tb2RhbC10aXRsZSB7XHJcbiAgICBmb250LXdlaWdodDogNzAwO1xyXG59XHJcbi5zLW1vZGFsLWhlYWRlciB7XHJcbiAgICBwYWRkaW5nOiA1cHg7XHJcbiAgICBib3JkZXI6IG5vbmU7XHJcbn1cclxuLnMtbW9kYWwtYm9keSB7XHJcbiAgICBwYWRkaW5nOiAwcHggIWltcG9ydGFudDtcclxuICAgIG1heC1oZWlnaHQ6IDYwMHB4O1xyXG59XHJcbi5zLW1vZGFsLWRpYWxvZyB7XHJcbiB3aWR0aDogYXV0bztcclxufVxyXG4vKiAucy1tb2RhbCB7XHJcbiAgICBmbG9hdDogcmlnaHQ7XHJcbn0gKi9cclxuLnMtbW9kYWwtY29udGVudCB7XHJcbiAgICAvKiBjb2xvcjogd2hpdGU7ICovXHJcbiAgICBmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCBSb2JvdG8sIE94eWdlbiwgVWJ1bnR1LCBDYW50YXJlbGwsICdPcGVuIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmO1xyXG4gICAgLyogYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLDAsMCwwLjgpICovXHJcbn1cclxuI3JlYmF0ZXMgLnVpLXRhYnZpZXcudWktdGFidmlldy10b3AgLnVpLXRhYnZpZXctbmF2IGxpLnVpLXN0YXRlLWFjdGl2ZSwgYm9keSAudWktdGFidmlldy51aS10YWJ2aWV3LWJvdHRvbSAudWktdGFidmlldy1uYXYgbGkudWktc3RhdGUtYWN0aXZlLCBib2R5IC51aS10YWJ2aWV3LnVpLXRhYnZpZXctbGVmdCAudWktdGFidmlldy1uYXYgbGkudWktc3RhdGUtYWN0aXZlLCBib2R5IC51aS10YWJ2aWV3LnVpLXRhYnZpZXctcmlnaHQgLnVpLXRhYnZpZXctbmF2IGxpLnVpLXN0YXRlLWFjdGl2ZSB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA5NmQ2ICFpbXBvcnRhbnQ7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjNmZhZjZhICFpbXBvcnRhbnQ7XHJcbn1cclxuLmV4Y2VsSWNvbiB7XHJcbiAgICBmb250LXNpemU6IDEuNWVtO1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNjtcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcclxuICAgIHBhZGRpbmc6IDZweDtcclxuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xyXG4gICAgdG9wOiAtN3B4O1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG59XHJcbi5lcnJvci12YWx1ZSB7XHJcbiAgICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHJlZCAhaW1wb3J0YW50O1xyXG59XHJcbi5jb2xyZW9yZGVyLW1zZyB7XHJcbiAgZm9udC1zaXplOiAxNHB4O1xyXG4gIGZvbnQtc3R5bGU6IGl0YWxpYztcclxuICBjb2xvcjogb3JhbmdlO1xyXG59XHJcbiJdfQ== */\"","import { Component, ViewChild, ViewEncapsulation } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { CupsService } from 'src/services/cups.service';\r\nimport { FilterUtils } from 'primeng/api';\r\nimport * as FileSaver from 'file-saver';\r\nimport * as XLSX from 'xlsx';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport * as moment from 'moment';\r\nimport { SupportRequestGridComponent } from '../support-request-grid/support-request-grid.component';\r\n\r\nconst EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';\r\n\r\nconst EXCEL_EXTENSION = '.xlsx';\r\n\r\n@Component({\r\n selector: 'app-home',\r\n templateUrl: './home.component.html',\r\n styleUrls: ['./home.component.css'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class HomeComponent {\r\n cupsRequestData: any;\r\n cols: any[];\r\n sortedCols: any[];\r\n apiResp: any;\r\n defaultWidth: '100%';\r\n viewColHeight: any\r\n selectedCols: any[];\r\n userId: any;\r\n userAdmin: boolean = false;\r\n filteredData: any;\r\n filteredFields = [];\r\n tempFilteredData: any;\r\n title = \"Price Support Request\";\r\n gridAPIResp: any;\r\n APPROVED = '1';\r\n TO_BE_APPROVED = '2';\r\n REJECTED_CUPS = '3';\r\n EXPIRED_CUPS = '4';\r\n ALL_CUPS = '5';\r\n EVID = 2;\r\n EMID = 1;\r\n PMID = 3;\r\n EDID = 4;\r\n selectedBusinessUnit: any;\r\n selectedRows = [];\r\n selectedCupsData: any;\r\n rebatesCols: any;\r\n rebatesData = [];\r\n bu = \"EM\";\r\n displayDownloadBtn = false;\r\n massChangeDialog = false;\r\n selectedMassRows = [];\r\n uploadedFiles: any[] = [];\r\n fileName = \"\";\r\n fileType = \"\";\r\n fileUpload = false;\r\n filesize = \"\";\r\n fileBuffer: any;\r\n fileObject: any;\r\n displayUpload = false;\r\n massCancellationDialog: boolean;\r\n displayDelegationBtn: boolean = false;\r\n displayDelgationPopup: boolean = false;\r\n toApprovers = [];\r\n fromApprovers = [];\r\n delegationRequest = {};\r\n currentDate: any;\r\n approvers: any;\r\n selectedToApprover: any;\r\n selectedFromApprover: any;\r\n isDistributor: boolean = false;\r\n paramsData: any;\r\n routparams: any;\r\n displayMassChangeBtn: boolean = false;\r\n issueInMassChange: boolean = false;\r\n prodData = [];\r\n isListPricebind: boolean = false;\r\n uploadType = \"\";\r\n displayMassChangeOpt: boolean = false;\r\n displayMassCancellationOpt: boolean = false;\r\n fileUploadType = '';\r\n isSalesRep: boolean = false;\r\n displayColOrderLabel: boolean = false;\r\n emMassChangeCols = [\r\n {\r\n header: 'CUP Ref#',\r\n field: 'request_reference_number',\r\n editField: false\r\n },\r\n {\r\n header: 'Expiration Date',\r\n field: 'expiration_date',\r\n editField: false\r\n },\r\n {\r\n header: 'Distributor',\r\n field: 'distributor_name',\r\n editField: false\r\n },\r\n {\r\n header: 'Distributor #',\r\n field: 'distributor_sold_to_name',\r\n editField: false\r\n },\r\n {\r\n header: 'End User Name',\r\n field: 'customer_name',\r\n editField: false\r\n },\r\n {\r\n header: 'Support Type',\r\n field: 'cups_intostock',\r\n editField: false\r\n },\r\n {\r\n header: 'End User Ship To',\r\n field: 'ship_to_name',\r\n editField: false\r\n },\r\n {\r\n header: 'Product Name',\r\n field: 'product_name',\r\n editField: false\r\n },\r\n {\r\n header: 'Product Manager',\r\n field: 'product_manager_name',\r\n editField: false\r\n },\r\n {\r\n header: 'Material #',\r\n field: 'article_number',\r\n editField: false\r\n },\r\n {\r\n header: 'Estimated Annual Volume',\r\n field: 'estimated_annual_volume',\r\n editField: false\r\n },\r\n {\r\n header: 'Annual Vol UOM',\r\n field: 'estimated_annual_volume_UOM',\r\n editField: false\r\n },\r\n {\r\n header: 'Bulk/Pkg',\r\n field: 'bulk_package_type',\r\n editField: false\r\n },\r\n {\r\n header: 'Freight',\r\n field: 'freight_terms_to_end_customer',\r\n editField: false\r\n },\r\n {\r\n header: 'Effective Date of Change',\r\n field: 'date',\r\n editField: true\r\n },\r\n {\r\n header: 'Distributor Price from BASF($/KG)',\r\n field: 'distributor_price_from_basf',\r\n editField: true\r\n },\r\n {\r\n header: 'Change in Distributor Price from BASF($/KG)',\r\n field: 'distributor_price_from_basf_MC',\r\n editField: true\r\n },\r\n {\r\n header: 'Support Price to End Customer($/KG)',\r\n field: 'support_price_to_end_customer',\r\n editField: false\r\n },\r\n {\r\n header: 'Change in Support Price to End Customer($/KG)',\r\n field: 'support_price_to_end_customer_MC',\r\n editField: true\r\n },\r\n {\r\n header: 'Discount %',\r\n field: 'discount_percent',\r\n editField: false\r\n },\r\n {\r\n header: 'Freight Allow',\r\n field: 'frieght_allowance',\r\n editField: false\r\n },\r\n {\r\n header: 'Other Allow',\r\n field: 'other_allowance',\r\n editField: false\r\n },\r\n {\r\n header: 'Net Support Price',\r\n field: 'net_support_price',\r\n editField: false\r\n },\r\n {\r\n header: 'Updated Net Support Price',\r\n field: 'net_support_price_MC',\r\n editField: true\r\n },\r\n {\r\n header: 'Credit Back Amount',\r\n field: 'credit_back_amount',\r\n editField: false\r\n },\r\n {\r\n header: 'Updated Credit Back Amount',\r\n field: 'credit_back_amount_MC',\r\n editField: true\r\n },\r\n {\r\n header: 'Type of Change (For % 1, $ 2)',\r\n field: 'typeOfChange',\r\n editField: true\r\n },\r\n {\r\n header: 'Direction of Change (For Increase 1, Decrease 0)',\r\n field: 'directionOfChange',\r\n editField: true\r\n },\r\n {\r\n header: 'Change Value for Distributor Price from BASF',\r\n field: 'dpbValue',\r\n editField: true\r\n },\r\n {\r\n header: 'Change Value for Support Price to End Customer',\r\n field: 'specValue',\r\n editField: true\r\n },\r\n {\r\n header: 'Comments',\r\n field: 'massChangeComment',\r\n editField: true\r\n },\r\n ]\r\n\r\n massCancellationCols = [\r\n {\r\n header: 'REF#',\r\n field: 'request_reference_number'\r\n },\r\n {\r\n header: 'Expiration Date',\r\n field: 'expiration_date'\r\n },\r\n {\r\n header: 'Comments',\r\n field: 'cancel_comments'\r\n },\r\n {\r\n header: 'Distributor',\r\n field: 'distributor_name'\r\n },\r\n {\r\n header: 'Account',\r\n field: 'customer_name'\r\n },\r\n {\r\n header: 'Product Name',\r\n field: 'product_name'\r\n },\r\n {\r\n header: 'Article #',\r\n field: 'article_number'\r\n }\r\n ]\r\n displayEMRebatesForm: boolean = false;\r\n getUpdatedRebatesData: boolean = false;\r\n updatedRebatesData: any;\r\n updatedRebatesCols: any[];\r\n priceData: any;\r\n orgSelectedMassRows: any;\r\n funcType: any;\r\n massChangeExisting: boolean = false;\r\n emPopupHeader: any;\r\n isSalesSupportDistributor = 0;\r\n @ViewChild(SupportRequestGridComponent, { static: false }) gridChild: SupportRequestGridComponent | undefined;\r\n constructor(private _cupsService: CupsService, private router: Router, private spinner: NgxSpinnerService, private toastr: ToastrService) {\r\n this.router.routeReuseStrategy.shouldReuseRoute = () => false;\r\n }\r\n\r\n ngOnInit() {\r\n this.spinner.show();\r\n this.getSessionValues();\r\n this.generateBU_ID();\r\n if (sessionStorage.getItem('paramsExist') !== \"true\") {\r\n this.displayMassChangeBtn = true;\r\n this.getGridData(this.APPROVED, this.selectedBusinessUnit);\r\n } else {\r\n this.paramsData = JSON.parse(sessionStorage.getItem('returnUrlparams'));\r\n this.loadGridData();\r\n }\r\n this.viewColHeight = (window.innerHeight - 190) + \"px\";\r\n FilterUtils['custom'] = (value, filter): boolean => {\r\n if (filter === undefined || filter === null || filter.trim() === '') {\r\n return true;\r\n }\r\n\r\n if (value === undefined || value === null) {\r\n return false;\r\n }\r\n\r\n return parseInt(filter) > value;\r\n }\r\n\r\n this.isSalesSupportDistributor = Number(sessionStorage.getItem('SalesSupportDistributor'));\r\n }\r\n\r\n getSessionValues() {\r\n this.userId = sessionStorage.getItem('userid');\r\n this.userAdmin = (sessionStorage.getItem('IsAdmin') === \"1\" || sessionStorage.getItem('IsAdmin') === \"true\") ? true : false;\r\n this.isDistributor = (sessionStorage.getItem('isDistributor') === \"1\" || sessionStorage.getItem('isDistributor') === \"true\") ? true : false;\r\n this.isSalesRep = (sessionStorage.getItem('isSalesRep') === \"1\" || sessionStorage.getItem('isSalesRep') === \"true\") ? true : false;\r\n }\r\n\r\n generateBU_ID() {\r\n this.bu = sessionStorage.getItem('BU');\r\n switch (this.bu) {\r\n case 'EM': this.selectedBusinessUnit = this.EMID; this.isSalesRep = (this.isSalesRep == false ? ((sessionStorage.getItem('isSalesSupport') === \"1\" || sessionStorage.getItem('isSalesSupport') === \"true\") ? true : false) : this.isSalesRep); break;\r\n case 'EV': this.selectedBusinessUnit = this.EVID; break;\r\n case 'PM': this.selectedBusinessUnit = this.PMID; break;\r\n case 'ED': this.selectedBusinessUnit = this.EDID; this.isSalesRep = (this.isSalesRep == false ? ((sessionStorage.getItem('isSalesSupport') === \"1\" || sessionStorage.getItem('isSalesSupport') === \"true\") ? true : false) : this.isSalesRep); break;\r\n default: this.selectedBusinessUnit = this.EMID; break;\r\n }\r\n }\r\n\r\n loadGridData() {\r\n\r\n if (atob(this.paramsData['RequestStatusId']) === \"1\" || atob(this.paramsData['RequestStatusId']) === \"9\") {\r\n this.displayMassChangeBtn = true;\r\n this.getGridData(this.APPROVED, Number(atob(this.paramsData['BusinessunitId'])));\r\n } else {\r\n this.getGridData(this.TO_BE_APPROVED, Number(atob(this.paramsData['BusinessunitId'])));\r\n }\r\n }\r\n\r\n onChangeDDValue(_value) {\r\n this.sortColumns();\r\n }\r\n updateUserColumns() {\r\n this._cupsService.updateUserGridCols(this.selectedCols, this.userId, this.isDistributor).subscribe((response: any) => {\r\n this._cupsService.displayToastr(response);\r\n });\r\n this.displayColOrderLabel = false;\r\n }\r\n\r\n showHideData(e) {\r\n this.cols = e;\r\n }\r\n\r\n sortColumns() {\r\n this.selectedCols = JSON.parse(JSON.stringify(this.sortSelectedColumns()));\r\n }\r\n\r\n sortSelectedColumns() {\r\n return this.selectedCols.sort((a, b) => {\r\n return a.serial_no - b.serial_no;\r\n })\r\n }\r\n\r\n onSelectRow(rowObject) {\r\n let { rowData, type } = rowObject;\r\n if (type == 'delete') {\r\n this._cupsService.deleteSupport(rowData.request_id, rowData.businessunit_id).subscribe(response => {\r\n this.spinner.hide();\r\n this._cupsService.displayToastr(response);\r\n this.router.navigate(['home']);\r\n })\r\n return 0;\r\n }\r\n if (type == 'ColReorder') {\r\n this.selectedCols.forEach((selCol: any) => {\r\n selCol.serial_no = rowObject.colData.find(col => col.header_id == selCol.header_id).serial_no;\r\n })\r\n this.displayColOrderLabel = true;\r\n return 0;\r\n }\r\n if (type == 'email') {\r\n this.spinner.show();\r\n if (this.selectedBusinessUnit === 3) {\r\n rowData.request_id = rowData.pm_request_id;\r\n rowData.businessunit_id = 3;\r\n }\r\n this._cupsService.sendEmailReminder(rowData.request_id, rowData.businessunit_id, rowData.request_reference_number, rowData.expiration_date.replaceAll('/', '-'), rowData.status_id).subscribe(response => {\r\n this.spinner.hide();\r\n this._cupsService.displayToastr(response);\r\n })\r\n return 0;\r\n }\r\n if (type == 'confirmationemail') {\r\n this.spinner.show();\r\n if (this.selectedBusinessUnit === 3) {\r\n rowData.request_id = rowData.pm_request_id;\r\n rowData.businessunit_id = 3;\r\n }\r\n this._cupsService.resendSupportConfirmationEmail(rowData.request_id, rowData.businessunit_id, rowData.request_reference_number, rowData.status_id).subscribe(response => {\r\n this.spinner.hide();\r\n this._cupsService.displayToastr(response);\r\n })\r\n return 0;\r\n }\r\n if (type == 'edit' || type == 'clone') {\r\n let path = (this.selectedBusinessUnit === 3) ? 'pm-cups-request' : 'cups-request';\r\n this.router.navigate([path], { state: { data: { cols: this.cols, rowData: rowData, type, gridData: this.cupsRequestData } } });\r\n } else {\r\n this.router.navigate(['cups-request/info'], { state: { data: { labelData: this.cols, rowData: rowData, type, gridData: this.cupsRequestData } } });\r\n }\r\n }\r\n\r\n filterData(filterObj) {\r\n let { value, filter } = filterObj;\r\n if (value == '') {\r\n if (this.filteredFields.length) {\r\n this.filteredFields = this.filteredFields.filter(ff => ff.fieldName !== filter);\r\n } else {\r\n this.filteredFields = [];\r\n }\r\n } else {\r\n let foundField = this.filteredFields.filter(ff => ff.fieldName == filter);\r\n if (foundField.length) {\r\n this.filteredFields.forEach(ff => {\r\n if (ff.fieldName == filter) {\r\n ff.value = value;\r\n }\r\n })\r\n } else {\r\n let fieldObj = {\r\n fieldName: filter,\r\n value: value\r\n };\r\n this.filteredFields.push(fieldObj);\r\n }\r\n }\r\n if (this.filteredFields.length) {\r\n let temp = this.cupsRequestData;\r\n this.filteredFields.forEach(ff => {\r\n temp = temp.filter(fd => fd[ff.fieldName].toUpperCase().includes(ff.value.toUpperCase()));\r\n })\r\n this.filteredData = temp;\r\n } else {\r\n this.filteredData = JSON.parse(JSON.stringify(this.cupsRequestData));\r\n }\r\n this.tempFilteredData = JSON.parse(JSON.stringify(this.filteredData));\r\n }\r\n\r\n exportExcel() {\r\n let currentDate = moment().format('MM_DD_YYYY_hh_mm_ss_a');\r\n let cols;\r\n if ((this.bu == 'EM' || this.bu == 'ED') && (this.isDistributor || sessionStorage.getItem('SalesSupportDistributor') != '0')) {\r\n cols = this.cols.filter(x => x.field != 'comments');\r\n } else {\r\n cols = this.cols;\r\n }\r\n this.exportAsExcelFile(this.filteredData, `All_Requests_${currentDate}`, 'sheet1', cols)\r\n }\r\n\r\n exportEMTemplate() {\r\n let filteredEmMassChangeCols = this.emMassChangeCols.filter(em => em.header !== 'Change in Distributor Price from BASF($/KG)');\r\n filteredEmMassChangeCols = filteredEmMassChangeCols.filter(em => em.header !== 'Change in Support Price to End Customer($/KG)');\r\n filteredEmMassChangeCols = filteredEmMassChangeCols.filter(em => em.header !== 'Updated Net Support Price');\r\n filteredEmMassChangeCols = filteredEmMassChangeCols.filter(em => em.header !== 'Updated Credit Back Amount');\r\n filteredEmMassChangeCols = filteredEmMassChangeCols.filter(em => em.header !== 'Type of Change (For % 1, $ 2)');\r\n filteredEmMassChangeCols = filteredEmMassChangeCols.filter(em => em.header !== 'Direction of Change (For Increase 1, Decrease 0)');\r\n filteredEmMassChangeCols = filteredEmMassChangeCols.filter(em => em.header !== 'Change Value for Distributor Price from BASF');\r\n filteredEmMassChangeCols = filteredEmMassChangeCols.filter(em => em.header !== 'Change Value for Support Price to End Customer');\r\n filteredEmMassChangeCols = filteredEmMassChangeCols.filter(em => em.header !== 'Comments');\r\n\r\n let selectedMassRows = JSON.parse(JSON.stringify(this.selectedMassRows));\r\n selectedMassRows.forEach(smr => {\r\n smr.dpbValue = 0;\r\n smr.specValue = 0;\r\n });\r\n this.updatedRebatesCols = JSON.parse(JSON.stringify(filteredEmMassChangeCols));\r\n this.updatedRebatesCols.forEach(urc => {\r\n urc.is_show = true;\r\n })\r\n this.updatedRebatesData = JSON.parse(JSON.stringify(selectedMassRows));\r\n this.funcType = \"Mass Template\";\r\n this.emPopupHeader = \"Enter the Effective Date of Change\";\r\n this.displayEMRebatesForm = true;\r\n }\r\n\r\n generateExcelForMassCancellation() {\r\n let currentDate = moment().format('MM_DD_YYYY_hh_mm_ss_a');\r\n if (this.selectedBusinessUnit === 3) {\r\n this.massCancellationCols.forEach(colInfo => {\r\n if (colInfo.header === 'Account') {\r\n colInfo.field = 'account';\r\n }\r\n });\r\n }\r\n if (this.selectedRows.length === 0) {\r\n this.selectedRows = [\r\n { 'request_reference_number': '', 'expiration_date': '', 'cancel_comments': '', 'distributor_name': '', 'customer_name': '', 'product_name': '', 'article_number': '' }\r\n ];\r\n } else {\r\n this.selectedRows.forEach(sr => {\r\n sr.cancel_comments = '';\r\n })\r\n }\r\n this.exportAsExcelFile(this.selectedRows, `MASS_CANCELLATION_${currentDate}`, 'sheet1', this.massCancellationCols);\r\n this.displayMassCancellationOpt = false;\r\n }\r\n\r\n exportAsExcelFile(json: any[], excelFileName: string, sheetName: string, columnValues: any[]): void {\r\n let fieldValues: any[] = columnValues.map(field => field.field);\r\n let headerValues: string[] = columnValues.map(header => header.header);\r\n let displayedJson: any[] = [];\r\n if (json != null && json.length > 0) {\r\n for (let originalValue of json) {\r\n let jsonObject: any = {};\r\n for (let fieldValue of fieldValues) {\r\n jsonObject[fieldValue] = originalValue[fieldValue];\r\n }\r\n let jsonString = JSON.stringify(jsonObject);\r\n displayedJson.push(JSON.parse(jsonString));\r\n }\r\n const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(displayedJson);\r\n let range = XLSX.utils.decode_range(worksheet['!ref']);\r\n for (let C = range.s.c; C <= range.e.c; ++C) {\r\n let address = XLSX.utils.encode_col(C) + \"1\"; // <-- first row, column number C\r\n if (!worksheet[address]) continue;\r\n worksheet[address] = {\r\n v: headerValues[C],\r\n t: 's',\r\n s: {\r\n alignment: { textRotation: 90 },\r\n font: { bold: true }\r\n }\r\n };\r\n }\r\n XLSX.utils.sheet_add_aoa(worksheet, [[]], { origin: -1 });\r\n const workbook: XLSX.WorkBook = { Sheets: { [sheetName]: worksheet }, SheetNames: [sheetName] };\r\n const excelBuffer: any = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });\r\n this.saveAsExcelFile(excelBuffer, excelFileName);\r\n }\r\n\r\n }\r\n\r\n saveAsExcelFile(buffer: any, fileName: string): void {\r\n const data: Blob = new Blob([buffer], { type: EXCEL_TYPE });\r\n FileSaver.saveAs(data, fileName + EXCEL_EXTENSION);\r\n }\r\n\r\n navigateToCupsRequest(businessName) {\r\n this.router.navigate(['cups-request'], { state: { data: { cols: this.cols, type: 'New', businessName } } })\r\n }\r\n\r\n navigateToPMCupsRequest() {\r\n this.router.navigate(['pm-cups-request'], { state: { data: { cols: this.cols, type: 'New' } } })\r\n }\r\n\r\n onTabChange(event) {\r\n switch (event.index) {\r\n case 0: this.getGridData(this.APPROVED, this.selectedBusinessUnit); this.displayDelegationBtn = false; this.displayMassChangeBtn = true; break;\r\n case 1: this.getGridData(this.TO_BE_APPROVED, this.selectedBusinessUnit); this.displayDelegationBtn = true; this.displayMassChangeBtn = false; break;\r\n case 2: this.getGridData(this.REJECTED_CUPS, this.selectedBusinessUnit); this.displayDelegationBtn = false; this.displayMassChangeBtn = false; break;\r\n case 3: this.getGridData(this.EXPIRED_CUPS, this.selectedBusinessUnit); this.displayDelegationBtn = false; this.displayMassChangeBtn = false; break;\r\n case 4: this.getAllGridData(this.selectedBusinessUnit); this.displayDelegationBtn = false; this.displayMassChangeBtn = false; break;\r\n }\r\n }\r\n getAllGridData(formName) {\r\n this.spinner.show();\r\n this._cupsService.getAllGridData(formName, this.userId, this.isDistributor).subscribe(resp => {\r\n if (!resp['isError']) {\r\n this.selectedRows = [];\r\n this.selectedBusinessUnit = formName;\r\n this.gridAPIResp = resp;\r\n this.cols = this.gridAPIResp.headerColumns;\r\n this.cols = this.cols.filter(col => col.is_grid_display);\r\n if (this.bu == 'EM' || this.bu == 'ED') {\r\n this.hideCols();\r\n }\r\n this.selectedCols = JSON.parse(JSON.stringify(this.cols.filter(col => col.is_show && col.is_user_visible)));\r\n if (this.isDistributor || Number(sessionStorage.getItem('SalesSupportDistributor')) > 0) {\r\n this.selectedCols = this.selectedCols.filter(col => col.header !== 'Internal Comments');\r\n }\r\n this.sortedCols = JSON.parse(JSON.stringify(this.cols.filter(x => x.is_show)));\r\n this.sortedCols.sort((a, b) => {\r\n return a.header > b.header ? 1 : -1;\r\n });\r\n if (formName === this.EVID || formName === this.EMID || formName === this.EDID) {\r\n this.navigateToEMEVEDCupReview();\r\n }\r\n if (formName === this.PMID) {\r\n this.navigateToPMCupReview();\r\n }\r\n\r\n if (this.bu == 'EM' || this.bu == 'ED') {\r\n this.cupsRequestData.forEach(cup => {\r\n if (cup.cups_intostock !== 'CUP') {\r\n cup.distributor_price_from_basf = '';\r\n }\r\n })\r\n }\r\n this.filteredData = JSON.parse(JSON.stringify(this.cupsRequestData));\r\n this.spinner.hide();\r\n } else {\r\n this.spinner.hide();\r\n this._cupsService.displayToastr(resp);\r\n }\r\n });\r\n }\r\n\r\n hideCols() {\r\n this.cols.forEach(item => {\r\n if ((item.field == 'freight_terms_to_end_customer' || item.field == 'zip_code' || item.field == 'distributor' || item.field == 'industry_market') || (this.isDistributor && item.field == 'comments')) {\r\n item.is_show = false;\r\n }\r\n });\r\n }\r\n\r\n navigateViewByBusinessUnit(formName) {\r\n if (formName === this.EVID || formName === this.EMID || formName === this.EDID) {\r\n this.navigateToEMEVEDCupReview();\r\n }\r\n if (formName === this.PMID) {\r\n this.navigateToPMCupReview();\r\n }\r\n }\r\n\r\n getGridData(requestStatus, formName) {\r\n this.spinner.show();\r\n this._cupsService.getGridData(requestStatus, formName, this.userId, this.isDistributor, sessionStorage.getItem('SalesSupportDistributor')).subscribe(response => {\r\n if (!response['isError']) {\r\n this.selectedRows = [];\r\n this.selectedBusinessUnit = formName;\r\n this.gridAPIResp = response;\r\n this.cols = this.gridAPIResp.headerColumns;\r\n this.cols = this.cols.filter(col => col.is_grid_display);\r\n\r\n\r\n if (!(requestStatus === \"2\" && !this.isDistributor && formName === 3)) {\r\n this.cols = this.cols.filter(col => col.field !== 'approval_pending_with');\r\n }\r\n\r\n if (this.bu == 'EM' || this.bu == 'ED') {\r\n this.hideCols();\r\n }\r\n\r\n this.selectedCols = JSON.parse(JSON.stringify(this.cols.filter(col => col.is_show && col.is_user_visible)));\r\n if (this.isDistributor || Number(sessionStorage.getItem('SalesSupportDistributor')) > 0) {\r\n this.selectedCols = this.selectedCols.filter(col => col.header !== 'Internal Comments');\r\n }\r\n this.sortedCols = JSON.parse(JSON.stringify(this.cols.filter(x => x.is_show)));\r\n this.sortedCols.sort((a, b) => {\r\n return a.header > b.header ? 1 : -1;\r\n });\r\n this.navigateViewByBusinessUnit(formName);\r\n if (requestStatus === '1') {\r\n this.setExpireRemainder();\r\n }\r\n if (this.bu == 'EM' || this.bu == 'ED') {\r\n this.cupsRequestData.forEach(cup => {\r\n if (cup.cups_intostock !== 'CUP') {\r\n cup.distributor_price_from_basf = '';\r\n }\r\n })\r\n }\r\n this.filteredData = JSON.parse(JSON.stringify(this.cupsRequestData));\r\n this.spinner.hide();\r\n } else {\r\n this.spinner.hide();\r\n this._cupsService.displayToastr(response);\r\n }\r\n })\r\n }\r\n\r\n navigateToEMEVEDCupReview() {\r\n this.cupsRequestData = this.gridAPIResp.requestSubmissionData;\r\n if (sessionStorage.getItem('paramsExist') === 'true') {\r\n let rowObject = {\r\n type: (atob(this.paramsData['RequestStatusId']) !== \"11\") ? 'view' : 'edit',\r\n rowData: this.cupsRequestData.find(cup => cup.request_id === Number(atob(this.paramsData['RequestId'])))\r\n }\r\n if (rowObject.rowData && rowObject.rowData['sbu_name'] === '') {\r\n rowObject.type = 'edit';\r\n }\r\n this.onSelectRow(rowObject);\r\n }\r\n }\r\n\r\n navigateToPMCupReview() {\r\n this.cupsRequestData = this.gridAPIResp.pmRequestSubmissionData;\r\n if (sessionStorage.getItem('paramsExist') === 'true') {\r\n let rowObject = {\r\n type: 'view',\r\n rowData: this.cupsRequestData.find(cup => cup.pm_request_id === Number(atob(this.paramsData['RequestId'])))\r\n }\r\n this.onSelectRow(rowObject);\r\n }\r\n }\r\n\r\n setExpireRemainder() {\r\n this.cupsRequestData.forEach(cup => {\r\n if (this.getDaysDiff(cup.expiration_date, new Date()) <= 15) {\r\n cup.isExpireReminder = true;\r\n } else {\r\n cup.isExpireReminder = false;\r\n }\r\n })\r\n }\r\n\r\n receiveSelectedRows(event) {\r\n this.selectedRows = event;\r\n }\r\n\r\n navigateToRebate() {\r\n if (this.selectedRows.length === 1 && (this.selectedBusinessUnit === 1 || this.selectedBusinessUnit === 2 || this.selectedBusinessUnit === 4)) {\r\n this.navigateToEMRebates();\r\n }\r\n else if (this.selectedRows.length === 1 && this.selectedBusinessUnit === 3) {\r\n this.navigateToPMRebates();\r\n }\r\n else {\r\n this.toastr.warning(\"Select a single Approved CUP record to Rebate\", \"Warning!\");\r\n }\r\n }\r\n\r\n navigateToPMRebates() {\r\n if (this.selectedRows[0].status_id === 9 && moment().isAfter(this.selectedRows[0].effective_date)) {\r\n this.router.navigate(['rebates/pm-rebate-form'], { state: { data: { rowData: this.selectedRows[0] } } });\r\n } else {\r\n this.toastr.warning(\"Select a single Activated CUP record which effective date is older than today's date to create a Rebate\", \"Warning!\");\r\n }\r\n }\r\n\r\n navigateToEMRebates() {\r\n if (this.selectedRows[0].status_id === 1 && this.selectedRows[0].cups_intostock_id === 5 && moment().isAfter(this.selectedRows[0].effective_date)) {\r\n this.router.navigate(['rebates/evem-rebate-form'], { state: { data: { rowData: this.selectedRows[0] } } })\r\n } else {\r\n this.toastr.warning(\"Select request record which is Approved CUP request and effective date is older than today's date to Rebate\", \"Warning!\");\r\n }\r\n }\r\n\r\n getFormattedData(date) {\r\n return moment(date).format(\"yyyy-MM-DD\");\r\n }\r\n\r\n generateToApprovers() {\r\n if (this.selectedFromApprover) {\r\n this.toApprovers = this.approvers.filter(a => a.userid !== this.selectedFromApprover['userid']);\r\n }\r\n }\r\n\r\n generateFromApprovers() {\r\n if (this.selectedToApprover) {\r\n this.fromApprovers = this.approvers.filter(a => a.userid !== this.selectedToApprover['userid']);\r\n }\r\n }\r\n\r\n openDelegationPopup() {\r\n this.currentDate = new Date();\r\n this.spinner.show();\r\n this._cupsService.getApprovers(this.selectedBusinessUnit).subscribe(response => {\r\n if (!response['isError']) {\r\n this.approvers = response['response'];\r\n this.toApprovers = this.approvers;\r\n this.fromApprovers = this.approvers;\r\n if (!this.userAdmin) {\r\n this.selectedFromApprover = this.approvers.find(a => a.userid == this.userId);\r\n this.fromApprovers = this.approvers.filter(a => a.userid != this.userId);\r\n }\r\n this.spinner.hide();\r\n this.displayDelgationPopup = true;\r\n } else {\r\n this.spinner.hide();\r\n this._cupsService.displayToastr(response);\r\n }\r\n });\r\n }\r\n\r\n cancelDelegationPopup() {\r\n this.displayDelgationPopup = false;\r\n }\r\n\r\n submitDelegation() {\r\n this.spinner.show();\r\n this.delegationRequest['fromApproverUserId'] = this.selectedFromApprover['userid'];\r\n this.delegationRequest['toApproverUserId'] = this.selectedToApprover['userid'];\r\n this.delegationRequest['currentUserId'] = Number(this.userId);\r\n this.delegationRequest['businessUnit'] = this.selectedBusinessUnit;\r\n this.delegationRequest['toDate'] = moment(this.delegationRequest['toDate']).format(\"MM/DD/yyyy\");\r\n this.delegationRequest['fromDate'] = moment(this.delegationRequest['fromDate']).format(\"MM/DD/yyyy\");\r\n this._cupsService.submitDelegationRequest(this.delegationRequest).subscribe(response => {\r\n if (!response['isError']) {\r\n this.spinner.hide();\r\n this.displayDelgationPopup = false;\r\n this._cupsService.displayToastr(response);\r\n } else {\r\n this.spinner.hide();\r\n this._cupsService.displayToastr(response);\r\n }\r\n });\r\n }\r\n\r\n downloadTempalte() {\r\n if ((this.selectedBusinessUnit === 1 || this.selectedBusinessUnit === 2 || this.selectedBusinessUnit === 4) && !this.checkForCupsData()) {\r\n this.getTemplate();\r\n }\r\n if (((this.selectedBusinessUnit === 1 || this.selectedBusinessUnit === 2 || this.selectedBusinessUnit === 4) && this.checkForCupsData())) {\r\n this.toastr.warning(\"Select Approved CUP records which effective date is older than today's date to Generate Rebate Template\", \"Warning!\");\r\n }\r\n if (this.selectedBusinessUnit === 3 && !this.checkForPMCupsData()) {\r\n this.getTemplate();\r\n }\r\n if (this.selectedBusinessUnit === 3 && this.checkForPMCupsData()) {\r\n this.toastr.warning(\"Select a Activated CUP records which effective date is older than today's date to Generate Rebate Template\", \"Warning!\");\r\n }\r\n }\r\n\r\n getTemplate() {\r\n this.rebatesData = [];\r\n this.rebatesCols = [];\r\n this.getRebatesColsData(this.selectedBusinessUnit);\r\n }\r\n\r\n getRebatesColsData(businessUnit) {\r\n this.spinner.show();\r\n this._cupsService.getRebateGridData(businessUnit, 3, this.isSalesSupportDistributor).subscribe(response => {\r\n this.spinner.hide();\r\n if (!response['isError']) {\r\n this.gridAPIResp = response;\r\n this.rebatesCols = this.gridAPIResp.headerColumns;\r\n this.rebatesCols = this.rebatesCols.filter(rc => rc.is_grid_display);\r\n this.rebatesCols = this.rebatesCols.filter(rc => rc.field !== 'total_creditdue');\r\n this.rebatesCols = this.rebatesCols.filter(rc => rc.field !== 'rebate_reference_number');\r\n this.rebatesCols = this.rebatesCols.filter(rc => rc.field !== 'created_date');\r\n this.rebatesCols = this.rebatesCols.filter(rc => rc.field !== 'submission_date');\r\n this.rebatesCols = this.rebatesCols.filter(rc => rc.field !== 'rebate_final');\r\n this.rebatesCols = this.rebatesCols.filter(rc => rc.header !== 'Rebate Status');\r\n this.rebatesData = [];\r\n if (businessUnit === 1 || businessUnit === 2 || businessUnit === 4) {\r\n this.selectedRows.forEach((cr, index) => {\r\n this.getRebatesData(this.selectedBusinessUnit, cr.request_id, index);\r\n });\r\n }\r\n if (businessUnit === 3) {\r\n this.selectedRows.forEach((cr, index) => {\r\n this.getRebatesData(this.selectedBusinessUnit, cr.pm_request_id, index);\r\n });\r\n }\r\n } else {\r\n this._cupsService.displayToastr(response);\r\n }\r\n })\r\n }\r\n\r\n checkForCupsData() {\r\n let fCups = this.selectedRows.filter(r => r.cups_intostock_id !== 5 || moment().isBefore(r.effective_date));\r\n return fCups.length;\r\n }\r\n\r\n checkForPMCupsData() {\r\n let fCups = this.selectedRows.filter(r => r.status_id !== 9 || moment().isBefore(r.effective_date));\r\n return fCups.length;\r\n }\r\n\r\n getRebatesData(businessUnit, cupRequestId, _index) {\r\n let rebateData;\r\n this.spinner.show();\r\n this._cupsService.getRebateFormData(cupRequestId, businessUnit).subscribe(response => {\r\n this.spinner.hide();\r\n if (!response['isError']) {\r\n this.apiResp = response;\r\n if (businessUnit === 1 || businessUnit === 2 || businessUnit === 4) {\r\n rebateData = JSON.parse(JSON.stringify(this.apiResp.rebateEvemData[0]));\r\n }\r\n if (businessUnit === 3) {\r\n rebateData = JSON.parse(JSON.stringify(this.apiResp.rebatePMData[0]));\r\n }\r\n this.rebatesData.push(rebateData);\r\n if (this.selectedRows.length === this.rebatesData.length) {\r\n this.displayDownloadBtn = (businessUnit === 1 || businessUnit === 4) ? this.openRebateShippedDateForm() : true;\r\n }\r\n } else {\r\n this._cupsService.displayToastr(response);\r\n }\r\n })\r\n }\r\n\r\n openRebateShippedDateForm() {\r\n let tempUpdatedRebatesCols = JSON.parse(JSON.stringify(this.rebatesCols));\r\n tempUpdatedRebatesCols = tempUpdatedRebatesCols.filter(urc => urc.header != 'Dist. Invoice #');\r\n tempUpdatedRebatesCols = tempUpdatedRebatesCols.filter(urc => urc.header != 'Quantity Shipped');\r\n tempUpdatedRebatesCols = tempUpdatedRebatesCols.filter(urc => urc.header != 'Comments');\r\n tempUpdatedRebatesCols = tempUpdatedRebatesCols.filter(urc => urc.header != 'Rebate Status');\r\n this.updatedRebatesCols = JSON.parse(JSON.stringify(tempUpdatedRebatesCols));\r\n this.updatedRebatesData = JSON.parse(JSON.stringify(this.rebatesData));\r\n this.funcType = \"Rebate Template\";\r\n this.emPopupHeader = \"Enter the User Ship. DT\";\r\n this.displayEMRebatesForm = true;\r\n return false;\r\n }\r\n\r\n openMassChangeDateForm() {\r\n this.displayEMRebatesForm = true;\r\n }\r\n\r\n receiveUpdatedRebates(rebates) {\r\n if (this.funcType === 'Rebate Template') {\r\n this.rebatesData = JSON.parse(JSON.stringify(rebates));\r\n this.rebatesData.forEach(rd => {\r\n if (rd.shipped_date != null && rd.shipped_date != '' && rd.shipped_date != 'Invalid date') {\r\n rd.shipped_date = moment(rd.shipped_date).format('MM/DD/YYYY');\r\n }\r\n })\r\n } else {\r\n this.receiveUpdatedMassRows(rebates);\r\n }\r\n }\r\n\r\n receiveUpdatedMassRows(rebates) {\r\n this.rebatesData = JSON.parse(JSON.stringify(rebates));\r\n this.rebatesData.forEach(rd => {\r\n if (rd.date != null && rd.date != '' && rd.date != 'Invalid date') {\r\n rd.date = moment(rd.date).format('MM/DD/YYYY');\r\n }\r\n })\r\n }\r\n\r\n checkForValidShippedDate() {\r\n if (this.funcType === 'Rebate Template') {\r\n let foundNotValidShipedData = false;\r\n this.rebatesData.forEach(rd => {\r\n if (!(rd.shipped_date != null && rd.shipped_date != '' && rd.shipped_date != 'Invalid date')) {\r\n foundNotValidShipedData = true;\r\n this.toastr.warning(`For ${rd.request_reference_number} shipped date not provided`, 'Warning');\r\n }\r\n });\r\n if (!foundNotValidShipedData) {\r\n this.rebatesExportExcel();\r\n }\r\n } else {\r\n this.checkForValidEffectiveDate();\r\n }\r\n }\r\n\r\n checkForValidEffectiveDate() {\r\n let foundNotValidEffectiveDate = false;\r\n this.rebatesData.forEach(rd => {\r\n if (!(rd.date != null && rd.date != '' && rd.date != 'Invalid date')) {\r\n foundNotValidEffectiveDate = true;\r\n this.toastr.warning(`For ${rd.request_reference_number}change of effective date not provided`, 'Warning');\r\n }\r\n });\r\n if (!foundNotValidEffectiveDate) {\r\n this.massRowsExportExcel();\r\n }\r\n }\r\n\r\n rebatesExportExcel() {\r\n let currentDate = moment().format('MM_DD_YYYY_hh_mm_ss_a');\r\n this.exportAsExcelFile(this.rebatesData, `Rebates Template_${currentDate}`, 'sheet1', this.rebatesCols);\r\n this.displayDownloadBtn = false;\r\n this.displayEMRebatesForm = false;\r\n }\r\n\r\n massRowsExportExcel() {\r\n let filteredEmMassChangeCols = this.emMassChangeCols.filter(em => em.header !== 'Change in Distributor Price from BASF($/KG)');\r\n filteredEmMassChangeCols = filteredEmMassChangeCols.filter(em => em.header !== 'Change in Support Price to End Customer($/KG)');\r\n filteredEmMassChangeCols = filteredEmMassChangeCols.filter(em => em.header !== 'Updated Net Support Price');\r\n filteredEmMassChangeCols = filteredEmMassChangeCols.filter(em => em.header !== 'Updated Credit Back Amount');\r\n let currentDate = moment().format('MM_DD_YYYY_hh_mm_ss_a');\r\n let selectedMassRows = JSON.parse(JSON.stringify(this.rebatesData));\r\n selectedMassRows.forEach(smr => {\r\n smr.dpbValue = 0;\r\n smr.specValue = 0;\r\n });\r\n let title;\r\n if (this.selectedBusinessUnit == 1) {\r\n title = `EM_MASS_CHANGE_${currentDate}`;\r\n } else if (this.selectedBusinessUnit == 4) {\r\n title = `ED_MASS_CHANGE_${currentDate}`;\r\n }\r\n this.exportAsExcelFile(selectedMassRows, title, 'sheet1', filteredEmMassChangeCols);\r\n this.displayDownloadBtn = false;\r\n this.displayEMRebatesForm = false;\r\n }\r\n\r\n massChange() {\r\n this.selectedMassRows = JSON.parse(JSON.stringify(this.selectedRows));\r\n this.selectedMassRows.forEach(sm => {\r\n sm.typeOfChange = \"\";\r\n sm.dpbValue = \"\";\r\n sm.specValue = \"\";\r\n sm.date = moment(new Date()).format('L');\r\n sm.directionOfChange = \"\";\r\n sm.massChangeComment = \"\";\r\n sm.issueInMassChange = false;\r\n switch (this.selectedBusinessUnit) {\r\n case 1: sm.cupReqId = sm.request_id;\r\n sm.distributor_price_from_basf_MC = sm.distributor_price_from_basf;\r\n sm.support_price_to_end_customer_MC = sm.support_price_to_end_customer;\r\n sm.net_support_price_MC = sm.net_support_price\r\n sm.credit_back_amount_MC = sm.credit_back_amount;\r\n sm.isValidCreditAmountMC = true;\r\n break;\r\n case 2: sm.cupReqId = sm.request_id;\r\n sm.support_price_to_end_customer_MC = sm.support_price_to_end_customer;\r\n sm.net_support_price_MC = sm.net_support_price;\r\n sm.credit_back_amount_MC = sm.credit_back_amount;\r\n sm.scopeOfChange = \"\";\r\n sm.isValidCreditAmountMC = true;\r\n break;\r\n case 3: sm.cupReqId = sm.pm_request_id;\r\n sm.suggested_selling_price_MC = sm.suggested_selling_price;\r\n sm.supported_buy_price_MC = sm.supported_buy_price;\r\n sm.rebate_MC = sm.rebate;\r\n sm.isValidRebateAmount = true;\r\n break;\r\n case 4: sm.cupReqId = sm.request_id;\r\n sm.distributor_price_from_basf_MC = sm.distributor_price_from_basf;\r\n sm.support_price_to_end_customer_MC = sm.support_price_to_end_customer;\r\n sm.net_support_price_MC = sm.net_support_price\r\n sm.credit_back_amount_MC = sm.credit_back_amount;\r\n sm.isValidCreditAmountMC = true;\r\n this.selectedBusinessUnit = 4\r\n break;\r\n default: break;\r\n }\r\n });\r\n this.orgSelectedMassRows = JSON.parse(JSON.stringify(this.selectedMassRows));\r\n if (this.selectedBusinessUnit === 2 || this.selectedBusinessUnit === 3) {\r\n if (this.selectedRows.length === 0) {\r\n this.toastr.error('Select any request from grid', 'Error!');\r\n } else {\r\n this.massChangeDialog = true;\r\n }\r\n } else {\r\n this.displayMassChangeOpt = true;\r\n this.fileType = 'Mass Change';\r\n }\r\n }\r\n\r\n generateExcelForEM() {\r\n if (this.selectedRows.length === 0) {\r\n this.toastr.error('Select any request from grid', 'Error!');\r\n } else {\r\n this.exportEMTemplate();\r\n this.displayMassChangeOpt = false;\r\n }\r\n }\r\n\r\n quickMassChange() {\r\n if (this.selectedRows.length === 0) {\r\n this.toastr.error('Select any request from grid', 'Error!');\r\n } else {\r\n this.displayMassChangeOpt = false;\r\n this.massChangeDialog = true;\r\n }\r\n }\r\n\r\n closeMassChangeUpload() {\r\n this.massChangeDialog = false;\r\n this.displayMassChangeOpt = false;\r\n this.displayMassCancellationOpt = false;\r\n }\r\n\r\n\r\n\r\n getProductPricingDetails(rowData: any) {\r\n if (rowData.cups_intostock && rowData.frieght_terms_to_distributor && rowData.article_number && rowData.date) {\r\n this.spinner.show();\r\n if (rowData.cups_intostock === '3rd Party' && !rowData.ship_to) {\r\n this.spinner.hide();\r\n return false;\r\n }\r\n let shiptoId = rowData.cups_intostock === '3rd Party' ? rowData.ship_to : 0;\r\n this.productPricingApiCall(rowData, shiptoId);\r\n } else {\r\n this.spinner.hide();\r\n }\r\n\r\n }\r\n\r\n productPricingApiCall(rowData, shiptoId) {\r\n this._cupsService.getProductPricingRecord(this.selectedBusinessUnit, rowData.article_number,\r\n rowData.distributor_sold_to_id, shiptoId, rowData.frieght_terms_to_distributor_id,\r\n rowData.date, 'P', rowData.cups_intostock_id).subscribe(response => {\r\n if (!response['isError']) {\r\n this.spinner.hide();\r\n this.apiResp = response;\r\n this.selectedMassRows.forEach(sm => {\r\n if (sm.request_reference_number === rowData.request_reference_number) {\r\n sm.distributor_price_from_basf = this.apiResp.response.list_Price;\r\n this.calculateEMEVEDPrices(rowData);\r\n }\r\n });\r\n }\r\n else {\r\n this.spinner.hide();\r\n this.selectedMassRows.forEach(sm => {\r\n if (sm.request_reference_number === rowData.request_reference_number) {\r\n sm.distributor_price_from_basf = rowData.distributor_price_from_basf;\r\n }\r\n });\r\n this._cupsService.displayToastr(response);\r\n }\r\n });\r\n }\r\n\r\n calculateEMEVEDPrices(rowData) {\r\n const sp = Number(rowData['support_price_to_end_customer_MC']);\r\n const discount = Number(rowData['discount_percent'].replace('%', ''));\r\n const fa = rowData['frieght_allowance'] ? Number(rowData['frieght_allowance']) : 0;\r\n const oa = rowData['other_allowance'] ? Number(rowData['other_allowance']) : 0;\r\n const dp = Number(rowData['distributor_price_from_basf']);\r\n const dp_mc = Number(rowData['distributor_price_from_basf_MC']);\r\n let updatedRowData: any;\r\n if (rowData.typeOfChange != '' && rowData.directionOfChange != '') {\r\n updatedRowData = this.configRowDataForBothChanges(rowData, sp, discount, fa, oa, dp_mc, dp);\r\n }\r\n else {\r\n updatedRowData = this.configRowDataForSingleChange(rowData, dp);\r\n }\r\n this.updateAmountsAndValidate(updatedRowData);\r\n }\r\n\r\n configRowDataForBothChanges(rowData: any, sp: any, discount: any, fa: any, oa: any, dp_mc: any, dp: any) {\r\n if ((this.selectedBusinessUnit === 1 ) && sp && discount && fa >= 0 && oa >= 0 && dp_mc) {\r\n rowData['net_support_price_MC'] = (sp - (sp * (discount) / 100) - fa - oa).toFixed(2).toString();\r\n rowData['credit_back_amount_MC'] = (dp_mc - Number(rowData['net_support_price_MC'])).toFixed(2).toString();\r\n }\r\n if ((this.selectedBusinessUnit === 4) && sp && discount && fa >= 0 && oa >= 0 && dp_mc) {\r\n rowData['net_support_price_MC'] = (sp - fa - oa).toFixed(2).toString();\r\n rowData['credit_back_amount_MC'] = (dp_mc - sp).toFixed(2).toString();\r\n //rowData['credit_back_amount_MC'] = (dp_mc - Number(rowData['net_support_price_MC'])).toFixed(2).toString();\r\n }\r\n const nsp = Number(rowData['net_support_price_MC']);\r\n if (this.selectedBusinessUnit === 2 && nsp && dp && (rowData.cups_intostock === '3rd Party' || rowData.cups_intostock === 'IntoStock')) {\r\n rowData['credit_back_amount_MC'] = 0;\r\n } else if (this.selectedBusinessUnit === 2 && nsp && dp && rowData.cups_intostock === 'CUP') {\r\n rowData['credit_back_amount_MC'] = (dp - Number(rowData['net_support_price_MC'])).toFixed(2).toString();\r\n }\r\n return rowData;\r\n }\r\n\r\n configRowDataForSingleChange(rowData: any, dp: any) {\r\n const nsp = Number(rowData['net_support_price_MC']);\r\n if (this.selectedBusinessUnit === 2 && nsp && dp && (rowData.cups_intostock === '3rd Party' || rowData.cups_intostock === 'IntoStock')) {\r\n rowData['credit_back_amount_MC'] = 0;\r\n } else if (this.selectedBusinessUnit === 2 && nsp && dp && rowData.cups_intostock === 'CUP') {\r\n rowData['credit_back_amount_MC'] = (dp - Number(rowData['net_support_price_MC'])).toFixed(2).toString();\r\n }\r\n return rowData;\r\n }\r\n\r\n updateAmountsAndValidate(rowData: any) {\r\n this.selectedMassRows.forEach(sm => {\r\n if (sm.request_reference_number === rowData.request_reference_number) {\r\n sm.net_support_price_MC = rowData['net_support_price_MC'];\r\n sm.credit_back_amount_MC = rowData['credit_back_amount_MC'];\r\n sm.isValidCreditAmountMC = this.validateNumber(sm.credit_back_amount_MC, sm);\r\n if ((this.bu == 'EM' || this.bu == 'ED') && sm.cups_intostock != 'CUP') {\r\n sm.isValidCreditAmountMC = true;\r\n }\r\n if (!sm.isValidCreditAmountMC) {\r\n this.toastr.error('Values cannot be negative', 'Error!');\r\n }\r\n }\r\n });\r\n }\r\n\r\n doPMCalculationsForPM(rowData) {\r\n if (rowData.typeOfChange != '' && rowData.directionOfChange != '' && rowData.discount) {\r\n const SP = Number(rowData['suggested_selling_price_MC']);\r\n const SM = Number(rowData['selling_margin']);\r\n if (SP && SM && rowData.sell_price_UOM) {\r\n rowData['supported_buy_price_MC'] = (SP - (SP * SM / 100)).toFixed(2).toString();\r\n if (rowData.sell_price_UOM === 'LB') {\r\n rowData['rebate_MC'] = (Number(rowData['list_price_lb']) - Number(rowData['supported_buy_price_MC'])).toFixed(2).toString();\r\n } else {\r\n rowData['rebate_MC'] = (Number(rowData['list_price_kg']) - Number(rowData['supported_buy_price_MC'])).toFixed(2).toString();\r\n }\r\n }\r\n this.checkForPMMassChangeValidations(rowData);\r\n }\r\n }\r\n\r\n checkForPMMassChangeValidations(rowData) {\r\n this.selectedMassRows.forEach(sm => {\r\n if (sm.request_reference_number === rowData.request_reference_number) {\r\n sm.supported_buy_price_MC = rowData['supported_buy_price_MC'];\r\n sm.rebate_MC = rowData['rebate_MC'];\r\n sm.isValidRebateAmount = this.validateNumber(sm.rebate_MC, sm);\r\n if (!sm.isValidRebateAmount) {\r\n this.toastr.error('Values cannot be negative', 'Error!');\r\n }\r\n }\r\n });\r\n }\r\n\r\n validateNumber(value, rowData) {\r\n this.selectedMassRows.forEach(sm => {\r\n if (sm.request_reference_number === rowData.request_reference_number) {\r\n sm.issueInMassChange = Number(value) > 0;\r\n }\r\n });\r\n return Number(value) > 0;\r\n }\r\n\r\n submitMassChange() {\r\n let massChangeRows = [];\r\n let fIssues = this.selectedMassRows.find(smr => !smr.issueInMassChange);\r\n if (fIssues) {\r\n this.toastr.error('Negative values not allowed', 'Error!');\r\n return false;\r\n }\r\n this.selectedMassRows.forEach(sm => {\r\n massChangeRows.push(this.constructApiRequest(sm));\r\n });\r\n this.spinner.show();\r\n this._cupsService.submitMassChange(massChangeRows, sessionStorage.getItem('BU')).subscribe(response => {\r\n if (!response['isError']) {\r\n this._cupsService.displayToastr(response);\r\n this.spinner.hide();\r\n this.massChangeDialog = false;\r\n this.selectedMassRows = [];\r\n this.getGridData(this.APPROVED, this.selectedBusinessUnit);\r\n } else {\r\n this.spinner.hide();\r\n this._cupsService.displayToastr(response);\r\n }\r\n })\r\n }\r\n\r\n constructApiRequest(sm: any) {\r\n switch (this.selectedBusinessUnit) {\r\n case 1: return {\r\n \"cupReqId\": sm.cupReqId,\r\n \"date\": moment(new Date()).format('L'),\r\n \"distributor_price_from_basf\": sm.distributor_price_from_basf_MC,\r\n \"support_price_to_end_customer\": sm.support_price_to_end_customer_MC,\r\n \"suggested_selling_price\": 0,\r\n \"net_support_price\": 0,\r\n \"typeOfChange\": Number(sm.typeOfChange),\r\n \"discount\": Number(sm.discount),\r\n \"discountdistributorprice\": (sm.dpbValue !== '') ? Number(sm.dpbValue) : 0,\r\n \"discountnetsupportprice\": (sm.specValue !== '') ? Number(sm.specValue) : 0,\r\n \"directionOfChange\": Number(sm.directionOfChange),\r\n \"updatedBy\": this.userId,\r\n \"comments\": sm.massChangeComment,\r\n \"scopeOfChange\": 0,\r\n \"EffectiveDate\": sm.date\r\n };\r\n case 2: return {\r\n \"cupReqId\": sm.cupReqId,\r\n \"date\": moment(new Date()).format('L'),\r\n \"distributor_price_from_basf\": sm.distributor_price_from_basf,\r\n \"support_price_to_end_customer\": sm.support_price_to_end_customer_MC,\r\n \"suggested_selling_price\": 0,\r\n \"net_support_price\": sm.net_support_price_MC,\r\n \"typeOfChange\": Number(sm.typeOfChange),\r\n \"discount\": Number(sm.discount),\r\n \"discountdistributorprice\": 0,\r\n \"discountnetsupportprice\": 0,\r\n \"directionOfChange\": Number(sm.directionOfChange),\r\n \"updatedBy\": this.userId,\r\n \"comments\": sm.massChangeComment,\r\n \"scopeOfChange\": Number(sm.scopeOfChange),\r\n \"EffectiveDate\": sm.date,\r\n \"isInternalUser\" : !this.isDistributor\r\n };\r\n case 3: return {\r\n \"cupReqId\": sm.cupReqId,\r\n \"date\": moment(new Date()).format('L'),\r\n \"distributor_price_from_basf\": 0,\r\n \"support_price_to_end_customer\": 0,\r\n \"suggested_selling_price\": sm.suggested_selling_price_MC,\r\n \"net_support_price\": 0,\r\n \"typeOfChange\": Number(sm.typeOfChange),\r\n \"discount\": Number(sm.discount),\r\n \"discountdistributorprice\": 0,\r\n \"discountnetsupportprice\": 0,\r\n \"directionOfChange\": Number(sm.directionOfChange),\r\n \"updatedBy\": this.userId,\r\n \"comments\": sm.massChangeComment,\r\n \"scopeOfChange\": 0,\r\n \"EffectiveDate\": sm.date,\r\n \"rebate\": sm.rebate_MC,\r\n };\r\n case 4: this.selectedBusinessUnit = 4;\r\n return {\r\n \"cupReqId\": sm.cupReqId,\r\n \"date\": moment(new Date()).format('L'),\r\n \"distributor_price_from_basf\": sm.distributor_price_from_basf_MC,\r\n \"support_price_to_end_customer\": sm.support_price_to_end_customer_MC,\r\n \"suggested_selling_price\": 0,\r\n \"net_support_price\": 0,\r\n \"typeOfChange\": Number(sm.typeOfChange),\r\n \"discount\": Number(sm.discount),\r\n \"discountdistributorprice\": (sm.dpbValue !== '') ? Number(sm.dpbValue) : 0,\r\n \"discountnetsupportprice\": (sm.specValue !== '') ? Number(sm.specValue) : 0,\r\n \"directionOfChange\": Number(sm.directionOfChange),\r\n \"updatedBy\": this.userId,\r\n \"comments\": sm.massChangeComment,\r\n \"scopeOfChange\": 0,\r\n \"EffectiveDate\": sm.date\r\n };\r\n default: return 0;\r\n }\r\n }\r\n\r\n massCancellation() {\r\n this.displayMassCancellationOpt = true\r\n }\r\n\r\n massCancellationUpload() {\r\n this.displayMassCancellationOpt = false;\r\n this.massCancellationDialog = true;\r\n this.displayUpload = true;\r\n this.fileUploadType = \"Mass Cancellation\";\r\n }\r\n\r\n massChangeUpload() {\r\n this.massCancellationDialog = true;\r\n this.displayUpload = true;\r\n this.displayMassChangeOpt = false;\r\n this.fileUploadType = \"Mass Change\";\r\n }\r\n\r\n myUploader(event) {\r\n this.spinner.show();\r\n let fileData = event[0];\r\n const element = event[0];\r\n this.filesize = element.size;\r\n this.filesize = this.filesize.toString();\r\n if (element.size > 3145728) {\r\n this.spinner.hide();\r\n this.toastr.warning(\"File Limit Exceeded, Allows only below 3MB data\");\r\n return false;\r\n } else {\r\n this.fileName = fileData.name;\r\n this.fileType = fileData.type;\r\n this.fileBuffer = \"\";\r\n let fileReader = new FileReader();\r\n fileReader.onload = (_e) => {\r\n this.fileBuffer = fileReader.result;\r\n this.fileBuffer = this.fileBuffer.replace(`data:${this.fileType};base64,`, '');\r\n this.fileUpload = true;\r\n this.fileObject = {\r\n \"businessUnitId\": this.selectedBusinessUnit,\r\n \"fileName\": this.fileName,\r\n \"fileType\": this.fileType,\r\n \"fileSize\": this.filesize,\r\n \"fileAsBase64\": this.fileBuffer,\r\n \"created_by\": Number(sessionStorage.getItem('userid')),\r\n \"salesSupportDistributor\": Number(sessionStorage.getItem('SalesSupportDistributor'))\r\n };\r\n }\r\n fileReader.readAsDataURL(fileData);\r\n }\r\n this.uploadedFiles.push(event[0]);\r\n this.spinner.hide();\r\n }\r\n\r\n uploadSubmit(_fileUpload) {\r\n this.spinner.show();\r\n if (this.fileUploadType === 'Mass Cancellation') {\r\n this.massCancellationUploadAPICall();\r\n } else {\r\n this.displayMassChangeOpt = false;\r\n this.massChangeUploadAPICall();\r\n }\r\n }\r\n\r\n massCancellationUploadAPICall() {\r\n this._cupsService.UploadExcelTemplate(this.fileObject).subscribe(response => {\r\n if (!response['isError']) {\r\n let apiResponse = JSON.stringify(response);\r\n if (apiResponse.includes(\"Invalid template\")) { this.toastr.error(apiResponse, 'Error!') }\r\n else {\r\n this.massCancellationDialog = false;\r\n this.displayUpload = false;\r\n this._cupsService.displayToastr(response);\r\n this.getGridData(this.APPROVED, this.selectedBusinessUnit);\r\n }\r\n this.displayUpload = false;\r\n this.spinner.hide();\r\n } else {\r\n this._cupsService.displayToastr(response);\r\n }\r\n });\r\n }\r\n\r\n massChangeUploadAPICall() {\r\n this._cupsService.UploadEMMassChangeExcelTemplate(this.fileObject).subscribe(response => {\r\n if (!response['isError']) {\r\n let apiResponse = JSON.stringify(response);\r\n if (apiResponse.includes(\"Invalid template\")) { this.toastr.error(apiResponse, 'Error!') }\r\n else {\r\n this.massCancellationDialog = false;\r\n this.displayUpload = false;\r\n this._cupsService.displayToastr(response);\r\n }\r\n this.displayUpload = false;\r\n this.spinner.hide();\r\n } else {\r\n this._cupsService.displayToastr(response);\r\n }\r\n });\r\n }\r\n\r\n uploadRebates() {\r\n this.displayUpload = true;\r\n }\r\n\r\n calculatePrice(_event, rowData) {\r\n switch (this.selectedBusinessUnit) {\r\n case 1: this.calculateForEM(rowData); break;\r\n case 2: this.calculateForEV(rowData); break;\r\n case 3: this.calculateForPM(rowData); break;\r\n case 4: this.calculateForED(rowData); break;\r\n default: break;\r\n }\r\n }\r\n\r\n calculateForEM(rowData) {\r\n this.selectedMassRows.forEach(mr => {\r\n if (mr.cupReqId === rowData.cupReqId) {\r\n if (rowData.typeOfChange === '1') {\r\n this.emChangeInPercentage(rowData);\r\n } else {\r\n this.emChangeInPrice(rowData);\r\n }\r\n this.calculateEMEVEDPrices(mr);\r\n }\r\n });\r\n }\r\n\r\n calculateForED(rowData) {\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n if (rowData.typeOfChange === '1') {\r\n this.edChangeInPercentage(rowData);\r\n } else {\r\n this.edChangeInPrice(rowData);\r\n }\r\n this.calculateEMEVEDPrices(smr);\r\n }\r\n });\r\n }\r\n\r\n emChangeInPercentage(rowData: any) {\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n if (rowData.directionOfChange === '1') {\r\n this.emChangeInPercentageIncrease(rowData);\r\n } else {\r\n this.emChangeInPercentageDecrease(rowData);\r\n }\r\n }\r\n });\r\n }\r\n edChangeInPercentage(rowData: any) {\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n if (rowData.directionOfChange === '1') {\r\n this.edChangeInPercentageIncrease(rowData);\r\n } else {\r\n this.edChangeInPercentageDecrease(rowData);\r\n }\r\n }\r\n });\r\n }\r\n edChangeInPercentageIncrease(rowData: any) {\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n if (rowData.dpbValue !== '') {\r\n smr.distributor_price_from_basf_MC = Number(smr.distributor_price_from_basf) + Number((Number(smr.dpbValue) / 100) * Number(smr.distributor_price_from_basf));\r\n }\r\n if (rowData.specValue !== '') {\r\n smr.support_price_to_end_customer_MC = Number(smr.support_price_to_end_customer) + Number((Number(smr.specValue) / 100) * Number(smr.support_price_to_end_customer));\r\n }\r\n }\r\n });\r\n }\r\n edChangeInPercentageDecrease(rowData: any) {\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n if (rowData.dpbValue !== '') {\r\n smr.distributor_price_from_basf_MC = Number(smr.distributor_price_from_basf) - Number((Number(smr.dpbValue) / 100) * Number(smr.distributor_price_from_basf));\r\n }\r\n if (rowData.specValue !== '') {\r\n smr.support_price_to_end_customer_MC = Number(smr.support_price_to_end_customer) - Number((Number(smr.specValue) / 100) * Number(smr.support_price_to_end_customer));\r\n }\r\n }\r\n });\r\n }\r\n\r\n emChangeInPercentageIncrease(rowData: any) {\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n if (rowData.dpbValue !== '') {\r\n smr.distributor_price_from_basf_MC = Number(smr.distributor_price_from_basf) + Number((Number(smr.dpbValue) / 100) * Number(smr.distributor_price_from_basf));\r\n }\r\n if (rowData.specValue !== '') {\r\n smr.support_price_to_end_customer_MC = Number(smr.support_price_to_end_customer) + Number((Number(smr.specValue) / 100) * Number(smr.support_price_to_end_customer));\r\n }\r\n }\r\n });\r\n }\r\n\r\n emChangeInPercentageDecrease(rowData: any) {\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n if (rowData.dpbValue !== '') {\r\n smr.distributor_price_from_basf_MC = Number(smr.distributor_price_from_basf) - Number((Number(smr.dpbValue) / 100) * Number(smr.distributor_price_from_basf));\r\n }\r\n if (rowData.specValue !== '') {\r\n smr.support_price_to_end_customer_MC = Number(smr.support_price_to_end_customer) - Number((Number(smr.specValue) / 100) * Number(smr.support_price_to_end_customer));\r\n }\r\n }\r\n });\r\n }\r\n\r\n emChangeInPrice(rowData: any) {\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n if (rowData.directionOfChange === '1') {\r\n this.emChangeInPriceIncrease(rowData);\r\n } else {\r\n this.emChangeInPriceDecrease(rowData);\r\n }\r\n }\r\n });\r\n }\r\n\r\n emChangeInPriceIncrease(rowData: any) {\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n if (rowData.dpbValue !== '') {\r\n smr.distributor_price_from_basf_MC = Number(smr.distributor_price_from_basf) + Number(smr.dpbValue);\r\n }\r\n if (rowData.specValue !== '') {\r\n smr.support_price_to_end_customer_MC = Number(smr.support_price_to_end_customer) + Number(smr.specValue);\r\n }\r\n }\r\n });\r\n }\r\n\r\n emChangeInPriceDecrease(rowData: any) {\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n if (rowData.dpbValue !== '') {\r\n smr.distributor_price_from_basf_MC = Number(smr.distributor_price_from_basf) - Number(smr.dpbValue);\r\n }\r\n if (rowData.specValue !== '') {\r\n smr.support_price_to_end_customer_MC = Number(smr.support_price_to_end_customer) - Number(smr.specValue);\r\n }\r\n }\r\n });\r\n }\r\n edChangeInPrice(rowData: any) {\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n if (rowData.directionOfChange === '1') {\r\n this.edChangeInPriceIncrease(rowData);\r\n } else {\r\n this.edChangeInPriceDecrease(rowData);\r\n }\r\n }\r\n });\r\n }\r\n\r\n edChangeInPriceIncrease(rowData: any) {\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n if (rowData.dpbValue !== '') {\r\n smr.distributor_price_from_basf_MC = Number(smr.distributor_price_from_basf) + Number(smr.dpbValue);\r\n }\r\n if (rowData.specValue !== '') {\r\n smr.support_price_to_end_customer_MC = Number(smr.support_price_to_end_customer) + Number(smr.specValue);\r\n }\r\n }\r\n });\r\n }\r\n\r\n edChangeInPriceDecrease(rowData: any) {\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n if (rowData.dpbValue !== '') {\r\n smr.distributor_price_from_basf_MC = Number(smr.distributor_price_from_basf) - Number(smr.dpbValue);\r\n }\r\n if (rowData.specValue !== '') {\r\n smr.support_price_to_end_customer_MC = Number(smr.support_price_to_end_customer) - Number(smr.specValue);\r\n }\r\n }\r\n });\r\n }\r\n\r\n calculateForEV(rowData) {\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n if (rowData.typeOfChange === '1') {\r\n this.changeInPercentage(rowData);\r\n } else {\r\n this.changeInPrice(rowData);\r\n }\r\n }\r\n });\r\n }\r\n\r\n changeInPercentage(rowData: any) {\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n if (rowData.directionOfChange === '1') {\r\n switch (smr.scopeOfChange) {\r\n case \"1\": smr.support_price_to_end_customer_MC = Number(smr.support_price_to_end_customer) + Number((Number(smr.discount) / 100) * Number(smr.support_price_to_end_customer)); smr.net_support_price_MC = Number(smr.net_support_price); break;\r\n case \"2\": smr.net_support_price_MC = Number(smr.net_support_price) + Number((Number(smr.discount) / 100) * Number(smr.net_support_price)); smr.support_price_to_end_customer_MC = Number(smr.support_price_to_end_customer); break;\r\n case \"3\": smr.support_price_to_end_customer_MC = Number(smr.support_price_to_end_customer) + Number((Number(smr.discount) / 100) * Number(smr.support_price_to_end_customer));\r\n smr.net_support_price_MC = Number(smr.net_support_price) + Number((Number(smr.discount) / 100) * Number(smr.net_support_price));\r\n break;\r\n default: break;\r\n }\r\n } else {\r\n switch (smr.scopeOfChange) {\r\n case \"1\": smr.support_price_to_end_customer_MC = Number(smr.support_price_to_end_customer) - Number((Number(smr.discount) / 100) * Number(smr.support_price_to_end_customer)); smr.net_support_price_MC = Number(smr.net_support_price); break;\r\n case \"2\": smr.net_support_price_MC = Number(smr.net_support_price) - Number((Number(smr.discount) / 100) * Number(smr.net_support_price)); smr.support_price_to_end_customer_MC = Number(smr.support_price_to_end_customer); break;\r\n case \"3\": smr.support_price_to_end_customer_MC = Number(smr.support_price_to_end_customer) - Number((Number(smr.discount) / 100) * Number(smr.support_price_to_end_customer));\r\n smr.net_support_price_MC = Number(smr.net_support_price) - Number((Number(smr.discount) / 100) * Number(smr.net_support_price));\r\n break;\r\n default: break;\r\n }\r\n }\r\n this.calculateEMEVEDPrices(smr);\r\n }\r\n });\r\n }\r\n\r\n changeInPrice(rowData: any) {\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n if (rowData.directionOfChange === '1') {\r\n switch (smr.scopeOfChange) {\r\n case \"1\": smr.support_price_to_end_customer_MC = Number(smr.support_price_to_end_customer) + Number(smr.discount); smr.net_support_price_MC = Number(smr.net_support_price); break;\r\n case \"2\": smr.net_support_price_MC = Number(smr.net_support_price) + Number(smr.discount); smr.support_price_to_end_customer_MC = Number(smr.support_price_to_end_customer); break;\r\n case \"3\": smr.support_price_to_end_customer_MC = Number(smr.support_price_to_end_customer) + Number(smr.discount);\r\n smr.net_support_price_MC = Number(smr.net_support_price) + Number(smr.discount); break;\r\n default: break;\r\n }\r\n } else {\r\n switch (smr.scopeOfChange) {\r\n case \"1\": smr.support_price_to_end_customer_MC = Number(smr.support_price_to_end_customer) - Number(smr.discount); smr.net_support_price_MC = Number(smr.net_support_price); break;\r\n case \"2\": smr.net_support_price_MC = Number(smr.net_support_price) - Number(smr.discount); smr.support_price_to_end_customer_MC = Number(smr.support_price_to_end_customer); break;\r\n case \"3\": smr.support_price_to_end_customer_MC = Number(smr.support_price_to_end_customer) - Number(smr.discount);\r\n smr.net_support_price_MC = Number(smr.net_support_price) - Number(smr.discount); break;\r\n default: break;\r\n }\r\n }\r\n this.calculateEMEVEDPrices(smr);\r\n }\r\n });\r\n }\r\n\r\n calculateForPM(rowData) {\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n if (rowData.typeOfChange === '1') {\r\n if (rowData.directionOfChange === '1') {\r\n smr.suggested_selling_price_MC = Number(smr.suggested_selling_price) + Number((Number(smr.discount) / 100) * Number(smr.suggested_selling_price));\r\n } else {\r\n smr.suggested_selling_price_MC = Number(smr.suggested_selling_price) - Number((Number(smr.discount) / 100) * Number(smr.suggested_selling_price));\r\n }\r\n } else {\r\n if (rowData.directionOfChange === '1') {\r\n smr.suggested_selling_price_MC = Number(smr.suggested_selling_price) + Number(smr.discount);\r\n } else {\r\n smr.suggested_selling_price_MC = Number(smr.suggested_selling_price) - Number(smr.discount);\r\n }\r\n }\r\n this.doPMCalculationsForPM(smr);\r\n }\r\n });\r\n }\r\n\r\n callProductPricingService(rowData) {\r\n this.spinner.show();\r\n this.prodData = [];\r\n let effective_date = moment(rowData['date']).format('yyyy-MM-DD');\r\n this._cupsService.getProductPricingRecord(3, rowData.article_number, rowData.distributor_sold_to_id, 0, 0, effective_date, rowData.sales_org_name, 0).subscribe(response => {\r\n if (!response['isError']) {\r\n this.apiResp = response;\r\n let receivedProduct = JSON.parse(JSON.stringify(this.apiResp.response));\r\n let currencyUnit = rowData.currency_unit;\r\n this.checkScale1Values(receivedProduct, currencyUnit);\r\n this.checkScale2Values(receivedProduct, currencyUnit);\r\n this.checkScale3Values(receivedProduct, currencyUnit);\r\n this.checkScale4Values(receivedProduct, currencyUnit);\r\n this.checkScale5Values(receivedProduct, currencyUnit);\r\n this.checkScale6Values(receivedProduct, currencyUnit);\r\n this.checkScale7Values(receivedProduct, currencyUnit);\r\n let rowObj = {\r\n data: this.prodData.find(p => p.prodQuantity === rowData.minimum_qty)\r\n }\r\n if (rowObj.data) {\r\n this.onProductSelect(rowObj, rowData);\r\n }\r\n this.spinner.hide();\r\n } else {\r\n this.spinner.hide();\r\n this._cupsService.displayToastr(response);\r\n }\r\n })\r\n }\r\n\r\n getEMPMHistory(rowData) {\r\n let requestId = this.selectedBusinessUnit === 3 ? rowData['pm_request_id'] : rowData['request_id'];\r\n this._cupsService.getEMPPMHistory(requestId, this.bu, this.isDistributor).subscribe(response => {\r\n this.spinner.hide();\r\n this.apiResp = response;\r\n if (!this.apiResp['isError']) {\r\n this.apiResp['historyData'].forEach(hd => {\r\n hd.type_of_change = (hd.type_of_change === 1) ? '%' : '$';\r\n hd.direction_of_change = (hd.direction_of_change === 1) ? 'Increase' : 'Decrease';\r\n hd.effective_date_of_change = moment(hd.effective_date_of_change).format('MM/DD/YYYY');\r\n hd.expiration_date = moment(hd.expiration_date).format('MM/DD/YYYY');\r\n })\r\n this.priceData = JSON.parse(JSON.stringify(this.apiResp['historyData']));\r\n this.priceData.forEach(pd => {\r\n pd.effectiveDate = moment(pd['effectiveDate']).format('MMMM Do YYYY');\r\n });\r\n this.getDistributorPrice(rowData['date'], rowData);\r\n }\r\n });\r\n }\r\n\r\n getDistributorPrice(date: any, rowData) {\r\n let foundPrices = [];\r\n if (this.priceData.length) {\r\n foundPrices = this.priceData.filter(pd => new Date(pd.effective_date_of_change).getTime() < new Date(date).getTime());\r\n foundPrices = foundPrices.filter(fp => moment(date).format(\"MM/DD/yyyy\") !== moment(fp['effective_date_of_change']).format(\"MM/DD/yyyy\"))\r\n this.massChangeExisting = false;\r\n if (this.selectedBusinessUnit === 3) {\r\n this.assignPM_MC_values(foundPrices, rowData);\r\n }\r\n if (this.selectedBusinessUnit === 1 || this.selectedBusinessUnit === 4) {\r\n this.assignEM_MC_values(foundPrices, rowData);\r\n }\r\n }\r\n }\r\n\r\n assignPM_MC_values(foundPrices, rowData) {\r\n if (foundPrices.length) {\r\n let minDate = foundPrices.reduce((a, b) => new Date(a.effective_date_of_change) > new Date(b.effective_date_of_change) ? a : b)\r\n if (new Date(rowData.date) === new Date(minDate['effective_date_of_change'])) {\r\n this.massChangeExisting = true;\r\n }\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n smr['suggested_selling_price'] = minDate['suggested_selling_price'];\r\n smr['suggested_selling_price_MC'] = minDate['suggested_selling_price'];\r\n smr['supported_buy_price'] = minDate['supported_buy_price'];\r\n smr['supported_buy_price_MC'] = minDate['supported_buy_price'];\r\n smr['rebate'] = minDate['rebate']\r\n smr['rebate_MC'] = minDate['rebate'];\r\n this.calculateForPM(smr);\r\n }\r\n });\r\n } else {\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n let fRequest = this.orgSelectedMassRows.find(orm => orm.cupReqId === rowData.cupReqId);\r\n smr['suggested_selling_price'] = fRequest['suggested_selling_price'];\r\n smr['suggested_selling_price_MC'] = fRequest['suggested_selling_price'];\r\n smr['supported_buy_price'] = fRequest['supported_buy_price'];\r\n smr['supported_buy_price_MC'] = fRequest['supported_buy_price'];\r\n smr['rebate'] = fRequest['rebate']\r\n smr['rebate_MC'] = fRequest['rebate'];\r\n this.calculateForPM(smr);\r\n }\r\n });\r\n }\r\n }\r\n\r\n assignEM_MC_values(foundPrices, rowData) {\r\n if (foundPrices.length) {\r\n let minDate = foundPrices.reduce((a, b) => new Date(a.created_date) > new Date(b.created_date) ? a : b)\r\n if (moment(rowData.date).format(\"MM/DD/yyyy\") === moment(minDate['effective_date_of_change']).format(\"MM/DD/yyyy\")) {\r\n this.massChangeExisting = true;\r\n }\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n smr['distributor_price_from_basf'] = minDate['distributor_price_from_basf'];\r\n smr['distributor_price_from_basf_MC'] = minDate['distributor_price_from_basf'];\r\n smr['support_price_to_end_customer'] = minDate['support_price_to_end_customer'];\r\n smr['support_price_to_end_customer_MC'] = minDate['support_price_to_end_customer'];\r\n smr['net_support_price'] = minDate['net_support_price']\r\n smr['net_support_price_MC'] = minDate['net_support_price'];\r\n smr['credit_back_amount'] = minDate['credit_back_amount']\r\n smr['credit_back_amount_MC'] = minDate['credit_back_amount'];\r\n this.calculateEMEVEDPrices(smr);\r\n }\r\n });\r\n }\r\n else {\r\n this.assignEM_MC_INIT_Values(rowData);\r\n }\r\n }\r\n\r\n assignEM_MC_INIT_Values(rowData) {\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n let fRequest = this.orgSelectedMassRows.find(orm => orm.cupReqId === rowData.cupReqId);\r\n smr['distributor_price_from_basf'] = fRequest['distributor_price_from_basf'];\r\n smr['distributor_price_from_basf_MC'] = fRequest['distributor_price_from_basf'];\r\n smr['support_price_to_end_customer'] = fRequest['support_price_to_end_customer'];\r\n smr['support_price_to_end_customer_MC'] = fRequest['support_price_to_end_customer'];\r\n smr['net_support_price'] = fRequest['net_support_price']\r\n smr['net_support_price_MC'] = fRequest['net_support_price'];\r\n smr['credit_back_amount'] = fRequest['credit_back_amount']\r\n smr['credit_back_amount_MC'] = fRequest['credit_back_amount'];\r\n this.calculateEMEVEDPrices(smr);\r\n }\r\n });\r\n }\r\n\r\n checkScale1Values(receivedProduct: any, currencyUnit) {\r\n if (receivedProduct['scale_rate1'] && receivedProduct['scale_quantity1']) {\r\n let prodObj = {\r\n prodId: 1,\r\n prodQuantity: receivedProduct['scale_quantity1'],\r\n prodLBPrice: receivedProduct['scale_rate1'],\r\n prodKGPrice: (2.2046 * Number(receivedProduct['scale_rate1'])).toFixed(2),\r\n prodCurrency: currencyUnit\r\n }\r\n this.isListPricebind = true;\r\n this.prodData.push(prodObj);\r\n }\r\n }\r\n\r\n checkScale2Values(receivedProduct: any, currencyUnit) {\r\n if (receivedProduct['scale_rate2'] && receivedProduct['scale_quantity2']) {\r\n let prodObj1 = {\r\n prodId: 2,\r\n prodQuantity: receivedProduct['scale_quantity2'],\r\n prodLBPrice: receivedProduct['scale_rate2'],\r\n prodKGPrice: (2.2046 * Number(receivedProduct['scale_rate2'])).toFixed(2),\r\n prodCurrency: currencyUnit\r\n }\r\n this.isListPricebind = true;\r\n this.prodData.push(prodObj1);\r\n }\r\n }\r\n\r\n checkScale3Values(receivedProduct: any, currencyUnit) {\r\n if (receivedProduct['scale_rate3'] && receivedProduct['scale_quantity3']) {\r\n let prodObj3 = {\r\n prodId: 3,\r\n prodQuantity: receivedProduct['scale_quantity3'],\r\n prodLBPrice: receivedProduct['scale_rate3'],\r\n prodKGPrice: (2.2046 * Number(receivedProduct['scale_rate3'])).toFixed(2),\r\n prodCurrency: currencyUnit\r\n }\r\n this.isListPricebind = true;\r\n this.prodData.push(prodObj3);\r\n }\r\n }\r\n\r\n checkScale4Values(receivedProduct: any, currencyUnit) {\r\n if (receivedProduct['scale_rate4'] && receivedProduct['scale_quantity4']) {\r\n let prodObj4 = {\r\n prodId: 4,\r\n prodQuantity: receivedProduct['scale_quantity4'],\r\n prodLBPrice: receivedProduct['scale_rate4'],\r\n prodKGPrice: (2.2046 * Number(receivedProduct['scale_rate4'])).toFixed(2),\r\n prodCurrency: currencyUnit\r\n }\r\n this.isListPricebind = true;\r\n this.prodData.push(prodObj4);\r\n }\r\n }\r\n\r\n checkScale5Values(receivedProduct: any, currencyUnit) {\r\n if (receivedProduct['scale_rate5'] && receivedProduct['scale_quantity5']) {\r\n let prodObj5 = {\r\n prodId: 5,\r\n prodQuantity: receivedProduct['scale_quantity5'],\r\n prodLBPrice: receivedProduct['scale_rate5'],\r\n prodKGPrice: (2.2046 * Number(receivedProduct['scale_rate5'])).toFixed(2),\r\n prodCurrency: currencyUnit\r\n }\r\n this.isListPricebind = true;\r\n this.prodData.push(prodObj5);\r\n }\r\n }\r\n\r\n checkScale6Values(receivedProduct: any, currencyUnit) {\r\n if (receivedProduct['scale_rate6'] && receivedProduct['scale_quantity6']) {\r\n let prodObj6 = {\r\n prodId: 6,\r\n prodQuantity: receivedProduct['scale_quantity6'],\r\n prodLBPrice: receivedProduct['scale_rate6'],\r\n prodKGPrice: (2.2046 * Number(receivedProduct['scale_rate6'])).toFixed(2),\r\n prodCurrency: currencyUnit\r\n }\r\n this.isListPricebind = true;\r\n this.prodData.push(prodObj6);\r\n }\r\n }\r\n\r\n checkScale7Values(receivedProduct: any, currencyUnit) {\r\n let prodObj7 = {\r\n prodId: 7,\r\n prodQuantity: 0,\r\n prodLBPrice: receivedProduct.list_Price,\r\n prodKGPrice: (2.2046 * Number(receivedProduct.list_Price)).toFixed(2),\r\n prodCurrency: currencyUnit\r\n }\r\n this.prodData.push(prodObj7);\r\n }\r\n\r\n onProductSelect(rowObj, rowData) {\r\n this.selectedMassRows.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n smr['minimum_qty'] = rowObj.data['prodQuantity'];\r\n smr['list_price_lb'] = rowObj.data['prodLBPrice'];\r\n smr['list_price_kg'] = rowObj.data['prodKGPrice'];\r\n smr['currency_unit'] = rowObj.data['prodCurrency'];\r\n }\r\n });\r\n this.doPMCalculationsForPM(rowData);\r\n }\r\n\r\n getDaysDiff(start_date, end_date, _date_format = 'YYYY-MM-DD') {\r\n let sDate = moment(start_date);\r\n let eDate = moment(end_date);\r\n return sDate.diff(eDate, 'days') + 1;\r\n }\r\n\r\n removeCup(rowData) {\r\n this.selectedMassRows = this.selectedMassRows.filter(smr => smr.cupReqId !== rowData.cupReqId);\r\n }\r\n\r\n getFilterObject(fullObj, key) {\r\n const uniqChk = [];\r\n let blanks = false;\r\n fullObj.filter((obj) => {\r\n if (!uniqChk.includes(obj[key])) {\r\n if (obj[key] !== null && obj[key] !== '')\r\n uniqChk.push(obj[key]);\r\n else if (!uniqChk.includes('Blanks')) {\r\n blanks = true;\r\n }\r\n }\r\n return obj;\r\n });\r\n const numericColumns = ['competitive_price', 'mileage_outbound', 'mileage_inbound', 'distributor_price_from_basf', 'support_price_to_end_customer', 'discount_percent', 'frieght_allowance', 'other_allowance', 'net_support_price', 'credit_back_amount'];\r\n const dateColumns = ['submission_date', 'expiration_date', 'effective_date'];\r\n if (dateColumns.includes(key)) {\r\n uniqChk.sort(function (a, b) {\r\n const aComps = a.split(\"/\");\r\n const bComps = b.split(\"/\");\r\n const aDate = new Date(aComps[2], aComps[0], aComps[1]);\r\n const bDate = new Date(bComps[2], bComps[0], bComps[1]);\r\n return aDate.getTime() - bDate.getTime();\r\n });\r\n }\r\n else if (numericColumns.includes(key)) {\r\n uniqChk.sort((a, b) => {\r\n return ((Number(a) < Number(b)) ? -1 : 1)\r\n });\r\n }\r\n else {\r\n uniqChk.sort();\r\n }\r\n if (blanks) uniqChk.unshift('Blanks');\r\n return uniqChk;\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { CupsService } from 'src/services/cups.service';\r\n\r\n@Component({\r\n selector: 'app-login-test',\r\n templateUrl: './login-test.component.html',\r\n styleUrls: []\r\n})\r\nexport class LoginTestComponent implements OnInit {\r\n returnUrl: string;\r\n returnUrlpath: string;\r\n user = \"\";\r\n usersData: any;\r\n buUsersData: any;\r\n userId: any;\r\n tokenInfo: any;\r\n loginAudiInfo: any;\r\n constructor(private router: Router, private _service: CupsService, private spinner: NgxSpinnerService) {\r\n }\r\n\r\n ngOnInit() {\r\n //sessionStorage.clear();\r\n this.spinner.show();\r\n this._service.getUsers().subscribe(response => {\r\n if (!response['isError']) {\r\n this.usersData = response['lstUsers'].filter(u => u.is_active);\r\n this.buUsersData = response['lstuserBu'];\r\n this.spinner.hide();\r\n } else {\r\n this.spinner.hide();\r\n this._service.displayToastr(response);\r\n }\r\n });\r\n }\r\n\r\n loginbtn() {\r\n this._service.getUserDetailsById(this.user).subscribe(response => {\r\n if (!response['isError']) {\r\n this.usersData = response['lstUsers'][0];\r\n if (this.usersData) {\r\n sessionStorage.setItem('loginuser', this.usersData.first_name);\r\n sessionStorage.setItem('loginuseremail', this.usersData.email);\r\n sessionStorage.setItem('jwtToken', btoa(this.usersData.email));\r\n sessionStorage.setItem('UserToken', this.usersData);\r\n //if (this.usersData.businessunit_id == 1 || this.usersData.businessunit_id == 4) {\r\n sessionStorage.setItem('SalesSupportDistributor', '0');\r\n //}\r\n this._service.sendAdminValue(this.usersData.is_admin);\r\n sessionStorage.setItem('userid', this.usersData.user_id);\r\n sessionStorage.setItem('isDistributor', this.usersData.is_distributor_user);\r\n sessionStorage.setItem('isSalesSupport', this.usersData.is_sales_support);\r\n if (this.usersData.is_distributor_user) {\r\n sessionStorage.setItem('IsAdmin', 'false');\r\n }\r\n else {\r\n sessionStorage.setItem('IsAdmin', this.usersData.is_admin);\r\n }\r\n sessionStorage.setItem('isSalesRep', this.usersData.is_sales_rep);\r\n this._service.sendDistributorValue(this.usersData.is_distributor_user);\r\n let sessionObject = {\r\n isAdmin: this.usersData.is_admin,\r\n isDistributor: this.usersData.is_distributor_user,\r\n loginUser: sessionStorage.getItem('loginuser') \r\n };\r\n this._service.sendSessionObject(sessionObject);\r\n\r\n switch (this.usersData.businessunit_id) {\r\n case 1: sessionStorage.setItem('BU', 'EM'); break;\r\n case 2: sessionStorage.setItem('BU', 'EV'); break;\r\n case 3: sessionStorage.setItem('BU', 'PM'); break;\r\n case 4: sessionStorage.setItem('BU', 'ED'); break;\r\n default: sessionStorage.setItem('BU', 'EM'); break;\r\n }\r\n this._service.sendSalesSupport(this.usersData.is_sales_support);\r\n this._service.sendSalesRep(this.usersData.is_sales_rep);\r\n this._service.sendBusinessUnit(sessionStorage.getItem('BU'));\r\n this._service.sendUserValue(sessionStorage.getItem('userid'));\r\n this.returnUrl = sessionStorage.getItem('returnUrl');\r\n if (this.returnUrl == undefined || this.returnUrl == '') {\r\n this.router.navigate(['/home']);\r\n }\r\n else {\r\n this.returnUrl = decodeURIComponent(this.returnUrl);\r\n this.returnUrlpath = sessionStorage.getItem('returnUrlpath');\r\n this.router.navigateByUrl(this.returnUrl);\r\n }\r\n } else {\r\n this.router.navigate(['error'])\r\n }\r\n } else {\r\n this._service.displayToastr(response);\r\n }\r\n });\r\n }\r\n}\r\n","export default \"body{\\r\\n font-family: 'Roboto', sans-serif;\\r\\n margin:0px !important;\\r\\n overflow: hidden;\\r\\n}\\r\\n.submit-btn {\\r\\n width: 150px;\\r\\n color: white;\\r\\n background-color: #0096d6;\\r\\n margin:10px;\\r\\n border-radius: 10px;\\r\\n}\\r\\n.add-btn{\\r\\n position: fixed;\\r\\n right: 25px;\\r\\n bottom: 20Px;\\r\\n}\\r\\n/** form **/\\r\\n.form-wraper{\\r\\n width: 100%;\\r\\n margin-top: 2%;\\r\\n}\\r\\n.form-container{\\r\\n width: 35%;\\r\\n margin: auto;\\r\\n padding-bottom: 24px !important;\\r\\n display: block;\\r\\n background: rgb(253, 253, 253);\\r\\n}\\r\\n.card {\\r\\n border-radius: 2px;\\r\\n box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);\\r\\n transition: all 0.3s cubic-bezier(.25,.8,.25,1);\\r\\n}\\r\\n/** form header **/\\r\\n.form-header{\\r\\n padding: 24px 0;\\r\\n text-align: center;\\r\\n}\\r\\n.form-title{\\r\\n text-align: center;\\r\\n font-weight: 200;\\r\\n font-size: 2.5em;\\r\\n}\\r\\n.main-lock-icon{\\r\\n /* width: 20%; */\\r\\n margin: 5px auto;\\r\\n display: block;\\r\\n}\\r\\n/** form body **/\\r\\n.form-body{\\r\\n padding: 0 24px;\\r\\n}\\r\\n.justifier {\\r\\n width: 100%;\\r\\n}\\r\\n.form-input{\\r\\n margin-top: 24px;\\r\\n}\\r\\n/** form footer **/\\r\\n.form-footer{\\r\\n padding: 24px;\\r\\n}\\r\\n.btn{\\r\\n display: block;\\r\\n width: 50%;\\r\\n /* padding: 5% !important;\\r\\n font-size: 1.5em;\\r\\n font-weight: 200;\\r\\n margin-top: 18px; */\\r\\n}\\r\\n.custom-btn{\\r\\n margin-bottom: 15px;\\r\\n background: #F3932C;\\r\\n color: #fff;\\r\\n}\\r\\n.google-icon{\\r\\n width: 6%;\\r\\n}\\r\\n.txt{\\r\\n text-align: center;\\r\\n color: #333;\\r\\n margin: 10px auto !important;\\r\\n}\\r\\n.additional-link{\\r\\n padding: 10px auto;\\r\\n text-align: center;\\r\\n}\\r\\na{\\r\\n text-decoration: none;\\r\\n color: rgb(42, 125, 219);\\r\\n}\\r\\n/*\\r\\n ##Device = Desktops\\r\\n ##Screen = 1281px to higher resolution desktops\\r\\n*/\\r\\n/* @media (min-width: 1281px) {\\r\\n\\r\\n} */\\r\\n/* \\r\\n ##Device = Laptops, Desktops\\r\\n ##Screen = B/w 1025px to 1280px\\r\\n */\\r\\n/* @media (min-width: 1025px) and (max-width: 1280px) {\\r\\n\\r\\n } */\\r\\n/* \\r\\n ##Device = Tablets, Ipads (portrait)\\r\\n ##Screen = B/w 768px to 1024px\\r\\n */\\r\\n@media (min-width: 768px) and (max-width: 1024px) {\\r\\n .form-container{\\r\\n width: 95%;\\r\\n margin: auto;\\r\\n padding-bottom: 24px !important;\\r\\n display: block;\\r\\n background: rgb(253, 253, 253);\\r\\n }\\r\\n .btn{\\r\\n font-size: 1em;\\r\\n }\\r\\n }\\r\\n/* \\r\\n ##Device = Tablets, Ipads (landscape)\\r\\n ##Screen = B/w 768px to 1024px\\r\\n */\\r\\n/* @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {\\r\\n\\r\\n } */\\r\\n/* \\r\\n ##Device = Low Resolution Tablets, Mobiles (Landscape)\\r\\n ##Screen = B/w 481px to 767px\\r\\n\\r\\n */\\r\\n@media (min-width: 481px) and (max-width: 767px) {\\r\\n .form-container{\\r\\n width: 95%;\\r\\n margin: auto;\\r\\n padding-bottom: 24px !important;\\r\\n display: block;\\r\\n background: rgb(253, 253, 253);\\r\\n }\\r\\n .btn{\\r\\n font-size: 1em;\\r\\n }\\r\\n }\\r\\n/* \\r\\n ##Device = Most of the Smartphones Mobiles (Portrait)\\r\\n ##Screen = B/w 320px to 479px\\r\\n \\r\\n */\\r\\n@media (min-width: 320px) and (max-width: 480px) {\\r\\n .form-container{\\r\\n width: 95%;\\r\\n margin: auto;\\r\\n padding-bottom: 24px !important;\\r\\n display: block;\\r\\n background: rgb(253, 253, 253);\\r\\n }\\r\\n .btn{\\r\\n font-size: 1em;\\r\\n }\\r\\n }\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9sb2dpbi9sb2dpbi5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0ksaUNBQWlDO0lBQ2pDLHFCQUFxQjtJQUNyQixnQkFBZ0I7QUFDcEI7QUFDQTtJQUNJLFlBQVk7SUFDWixZQUFZO0lBQ1oseUJBQXlCO0lBQ3pCLFdBQVc7SUFDWCxtQkFBbUI7QUFDdkI7QUFDQTtJQUNJLGVBQWU7SUFDZixXQUFXO0lBQ1gsWUFBWTtBQUNoQjtBQUVBLFdBQVc7QUFDWDtJQUNJLFdBQVc7SUFDWCxjQUFjO0FBQ2xCO0FBQ0E7SUFDSSxVQUFVO0lBQ1YsWUFBWTtJQUNaLCtCQUErQjtJQUMvQixjQUFjO0lBQ2QsOEJBQThCO0FBQ2xDO0FBQ0E7SUFDSSxrQkFBa0I7SUFDbEIsa0VBQWtFO0lBQ2xFLCtDQUErQztBQUNuRDtBQUVBLGtCQUFrQjtBQUNsQjtJQUNJLGVBQWU7SUFDZixrQkFBa0I7QUFDdEI7QUFDQTtJQUNJLGtCQUFrQjtJQUNsQixnQkFBZ0I7SUFDaEIsZ0JBQWdCO0FBQ3BCO0FBQ0E7SUFDSSxnQkFBZ0I7SUFDaEIsZ0JBQWdCO0lBQ2hCLGNBQWM7QUFDbEI7QUFFQSxnQkFBZ0I7QUFDaEI7SUFDSSxlQUFlO0FBQ25CO0FBQ0E7SUFDSSxXQUFXO0FBQ2Y7QUFDQTtJQUNJLGdCQUFnQjtBQUNwQjtBQUVBLGtCQUFrQjtBQUNsQjtJQUNJLGFBQWE7QUFDakI7QUFDQTtJQUNJLGNBQWM7SUFDZCxVQUFVO0lBQ1Y7Ozt1QkFHbUI7QUFDdkI7QUFDQTtJQUNJLG1CQUFtQjtJQUNuQixtQkFBbUI7SUFDbkIsV0FBVztBQUNmO0FBQ0E7SUFDSSxTQUFTO0FBQ2I7QUFDQTtJQUNJLGtCQUFrQjtJQUNsQixXQUFXO0lBQ1gsNEJBQTRCO0FBQ2hDO0FBQ0E7SUFDSSxrQkFBa0I7SUFDbEIsa0JBQWtCO0FBQ3RCO0FBQ0E7SUFDSSxxQkFBcUI7SUFDckIsd0JBQXdCO0FBQzVCO0FBRUE7OztDQUdDO0FBRUQ7O0dBRUc7QUFFRDs7O0VBR0E7QUFFQTs7TUFFSTtBQUVKOzs7R0FHQztBQUVEO0lBQ0U7UUFDSSxVQUFVO1FBQ1YsWUFBWTtRQUNaLCtCQUErQjtRQUMvQixjQUFjO1FBQ2QsOEJBQThCO0lBQ2xDO0lBQ0E7UUFDSSxjQUFjO0lBQ2xCO0VBQ0Y7QUFFQTs7O0VBR0E7QUFFQTs7TUFFSTtBQUVKOzs7O0lBSUU7QUFDRjtJQUNFO1FBQ0ksVUFBVTtRQUNWLFlBQVk7UUFDWiwrQkFBK0I7UUFDL0IsY0FBYztRQUNkLDhCQUE4QjtJQUNsQztJQUNBO1FBQ0ksY0FBYztJQUNsQjtFQUNGO0FBRUE7Ozs7R0FJQztBQUNEO0lBQ0U7UUFDSSxVQUFVO1FBQ1YsWUFBWTtRQUNaLCtCQUErQjtRQUMvQixjQUFjO1FBQ2QsOEJBQThCO0lBQ2xDO0lBQ0E7UUFDSSxjQUFjO0lBQ2xCO0VBQ0YiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL2xvZ2luL2xvZ2luLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJib2R5e1xyXG4gICAgZm9udC1mYW1pbHk6ICdSb2JvdG8nLCBzYW5zLXNlcmlmO1xyXG4gICAgbWFyZ2luOjBweCAhaW1wb3J0YW50O1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxufVxyXG4uc3VibWl0LWJ0biB7XHJcbiAgICB3aWR0aDogMTUwcHg7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA5NmQ2O1xyXG4gICAgbWFyZ2luOjEwcHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xyXG59XHJcbi5hZGQtYnRue1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgcmlnaHQ6IDI1cHg7XHJcbiAgICBib3R0b206IDIwUHg7XHJcbn1cclxuXHJcbi8qKiBmb3JtICoqL1xyXG4uZm9ybS13cmFwZXJ7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIG1hcmdpbi10b3A6IDIlO1xyXG59XHJcbi5mb3JtLWNvbnRhaW5lcntcclxuICAgIHdpZHRoOiAzNSU7XHJcbiAgICBtYXJnaW46IGF1dG87XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogMjRweCAhaW1wb3J0YW50O1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICBiYWNrZ3JvdW5kOiByZ2IoMjUzLCAyNTMsIDI1Myk7XHJcbn1cclxuLmNhcmQge1xyXG4gICAgYm9yZGVyLXJhZGl1czogMnB4O1xyXG4gICAgYm94LXNoYWRvdzogMCAxcHggM3B4IHJnYmEoMCwwLDAsMC4xMiksIDAgMXB4IDJweCByZ2JhKDAsMCwwLDAuMjQpO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIDAuM3MgY3ViaWMtYmV6aWVyKC4yNSwuOCwuMjUsMSk7XHJcbn1cclxuXHJcbi8qKiBmb3JtIGhlYWRlciAqKi9cclxuLmZvcm0taGVhZGVye1xyXG4gICAgcGFkZGluZzogMjRweCAwO1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG59XHJcbi5mb3JtLXRpdGxle1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgZm9udC13ZWlnaHQ6IDIwMDtcclxuICAgIGZvbnQtc2l6ZTogMi41ZW07XHJcbn1cclxuLm1haW4tbG9jay1pY29ue1xyXG4gICAgLyogd2lkdGg6IDIwJTsgKi9cclxuICAgIG1hcmdpbjogNXB4IGF1dG87XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxufVxyXG5cclxuLyoqIGZvcm0gYm9keSAqKi9cclxuLmZvcm0tYm9keXtcclxuICAgIHBhZGRpbmc6IDAgMjRweDtcclxufVxyXG4uanVzdGlmaWVyIHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG59XHJcbi5mb3JtLWlucHV0e1xyXG4gICAgbWFyZ2luLXRvcDogMjRweDtcclxufVxyXG5cclxuLyoqIGZvcm0gZm9vdGVyICoqL1xyXG4uZm9ybS1mb290ZXJ7XHJcbiAgICBwYWRkaW5nOiAyNHB4O1xyXG59XHJcbi5idG57XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxuICAgIHdpZHRoOiA1MCU7XHJcbiAgICAvKiBwYWRkaW5nOiA1JSAhaW1wb3J0YW50O1xyXG4gICAgZm9udC1zaXplOiAxLjVlbTtcclxuICAgIGZvbnQtd2VpZ2h0OiAyMDA7XHJcbiAgICBtYXJnaW4tdG9wOiAxOHB4OyAqL1xyXG59XHJcbi5jdXN0b20tYnRue1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMTVweDtcclxuICAgIGJhY2tncm91bmQ6ICNGMzkzMkM7XHJcbiAgICBjb2xvcjogI2ZmZjtcclxufVxyXG4uZ29vZ2xlLWljb257XHJcbiAgICB3aWR0aDogNiU7XHJcbn1cclxuLnR4dHtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIGNvbG9yOiAjMzMzO1xyXG4gICAgbWFyZ2luOiAxMHB4IGF1dG8gIWltcG9ydGFudDtcclxufVxyXG4uYWRkaXRpb25hbC1saW5re1xyXG4gICAgcGFkZGluZzogMTBweCBhdXRvO1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG59XHJcbmF7XHJcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XHJcbiAgICBjb2xvcjogcmdiKDQyLCAxMjUsIDIxOSk7XHJcbn1cclxuXHJcbi8qXHJcbiAgIyNEZXZpY2UgPSBEZXNrdG9wc1xyXG4gICMjU2NyZWVuID0gMTI4MXB4IHRvIGhpZ2hlciByZXNvbHV0aW9uIGRlc2t0b3BzXHJcbiovXHJcblxyXG4vKiBAbWVkaWEgKG1pbi13aWR0aDogMTI4MXB4KSB7XHJcblxyXG59ICovXHJcbiAgXHJcbiAgLyogXHJcbiAgICAjI0RldmljZSA9IExhcHRvcHMsIERlc2t0b3BzXHJcbiAgICAjI1NjcmVlbiA9IEIvdyAxMDI1cHggdG8gMTI4MHB4XHJcbiAqL1xyXG4gIFxyXG4gIC8qIEBtZWRpYSAobWluLXdpZHRoOiAxMDI1cHgpIGFuZCAobWF4LXdpZHRoOiAxMjgwcHgpIHtcclxuXHJcbiAgfSAgKi9cclxuICBcclxuICAvKiBcclxuICAgICMjRGV2aWNlID0gVGFibGV0cywgSXBhZHMgKHBvcnRyYWl0KVxyXG4gICAgIyNTY3JlZW4gPSBCL3cgNzY4cHggdG8gMTAyNHB4XHJcbiAgKi9cclxuICBcclxuICBAbWVkaWEgKG1pbi13aWR0aDogNzY4cHgpIGFuZCAobWF4LXdpZHRoOiAxMDI0cHgpIHtcclxuICAgIC5mb3JtLWNvbnRhaW5lcntcclxuICAgICAgICB3aWR0aDogOTUlO1xyXG4gICAgICAgIG1hcmdpbjogYXV0bztcclxuICAgICAgICBwYWRkaW5nLWJvdHRvbTogMjRweCAhaW1wb3J0YW50O1xyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICAgIGJhY2tncm91bmQ6IHJnYigyNTMsIDI1MywgMjUzKTtcclxuICAgIH1cclxuICAgIC5idG57XHJcbiAgICAgICAgZm9udC1zaXplOiAxZW07XHJcbiAgICB9XHJcbiAgfVxyXG4gIFxyXG4gIC8qIFxyXG4gICAgIyNEZXZpY2UgPSBUYWJsZXRzLCBJcGFkcyAobGFuZHNjYXBlKVxyXG4gICAgIyNTY3JlZW4gPSBCL3cgNzY4cHggdG8gMTAyNHB4XHJcbiAqL1xyXG4gIFxyXG4gIC8qIEBtZWRpYSAobWluLXdpZHRoOiA3NjhweCkgYW5kIChtYXgtd2lkdGg6IDEwMjRweCkgYW5kIChvcmllbnRhdGlvbjogbGFuZHNjYXBlKSB7XHJcblxyXG4gIH0gICovXHJcbiAgXHJcbiAgLyogXHJcbiAgICAjI0RldmljZSA9IExvdyBSZXNvbHV0aW9uIFRhYmxldHMsIE1vYmlsZXMgKExhbmRzY2FwZSlcclxuICAgICMjU2NyZWVuID0gQi93IDQ4MXB4IHRvIDc2N3B4XHJcblxyXG4gICAqL1xyXG4gIEBtZWRpYSAobWluLXdpZHRoOiA0ODFweCkgYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7XHJcbiAgICAuZm9ybS1jb250YWluZXJ7XHJcbiAgICAgICAgd2lkdGg6IDk1JTtcclxuICAgICAgICBtYXJnaW46IGF1dG87XHJcbiAgICAgICAgcGFkZGluZy1ib3R0b206IDI0cHggIWltcG9ydGFudDtcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICBiYWNrZ3JvdW5kOiByZ2IoMjUzLCAyNTMsIDI1Myk7XHJcbiAgICB9XHJcbiAgICAuYnRue1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMWVtO1xyXG4gICAgfVxyXG4gIH0gXHJcbiAgXHJcbiAgLyogXHJcbiAgICAjI0RldmljZSA9IE1vc3Qgb2YgdGhlIFNtYXJ0cGhvbmVzIE1vYmlsZXMgKFBvcnRyYWl0KVxyXG4gICAgIyNTY3JlZW4gPSBCL3cgMzIwcHggdG8gNDc5cHhcclxuICBcclxuICAqL1xyXG4gIEBtZWRpYSAobWluLXdpZHRoOiAzMjBweCkgYW5kIChtYXgtd2lkdGg6IDQ4MHB4KSB7XHJcbiAgICAuZm9ybS1jb250YWluZXJ7XHJcbiAgICAgICAgd2lkdGg6IDk1JTtcclxuICAgICAgICBtYXJnaW46IGF1dG87XHJcbiAgICAgICAgcGFkZGluZy1ib3R0b206IDI0cHggIWltcG9ydGFudDtcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICBiYWNrZ3JvdW5kOiByZ2IoMjUzLCAyNTMsIDI1Myk7XHJcbiAgICB9XHJcbiAgICAuYnRue1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMWVtO1xyXG4gICAgfVxyXG4gIH0iXX0= */\"","import { Component, OnInit } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\n\r\n@Component({\r\n selector: 'app-login',\r\n templateUrl: './login.component.html',\r\n styleUrls: ['./login.component.css']\r\n})\r\nexport class LoginComponent implements OnInit {\r\n form: FormGroup;\r\n submitted = false;\r\n islogin: boolean = false;\r\n username: string;\r\n\r\n adminAccess: boolean = false;\r\n loginvalue: string;\r\n responsefromJWT: any;\r\n expireDate: Date;\r\n logout: any;\r\n params: { Username: string; Email: string; IsAdmin: string; userid:number};\r\n\r\n ngOnInit() {\r\n if (sessionStorage.getItem(\"logout\") != undefined) {\r\n this.logout = JSON.parse(sessionStorage.getItem(\"logout\"))\r\n }\r\n }\r\n \r\n}\r\n","export default \".header-label {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n}\\r\\n.cust-form-label {\\r\\n font-size: 14px !important;\\r\\n margin-bottom: 0px !important;\\r\\n display: block;\\r\\n}\\r\\n.cancel-btn {\\r\\n width: 150px;\\r\\n color: white;\\r\\n background-color: #4f4f4f;\\r\\n margin:10px;\\r\\n border-radius: 5px !important;\\r\\n}\\r\\n.submit-btn {\\r\\n width: 150px;\\r\\n color: white;\\r\\n background-color: #0096d6;\\r\\n margin:10px;\\r\\n border-radius: 5px !important;\\r\\n}\\r\\n.reject-btn {\\r\\n width: 150px;\\r\\n color: white;\\r\\n background-color: grey;\\r\\n margin:10px;\\r\\n border-radius: 5px !important;\\r\\n}\\r\\nsmall {\\r\\n font-weight: 600 !important;\\r\\n}\\r\\n.cust-form-group {\\r\\n justify-content: end;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n}\\r\\n#pmCupsRequestForm .ui-dropdown {\\r\\n width: 100% !important;\\r\\n border: 1px solid black !important;\\r\\n}\\r\\n#pmProductsList .ui-table .ui-table-thead>tr>th {\\r\\n background-color: #4f4f4f;\\r\\n color:white;\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n padding: 3px;\\r\\n text-align: center;\\r\\n border: 1px solid #e1f0ff;\\r\\n}\\r\\n#pmProductsList .ui-table .ui-table-thead>tr>th>div {\\r\\n word-break: break-all;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n}\\r\\n#pmProductsList .ui-table .ui-table-tbody>tr>td {\\r\\n font-size: 14px;\\r\\n word-break: break-all;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n padding: 2px 2px;\\r\\n background-color: #4f4f4f;\\r\\n color: black;\\r\\n font-weight: 500;\\r\\n /* border: 1px solid #4f4f4f !important; */\\r\\n text-overflow: ellipsis;\\r\\n vertical-align: top !important;\\r\\n}\\r\\n#pmProductsList .ui-table .ui-table-tbody>tr>td>p {\\r\\n background-color: white;\\r\\n padding: 5px 10px;\\r\\n}\\r\\n#pmProductsList .ui-table .ui-table-tbody>tr>td:first-child {\\r\\n text-align: center;\\r\\n padding: 5px;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9wbS1jdXBzLXJlcXVlc3QvcG0tY3Vwcy1yZXF1ZXN0LmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxlQUFlO0lBQ2YsZ0JBQWdCO0FBQ3BCO0FBQ0E7SUFDSSwwQkFBMEI7SUFDMUIsNkJBQTZCO0lBQzdCLGNBQWM7QUFDbEI7QUFDQTtJQUNJLFlBQVk7SUFDWixZQUFZO0lBQ1oseUJBQXlCO0lBQ3pCLFdBQVc7SUFDWCw2QkFBNkI7QUFDakM7QUFDQTtJQUNJLFlBQVk7SUFDWixZQUFZO0lBQ1oseUJBQXlCO0lBQ3pCLFdBQVc7SUFDWCw2QkFBNkI7QUFDakM7QUFDQTtJQUNJLFlBQVk7SUFDWixZQUFZO0lBQ1osc0JBQXNCO0lBQ3RCLFdBQVc7SUFDWCw2QkFBNkI7QUFDakM7QUFDQTtJQUNJLDJCQUEyQjtBQUMvQjtBQUNBO0lBQ0ksb0JBQW9CO0lBQ3BCLGFBQWE7SUFDYixzQkFBc0I7QUFDMUI7QUFDQTtJQUNJLHNCQUFzQjtJQUN0QixrQ0FBa0M7QUFDdEM7QUFFQTtJQUNJLHlCQUF5QjtJQUN6QixXQUFXO0lBQ1gsZUFBZTtJQUNmLGdCQUFnQjtJQUNoQixZQUFZO0lBQ1osa0JBQWtCO0lBQ2xCLHlCQUF5QjtBQUM3QjtBQUVBO0lBQ0kscUJBQXFCO0lBQ3JCLG1CQUFtQjtJQUNuQixnQkFBZ0I7SUFDaEIsdUJBQXVCO0FBQzNCO0FBQ0E7SUFDSSxlQUFlO0lBQ2YscUJBQXFCO0lBQ3JCLG1CQUFtQjtJQUNuQixnQkFBZ0I7SUFDaEIsZ0JBQWdCO0lBQ2hCLHlCQUF5QjtJQUN6QixZQUFZO0lBQ1osZ0JBQWdCO0lBQ2hCLDBDQUEwQztJQUMxQyx1QkFBdUI7SUFDdkIsOEJBQThCO0FBQ2xDO0FBQ0E7SUFDSSx1QkFBdUI7SUFDdkIsaUJBQWlCO0FBQ3JCO0FBQ0E7SUFDSSxrQkFBa0I7SUFDbEIsWUFBWTtBQUNoQiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvcG0tY3Vwcy1yZXF1ZXN0L3BtLWN1cHMtcmVxdWVzdC5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmhlYWRlci1sYWJlbCB7XHJcbiAgICBmb250LXNpemU6IDIwcHg7XHJcbiAgICBmb250LXdlaWdodDogNjAwO1xyXG59XHJcbi5jdXN0LWZvcm0tbGFiZWwge1xyXG4gICAgZm9udC1zaXplOiAxNHB4ICFpbXBvcnRhbnQ7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwcHggIWltcG9ydGFudDtcclxuICAgIGRpc3BsYXk6IGJsb2NrO1xyXG59XHJcbi5jYW5jZWwtYnRuIHtcclxuICAgIHdpZHRoOiAxNTBweDtcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICM0ZjRmNGY7XHJcbiAgICBtYXJnaW46MTBweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweCAhaW1wb3J0YW50O1xyXG59XHJcbi5zdWJtaXQtYnRuIHtcclxuICAgIHdpZHRoOiAxNTBweDtcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDk2ZDY7XHJcbiAgICBtYXJnaW46MTBweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweCAhaW1wb3J0YW50O1xyXG59XHJcbi5yZWplY3QtYnRuIHtcclxuICAgIHdpZHRoOiAxNTBweDtcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IGdyZXk7XHJcbiAgICBtYXJnaW46MTBweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweCAhaW1wb3J0YW50O1xyXG59XHJcbnNtYWxsIHtcclxuICAgIGZvbnQtd2VpZ2h0OiA2MDAgIWltcG9ydGFudDtcclxufVxyXG4uY3VzdC1mb3JtLWdyb3VwIHtcclxuICAgIGp1c3RpZnktY29udGVudDogZW5kO1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbn1cclxuI3BtQ3Vwc1JlcXVlc3RGb3JtIC51aS1kcm9wZG93biB7XHJcbiAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgYmxhY2sgIWltcG9ydGFudDtcclxufVxyXG5cclxuI3BtUHJvZHVjdHNMaXN0IC51aS10YWJsZSAudWktdGFibGUtdGhlYWQ+dHI+dGgge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzRmNGY0ZjtcclxuICAgIGNvbG9yOndoaXRlO1xyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcclxuICAgIHBhZGRpbmc6IDNweDtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkICNlMWYwZmY7XHJcbn1cclxuXHJcbiNwbVByb2R1Y3RzTGlzdCAudWktdGFibGUgLnVpLXRhYmxlLXRoZWFkPnRyPnRoPmRpdiB7XHJcbiAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XHJcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xyXG59XHJcbiNwbVByb2R1Y3RzTGlzdCAudWktdGFibGUgLnVpLXRhYmxlLXRib2R5PnRyPnRkIHtcclxuICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgIHdvcmQtYnJlYWs6IGJyZWFrLWFsbDtcclxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XHJcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgcGFkZGluZzogMnB4IDJweDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICM0ZjRmNGY7XHJcbiAgICBjb2xvcjogYmxhY2s7XHJcbiAgICBmb250LXdlaWdodDogNTAwO1xyXG4gICAgLyogYm9yZGVyOiAxcHggc29saWQgIzRmNGY0ZiAhaW1wb3J0YW50OyAqL1xyXG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XHJcbiAgICB2ZXJ0aWNhbC1hbGlnbjogdG9wICFpbXBvcnRhbnQ7XHJcbn1cclxuI3BtUHJvZHVjdHNMaXN0IC51aS10YWJsZSAudWktdGFibGUtdGJvZHk+dHI+dGQ+cCB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuICAgIHBhZGRpbmc6IDVweCAxMHB4O1xyXG59XHJcbiNwbVByb2R1Y3RzTGlzdCAudWktdGFibGUgLnVpLXRhYmxlLXRib2R5PnRyPnRkOmZpcnN0LWNoaWxkIHtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIHBhZGRpbmc6IDVweDtcclxufSJdfQ== */\"","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { CupsService } from 'src/services/cups.service';\r\nimport * as moment from 'moment'\r\n\r\n@Component({\r\n selector: 'app-pm-cups-request',\r\n templateUrl: './pm-cups-request.component.html',\r\n styleUrls: ['./pm-cups-request.component.css'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class PmCupsRequestComponent implements OnInit {\r\n formData = {};\r\n workFlowResp: any = {};\r\n requestAPI = {\r\n \"pm_request_id\": 0,\r\n \"submission_date\": \"2021-11-25T02:08:07.639Z\",\r\n \"status_id\": 0,\r\n \"sales_org\": 0,\r\n \"effective_date\": \"2021-11-25T02:08:07.639Z\",\r\n \"expiration_date\": \"2021-11-25T02:08:07.639Z\",\r\n \"author_comments\": \"\",\r\n \"distributor_id\": 0,\r\n \"product_id\": 0,\r\n \"article_number\": \"\",\r\n \"sbu\": 0,\r\n \"minimum_qty\": 0,\r\n \"list_price_lb\": 0,\r\n \"list_price_kg\": 0,\r\n \"currency_unit\": \"\",\r\n \"minimum_order_qty\": 0,\r\n \"estimated_annual_volume\": 0,\r\n \"selling_margin\": 0,\r\n \"suggested_selling_price\": 0,\r\n \"supported_buy_price\": 0,\r\n \"sell_price_UOM_id\": 0,\r\n \"rebate\": 0,\r\n \"freight_added\": \"\",\r\n \"account\": 0,\r\n \"customer_state\": \"\",\r\n \"customer_city\": \"\",\r\n \"oem\": \"\",\r\n \"tier\": \"\",\r\n \"end_use\": \"\",\r\n \"industry\": 0,\r\n \"segment\": 0,\r\n \"application\": \"\",\r\n \"application_comment\": \"\",\r\n \"s1_code\": \"\",\r\n \"competitive_grade\": \"\",\r\n \"competitive_supplier\": \"\",\r\n \"created_by\": \"\",\r\n \"sales_rep_email_id\": 0,\r\n \"is_account_manager\": false,\r\n \"internal_comments\": '',\r\n \"external_comments\": '',\r\n 'is_internal_user': false,\r\n 'distributor_sales_rep_id': 0\r\n }\r\n newCustomer = {\r\n customer_id: 0,\r\n customer_name: '',\r\n address: '',\r\n city: '',\r\n state: '',\r\n zip_code: '',\r\n created_by: '',\r\n customer_region: '',\r\n businessunit_id: 0,\r\n distributor_sold_to_id: 0\r\n };\r\n orgRowData: any;\r\n rowData: any;\r\n businessChannelDD: any;\r\n selectedBusinessChannel: any\r\n distributorsDD: any;\r\n distributorData: any;\r\n selectedDistributor: any;\r\n productsDD: any;\r\n productsData: any;\r\n selectedProduct: any;\r\n productDetails: any;\r\n salesOrg: any;\r\n masterApiResp;\r\n requestMasterApiResp: any;\r\n sellPriceUOMType: any;\r\n selectedSellPriceUOM: any;\r\n selectedCustomer: any;\r\n customersDD: any;\r\n industryDD: any;\r\n selectedIndustry: any;\r\n segmentDD: any;\r\n selectedSegment: any;\r\n endUseDD: any;\r\n selectedEndUse: any;\r\n applicationDD: any;\r\n selectedApplication: any;\r\n formMode = \"New\";\r\n basfSalesRepDD: any;\r\n selectedSalesRep: any;\r\n cupRequestDetails: any;\r\n apiResp: any;\r\n soldToDD: any;\r\n selectedSoldTo: any;\r\n businessName: any;\r\n type: any;\r\n isAccountManager: boolean = false;\r\n userId: any;\r\n displayRefNumber: boolean = false;\r\n selectedMinimumOrderQty: any;\r\n minimumOrderQuantityDD: any;\r\n s1Code = \"\";\r\n prodCols = [];\r\n prodData = [];\r\n selectedProdItem: any;\r\n isListPricebind: boolean = false;\r\n s1CodeDD: any;\r\n selectedS1Code: any;\r\n displayDistributorSalesRep: boolean = false;\r\n distSalesRepDD: any;\r\n selectedDistSalesRep: any;\r\n isUpdateCustomer: boolean = false;\r\n cityDD: any;\r\n stateDD: any;\r\n selectedCity: any;\r\n selectedState: any;\r\n displayCustomerPopUp: boolean = false;\r\n selectedRegion: any;\r\n userAdmin: any;\r\n newComments: string;\r\n showCommentsPopup: boolean = false;\r\n isDistributor: boolean = false;\r\n\r\n constructor(private router: Router, private _service: CupsService, private spinner: NgxSpinnerService, private toastr: ToastrService) { }\r\n\r\n ngOnInit() {\r\n this.userId = sessionStorage.getItem('userid');\r\n this.isDistributor = (sessionStorage.getItem('isDistributor') === \"1\" || sessionStorage.getItem('isDistributor') === \"true\") ? true : false;\r\n this.displayDistributorSalesRep = (sessionStorage.getItem('isSalesRep') === \"1\" || sessionStorage.getItem('isSalesRep') === \"true\") ? true : false;\r\n if (!history.state.data) {\r\n this.router.navigate(['/home']);\r\n }\r\n else {\r\n this.type = history.state.data.type;\r\n if (history.state.data.type !== 'New') {\r\n this.callCupsRequestService();\r\n } else {\r\n this.getSoldToData();\r\n }\r\n this.formData['createdDate'] = moment(new Date()).format('L');\r\n this.formData['expirationDate'] = \"\";\r\n this.formData['status_id'] = 0;\r\n }\r\n }\r\n\r\n getWorkFlowUpdates(statusId) {\r\n if (this.isAccountManager) {\r\n this.spinner.show();\r\n this._service.getWorkFlowUpdateDetails(this.userId, this.formData['pm_request_id'], 3, false).subscribe(response => {\r\n this.apiResp = response;\r\n if (this.apiResp['authorized'] && !this.apiResp['isError'] && this.apiResp['response'].length > 0) {\r\n this.workFlowResp = this.apiResp.response[0];\r\n this.workFlowResp[\"work_flow_status_id\"] = statusId;\r\n this.workFlowResp['cup_request_no'] = this.cupRequestDetails['request_reference_number'];\r\n this.workFlowResp['approvar_comments'] = '';\r\n this.workFlowResp['businesunit_id'] = 3;\r\n this.workFlowResp['request_id'] = this.formData['pm_request_id'];\r\n this.workFlowResp['modified_by'] = Number(sessionStorage.getItem('userid'));\r\n this.updateWorkFlowStatus();\r\n } else if (this.apiResp['authorized'] && this.apiResp['isError']) {\r\n this._service.displayToastr(response);\r\n } else if (!this.apiResp['authorized'] && this.apiResp['isError']) {\r\n this._service.displayToastr(response);\r\n } else {\r\n console.log(\"No workflow updates found\");\r\n }\r\n this.spinner.hide();\r\n })\r\n }\r\n }\r\n\r\n generateRequest(statusId) {\r\n if (statusId == 3) {\r\n this.showCommentsPopup = true;\r\n //Calling Get work flow updates in the submitComments after the successful API call back\r\n }\r\n else {\r\n\r\n this.getWorkFlowUpdates(statusId);\r\n\r\n }\r\n }\r\n\r\n updateWorkFlowStatus() {\r\n this.spinner.show();\r\n this._service.updateWorkFLowStatus(this.workFlowResp).subscribe((response) => {\r\n this.apiResp = response;\r\n if (!response['isError']) {\r\n this._service.displayToastr(response);\r\n this.router.navigate(['/home']);\r\n } else {\r\n this._service.displayToastr(response);\r\n }\r\n this.spinner.hide();\r\n })\r\n }\r\n\r\n submitComments(commentsType) {\r\n this.spinner.show();\r\n let currentDate = moment().format('MM/DD/yyyy');\r\n let commentsData = '';\r\n this.newComments = `${currentDate}: ${this.newComments} - by ${sessionStorage.getItem('loginuser')} ||`;\r\n if (commentsType === 'external') {\r\n const isEndWithSlash = this.formData['external_comments'].endsWith('||');\r\n const newC = isEndWithSlash ? this.newComments : ` || ${this.newComments}`\r\n commentsData = this.formData['external_comments'] != '' ? `${this.formData['external_comments']} ${newC}` : `${this.newComments}`;\r\n }\r\n let reqData = {\r\n \"request_id\": this.formData['pm_request_id'],\r\n \"businessunit_id\": 3,\r\n \"internal_comments\": commentsData,\r\n \"type_of_comment\": commentsType,\r\n \"updated_by\": Number(this.userId)\r\n }\r\n this._service.updateComments(reqData).subscribe(response => {\r\n\r\n this.close();\r\n this._service.displayToastr(response);\r\n this.getWorkFlowUpdates(3);\r\n //passing statusID as we come here at reject = 3 \r\n })\r\n }\r\n\r\n close() {\r\n this.newComments = ''\r\n this.showCommentsPopup = false;\r\n }\r\n\r\n callCupsRequestService() {\r\n this.orgRowData = history.state.data.rowData;\r\n this.spinner.show();\r\n this._service.getCUPRequestDetails(this.orgRowData.pm_request_id, 3).subscribe(response => {\r\n if (!response['isError']) {\r\n this.apiResp = response;\r\n this.cupRequestDetails = JSON.parse(JSON.stringify(this.apiResp.pmRequestSubmissionData[0]));\r\n this.formMode = 'Edit';\r\n if (this.type == 'edit') {\r\n this.displayRefNumber = true;\r\n if (sessionStorage.getItem('loginuseremail') == this.cupRequestDetails.sales_rep_email) {\r\n this.isAccountManager = true;\r\n }\r\n } else {\r\n this.displayRefNumber = false;\r\n this.formData['status_id'] = 0;\r\n this.formData['internal_comments'] = \"\";\r\n this.formData['external_comments'] = \"\";\r\n }\r\n this.generateFormData();\r\n this.userId = sessionStorage.getItem('userid');\r\n this.getSoldToData();\r\n this.spinner.hide();\r\n } else {\r\n this.spinner.hide();\r\n this._service.displayToastr(response);\r\n }\r\n })\r\n }\r\n\r\n getSoldToData() {\r\n this.spinner.show();\r\n let userId = (this.formMode === 'Edit') ? this.cupRequestDetails.created_by : this.userId;\r\n this.userAdmin = (sessionStorage.getItem('IsAdmin') === \"1\" || sessionStorage.getItem('IsAdmin') === \"true\") ? true : false;\r\n this.requestAPI.is_internal_user = !this.isDistributor;\r\n this._service.getSoldTo(userId, 3, this.userAdmin).subscribe((res: any) => {\r\n if (!res['isError']) {\r\n this.soldToDD = res.response;\r\n this.soldToDD.forEach(sd => {\r\n sd.soldToFullName = `${sd.sold_to_sap_id} - ${sd.distributor_sold_to_name}`;\r\n })\r\n if (this.formMode === 'Edit') {\r\n this.selectedSoldTo = this.soldToDD.find(ss => ss.distributor_sold_to_id === this.cupRequestDetails.distributor_sold_to_id);\r\n this.getDistributorDetails();\r\n }\r\n this.spinner.hide();\r\n } else {\r\n this.spinner.hide();\r\n this._service.displayToastr(res);\r\n }\r\n })\r\n }\r\n\r\n getDistributorDetails() {\r\n this.spinner.show();\r\n let userId = (this.formMode === 'Edit') ? this.cupRequestDetails.created_by : this.userId;\r\n this._service.getMasterData(userId, this.selectedSoldTo.distributor_sold_to_id, '3', this.selectedSoldTo.distributor_id, this.requestAPI.is_internal_user).subscribe(response => {\r\n if (!response['isError']) {\r\n this.masterApiResp = response;\r\n this.getDistributorData(this.masterApiResp);\r\n this.getProductsData(this.masterApiResp);\r\n this.getRequestMasterData(this.masterApiResp);\r\n this.getDistributorUsers(this.masterApiResp);\r\n this.getSalesRepDD();\r\n this.getS1CodeDD();\r\n this.generateCustomersData();\r\n this.spinner.hide();\r\n } else {\r\n this.spinner.hide();\r\n this._service.displayToastr(response);\r\n }\r\n },\r\n (error) => {\r\n console.log(\"error\", error.message);\r\n })\r\n }\r\n\r\n getDistributorUsers(masterJson) {\r\n this.distSalesRepDD = masterJson.distributorUsers;\r\n if (this.type === 'edit') {\r\n this.selectedDistSalesRep = this.distSalesRepDD.find(c => c.distributor_user_id === this.cupRequestDetails.distributor_sales_rep_id);\r\n } else {\r\n this.selectedDistSalesRep = this.distSalesRepDD.find(c => c.email === sessionStorage.getItem('loginuseremail'));\r\n }\r\n }\r\n\r\n generateCustomersData() {\r\n this.customersDD = this.getUniqueListBy(this.masterApiResp.customerData, 'customer_name');\r\n if (this.formMode === 'Edit') {\r\n this.selectedCustomer = this.masterApiResp.customerData.find(c => c.customer_id === this.cupRequestDetails.customer_id);\r\n if (this.selectedCustomer) {\r\n this.generateCustomerDetails();\r\n this.constructStateDropDown();\r\n this.selectedState = this.stateDD.find(sd => sd.customer_region === this.selectedCustomer.customer_region);\r\n this.constructCityDropDown();\r\n this.selectedCity = this.cityDD.find(cd => cd.city === this.selectedCustomer.city);\r\n this.formData['zip'] = this.selectedCity.zip_code;\r\n if (this.selectedCustomer['s1_code'] != '') {\r\n let selectedS1Code = this.s1CodeDD.find(b => b.s1_code === this.selectedCustomer['s1_code']);\r\n if (selectedS1Code) {\r\n this.selectedS1Code = selectedS1Code;\r\n }\r\n }\r\n }\r\n this.selectedCustomer = this.customersDD.find(c => c.customer_name === this.cupRequestDetails.account);\r\n }\r\n }\r\n\r\n getUniqueListBy(arr, key) {\r\n return [...new Map(arr.map(item => [item[key], item])).values()]\r\n }\r\n\r\n getDistributorData(masterJson) {\r\n this.distributorData = masterJson.requestDistributorDetails;\r\n this.selectedDistributor = this.distributorData[0];\r\n this.generateDistributorDetails();\r\n }\r\n\r\n getProductsData(masterJson) {\r\n this.productsData = masterJson.productsData;\r\n if (this.formMode === 'Edit') {\r\n this.selectedProduct = this.productsData.find(p => p.product_id === this.cupRequestDetails.product_id);\r\n if (this.selectedProduct) {\r\n this.getProductDetailsById();\r\n }\r\n }\r\n }\r\n\r\n getS1CodeDD() {\r\n this.s1CodeDD = this.masterApiResp.s1Code;\r\n }\r\n\r\n getSalesRepDD() {\r\n this.basfSalesRepDD = this.masterApiResp.salesRepEmailData;\r\n if (this.formMode === 'Edit') {\r\n this.selectedSalesRep = this.basfSalesRepDD.find(b => b.sales_rep_email_id === this.cupRequestDetails.sales_rep_email_id);\r\n if (this.selectedSalesRep) {\r\n this.generateSalesRepDetails();\r\n }\r\n }\r\n }\r\n\r\n generateSalesRepDetails() {\r\n this.formData['salesRep'] = this.selectedSalesRep.sales_rep_name;\r\n this.formData['salesRepEmail'] = this.selectedSalesRep.sales_rep_email;\r\n }\r\n\r\n getFormattedData(date) {\r\n return moment(date).format(\"yyyy-MM-DD\");\r\n }\r\n\r\n populateExpiryDate(date) {\r\n this.formData['expirationDate'] = moment(date).add(35, 'days').format('L');\r\n }\r\n\r\n getProductDetailsById() {\r\n this.productDetails = this.productsData.filter(p => p.product_id === this.selectedProduct.product_id);\r\n this.prodData = [];\r\n this.isListPricebind = false;\r\n this.constructProductCalls();\r\n if (!this.formData['effectiveDate'] && (this.type === 'edit' || this.type === 'New')) {\r\n this.toastr.error(\"Effective Date Required\");\r\n return false;\r\n } else {\r\n this.callProductPricingService();\r\n }\r\n }\r\n\r\n constructProductCalls() {\r\n this.prodCols = [\r\n {\r\n \"header_id\": 1,\r\n \"field\": \"prodQuantity\",\r\n \"header\": \"Minimum Quantity\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 1\r\n },\r\n {\r\n \"header_id\": 2,\r\n \"field\": \"prodLBPrice\",\r\n \"header\": \"List Price, LB\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 2\r\n },\r\n {\r\n \"header_id\": 3,\r\n \"field\": \"prodKGPrice\",\r\n \"header\": \"List Price, KG\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 3\r\n },\r\n {\r\n \"header_id\": 4,\r\n \"field\": \"prodCurrency\",\r\n \"header\": \"Currency Unit\",\r\n \"is_show\": true,\r\n \"is_editable\": false,\r\n \"serial_no\": 4\r\n }\r\n ];\r\n }\r\n\r\n callProductPricingService() {\r\n this.spinner.show();\r\n this.prodData = [];\r\n this.salesOrg = this.formData['salesOrg'];\r\n let effective_date = this.type === 'edit' ? moment(this.cupRequestDetails['effective_date']).format('yyyy-MM-DD') : moment(this.formData['effectiveDate']).format('yyyy-MM-DD');\r\n if (effective_date && this.productDetails) {\r\n this._service.getProductPricingRecord(3, this.productDetails[0].article_number, this.selectedSoldTo.distributor_sold_to_id, 0, 0, effective_date, this.salesOrg.toString(), 0).subscribe(response => {\r\n if (!response['isError']) {\r\n this.apiResp = response;\r\n let receivedProduct = JSON.parse(JSON.stringify(this.apiResp.response));\r\n let currencyUnit = this.productDetails[0].currency_unit;\r\n this.checkScale1Values(receivedProduct, currencyUnit);\r\n this.checkScale2Values(receivedProduct, currencyUnit);\r\n this.checkScale3Values(receivedProduct, currencyUnit);\r\n this.checkScale4Values(receivedProduct, currencyUnit);\r\n this.checkScale5Values(receivedProduct, currencyUnit);\r\n this.checkScale6Values(receivedProduct, currencyUnit);\r\n this.checkScale7Values(receivedProduct, currencyUnit);\r\n this.getProductDetails();\r\n this.getSelectedProdItem(receivedProduct);\r\n this.spinner.hide();\r\n } else {\r\n this.spinner.hide();\r\n this._service.displayToastr(response);\r\n }\r\n })\r\n }\r\n else {\r\n this.spinner.hide();\r\n }\r\n }\r\n\r\n getSelectedProdItem(receivedProduct: any) {\r\n if (this.formMode === 'Edit' && (receivedProduct['articleNumber'] === this.cupRequestDetails.article_number)) {\r\n let rowObj = {\r\n data: this.prodData.find(p => p.prodQuantity === this.cupRequestDetails.minimum_qty && p.prodLBPrice === this.cupRequestDetails.list_price_lb)\r\n }\r\n if (rowObj.data != undefined) {\r\n this.onProductSelect(rowObj);\r\n this.selectedProdItem = JSON.parse(JSON.stringify(rowObj.data));\r\n }\r\n } else {\r\n this.selectedProdItem = null;\r\n this.formData['suggestedSellPrice'] = \"\";\r\n this.formData['supportedBuyPrice'] = \"\";\r\n this.formData['rebate'] = \"\";\r\n this.formData['minimumQuantity'] = \"\";\r\n this.formData['lbListPrice'] = \"\";\r\n this.formData['kgListPrice'] = \"\";\r\n this.formData['currencyUnit'] = \"\";\r\n }\r\n }\r\n\r\n checkScale1Values(receivedProduct: any, currencyUnit) {\r\n if (receivedProduct['scale_rate1'] && receivedProduct['scale_quantity1']) {\r\n let prodObj = {\r\n prodId: 1,\r\n prodQuantity: receivedProduct['scale_quantity1'],\r\n prodLBPrice: receivedProduct['scale_rate1'],\r\n prodKGPrice: (2.2046 * Number(receivedProduct['scale_rate1'])).toFixed(2),\r\n prodCurrency: currencyUnit\r\n }\r\n this.isListPricebind = true;\r\n this.prodData.push(prodObj);\r\n }\r\n }\r\n\r\n checkScale2Values(receivedProduct: any, currencyUnit) {\r\n if (receivedProduct['scale_rate2'] && receivedProduct['scale_quantity2']) {\r\n let prodObj1 = {\r\n prodId: 2,\r\n prodQuantity: receivedProduct['scale_quantity2'],\r\n prodLBPrice: receivedProduct['scale_rate2'],\r\n prodKGPrice: (2.2046 * Number(receivedProduct['scale_rate2'])).toFixed(2),\r\n prodCurrency: currencyUnit\r\n }\r\n this.isListPricebind = true;\r\n this.prodData.push(prodObj1);\r\n }\r\n }\r\n\r\n checkScale3Values(receivedProduct: any, currencyUnit) {\r\n if (receivedProduct['scale_rate3'] && receivedProduct['scale_quantity3']) {\r\n let prodObj3 = {\r\n prodId: 3,\r\n prodQuantity: receivedProduct['scale_quantity3'],\r\n prodLBPrice: receivedProduct['scale_rate3'],\r\n prodKGPrice: (2.2046 * Number(receivedProduct['scale_rate3'])).toFixed(2),\r\n prodCurrency: currencyUnit\r\n }\r\n this.isListPricebind = true;\r\n this.prodData.push(prodObj3);\r\n }\r\n }\r\n\r\n checkScale4Values(receivedProduct: any, currencyUnit) {\r\n if (receivedProduct['scale_rate4'] && receivedProduct['scale_quantity4']) {\r\n let prodObj4 = {\r\n prodId: 4,\r\n prodQuantity: receivedProduct['scale_quantity4'],\r\n prodLBPrice: receivedProduct['scale_rate4'],\r\n prodKGPrice: (2.2046 * Number(receivedProduct['scale_rate4'])).toFixed(2),\r\n prodCurrency: currencyUnit\r\n }\r\n this.isListPricebind = true;\r\n this.prodData.push(prodObj4);\r\n }\r\n }\r\n\r\n checkScale5Values(receivedProduct: any, currencyUnit) {\r\n if (receivedProduct['scale_rate5'] && receivedProduct['scale_quantity5']) {\r\n let prodObj5 = {\r\n prodId: 5,\r\n prodQuantity: receivedProduct['scale_quantity5'],\r\n prodLBPrice: receivedProduct['scale_rate5'],\r\n prodKGPrice: (2.2046 * Number(receivedProduct['scale_rate5'])).toFixed(2),\r\n prodCurrency: currencyUnit\r\n }\r\n this.isListPricebind = true;\r\n this.prodData.push(prodObj5);\r\n }\r\n }\r\n\r\n checkScale6Values(receivedProduct: any, currencyUnit) {\r\n if (receivedProduct['scale_rate6'] && receivedProduct['scale_quantity6']) {\r\n let prodObj6 = {\r\n prodId: 6,\r\n prodQuantity: receivedProduct['scale_quantity6'],\r\n prodLBPrice: receivedProduct['scale_rate6'],\r\n prodKGPrice: (2.2046 * Number(receivedProduct['scale_rate6'])).toFixed(2),\r\n prodCurrency: currencyUnit\r\n }\r\n this.isListPricebind = true;\r\n this.prodData.push(prodObj6);\r\n }\r\n }\r\n\r\n checkScale7Values(receivedProduct: any, currencyUnit) {\r\n if (!this.isListPricebind) {\r\n let prodObj7 = {\r\n prodId: 7,\r\n prodQuantity: 0,\r\n prodLBPrice: receivedProduct.list_Price,\r\n prodKGPrice: (2.2046 * Number(receivedProduct.list_Price)).toFixed(2),\r\n prodCurrency: currencyUnit\r\n }\r\n this.prodData.push(prodObj7);\r\n }\r\n }\r\n\r\n onProductSelect(rowData: any) {\r\n this.formData['minimumQuantity'] = rowData.data['prodQuantity'];\r\n this.formData['lbListPrice'] = rowData.data['prodLBPrice'];\r\n this.formData['kgListPrice'] = rowData.data['prodKGPrice'];\r\n this.formData['currencyUnit'] = rowData.data['prodCurrency'];\r\n this.doCalculations();\r\n }\r\n\r\n getProductDetails() {\r\n this.productDetails = this.productsData.filter(p => p.product_id === this.selectedProduct.product_id);\r\n this.formData['article'] = this.productDetails[0].article_number;\r\n this.formData['sellingMargin'] = this.productDetails[0].selling_margin;\r\n this.formData['sbu_name'] = this.productDetails[0].sbu_name;\r\n }\r\n\r\n getRequestMasterData(masterJson) {\r\n this.spinner.show();\r\n this.requestMasterApiResp = masterJson.requestMaster;\r\n this.sellPriceUOMType = this.requestMasterApiResp.filter(rm => rm.master_name === 'VolumeUOM');\r\n this.businessChannelDD = this.requestMasterApiResp.filter(rm => rm.master_name === 'DistributorChannel');\r\n this.endUseDD = this.requestMasterApiResp.filter(rm => rm.master_name === 'EndUse');\r\n this.industryDD = this.requestMasterApiResp.filter(rm => rm.master_name === 'Industry');\r\n this.applicationDD = this.requestMasterApiResp.filter(rm => rm.master_name === 'Application');\r\n this.segmentDD = this.requestMasterApiResp.filter(rm => rm.master_name === 'Segment');\r\n this.minimumOrderQuantityDD = this.requestMasterApiResp.filter(rm => rm.master_name === 'MinOrderQty');\r\n if (this.formMode === 'Edit') {\r\n this.selectedSellPriceUOM = this.sellPriceUOMType.find(s => s.request_master_id === this.cupRequestDetails.sell_price_UOM_id);\r\n this.selectedIndustry = this.industryDD.find(i => i.request_master_id === this.cupRequestDetails.industry);\r\n this.selectedSegment = this.segmentDD.find(s => s.request_master_id === this.cupRequestDetails.segment);\r\n this.selectedMinimumOrderQty = this.minimumOrderQuantityDD.find(m => m.request_master_id === this.cupRequestDetails.minimum_order_qty);\r\n }\r\n this.spinner.hide();\r\n }\r\n\r\n generateDistributorDetails() {\r\n this.formData['pricingAdmin'] = this.selectedDistributor.pricing_Admin;\r\n this.formData['pricingAdminEmail'] = this.selectedDistributor.pricing_Admin_Email;\r\n this.formData['basfPayer'] = this.selectedDistributor.basf_payer;\r\n this.formData['salesRep'] = this.selectedDistributor.sales_Rep;\r\n this.formData['salesRepEmail'] = this.selectedDistributor.sales_Rep_Email;\r\n this.formData['distributorName'] = this.selectedDistributor.distributor_name;\r\n this.formData['createdBy'] = sessionStorage.getItem('loginuseremail');\r\n this.formData['salesOrg'] = this.masterApiResp.requestMaster.filter(rm => rm.master_name === 'SalesOrg' && rm.request_master_id === this.selectedDistributor.sales_org)[0].value;\r\n\r\n\r\n }\r\n\r\n generateCustomerDetails() {\r\n this.formData['city'] = this.selectedCustomer.city;\r\n this.formData['region'] = this.selectedCustomer.customer_region;\r\n }\r\n\r\n doCalculations() {\r\n const SP = Number(this.formData['suggestedSellPrice']);\r\n const SM = Number(this.formData['sellingMargin']);\r\n if (SP && SM && this.selectedSellPriceUOM) {\r\n this.formData['supportedBuyPrice'] = (SP - (SP * SM / 100)).toFixed(2).toString();\r\n if (this.selectedSellPriceUOM.value === 'LB') {\r\n this.formData['rebate'] = (Number(this.formData['lbListPrice']) - Number(this.formData['supportedBuyPrice'])).toFixed(2).toString();\r\n } else {\r\n this.formData['rebate'] = (Number(this.formData['kgListPrice']) - Number(this.formData['supportedBuyPrice'])).toFixed(2).toString();\r\n }\r\n }\r\n }\r\n\r\n generateFormData() {\r\n this.spinner.show();\r\n this.formData['request'] = this.type === 'edit' ? this.cupRequestDetails['request_reference_number'] : \"\";\r\n this.formData['pm_request_id'] = this.type === 'edit' ? this.cupRequestDetails['pm_request_id'] : 0;\r\n this.formData['createdDate'] = this.type === 'edit' ? moment(this.cupRequestDetails['submission_date']).format('MM/DD/yyyy') : moment(new Date()).format('L');\r\n this.formData['effectiveDate'] = this.type === 'edit' ? moment(this.cupRequestDetails['effective_date']).format('yyyy-MM-DD') : \"\";\r\n this.formData['expirationDate'] = this.type === 'edit' ? moment(this.cupRequestDetails['expiration_date']).format('yyyy-MM-DD') : \"\";\r\n this.formData['status_id'] = this.type === 'edit' ? this.cupRequestDetails['status_id'] : 0;\r\n this.formData['estimatedAnnualVolume'] = this.cupRequestDetails['estimated_annual_volume'];\r\n this.formData['suggestedSellPrice'] = this.cupRequestDetails['suggested_selling_price'];\r\n this.formData['supportedBuyPrice'] = this.cupRequestDetails['supported_buy_price'];\r\n this.formData['rebate'] = this.cupRequestDetails['rebate'];\r\n this.formData['sellingMargin'] = this.cupRequestDetails['selling_margin'];\r\n this.formData['authorComments'] = this.cupRequestDetails['author_comments'];\r\n this.formData['oem'] = this.cupRequestDetails['oem'];\r\n this.formData['tier'] = this.cupRequestDetails['tier'];\r\n this.formData['applicationComment'] = this.cupRequestDetails['application_comment'];\r\n this.formData['competitiveGrade'] = this.cupRequestDetails['competitive_grade'];\r\n this.formData['competitiveSupplier'] = this.cupRequestDetails['competitive_supplier'];\r\n this.formData['freightAdded'] = this.cupRequestDetails['freight_added'];\r\n this.formData['end_use'] = this.cupRequestDetails['end_use'];\r\n this.formData['application'] = this.cupRequestDetails['application'];\r\n this.formData['internal_comments'] = this.type === 'edit' ? this.cupRequestDetails['internal_comments'] : \"\";\r\n this.formData['external_comments'] = this.type === 'edit' ? this.cupRequestDetails['external_comments'] : \"\";\r\n this.spinner.hide();\r\n }\r\n\r\n fillCreatedBy() {\r\n if (this.formMode === 'Edit') {\r\n this.requestAPI.pm_request_id = Number(this.formData['pm_request_id']);\r\n if (this.type == 'edit') {\r\n this.requestAPI.created_by = this.cupRequestDetails.created_by;\r\n }\r\n }\r\n }\r\n\r\n bindCustomerDetails() {\r\n if (this.selectedCustomer != undefined) {\r\n let customer = this.masterApiResp.customerData.find(cd => cd.customer_name === this.selectedCustomer.customer_name && cd.customer_region === this.selectedState.customer_region && cd.city === this.selectedCity.city);\r\n this.requestAPI.account = customer ? customer.customer_id : 0;\r\n this.requestAPI.customer_state = this.selectedState.state;\r\n this.requestAPI.customer_city = this.selectedCity.city;\r\n\r\n } else {\r\n this.requestAPI.account = 0;\r\n this.requestAPI.customer_city = '';\r\n this.requestAPI.customer_state = ''\r\n }\r\n }\r\n\r\n submitPMRequest() {\r\n this.spinner.show();\r\n this.requestAPI.created_by = sessionStorage.getItem('userid');\r\n this.fillCreatedBy();\r\n if (this.checkValidations()) {\r\n this.requestAPI.effective_date = moment(this.formData['effectiveDate']).toDate().toDateString();\r\n this.requestAPI.expiration_date = moment(this.formData['expirationDate']).toDate().toDateString();\r\n this.requestAPI.author_comments = this.formData['authorComments'];\r\n this.requestAPI.distributor_id = this.selectedDistributor.distributor_id;\r\n this.requestAPI.product_id = this.selectedProduct.product_id;\r\n this.requestAPI.article_number = this.formData['article'];\r\n this.requestAPI.sbu = Number(this.selectedProduct.sbu);//need to rewrite the code\r\n this.requestAPI.minimum_qty = Number(this.formData['minimumQuantity']);\r\n this.requestAPI.list_price_lb = Number(this.formData['lbListPrice']);\r\n this.requestAPI.list_price_kg = Number(this.formData['kgListPrice']);\r\n this.requestAPI.currency_unit = this.formData['currencyUnit'];\r\n this.requestAPI.minimum_order_qty = this.selectedMinimumOrderQty.request_master_id;\r\n this.requestAPI.estimated_annual_volume = Number(this.formData['estimatedAnnualVolume']);\r\n this.requestAPI.selling_margin = Number(this.formData['sellingMargin']);\r\n this.requestAPI.suggested_selling_price = Number(this.formData['suggestedSellPrice']);\r\n this.requestAPI.supported_buy_price = Number(this.formData['supportedBuyPrice']);\r\n this.requestAPI.sell_price_UOM_id = this.selectedSellPriceUOM.request_master_id;\r\n this.requestAPI.rebate = Number(this.formData['rebate']);\r\n\r\n this.bindCustomerDetails();\r\n this.requestAPI.oem = this.formData['oem'];\r\n this.requestAPI.tier = this.formData['tier'];\r\n this.requestAPI.competitive_grade = this.formData['competitiveGrade'];\r\n this.requestAPI.competitive_supplier = this.formData['competitiveSupplier'];\r\n this.requestAPI.submission_date = moment(this.formData['createdDate']).toDate().toDateString();\r\n this.requestAPI.sales_org = this.selectedDistributor.sales_org;\r\n this.requestAPI.sales_rep_email_id = this.selectedSalesRep.sales_rep_email_id;\r\n this.requestAPI.is_account_manager = this.isAccountManager;\r\n this.requestAPI.freight_added = this.formData['freightAdded'];\r\n let currentDate = moment().format('MM/DD/yyyy');\r\n this.requestAPI.internal_comments = this.formData['internal_comments'] !== '' ? `${currentDate}: ${this.formData['internal_comments']} - by ${sessionStorage.getItem('loginuser')} ||` : '';\r\n this.requestAPI.external_comments = this.formData['external_comments'] !== '' ? `${currentDate}: ${this.formData['external_comments']} - by ${sessionStorage.getItem('loginuser')} ||` : '';\r\n this.requestAPI.distributor_sales_rep_id = this.selectedDistSalesRep ? this.selectedDistSalesRep.distributor_user_id : 0;\r\n this.generateManagerRequest();\r\n this.createPMRequestAPIcall();\r\n } else {\r\n this.spinner.hide();\r\n }\r\n }\r\n\r\n generateManagerRequest() {\r\n if (this.isAccountManager) {\r\n this.requestAPI.is_internal_user = this.cupRequestDetails['is_internal_user'];\r\n this.generateAccountManagerRequest();\r\n } else {\r\n this.generateNonAccountManagerRequest();\r\n }\r\n }\r\n\r\n\r\n createPMRequestAPIcall() {\r\n this._service.submitPMRequest(this.requestAPI).subscribe(response => {\r\n if (!response['isError']) {\r\n this.spinner.hide();\r\n if (this.cupRequestDetails && sessionStorage.getItem('loginuseremail') == this.cupRequestDetails.sales_rep_email) {\r\n this.generateRequest(1);\r\n } else {\r\n sessionStorage.setItem('paramsExist', 'false');\r\n this.toastr.success('Request submitted successfully', 'Success!');\r\n }\r\n this.router.navigate(['/home']);\r\n } else {\r\n this._service.displayToastr(response);\r\n }\r\n });\r\n }\r\n\r\n generateAccountManagerRequest() {\r\n this.requestAPI.status_id = 2; this.requestAPI.end_use = this.formData['end_use'];\r\n this.requestAPI.industry = this.selectedIndustry.request_master_id;\r\n this.requestAPI.segment = this.selectedSegment.request_master_id;\r\n this.requestAPI.application = this.formData['application'];\r\n this.requestAPI.application_comment = this.formData['applicationComment'];\r\n this.requestAPI.s1_code = this.selectedS1Code ? this.selectedS1Code['s1_code'] : '';\r\n }\r\n\r\n generateNonAccountManagerRequest() {\r\n this.requestAPI.status_id = 6;\r\n this.requestAPI.end_use = this.formData['end_use'];\r\n this.requestAPI.application = this.formData['application'];\r\n this.requestAPI.application_comment = this.formData['applicationComment'];\r\n this.requestAPI.s1_code = this.selectedS1Code ? this.selectedS1Code['s1_code'] : '';\r\n }\r\n\r\n cancel() {\r\n this.router.navigate(['/home']);\r\n }\r\n\r\n checkValidations() {\r\n if (!this.checkDrowdownValidations()) {\r\n return false;\r\n }\r\n if (!this.formData['effectiveDate']) {\r\n this.toastr.error(\"Effective Date Required\");\r\n return false;\r\n }\r\n if (!this.formData['expirationDate']) {\r\n this.toastr.error(\"Expiration Date Required\");\r\n return false;\r\n }\r\n if (!this.formData['authorComments']) {\r\n this.toastr.error(\"Author Comments Required\");\r\n return false;\r\n }\r\n if (!this.formData['estimatedAnnualVolume']) {\r\n this.toastr.error(\"Estimated Annual Volume Required\");\r\n return false;\r\n }\r\n if (!this.formData['suggestedSellPrice']) {\r\n this.toastr.error(\"Suggested Sell Price Required\");\r\n return false;\r\n }\r\n if (!this.checkOtherValueValidations()) {\r\n return false;\r\n }\r\n if (this.isAccountManager && !this.checkAccountManagerValidations()) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n checkOtherValueValidations() {\r\n if (!this.formData['oem']) {\r\n this.toastr.error(\"OEM Required\");\r\n return false;\r\n }\r\n if (!this.formData['tier']) {\r\n this.toastr.error(\"Tier Required\");\r\n return false;\r\n }\r\n if (!this.formData['competitiveGrade']) {\r\n this.toastr.error(\"Competitive Grade Required\");\r\n return false;\r\n }\r\n if (!this.formData['competitiveSupplier']) {\r\n this.toastr.error(\"Competitive Supplier Comment\");\r\n return false;\r\n }\r\n if (!this.formData['freightAdded']) {\r\n this.toastr.error(\"Freight Added required\");\r\n return false;\r\n }\r\n if (!this.formData['end_use']) {\r\n this.toastr.error(\"End Use Required\");\r\n return false;\r\n }\r\n if (!this.formData['application']) {\r\n this.toastr.error(\"Application Required\");\r\n return false;\r\n }\r\n if (!this.formData['applicationComment']) {\r\n this.toastr.error(\"Application Comment Required\");\r\n return false;\r\n }\r\n if (!this.formData['internal_comments']) {\r\n this.formData['internal_comments'] = '';\r\n }\r\n if (!this.formData['external_comments']) {\r\n this.formData['external_comments'] = '';\r\n }\r\n if (Number(this.formData['rebate']) < 0) {\r\n this.toastr.error(\"Rebate cannot be Negative\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n checkDrowdownValidations() {\r\n if (!this.selectedDistributor) {\r\n this.toastr.error(\"Select SoldTo\");\r\n return false;\r\n }\r\n if (!this.selectedSalesRep) {\r\n this.toastr.error(\"Sales Rep Required\");\r\n return false;\r\n }\r\n if (this.displayDistributorSalesRep && !this.selectedDistSalesRep) {\r\n this.toastr.error(\"Distributor Sales Rep Required\");\r\n return false;\r\n }\r\n if (!this.selectedProduct) {\r\n this.toastr.error(\"Product Name Required\");\r\n return false;\r\n }\r\n if (!this.selectedMinimumOrderQty) {\r\n this.toastr.error(\"Min. Order Qty. Required\");\r\n return false;\r\n }\r\n if (!this.selectedSellPriceUOM) {\r\n this.toastr.error(\"Sell Price UoM Required\");\r\n return false;\r\n }\r\n if (!this.selectedCustomer) {\r\n this.toastr.error(\"Account Details Required\");\r\n return false;\r\n }\r\n if (!this.selectedState) {\r\n this.toastr.error(\"Account Region Required\");\r\n return false;\r\n }\r\n if (!this.selectedCity) {\r\n this.toastr.error(\"Account City Required\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n checkAccountManagerValidations() {\r\n if (!this.selectedIndustry) {\r\n this.toastr.error(\"Industry Required\");\r\n return false;\r\n }\r\n if (!this.selectedSegment) {\r\n this.toastr.error(\"Segment Required\");\r\n return false;\r\n }\r\n if (!this.selectedS1Code) {\r\n this.toastr.error(\"S1 Code is Required\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n onSelectCustomer() {\r\n if (this.selectedCustomer.customer_id === 0) {\r\n this.displayCustomerPopUp = true;\r\n } else {\r\n this.constructStateDropDown();\r\n this.selectedCity = undefined;\r\n }\r\n }\r\n\r\n constructStateDropDown() {\r\n this.stateDD = this.masterApiResp.customerData.filter(cd => cd.customer_name === this.selectedCustomer.customer_name);\r\n this.stateDD = this.getUniqueListBy(this.stateDD, 'customer_region');\r\n }\r\n\r\n constructCityDropDown() {\r\n this.cityDD = this.masterApiResp.customerData.filter(sd => sd.customer_name === this.selectedCustomer.customer_name && sd.customer_region === this.selectedState.customer_region);\r\n this.cityDD = this.getUniqueListBy(this.cityDD, 'city');\r\n }\r\n\r\n addNewLocation() {\r\n this.newCustomer.customer_name = this.selectedCustomer.customer_name;\r\n this.isUpdateCustomer = true;\r\n this.displayCustomerPopUp = true;\r\n }\r\n\r\n addCustomer() {\r\n this.spinner.show();\r\n this.newCustomer.created_by = sessionStorage.getItem('userid');\r\n this.newCustomer.businessunit_id = 3;\r\n if (this.selectedRegion) {\r\n this.newCustomer.customer_region = this.selectedRegion.region_id;\r\n }\r\n this.newCustomer.distributor_sold_to_id = this.selectedSoldTo.distributor_sold_to_id;\r\n if (this.checkCustomerValidation()) {\r\n this._service.createCustomer(this.newCustomer).subscribe(_response => {\r\n if (!_response['isError']) {\r\n this._service.getMasterData(this.userId, this.selectedSoldTo.distributor_sold_to_id, 3, this.selectedSoldTo.distributor_id, this.userAdmin).subscribe(response1 => {\r\n this.masterApiResp = response1;\r\n this.generateCustomersData();\r\n this.selectedCustomer = this.masterApiResp.customerData.find(c => c.customer_name === this.newCustomer.customer_name && c.customer_region === this.newCustomer.customer_region && c.city === this.newCustomer.city);\r\n this.constructStateDropDown();\r\n this.selectedState = this.stateDD.find(sd => sd.customer_region === this.selectedCustomer.customer_region);\r\n this.constructCityDropDown();\r\n this.selectedCity = this.cityDD.find(cd => cd.city === this.selectedCustomer.city);\r\n this.formData['zip'] = this.selectedCity.zip_code;\r\n this.displayCustomerPopUp = false;\r\n this.selectedCustomer = this.customersDD.find(cdd => cdd.customer_name === this.newCustomer.customer_name);\r\n this.newCustomer.customer_name = '';\r\n this.newCustomer.address = '';\r\n this.newCustomer.city = '';\r\n this.newCustomer.customer_region = '';\r\n this.newCustomer.zip_code = '';\r\n this.spinner.hide();\r\n this.toastr.success(\"Customer Added and selected\", \"Success!\");\r\n });\r\n } else {\r\n this._service.displayToastr(_response);\r\n }\r\n })\r\n } else {\r\n this.spinner.hide();\r\n }\r\n }\r\n\r\n checkCustomerValidation() {\r\n let validCustomerName = this.checkValidCustomerName();\r\n let validCustomerCity = this.checkValidCustomerCity();\r\n let validCustomerState = this.checkValidCustomerState();\r\n let validExistingCustomer = this.checkExistingCustomerLocation();\r\n return validCustomerName && validCustomerCity && validCustomerState && validExistingCustomer;\r\n }\r\n\r\n checkExistingCustomerLocation() {\r\n if (this.isUpdateCustomer) {\r\n let fCustomer = this.masterApiResp.customerData.filter(cd => cd.customer_name === this.newCustomer.customer_name && cd.customer_region === this.newCustomer.customer_region && cd.city === this.newCustomer.city);\r\n if (fCustomer.length > 0) {\r\n this.toastr.error(\"Customer location already exists with combination of State and City\");\r\n return false\r\n } else {\r\n return true;\r\n }\r\n } else {\r\n return true;\r\n }\r\n }\r\n\r\n checkValidCustomerName() {\r\n if (this.newCustomer.customer_name != \"\") {\r\n if (this.customersDD.filter(customer => customer.customer_name.toLowerCase() === this.newCustomer.customer_name.toLowerCase()).length && !this.isUpdateCustomer) {\r\n this.toastr.error(\"Customer Name already exists\", \"Error!\");\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n } else {\r\n this.toastr.error(\"Customer Name required\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n\r\n checkValidCustomerAddress() {\r\n if (this.newCustomer.address != \"\") {\r\n return true;\r\n } else {\r\n this.toastr.error(\"Customer Address required\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n\r\n checkValidCustomerCity() {\r\n if (this.newCustomer.city != \"\") {\r\n return true;\r\n } else {\r\n this.toastr.error(\"Customer City required\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n\r\n checkValidCustomerState() {\r\n if (this.newCustomer.state != \"\") {\r\n return true;\r\n } else {\r\n this.toastr.error(\"Customer State required\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n\r\n checkValidCustomerZipcode() {\r\n if (this.newCustomer.zip_code != \"\") {\r\n return true;\r\n } else {\r\n this.toastr.error(\"Customer Zipcode required\", \"Error!\");\r\n return false;\r\n }\r\n }\r\n\r\n checkValidCustomerRegion() {\r\n if (this.newCustomer.customer_region == \"\") {\r\n this.toastr.error(\"Customer Region required\", \"Error!\");\r\n return false;\r\n }\r\n\r\n return true;\r\n }\r\n\r\n cancelCustomerPopUp() {\r\n this.displayCustomerPopUp = false;\r\n this.isUpdateCustomer = false;\r\n }\r\n\r\n\r\n}\r\n","export default \"#rebatesGrid .ui-table .ui-table-thead>tr>th {\\r\\n background-color: #4f4f4f;\\r\\n color:white;\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n padding: 3px;\\r\\n text-align: center;\\r\\n border: 1px solid #e1f0ff;\\r\\n}\\r\\n\\r\\n#rebatesGrid .ui-table .ui-table-thead>tr>th>div {\\r\\n word-break: break-all;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n}\\r\\n\\r\\n#rebatesGrid .ui-table .ui-table-tbody>tr>td {\\r\\n font-size: 14px;\\r\\n word-break: break-all;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n padding: 0 10px;\\r\\n color: black;\\r\\n font-weight: 500;\\r\\n border: none !important;\\r\\n border-right: 1px solid #4f4f4f !important;\\r\\n text-overflow: ellipsis;\\r\\n vertical-align: top !important;\\r\\n}\\r\\n\\r\\n#rebatesGrid .edit-column {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n right: 0px !important;\\r\\n}\\r\\n\\r\\n#rebatesGrid .checkbox-column {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n left: 0px !important;\\r\\n}\\r\\n\\r\\n#rebatesGrid .ui-paginator {\\r\\n margin-top: 10px !important;\\r\\n background-color: white !important;\\r\\n border: none !important;\\r\\n float: right !important;\\r\\n}\\r\\n\\r\\n#rebatesGrid .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {\\r\\n background-color: #0096d6 !important;\\r\\n color: white !important;\\r\\n}\\r\\n\\r\\n#rebatesGrid .ui-multiselect .ui-multiselect-panel {\\r\\n left: -292px !important;\\r\\n right: 0px !important;\\r\\n}\\r\\n\\r\\n#rebatesGrid .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {\\r\\n color: black !important;\\r\\n background-color: white !important;\\r\\n}\\r\\n\\r\\n#rebatesGrid .ui-chkbox .ui-chkbox-box.ui-state-active {\\r\\n border-color: #0096d6 !important;\\r\\n background-color: #0096d6 !important;\\r\\n color: #ffffff !important;\\r\\n}\\r\\n\\r\\n#rebatesGrid .ui-table table {\\r\\n width: 100% !important;\\r\\n}\\r\\n\\r\\n#rebatesGrid .ui-table {\\r\\n max-height: 700px !important;\\r\\n}\\r\\n\\r\\n#rebatesGrid .ui-table-scrollable-header, .ui-table-scrollable-footer {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n background-color: white;\\r\\n z-index: 9999;\\r\\n}\\r\\n\\r\\n#rebatesGrid .ui-table-scrollable-header-box {\\r\\n margin-right: 60px !important;\\r\\n}\\r\\n\\r\\n#rebatesGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 280px) !important;\\r\\n}\\r\\n\\r\\n#rebatesGrid .excelIcon {\\r\\n font-size: 1.5em;\\r\\n cursor: pointer;\\r\\n background-color: #0096d6;\\r\\n color: white;\\r\\n border-radius: 5px;\\r\\n padding: 6px;\\r\\n margin-left: 10px;\\r\\n top: -7px;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n@media screen and (min-width: 1000px) {\\r\\n #rebatesGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 370px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:140px !important;\\r\\n }\\r\\n }\\r\\n\\r\\n@media screen and (min-width: 1052px) {\\r\\n #rebatesGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 320px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:110px !important;\\r\\n }\\r\\n }\\r\\n\\r\\n@media screen and (min-width: 1407px) {\\r\\n #rebatesGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 300px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:80px !important;\\r\\n }\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9yZWJhdGUtc2hpcHBlZC1mb3JtL3JlYmF0ZS1zaGlwcGVkLWZvcm0uY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLHlCQUF5QjtJQUN6QixXQUFXO0lBQ1gsZUFBZTtJQUNmLGdCQUFnQjtJQUNoQixZQUFZO0lBQ1osa0JBQWtCO0lBQ2xCLHlCQUF5QjtBQUM3Qjs7QUFFQTtJQUNJLHFCQUFxQjtJQUNyQixtQkFBbUI7SUFDbkIsZ0JBQWdCO0lBQ2hCLHVCQUF1QjtBQUMzQjs7QUFDQTtJQUNJLGVBQWU7SUFDZixxQkFBcUI7SUFDckIsbUJBQW1CO0lBQ25CLGdCQUFnQjtJQUNoQixlQUFlO0lBQ2YsWUFBWTtJQUNaLGdCQUFnQjtJQUNoQix1QkFBdUI7SUFDdkIsMENBQTBDO0lBQzFDLHVCQUF1QjtJQUN2Qiw4QkFBOEI7QUFDbEM7O0FBQ0E7SUFDSSx3QkFBZ0I7SUFBaEIsZ0JBQWdCO0lBQ2hCLHFCQUFxQjtBQUN6Qjs7QUFDQTtJQUNJLHdCQUFnQjtJQUFoQixnQkFBZ0I7SUFDaEIsb0JBQW9CO0FBQ3hCOztBQUNBO0lBQ0ksMkJBQTJCO0lBQzNCLGtDQUFrQztJQUNsQyx1QkFBdUI7SUFDdkIsdUJBQXVCO0FBQzNCOztBQUNBO0lBQ0ksb0NBQW9DO0lBQ3BDLHVCQUF1QjtBQUMzQjs7QUFDQTtJQUNJLHVCQUF1QjtJQUN2QixxQkFBcUI7QUFDekI7O0FBQ0E7SUFDSSx1QkFBdUI7SUFDdkIsa0NBQWtDO0FBQ3RDOztBQUNBO0lBQ0ksZ0NBQWdDO0lBQ2hDLG9DQUFvQztJQUNwQyx5QkFBeUI7QUFDN0I7O0FBQ0E7SUFDSSxzQkFBc0I7QUFDMUI7O0FBQ0E7SUFDSSw0QkFBNEI7QUFDaEM7O0FBQ0E7SUFDSSx3QkFBZ0I7SUFBaEIsZ0JBQWdCO0lBQ2hCLHVCQUF1QjtJQUN2QixhQUFhO0FBQ2pCOztBQUNBO0lBQ0ksNkJBQTZCO0FBQ2pDOztBQUNBO0lBQ0ksMENBQTBDO0FBQzlDOztBQUVBO0lBQ0ksZ0JBQWdCO0lBQ2hCLGVBQWU7SUFDZix5QkFBeUI7SUFDekIsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQixZQUFZO0lBQ1osaUJBQWlCO0lBQ2pCLFNBQVM7SUFDVCxrQkFBa0I7QUFDdEI7O0FBRUE7SUFDSTtRQUNJLDBDQUEwQztJQUM5QztJQUNBO1FBQ0ksMkJBQTJCO0lBQy9CO0VBQ0Y7O0FBRUE7SUFDRTtRQUNJLDBDQUEwQztJQUM5QztJQUNBO1FBQ0ksMkJBQTJCO0lBQy9CO0VBQ0Y7O0FBQ0E7SUFDRTtRQUNJLDBDQUEwQztJQUM5QztJQUNBO1FBQ0ksMEJBQTBCO0lBQzlCO0FBQ0oiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL3JlYmF0ZS1zaGlwcGVkLWZvcm0vcmViYXRlLXNoaXBwZWQtZm9ybS5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiI3JlYmF0ZXNHcmlkIC51aS10YWJsZSAudWktdGFibGUtdGhlYWQ+dHI+dGgge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzRmNGY0ZjtcclxuICAgIGNvbG9yOndoaXRlO1xyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcclxuICAgIHBhZGRpbmc6IDNweDtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkICNlMWYwZmY7XHJcbn1cclxuXHJcbiNyZWJhdGVzR3JpZCAudWktdGFibGUgLnVpLXRhYmxlLXRoZWFkPnRyPnRoPmRpdiB7XHJcbiAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XHJcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xyXG59XHJcbiNyZWJhdGVzR3JpZCAudWktdGFibGUgLnVpLXRhYmxlLXRib2R5PnRyPnRkIHtcclxuICAgIGZvbnQtc2l6ZTogMTRweDtcclxuICAgIHdvcmQtYnJlYWs6IGJyZWFrLWFsbDtcclxuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XHJcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgcGFkZGluZzogMCAxMHB4O1xyXG4gICAgY29sb3I6IGJsYWNrO1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICAgIGJvcmRlcjogbm9uZSAhaW1wb3J0YW50O1xyXG4gICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgIzRmNGY0ZiAhaW1wb3J0YW50O1xyXG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XHJcbiAgICB2ZXJ0aWNhbC1hbGlnbjogdG9wICFpbXBvcnRhbnQ7XHJcbn1cclxuI3JlYmF0ZXNHcmlkIC5lZGl0LWNvbHVtbiB7XHJcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xyXG4gICAgcmlnaHQ6IDBweCAhaW1wb3J0YW50O1xyXG59XHJcbiNyZWJhdGVzR3JpZCAuY2hlY2tib3gtY29sdW1uIHtcclxuICAgIHBvc2l0aW9uOiBzdGlja3k7XHJcbiAgICBsZWZ0OiAwcHggIWltcG9ydGFudDtcclxufVxyXG4jcmViYXRlc0dyaWQgLnVpLXBhZ2luYXRvciB7XHJcbiAgICBtYXJnaW4tdG9wOiAxMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZSAhaW1wb3J0YW50O1xyXG4gICAgYm9yZGVyOiBub25lICFpbXBvcnRhbnQ7XHJcbiAgICBmbG9hdDogcmlnaHQgIWltcG9ydGFudDtcclxufVxyXG4jcmViYXRlc0dyaWQgLnVpLXBhZ2luYXRvciAudWktcGFnaW5hdG9yLXBhZ2VzIC51aS1wYWdpbmF0b3ItcGFnZS51aS1zdGF0ZS1hY3RpdmUge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNiAhaW1wb3J0YW50O1xyXG4gICAgY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XHJcbn1cclxuI3JlYmF0ZXNHcmlkIC51aS1tdWx0aXNlbGVjdCAudWktbXVsdGlzZWxlY3QtcGFuZWwge1xyXG4gICAgbGVmdDogLTI5MnB4ICFpbXBvcnRhbnQ7XHJcbiAgICByaWdodDogMHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuI3JlYmF0ZXNHcmlkIC51aS1tdWx0aXNlbGVjdC1wYW5lbCAudWktbXVsdGlzZWxlY3QtaXRlbXMgLnVpLW11bHRpc2VsZWN0LWl0ZW0udWktc3RhdGUtaGlnaGxpZ2h0IHtcclxuICAgIGNvbG9yOiBibGFjayAhaW1wb3J0YW50O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGUgIWltcG9ydGFudDtcclxufVxyXG4jcmViYXRlc0dyaWQgLnVpLWNoa2JveCAudWktY2hrYm94LWJveC51aS1zdGF0ZS1hY3RpdmUge1xyXG4gICAgYm9yZGVyLWNvbG9yOiAjMDA5NmQ2ICFpbXBvcnRhbnQ7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA5NmQ2ICFpbXBvcnRhbnQ7XHJcbiAgICBjb2xvcjogI2ZmZmZmZiAhaW1wb3J0YW50O1xyXG59XHJcbiNyZWJhdGVzR3JpZCAudWktdGFibGUgdGFibGUge1xyXG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcclxufVxyXG4jcmViYXRlc0dyaWQgLnVpLXRhYmxlIHtcclxuICAgIG1heC1oZWlnaHQ6IDcwMHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuI3JlYmF0ZXNHcmlkIC51aS10YWJsZS1zY3JvbGxhYmxlLWhlYWRlciwgLnVpLXRhYmxlLXNjcm9sbGFibGUtZm9vdGVyIHtcclxuICAgIHBvc2l0aW9uOiBzdGlja3k7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuICAgIHotaW5kZXg6IDk5OTk7XHJcbn1cclxuI3JlYmF0ZXNHcmlkIC51aS10YWJsZS1zY3JvbGxhYmxlLWhlYWRlci1ib3gge1xyXG4gICAgbWFyZ2luLXJpZ2h0OiA2MHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuI3JlYmF0ZXNHcmlkIC51aS10YWJsZS1zY3JvbGxhYmxlLWJvZHkge1xyXG4gICAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtIDI4MHB4KSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4jcmViYXRlc0dyaWQgLmV4Y2VsSWNvbiB7XHJcbiAgICBmb250LXNpemU6IDEuNWVtO1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNjtcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcclxuICAgIHBhZGRpbmc6IDZweDtcclxuICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xyXG4gICAgdG9wOiAtN3B4O1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG59XHJcblxyXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDAwcHgpIHtcclxuICAgICNyZWJhdGVzR3JpZCAudWktdGFibGUtc2Nyb2xsYWJsZS1ib2R5IHtcclxuICAgICAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMzcwcHgpICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAuY2Yge1xyXG4gICAgICAgIG1hcmdpbi10b3A6MTQwcHggIWltcG9ydGFudDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwNTJweCkge1xyXG4gICAgI3JlYmF0ZXNHcmlkIC51aS10YWJsZS1zY3JvbGxhYmxlLWJvZHkge1xyXG4gICAgICAgIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSAzMjBweCkgIWltcG9ydGFudDtcclxuICAgIH1cclxuICAgIC5jZiB7XHJcbiAgICAgICAgbWFyZ2luLXRvcDoxMTBweCAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG4gIH1cclxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxNDA3cHgpIHtcclxuICAgICNyZWJhdGVzR3JpZCAudWktdGFibGUtc2Nyb2xsYWJsZS1ib2R5IHtcclxuICAgICAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMzAwcHgpICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAuY2Yge1xyXG4gICAgICAgIG1hcmdpbi10b3A6ODBweCAhaW1wb3J0YW50O1xyXG4gICAgfVxyXG59Il19 */\"","import { Component, EventEmitter, Input, OnInit, Output,ViewEncapsulation } from '@angular/core';\r\nimport * as moment from 'moment';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { CupsService } from 'src/services/cups.service';\r\n\r\n@Component({\r\n selector: 'app-rebate-shipped-form',\r\n templateUrl: './rebate-shipped-form.component.html',\r\n styleUrls: ['./rebate-shipped-form.component.css'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class RebateShippedFormComponent implements OnInit {\r\n @Input() rebatesData: any;\r\n @Input() rebatesCols: any;\r\n @Input() funcType: any;\r\n @Output() sendUpdatesRebates = new EventEmitter();\r\n selectedRow: any;\r\n filteredCols = [];\r\n priceData: any;\r\n distributor_supported_price = 0;\r\n basf_invoice_price = 0;\r\n price_to_end_user = 0;\r\n price_diff = 0;\r\n bu: any;\r\n isDistributor: any;\r\n apiResp: any;\r\n cols: any;\r\n orgSelectedMassRows: any;\r\n constructor(private spinner:NgxSpinnerService, private toastr: ToastrService, private service: CupsService) { }\r\n\r\n ngOnInit() {\r\n this.orgSelectedMassRows = JSON.parse(JSON.stringify(this.rebatesData));\r\n this.bu = sessionStorage.getItem('BU');\r\n this.isDistributor = ( sessionStorage.getItem('isDistributor') === \"1\" || sessionStorage.getItem('isDistributor') === \"true\") ? true : false;\r\n }\r\n generatePricingData(date) {\r\n let foundPrices: any[]=[];\r\n this.priceData.forEach(pd => {\r\n let currentDate = new Date(pd.effective_date_of_change);\r\n let shippedDate = new Date(date);\r\n if (shippedDate.getTime() > currentDate.getTime()) {\r\n foundPrices.push(pd);\r\n }\r\n });\r\n return foundPrices;\r\n }\r\n genrebateData(foundPrices:any[]) {\r\n if (foundPrices.length) {\r\n this.assignEMPrices(foundPrices);\r\n }\r\n else {\r\n this.distributor_supported_price = this.selectedRow['distributor_supported_price'];\r\n this.price_to_end_user = this.selectedRow['price_to_end_user'];\r\n this.basf_invoice_price = this.selectedRow['basf_invoice_price'];\r\n this.price_diff = Number(this.selectedRow['basf_invoice_price']) - Number(this.selectedRow['distributor_supported_price']);\r\n }\r\n this.rebatesData.forEach(rd => {\r\n if (rd.request_id === this.selectedRow.request_id) {\r\n rd.distributor_supported_price = this.distributor_supported_price;\r\n rd.basf_invoice_price = this.basf_invoice_price;\r\n rd.price_to_end_user = this.price_to_end_user;\r\n rd.price_diff = (rd.basf_invoice_price - this.distributor_supported_price).toFixed(2);\r\n }\r\n })\r\n this.sendUpdatesRebates.emit(this.rebatesData);\r\n }\r\n getDistributorPrice(date: any) {\r\n let foundPrices:any[]=[];\r\n if (this.priceData.length) {\r\n foundPrices = this.generatePricingData(date);\r\n if (this.funcType === 'Rebate Template') {\r\n this.genrebateData(foundPrices);\r\n } else {\r\n foundPrices = foundPrices.filter(fp => moment(date).format(\"MM/DD/yyyy\") !== moment(fp['effective_date_of_change']).format(\"MM/DD/yyyy\"));\r\n this.assignEM_MC_values(foundPrices, this.selectedRow);\r\n this.sendUpdatesRebates.emit(this.rebatesData);\r\n }\r\n } else {\r\n if (this.funcType === 'Rebate Template') {\r\n this.distributor_supported_price = this.selectedRow['distributor_supported_price'];\r\n this.price_to_end_user = this.selectedRow['price_to_end_user'];\r\n this.rebatesData.forEach(rd => {\r\n if (rd.request_id === this.selectedRow.request_id) {\r\n rd.distributor_supported_price = this.distributor_supported_price;\r\n rd.basf_invoice_price = this.selectedRow['basf_invoice_price'];\r\n rd.price_to_end_user = this.price_to_end_user;\r\n rd.price_diff = (rd.basf_invoice_price - this.distributor_supported_price).toFixed(2);\r\n }\r\n })\r\n } else {\r\n this.assignEM_MC_INIT_Values(this.selectedRow);\r\n }\r\n this.sendUpdatesRebates.emit(this.rebatesData);\r\n }\r\n }\r\n\r\n getFormattedDate(date) {\r\n return moment(date).format(\"yyyy-MM-DD\");\r\n }\r\n\r\n assignEMPrices(foundPrices: any[]) {\r\n let minDate = foundPrices.reduce((a, b) => new Date(a.effective_date_of_change) > new Date(b.effective_date_of_change) ? a : b)\r\n this.basf_invoice_price = minDate['distributor_price_from_basf'];\r\n this.distributor_supported_price = minDate['net_support_price'];\r\n this.price_to_end_user = minDate['support_price_to_end_customer'];\r\n }\r\n\r\n assignEM_MC_values(foundPrices, rowData) {\r\n if (foundPrices.length) {\r\n let minDate = foundPrices.reduce((a, b) => new Date(a.created_date) > new Date(b.created_date) ? a : b)\r\n this.rebatesData.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n smr['distributor_price_from_basf'] = minDate['distributor_price_from_basf'];\r\n smr['distributor_price_from_basf_MC'] = minDate['distributor_price_from_basf'];\r\n smr['support_price_to_end_customer'] = minDate['support_price_to_end_customer'];\r\n smr['support_price_to_end_customer_MC'] = minDate['support_price_to_end_customer'];\r\n smr['net_support_price'] = minDate['net_support_price']\r\n smr['net_support_price_MC'] = minDate['net_support_price'];\r\n smr['credit_back_amount'] = minDate['credit_back_amount']\r\n smr['credit_back_amount_MC'] = minDate['credit_back_amount'];\r\n this.calculateEMEVPrices(smr);\r\n }\r\n });\r\n } \r\n else {\r\n this.assignEM_MC_INIT_Values(rowData);\r\n }\r\n }\r\n\r\n assignEM_MC_INIT_Values(rowData) {\r\n this.rebatesData.forEach(smr => {\r\n if (smr.cupReqId === rowData.cupReqId) {\r\n let fRequest = this.orgSelectedMassRows.find(orm => orm.cupReqId === rowData.cupReqId);\r\n smr['distributor_price_from_basf'] = fRequest['distributor_price_from_basf'];\r\n smr['distributor_price_from_basf_MC'] = fRequest['distributor_price_from_basf'];\r\n smr['support_price_to_end_customer'] = fRequest['support_price_to_end_customer'];\r\n smr['support_price_to_end_customer_MC'] = fRequest['support_price_to_end_customer'];\r\n smr['net_support_price'] = fRequest['net_support_price']\r\n smr['net_support_price_MC'] = fRequest['net_support_price'];\r\n smr['credit_back_amount'] = fRequest['credit_back_amount']\r\n smr['credit_back_amount_MC'] = fRequest['credit_back_amount'];\r\n this.calculateEMEVPrices(smr);\r\n }\r\n });\r\n }\r\n\r\n calculateEMEVPrices(rowData) {\r\n \r\n const sp = Number(rowData['support_price_to_end_customer_MC']);\r\n const discount = Number(rowData['discount_percent'].replace('%', ''));\r\n const fa = rowData['frieght_allowance'] ? Number(rowData['frieght_allowance']) : 0;\r\n const oa = rowData['other_allowance'] ? Number(rowData['other_allowance']) : 0;\r\n \r\n const dp_mc = Number(rowData['distributor_price_from_basf_MC']);\r\n \r\n rowData['net_support_price_MC'] = (sp - (sp * (discount) / 100) - fa - oa).toFixed(2).toString();\r\n rowData['credit_back_amount_MC'] = (dp_mc - Number(rowData['net_support_price_MC'])).toFixed(2).toString();\r\n \r\n \r\n \r\n this.rebatesData.forEach(sm => {\r\n if (sm.request_reference_number === rowData.request_reference_number) {\r\n sm.net_support_price_MC = rowData['net_support_price_MC'];\r\n sm.credit_back_amount_MC = rowData['credit_back_amount_MC'];\r\n sm.isValidCreditAmountMC = this.validateNumber(sm.credit_back_amount_MC, sm);\r\n if (!sm.isValidCreditAmountMC) {\r\n this.toastr.error('Values cannot be negative', 'Error!');\r\n }\r\n }\r\n });\r\n }\r\n\r\n validateNumber(value, rowData) {\r\n this.rebatesData.forEach(sm => {\r\n if(sm.request_reference_number === rowData.request_reference_number) {\r\n sm.issueInMassChange = Number(value) > 0;\r\n }\r\n });\r\n return Number(value) > 0;\r\n }\r\n\r\n receivePriceData(priceData: any) {\r\n this.priceData = priceData;\r\n }\r\n\r\n buildPrice(event, rowData) {\r\n this.selectedRow = rowData;\r\n this.getEMPriceHistory(event.target.value);\r\n }\r\n\r\n getEMPriceHistory(date) {\r\n this.spinner.show();\r\n this.service.getEMPPMHistory(this.selectedRow['request_id'], this.bu, this.isDistributor).subscribe(response => {\r\n this.spinner.hide();\r\n this.apiResp = response;\r\n if(!this.apiResp['isError']) {\r\n this.cols = JSON.parse(JSON.stringify(this.apiResp['headerColumns']));\r\n this.apiResp['historyData'].forEach(hd => {\r\n hd.type_of_change = (hd.type_of_change === 1) ? '%' : '$';\r\n hd.direction_of_change = (hd.direction_of_change === 1) ? 'Increase' : 'Decrease';\r\n hd.effective_date_of_change = moment(hd.effective_date_of_change).format('MM/DD/YYYY');\r\n hd.expiration_date = moment(hd.expiration_date).format('MM/DD/YYYY');\r\n })\r\n this.priceData = JSON.parse(JSON.stringify(this.apiResp['historyData']));\r\n this.priceData.forEach(pd => {\r\n pd.effectiveDate = moment(pd['effectiveDate']).format('MMMM Do YYYY');\r\n });\r\n this.getDistributorPrice(date);\r\n }\r\n });\r\n }\r\n}\r\n","export default \".header-label {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n}\\r\\n.cust-form-label {\\r\\n font-size: 14px !important;\\r\\n margin-bottom: 0px !important;\\r\\n display: block;\\r\\n}\\r\\n.cancel-btn {\\r\\n width: 150px;\\r\\n color: white;\\r\\n background-color: #4f4f4f;\\r\\n margin:10px;\\r\\n border-radius: 5px;\\r\\n}\\r\\n.submit-btn {\\r\\n width: 150px;\\r\\n color: white;\\r\\n background-color: #0096d6;\\r\\n margin:10px;\\r\\n border-radius: 5px;\\r\\n}\\r\\nsmall {\\r\\n font-weight: 600 !important;\\r\\n}\\r\\n.cust-form-group {\\r\\n justify-content: end;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9yZWJhdGVzL2V2ZW0tcmVxdWVzdC9ldmVtLXJlcXVlc3QuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLGVBQWU7SUFDZixnQkFBZ0I7QUFDcEI7QUFDQTtJQUNJLDBCQUEwQjtJQUMxQiw2QkFBNkI7SUFDN0IsY0FBYztBQUNsQjtBQUNBO0lBQ0ksWUFBWTtJQUNaLFlBQVk7SUFDWix5QkFBeUI7SUFDekIsV0FBVztJQUNYLGtCQUFrQjtBQUN0QjtBQUNBO0lBQ0ksWUFBWTtJQUNaLFlBQVk7SUFDWix5QkFBeUI7SUFDekIsV0FBVztJQUNYLGtCQUFrQjtBQUN0QjtBQUNBO0lBQ0ksMkJBQTJCO0FBQy9CO0FBQ0E7SUFDSSxvQkFBb0I7SUFDcEIsYUFBYTtJQUNiLHNCQUFzQjtBQUMxQiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvcmViYXRlcy9ldmVtLXJlcXVlc3QvZXZlbS1yZXF1ZXN0LmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuaGVhZGVyLWxhYmVsIHtcclxuICAgIGZvbnQtc2l6ZTogMjBweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XHJcbn1cclxuLmN1c3QtZm9ybS1sYWJlbCB7XHJcbiAgICBmb250LXNpemU6IDE0cHggIWltcG9ydGFudDtcclxuICAgIG1hcmdpbi1ib3R0b206IDBweCAhaW1wb3J0YW50O1xyXG4gICAgZGlzcGxheTogYmxvY2s7XHJcbn1cclxuLmNhbmNlbC1idG4ge1xyXG4gICAgd2lkdGg6IDE1MHB4O1xyXG4gICAgY29sb3I6IHdoaXRlO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzRmNGY0ZjtcclxuICAgIG1hcmdpbjoxMHB4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xyXG59XHJcbi5zdWJtaXQtYnRuIHtcclxuICAgIHdpZHRoOiAxNTBweDtcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDk2ZDY7XHJcbiAgICBtYXJnaW46MTBweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcclxufVxyXG5zbWFsbCB7XHJcbiAgICBmb250LXdlaWdodDogNjAwICFpbXBvcnRhbnQ7XHJcbn1cclxuLmN1c3QtZm9ybS1ncm91cCB7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG59Il19 */\"","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport * as moment from 'moment';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { CupsService } from 'src/services/cups.service';\r\n\r\n@Component({\r\n selector: 'app-evem-request',\r\n templateUrl: './evem-request.component.html',\r\n styleUrls: ['./evem-request.component.css']\r\n})\r\nexport class EvemRequestComponent implements OnInit {\r\n cupRequestData: any;\r\n type: any;\r\n formData = {};\r\n apiResp: any;\r\n selectedStatus: any;\r\n requestAPI = {\r\n \"rebate_submissions_id\": 0,\r\n \"pm_request_id\": 0,\r\n \"request_id\": 0,\r\n \"distributor_invoice_number\": \"\",\r\n \"shipped_date\": \"2021-11-25T01:13:20.502Z\",\r\n \"quantity_shipped\": 0,\r\n \"total_creditdue\": 0,\r\n \"comments\": \"\",\r\n \"invoice\": \"\",\r\n \"quantity\": 0,\r\n \"enter_po\": \"\",\r\n \"rebate_final\": 0,\r\n \"created_by\": \"\",\r\n \"cups_intostock_id\": 0,\r\n \"businessunit_id\": 0,\r\n \"distributor_supported_price\":0,\r\n \"price_diff\":0,\r\n \"price_to_end_user\": 0,\r\n \"basf_invoice_price\": 0\r\n };\r\n formMode: any;\r\n selectedBusinessUnit: any;\r\n bu: any;\r\n EVID = 2;\r\n EMID = 1;\r\n PMID = 3;\r\n EDID = 4;\r\n priceData: any;\r\n statusOptions = [\r\n { id: 1, name: 'Pending'},\r\n { id: 2, name: 'Rejected'},\r\n { id: 3, name: 'Approved'}\r\n ];\r\n userAdmin: boolean = false;\r\n\r\n constructor(private router: Router, private _service: CupsService, private spinner: NgxSpinnerService, private toastr: ToastrService) { }\r\n\r\n ngOnInit() {\r\n this.userAdmin = (sessionStorage.getItem('IsAdmin') === \"1\" || sessionStorage.getItem('IsAdmin') === \"true\") ? true : false;\r\n if (!history.state.data) {\r\n this.router.navigate(['/rebates']);\r\n } else {\r\n this.bu = sessionStorage.getItem('BU');\r\n switch (this.bu) {\r\n case 'EM': this.selectedBusinessUnit = this.EMID; break;\r\n case 'EV': this.selectedBusinessUnit = this.EVID; break;\r\n case 'PM': this.selectedBusinessUnit = this.PMID; break;\r\n case 'ED': this.selectedBusinessUnit = this.EDID; break;\r\n default: this.selectedBusinessUnit = this.EMID; break;\r\n }\r\n this.cupRequestData = history.state.data.rowData;\r\n this.type= history.state.data.type;\r\n if (history.state.data.type === 'edit') {\r\n this.formData = JSON.parse(JSON.stringify(this.cupRequestData));\r\n this.formMode = 'Edit';\r\n this.formData['shipped_date'] = moment(this.formData['shipped_date']).format('yyyy-MM-DD');\r\n this.generateDateFormats();\r\n } else {\r\n this._service.getRebateFormData(this.cupRequestData.request_id, this.cupRequestData.businessunit_id).subscribe(response => {\r\n if (!response['isError']) {\r\n this.apiResp = response;\r\n this.formData = JSON.parse(JSON.stringify(this.apiResp.rebateEvemData[0]));\r\n this.generateDateFormats();\r\n } else {\r\n this._service.displayToastr(response);\r\n }\r\n })\r\n }\r\n }\r\n }\r\n\r\n getFormattedDate(date) {\r\n return moment(date).format(\"yyyy-MM-DD\");\r\n }\r\n getFormattedEndDate(date) {\r\n const dateNow = new Date();\r\n const iDate = new Date(date);\r\n\r\n if(iDate.getTime() > dateNow.getTime()) {\r\n const dateYesterday = new Date(dateNow);\r\n dateYesterday.setDate(dateYesterday.getDate());\r\n \r\n return moment(dateYesterday).format(\"yyyy-MM-DD\");\r\n }\r\n else { \r\n return moment(date).format(\"yyyy-MM-DD\");\r\n }\r\n }\r\n\r\n generateDateFormats() {\r\n this.formData['submission_date'] = moment(this.formData['submission_date']).format('YYYY/MM/DD');\r\n this.formData['effective_date'] = moment(this.formData['effective_date']).format('YYYY/MM/DD');\r\n this.formData['expiration_date'] = moment(this.formData['expiration_date']).format('YYYY/MM/DD');\r\n this.formData['cups_intostock_id'] = this.cupRequestData.cups_intostock_id;\r\n this.selectedStatus = this.statusOptions.find(so => so.id === this.cupRequestData.status);\r\n this.formData['distributor_invoice_number'] = this.cupRequestData.distributor_invoice_number;\r\n }\r\n\r\n doCalculations() {\r\n let basfInvoicePrice = Number(this.formData['basf_invoice_price']);\r\n let distributedSupportPrice = Number(this.formData['distributor_supported_price']);\r\n this.formData['price_diff'] = (basfInvoicePrice - distributedSupportPrice).toFixed(2).toString();\r\n if (this.formData['quantity_shipped']) {\r\n let quantity_shipped = Number(this.formData['quantity_shipped']);\r\n this.formData['total_creditdue'] = (quantity_shipped * Number(this.formData['price_diff'])).toFixed(2);\r\n }\r\n }\r\n\r\n getDistributorPrice(date: any) {\r\n let foundPrices = [];\r\n if (this.priceData.length) {\r\n this.priceData.forEach(pd => {\r\n let currentDate = new Date(pd.effective_date_of_change);\r\n let shippedDate = new Date(date);\r\n if (shippedDate.getTime() > currentDate.getTime()) {\r\n foundPrices.push(pd);\r\n }\r\n });\r\n if (foundPrices.length && (this.selectedBusinessUnit === 1 || this.selectedBusinessUnit === 4) ) {\r\n this.assignEMPrices(foundPrices);\r\n }\r\n else if (foundPrices.length && this.selectedBusinessUnit === 2) {\r\n this.assignEVPrices(foundPrices);\r\n } else {\r\n this.formData['basf_invoice_price'] = this.cupRequestData['distributor_price_from_basf'];\r\n this.formData['distributor_supported_price'] = this.cupRequestData['net_support_price'];\r\n this.formData['price_to_end_user'] = this.cupRequestData['support_price_to_end_customer'];\r\n }\r\n } else {\r\n this.formData['basf_invoice_price'] = this.cupRequestData['distributor_price_from_basf'];\r\n this.formData['distributor_supported_price'] = this.cupRequestData['net_support_price'];\r\n this.formData['price_to_end_user'] = this.cupRequestData['support_price_to_end_customer'];\r\n }\r\n this.doCalculations();\r\n }\r\n\r\n assignEMPrices(foundPrices: any[]) {\r\n let minDate = foundPrices.reduce((a, b) => new Date(a.effective_date_of_change) > new Date(b.effective_date_of_change) ? a : b)\r\n this.formData['basf_invoice_price'] = minDate['distributor_price_from_basf'];\r\n this.formData['distributor_supported_price'] = minDate['net_support_price'];\r\n this.formData['price_to_end_user'] = minDate['support_price_to_end_customer'];\r\n }\r\n\r\n assignEVPrices(foundPrices: any[]) {\r\n foundPrices = foundPrices.filter(fp => fp.cupReqId === this.formData['request_reference_number']);\r\n let minDate = foundPrices.reduce((a, b) => new Date(a.effective_date_of_change) > new Date(b.effective_date_of_change) ? a : b)\r\n this.formData['basf_invoice_price'] = minDate['distributor_price_from_basf'];\r\n this.formData['distributor_supported_price'] = minDate['net_support_price'];\r\n this.formData['price_to_end_user'] = minDate['support_price_to_end_customer'];\r\n }\r\n\r\n receivePriceData(priceData: any) {\r\n this.priceData = priceData;\r\n }\r\n\r\n\r\n submitRebate() {\r\n if (this.checkValidations()) {\r\n this.requestAPI.created_by = sessionStorage.getItem('userid');\r\n this.requestAPI.distributor_invoice_number = this.formData['distributor_invoice_number'];\r\n this.requestAPI.quantity_shipped = Number(this.formData['quantity_shipped']);\r\n this.requestAPI.request_id = this.formData['request_id'];\r\n this.requestAPI.shipped_date = this.formData['shipped_date'];\r\n this.requestAPI.total_creditdue = this.formData['total_creditdue'];\r\n this.requestAPI.comments = (this.formData['comments'] !== null) ? this.formData['comments'] : '';\r\n this.requestAPI.cups_intostock_id = this.formData['cups_intostock_id'];\r\n this.requestAPI.price_to_end_user = this.formData['price_to_end_user'];\r\n this.requestAPI.price_diff = this.formData['price_diff'];\r\n this.requestAPI.basf_invoice_price = this.formData['basf_invoice_price'];\r\n this.requestAPI.distributor_supported_price = this.formData['distributor_supported_price'];\r\n if (this.formMode === 'Edit') {\r\n this.requestAPI.rebate_submissions_id = this.formData['rebate_submissions_id'];\r\n this.requestAPI.cups_intostock_id = 5;\r\n this.requestAPI['rebate_reference_number'] = this.formData['rebate_reference_number'];\r\n }\r\n this.requestAPI.businessunit_id = this.selectedBusinessUnit;\r\n if ((this.selectedBusinessUnit === 1 || this.selectedBusinessUnit === 4) && this.userAdmin) {\r\n this.generateAdminValues();\r\n }\r\n else {\r\n this.generateNonAdminValues();\r\n }\r\n this.spinner.show();\r\n this._service.createRebate(this.requestAPI).subscribe(response => {\r\n if (!response['isError']) {\r\n this.apiResp = response;\r\n this.spinner.hide();\r\n this._service.displayToastr(response);\r\n this.router.navigate(['/rebates']);\r\n } else{\r\n this.spinner.hide();\r\n this._service.displayToastr(response);\r\n }\r\n })\r\n }\r\n }\r\n\r\n generateNonAdminValues() {\r\n this.requestAPI['status'] = 1;\r\n this.requestAPI['credit_invoice'] = \"\";\r\n this.requestAPI['value'] = 0;\r\n this.requestAPI['admincomments'] = \"\";\r\n this.requestAPI['rebate_reference_number'] = \"\";\r\n }\r\n\r\n generateAdminValues() {\r\n this.requestAPI['status'] = this.selectedStatus.id;\r\n this.requestAPI['rebate_reference_number'] = this.formData['rebate_reference_number'];\r\n this.requestAPI['credit_invoice'] = this.formData['credit_invoice'];\r\n this.requestAPI['value'] = this.formData['value'];\r\n this.requestAPI['admincomments'] = this.formData['admincomments'];\r\n }\r\n\r\n cancel() {\r\n this.router.navigate(['/rebates']);\r\n }\r\n\r\n checkValidations() {\r\n if (!this.formData['distributor_invoice_number']) {\r\n this.toastr.error(\"Distributor Invoice Number Required\");\r\n return false;\r\n }\r\n if (!this.formData['shipped_date']) {\r\n this.toastr.error(\"Date Shipped to End User Required\");\r\n return false;\r\n }\r\n if (!this.formData['quantity_shipped']) {\r\n this.toastr.error(\"Quanitity Shipped Required\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n}\r\n","export default \".header-label {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n}\\r\\n.cust-form-label {\\r\\n font-size: 14px !important;\\r\\n margin-bottom: 0px !important;\\r\\n display: block;\\r\\n}\\r\\n.cancel-btn {\\r\\n width: 150px;\\r\\n color: white;\\r\\n background-color: #4f4f4f;\\r\\n margin:10px;\\r\\n border-radius: 5px;\\r\\n}\\r\\n.submit-btn {\\r\\n width: 150px;\\r\\n color: white;\\r\\n background-color: #0096d6;\\r\\n margin:10px;\\r\\n border-radius: 5px;\\r\\n}\\r\\nsmall {\\r\\n font-weight: 600 !important;\\r\\n}\\r\\n.cust-form-group {\\r\\n justify-content: end;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9yZWJhdGVzL3BtLXJlYmF0ZS1yZXF1ZXN0L3BtLXJlYmF0ZS1yZXF1ZXN0LmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxlQUFlO0lBQ2YsZ0JBQWdCO0FBQ3BCO0FBQ0E7SUFDSSwwQkFBMEI7SUFDMUIsNkJBQTZCO0lBQzdCLGNBQWM7QUFDbEI7QUFDQTtJQUNJLFlBQVk7SUFDWixZQUFZO0lBQ1oseUJBQXlCO0lBQ3pCLFdBQVc7SUFDWCxrQkFBa0I7QUFDdEI7QUFDQTtJQUNJLFlBQVk7SUFDWixZQUFZO0lBQ1oseUJBQXlCO0lBQ3pCLFdBQVc7SUFDWCxrQkFBa0I7QUFDdEI7QUFDQTtJQUNJLDJCQUEyQjtBQUMvQjtBQUNBO0lBQ0ksb0JBQW9CO0lBQ3BCLGFBQWE7SUFDYixzQkFBc0I7QUFDMUIiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL3JlYmF0ZXMvcG0tcmViYXRlLXJlcXVlc3QvcG0tcmViYXRlLXJlcXVlc3QuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5oZWFkZXItbGFiZWwge1xyXG4gICAgZm9udC1zaXplOiAyMHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcclxufVxyXG4uY3VzdC1mb3JtLWxhYmVsIHtcclxuICAgIGZvbnQtc2l6ZTogMTRweCAhaW1wb3J0YW50O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICBkaXNwbGF5OiBibG9jaztcclxufVxyXG4uY2FuY2VsLWJ0biB7XHJcbiAgICB3aWR0aDogMTUwcHg7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNGY0ZjRmO1xyXG4gICAgbWFyZ2luOjEwcHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbn1cclxuLnN1Ym1pdC1idG4ge1xyXG4gICAgd2lkdGg6IDE1MHB4O1xyXG4gICAgY29sb3I6IHdoaXRlO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNjtcclxuICAgIG1hcmdpbjoxMHB4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xyXG59XHJcbnNtYWxsIHtcclxuICAgIGZvbnQtd2VpZ2h0OiA2MDAgIWltcG9ydGFudDtcclxufVxyXG4uY3VzdC1mb3JtLWdyb3VwIHtcclxuICAgIGp1c3RpZnktY29udGVudDogZW5kO1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbn0iXX0= */\"","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport * as moment from 'moment';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { CupsService } from 'src/services/cups.service';\r\n\r\n@Component({\r\n selector: 'app-pm-rebate-request',\r\n templateUrl: './pm-rebate-request.component.html',\r\n styleUrls: ['./pm-rebate-request.component.css']\r\n})\r\nexport class PmRebateRequestComponent implements OnInit {\r\n\r\n cupRequestData: any;\r\n formData: any;\r\n apiResp: any;\r\n type: any;\r\n requestAPI = {\r\n \"rebate_submissions_id\": 0,\r\n \"pm_request_id\": 0,\r\n \"request_id\": 0,\r\n \"distributor_invoice_number\": \"\",\r\n \"shipped_date\": \"\",\r\n \"quantity_shipped\": 0,\r\n \"total_creditdue\": 0,\r\n \"comments\": \"\",\r\n \"invoice\": \"\",\r\n \"quantity\": 0,\r\n \"enter_po\": \"\",\r\n \"rebate_final\": 0,\r\n \"created_by\": \"\",\r\n \"cups_intostock_id\": 5,\r\n \"businessunit_id\": 0,\r\n \"rebate\":0,\r\n \"net_support_cost\": 0,\r\n \"list_price_LB\": 0\r\n };\r\n formMode = 'New';\r\n selectedBusinessUnit: any;\r\n bu: any;\r\n EVID = 2;\r\n EMID = 1;\r\n PMID = 3;\r\n EDID = 4;\r\n priceData: any;\r\n constructor(private router: Router, private _service: CupsService, private spinner: NgxSpinnerService, private toastr: ToastrService) { }\r\n\r\n ngOnInit() { \r\n if (!history.state.data) {\r\n this.router.navigate(['/rebates']);\r\n } else {\r\n this.cupRequestData = history.state.data.rowData;\r\n this.type= history.state.data.type;\r\n if (history.state.data.type === 'edit') {\r\n this._service.getRebateFormData(this.cupRequestData.pm_request_id, '3').subscribe(response => {\r\n if (!response['isError']) {\r\n this.apiResp = response;\r\n this.cupRequestData = JSON.parse(JSON.stringify(this.apiResp.rebatePMData[0]));\r\n } else {\r\n this._service.displayToastr(response);\r\n }\r\n })\r\n this.formData = JSON.parse(JSON.stringify(this.cupRequestData));\r\n this.formMode = 'Edit';\r\n this.formData['shipped_date'] = moment(this.formData['shipped_date']).format('yyyy-MM-DD');\r\n } else {\r\n this.formMode = 'New';\r\n this._service.getRebateFormData(this.cupRequestData.pm_request_id, '3').subscribe(response => {\r\n if (!response['isError']) {\r\n this.apiResp = response;\r\n this.formData = JSON.parse(JSON.stringify(this.apiResp.rebatePMData[0]));\r\n } else {\r\n this._service.displayToastr(response);\r\n }\r\n })\r\n }\r\n }\r\n }\r\n\r\n getDistributorPrice(date: any) {\r\n let foundPrices: any[] =[];\r\n if(this.priceData.length) {\r\n this.priceData.forEach(pd => {\r\n let currentDate = new Date(pd.effective_date_of_change);\r\n let shippedDate = new Date(date);\r\n if(shippedDate.getTime() > currentDate.getTime()) {\r\n foundPrices.push(pd);\r\n }\r\n });\r\n if (foundPrices.length) {\r\n let minDate = foundPrices.reduce((a, b) => new Date(a.effective_date_of_change) > new Date(b.effective_date_of_change) ? a : b)\r\n this.formData['net_supported_cost'] = minDate['supported_buy_price'];\r\n this.formData['rebate'] = minDate['rebate'];\r\n this.formData['list_price_LB'] = minDate['distributor_price_from_basf'];\r\n this.formData['supported_list_price_LB'] = Number(minDate['supported_buy_price']) + Number(minDate['distributor_price_from_basf']);\r\n } else {\r\n this.formData['rebate'] = this.cupRequestData['rebate'];\r\n this.formData['net_supported_cost'] = this.cupRequestData['net_support_cost'];\r\n this.formData['supported_list_price_LB'] = this.cupRequestData['supported_list_price_LB'];\r\n this.formData['list_price_LB'] = this.cupRequestData['list_price_LB'];\r\n }\r\n this.doCalculations();\r\n }\r\n }\r\n\r\n doCalculations() {\r\n this.formData.rebate_final = (Number(this.formData.rebate) * Number(this.formData.quantity)).toFixed(2);\r\n }\r\n\r\n receivePriceData(priceData: any) {\r\n this.priceData = priceData;\r\n }\r\n\r\n submitRebate() {\r\n if (this.checkValidations()) {\r\n this.requestAPI.created_by = sessionStorage.getItem('userid');\r\n this.requestAPI.invoice = this.formData.invoice;\r\n this.requestAPI.quantity = Number(this.formData.quantity);\r\n this.requestAPI.pm_request_id = this.formData.pm_request_id;\r\n this.requestAPI.shipped_date = (new Date(this.formData.shipped_date)).toISOString();this.requestAPI.comments = (this.formData.comments !== null) ? this.formData.comments : '';\r\n this.requestAPI.enter_po = this.formData.enter_po;\r\n this.requestAPI.rebate_final = this.formData.rebate_final;\r\n this.requestAPI.rebate_submissions_id = this.formMode === 'Edit' ? this.formData.rebate_submissions_id : 0;\r\n this.requestAPI.businessunit_id = 3;\r\n this.requestAPI['credit_invoice'] = \"\";\r\n this.requestAPI['value'] = 0;\r\n this.requestAPI['admincomments'] = \"\";\r\n this.requestAPI['rebate_reference_number'] = this.formMode === 'Edit' ? this.formData.rebate_reference_number : \"\";\r\n this.requestAPI['rebate'] = this.formData['rebate'];\r\n this.requestAPI['net_support_cost'] = this.formData['net_supported_cost'];\r\n this.requestAPI['supported_list_price_LB'] = this.formData['supported_list_price_LB'];\r\n this.requestAPI.list_price_LB = this.formData['list_price_LB'];\r\n this.spinner.show();\r\n this._service.createRebate(this.requestAPI).subscribe(response => {\r\n if (!response['isError']) {\r\n this.apiResp = response;\r\n this.spinner.hide();\r\n this.router.navigate(['/rebates']);\r\n this._service.displayToastr(response);\r\n } else {\r\n this.spinner.hide();\r\n this._service.displayToastr(response);\r\n }\r\n })\r\n }\r\n }\r\n\r\n getFormattedDate(date) {\r\n return moment(date).format(\"yyyy-MM-DD\");\r\n }\r\n \r\n getFormattedEndDate(date) {\r\n const dateNow = new Date();\r\n const iDate = new Date(date);\r\n\r\n if(iDate.getTime() > dateNow.getTime()) {\r\n const dateYesterday = new Date(dateNow);\r\n dateYesterday.setDate(dateYesterday.getDate());\r\n \r\n return moment(dateYesterday).format(\"yyyy-MM-DD\");\r\n }\r\n else { \r\n return moment(date).format(\"yyyy-MM-DD\");\r\n }\r\n }\r\n \r\n checkValidations() {\r\n if (!this.formData['invoice']) {\r\n this.toastr.error(\"Invoice Number is Required\");\r\n return false;\r\n }\r\n if (!this.formData['quantity']) {\r\n this.toastr.error(\"Quantity Value is Required\");\r\n return false;\r\n }\r\n if (!this.formData['shipped_date']) {\r\n this.toastr.error(\"Shipped date is Required\");\r\n return false;\r\n }\r\n if (!this.formData['enter_po']) {\r\n this.toastr.error(\"PO number is Required\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n cancel() {\r\n this.router.navigate(['/rebates']);\r\n }\r\n\r\n}\r\n","export default \".header-label {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n}\\r\\n.cust-label {\\r\\n text-align: end;\\r\\n font-size: 14px;\\r\\n margin-bottom: 0.1rem;\\r\\n}\\r\\n.cust-text {\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n margin-bottom: 0.1rem;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9yZWJhdGVzL3JlYmF0ZS1pbmZvL3JlYmF0ZS1pbmZvLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxlQUFlO0lBQ2YsZ0JBQWdCO0FBQ3BCO0FBQ0E7SUFDSSxlQUFlO0lBQ2YsZUFBZTtJQUNmLHFCQUFxQjtBQUN6QjtBQUNBO0lBQ0ksZUFBZTtJQUNmLGdCQUFnQjtJQUNoQixxQkFBcUI7QUFDekIiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL3JlYmF0ZXMvcmViYXRlLWluZm8vcmViYXRlLWluZm8uY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5oZWFkZXItbGFiZWwge1xyXG4gICAgZm9udC1zaXplOiAyMHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcclxufVxyXG4uY3VzdC1sYWJlbCB7XHJcbiAgICB0ZXh0LWFsaWduOiBlbmQ7XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwLjFyZW07XHJcbn1cclxuLmN1c3QtdGV4dCB7XHJcbiAgICBmb250LXNpemU6IDE0cHg7XHJcbiAgICBmb250LXdlaWdodDogNjAwO1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMC4xcmVtO1xyXG59Il19 */\"","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { CupsService } from 'src/services/cups.service';\r\n\r\n@Component({\r\n selector: 'app-rebate-info',\r\n templateUrl: './rebate-info.component.html',\r\n styleUrls: ['./rebate-info.component.css']\r\n})\r\nexport class RebateInfoComponent implements OnInit {\r\n labelData: any;\r\n orgRowData: any;\r\n formData: any;\r\n labelCount = 0;\r\n leftColumns: any;\r\n rightColumns: any;\r\n halfWayIndex: any;\r\n bu: any;\r\n\r\n constructor(private router: Router, private spinner: NgxSpinnerService, private _service: CupsService) { }\r\n\r\n ngOnInit() {\r\n if (!history.state.data) {\r\n this.router.navigate(['/']);\r\n } else {\r\n this.bu = sessionStorage.getItem('BU');\r\n this.labelData = history.state.data.labelData;\r\n if(this.bu === 'EM' || this.bu === 'ED') {\r\n this.labelData.forEach(ld => {\r\n if(ld.field === 'value' && history.state.data.rowData['status']!== 1) {\r\n ld.is_grid_display = true;\r\n }\r\n if(ld.field === 'admincomments' && history.state.data.rowData['status']=== 1) {\r\n ld.is_grid_display = false;\r\n }\r\n })\r\n }\r\n\r\n this.labelData = this.labelData.filter(col => col.is_grid_display);\r\n this.labelData = this.labelData.sort((a, b) => {\r\n return a.serial_no - b.serial_no;\r\n });\r\n this.orgRowData = history.state.data.rowData;\r\n this.labelCount = this.labelData.length;\r\n this.halfWayIndex = Math.ceil(this.labelData.length / 2);\r\n this.leftColumns = this.labelData.slice(0, this.halfWayIndex)\r\n this.rightColumns = this.labelData.slice(this.halfWayIndex);\r\n this.formData = JSON.parse(JSON.stringify(this.orgRowData));\r\n }\r\n }\r\n\r\n goBack() {\r\n this.router.navigate(['/rebates']);\r\n }\r\n\r\n}\r\n","export default \".header-label {\\r\\n font-size: 20px;\\r\\n font-weight: 600;\\r\\n}\\r\\n.accordion-img-icon {\\r\\n margin-right: 6px;\\r\\n margin-bottom: 2px;\\r\\n margin-top: 2px;\\r\\n margin-left: 2px;\\r\\n height: 20px;\\r\\n width: 20px;\\r\\n}\\r\\n.reject-btn {\\r\\n width: 150px;\\r\\n color: white !important;\\r\\n background-color: #4f4f4f;\\r\\n margin:10px;\\r\\n border-radius: 5px !important;\\r\\n}\\r\\n#uploadExcel .activ-btn {\\r\\n background-color: #0096d6;\\r\\n border-radius: 5px;\\r\\n color: white;\\r\\n margin-right: 25px;\\r\\n height: 40px !important;\\r\\n}\\r\\n#uploadExcel .ui-button-icon-only .ui-button-icon-left, .ui-button-text-icon-left .ui-button-icon-left, .ui-button-text-icon-right .ui-button-icon-right {\\r\\n display: none !important;\\r\\n}\\r\\n#uploadExcel .ui-button {\\r\\n height: 40px !important;\\r\\n background-color: #0096d6 !important;\\r\\n border-radius: 5px !important;\\r\\n color: white !important;\\r\\n width: 250px !important;\\r\\n}\\r\\n#uploadExcel .ui-button.ui-button-text-icon-left .ui-button-text {\\r\\n padding: 3% !important;\\r\\n font-size: 1rem !important;\\r\\n}\\r\\n#uploadExcel .ui-card {\\r\\n box-shadow: 2px 2px 6px 1px rgb(0 0 0 / 12%), 1px 1px 3px 2px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%) !important;\\r\\n}\\r\\n#uploadExcel .cust-header {\\r\\n background-color: #0096d6;\\r\\n color: white;\\r\\n font-size: 16px;\\r\\n padding: 10px;\\r\\n text-align: center\\r\\n}\\r\\n#uploadExcel .form-frame2 {\\r\\n border: 1px dashed darkgray;\\r\\n height: 200px;\\r\\n}\\r\\n#uploadExcel .p-class {\\r\\n top: 40px;\\r\\n font-weight: 500;\\r\\n color: #0096d6;\\r\\n position: inherit;\\r\\n text-align: center;\\r\\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\\r\\n}\\r\\n#uploadExcel .del-class {\\r\\n font-size: 16px;\\r\\n float: right;\\r\\n margin-left: 15px;\\r\\n cursor: pointer;\\r\\n color: #0096d6;\\r\\n }\\r\\n#uploadExcel .p2-class {\\r\\n text-align: left;\\r\\n font-size: 16px;\\r\\n font-weight: 600;\\r\\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\\r\\n }\\r\\n.backdrop {\\r\\n background-color:rgba(0,0,0,0.83);\\r\\n position:fixed;\\r\\n top:0;\\r\\n left:0;\\r\\n width:100%;\\r\\n height:100vh;\\r\\n z-index: 9999;\\r\\n}\\r\\n.s-modal {\\r\\n top: 80px !important;\\r\\n right: 35px;\\r\\n z-index: 9999;\\r\\n}\\r\\n.s-modal-title {\\r\\n font-weight: 700;\\r\\n}\\r\\n.s-modal-header {\\r\\n padding: 5px;\\r\\n border: none;\\r\\n}\\r\\n.s-modal-body {\\r\\n padding: 0px !important;\\r\\n max-height: 600px;\\r\\n}\\r\\n.s-modal-dialog {\\r\\n width: auto;\\r\\n}\\r\\n/* .s-modal {\\r\\n float: right;\\r\\n} */\\r\\n.s-modal-content {\\r\\n /* color: white; */\\r\\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\\r\\n /* background-color: rgba(0,0,0,0.8) */\\r\\n}\\r\\n#rebates .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active {\\r\\n background-color: #0096d6 !important;\\r\\n border: 1px solid #6faf6a !important;\\r\\n}\\r\\n.rebate-add-btn {\\r\\n border-radius: 5px !important;\\r\\n background-color: #0096d6;\\r\\n margin-left: 10px;\\r\\n color: white;\\r\\n top: 0px;\\r\\n position: relative;\\r\\n}\\r\\n.rebate-excelIcon {\\r\\n font-size: 1.5em;\\r\\n cursor: pointer;\\r\\n background-color: #0096d6;\\r\\n color: white;\\r\\n border-radius: 5px;\\r\\n padding: 6px;\\r\\n margin-left: 10px;\\r\\n top: 5px;\\r\\n position: relative;\\r\\n}\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9yZWJhdGVzL3JlYmF0ZXMuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLGVBQWU7SUFDZixnQkFBZ0I7QUFDcEI7QUFDQTtJQUNJLGlCQUFpQjtJQUNqQixrQkFBa0I7SUFDbEIsZUFBZTtJQUNmLGdCQUFnQjtJQUNoQixZQUFZO0lBQ1osV0FBVztBQUNmO0FBQ0E7SUFDSSxZQUFZO0lBQ1osdUJBQXVCO0lBQ3ZCLHlCQUF5QjtJQUN6QixXQUFXO0lBQ1gsNkJBQTZCO0FBQ2pDO0FBQ0E7SUFDSSx5QkFBeUI7SUFDekIsa0JBQWtCO0lBQ2xCLFlBQVk7SUFDWixrQkFBa0I7SUFDbEIsdUJBQXVCO0FBQzNCO0FBRUE7SUFDSSx3QkFBd0I7QUFDNUI7QUFFQTtJQUNJLHVCQUF1QjtJQUN2QixvQ0FBb0M7SUFDcEMsNkJBQTZCO0lBQzdCLHVCQUF1QjtJQUN2Qix1QkFBdUI7QUFDM0I7QUFDQTtJQUNJLHNCQUFzQjtJQUN0QiwwQkFBMEI7QUFDOUI7QUFDQTtJQUNJLHdKQUF3SjtBQUM1SjtBQUNBO0lBQ0kseUJBQXlCO0lBQ3pCLFlBQVk7SUFDWixlQUFlO0lBQ2YsYUFBYTtJQUNiO0FBQ0o7QUFDQTtJQUNJLDJCQUEyQjtJQUMzQixhQUFhO0FBQ2pCO0FBQ0E7RUFDRSxTQUFTO0VBQ1QsZ0JBQWdCO0VBQ2hCLGNBQWM7RUFDZCxpQkFBaUI7RUFDakIsa0JBQWtCO0VBQ2xCLHdJQUF3STtBQUMxSTtBQUNBO0lBQ0ksZUFBZTtJQUNmLFlBQVk7SUFDWixpQkFBaUI7SUFDakIsZUFBZTtJQUNmLGNBQWM7RUFDaEI7QUFDRjtJQUNJLGdCQUFnQjtJQUNoQixlQUFlO0lBQ2YsZ0JBQWdCO0lBQ2hCLHdJQUF3STtFQUMxSTtBQUNBO0lBQ0UsaUNBQWlDO0lBQ2pDLGNBQWM7SUFDZCxLQUFLO0lBQ0wsTUFBTTtJQUNOLFVBQVU7SUFDVixZQUFZO0lBQ1osYUFBYTtBQUNqQjtBQUVBO0lBQ0ksb0JBQW9CO0lBQ3BCLFdBQVc7SUFDWCxhQUFhO0FBQ2pCO0FBQ0E7SUFDSSxnQkFBZ0I7QUFDcEI7QUFDQTtJQUNJLFlBQVk7SUFDWixZQUFZO0FBQ2hCO0FBQ0E7SUFDSSx1QkFBdUI7SUFDdkIsaUJBQWlCO0FBQ3JCO0FBQ0E7Q0FDQyxXQUFXO0FBQ1o7QUFDQTs7R0FFRztBQUNIO0lBQ0ksa0JBQWtCO0lBQ2xCLHdJQUF3STtJQUN4SSxzQ0FBc0M7QUFDMUM7QUFDQTtJQUNJLG9DQUFvQztJQUNwQyxvQ0FBb0M7QUFDeEM7QUFDQTtJQUNJLDZCQUE2QjtJQUM3Qix5QkFBeUI7SUFDekIsaUJBQWlCO0lBQ2pCLFlBQVk7SUFDWixRQUFRO0lBQ1Isa0JBQWtCO0FBQ3RCO0FBQ0E7SUFDSSxnQkFBZ0I7SUFDaEIsZUFBZTtJQUNmLHlCQUF5QjtJQUN6QixZQUFZO0lBQ1osa0JBQWtCO0lBQ2xCLFlBQVk7SUFDWixpQkFBaUI7SUFDakIsUUFBUTtJQUNSLGtCQUFrQjtBQUN0QiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvcmViYXRlcy9yZWJhdGVzLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuaGVhZGVyLWxhYmVsIHtcclxuICAgIGZvbnQtc2l6ZTogMjBweDtcclxuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XHJcbn1cclxuLmFjY29yZGlvbi1pbWctaWNvbiB7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IDZweDtcclxuICAgIG1hcmdpbi1ib3R0b206IDJweDtcclxuICAgIG1hcmdpbi10b3A6IDJweDtcclxuICAgIG1hcmdpbi1sZWZ0OiAycHg7XHJcbiAgICBoZWlnaHQ6IDIwcHg7XHJcbiAgICB3aWR0aDogMjBweDtcclxufVxyXG4ucmVqZWN0LWJ0biB7XHJcbiAgICB3aWR0aDogMTUwcHg7XHJcbiAgICBjb2xvcjogd2hpdGUgIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICM0ZjRmNGY7XHJcbiAgICBtYXJnaW46MTBweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweCAhaW1wb3J0YW50O1xyXG59XHJcbiN1cGxvYWRFeGNlbCAuYWN0aXYtYnRuIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDk2ZDY7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IDI1cHg7XHJcbiAgICBoZWlnaHQ6IDQwcHggIWltcG9ydGFudDtcclxufVxyXG5cclxuI3VwbG9hZEV4Y2VsIC51aS1idXR0b24taWNvbi1vbmx5IC51aS1idXR0b24taWNvbi1sZWZ0LCAudWktYnV0dG9uLXRleHQtaWNvbi1sZWZ0IC51aS1idXR0b24taWNvbi1sZWZ0LCAudWktYnV0dG9uLXRleHQtaWNvbi1yaWdodCAudWktYnV0dG9uLWljb24tcmlnaHQge1xyXG4gICAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4jdXBsb2FkRXhjZWwgLnVpLWJ1dHRvbiB7XHJcbiAgICBoZWlnaHQ6IDQwcHggIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDk2ZDYgIWltcG9ydGFudDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDVweCAhaW1wb3J0YW50O1xyXG4gICAgY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XHJcbiAgICB3aWR0aDogMjUwcHggIWltcG9ydGFudDtcclxufVxyXG4jdXBsb2FkRXhjZWwgLnVpLWJ1dHRvbi51aS1idXR0b24tdGV4dC1pY29uLWxlZnQgLnVpLWJ1dHRvbi10ZXh0IHtcclxuICAgIHBhZGRpbmc6IDMlICFpbXBvcnRhbnQ7XHJcbiAgICBmb250LXNpemU6IDFyZW0gIWltcG9ydGFudDtcclxufVxyXG4jdXBsb2FkRXhjZWwgLnVpLWNhcmQge1xyXG4gICAgYm94LXNoYWRvdzogMnB4IDJweCA2cHggMXB4IHJnYigwIDAgMCAvIDEyJSksIDFweCAxcHggM3B4IDJweCByZ2IoMCAwIDAgLyAyMCUpLCAwIDFweCAxcHggMCByZ2IoMCAwIDAgLyAxNCUpLCAwIDJweCAxcHggLTFweCByZ2IoMCAwIDAgLyAxMiUpICFpbXBvcnRhbnQ7XHJcbn1cclxuI3VwbG9hZEV4Y2VsIC5jdXN0LWhlYWRlciB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA5NmQ2O1xyXG4gICAgY29sb3I6IHdoaXRlO1xyXG4gICAgZm9udC1zaXplOiAxNnB4O1xyXG4gICAgcGFkZGluZzogMTBweDtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlclxyXG59XHJcbiN1cGxvYWRFeGNlbCAuZm9ybS1mcmFtZTIge1xyXG4gICAgYm9yZGVyOiAxcHggZGFzaGVkIGRhcmtncmF5O1xyXG4gICAgaGVpZ2h0OiAyMDBweDtcclxufVxyXG4jdXBsb2FkRXhjZWwgLnAtY2xhc3Mge1xyXG4gIHRvcDogNDBweDtcclxuICBmb250LXdlaWdodDogNTAwO1xyXG4gIGNvbG9yOiAjMDA5NmQ2O1xyXG4gIHBvc2l0aW9uOiBpbmhlcml0O1xyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICBmb250LWZhbWlseTogLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCBSb2JvdG8sIE94eWdlbiwgVWJ1bnR1LCBDYW50YXJlbGwsICdPcGVuIFNhbnMnLCAnSGVsdmV0aWNhIE5ldWUnLCBzYW5zLXNlcmlmO1xyXG59XHJcbiN1cGxvYWRFeGNlbCAuZGVsLWNsYXNzIHtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZsb2F0OiByaWdodDtcclxuICAgIG1hcmdpbi1sZWZ0OiAxNXB4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgY29sb3I6ICMwMDk2ZDY7XHJcbiAgfVxyXG4jdXBsb2FkRXhjZWwgLnAyLWNsYXNzIHtcclxuICAgIHRleHQtYWxpZ246IGxlZnQ7XHJcbiAgICBmb250LXNpemU6IDE2cHg7XHJcbiAgICBmb250LXdlaWdodDogNjAwO1xyXG4gICAgZm9udC1mYW1pbHk6IC1hcHBsZS1zeXN0ZW0sIEJsaW5rTWFjU3lzdGVtRm9udCwgJ1NlZ29lIFVJJywgUm9ib3RvLCBPeHlnZW4sIFVidW50dSwgQ2FudGFyZWxsLCAnT3BlbiBTYW5zJywgJ0hlbHZldGljYSBOZXVlJywgc2Fucy1zZXJpZjtcclxuICB9XHJcbiAgLmJhY2tkcm9wIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6cmdiYSgwLDAsMCwwLjgzKTtcclxuICAgIHBvc2l0aW9uOmZpeGVkO1xyXG4gICAgdG9wOjA7XHJcbiAgICBsZWZ0OjA7XHJcbiAgICB3aWR0aDoxMDAlO1xyXG4gICAgaGVpZ2h0OjEwMHZoO1xyXG4gICAgei1pbmRleDogOTk5OTtcclxufVxyXG5cclxuLnMtbW9kYWwge1xyXG4gICAgdG9wOiA4MHB4ICFpbXBvcnRhbnQ7XHJcbiAgICByaWdodDogMzVweDtcclxuICAgIHotaW5kZXg6IDk5OTk7XHJcbn1cclxuLnMtbW9kYWwtdGl0bGUge1xyXG4gICAgZm9udC13ZWlnaHQ6IDcwMDtcclxufVxyXG4ucy1tb2RhbC1oZWFkZXIge1xyXG4gICAgcGFkZGluZzogNXB4O1xyXG4gICAgYm9yZGVyOiBub25lO1xyXG59XHJcbi5zLW1vZGFsLWJvZHkge1xyXG4gICAgcGFkZGluZzogMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICBtYXgtaGVpZ2h0OiA2MDBweDtcclxufVxyXG4ucy1tb2RhbC1kaWFsb2cge1xyXG4gd2lkdGg6IGF1dG87XHJcbn1cclxuLyogLnMtbW9kYWwge1xyXG4gICAgZmxvYXQ6IHJpZ2h0O1xyXG59ICovXHJcbi5zLW1vZGFsLWNvbnRlbnQge1xyXG4gICAgLyogY29sb3I6IHdoaXRlOyAqL1xyXG4gICAgZm9udC1mYW1pbHk6IC1hcHBsZS1zeXN0ZW0sIEJsaW5rTWFjU3lzdGVtRm9udCwgJ1NlZ29lIFVJJywgUm9ib3RvLCBPeHlnZW4sIFVidW50dSwgQ2FudGFyZWxsLCAnT3BlbiBTYW5zJywgJ0hlbHZldGljYSBOZXVlJywgc2Fucy1zZXJpZjtcclxuICAgIC8qIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwwLDAsMC44KSAqL1xyXG59XHJcbiNyZWJhdGVzIC51aS10YWJ2aWV3LnVpLXRhYnZpZXctdG9wIC51aS10YWJ2aWV3LW5hdiBsaS51aS1zdGF0ZS1hY3RpdmUsIGJvZHkgLnVpLXRhYnZpZXcudWktdGFidmlldy1ib3R0b20gLnVpLXRhYnZpZXctbmF2IGxpLnVpLXN0YXRlLWFjdGl2ZSwgYm9keSAudWktdGFidmlldy51aS10YWJ2aWV3LWxlZnQgLnVpLXRhYnZpZXctbmF2IGxpLnVpLXN0YXRlLWFjdGl2ZSwgYm9keSAudWktdGFidmlldy51aS10YWJ2aWV3LXJpZ2h0IC51aS10YWJ2aWV3LW5hdiBsaS51aS1zdGF0ZS1hY3RpdmUge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNiAhaW1wb3J0YW50O1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgIzZmYWY2YSAhaW1wb3J0YW50O1xyXG59XHJcbi5yZWJhdGUtYWRkLWJ0biB7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHggIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDk2ZDY7XHJcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuICAgIHRvcDogMHB4O1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG59XHJcbi5yZWJhdGUtZXhjZWxJY29uIHtcclxuICAgIGZvbnQtc2l6ZTogMS41ZW07XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA5NmQ2O1xyXG4gICAgY29sb3I6IHdoaXRlO1xyXG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xyXG4gICAgcGFkZGluZzogNnB4O1xyXG4gICAgbWFyZ2luLWxlZnQ6IDEwcHg7XHJcbiAgICB0b3A6IDVweDtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxufSJdfQ== */\"","import { Component, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { CupsService } from 'src/services/cups.service';\r\nimport * as FileSaver from 'file-saver';\r\nimport * as XLSX from 'xlsx';\r\n\r\nconst EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';\r\n\r\nconst EXCEL_EXTENSION = '.xlsx';\r\n\r\n@Component({\r\n selector: 'app-rebates',\r\n templateUrl: './rebates.component.html',\r\n styleUrls: ['./rebates.component.css'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class RebatesComponent implements OnInit {\r\n\r\n gridAPIResp: any;\r\n rebateresp: any;\r\n selectedCols: any;\r\n rebatesData: any;\r\n downloadRebate:any;\r\n EMID = 1;\r\n EVID = 2;\r\n PMID = 3;\r\n EDID = 4;\r\n uploadedFiles: any[] = [];\r\n fileName = \"\";\r\n fileType = \"\";\r\n fileUpload = false;\r\n filesize =\"\";\r\n fileBuffer: any;\r\n fileObject: any;\r\n displayUpload = false;\r\n selectedBusinessUnit: any;\r\n bu = \"EM\";\r\n isDistributor = false;\r\n selectedRebates: any;\r\n APPROVED = 3;\r\n PENDING = 1;\r\n REJECTED = 2;\r\n ALL = 0;\r\n rebateStatus = 3;\r\n filteredData: any;\r\n filteredFields = [];\r\n tempFilteredData: any;\r\n isSalesSupportUser: any;\r\n isSalesSupportDistributor = 0;\r\n constructor(private _service: CupsService, private spinner: NgxSpinnerService, private toastr: ToastrService, private router: Router) { }\r\n\r\n ngOnInit() {\r\n this.bu = sessionStorage.getItem('BU');\r\n this.isDistributor = (sessionStorage.getItem('isDistributor') === \"1\" || sessionStorage.getItem('isDistributor') === \"true\") ? true : false;\r\n this.isSalesSupportUser = (sessionStorage.getItem('isSalesSupport') === \"1\" || sessionStorage.getItem('isSalesSupport') === \"true\") ? true : false;\r\n switch (this.bu) {\r\n case 'EM': this.selectedBusinessUnit = this.EMID; break;\r\n case 'EV': this.selectedBusinessUnit = this.EVID; break;\r\n case 'PM': this.selectedBusinessUnit = this.PMID; break;\r\n case 'ED': this.selectedBusinessUnit = this.EDID; break;\r\n default: this.selectedBusinessUnit = this.EMID; break;\r\n }\r\n\r\n this.isSalesSupportDistributor = Number(sessionStorage.getItem('SalesSupportDistributor'));\r\n this.getRebatesGrid(this.selectedBusinessUnit, this.rebateStatus);\r\n }\r\n\r\n getRebatesGrid(businessUnit: any, rebateStatus) {\r\n this.selectedBusinessUnit = businessUnit;\r\n this.spinner.show();\r\n this._service.getRebateGridData(businessUnit, rebateStatus, this.isSalesSupportDistributor).subscribe(response => {\r\n this.spinner.hide();\r\n if (!response['isError']) {\r\n this.gridAPIResp = response;\r\n this.selectedCols = this.gridAPIResp.headerColumns;\r\n this.selectedCols = this.selectedCols.filter(col => col.is_grid_display);\r\n if(this.isDistributor || Number(sessionStorage.getItem('SalesSupportDistributor'))>0){\r\n this.selectedCols=this.selectedCols.filter(col=>col.field!== 'admincomments');\r\n }\r\n if((businessUnit === 1 || businessUnit === 4) && rebateStatus === 1) {\r\n this.selectedCols = this.selectedCols.filter(ld => ld.field !== 'admincomments' );\r\n }\r\n if (businessUnit === 1 || businessUnit === 2 || businessUnit === 4) {\r\n this.rebatesData = this.gridAPIResp.rebateEvemGridData;\r\n }\r\n if (businessUnit === 3) {\r\n this.rebatesData = this.gridAPIResp.rebatePMGridData;\r\n }\r\n this.filteredData = JSON.parse(JSON.stringify(this.rebatesData));\r\n this.tempFilteredData = JSON.parse(JSON.stringify(this.filteredData));\r\n } else {\r\n this._service.displayToastr(response);\r\n }\r\n })\r\n }\r\n\r\n onTabChange(event) {\r\n switch(event.index) {\r\n case 0: this.rebateStatus = this.APPROVED; break;\r\n case 1: this.rebateStatus = this.PENDING; break;\r\n case 2: this.rebateStatus = this.REJECTED; break;\r\n case 3: this.rebateStatus = this.ALL; break;\r\n default: this.rebateStatus = this.APPROVED; break;\r\n }\r\n this.getRebatesGrid(this.selectedBusinessUnit, this.rebateStatus);\r\n }\r\n\r\n onSelectRow(rowObject) {\r\n let { rowData, type } = rowObject; \r\n if(type == 'edit') {\r\n let path = this.selectedBusinessUnit === 3 ? 'rebates/pm-rebate-form' : 'rebates/evem-rebate-form';\r\n this.router.navigate([path], { state: { data: {cols: this.selectedCols, rowData: rowData, type} } });\r\n } else {\r\n this.router.navigate(['rebates/rebate-info'], { state: { data: {labelData: this.gridAPIResp.headerColumns, rowData: rowData, type} } });\r\n }\r\n }\r\n\r\n myUploader(event) {\r\n this.spinner.show();\r\n let fileData = event[0];\r\n const element = event[0];\r\n this.filesize = \"0\";\r\n this.filesize = element.size;\r\n this.filesize = this.filesize.toString();\r\n if (element.size > 3145728) {\r\n this.spinner.hide();\r\n this.toastr.warning(\"File Limit Exceeded, Allows only below 3MB data\");\r\n return false;\r\n } else {\r\n this.fileName = fileData.name;\r\n this.fileType = fileData.type;\r\n this.fileBuffer = \"\";\r\n let fileReader = new FileReader();\r\n fileReader.onload = (_e) => {\r\n this.fileBuffer = fileReader.result;\r\n this.fileBuffer = this.fileBuffer.replace(`data:${this.fileType};base64,`, '');\r\n this.fileUpload = true;\r\n this.fileObject = {\r\n \"businessUnitId\": this.selectedBusinessUnit,\r\n \"fileName\": this.fileName,\r\n \"fileType\": this.fileType,\r\n \"fileSize\": this.filesize,\r\n \"fileAsBase64\": this.fileBuffer,\r\n \"created_by\": Number(sessionStorage.getItem('userid')),\r\n \"salesSupportDistributor\": Number(sessionStorage.getItem('SalesSupportDistributor'))\r\n };\r\n }\r\n fileReader.readAsDataURL(fileData);\r\n }\r\n this.uploadedFiles.push(event[0]);\r\n this.spinner.hide();\r\n }\r\n\r\n uploadSubmit(_fileUpload) {\r\n this.spinner.show();\r\n this._service.uploadRebateTemplate(this.fileObject).subscribe(response => {\r\n this.afterAPIResponse(response);\r\n });\r\n }\r\n\r\n afterAPIResponse(response) {\r\n if (!response['isError']) {\r\n let apiResponse = JSON.stringify(response);\r\n if (apiResponse.includes(\"Invalid template\")) { this.toastr.error(apiResponse, 'Error!') }\r\n else {\r\n this.toastr.success(apiResponse, 'Success!');\r\n }\r\n this.removeFile();\r\n this.getRebatesGrid(this.selectedBusinessUnit, this.rebateStatus);\r\n this.displayUpload = false;\r\n this.spinner.hide();\r\n } else {\r\n this.spinner.hide();\r\n this._service.displayToastr(response);\r\n }\r\n }\r\n\r\n uploadFinalisedRebates() {\r\n this._service.uploadRebateExport(this.fileObject).subscribe(response => {\r\n this.afterAPIResponse(response);\r\n });\r\n }\r\n\r\n uploadRebates() {\r\n this.displayUpload = true;\r\n }\r\n\r\n removeFile() {\r\n this.fileName = \"\";\r\n this.fileType = \"\";\r\n this.filesize = \"\";\r\n this.fileBuffer = \"\"\r\n this.fileObject = null;\r\n }\r\n\r\n receiveSelectedRows(event) {\r\n this.selectedRebates = event;\r\n }\r\n\r\n filterData(filterObj) {\r\n let {value, filter } = filterObj;\r\n if (value == '') {\r\n if (this.filteredFields.length) {\r\n this.filteredFields = this.filteredFields.filter(ff => ff.fieldName !== filter);\r\n } else {\r\n this.filteredFields = [];\r\n }\r\n } else {\r\n let foundField = this.filteredFields.filter(ff => ff.fieldName == filter);\r\n if (foundField.length) {\r\n this.filteredFields.forEach(ff => {\r\n if (ff.fieldName == filter) {\r\n ff.value = value;\r\n }\r\n })\r\n } else {\r\n let fieldObj = {\r\n fieldName: filter,\r\n value: value\r\n };\r\n this.filteredFields.push(fieldObj);\r\n }\r\n }\r\n if (this.filteredFields.length) {\r\n let temp = this.rebatesData;\r\n this.filteredFields.forEach(ff => {\r\n temp = temp.filter(fd => fd[ff.fieldName].toUpperCase().includes(ff.value.toUpperCase()));\r\n })\r\n this.filteredData = temp;\r\n } else {\r\n this.filteredData = JSON.parse(JSON.stringify(this.rebatesData));\r\n }\r\n this.tempFilteredData = JSON.parse(JSON.stringify(this.filteredData));\r\n }\r\n\r\n exportExcel() {\r\n if (this.selectedBusinessUnit === 3) {\r\n if (this.selectedRebates !== undefined && this.selectedRebates.length > 0) {\r\n this.exportAsExcelFile(this.selectedRebates, 'RebatesRequests', 'sheet1', this.selectedCols);\r\n }\r\n else {\r\n this.exportAsExcelFile(this.tempFilteredData, 'RebatesRequests', 'sheet1', this.selectedCols);\r\n }\r\n } else {\r\n let userId = sessionStorage.getItem('userid');\r\n let selectedRebatedIds = '';\r\n if ((this.selectedBusinessUnit === 1 || this.selectedBusinessUnit === 4) && this.selectedRebates) {\r\n this.selectedRebates.forEach(sr => {\r\n selectedRebatedIds = selectedRebatedIds + ',' + sr.rebate_reference_number \r\n });\r\n selectedRebatedIds = selectedRebatedIds.slice(1);\r\n }\r\n else {\r\n selectedRebatedIds = \"''\";\r\n }\r\n this._service.downloadRebatesEMEV(this.selectedBusinessUnit, userId, selectedRebatedIds).subscribe((response: any) => {\r\n if (!response['isError']) {\r\n this.rebateresp = response;\r\n this.selectedCols = this.rebateresp.headerColumns;\r\n this.selectedCols = this.selectedCols.filter(col => col.is_grid_display);\r\n this.downloadRebate = this.rebateresp.downloadRebate;\r\n this.exportAsExcelFile(this.downloadRebate, 'RebatesRequests', 'Rebates', this.selectedCols);\r\n } else {\r\n this._service.displayToastr(response);\r\n }\r\n this.getRebatesGrid(this.selectedBusinessUnit, this.rebateStatus);\r\n })\r\n }\r\n }\r\n\r\n exportAsExcelFile(json: any[], excelFileName: string, sheetName: string, columnValues: any[]): void {\r\n let fieldValues: any[] = columnValues.map(field => field.field);\r\n let headerValues: string[] = columnValues.map(header => header.header);\r\n let displayedJson: any[] = [];\r\n if (json != null && json.length > 0) {\r\n for (let originalValue of json) {\r\n let jsonObject: any = {};\r\n for (let fieldValue of fieldValues) {\r\n jsonObject[fieldValue] = originalValue[fieldValue];\r\n }\r\n let jsonString = JSON.stringify(jsonObject);\r\n displayedJson.push(JSON.parse(jsonString));\r\n }\r\n const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(displayedJson);\r\n let range = XLSX.utils.decode_range(worksheet['!ref']);\r\n for (let C = range.s.c; C <= range.e.c; ++C) {\r\n let address = XLSX.utils.encode_col(C) + \"1\"; // <-- first row, column number C\r\n if (!worksheet[address]) continue;\r\n worksheet[address] = {\r\n v: headerValues[C],\r\n t: 's',\r\n s: {\r\n alignment: { textRotation: 90 },\r\n font: { bold: true }\r\n }\r\n };\r\n }\r\n XLSX.utils.sheet_add_aoa(worksheet, [[]], { origin: -1 });\r\n const workbook: XLSX.WorkBook = { Sheets: { [sheetName]: worksheet }, SheetNames: [sheetName] };\r\n const excelBuffer: any = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });\r\n this.saveAsExcelFile(excelBuffer, excelFileName);\r\n }\r\n\r\n }\r\n\r\n saveAsExcelFile(buffer: any, fileName: string): void {\r\n const data: Blob = new Blob([buffer], { type: EXCEL_TYPE });\r\n FileSaver.saveAs(data, fileName + EXCEL_EXTENSION);\r\n }\r\n\r\n\r\n \r\n\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\n\r\n\r\nimport { CupsService } from 'src/services/cups.service';\r\n\r\n\r\n\r\n@Component({\r\n selector: 'app-saml',\r\n templateUrl: './saml.component.html',\r\n styleUrls: []\r\n})\r\nexport class SamlComponent implements OnInit {\r\n userdataDB: any[];\r\n returnUrl: string;\r\n returnUrlpath: string;\r\n\r\n constructor(private route: ActivatedRoute, private router: Router, private _service: CupsService) { }\r\n usertoken: any;\r\n notAuthorized = false;\r\n isloading = true;\r\n userData: any = {\r\n email: \"\",\r\n id: 0,\r\n region: \"\",\r\n regionNumber: 0,\r\n role: \"\",\r\n userId: \"\",\r\n userName: \"\",\r\n notAuthorized: false\r\n };\r\n usersData: any;\r\n usersData1: any;\r\n buUsersData: any;\r\n\r\n\r\n ngOnInit() {\r\n\r\n this\r\n .route\r\n .queryParams\r\n .subscribe(params => {\r\n if (params['returnUrl'] != undefined) {\r\n sessionStorage.setItem('returnUrl', params['returnUrl']);\r\n }\r\n this.usertoken = params.Username;\r\n sessionStorage.setItem('loginuseremail', params.Email);\r\n sessionStorage.setItem('jwtToken', params.Email);\r\n sessionStorage.setItem('UserToken', JSON.stringify(params));\r\n sessionStorage.setItem('IsAdmin', params.IsAdmin);\r\n sessionStorage.setItem('userid', params.userid);\r\n if (this.usertoken == undefined || this.usertoken == '') {\r\n this.SAMLService();\r\n }\r\n else {\r\n if (params.userid > 0) {\r\n this.binduserdetails(params.Email);\r\n }\r\n else {\r\n this.router.navigate(['/error']);\r\n }\r\n }\r\n });\r\n }\r\n binduserdetails(params) {\r\n this._service.getUserDetailsById(atob(params)).subscribe(response => {\r\n if (!response['isError']) {\r\n this.usersData = response['lstUsers'][0];\r\n if (this.usersData) {\r\n this.setSessionStorageValues();\r\n this.returnUrl = sessionStorage.getItem('returnUrl');\r\n if (this.returnUrl == undefined || this.returnUrl == '') {\r\n this.router.navigate(['/home']);\r\n }\r\n else {\r\n this.returnUrl = decodeURIComponent(this.returnUrl);\r\n this.returnUrlpath = sessionStorage.getItem('returnUrlpath');\r\n this.router.navigateByUrl(this.returnUrl);\r\n }\r\n } else {\r\n this.router.navigate(['error'])\r\n }\r\n } else {\r\n this._service.displayToastr(response);\r\n }\r\n })\r\n }\r\n\r\n setSessionStorageValues() {\r\n sessionStorage.setItem('loginuser', this.usersData.first_name);\r\n sessionStorage.setItem('loginuseremail', this.usersData.email);\r\n sessionStorage.setItem('jwtToken', btoa(this.usersData.email));\r\n sessionStorage.setItem('UserToken', this.usersData);\r\n //if (this.usersData.businessunit_id == 1 || this.usersData.businessunit_id == 4) {\r\n sessionStorage.setItem('SalesSupportDistributor', '0');\r\n //}\r\n this._service.sendAdminValue(this.usersData.is_admin);\r\n sessionStorage.setItem('userid', this.usersData.user_id);\r\n sessionStorage.setItem('isDistributor', this.usersData.is_distributor_user);\r\n sessionStorage.setItem('isSalesSupport', this.usersData.is_sales_support);\r\n if (this.usersData.is_distributor_user) {\r\n sessionStorage.setItem('IsAdmin', 'false');\r\n }\r\n else {\r\n sessionStorage.setItem('IsAdmin', this.usersData.is_admin);\r\n }\r\n sessionStorage.setItem('isSalesRep', this.usersData.is_sales_rep);\r\n this._service.sendDistributorValue(this.usersData.is_distributor_user);\r\n let sessionObject = {\r\n isAdmin: this.usersData.is_admin,\r\n isDistributor: this.usersData.is_distributor_user,\r\n loginUser: sessionStorage.getItem('loginuser')\r\n };\r\n this._service.sendSessionObject(sessionObject);\r\n\r\n switch (this.usersData.businessunit_id) {\r\n case 1: sessionStorage.setItem('BU', 'EM'); break;\r\n case 2: sessionStorage.setItem('BU', 'EV'); break;\r\n case 3: sessionStorage.setItem('BU', 'PM'); break;\r\n case 4: sessionStorage.setItem('BU', 'ED'); break;\r\n default: sessionStorage.setItem('BU', 'EM'); break;\r\n }\r\n this._service.sendSalesSupport(this.usersData.is_sales_support);\r\n this._service.sendSalesRep(this.usersData.is_sales_rep);\r\n this._service.sendBusinessUnit(sessionStorage.getItem('BU'));\r\n this._service.sendUserValue(sessionStorage.getItem('userid'));\r\n }\r\n\r\n SAMLService() {\r\n this._service.getSAMLService().subscribe(result => {\r\n if(!result['isError']){ \r\n window.location.href = result.strResponse.toString();\r\n } else {\r\n this._service.displayToastr(result);\r\n }\r\n },\r\n (error) => {\r\n console.log('error ', error);\r\n });\r\n }\r\n\r\n}\r\n","export default \"#supportRequestGrid .ui-table .ui-table-thead>tr>th {\\r\\n background-color: #4f4f4f;\\r\\n color:white;\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n padding: 3px;\\r\\n text-align: center;\\r\\n border: 1px solid #e1f0ff;\\r\\n}\\r\\n\\r\\n#supportRequestGrid .ui-table .ui-table-thead>tr>th>div {\\r\\n word-break: break-all;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n text-overflow: ellipsis;\\r\\n}\\r\\n\\r\\n#supportRequestGrid .ui-table .ui-table-tbody>tr>td {\\r\\n font-size: 14px;\\r\\n word-break: break-all;\\r\\n white-space: nowrap;\\r\\n overflow: hidden;\\r\\n padding: 0 10px;\\r\\n color: black;\\r\\n font-weight: 500;\\r\\n border: none !important;\\r\\n border-right: 1px solid #4f4f4f !important;\\r\\n text-overflow: ellipsis;\\r\\n vertical-align: top !important;\\r\\n}\\r\\n\\r\\n#supportRequestGrid .edit-column {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n right: 0px !important;\\r\\n width: 120px;\\r\\n}\\r\\n\\r\\n#supportRequestGrid .checkbox-column {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n left: 0px !important;\\r\\n}\\r\\n\\r\\n#supportRequestGrid .ui-paginator {\\r\\n margin-top: 10px !important;\\r\\n background-color: white !important;\\r\\n border: none !important;\\r\\n float: right !important;\\r\\n}\\r\\n\\r\\n#supportRequestGrid .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {\\r\\n background-color: #0096d6 !important;\\r\\n color: white !important;\\r\\n}\\r\\n\\r\\n#supportRequestGrid .ui-multiselect .ui-multiselect-panel {\\r\\n left: -292px !important;\\r\\n right: 0px !important;\\r\\n}\\r\\n\\r\\n#supportRequestGrid .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {\\r\\n color: black !important;\\r\\n background-color: white !important;\\r\\n}\\r\\n\\r\\n#supportRequestGrid .ui-chkbox .ui-chkbox-box.ui-state-active {\\r\\n border-color: #0096d6 !important;\\r\\n background-color: #0096d6 !important;\\r\\n color: #ffffff !important;\\r\\n}\\r\\n\\r\\n#supportRequestGrid .ui-table table {\\r\\n width: 100% !important;\\r\\n}\\r\\n\\r\\n#supportRequestGrid .ui-table {\\r\\n max-height: 700px !important;\\r\\n}\\r\\n\\r\\n#supportRequestGrid .ui-table-scrollable-header, .ui-table-scrollable-footer {\\r\\n position: -webkit-sticky;\\r\\n position: sticky;\\r\\n background-color: white;\\r\\n /* z-index: 9999; */\\r\\n}\\r\\n\\r\\n#supportRequestGrid .ui-table-scrollable-header-box {\\r\\n margin-right: 60px !important;\\r\\n}\\r\\n\\r\\n#supportRequestGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 280px) !important;\\r\\n}\\r\\n\\r\\n#supportRequestGrid .excelIcon {\\r\\n font-size: 1.5em;\\r\\n cursor: pointer;\\r\\n background-color: #0096d6;\\r\\n color: white;\\r\\n border-radius: 5px;\\r\\n padding: 6px;\\r\\n margin-left: 10px;\\r\\n top: -7px;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n@media screen and (min-width: 1000px) {\\r\\n #supportRequestGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 370px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:140px !important;\\r\\n }\\r\\n }\\r\\n\\r\\n@media screen and (min-width: 1052px) {\\r\\n #supportRequestGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 525px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:110px !important;\\r\\n }\\r\\n }\\r\\n\\r\\n@media screen and (min-width: 1407px) {\\r\\n #supportRequestGrid .ui-table-scrollable-body {\\r\\n max-height: calc(100vh - 460px) !important;\\r\\n }\\r\\n .cf {\\r\\n margin-top:80px !important;\\r\\n }\\r\\n}\\r\\n\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY29tcG9uZW50cy9zdXBwb3J0LXJlcXVlc3QtZ3JpZC9zdXBwb3J0LXJlcXVlc3QtZ3JpZC5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0lBQ0kseUJBQXlCO0lBQ3pCLFdBQVc7SUFDWCxlQUFlO0lBQ2YsZ0JBQWdCO0lBQ2hCLFlBQVk7SUFDWixrQkFBa0I7SUFDbEIseUJBQXlCO0FBQzdCOztBQUVBO0lBQ0kscUJBQXFCO0lBQ3JCLG1CQUFtQjtJQUNuQixnQkFBZ0I7SUFDaEIsdUJBQXVCO0FBQzNCOztBQUNBO0lBQ0ksZUFBZTtJQUNmLHFCQUFxQjtJQUNyQixtQkFBbUI7SUFDbkIsZ0JBQWdCO0lBQ2hCLGVBQWU7SUFDZixZQUFZO0lBQ1osZ0JBQWdCO0lBQ2hCLHVCQUF1QjtJQUN2QiwwQ0FBMEM7SUFDMUMsdUJBQXVCO0lBQ3ZCLDhCQUE4QjtBQUNsQzs7QUFDQTtJQUNJLHdCQUFnQjtJQUFoQixnQkFBZ0I7SUFDaEIscUJBQXFCO0lBQ3JCLFlBQVk7QUFDaEI7O0FBQ0E7SUFDSSx3QkFBZ0I7SUFBaEIsZ0JBQWdCO0lBQ2hCLG9CQUFvQjtBQUN4Qjs7QUFDQTtJQUNJLDJCQUEyQjtJQUMzQixrQ0FBa0M7SUFDbEMsdUJBQXVCO0lBQ3ZCLHVCQUF1QjtBQUMzQjs7QUFDQTtJQUNJLG9DQUFvQztJQUNwQyx1QkFBdUI7QUFDM0I7O0FBQ0E7RUFDRSx1QkFBdUI7RUFDdkIscUJBQXFCO0FBQ3ZCOztBQUNBO0VBQ0UsdUJBQXVCO0VBQ3ZCLGtDQUFrQztBQUNwQzs7QUFDQTtJQUNJLGdDQUFnQztJQUNoQyxvQ0FBb0M7SUFDcEMseUJBQXlCO0FBQzdCOztBQUNBO0lBQ0ksc0JBQXNCO0FBQzFCOztBQUNBO0lBQ0ksNEJBQTRCO0FBQ2hDOztBQUNBO0lBQ0ksd0JBQWdCO0lBQWhCLGdCQUFnQjtJQUNoQix1QkFBdUI7SUFDdkIsbUJBQW1CO0FBQ3ZCOztBQUNBO0lBQ0ksNkJBQTZCO0FBQ2pDOztBQUNBO0lBQ0ksMENBQTBDO0FBQzlDOztBQUVBO0lBQ0ksZ0JBQWdCO0lBQ2hCLGVBQWU7SUFDZix5QkFBeUI7SUFDekIsWUFBWTtJQUNaLGtCQUFrQjtJQUNsQixZQUFZO0lBQ1osaUJBQWlCO0lBQ2pCLFNBQVM7SUFDVCxrQkFBa0I7QUFDdEI7O0FBRUE7RUFDRTtRQUNNLDBDQUEwQztJQUM5QztJQUNBO1FBQ0ksMkJBQTJCO0lBQy9CO0VBQ0Y7O0FBRUE7SUFDRTtRQUNJLDBDQUEwQztJQUM5QztJQUNBO1FBQ0ksMkJBQTJCO0lBQy9CO0VBQ0Y7O0FBQ0E7SUFDRTtRQUNJLDBDQUEwQztJQUM5QztJQUNBO1FBQ0ksMEJBQTBCO0lBQzlCO0FBQ0oiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL3N1cHBvcnQtcmVxdWVzdC1ncmlkL3N1cHBvcnQtcmVxdWVzdC1ncmlkLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIjc3VwcG9ydFJlcXVlc3RHcmlkIC51aS10YWJsZSAudWktdGFibGUtdGhlYWQ+dHI+dGgge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzRmNGY0ZjtcclxuICAgIGNvbG9yOndoaXRlO1xyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcclxuICAgIHBhZGRpbmc6IDNweDtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkICNlMWYwZmY7XHJcbn1cclxuXHJcbiNzdXBwb3J0UmVxdWVzdEdyaWQgLnVpLXRhYmxlIC51aS10YWJsZS10aGVhZD50cj50aD5kaXYge1xyXG4gICAgd29yZC1icmVhazogYnJlYWstYWxsO1xyXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcclxuICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcclxufVxyXG4jc3VwcG9ydFJlcXVlc3RHcmlkIC51aS10YWJsZSAudWktdGFibGUtdGJvZHk+dHI+dGQge1xyXG4gICAgZm9udC1zaXplOiAxNHB4O1xyXG4gICAgd29yZC1icmVhazogYnJlYWstYWxsO1xyXG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcclxuICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICBwYWRkaW5nOiAwIDEwcHg7XHJcbiAgICBjb2xvcjogYmxhY2s7XHJcbiAgICBmb250LXdlaWdodDogNTAwO1xyXG4gICAgYm9yZGVyOiBub25lICFpbXBvcnRhbnQ7XHJcbiAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjNGY0ZjRmICFpbXBvcnRhbnQ7XHJcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcclxuICAgIHZlcnRpY2FsLWFsaWduOiB0b3AgIWltcG9ydGFudDtcclxufVxyXG4jc3VwcG9ydFJlcXVlc3RHcmlkIC5lZGl0LWNvbHVtbiB7XHJcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xyXG4gICAgcmlnaHQ6IDBweCAhaW1wb3J0YW50O1xyXG4gICAgd2lkdGg6IDEyMHB4O1xyXG59XHJcbiNzdXBwb3J0UmVxdWVzdEdyaWQgLmNoZWNrYm94LWNvbHVtbiB7XHJcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xyXG4gICAgbGVmdDogMHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuI3N1cHBvcnRSZXF1ZXN0R3JpZCAudWktcGFnaW5hdG9yIHtcclxuICAgIG1hcmdpbi10b3A6IDEwcHggIWltcG9ydGFudDtcclxuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XHJcbiAgICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcclxuICAgIGZsb2F0OiByaWdodCAhaW1wb3J0YW50O1xyXG59XHJcbiNzdXBwb3J0UmVxdWVzdEdyaWQgLnVpLXBhZ2luYXRvciAudWktcGFnaW5hdG9yLXBhZ2VzIC51aS1wYWdpbmF0b3ItcGFnZS51aS1zdGF0ZS1hY3RpdmUge1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNiAhaW1wb3J0YW50O1xyXG4gICAgY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XHJcbn1cclxuI3N1cHBvcnRSZXF1ZXN0R3JpZCAudWktbXVsdGlzZWxlY3QgLnVpLW11bHRpc2VsZWN0LXBhbmVsIHtcclxuICBsZWZ0OiAtMjkycHggIWltcG9ydGFudDtcclxuICByaWdodDogMHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuI3N1cHBvcnRSZXF1ZXN0R3JpZCAudWktbXVsdGlzZWxlY3QtcGFuZWwgLnVpLW11bHRpc2VsZWN0LWl0ZW1zIC51aS1tdWx0aXNlbGVjdC1pdGVtLnVpLXN0YXRlLWhpZ2hsaWdodCB7XHJcbiAgY29sb3I6IGJsYWNrICFpbXBvcnRhbnQ7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGUgIWltcG9ydGFudDtcclxufVxyXG4jc3VwcG9ydFJlcXVlc3RHcmlkIC51aS1jaGtib3ggLnVpLWNoa2JveC1ib3gudWktc3RhdGUtYWN0aXZlIHtcclxuICAgIGJvcmRlci1jb2xvcjogIzAwOTZkNiAhaW1wb3J0YW50O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwOTZkNiAhaW1wb3J0YW50O1xyXG4gICAgY29sb3I6ICNmZmZmZmYgIWltcG9ydGFudDtcclxufVxyXG4jc3VwcG9ydFJlcXVlc3RHcmlkIC51aS10YWJsZSB0YWJsZSB7XHJcbiAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xyXG59XHJcbiNzdXBwb3J0UmVxdWVzdEdyaWQgLnVpLXRhYmxlIHtcclxuICAgIG1heC1oZWlnaHQ6IDcwMHB4ICFpbXBvcnRhbnQ7XHJcbn1cclxuI3N1cHBvcnRSZXF1ZXN0R3JpZCAudWktdGFibGUtc2Nyb2xsYWJsZS1oZWFkZXIsIC51aS10YWJsZS1zY3JvbGxhYmxlLWZvb3RlciB7XHJcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgICAvKiB6LWluZGV4OiA5OTk5OyAqL1xyXG59XHJcbiNzdXBwb3J0UmVxdWVzdEdyaWQgLnVpLXRhYmxlLXNjcm9sbGFibGUtaGVhZGVyLWJveCB7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IDYwcHggIWltcG9ydGFudDtcclxufVxyXG4jc3VwcG9ydFJlcXVlc3RHcmlkIC51aS10YWJsZS1zY3JvbGxhYmxlLWJvZHkge1xyXG4gICAgbWF4LWhlaWdodDogY2FsYygxMDB2aCAtIDI4MHB4KSAhaW1wb3J0YW50O1xyXG59XHJcblxyXG4jc3VwcG9ydFJlcXVlc3RHcmlkIC5leGNlbEljb24ge1xyXG4gICAgZm9udC1zaXplOiAxLjVlbTtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDk2ZDY7XHJcbiAgICBjb2xvcjogd2hpdGU7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XHJcbiAgICBwYWRkaW5nOiA2cHg7XHJcbiAgICBtYXJnaW4tbGVmdDogMTBweDtcclxuICAgIHRvcDogLTdweDtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxufVxyXG5cclxuQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAwMHB4KSB7XHJcbiAgI3N1cHBvcnRSZXF1ZXN0R3JpZCAudWktdGFibGUtc2Nyb2xsYWJsZS1ib2R5IHtcclxuICAgICAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMzcwcHgpICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAuY2Yge1xyXG4gICAgICAgIG1hcmdpbi10b3A6MTQwcHggIWltcG9ydGFudDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEwNTJweCkge1xyXG4gICAgI3N1cHBvcnRSZXF1ZXN0R3JpZCAudWktdGFibGUtc2Nyb2xsYWJsZS1ib2R5IHtcclxuICAgICAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gNTI1cHgpICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbiAgICAuY2Yge1xyXG4gICAgICAgIG1hcmdpbi10b3A6MTEwcHggIWltcG9ydGFudDtcclxuICAgIH1cclxuICB9XHJcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTQwN3B4KSB7XHJcbiAgICAjc3VwcG9ydFJlcXVlc3RHcmlkIC51aS10YWJsZS1zY3JvbGxhYmxlLWJvZHkge1xyXG4gICAgICAgIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSA0NjBweCkgIWltcG9ydGFudDtcclxuICAgIH1cclxuICAgIC5jZiB7XHJcbiAgICAgICAgbWFyZ2luLXRvcDo4MHB4ICFpbXBvcnRhbnQ7XHJcbiAgICB9XHJcbn1cclxuIl19 */\"","import { Component, EventEmitter, Input, OnInit, Output, SimpleChanges, ViewChild, ViewEncapsulation } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { CupsService } from 'src/services/cups.service';\r\nimport { FilterUtils } from 'primeng/api';\r\nimport * as moment from 'moment';\r\nimport { Table } from 'primeng/table';\r\n@Component({\r\n selector: 'app-support-request-grid',\r\n templateUrl: './support-request-grid.component.html',\r\n styleUrls: ['./support-request-grid.component.css'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\n\r\nexport class SupportRequestGridComponent implements OnInit {\r\n @Input() gridCols: any;\r\n @Input() gridData: any;\r\n @Input() checkboxShow: any;\r\n @Input() showEdit: any;\r\n @Input() showDelete: any;\r\n @Input() showView: any;\r\n @Input() showClone: any;\r\n @Input() showFilter: any;\r\n @Input() showActive: any;\r\n @Input() showEmail: any;\r\n @Input() showConEmail: any;\r\n @Input() showReview: any;\r\n @Input() dataKey: any;\r\n @Input() adminAction: any;\r\n @Input() rows: any;\r\n\r\n @Output() filterData = new EventEmitter();\r\n @Output() selectRow = new EventEmitter();\r\n @Output() sendSelectedRows = new EventEmitter();\r\n cupsRequestData: any;\r\n apiResp: any;\r\n defaultWidth: '100%';\r\n userId: any;\r\n userAdmin: boolean = false;\r\n filteredData: any;\r\n filteredFields = [];\r\n tempFilteredData: any;\r\n title = \"Cups Request\";\r\n selectedRows: any;\r\n accountManager: any;\r\n bu: any;\r\n filters = [];\r\n orgGridData: any;\r\n orgCols: any;\r\n isDistributor: boolean = false;\r\n sortColumn: any;\r\n sortOrder: any;\r\n @ViewChild('dtSupportRequest', { static: true }) dtSupportRequest: Table | undefined;\r\n constructor(private _cupsService: CupsService, private router: Router, private spinner: NgxSpinnerService) { console.log(this.gridCols); }\r\n\r\n ngOnInit() {\r\n if (this.rows === undefined || this.rows === null) {\r\n this.rows = 10;\r\n }\r\n this.orgGridData = JSON.parse(JSON.stringify(this.gridData));\r\n this.accountManager = sessionStorage.getItem('loginuseremail');\r\n this.bu = sessionStorage.getItem('BU');\r\n this.isDistributor = (sessionStorage.getItem('isDistributor') === \"1\" || sessionStorage.getItem('isDistributor') === \"true\") ? true : false;\r\n FilterUtils['custom'] = (value, filter): boolean => {\r\n if (filter === undefined || filter === null || filter.trim() === '') {\r\n return true;\r\n }\r\n\r\n if (value === undefined || value === null) {\r\n return false;\r\n }\r\n\r\n return parseInt(filter) > value;\r\n }\r\n this.orgCols = this.sortSelectedColumns(this.gridCols);\r\n this._cupsService.getSortColumn().subscribe(column => {\r\n this.sortColumn = column;\r\n })\r\n this._cupsService.getSortOrder().subscribe(order => {\r\n this.sortOrder = order;\r\n })\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n if (changes.gridCols) {\r\n this.orgCols = this.sortSelectedColumns(changes.gridCols['currentValue']);\r\n }\r\n }\r\n\r\n sortField(column) {\r\n this._cupsService.sendSortColumn(this.dtSupportRequest.sortField);\r\n this._cupsService.sendSortOrder(this.dtSupportRequest.sortOrder);\r\n }\r\n\r\n sortSelectedColumns(columsnData) {\r\n return columsnData.sort((a, b) => {\r\n return a.serial_no - b.serial_no;\r\n })\r\n }\r\n\r\n paginate(table: Table) {\r\n let body = table.containerViewChild.nativeElement.getElementsByClassName(\"ui-table-scrollable-body\")[0];\r\n body.scrollTop = 0;\r\n }\r\n\r\n reOrderColumns(event: any) {\r\n event.columns.forEach((col: any) => {\r\n col.serial_no = event.columns.findIndex(x => x.header_id == col.header_id) + 1;\r\n let colData = event.columns;\r\n let ColObject = { colData, type: 'ColReorder' };\r\n this.selectRow.emit(ColObject)\r\n });\r\n }\r\n\r\n sendFilterData(value, filter) {\r\n let filterObj = {\r\n value, filter\r\n };\r\n this.filterData.emit(filterObj);\r\n }\r\n\r\n onSelectRow(rowData: any, type) {\r\n let rowObject = { rowData, type };\r\n this.selectRow.emit(rowObject);\r\n }\r\n\r\n onDeleteRow(rowData: any, type) {\r\n let rowObject = { rowData, type };\r\n this.selectRow.emit(rowObject);\r\n }\r\n\r\n checkSelectedRow(_event) {\r\n this.sendSelectedRows.emit(this.selectedRows)\r\n }\r\n\r\n checkDateField(fieldName) {\r\n if (fieldName.includes('_date')) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n buildFilter(event, fieldName) {\r\n let filterObj = {\r\n fieldName: fieldName,\r\n value: event.target.value\r\n };\r\n let fFieldName = this.filters.find(f => f.fieldName === fieldName);\r\n if (!fFieldName) {\r\n if (filterObj.value != \"\") {\r\n this.filters.push(filterObj);\r\n }\r\n else {\r\n this.filters = this.filters.filter(f => f.fieldName === fieldName);\r\n }\r\n } else {\r\n if (filterObj.value != \"\") {\r\n this.filters.forEach(f1 => {\r\n if (f1.fieldName === fieldName) {\r\n f1.value = event.target.value;\r\n }\r\n })\r\n } else {\r\n this.filters = this.filters.filter(f => f.fieldName !== fieldName);\r\n }\r\n }\r\n this.sortGridData();\r\n }\r\n\r\n sortGridData() {\r\n let tempOrgGridData = JSON.parse(JSON.stringify(this.orgGridData));\r\n this.filters.forEach(filter => {\r\n tempOrgGridData = tempOrgGridData.filter(f => moment(f[filter.fieldName]).format('L') === moment(filter.value).format('L'));\r\n });\r\n this.gridData = JSON.parse(JSON.stringify(tempOrgGridData));\r\n }\r\n}\r\n","const BaseUrl=\"\";\r\n//const BaseUrl = \"https://localhost:44381/api\";\r\n//const BaseUrl =\"https://distributorconnect-dev.basf.com/api\";\r\n//const BaseUrl = \"https://distributorconnect-qa.basf.com/api\";\r\n\r\nexport const environment = {\r\n production: false,\r\n apiUrl: '',\r\n //Cups Request's API's\r\n getMasterData: `/api/RequestSubmission/BindCupsDropdowndata`,\r\n getGridData: `/api/RequestSubmission/GetRequestSubmissionGrid`,\r\n getallGridData: `/api/RequestSubmission/GetAllRequestSubmissionGrid`,\r\n updateUserGridCols:`/api/RequestSubmission/UpdateUserGridCols`,\r\n getProductDetails: `/api/RequestSubmission/GetProductDetails`,\r\n submitEVEMRequest: `/api/RequestSubmission/CreateRequestSubmission`,\r\n submitPMRequest: `/api/RequestSubmission/CreatePMRequest`,\r\n getRequestDetails: `/api/RequestSubmission/GetRequestDetailsById`,\r\n getApprovalHistory: `/api/RequestSubmission/GetApprovalHistoryDetails`,\r\n getSoldToList: `/api/RequestSubmission/GetSoldToList`,\r\n activateCup: `/api/RequestSubmission/SubmitActivePriceSupport`,\r\n getDelegationApprovers: `/api/RequestSubmission/GetDelegationApprovers`,\r\n createDelegation: `/api/RequestSubmission/CreateDeligationRequest`,\r\n createEmCupDelegation: `/api/RequestSubmission/CreateEmCupDeligation`,\r\n massChange: `/api/RequestSubmission/MassEMPMUpdate`,\r\n updateComments: `/api/RequestSubmission/UpdateInternalComments`,\r\n getProductPricing: `/api/RequestSubmission/GetProductPricing`,\r\n sendEmailReminder: `/api/RequestSubmission/SentRemainderMail`,\r\n getEMPMHistory: `/api/RequestSubmission/GETEMPMHistory`,\r\n updateExpiryDate: `/api/RequestSubmission/UpdateExpiryDate`,\r\n getSalesSupportDistributors: `/api/RequestSubmission/GetSalesSupportDistributors`,\r\n deleteSupport: `/api/RequestSubmission/DeleteSupport`,\r\n \r\n //Distributor's Module\r\n getDistributorDetails: `/api/Distributor/GetDistributorDetails`,\r\n getDistributorUserDetails: `/api/Distributor/GetDistributorUserDetails`,\r\n getDistributorDropDownData: `/api/Distributor/GetDropdownDataforDistributor`,\r\n submitDistributorDetails: `/api/Distributor/InsertOrUpdateDistributor`,\r\n saveDistributorUsertoThreeIamCall: `/api/Distributor/InsertDistributorUserToThreeIam`,\r\n validateSaleSupport: `/api/Distributor/ValidateSaleSupport`,\r\n getDistributorGridData: `/api/Distributor/GetGridDistributorDetails`,\r\n getDistributorUsers: `/api/Distributor/GetAllDistributorUser`,\r\n getDistributors: `/api/Distributor/GetAllDistributors`,\r\n getDistributorsByUser: `/api/Distributor/getDistributorsByUser`,\r\n saveDistributorMapping: `/api/Distributor/saveDistributorMapping`,\r\n\r\n //Admin Users Module\r\n createUser: `/api/Users/CreateUserRequest`,\r\n getUsers: `/api/Users/GetUsers`,\r\n getAllUsers: `/api/Users/GetAllUsers`,\r\n getAdminConfigMaster: `/api/Admin/GetAdminConfigMaster`,\r\n getApprovalConfig: `/api/Admin/getApprovalConfig`,\r\n saveAdminConfig: `/api/Admin/SaveAdminConfig`,\r\n getSalesSupportUsers: `/api/RequestSubmission/GetSalesSupport`,\r\n getBUInternalUsers: `/api/Users/GetAllUserDetailsBasedOnBU`,\r\n getBUUsers: `/api/Users/GetBASFUsersByBU`,\r\n getProductDetailsById: `/api/Admin/getProductDetailsbyId`,\r\n deleteUser: `/api/Users/DeleteUserRequest`,\r\n UploadEndMarketSaleReport: `api/Admin/UploadEndMarketSaleReport`,\r\n getEndMarketSaleReport: `api/Admin/GetEndMarketSaleReport`,\r\n\r\n\r\n postSalesSupUsers: `/api/Admin/SaveSalesSupportPricingAdminData`,\r\n postSalescommercialUsers: `/api/Admin/SaveSalesCommericalMangerMapping`,\r\n getAllSaleSupportPricingAdmin: `/api/Admin/GetAllSalesSupportPricingAdminData`,\r\n getAllSalesCommericalManger: `/api/Admin/GetAllSalesCommericalMangerMappingData`,\r\n\r\n getAllProductsyBu: `/api/Admin/getAllProductsyBu`,\r\n UpdateProductMangerMapping: `/api/Admin/UpdateProductMangerMapping`,\r\n DeleteProductMangerMapping: `/api/Admin/DeleteProductMangerMapping`,\r\n postEVProductDetails: `/api/Admin/UpdateEVProductDetails`,\r\n postChangeProductStatus: `/api/Admin/ChangeProductStatus`,\r\n postChangeProductManager: `api/Admin/ChangeProductManager`,\r\n getUsersByEmailId: `/api/Users/GetUserDetailsByemailId`,\r\n createCustomer: `/api/Admin/CreateCustomer`,\r\n createCompetitor: `/api/Admin/createCompetitor`,\r\n\r\n //Admin - Account Details\r\n getAllAccountDetails:'/api/AccountDetails/GetAccountDetails',\r\n deleteAccountDetails:'/api/AccountDetails/DeleteAccountDetails',\r\n updateAccountDetails:'/api/AccountDetails/UpdateAccountDetails',\r\n insertAccountDetails:'/api/AccountDetails/InsertAccountDetails',\r\n getAccountData:'/api/AccountDetails/GetAllAccountsData',\r\n \r\n //Rebate API's\r\n createRebate: `/api/Rebate/CreateRebateTemplate`,\r\n getRebateFormData: `/api/Rebate/GetRebateTemplatFormData`,\r\n downloadRebatesEMEV: `/api/Rebate/DownloadRebatesEMEV`,\r\n \r\n getRebateDetails: `/api/Rebate/GetRebateTemplateDetails`,\r\n getRebatedGridData: `/api/Rebate/GetRebateTemplateGridData`,\r\n uploadRebateTemplate: `/api/Rebate/UploadRebateTemplate`,\r\n downloadRebates: `/api/Rebate/DownloadRebates`,\r\n uploadRebateExport: `/api/Rebate/UploadRebateExport`,\r\n\r\n //WorkFlow Status\r\n updateWorkFlow: `/api/WorkFlow/UpdateWorkFlowStatus`,\r\n updateRCWrokFlow: `/api/WorkFlow/UpdateRejectWithCounterOffer`,\r\n getWorkFlowDetails: `/api/WorkFlow/GetWorkFlowDetails`,\r\n getCounterOfferInfo: `/api/WorkFlow/GetRejectWithCounterOfferDetails`,\r\n updateDistributorResponse: `/api/WorkFlow/UpdateDistributorResponse`,\r\n resendSupportConfirmationEmail: `/api/WorkFlow/ResendSupportConfirmationEmail`,\r\n\r\n //Saml API's\r\n getSamlURL: `/api/GetSamlURL`,\r\n getsamlResponse: `/api/Getsaml`,\r\n\r\n //Upload excel\r\n uploadExcelTemplate: `/api/Upload/UploadExcelTemplate`,\r\n MassChangeUploadExcel: `/api/Upload/MassChangeUploadExcel`\r\n};\r\n\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\nexport function getBaseUrl() {\r\n return document.getElementsByTagName('base')[0].href;\r\n}\r\n\r\nconst providers = [\r\n { provide: 'BASE_URL', useFactory: getBaseUrl, deps: [] }\r\n];\r\n\r\nif (environment.production) {\r\n enableProdMode();\r\n}\r\n\r\nplatformBrowserDynamic(providers).bootstrapModule(AppModule)\r\n .catch(err => console.log(err));\r\n","import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class AuthguardServiceService {\r\n gettoken() {\r\n return !!sessionStorage.getItem('UserToken');\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { map } from 'rxjs/operators';\r\nimport { environment } from '../environments/environment';\r\nimport { BehaviorSubject, Observable } from 'rxjs';\r\nimport { ToastrService } from 'ngx-toastr';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class CupsService {\r\n\r\n businessUnit = new BehaviorSubject(sessionStorage.getItem('BU'));\r\n isAdmin = new BehaviorSubject(sessionStorage.getItem('IsAdmin'));\r\n isDistributor = new BehaviorSubject(sessionStorage.getItem('isDistributor'));\r\n isSalesSupport = new BehaviorSubject(sessionStorage.getItem('isSalesSupport'));\r\n isSalesrep = new BehaviorSubject(sessionStorage.getItem('isSalesRep'));\r\n userId = new BehaviorSubject(sessionStorage.getItem('userid'));\r\n sessionObject = new BehaviorSubject({});\r\n sortColumn = new BehaviorSubject('request_id');\r\n sortOrder = new BehaviorSubject(-1);\r\n\r\n constructor(private _http: HttpClient, private toastr: ToastrService) { }\r\n\r\n sendSortColumn(column: string) {\r\n this.sortColumn.next(column);\r\n }\r\n\r\n getSortColumn(): Observable {\r\n return this.sortColumn.asObservable();\r\n }\r\n\r\n sendSortOrder(order: number) {\r\n this.sortOrder.next(order);\r\n }\r\n\r\n getSortOrder(): Observable {\r\n return this.sortOrder.asObservable();\r\n }\r\n\r\n getSalesSupport(): Observable {\r\n return this.isSalesSupport.asObservable();\r\n }\r\n\r\n getUserValue(): Observable {\r\n return this.userId.asObservable();\r\n }\r\n\r\n sendUserValue(value) {\r\n this.userId.next(value);\r\n }\r\n\r\n sendSalesSupport(value) {\r\n this.isSalesSupport.next(value);\r\n }\r\n\r\n getSalesRep(): Observable {\r\n return this.isSalesrep.asObservable();\r\n }\r\n\r\n sendSalesRep(value) {\r\n this.isSalesrep.next(value);\r\n }\r\n\r\n sendBusinessUnit(bu: string) {\r\n this.businessUnit.next(bu);\r\n }\r\n\r\n getBusinessUnit(): Observable {\r\n return this.businessUnit.asObservable();\r\n }\r\n\r\n sendAdminValue(value) {\r\n this.isAdmin.next(value);\r\n }\r\n\r\n getAdminValue(): Observable {\r\n return this.isAdmin.asObservable();\r\n }\r\n\r\n sendDistributorValue(value) {\r\n this.isDistributor.next(value);\r\n }\r\n\r\n getSessionObject() {\r\n return this.sessionObject.asObservable();\r\n }\r\n\r\n sendSessionObject(value) {\r\n this.sessionObject.next(value);\r\n }\r\n\r\n getDistributorValue(): Observable {\r\n return this.isDistributor.asObservable();\r\n }\r\n\r\n sendEmailReminder(requestId, businessUnitId, requestRef: string, expiryDate: string, requestStatus) {\r\n return this._http.get(`${environment.sendEmailReminder}/${requestId}/${businessUnitId}/${requestRef}/${expiryDate}/${requestStatus}`).pipe(map((response) => response));\r\n }\r\n\r\n resendSupportConfirmationEmail(requestId, businessUnitId, requestRef, requestStatus) {\r\n return this._http.get(`${environment.resendSupportConfirmationEmail}/${requestId}/${businessUnitId}/${requestRef}/${requestStatus}`).pipe(map((response) => response));\r\n }\r\n\r\n deleteSupport(requestId, businessUnitId) {\r\n return this._http.get(`${environment.deleteSupport}/${requestId}/${businessUnitId}`).pipe(map((response) => response));\r\n }\r\n\r\n //CUPS Request Services\r\n getMasterData(distribuorSoldToId: any, soldToId: any, formName: any, distributorId: any, isInternalUser: any) {\r\n let isDistributor = (sessionStorage.getItem('isDistributor') === \"1\" || sessionStorage.getItem('isDistributor') === \"true\") ? true : false;\r\n return this._http.get(`${environment.getMasterData}/${distribuorSoldToId}/${soldToId}/${formName}/${distributorId}/${!isDistributor}`).pipe(map((response) => response));\r\n }\r\n\r\n getGridData(requestStatus, formName, userId, isDistributor, SalesSupportDistributor) {\r\n return this._http.get(`${environment.getGridData}/${requestStatus}/${formName}/${userId}/${isDistributor}/${SalesSupportDistributor}`).pipe(map((response) => response));\r\n }\r\n\r\n getAllGridData(formName, userId, isDistributor) {\r\n let salesSupportDistributor = parseInt(sessionStorage.getItem('SalesSupportDistributor'), 0);\r\n return this._http.get(`${environment.getGridData}/0/${formName}/${userId}/${isDistributor}/${salesSupportDistributor}`).pipe(map((response) => response));\r\n }\r\n\r\n updateUserGridCols(payload: any, userId: any, isdistributor: any) {\r\n return this._http.post(`${environment.updateUserGridCols}/${userId}/${isdistributor}`, payload).pipe(map((response) => response));\r\n }\r\n getProductDetails(productId) {\r\n return this._http.get(`${environment.getProductDetails}/${productId}`).pipe(map((response) => response));\r\n }\r\n\r\n submitRequest(requestData) {\r\n return this._http.post(`${environment.submitEVEMRequest}`, requestData).pipe(map((response) => response));\r\n }\r\n\r\n submitPMRequest(requestData) {\r\n return this._http.post(`${environment.submitPMRequest}`, requestData).pipe(map((response) => response));\r\n }\r\n\r\n getApprovalHistory(distrbuitorId, formName) {\r\n return this._http.get(`${environment.getApprovalHistory}/${distrbuitorId}/${formName}`).pipe(map((response) => response));\r\n }\r\n\r\n getCUPRequestDetails(requestId: any, businessUnitID: any) {\r\n let salesSupportDistributor = parseInt(sessionStorage.getItem('SalesSupportDistributor'), 0);\r\n return this._http.get(`${environment.getRequestDetails}/${requestId}/${businessUnitID}/${sessionStorage.getItem('isDistributor')}/${salesSupportDistributor}`).pipe(map((response) => response));\r\n }\r\n\r\n getSalesSupportDistributors(userId: any, isSalesSupport: any, isSalesRep: any, businessUnit: any) {\r\n return this._http.get(`${environment.getSalesSupportDistributors}/${userId}/${isSalesSupport}/${isSalesRep}/${businessUnit}`).pipe(map((response) => response));\r\n }\r\n\r\n getSoldTo(userId: any, businessUnit: any, isInternalUser: any) {\r\n let isDistributor = (sessionStorage.getItem('isDistributor') === \"1\" || sessionStorage.getItem('isDistributor') === \"true\") ? true : false;\r\n let salesSupportDistributor = parseInt(sessionStorage.getItem('SalesSupportDistributor'), 0);\r\n return this._http.get(`${environment.getSoldToList}/${userId}/${businessUnit}/${!isDistributor}/${salesSupportDistributor}`).pipe(map((response) => response));\r\n }\r\n\r\n submitActivateCup(requestData) {\r\n return this._http.post(`${environment.activateCup}`, requestData).pipe(map((response) => response));\r\n }\r\n\r\n getApprovers(businessUnit: any) {\r\n return this._http.get(`${environment.getDelegationApprovers}/?businessUnit=${businessUnit}`).pipe(map((response) => response));\r\n }\r\n\r\n submitDelegationRequest(requestData) {\r\n return this._http.post(`${environment.createDelegation}`, requestData).pipe(map((response) => response));\r\n }\r\n\r\n submitEMCupDelegationRequest(requestData) {\r\n return this._http.post(`${environment.createEmCupDelegation}`, requestData).pipe(map((response) => response));\r\n }\r\n\r\n submitMassChange(requestData, businessUnit: any) {\r\n return this._http.post(`${environment.massChange}?BU=${businessUnit}`, requestData).pipe(map((response) => response));\r\n }\r\n\r\n updateExpriyDate(request_reference_number, expiryDate, userId, businessUnit) {\r\n return this._http.get(`${environment.updateExpiryDate}/${request_reference_number}/${expiryDate}/${userId}/${businessUnit}`).pipe(map((response) => response));\r\n }\r\n\r\n //Distributor's Services\r\n getDistributorDetails(distributorId: any) {\r\n return this._http.get(`${environment.getDistributorDetails}/${distributorId}`).pipe(map((response) => response));\r\n }\r\n\r\n getDistributorUserDetails(distributorId: any) {\r\n return this._http.get(`${environment.getDistributorUserDetails}/${distributorId}`).pipe(map((response) => response))\r\n }\r\n\r\n getDistributorUsers() {\r\n return this._http.get(`${environment.getDistributorUsers}`).pipe(map((response) => response))\r\n }\r\n\r\n getDistributorsByUser(distributor_user_id: any) {\r\n return this._http.get(`${environment.getDistributorsByUser}/${distributor_user_id}`).pipe(map((response) => response))\r\n }\r\n\r\n saveDistributorMapping(distributorUserMapping: any) {\r\n return this._http.post(`${environment.saveDistributorMapping}`, distributorUserMapping).pipe(map((response) => response))\r\n }\r\n\r\n getDistributors() {\r\n return this._http.get(`${environment.getDistributors}`).pipe(map((response) => response))\r\n }\r\n\r\n getDistributorDropdownData(businessUnitId: any) {\r\n return this._http.get(`${environment.getDistributorDropDownData}/${businessUnitId}`).pipe(map((response) => response));\r\n }\r\n\r\n submitDistributorData(requestData: any) {\r\n return this._http.post(`${environment.submitDistributorDetails}`, requestData).pipe(map((response) => response))\r\n }\r\n\r\n saveDistributorUsertoThreeIamCall(requestData: any) {\r\n return this._http.post(`${environment.saveDistributorUsertoThreeIamCall}`, requestData).pipe(map((response) => response))\r\n }\r\n getDistributorsGridData(businessUnit: any, userId: any, isdistributor: any) {\r\n return this._http.get(`${environment.getDistributorGridData}/${businessUnit}/${userId}/${isdistributor}`).pipe(map((response) => response));\r\n }\r\n\r\n createCustomer(customerData: any) {\r\n return this._http.post(`${environment.createCustomer}`, customerData).pipe(map((response) => response));\r\n }\r\n\r\n createCompetitor(competitorData: any) {\r\n return this._http.post(`${environment.createCompetitor}`, competitorData).pipe(map((response) => response));\r\n }\r\n\r\n //User's Services\r\n submitUser(requestData: any) {\r\n return this._http.post(`${environment.createUser}`, requestData).pipe(map((response) => response))\r\n }\r\n\r\n getUsers() {\r\n return this._http.get(`${environment.getUsers}`).pipe(map((response) => response));\r\n }\r\n\r\n getAllUsers() {\r\n return this._http.get(`${environment.getAllUsers}`).pipe(map((response) => response));\r\n }\r\n getSAMLService(): Observable {\r\n return this._http.get(`${environment.getSamlURL}`).pipe(map((response) => response));\r\n }\r\n\r\n getSalesSupportUsers(businessUnit: any) {\r\n return this._http.get(`${environment.getSalesSupportUsers}/${businessUnit}`).pipe(map((response) => response));\r\n }\r\n\r\n getBUUsers(businessUnit: any) {\r\n return this._http.get(`${environment.getBUUsers}/${businessUnit}`).pipe(map((response) => response));\r\n }\r\n\r\n getBUInternalUsers(businessUnit: any) {\r\n return this._http.get(`${environment.getBUInternalUsers}/${businessUnit}`).pipe(map((response) => response));\r\n }\r\n\r\n getUserDetailsById(emailId: any) {\r\n return this._http.get(`${environment.getUsersByEmailId}/${emailId}`).pipe(map((response) => response));\r\n }\r\n\r\n getProductDetailsById(productId: any, effectiveDate: any) {\r\n return this._http.get(`${environment.getProductDetailsById}/${productId}/${effectiveDate}`).pipe(map((response) => response));\r\n }\r\n\r\n deleteUser(requestData: any) {\r\n return this._http.post(`${environment.deleteUser}`, requestData).pipe(map((response) => response))\r\n }\r\n\r\n // Approval Configuration Service\r\n getAdminConfigMaster() {\r\n return this._http.get(`${environment.getAdminConfigMaster}`).pipe(map((response) => response));\r\n }\r\n saveAdminConfig(adminConfigData) {\r\n return this._http.post(`${environment.saveAdminConfig}`, adminConfigData).pipe(map((response) => response))\r\n }\r\n getApprovalConfig(RegionId, CountryId, BusinessUnitId, SBUId, TypeId) {\r\n return this._http.get(`${environment.getApprovalConfig}/${RegionId}/${CountryId}/${BusinessUnitId}/${SBUId}/${TypeId}`).pipe(map((response) => response));\r\n }\r\n\r\n //Rebates Services \r\n getRebateFormData(requestId: any, businessUnitID: any) {\r\n return this._http.get(`${environment.getRebateFormData}/${requestId}/${businessUnitID}`).pipe(map((response) => response));\r\n }\r\n\r\n getRebateDetails(rebateRequestId: any, businessUnitID: any) {\r\n return this._http.get(`${environment.getRebateDetails}/${rebateRequestId}/${businessUnitID}`).pipe(map((response) => response));\r\n }\r\n\r\n createRebate(requestData: any) {\r\n return this._http.post(`${environment.createRebate}`, requestData).pipe(map((response) => response))\r\n }\r\n\r\n getRebateGridData(businessUnitID: any, rebateStatus: any, salesSupportDistributor: number) {\r\n return this._http.get(`${environment.getRebatedGridData}/${businessUnitID}/${sessionStorage.getItem('userid')}/${sessionStorage.getItem('isDistributor')}/${rebateStatus}/${salesSupportDistributor}`).pipe(map((response) => response));\r\n }\r\n\r\n uploadRebateTemplate(templateObject: any) {\r\n return this._http.post(`${environment.uploadRebateTemplate}`, templateObject).pipe(map((response) => response));\r\n }\r\n\r\n uploadRebateExport(templateObject: any) {\r\n return this._http.post(`${environment.uploadRebateExport}`, templateObject).pipe(map((response) => response));\r\n }\r\n\r\n downloadRebates(businessUnitId: any, distributorUserId: any) {\r\n return this._http.get(`${environment.downloadRebates}/${businessUnitId}/${distributorUserId}`, { responseType: 'blob' }).pipe(map((response) => response));\r\n }\r\n\r\n downloadRebatesEMEV(businessUnitID: any, userId: any, selectedRebates: any) {\r\n return this._http.get(`${environment.downloadRebatesEMEV}/${businessUnitID}/${userId}/${selectedRebates}`).pipe(map((response) => response));\r\n }\r\n\r\n //workFlow Services\r\n updateWorkFLowStatus(reqData: any) {\r\n return this._http.post(`${environment.updateWorkFlow}`, reqData).pipe(map((response) => response));\r\n }\r\n\r\n updateWorkFLowRCStatus(reqData: any) {\r\n return this._http.post(`${environment.updateRCWrokFlow}`, reqData).pipe(map((response) => response));\r\n }\r\n\r\n getWorkFlowUpdateDetails(userId: any, reqId: any, businessUnit: any, isDistributorUser: any) {\r\n return this._http.get(`${environment.getWorkFlowDetails}/${userId}/${reqId}/${businessUnit}/${isDistributorUser}`).pipe(map((response) => response));\r\n }\r\n\r\n getRejectWithCounterOfferDetails(cupRequestId: any, businessUnit: any, userId: any, isDistributorUser: any) {\r\n return this._http.get(`${environment.getCounterOfferInfo}/${cupRequestId}/${businessUnit}/${userId}/${isDistributorUser}`).pipe(map((response) => response));\r\n }\r\n\r\n updateDistributorResponse(reqData: any) {\r\n return this._http.post(`${environment.updateDistributorResponse}`, reqData).pipe(map((response) => response));\r\n }\r\n\r\n //Upload\r\n UploadExcelTemplate(templateObject: any) {\r\n return this._http.post(`${environment.uploadExcelTemplate}`, templateObject).pipe(map((response) => response));\r\n }\r\n\r\n UploadEMMassChangeExcelTemplate(templateObject: any) {\r\n return this._http.post(`${environment.MassChangeUploadExcel}`, templateObject).pipe(map((response) => response));\r\n }\r\n\r\n UploadEndMarketSaleReport(templateObject: any) {\r\n return this._http.post(`${environment.UploadEndMarketSaleReport}`, templateObject).pipe(map((response) => response));\r\n }\r\n\r\n getEndMarketSaleReport() {\r\n return this._http.get(`${environment.getEndMarketSaleReport}`).pipe(map((response) => response));\r\n }\r\n\r\n //admin \r\n postSalesSupportUsers(data: any) {\r\n return this._http.post(`${environment.postSalesSupUsers}`, data).pipe(map((response) => response));\r\n }\r\n postSalescommercialUsers(data: any) {\r\n return this._http.post(`${environment.postSalescommercialUsers}`, data).pipe(map((response) => response));\r\n }\r\n\r\n getAllSaleSupportPricingAdmin(businessunit_id: any) {\r\n return this._http.get(`${environment.getAllSaleSupportPricingAdmin}?businessUnit=${businessunit_id}`).pipe(map((response) => response));\r\n }\r\n\r\n getAllSalesCommericalManger(businessunit_id: any) {\r\n return this._http.get(`${environment.getAllSalesCommericalManger}?businessUnit=${businessunit_id}`).pipe(map((response) => response));\r\n }\r\n\r\n getAllProductsyBu(id: any, countryId: any) {\r\n return this._http.get(`${environment.getAllProductsyBu}/${id}/${countryId}`).pipe(map((response) => response));\r\n }\r\n\r\n UpdateProductMangerMapping(data: any) {\r\n return this._http.post(`${environment.UpdateProductMangerMapping}`, data).pipe(map((response) => response));\r\n }\r\n\r\n DeleteProductMangerMapping(productid, modifiedBy) {\r\n return this._http.post(`${environment.DeleteProductMangerMapping}/${productid}/${modifiedBy}`, {}).pipe(map((response) => response));\r\n }\r\n\r\n updateEVProductDetails(data: any) {\r\n return this._http.post(`${environment.postEVProductDetails}`, data).pipe(map((response) => response));\r\n }\r\n\r\n ChangeProductStatus(productId, modifiedBy) {\r\n return this._http.post(`${environment.postChangeProductStatus}/${productId}/${modifiedBy}`, {}).pipe(map((response) => response));\r\n }\r\n\r\n ChangeProductManager(FromProductManagerID, ToProductManagerID) {\r\n const reqObj = {\r\n FromProductManagerID: FromProductManagerID,\r\n ToProductManagerID: ToProductManagerID\r\n }\r\n return this._http.post(environment.postChangeProductManager, reqObj).pipe(map((response) => response));\r\n }\r\n\r\n displayToastr(response) {\r\n if (response['authorized'] && !response.isError && response['responseMessage'] != '') {\r\n this.toastr.success(response['responseMessage'], 'Success!');\r\n }\r\n if (response.isError && response['errorMessage'] != '') {\r\n this.toastr.error(response['errorMessage'], 'Error!')\r\n }\r\n }\r\n\r\n updateComments(reqData: any) {\r\n return this._http.post(`${environment.updateComments}`, reqData).pipe(map((response) => response));\r\n }\r\n\r\n getProductPricingRecord(buid: any, articlNumber: any, soldTo: any, shipTo: any, freightTerms: any, effectiveDate: any, salesOrg: string, supportType: number) {\r\n return this._http.get(`${environment.getProductPricing}/${buid}/${articlNumber}/${soldTo}/${shipTo}/${freightTerms}/${effectiveDate}/${salesOrg}/${supportType}`).pipe(map((response) => response));\r\n }\r\n\r\n getEMPPMHistory(cupReqId, businessUnitId, isDistributor) {\r\n const userId = sessionStorage.getItem('userid');\r\n let salesSupportDistributor = parseInt(sessionStorage.getItem('SalesSupportDistributor'), 0);\r\n return this._http.get(`${environment.getEMPMHistory}?reqId=${cupReqId}&BU=${businessUnitId}&is_distributor=${isDistributor}&userId=${userId}&salesSupportDistributor=${salesSupportDistributor}`).pipe(map((response) => response));\r\n }\r\n\r\n getAccountData() {\r\n return this._http.get(`${environment.getAccountData}`).pipe(map(res => res));\r\n }\r\n getAccountDetails() {\r\n return this._http.get(`${environment.getAllAccountDetails}`).pipe(map(res => res));\r\n }\r\n insertAccountDetails(obj: any) {\r\n return this._http.post(`${environment.insertAccountDetails}`, obj).pipe(map(res => res));\r\n\r\n }\r\n deleteAcccountDetails(obj: any) {\r\n return this._http.post(`${environment.deleteAccountDetails}`, obj).pipe(map(res => res));\r\n }\r\n updateAccountDetails(obj: any) {\r\n return this._http.post(`${environment.updateAccountDetails}`, obj).pipe(map(res => res));\r\n }\r\n\r\n validateSaleSupport(saleSupportId: number, distributorId:number,sbuId:string, cuprequestid: string) {\r\n return this._http.get(`${environment.validateSaleSupport}/${saleSupportId}/${distributorId}/${sbuId}/${cuprequestid}`).pipe(map((response) => response));\r\n }\r\n}\r\n","import { Directive, Output, EventEmitter, HostBinding, HostListener } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[appDragDrop]'\r\n})\r\nexport class DragDropDirective {\r\n @Output() onFileDropped = new EventEmitter();\r\n\r\n @HostBinding('style.background-color') private background = '#f5fcff'\r\n @HostBinding('style.opacity') private opacity = '1'\r\n\r\n\r\n //Dragover listener\r\n @HostListener('dragover', ['$event']) onDragOver(evt) {\r\n evt.preventDefault();\r\n evt.stopPropagation();\r\n this.background = '#9ecbec';\r\n this.opacity = '0.8'\r\n }\r\n //Dragleave listener\r\n @HostListener('dragleave', ['$event']) public onDragLeave(evt) {\r\n evt.preventDefault();\r\n evt.stopPropagation();\r\n this.background = '#f5fcff'\r\n this.opacity = '1'\r\n }\r\n //Drop listener\r\n @HostListener('drop', ['$event']) public ondrop(evt) {\r\n evt.preventDefault();\r\n evt.stopPropagation();\r\n this.background = '#f5fcff'\r\n this.opacity = '1'\r\n let files = evt.dataTransfer.files;\r\n if (files.length > 0) {\r\n this.onFileDropped.emit(files)\r\n }\r\n\r\n }\r\n\r\n}","import { Directive, ElementRef} from \"@angular/core\";\r\n\r\n@Directive({\r\n selector: '[lineSeparator]'\r\n})\r\nexport class LineSeparatorDirective {\r\n\r\n constructor(private eleRef: ElementRef) {\r\n eleRef.nativeElement.style.background = 'red';\r\n }\r\n\r\n \r\n}","import { Directive, HostListener,Input } from \"@angular/core\";\r\nimport { NgControl } from '@angular/forms';\r\n\r\n@Directive({\r\n selector: '[numbersOnly]'\r\n})\r\nexport class NumbersOnlyDirective {\r\n @Input('field') field;\r\n\r\n constructor(private ngControl: NgControl) { }\r\n\r\n @HostListener('input', ['$event']) onInput(event): void {\r\n if (this.field === 'float') {\r\n const value = event.target.value;\r\n if (value != '') {\r\n this.ngControl.control.setValue(parseFloat(value).toFixed(2));\r\n event.target.value = (value.match(/\\d+\\.?\\d{0,2}/g) || [null])[0];\r\n } else {\r\n this.ngControl.control.setValue(value);\r\n event.target.value = (value.match(/\\d+\\.?\\d{0,2}/g) || [null])[0];\r\n }\r\n }\r\n if (this.field === 'integers') {\r\n const value = event.target.value;\r\n this.ngControl.control.setValue(parseInt(value) || '');\r\n }\r\n }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n name: 'customCurrency',\r\n})\r\nexport class CustomCurrencyPipe implements PipeTransform {\r\n transform(value: any, args?: any): any {\r\n if (value !== undefined && value !== null && value !== '') {\r\n let x = `$${value}`;\r\n return x;\r\n } else {\r\n return '0';\r\n }\r\n }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n name: 'removeComma',\r\n})\r\nexport class RemoveCommaPipe implements PipeTransform {\r\n transform(value: string): string {\r\n if (value !== undefined && value !== null) {\r\n return value.replace(/,/g, '');\r\n } else {\r\n return '';\r\n }\r\n }\r\n}\r\n","/* (ignored) */","/* (ignored) */","/* (ignored) */"],"sourceRoot":"webpack:///"} ![\\\"edit\\\"](\\\"./assets/images/icons/edit_icon.png\\\" "Edit"){kind=icon}
\\r\\n\\r\\n ![\\\"Export](\\\"../../../assets/images/icons/exportexcel.png\\\" "\\\\"Export"){kind=icon}
\\r\\n \\r\\n ![\\\"view\\\"](\\\"./assets/images/icons/visibility.png\\\" "View"){kind=icon}
\\r\\n ![\\\"clone\\\"](\\\"./assets/images/icons/clone_icon.png\\\" "Clone"){kind=icon}
\\r\\n ![\\\"delete\\\"](\\\"./assets/images/icons/delete.png\\\" "Delete"){kind=icon}
\\r\\n ![\\\"conEmail\\\"](\\\"./assets/images/icons/resend.jpg\\\"\\r\\n "Resend Confirmation Email"){kind=icon}
\\r\\n ![\\\"email\\\"](\\\"./assets/images/icons/email.png\\\" "Expiration Email"){kind=icon}
\\r\\n ![\\\"Mass](\\\"../../../assets/images/icons/Mass "\\\\"Mass"){kind=icon}
\\r\\n ![\\\"\\\"](\\\"../../assets/images/Logo){kind=logo}
\\r\\n \\r\\n ![\\\"email\\\"](\\\"./assets/images/icons/email.png\\\"\\r\\n "Expiration Email"){kind=icon}
\\r\\n