","import { Component, OnInit,HostListener } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { PerfectScrollbarConfigInterface } from 'ngx-perfect-scrollbar';\r\n\r\n@Component({\r\n selector: 'app-full',\r\n templateUrl: './full.component.html',\r\n styleUrls: ['./full.component.css']\r\n})\r\nexport class FullComponent implements OnInit {\r\n public config: PerfectScrollbarConfigInterface = {};\r\n\r\n constructor(public router: Router) { }\r\n\r\n tabStatus = 'justified';\r\n\r\n public isCollapsed = false;\r\n\r\n public innerWidth: any;\r\n public defaultSidebar: any;\r\n public showSettings = false;\r\n public showMobileMenu = false;\r\n public expandLogo = false;\r\n\r\n options = {\r\n theme: 'light', // two possible values: light, dark\r\n dir: 'ltr', // two possible values: ltr, rtl\r\n layout: 'horizontal', // two possible values: vertical, horizontal\r\n sidebartype: 'mini-sidebar', // four possible values: full, iconbar, overlay, mini-sidebar\r\n sidebarpos: 'fixed', // two possible values: fixed, absolute\r\n headerpos: 'fixed', // two possible values: fixed, absolute\r\n boxed: 'full', // two possible values: full, boxed\r\n navbarbg: 'skin6', // six possible values: skin(1/2/3/4/5/6)\r\n sidebarbg: 'skin6', // six possible values: skin(1/2/3/4/5/6)\r\n logobg: 'skin6' // six possible values: skin(1/2/3/4/5/6)\r\n };\r\n\r\n Logo() {\r\n this.expandLogo = !this.expandLogo;\r\n }\r\n\r\n\r\n ngOnInit(): void {\r\n if (this.router.url === '/') {\r\n this.router.navigate(['']);\r\n }\r\n this.defaultSidebar = this.options.sidebartype;\r\n this.handleSidebar();\r\n }\r\n @HostListener('window:resize', ['$event'])\r\n onResize(event: string) {\r\n this.handleSidebar();\r\n }\r\n\r\n handleSidebar() {\r\n this.innerWidth = window.innerWidth;\r\n switch (this.defaultSidebar) {\r\n case 'full':\r\n case 'iconbar':\r\n if (this.innerWidth < 1170) {\r\n this.options.sidebartype = 'mini-sidebar';\r\n } else {\r\n this.options.sidebartype = this.defaultSidebar;\r\n }\r\n break;\r\n\r\n case 'overlay':\r\n if (this.innerWidth < 767) {\r\n this.options.sidebartype = 'mini-sidebar';\r\n } else {\r\n this.options.sidebartype = this.defaultSidebar;\r\n }\r\n break;\r\n\r\n default:\r\n }\r\n }\r\n\r\n toggleSidebarType() {\r\n switch (this.options.sidebartype) {\r\n case 'full':\r\n case 'iconbar':\r\n this.options.sidebartype = 'mini-sidebar';\r\n break;\r\n\r\n case 'overlay':\r\n this.showMobileMenu = !this.showMobileMenu;\r\n break;\r\n\r\n case 'mini-sidebar':\r\n if (this.defaultSidebar === 'mini-sidebar') {\r\n this.options.sidebartype = 'full';\r\n } else {\r\n this.options.sidebartype = this.defaultSidebar;\r\n }\r\n break;\r\n\r\n default:\r\n }\r\n }\r\n\r\n}\r\n","\r\nimport {NgModule} from '@angular/core';\r\nimport {A11yModule} from '@angular/cdk/a11y';\r\nimport {ClipboardModule} from '@angular/cdk/clipboard';\r\nimport {DragDropModule} from '@angular/cdk/drag-drop';\r\nimport {PortalModule} from '@angular/cdk/portal';\r\nimport {ScrollingModule} from '@angular/cdk/scrolling';\r\nimport {CdkStepperModule} from '@angular/cdk/stepper';\r\nimport {CdkTableModule} from '@angular/cdk/table';\r\nimport {CdkTreeModule} from '@angular/cdk/tree';\r\nimport {MatAutocompleteModule} from '@angular/material/autocomplete';\r\nimport {MatBadgeModule} from '@angular/material/badge';\r\nimport {MatBottomSheetModule} from '@angular/material/bottom-sheet';\r\nimport {MatButtonModule} from '@angular/material/button';\r\nimport {MatButtonToggleModule} from '@angular/material/button-toggle';\r\nimport {MatCardModule} from '@angular/material/card';\r\nimport {MatCheckboxModule} from '@angular/material/checkbox';\r\nimport {MatChipsModule} from '@angular/material/chips';\r\nimport {MatStepperModule} from '@angular/material/stepper';\r\nimport {MatDatepickerModule} from '@angular/material/datepicker';\r\nimport {MatDialogModule} from '@angular/material/dialog';\r\nimport {MatDividerModule} from '@angular/material/divider';\r\nimport {MatExpansionModule} from '@angular/material/expansion';\r\nimport {MatGridListModule} from '@angular/material/grid-list';\r\nimport {MatIconModule} from '@angular/material/icon';\r\nimport {MatInputModule} from '@angular/material/input';\r\nimport {MatListModule} from '@angular/material/list';\r\nimport {MatMenuModule} from '@angular/material/menu';\r\nimport {MatNativeDateModule, MatRippleModule} from '@angular/material/core';\r\nimport {MatPaginatorModule} from '@angular/material/paginator';\r\nimport {MatProgressBarModule} from '@angular/material/progress-bar';\r\nimport {MatProgressSpinnerModule} from '@angular/material/progress-spinner';\r\nimport {MatRadioModule} from '@angular/material/radio';\r\nimport {MatSelectModule} from '@angular/material/select';\r\nimport {MatSidenavModule} from '@angular/material/sidenav';\r\nimport {MatSliderModule} from '@angular/material/slider';\r\nimport {MatSlideToggleModule} from '@angular/material/slide-toggle';\r\nimport {MatSnackBarModule} from '@angular/material/snack-bar';\r\nimport {MatSortModule} from '@angular/material/sort';\r\nimport {MatTableModule} from '@angular/material/table';\r\nimport {MatTabsModule} from '@angular/material/tabs';\r\nimport {MatToolbarModule} from '@angular/material/toolbar';\r\nimport {MatTooltipModule} from '@angular/material/tooltip';\r\nimport {MatTreeModule} from '@angular/material/tree';\r\nimport {OverlayModule} from '@angular/cdk/overlay';\r\nimport {MatFormFieldModule } from '@angular/material/form-field';\r\n \r\n\r\n@NgModule({\r\n exports: [\r\n A11yModule,\r\n ClipboardModule,\r\n CdkStepperModule,\r\n CdkTableModule,\r\n CdkTreeModule,\r\n DragDropModule,\r\n MatAutocompleteModule,\r\n MatBadgeModule,\r\n MatBottomSheetModule,\r\n MatButtonModule,\r\n MatButtonToggleModule,\r\n MatCardModule,\r\n MatCheckboxModule,\r\n MatChipsModule,\r\n MatStepperModule,\r\n MatDatepickerModule,\r\n MatDialogModule,\r\n MatDividerModule,\r\n MatExpansionModule,\r\n MatGridListModule,\r\n MatIconModule,\r\n MatInputModule,\r\n MatListModule,\r\n MatMenuModule,\r\n MatNativeDateModule,\r\n MatPaginatorModule,\r\n MatProgressBarModule,\r\n MatProgressSpinnerModule,\r\n MatRadioModule,\r\n MatRippleModule,\r\n MatSelectModule,\r\n MatSidenavModule,\r\n MatSliderModule,\r\n MatSlideToggleModule,\r\n MatSnackBarModule,\r\n MatSortModule,\r\n MatTableModule,\r\n MatTabsModule,\r\n MatToolbarModule,\r\n MatTooltipModule,\r\n MatTreeModule,\r\n OverlayModule,\r\n PortalModule,\r\n ScrollingModule,\r\n MatFormFieldModule,\r\n ],\r\n providers:[]\r\n})\r\nexport class MaterialModule {}\r\n\r\n\r\n \r\n","export class ProjectModel {\r\n constructor(\r\n public projectName: string = '',\r\n public device: number = 0,\r\n public browser: number = 0,\r\n public location: number = 0,\r\n public searchEngine: number = 0,\r\n public searchEngineDepth: number = 0,\r\n public ads: boolean = false,\r\n public pla: boolean = false,\r\n public searchKeywords: string = '',\r\n public matchKeywords: string = '',\r\n public trackFilter: Array = [],\r\n public brandUrls: string = '',\r\n public recurring: boolean = false,\r\n public startOn: Date = new Date(),\r\n public frequencyType: number = 0,\r\n public insertedBy: number=0\r\n ) { }\r\n}\r\n\r\n\r\nexport class AdsCrawlerTrackingURLModel {\r\n constructor(\r\n public trackingUrl: string = '',\r\n public param1: string = '',\r\n public param2: string = '',\r\n public param3: string = '',\r\n ) { }\r\n}\r\n\r\nexport class DashboardCountModel {\r\n constructor(\r\n public project: number = 0,\r\n public task: number = 0,\r\n public brandBidding: number = 0,\r\n public brandAds: number = 0,\r\n public nonBrandBidding: number = 0,\r\n public directLink: number = 0,\r\n public pubId: number = 0,\r\n public campId: number = 0,\r\n public customId: number = 0\r\n ) { }\r\n}\r\n\r\nexport class DashboardFindingModel {\r\n constructor(\r\n public brandBidding: number = 0,\r\n public brandAds: number = 0,\r\n public nonBrandBidding: number = 0,\r\n public directLink: number = 0,\r\n public pubId: number = 0,\r\n public campId: number = 0,\r\n public customId: number = 0\r\n ) { }\r\n}\r\n\r\nexport class FilterModel{\r\n constructor(\r\n public fromDate: string='',\r\n public toDate: string='',\r\n ) {}\r\n}\r\n\r\nexport class DashboardFilterModel{\r\n constructor(\r\n public fromDate: string='',\r\n public toDate: string='',\r\n public projectId: number = 0,\r\n public findingType: string=''\r\n ) {}\r\n}\r\nexport class DashboardEmailModel{\r\n constructor(\r\n public fromDate: string='',\r\n public toDate: string='',\r\n public projectId: number = 0,\r\n public findingType: string=''\r\n ) {}\r\n}\r\n\r\nexport class ParameterReportModel{\r\n constructor(\r\n public pubId: string='',\r\n public campId: string='',\r\n public customId: string='',\r\n public brandBidding: string='',\r\n public nonBrandBidding: string='',\r\n public keywordCount: string='',\r\n public directLink: string=''\r\n ) {}\r\n }\r\n\r\n export class NotificationModel{\r\n constructor(\r\n public id : number = 0,\r\n public notifyName : string = '',\r\n public notifyEmails : string = '',\r\n public notifyCCEmails : string = '',\r\n public eventId : number = 0,\r\n public eventName : string = '',\r\n public notificationType : boolean = false,\r\n public reportType : boolean = false,\r\n public pubId : string = '',\r\n public campId : string = '',\r\n public customId: string='',\r\n public ir : boolean = false,\r\n public cs : boolean = false,\r\n public affiliation : boolean = false,\r\n public misleading : boolean = false,\r\n public image : boolean = false,\r\n public text : boolean = false,\r\n public status : boolean = false,\r\n ) {}\r\n}\r\n\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Title } from '@angular/platform-browser';\r\nimport { Router, NavigationEnd, ActivatedRoute, Data } from '@angular/router';\r\nimport { filter, map, mergeMap } from 'rxjs/operators';\r\n@Component({\r\n selector: 'app-breadcrumb',\r\n templateUrl: './breadcrumb.component.html',\r\n styleUrls: ['./breadcrumb.component.css']\r\n})\r\nexport class BreadcrumbComponent implements OnInit {\r\n\r\n pageInfo: Data = Object.create(null);\r\n constructor(\r\n private router: Router,\r\n private activatedRoute: ActivatedRoute,\r\n private titleService: Title\r\n ) {\r\n this.router.events\r\n .pipe(filter(event => event instanceof NavigationEnd))\r\n .pipe(map(() => this.activatedRoute))\r\n .pipe(\r\n map(route => {\r\n while (route.firstChild) {\r\n route = route.firstChild;\r\n }\r\n return route;\r\n })\r\n )\r\n .pipe(filter(route => route.outlet === 'primary'))\r\n .pipe(mergeMap(route => route.data))\r\n .subscribe(event => {\r\n this.titleService.setTitle(event['title']);\r\n this.pageInfo = event;\r\n });\r\n }\r\n ngOnInit() { }\r\n}\r\n","\r\n\r\n\r\n
\r\n
\r\n
\r\n
{{pageInfo.title}}
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n\r\n","import { Component, AfterViewInit, EventEmitter, Output } from '@angular/core';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { PerfectScrollbarConfigInterface } from 'ngx-perfect-scrollbar';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AccountServices } from 'src/app/core/services/account.service';\r\nimport { Router } from '@angular/router';\r\nimport { LocalStorageService } from 'src/app/core/services/local-storage.service';\r\nimport { LeadGenerationService } from 'src/app/core/services/lead-generation.service';\r\n\r\ndeclare var $: any;\r\n\r\n@Component({\r\n selector: 'app-horizontal-navigation',\r\n templateUrl: './horizontal-navigation.component.html',\r\n styleUrls: ['./horizontal-navigation.component.scss']\r\n})\r\nexport class HorizontalNavigationComponent implements AfterViewInit {\r\n @Output() toggleSidebar = new EventEmitter();\r\n\r\n public config: PerfectScrollbarConfigInterface = {};\r\n\r\n public showSearch = false;\r\n userInfo: any;\r\n userName: any;\r\n firstName: any;\r\n greetings: string = '';\r\n roleId: any;\r\n unreadCount: number = 0;\r\n public isCollapsed = false;\r\n public showMobileMenu = false;\r\n activityLogList: Array = [];\r\n\r\n notifications: Array<{ btn: string, icon: string, title: string, subject: string, time: string, readStatus: any }> = [];\r\n\r\n // This is for Mymessages\r\n mymessages: Object[] = [\r\n {\r\n useravatar: 'assets/images/1.jpg',\r\n status: 'online',\r\n from: 'Pavan kumar',\r\n subject: 'Just see the my admin!',\r\n time: '9:30 AM'\r\n },\r\n {\r\n useravatar: 'assets/images/users/2.jpg',\r\n status: 'busy',\r\n from: 'Sonu Nigam',\r\n subject: 'I have sung a song! See you at',\r\n time: '9:10 AM'\r\n },\r\n {\r\n useravatar: 'assets/images/users/2.jpg',\r\n status: 'away',\r\n from: 'Arijit Sinh',\r\n subject: 'I am a singer!',\r\n time: '9:08 AM'\r\n },\r\n {\r\n useravatar: 'assets/images/users/4.jpg',\r\n status: 'offline',\r\n from: 'Pavan kumar',\r\n subject: 'Just see the my admin!',\r\n time: '9:00 AM'\r\n }\r\n ];\r\n\r\n public selectedLanguage: any = {\r\n language: 'English',\r\n code: 'en',\r\n type: 'US',\r\n icon: 'us'\r\n }\r\n\r\n public languages: any[] = [{\r\n language: 'English',\r\n code: 'en',\r\n type: 'US',\r\n icon: 'us'\r\n },\r\n {\r\n language: 'French',\r\n code: 'fr',\r\n icon: 'fr'\r\n },\r\n {\r\n language: 'Spanish',\r\n code: 'es',\r\n icon: 'es'\r\n },\r\n {\r\n language: 'German',\r\n code: 'de',\r\n icon: 'de'\r\n }]\r\n\r\n constructor(private modalService: NgbModal, private translate: TranslateService,\r\n private _account: AccountServices, private router: Router, private storageService: LocalStorageService,\r\n public leadGenerationService: LeadGenerationService,) {\r\n\r\n this.roleId = sessionStorage.getItem('roleId');\r\n this.userInfo = storageService.getUserInfo();\r\n this.userName = this.userInfo.name;\r\n translate.setDefaultLang('en');\r\n translate.setDefaultLang('en');\r\n this.leadGenerationService.activityLogList(0).subscribe(res => {\r\n this.activityLogList = res.data;\r\n if (this.activityLogList != null) {\r\n this.unreadCount = this.activityLogList[0].unreadCount;\r\n this.activityLogList.forEach(el => {\r\n this.notifications.push({\r\n btn: 'btn-danger',\r\n icon: 'fas fa-comment-dots',\r\n title: 'Sales Lead',\r\n subject: el.taskName,\r\n time: el.createdDate,\r\n readStatus: el.readStatus\r\n })\r\n })\r\n }\r\n })\r\n }\r\n\r\n ngAfterViewInit() { }\r\n\r\n changeLanguage(lang: any) {\r\n this.translate.use(lang.code)\r\n this.selectedLanguage = lang;\r\n }\r\n logout() {\r\n this._account.logout();\r\n this.router.navigate(['/authentication/login']);\r\n }\r\n onClickNotification() {\r\n if (this.unreadCount !== 0) {\r\n this.leadGenerationService.updateReadStatus().subscribe(res => {\r\n console.log(res);\r\n setTimeout(() => {\r\n this.unreadCount = 0;\r\n }, 3000);\r\n })\r\n }\r\n }\r\n}","\r\n
![\"logo\"](\"../../../../assets/images/theClickAD.png\")
\r\n ![](\"assets/images/loader.gif\")
\r\n \r\n ![\"user\"](\"assets/images/1.jpg\")
\r\n \r\n ![\"homepage\"](\"assets/images/whonHow_BLACK200x200.png\")
\r\n