\r\n \r\n
\r\n
\n
\n
Freedom Score
\n
Truth Score
\n
Bias Score
\n
Objectivity Score
\n\n
\r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n
\r\n \r\n
\r\n","import { Component, Input, OnInit, OnChanges, ElementRef, ViewChild, ViewChildren, SimpleChange, SimpleChanges, OnDestroy, QueryList, Pipe, PipeTransform } from '@angular/core';\r\nimport { FormBuilder, FormGroup, FormArray, FormControl, ValidatorFn, Validators, ReactiveFormsModule } from '@angular/forms';\r\nimport { HttpParams, HttpEventType, HttpClient, HttpHeaders, HttpRequest, HttpResponse } from '@angular/common/http';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';\r\n\r\nimport jsPDF from 'jspdf';\nimport html2canvas from 'html2canvas';\r\n\r\nimport { PdfmakeService } from '../../../../services/pdfmake.service';\r\n\r\n@Pipe({ name: 'safeHtml' })\r\nexport class SafeHtmlPipe implements PipeTransform {\r\n constructor(private sanitized: DomSanitizer) { }\r\n transform(value) {\r\n return this.sanitized.bypassSecurityTrustHtml(value);\r\n }\r\n}\r\n\r\n@Component({\r\n selector: 'app-terms-of-service',\r\n templateUrl: './terms-of-service.component.html',\r\n styleUrls: [\"./terms-of-service.component.css\"]\r\n})\r\nexport class TermsOfService implements OnInit, OnChanges {\r\n\r\n returnUrl: string;\r\n errorMessage: string; \r\n\r\n ulContentHeight: number;\r\n\r\n email: string = '';\r\n password: string = '';\r\n\r\n htmlContent: string;\r\n\r\n constructor(\r\n private modalService: NgbModal,\r\n private route: ActivatedRoute,\r\n private pdfmakeService: PdfmakeService,\r\n private router: Router\r\n //private formBuilder: FormBuilder\r\n ) {\r\n this.returnUrl = this.route.snapshot.queryParams['returnUrl'] || '/';\r\n }\r\n ngOnChanges(changes: SimpleChanges): void {\r\n throw new Error(\"Method not implemented.\");\r\n }\r\n //ngOnDestroy(): void {\r\n // throw new Error(\"Method not implemented.\");\r\n //}\r\n\r\n ngOnInit() {\r\n\r\n }\r\n\r\n ngAfterViewInit() {\r\n // Extract HTML content after view init\n const contentElement = document.getElementById('termsContent');\n if (contentElement) {\n this.htmlContent = contentElement.innerHTML;\n }\r\n }\r\n\r\n //downloadPDF() {\n // if (this.htmlContent) {\n // this.pdfmakeService.generatePdfFromHtml(this.htmlContent, 'Terms of Service');\n // }\n //}\r\n\r\n downloadPDF() {\n setTimeout(() => {\n this.pdfmakeService.generatePdfFromHtml('termsContent', 'Terms of Service');\n }, 500); // Adjust the delay if needed\n }\r\n\r\n}\r\n","\r\n\r\n\r\n
\r\n
\r\n
Terms of Service \r\n\r\n\r\n
\n \n
\n \n
Download PDF \n
\r\n
\n
Terms of Service \r\n
Effective Date: July 10, 2024
\r\n\r\n
1. Introduction \r\n
Welcome to TruthShorts. By accessing or using our website, you agree to be bound by these Terms of Service and our Privacy Policy.
\r\n\r\n
2. Changes to Terms \r\n
We reserve the right to modify these terms at any time. We will notify you of any changes by posting the new Terms of Service on this page. You are advised to review these Terms periodically for any changes.
\r\n\r\n
3. Use of the Site \r\n
You agree to use the site only for lawful purposes. You are prohibited from violating or attempting to violate the security of the site or using it to gain unauthorized access to other computer systems.
\r\n\r\n
4. User Accounts \r\n
When you create an account with us, you must provide us with accurate information. You are responsible for maintaining the confidentiality of your account and password and for restricting access to your computer.
\r\n\r\n
5. Intellectual Property \r\n
All content on this site, including text, graphics, logos, and images, is the property of TruthShorts or its content suppliers and is protected by copyright laws.
\r\n\r\n
6. Termination \r\n
We may terminate or suspend your account and bar access to the site immediately, without prior notice or liability, under our sole discretion, for any reason whatsoever and without limitation, including but not limited to a breach of the Terms.
\r\n\r\n
7. Limitation of Liability \r\n
In no event shall TruthShorts, nor its directors, employees, partners, agents, suppliers, or affiliates, be liable for any indirect, incidental, special, consequential or punitive damages, including without limitation, loss of profits, data, use, goodwill, or other intangible losses, resulting from your access to or use of or inability to access or use the service.
\r\n\r\n
8. Governing Law \r\n
These Terms shall be governed and construed in accordance with the laws of the United States, without regard to its conflict of law provisions.
\r\n\r\n
9. Contact Us \r\n
If you have any questions about these Terms, please contact us at:
\r\n
TruthShorts
\r\n
Email: support@truthshorts.com
\r\n
Address: PO Box 4100, Oakton, VA 22124, USA
\r\n
\r\n\r\n\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpParams, HttpEventType, HttpClient, HttpHeaders, HttpRequest, HttpResponse } from '@angular/common/http';\r\nimport { Observable, Subject, BehaviorSubject, ReplaySubject, forkJoin, throwError } from 'rxjs';\r\n\r\nimport { ScoresUrls } from '../global.urls';\r\nimport * as Classes from '../classes/models.classes';\r\nimport { ShortsPostSave } from '../interfaces/models.interfaces';\r\nimport { tap } from 'rxjs/operators';\r\n\r\n//import { Http } from '@angular/http';\r\n\r\n@Injectable({\r\n providedIn: 'any'\r\n})\r\nexport class ScoreService {\r\n lcl_params: Classes.UserID_Params;\r\n private postsSubject = new BehaviorSubject
([]); // Observable stream for posts\r\n private reactionsSubject = new BehaviorSubject(null); // For reactions\r\n\r\n freedomScore = 0;\n truthScore = 0;\n politicalLeaningScore = 0;\n objectivityScore = 0;\n\n freedomScoreDetails = [{ link: '', linkType: '', reason: '' }];\n truthScoreDetails = [{ link: '', linkType: '', reason: '' }];\n politicalLeaningScoreDetails = [{ link: '', linkType: '', reason: '' }];\n objectivityScoreDetails = [{ link: '', linkType: '', reason: '' }];\r\n\r\n constructor(\r\n private http: HttpClient) {\r\n\r\n }\r\n\r\n getCategories(): Observable {\n return this.http.get(ScoresUrls.Categories);\n }\n\n getScoreDescriptions(): Observable {\n return this.http.get(ScoresUrls.ScoreDescriptions);\n }\n\n getScoreDescription(type: string, value: number): Observable {\n return this.http.get(`${ScoresUrls.ScoreDescriptions}/${type}/${value}`);\n }\n\n searchEntities(query: string): Observable {\n return this.http.get(`${ScoresUrls.EntitiesSearch}/${query}`);\n }\n\n saveScores(scoreData: any): Observable {\n return this.http.post(ScoresUrls.Scores, scoreData);\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpParams, HttpEventType, HttpClient, HttpHeaders, HttpRequest, HttpResponse } from '@angular/common/http';\r\nimport { Observable, Subject, BehaviorSubject, ReplaySubject, forkJoin, throwError } from 'rxjs';\r\n\r\nimport { VoterFraudDataUrls } from '../global.urls';\r\nimport * as Classes from '../classes/models.classes';\r\n\r\n//import { Http } from '@angular/http';\r\n\r\n@Injectable({\r\n providedIn: 'any'\r\n})\r\nexport class FraudIncidentDataService {\r\n lcl_params: Classes.Params;\r\n\r\n constructor(\r\n private http: HttpClient) {\r\n\r\n }\r\n\r\n loadFraudIncidentData(StateID: string, CategoryID: string) {\r\n let requestHeaders: HttpHeaders = new HttpHeaders();\r\n requestHeaders = requestHeaders.append('Content-Type', 'application/json');\r\n\r\n let params = new HttpParams();\r\n\r\n params.append(\"StateID\", StateID.toString());\r\n params.append(\"CategoryID\", CategoryID.toString());\r\n\r\n this.lcl_params = new Classes.Params();\r\n\r\n this.lcl_params.stateID = StateID;\r\n this.lcl_params.categoryID = CategoryID;\r\n\r\n let getFraudIncidentDataRequest: HttpRequest = new HttpRequest('POST', VoterFraudDataUrls.Get_Incidents, this.lcl_params, {\r\n //let getFraudIncidentDataRequest: HttpRequest = new HttpRequest('POST', VoterFraudDataUrls.Get_Incidents, VoterFraudIncidentData, {\r\n //let getFraudIncidentDataRequest = new HttpRequest('GET', VoterFraudDataUrls.Get_Incidents, '', {\r\n reportProgress: true,\r\n headers: requestHeaders\r\n //params: params\r\n });\r\n\r\n return this.http.request>(getFraudIncidentDataRequest);\r\n\r\n }\r\n\r\n\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\n\n@Pipe({\n name: 'parseHashtags'\n})\nexport class ParseHashtagsPipe implements PipeTransform {\n\n constructor(private sanitizer: DomSanitizer) { }\r\n\r\n transform(value: string): SafeHtml {\r\n if (!value) return value;\r\n\r\n const regex = /#(\\w+)/g;\r\n const replacedValue = value.replace(regex, `#$1 `);\r\n\r\n return this.sanitizer.bypassSecurityTrustHtml(replacedValue);\r\n }\n\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'relativeTime'\n})\nexport class RelativeTimePipe implements PipeTransform {\n\n transform(value: Date): string {\r\n if (!value) return '';\r\n\r\n if (typeof value === 'string' || typeof value === 'number') {\r\n value = new Date(value);\r\n }\r\n\r\n const now = new Date();\r\n const seconds = Math.floor((now.getTime() - new Date(value).getTime()) / 1000);\r\n\r\n if (seconds < 60) {\r\n return 'just now';\r\n }\r\n\r\n const minutes = Math.floor(seconds / 60);\r\n if (minutes < 60) {\r\n return `${minutes}m`;\r\n }\r\n\r\n const hours = Math.floor(minutes / 60);\r\n if (hours < 24) {\r\n return `${hours}h`;\r\n }\r\n\r\n const days = Math.floor(hours / 24);\r\n if (days <= 5) {\r\n return `${days}d`;\r\n }\r\n\r\n const months = now.getMonth() - value.getMonth()\r\n + (12 * (now.getFullYear() - value.getFullYear()));\r\n\r\n if (months < 12) {\r\n return value.toLocaleDateString(undefined, { month: 'long', day: 'numeric' });\r\n }\r\n\r\n return value.toLocaleDateString(undefined, { month: 'long', day: 'numeric', year: 'numeric' });\r\n }\n}\n","import { Component, Input, OnInit, OnChanges, ElementRef, ViewChild, ViewChildren, SimpleChange, SimpleChanges, OnDestroy, QueryList, Pipe, PipeTransform } from '@angular/core';\r\nimport { FormBuilder, FormGroup, FormArray, FormControl, ValidatorFn, Validators, ReactiveFormsModule } from '@angular/forms';\r\nimport { HttpParams, HttpEventType, HttpClient, HttpHeaders, HttpRequest, HttpResponse } from '@angular/common/http';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';\r\n\r\nimport { RegistrationComponent } from '../../modals/sign_up.modal/sign_up.modal.component';\r\n\r\n//import { NgbModal, NgbActiveModal } from \"@ng-bootstrap/ng-bootstrap\";\r\n\r\n//import {ActiveToast, IndividualToastrConfig, ToastrService } from 'ngx-toaster';\r\n\r\nimport { GlobalService } from '../../services/global.service';\r\nimport { UserService } from '../../services/user.service';\r\nimport { UserPostsDataService } from '../../services/posts.service';\r\nimport * as Classes from '../../classes/models.classes'\r\n\r\n@Pipe({ name: 'safeHtml' })\r\nexport class SafeHtmlPipe implements PipeTransform {\r\n constructor(private sanitized: DomSanitizer) { }\r\n transform(value) {\r\n return this.sanitized.bypassSecurityTrustHtml(value);\r\n }\r\n}\r\n\r\n\r\n@Component({\r\n selector: 'app-home-landing',\r\n templateUrl: './home_landing.component.html',\r\n styleUrls: [\"./home_landing.component.css\"]\r\n})\r\n//export class HomeLanding implements OnInit, OnDestroy, OnChanges {\r\nexport class HomeLanding implements OnInit, OnChanges {\r\n\r\n\r\n @Input() Mode: string;\r\n @Input() StateID: string;\r\n @Input() CategoryID: string; \r\n\r\n FraudIncidentData: Array;\r\n UserPostsData: Array;\r\n\r\n FirstTabChecked: boolean;\r\n SecondTabChecked: boolean;\r\n ThirdTabChecked: boolean;\r\n FourthTabChecked: boolean;\r\n\r\n Category: string;\r\n State: string;\r\n UserID: number;\r\n\r\n returnUrl: string;\r\n errorMessage: string; \r\n\r\n @ViewChild('ulContent') ulElementView: QueryList;\r\n\r\n @ViewChildren('ulContent') ulChildrenComponent: QueryList; \r\n @ViewChildren('liContent') liChildrenComponent: QueryList;\r\n\r\n @ViewChildren('incidentDiv') incidentDivComponent: QueryList;\r\n @ViewChildren('incidentDivHome') incidentDivHomeComponent: QueryList;\r\n @ViewChildren('incidentDivAbout') incidentDivAboutComponent: QueryList;\r\n\r\n ulContentHeight: number;\r\n\r\n email: string = '';\r\n password: string = '';\r\n\r\n constructor(\r\n private userPostsDataService: UserPostsDataService,\r\n private globalService: GlobalService,\r\n private modalService: NgbModal,\r\n private route: ActivatedRoute,\r\n private authService: UserService,\r\n //private registrationComponent: RegistrationComponent,\r\n private router: Router\r\n //private formBuilder: FormBuilder\r\n ) {\r\n this.returnUrl = this.route.snapshot.queryParams['returnUrl'] || '/';\r\n }\r\n ngOnChanges(changes: SimpleChanges): void {\r\n throw new Error(\"Method not implemented.\");\r\n }\r\n //ngOnDestroy(): void {\r\n // throw new Error(\"Method not implemented.\");\r\n //}\r\n\r\n ngOnInit() {\r\n debugger;\r\n this.FraudIncidentData = new Array();\r\n this.UserPostsData = new Array();\r\n\r\n this.FirstTabChecked = false;\r\n this.SecondTabChecked = false;\r\n this.ThirdTabChecked = false;\r\n this.FourthTabChecked = false;\r\n\r\n this.UserID = 1;\r\n\r\n\r\n }\r\n\r\n ngAfterViewInit() {\r\n\r\n this.route.queryParams.subscribe(params => {\r\n this.StateID = params['StateID'];\r\n this.CategoryID = params['CategoryID'];\r\n if (this.StateID != undefined && this.StateID != null && this.StateID != ''\r\n && this.CategoryID != undefined && this.CategoryID != null && this.CategoryID != '') {\r\n //this.getFraudIncidentData();\r\n }\r\n else {\r\n this.StateID = '8';\r\n this.CategoryID = '1';\r\n //this.getFraudIncidentData();\r\n }\r\n });\r\n\r\n //console.log(this.route.snapshot.queryParams);\r\n\r\n //this.setCategoryAndStateName();\r\n\r\n }\r\n\r\n login() {\r\n this.authService.login(this.email, this.password).subscribe({\r\n next: () => {\r\n // Navigate on successful login\r\n this.router.navigateByUrl(this.returnUrl);\r\n },\r\n error: (err) => {\r\n // Set the error message to display in the template\n this.errorMessage = \"The username or password entered is not correct.\";\n console.error('Login failed', err);\n }\r\n });\r\n }\r\n\r\n /*\r\n login() {\r\n this.authService.login(this.email, this.password).subscribe(\r\n (success) => {\r\n\r\n if (success) {\r\n this.router.navigateByUrl(this.returnUrl);\r\n }\r\n\r\n //This is now set in the service method. MB 5/24/24\r\n \r\n //// Upon successful login, receive the token from the response\r\n //const token = response.token;\r\n\r\n //// Register the token in local storage or session storage\r\n //localStorage.setItem(GlobalService.tokenName, token);\r\n\r\n // Redirect to the main dashboard\r\n //this.router.navigate(['/dashboard']);\r\n //this.router.navigate(['/dashboard'], {\r\n // relativeTo: this.route,\r\n // // do not trigger navigation\r\n // skipLocationChange: true\r\n\r\n //});\r\n },\r\n (error) => {\r\n console.error('Login error:', error);\r\n }\r\n );\r\n }\r\n\r\n*/\r\n\r\n openModal() {\r\n // Open modal for account creation\r\n let openRegistrationModal: NgbModalRef = this.modalService.open(RegistrationComponent, {\r\n keyboard: false,\r\n backdrop: 'static',\r\n size: 'lg'\r\n });\r\n\r\n }\r\n\r\n\r\n\r\n navigateTo(stateID: string, categoryID: string, event: Event) {\r\n this.StateID = stateID;\r\n this.CategoryID = categoryID;\r\n\r\n this.router.navigate([], {\r\n queryParams: {\r\n StateID: stateID,\r\n CategoryID: categoryID\r\n },\r\n queryParamsHandling: 'merge',\r\n });\r\n this.FraudIncidentData = new Array();\r\n\r\n //this.checkTabStatus();\r\n console.log('this.StateID = ' + this.StateID + '; this.CategoryID = ' + this.CategoryID);\r\n\r\n\r\n }\r\n\r\n navigateToPage() {\r\n // changes the route without moving from the current view or\r\n // triggering a navigation event,\r\n this.router.navigate(['/dashboard_login'], {\r\n relativeTo: this.route,\r\n //queryParams: {\r\n // stateIDParams: '1'\r\n //},\r\n // preserve the existing query params in the route\r\n //queryParamsHandling: 'merge',\r\n\r\n // do not trigger navigation\r\n skipLocationChange: true\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 \n
\n {{ errorMessage }}\n
\r\n
Log In \r\n
Forgot Password? \r\n
\r\n Create Account \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
{\r\n return this.http.get(`https://api.example.com/content/${route}`);\r\n }\r\n}","import { Component, Input, OnInit, OnChanges, ElementRef, ViewChild, ViewChildren, SimpleChange, SimpleChanges, OnDestroy, QueryList, Pipe, PipeTransform } from '@angular/core';\r\nimport { FormBuilder, FormGroup, FormArray, FormControl, ValidatorFn, Validators, ReactiveFormsModule } from '@angular/forms';\r\nimport { HttpParams, HttpEventType, HttpClient, HttpHeaders, HttpRequest, HttpResponse } from '@angular/common/http';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\n\r\n//import { NgbModal, NgbActiveModal } from \"@ng-bootstrap/ng-bootstrap\";\r\n\r\n//import {ActiveToast, IndividualToastrConfig, ToastrService } from 'ngx-toaster';\r\n\r\nimport { FraudIncidentDataService } from '../services/fraud_incident.service';\r\nimport * as Classes from '../classes/models.classes'\r\n\r\n@Pipe({ name: 'safeHtml' })\r\nexport class SafeHtmlPipe implements PipeTransform {\r\n constructor(private sanitized: DomSanitizer) { }\r\n transform(value) {\r\n return this.sanitized.bypassSecurityTrustHtml(value);\r\n }\r\n}\r\n\r\n\r\n@Component({\r\n selector: 'app-home',\r\n templateUrl: './home.component.html',\r\n styleUrls: [\"./home.component.css\"]\r\n})\r\nexport class HomeComponent implements OnInit, OnDestroy, OnChanges{\r\n\r\n\r\n @Input() Mode: string;\r\n @Input() StateID: string;\r\n @Input() CategoryID: string;\r\n\r\n FraudIncidentData: Array;\r\n\r\n FirstTabChecked: boolean;\r\n SecondTabChecked: boolean;\r\n ThirdTabChecked: boolean;\r\n FourthTabChecked: boolean;\r\n\r\n Category: string;\r\n State: string;\r\n //@ViewChild('tab1Checkbox') tab1Checkbox: ElementRef;\r\n //@ViewChild('tab2') tab2Checkbox;\r\n //@ViewChild('tab3') tab3Checkbox;\r\n //@ViewChild('tab5') tab4Checkbox;\r\n\r\n @ViewChild('ulContent') ulElementView: QueryList;\r\n\r\n @ViewChildren('ulContent') ulChildrenComponent: QueryList; \r\n @ViewChildren('liContent') liChildrenComponent: QueryList;\r\n\r\n @ViewChildren('incidentDiv') incidentDivComponent: QueryList;\r\n @ViewChildren('incidentDivHome') incidentDivHomeComponent: QueryList;\r\n @ViewChildren('incidentDivAbout') incidentDivAboutComponent: QueryList;\r\n\r\n ulContentHeight: number;\r\n\r\n constructor(\r\n private fraudIncidentDataService: FraudIncidentDataService,\r\n private _route: ActivatedRoute,\r\n private _router: Router\r\n //private formBuilder: FormBuilder\r\n ) {\r\n //this._route.queryParams.subscribe(params => {\r\n // this.StateID = params['StateID'];\r\n // this.CategoryID = params['CategoryID'];\r\n // if (this.StateID != undefined && this.StateID != null || this.StateID != ''\r\n // && this.CategoryID != undefined && this.CategoryID != null || this.CategoryID != '') {\r\n // //this.getFraudIncidentData();\r\n // }\r\n //});\r\n // this._route.params.subscribe(params => {\r\n // let id = params.get('StateID');\r\n // this.StateID = params['StateID'];\r\n // this.CategoryID = params['CategoryID'];\r\n // if (this.StateID != undefined && this.StateID != null || this.StateID != ''\r\n // && this.CategoryID != undefined && this.CategoryID != null || this.CategoryID != '') {\r\n // //this.getFraudIncidentData();\r\n // }\r\n // });\r\n //console.log('this.StateID = ' + this.StateID + '; this.CategoryID = ' + this.CategoryID);\r\n //this.resetPage();\r\n }\r\n\r\n ngOnInit() {\r\n debugger;\r\n this.FraudIncidentData = new Array();\r\n\r\n //Classes.VoterFraudIncident this.FraudIncidentData[] = [];\r\n //this.FraudIncidentData = [];\r\n //this.FraudIncidentData[0].AffidavitDesc = 'test';\r\n //this.FraudIncidentData: Classes.VoterFraudIncident[] = [];\r\n //const firstParam: string = this._route.snapshot.queryParamMap.get('StateID');\r\n //if (firstParam == undefined || firstParam == null || firstParam == '') {\r\n // if (this.StateID == null || this.StateID == '') {\r\n // this.StateID = '1';\r\n // }\r\n // else {\r\n // this.StateID = firstParam\r\n // }\r\n //}\r\n //const secondParam: string = this._route.snapshot.queryParamMap.get('StateID');\r\n //if (secondParam == undefined || secondParam == null || secondParam == '') {\r\n // if (this.CategoryID == null || this.CategoryID == '') {\r\n // this.CategoryID = '1';\r\n // }\r\n // else {\r\n // this.CategoryID = secondParam\r\n // }\r\n //}\r\n //console.log(this._route.snapshot.queryParams);\r\n\r\n this.FirstTabChecked = false;\r\n this.SecondTabChecked = false;\r\n this.ThirdTabChecked = false;\r\n this.FourthTabChecked = false;\r\n\r\n //if (this.StateID == null || this.StateID == '') {\r\n // this.StateID = '1';\r\n //}\r\n //if (this.CategoryID == null || this.CategoryID == '') {\r\n // this.CategoryID = '1';\r\n //}\r\n\r\n //this.StateID = '1';\r\n //this.CategoryID = '1';\r\n\r\n this.getFraudIncidentData();\r\n this.setCategoryAndStateName();\r\n //this.checkTabStatus();\r\n //console.log('this.StateID = ' + this.StateID + '; this.CategoryID = ' + this.CategoryID );\r\n\r\n }\r\n\r\n ngAfterViewInit() {\r\n\r\n this._route.queryParams.subscribe(params => {\r\n this.StateID = params['StateID'];\r\n this.CategoryID = params['CategoryID'];\r\n if (this.StateID != undefined && this.StateID != null && this.StateID != ''\r\n && this.CategoryID != undefined && this.CategoryID != null && this.CategoryID != '') {\r\n this.getFraudIncidentData();\r\n }\r\n else {\r\n this.StateID = '8';\r\n this.CategoryID = '1';\r\n this.getFraudIncidentData();\r\n }\r\n });\r\n\r\n\r\n //const firstParam: string = this._route.snapshot.queryParamMap.get('StateID');\r\n //if (firstParam == undefined || firstParam == null || firstParam == '') {\r\n // if (this.StateID == null || this.StateID == '') {\r\n // this.StateID = '1';\r\n // }\r\n //}\r\n //else {\r\n // this.StateID = firstParam\r\n //}\r\n //const secondParam: string = this._route.snapshot.queryParamMap.get('CategoryID');\r\n //if (secondParam == undefined || secondParam == null || secondParam == '') {\r\n // if (this.CategoryID == null || this.CategoryID == '') {\r\n // this.CategoryID = '1';\r\n // }\r\n //}\r\n //else {\r\n // this.CategoryID = secondParam\r\n //}\r\n console.log(this._route.snapshot.queryParams);\r\n //if (firstParam != undefined || firstParam != null || firstParam != ''\r\n // && secondParam != undefined || secondParam != null || secondParam != '') {\r\n this.getFraudIncidentData();\r\n //}\r\n\r\n this.setCategoryAndStateName();\r\n\r\n\r\n //this._route.queryParams.subscribe(params => {\r\n // this.StateID = params['StateID'];\r\n // this.CategoryID = params['CategoryID'];\r\n // if (this.StateID != undefined && this.StateID != null || this.StateID != ''\r\n // && this.CategoryID != undefined && this.CategoryID != null || this.CategoryID != '') {\r\n // this.getFraudIncidentData();\r\n // }\r\n //});\r\n\r\n //this.ulContentHeight = this.ulElementView[0].nativeElement.offsetHeight;\r\n //console.log('ul height: ' + this.ulContentHeight);\r\n //this.ulChildrenComponent.changes.subscribe((ulComps: QueryList) => {\r\n // // Now you can access to the child component\r\n // if (ulComps !== undefined && ulComps !== null) {\r\n\r\n // ulComps.forEach((currentValue, index) => {\r\n // //if (!currentValue.name) {\r\n // // ulComps.splice(index, 1);\r\n // //}\r\n // console.log('ul height: ' + ulComps.first.nativeElement.offsetHeight);\r\n\r\n // });\r\n\r\n\r\n // }\r\n //});\r\n //this.liChildrenComponent.changes.subscribe((liComps: QueryList) => {\r\n // // Now you can access to the child component\r\n // if (liComps !== undefined && liComps !== null) {\r\n // liComps.forEach((currentValue, index) => {\r\n // //if (!currentValue.name) {\r\n // // ulComps.splice(index, 1);\r\n // //}\r\n // console.log('li height: ' + liComps.first.nativeElement.offsetHeight);\r\n\r\n // });\r\n // //console.log('li height: ' + liComps.first.nativeElement.offsetHeight);\r\n // }\r\n //});\r\n\r\n }\r\n\r\n ngOnDestroy() {\r\n\r\n }\r\n ngOnChanges() {\r\n\r\n }\r\n\r\n setCategoryAndStateName() {\r\n switch (this.CategoryID) {\r\n case '1':\r\n this.Category = \"Voter Fraud\";\r\n break;\r\n case '2':\r\n this.Category = \"Election Fraud\";\r\n break;\r\n case '3':\r\n this.Category = \"Election Irregularities\";\r\n break;\r\n case '4':\r\n this.Category = \"Vote Integrity\";\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n switch (this.StateID) {\r\n case '1':\r\n this.State = \"Overview\";\r\n break;\r\n case '2':\r\n this.State = \"Arizona\";\r\n break;\r\n case '3':\r\n this.State = \"Georgia\";\r\n break;\r\n case '4':\r\n this.State = \"Michigan\";\r\n break;\r\n case '5':\r\n this.State = \"Nevada\";\r\n break;\r\n case '6':\r\n this.State = \"Pennsylvania\";\r\n break;\r\n case '7':\r\n this.State = \"Wisconsin\";\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n\r\n checkTabStatus() {\r\n //var tab1Checkbox: HTMLInputElement = this.tab1Checkbox.nativeElement;\r\n if (this.CategoryID === '1') {\r\n this.FirstTabChecked = true;\r\n this.SecondTabChecked = false;\r\n this.ThirdTabChecked = false;\r\n this.FourthTabChecked = false;\r\n //this.tab1Checkbox.nativeElement.dispatchEvent(new Event('change'));\r\n //tab1Checkbox.checked = true;\r\n }\r\n if (this.CategoryID === '2') {\r\n this.FirstTabChecked = false;\r\n this.SecondTabChecked = true;\r\n this.ThirdTabChecked = false;\r\n this.FourthTabChecked = false;\r\n //tab1Checkbox.checked = false;\r\n }\r\n if (this.CategoryID === '3') {\r\n this.FirstTabChecked = false;\r\n this.SecondTabChecked = false;\r\n this.ThirdTabChecked = true;\r\n this.FourthTabChecked = false;\r\n }\r\n if (this.CategoryID === '4') {\r\n this.FirstTabChecked = false;\r\n this.SecondTabChecked = false;\r\n this.ThirdTabChecked = false;\r\n this.FourthTabChecked = true;\r\n }\r\n console.log('this.FirstTabChecked = ' + this.FirstTabChecked + '; this.SecondTabChecked = ' + this.SecondTabChecked + '; this.ThirdTabChecked = ' + this.ThirdTabChecked + '; this.FourthTabChecked = ' + this.FourthTabChecked);\r\n\r\n }\r\n\r\n getFraudIncidentData() {\r\n \r\n this.fraudIncidentDataService.loadFraudIncidentData(this.StateID, this.CategoryID).subscribe(data => {\r\n if (data.type === HttpEventType.DownloadProgress) {\r\n let percentDone: number = Math.round(100 + data.loaded / data.total);\r\n if (percentDone > 100) {\r\n percentDone = 100;\r\n }\r\n else if (percentDone < 0) {\r\n percentDone = 0;\r\n }\r\n } else if (data instanceof HttpResponse) {\r\n let loadedData: Array = data.body;\r\n //this.FraudIncidentData = [...data.body];\r\n this.FraudIncidentData = loadedData;\r\n //this.FraudIncidentData = JSON.parse(JSON.stringify(loadedData));\r\n //data.body.forEach((elem: any) => {\r\n // this.FraudIncidentData.push(elem);\r\n //});\r\n\r\n //this.FraudIncidentData = data.body.map(x => Object.assign({}, x));\r\n\r\n //this.FraudIncidentData.forEach((elem: any) => {\r\n //console.log(elem);\r\n //});\r\n\r\n }\r\n })\r\n };\r\n\r\n expandTab(tabID: number, event: Event) {\r\n let divHeight_lcl: number; \r\n\r\n if (this.incidentDivComponent !== undefined && this.incidentDivComponent !== null) {\r\n var divElem = this.incidentDivComponent.toArray();\r\n divHeight_lcl = divElem[tabID].nativeElement.scrollHeight;\r\n\r\n this.incidentDivComponent.forEach((currentValue, index) => {\r\n if (index == tabID) {\r\n currentValue.nativeElement.style.maxHeight = divHeight_lcl + 'px';\r\n }\r\n\r\n });\r\n\r\n }\r\n\r\n }\r\n\r\n minimizeTab(tabID: number, event: Event) {\r\n let divHeight_lcl: number = 170;\r\n\r\n if (this.incidentDivComponent !== undefined && this.incidentDivComponent !== null) {\r\n //var divElem = this.incidentDivComponent.toArray();\r\n //divHeight_lcl = divElem[tabID].nativeElement.scrollHeight;\r\n\r\n this.incidentDivComponent.forEach((currentValue, index) => {\r\n if (index == tabID) {\r\n currentValue.nativeElement.style.maxHeight = divHeight_lcl + 'px';\r\n }\r\n\r\n });\r\n\r\n }\r\n\r\n }\r\n\r\n expandTabHome(tabID: number, event: Event) {\r\n let divHeight_lcl: number;\r\n\r\n if (this.incidentDivHomeComponent !== undefined && this.incidentDivHomeComponent !== null) {\r\n var divElem = this.incidentDivHomeComponent.toArray();\r\n divHeight_lcl = divElem[tabID].nativeElement.scrollHeight;\r\n\r\n this.incidentDivHomeComponent.forEach((currentValue, index) => {\r\n if (index == tabID) {\r\n currentValue.nativeElement.style.maxHeight = divHeight_lcl + 'px';\r\n }\r\n\r\n });\r\n\r\n }\r\n\r\n }\r\n\r\n minimizeTabHome(tabID: number, event: Event) {\r\n let divHeight_lcl: number = 370;\r\n\r\n if (this.incidentDivHomeComponent !== undefined && this.incidentDivHomeComponent !== null) {\r\n //var divElem = this.incidentDivComponent.toArray();\r\n //divHeight_lcl = divElem[tabID].nativeElement.scrollHeight;\r\n\r\n this.incidentDivHomeComponent.forEach((currentValue, index) => {\r\n if (index == tabID) {\r\n currentValue.nativeElement.style.maxHeight = divHeight_lcl + 'px';\r\n }\r\n\r\n });\r\n\r\n }\r\n\r\n }\r\n\r\n navigateTo(stateID: string, categoryID: string, event: Event) {\r\n this.StateID = stateID;\r\n this.CategoryID = categoryID;\r\n\r\n this._router.navigate([], {\r\n queryParams: {\r\n StateID: stateID,\r\n CategoryID: categoryID\r\n },\r\n queryParamsHandling: 'merge',\r\n });\r\n this.FraudIncidentData = new Array();\r\n\r\n this.getFraudIncidentData();\r\n this.setCategoryAndStateName();\r\n //this.checkTabStatus();\r\n console.log('this.StateID = ' + this.StateID + '; this.CategoryID = ' + this.CategoryID);\r\n\r\n\r\n // changes the route without moving from the current view or\r\n // triggering a navigation event,\r\n //this._router.navigate([], {\r\n // relativeTo: this._route,\r\n // queryParams: {\r\n // stateIDParams: '1'\r\n // },\r\n // // preserve the existing query params in the route\r\n // //queryParamsHandling: 'merge',\r\n\r\n // // do not trigger navigation\r\n // skipLocationChange: true\r\n\r\n //});\r\n }\r\n\r\n navigateToFoo() {\r\n // changes the route without moving from the current view or\r\n // triggering a navigation event,\r\n this._router.navigate([], {\r\n relativeTo: this._route,\r\n queryParams: {\r\n stateIDParams: '1'\r\n },\r\n // preserve the existing query params in the route\r\n //queryParamsHandling: 'merge',\r\n\r\n // do not trigger navigation\r\n skipLocationChange: true\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
TruthShorts.com \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 Last Update: {{data.LastUpdate | date:'short':'EST'}} \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 Last Update: {{data.LastUpdate | date:'short':'EST'}} \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 showProfileBox: boolean = false;\n showTooltip: boolean = false;\n\r\n userProfileVisible = false;\n hoverBoxStyle = {};\n userProfile: any;\n\n private unsubscribeHover$ = new Subject();\n\r\n //private hoverTimer: any; // To hold the timer reference\n hoverTimer: any; // To hold the timer reference\r\n private timeoutId: any; // Holds the reference to the timeout\n\r\n constructor(\r\n private userService: UserService,\r\n ) {\r\n // Define menu items - this could instead be loaded from a service\r\n this.menuItems = [\r\n { icon: 'fa-house', label: 'Home', link: '/' },\r\n { icon: 'fa-compass', label: 'Explore', link: '/explore' },\r\n { icon: 'fa-bell', label: 'Notifications', link: '/notifications' },\r\n // Add more items as needed\r\n ];\r\n }\r\n\r\n ngOnInit(): void {\r\n // Additional initialization can be done here\r\n }\r\n\r\n ngOnDestroy(): void {\n if (this.timeoutId) {\n clearTimeout(this.timeoutId); // Clear timeout on component destruction\n }\n if (this.hoverTimer) {\n clearTimeout(this.hoverTimer); // Clear the timer if the mouse leaves the link\n }\n\n }\r\n\r\n @HostListener('window:scroll', ['$event'])\n onScroll(): void {\n this.showProfileBox = false;\n this.showTooltip = false;\n // Clear the timeoutId after it executes\n this.timeoutId = null;\n this.hoverTimer = null;\n }\r\n\r\n loadUserProfile(event: MouseEvent) {\n //console.log(`Mouse over:`);\n\n event.stopPropagation(); // Add this to prevent event bubbling\n\n // Check the class of the event target to determine which functionality to trigger\n const target = event.target as HTMLElement;\n if (target.classList.contains('publish-date')) {\n // Logic for showing the date tooltip\n this.hoverTimer = setTimeout(() => {\n //this.showTooltip = true;\n }, 1000); // Delay in milliseconds\n } else {\n this.hoverTimer = setTimeout(() => {\n //if (!this.userProfileStates.has(index)) {\n // this.userProfileStates.set(index, { visible: false });\n //}\n\n this.userService.getUserProfile(this.Username).subscribe(data => {\n\n this.userProfile = data;\n this.adjustHoverBoxPosition(event);\n this.showProfileBox = true;\n //console.log(\"this.showProfileBox : \" + this.showProfileBox );\n });\n }, 1000); // Delay of 1000 milliseconds (1 second)\n }\n }\r\n\r\n keepHoverBoxVisible(): void {\n //this.unsubscribeHover$.next();\n if (this.timeoutId) {\n clearTimeout(this.timeoutId); // Cancel the pending timeout\n this.timeoutId = null;\n }\n this.showProfileBox = true;\n }\r\n\r\n hideUserProfile() {\n //clearTimeout(this.hoverTimer); // Clear the timer if the mouse leaves the link\n //this.showProfileBox = false;\n\n //this.unsubscribeHover$.next();\n //timer(500).pipe(takeUntil(this.unsubscribeHover$)).subscribe(() => {\n // this.showProfileBox = false; // Delay hiding the box to allow for transition\n // //this.showTooltip = false;\n //});\n\n //if (this.userProfileStates.has(index)) {\n // this.userProfileStates.get(index).visible = false;\n //}\n if (this.timeoutId) clearTimeout(this.timeoutId);\n if (this.hoverTimer) clearTimeout(this.hoverTimer);\n\n // Set a new timeout\n this.timeoutId = setTimeout(() => {\n //clearTimeout(this.hoverTimer); // Clear the timer if the mouse leaves the link\n this.showProfileBox = false;\n this.showTooltip = false;\n // Clear the timeoutId after it executes\n this.timeoutId = null;\n }, 1000); // Delay in milliseconds\n\n }\n\n adjustHoverBoxPosition(event: MouseEvent): void {\n if (this.repostLinkElement && this.repostLinkElement.nativeElement) {\n const rect = this.repostLinkElement.nativeElement.getBoundingClientRect();\n const spaceBelow = window.innerHeight - rect.bottom;\n const hoverBoxHeight = 200; // Fixed height or dynamically determined\n\n if (spaceBelow < hoverBoxHeight) {\n this.hoverBoxStyle = { bottom: '30px' };\n } else {\n this.hoverBoxStyle = { top: '30px' };\n }\n }\n }\n followUser() {\n this.userService.followUser(this.Username).subscribe({\n next: (result) => {\n console.log('User followed successfully');\n },\n error: (error) => {\n console.error('Error following the user', error);\n }\n });\n }\r\n\r\n}\r\n"," \n
\n {{ProfileName}} reposted \n \r\n\n
\n
{{ userProfile?.ProfileName }}
\n
@{{ userProfile?.UserName }}
\n
Follow \n
{{ userProfile?.ProfileBio }}
\n
\n Following: {{ userProfile?.FollowingCount }} |\n Followers: {{ userProfile?.FollowersCount }} \n
\n
\n
;\n\r\n private scrollPosition: [number, number] = [0, 0];\n private shouldRestoreScrollPosition = false;\n\r\n private scrollEventSubscription: Subscription;\n allPostsLoaded = false; // Flag to check if all posts are loaded\r\n\r\n UserPostsData: Array;\r\n UserPostsDataContent: Classes.ShortsPostSave;\r\n userProfileStates = new Map();\r\n\r\n ProfileIconImage: string;\r\n\r\n selectedFile: File | null = null;\r\n\r\n UserID: number;\r\n Username: string;\n isOwnProfile: boolean = false;\n\n currentPage = 1;\n pageSize = 10;\n isLoading = false;\n\n showProfileBox : boolean = false;\n showTooltip: boolean = false;\n\n selectedScoreTypeID: number | null = null;\n //showDetails: boolean = false;\n\n selectedScoreIndex: number | null = null;\n showDetailsIndex: number | null = null;\n\n //selectedScoreDetails: Classes.ScoreDetails | null = null;\n uniqueScoreTypes: Classes.ScoreDetails[] = [];\n\n selectedPostId: number | null = null;\n selectedScoreTypeId: number | null = null;\n\n selectedScoreTypeIDs: { [key: number]: number } = {};\n showDetails: { [key: number]: boolean } = {};\n selectedScoreDetails: { [key: number]: Classes.ScoreDetails[] } = {};\r\n\r\n reactions: any = {};\r\n\r\n timeoutDuration: number = 600000; // 10 minutes in milliseconds\r\n\r\n postContent: string = '';\r\n\r\n userProfileVisible = false;\n hoverBoxStyle = {};\n userProfile: any = {};\r\n hoverTimer: any; // To hold the timer reference\r\n private timeoutId: any; // Holds the reference to the timeout\n\n private isTwitterWidgetsLoaded = false;\n\n\r\n constructor(\r\n //private authService: UserService,\r\n //private globalService: GlobalService,\r\n private sessionService: SessionService,\r\n private inactivityService: InactivityTimeoutService,\r\n private userPostsDataService: UserPostsDataService,\r\n private userService: UserService,\r\n private modalService: NgbModal,\r\n\r\n private toastr: ToastrService,\r\n private scrollPositionService: ScrollPositionService,\r\n\r\n private sanitizer: DomSanitizer,\r\n private route: ActivatedRoute,\r\n private viewportScroller: ViewportScroller,\r\n private router: Router\r\n //private formBuilder: FormBuilder\r\n ) {\r\n // Listen to navigation events and prepare to restore scroll position if necessary\n this.router.events.pipe(\n filter(event => event instanceof NavigationEnd)\n ).subscribe((event: NavigationEnd) => {\n if (event.url === '/dashboard') { // Adjust this to your actual dashboard URL\n this.shouldRestoreScrollPosition = true;\n }\n });\r\n }\r\n\r\n ngOnInit(): void {\r\n debugger;\r\n this.UserPostsData = new Array();\r\n this.UserPostsDataContent = new Classes.ShortsPostSave();\r\n\r\n //console.log(this._route.snapshot.queryParams);\r\n\r\n this.sessionService.getUserID().subscribe(userID => {\r\n this.UserID = Number(userID);\r\n });\r\n\r\n this.sessionService.getUsername().subscribe(username => {\r\n this.Username = username;\r\n //this.isOwnProfile = username === this.Username; // Check if the profile belongs to the logged-in user\n });\r\n\r\n // Start the inactivity timeout when the component initializes\r\n this.inactivityService.initializeTimer();\r\n\r\n this.getUserPostsDataNew();\r\n this.subscribeToScrollEvents();\r\n\r\n //console.log('this.StateID = ' + this.StateID + '; this.CategoryID = ' + this.CategoryID );\r\n }\r\n\r\n ngAfterViewInit() {\r\n // Restore scroll position if flagged\n if (this.shouldRestoreScrollPosition) {\n setTimeout(() => {\n const position = this.scrollPositionService.getScrollPosition();\n this.viewportScroller.scrollToPosition(position);\n this.shouldRestoreScrollPosition = false;\n }, 500); // Adjust the timeout as needed\n }\r\n\r\n this.postElements.changes.subscribe(() => {\n this.setupIntersectionObservers();\n });\n this.setupIntersectionObservers();\r\n\r\n //this.postElements.forEach((postElement) => {\n // this.setupIntersectionObserver(postElement);\n //});\r\n //this.loadTwitterWidgets();\r\n //console.log(this.route.snapshot.queryParams);\r\n }\r\n\r\n ngAfterViewChecked(): void {\n if (this.shouldRestoreScrollPosition) {\n setTimeout(() => {\n const position = this.scrollPositionService.getScrollPosition();\n this.viewportScroller.scrollToPosition(position);\n this.shouldRestoreScrollPosition = false;\n }, 500); // Adjust the timeout as needed\n }\n //this.setupIntersectionObservers();\n\n //this.loadTwitterWidgets();\r\n\n //if (this.isTwitterWidgetsLoaded) {\n // window['twttr'] && window['twttr'].widgets.load();\n //}\n }\r\n\r\n ngOnDestroy() {\r\n this.scrollEventSubscription?.unsubscribe();\r\n }\r\n\r\n ngOnChanges() {\r\n\r\n }\r\n\r\n private subscribeToScrollEvents() {\n this.scrollEventSubscription = fromEvent(window, 'scroll')\n .pipe(throttleTime(500))\n .subscribe(() => this.onScroll());\n }\r\n\r\n @HostListener('window:scroll', ['$event'])\n onScroll(): void {\n this.showProfileBox = false;\n this.showTooltip = false;\n // Clear the timeoutId after it executes\n this.timeoutId = null;\n this.hoverTimer = null; \n\n if (this.isLoading || this.allPostsLoaded) return;\n\n const nearToEndIndex = Math.max(this.UserPostsData.length - 3, 0);\n const triggerElementId = `post${(this.currentPage - 1) * this.pageSize + nearToEndIndex}`;\n const triggerElement = document.getElementById(triggerElementId);\n\n if (triggerElement && (window.scrollY + window.innerHeight > triggerElement.offsetTop) && !this.isLoading) {\n this.currentPage++;\n this.getUserPostsDataNew();\n }\n }\r\n\r\n //loadUserProfile_home(UserName: any, index: number, event: MouseEvent) {\n // //console.log(`Mouse over: index ${index}`);\n\n // event.stopPropagation(); // Add this to prevent event bubbling\n\n // // Check the class of the event target to determine which functionality to trigger\n // const target = event.target as HTMLElement;\n // if (target.classList.contains('publish-date')) {\n // // Logic for showing the date tooltip\n // this.hoverTimer = setTimeout(() => {\n // this.showTooltip = true;\n // }, 1000); // Delay in milliseconds\n // } else {\n // this.hoverTimer = setTimeout(() => {\n // if (!this.userProfileStates.has(index)) {\n // this.userProfileStates.set(index, { visible: false });\n // }\n\n // this.userService.getUserProfile(UserName).subscribe(data => {\n // const element = event.target as HTMLElement;\n // const rect = element.getBoundingClientRect();\n\n // // Calculate available space below the link\n // const spaceBelow = window.innerHeight - rect.bottom;\n // const hoverBoxHeight = 200; // Assume a fixed height or calculate dynamically\n\n // if (spaceBelow < hoverBoxHeight) {\n\n // // Not enough space below, position above\n // this.hoverBoxStyle = {\n // bottom: `30px` // Position above the link\n // };\n // }\n // else {\n // this.hoverBoxStyle = {\n // top: `30px` // Position above the link\n // };\n // }\n\n // this.userProfileStates.get(index).profile = data;\n // this.userProfileStates.get(index).visible = true;\n\n // this.showProfileBox = true;\n // //console.log(\"this.showProfileBox : \" + this.showProfileBox );\n // });\n // }, 1000); // Delay of 1000 milliseconds (1 second)\n // }\n //}\r\n\r\n //hideUserProfile_home(index: number) {\n // //console.log(`Mouse leave: index ${index}`);\n\n // clearTimeout(this.hoverTimer); // Clear the timer if the mouse leaves the link\n // this.showTooltip = false;\n // this.showProfileBox = false;\n // if (this.userProfileStates.has(index)) {\n // this.userProfileStates.get(index).visible = false;\n // }\n //}\n\n getUniqueScoreTypes(scoreDetailsList: Classes.ScoreDetails[]): Classes.ScoreDetails[] {\n const uniqueScoreTypes = [];\n const scoreTypeIDs = new Set();\n for (const scoreDetails of scoreDetailsList) {\n if (!scoreTypeIDs.has(scoreDetails.ScoreTypeID)) {\n scoreTypeIDs.add(scoreDetails.ScoreTypeID);\n uniqueScoreTypes.push(scoreDetails);\n }\n }\n return uniqueScoreTypes;\n }\n\n getReasonDetails(postID: number): Classes.ReasonDetail[] {\n const scoreDetails = this.selectedScoreDetails[postID];\n if (scoreDetails && scoreDetails.length > 0) {\n return scoreDetails[0].ReasonDetails;\n }\n return [];\n }\n\n isBadgeSelected(postId: number, scoreTypeId: number): boolean {\n return this.selectedPostId === postId && this.selectedScoreTypeId === scoreTypeId;\n }\n\n selectScore(postData: any, scoreTypeID: number, event: Event): void {\n event.stopPropagation();\n const postID = postData.TSID;\n this.selectedScoreTypeIDs[postID] = scoreTypeID;\n this.selectedScoreDetails[postID] = postData.ScoreDetailsList.filter(\n (scoreDetails) => scoreDetails.ScoreTypeID === scoreTypeID\n );\n this.showDetails[postID] = false; // Reset details view\n }\n\n toggleDetails(postID: number) {\n this.showDetails[postID] = !this.showDetails[postID];\n }\n\n //toggleDetails(index: number): void {\n // if (this.showDetailsIndex === index) {\n // this.showDetailsIndex = null; // Close if already open\n // } else {\n // this.showDetailsIndex = index; // Open the selected details\n // }\n //}\n\n\n //toggleDetails(postId: number, scoreTypeId: number): void {\n // if (this.selectedPostId === postId && this.selectedScoreTypeId === scoreTypeId) {\n // // If the same badge is clicked, toggle it off\n // this.selectedPostId = null;\n // this.selectedScoreTypeId = null;\n // } else {\n // // Select a new badge\n // this.selectedPostId = postId;\n // this.selectedScoreTypeId = scoreTypeId;\n // }\n //}\n\n loadTwitterWidgets(): void {\n const script = document.createElement('script');\n script.src = 'https://platform.twitter.com/widgets.js';\n script.async = true;\n script.charset = 'utf-8';\n document.head.appendChild(script);\n }\n\n setupIntersectionObservers(): void {\n if (this.postElements && this.postElements.length > 0) {\n this.postElements.forEach((postElement) => {\n this.setupIntersectionObserver(postElement);\n });\n }\n }\n\n setupIntersectionObserver(postElement: ElementRef): void {\n const observer = new IntersectionObserver((entries, obs) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const postContent = (entry.target as HTMLElement).innerHTML;\n if (this.isTwitterPost(postContent)) {\n this.loadTwitterWidgets();\n }\n if (this.isFacebookPostType(postContent)) {\n this.loadFacebookWidgets(entry.target as HTMLElement);\n }\n obs.unobserve(entry.target); // Ensure the element is unobserved after being intersected\n //observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n\n if (postElement.nativeElement instanceof HTMLElement) {\n observer.observe(postElement.nativeElement);\n }\n }\n\n isTwitterPost(content: string): boolean {\n return content.includes('twitter-tweet');\n }\n\n isFacebookPostType(content: string): boolean {\r\n const facebookPatterns = ['facebook.com', 'fb.watch'];\r\n return facebookPatterns.some(pattern => content.includes(pattern));\r\n }\r\n\r\n isFacebookPost(content: string): boolean {\r\n const facebookPatterns = ['post.php'];\r\n return facebookPatterns.some(pattern => content.includes(pattern));\r\n }\r\n\n isFacebookEmbeddedPost(content: string): boolean {\r\n const facebookPatterns = ['iframe'];\r\n return facebookPatterns.some(pattern => content.includes(pattern));\r\n }\r\n\n //loadTwitterWidgets(): void {\n // if (window['twttr'] && window['twttr'].widgets) {\n // window['twttr'].widgets.load();\n // } else {\n // const script = document.createElement('script');\n // script.src = 'https://platform.twitter.com/widgets.js';\n // script.async = true;\n // script.charset = 'utf-8';\n // document.head.appendChild(script);\n // }\n //}\n\n loadFacebookWidgets(element: HTMLElement): void {\n if (window['FB'] && window['FB'].XFBML) {\n window['FB'].XFBML.parse();\n this.resizeFacebookIframes(element);\n } else {\n const script = document.createElement('script');\n script.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v11.0';\n //script.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2';\n script.async = true;\n script.defer = true;\n script.crossOrigin = 'anonymous';\n script.onload = () => {\n window['FB'].XFBML.parse();\n //this.resizeFacebookIframes(element);\n this.observeFacebookIframes(element);\n };\n document.head.appendChild(script);\n }\n }\n\n resizeFacebookIframes(element: HTMLElement): void {\n const iframes = element.querySelectorAll('iframe');\n iframes.forEach((iframe: HTMLIFrameElement) => {\n iframe.style.width = '100%';\n //iframe.style.height = 'auto';\n iframe.style.borderRadius = '0.85rem';\n\n //const resizeObserver = new ResizeObserver(entries => {\n // for (let entry of entries) {\n // if (entry.target instanceof HTMLIFrameElement) {\n // entry.target.style.height = entry.contentRect.height + 'px';\n // }\n // }\n //});\n\n //resizeObserver.observe(iframe);\n });\n }\n\n observeFacebookIframes(element: HTMLElement): void {\n const fbPosts = element.querySelectorAll('.fb-post-embedded');\n fbPosts.forEach((fbPost: HTMLElement) => {\n const resizeObserver = new ResizeObserver(() => {\n this.adjustIframeHeight(fbPost);\n });\n\n resizeObserver.observe(fbPost);\n });\n }\n\n adjustIframeHeight(fbPost: HTMLElement): void {\n try {\n const iframe = fbPost.querySelector('iframe');\n if (iframe) {\n //iframe.style.height = (fbPost.clientHeight*.958) + 'px';\n iframe.style.width = '100%';\n iframe.style.borderRadius = '0.85rem';\n }\n } catch (error) {\n console.warn('Could not access iframe content due to cross-origin restrictions', error);\n }\n }\n\n getFacebookPostHref(content: string): string {\r\n console.log('Post Content:', content); // Debugging line to check content\r\n // Adjust regex to be more flexible with possible variations\r\n const match = content.match(/data-href=['\"]([^'\"]+)['\"]/);\r\n const href = match ? match[1] : '';\r\n console.log('Extracted Href:', href); // Debugging line to check extracted href\r\n return href;\r\n }\r\n\n sanitizeHtml(html: string): SafeHtml {\n return this.sanitizer.bypassSecurityTrustHtml(html);\n }\n\n onReactionsUpdated(postId: number, updatedReactions: any): void {\n const post = this.UserPostsData.find(p => p.TSID === postId);\n if (post) {\n post.Reactions = updatedReactions;\n }\n }\n\n followUser(userName: string) {\n this.userService.followUser(userName).subscribe({\n next: (result) => {\n console.log('User followed successfully');\n },\n error: (error) => {\n console.error('Error following the user', error);\n }\n });\n }\r\n\r\n getUserPostsDataNew() {\r\n this.isLoading = true;\r\n let postTypes: number[] | undefined;\r\n // For User Profile Posts, I gather Original - 1; Reposts - 2; and Quotes - 3; Replies - 4; Quotes - 5\r\n // For User Profile Posts, I gather Twitter Admin Post - 20;\r\n postTypes = [1, 3, 5, 20, 21]; // Specify the actual types you need\n\r\n this.userPostsDataService.getDashboardPosts(this.UserID, this.currentPage, this.pageSize, postTypes).subscribe({\n //this.userPostsDataService.getDashboardPosts(this.UserID, this.currentPage, this.pageSize).subscribe({\n next: posts => {\n this.UserPostsData = this.UserPostsData.concat(posts); // Append new data to existing posts\n this.isLoading = false;\n if (posts.length < this.pageSize) { // Less data than expected\n this.allPostsLoaded = true; // Assume all posts are loaded\n }\n },\n error: error => {\n console.error('There was an error!', error);\n this.isLoading = false;\n }\n });\r\n }\r\n\r\n getUserPostsData() {\r\n this.userPostsDataService.loadUserPostsData(this.UserID).subscribe(data => {\r\n if (data.type === HttpEventType.DownloadProgress) {\r\n let percentDone: number = Math.round(100 + data.loaded / data.total);\r\n if (percentDone > 100) {\r\n percentDone = 100;\r\n }\r\n else if (percentDone < 0) {\r\n percentDone = 0;\r\n }\r\n } else if (data instanceof HttpResponse) {\r\n let loadedData: Array = data.body;\r\n this.UserPostsData = loadedData;\r\n\r\n //this.ProfileIconImage = this.UserPostsData.\r\n\r\n //this.FraudIncidentData = data.body.map(x => Object.assign({}, x));\r\n\r\n //this.FraudIncidentData.forEach((elem: any) => {\r\n //console.log(elem);\r\n //});\r\n\r\n }\r\n })\r\n };\r\n\r\n loadReactions(postId: number) {\r\n this.userPostsDataService.getReactions(postId).subscribe(data => {\r\n this.reactions = data;\r\n });\r\n }\r\n\r\n toggleReaction(postId: number, type: '1' | '2' | '3'): void {\r\n this.userPostsDataService.toggleReaction(postId, this.UserID, type).subscribe(updatedReactions => {\r\n const post = this.UserPostsData.find(p => p.TSID === postId);\r\n if (post) {\r\n post.Reactions = updatedReactions; // Update the reactions with the returned data\r\n // Toggle the selected state for the specific reaction type\r\n //switch (type) {\r\n // case 'reply':\r\n // post.Reactions.replySelected = !post.Reactions.replySelected;\r\n // break;\r\n // case 'repost':\r\n // post.Reactions.repostSelected = !post.Reactions.repostSelected;\r\n // break;\r\n // case 'like':\r\n // post.Reactions.likeSelected = !post.Reactions.likeSelected;\r\n // break;\r\n //}\r\n }\r\n }, error => {\r\n console.error('Error toggling reaction:', error);\r\n });\r\n }\r\n\r\n saveRePost(postId: number, type: '1' | '2' | '3', repostSelected: boolean, repostType: string, comment: string ): void {\r\n this.userPostsDataService.saveUserRePostsData(postId, this.UserID, type, comment, repostSelected).subscribe(updatedReactions => {\r\n const post = this.UserPostsData.find(p => p.TSID === postId);\r\n if (post) {\r\n post.Reactions = updatedReactions; // Update the reactions with the returned data\r\n }\r\n }, error => {\r\n console.error('Error toggling reaction:', error);\r\n });\r\n }\r\n\r\n submitPost() {\r\n\r\n // Call checkVideo with the mock event\r\n //this.checkVideo(event as any);\r\n\r\n this.UserPostsDataContent.UserID = this.UserID;\r\n this.UserPostsDataContent.PostType = 1;\r\n this.UserPostsDataContent.PublishDate = new Date() // Date is set at the time of submission\r\n if (this.selectedFile.name.length > 0 ) {\r\n this.UserPostsDataContent.FileName = this.selectedFile.name;\r\n this.UserPostsDataContent.VideoMimeType = this.selectedFile.type;\r\n }\r\n\r\n const formData = new FormData();\r\n\r\n formData.append('postData', JSON.stringify(this.UserPostsDataContent)); // Serialize your object into a JSON string\r\n if (this.selectedFile) {\r\n formData.append('file', this.selectedFile, this.selectedFile.name);\r\n }\r\n\r\n\r\n this.userPostsDataService.saveUserPostsData(formData).subscribe(data => {\r\n if (data.type === HttpEventType.DownloadProgress) {\r\n let percentDone: number = Math.round(100 + data.loaded / data.total);\r\n if (percentDone > 100) {\r\n percentDone = 100;\r\n }\r\n else if (percentDone < 0) {\r\n percentDone = 0;\r\n }\r\n } else if (data instanceof HttpResponse) {\r\n let loadedData: number = data.body;\r\n //var x = loadedData;\r\n\r\n //this.ProfileIconImage = this.UserPostsData.\r\n\r\n //this.FraudIncidentData = data.body.map(x => Object.assign({}, x));\r\n\r\n //this.FraudIncidentData.forEach((elem: any) => {\r\n //console.log(elem);\r\n //});\r\n\r\n }\r\n })\r\n };\r\n\r\n savePost(): void {\r\n\r\n this.UserPostsDataContent.UserID = this.UserID;\r\n this.UserPostsDataContent.PostType = 1;\r\n this.UserPostsDataContent.PublishDate = new Date() // Date is set at the time of submission\r\n if (this.selectedFile.name.length > 0) {\r\n this.UserPostsDataContent.FileName = this.selectedFile.name;\r\n this.UserPostsDataContent.VideoMimeType = this.selectedFile.type;\r\n }\r\n\r\n const formData = new FormData();\r\n\r\n formData.append('postData', JSON.stringify(this.UserPostsDataContent)); // Serialize your object into a JSON string\r\n if (this.selectedFile) {\r\n formData.append('file', this.selectedFile, this.selectedFile.name);\r\n }\r\n\r\n this.userPostsDataService.savePost(formData, this.UserID).subscribe(\r\n () => console.log(\"Post saved successfully.\"),\r\n error => console.error(\"Error saving post\", error)\r\n );\r\n }\r\n\r\n // Method to trigger the file input click event\r\n triggerFileUpload(): void {\r\n document.getElementById('videoUpload')!.click();\r\n }\r\n\r\n checkVideo(event: any): void {\r\n this.selectedFile = event.target.files[0];\r\n\r\n if (!this.selectedFile) {\r\n return;\r\n }\r\n\r\n const fileType = this.selectedFile.type;\r\n\r\n //if (this.selectedFile) {\r\n // Handle videos\r\n if (this.selectedFile.type.startsWith('video/')) {\r\n // Check the file type\r\n if (this.selectedFile.type !== 'video/mp4' && this.selectedFile.type !== 'video/quicktime') {\r\n alert('Unsupported video format. Please upload a MP4 or MOV file.');\r\n return;\r\n }\r\n\r\n // Load the file into a video element to check duration\r\n const video = document.createElement('video');\r\n video.preload = 'metadata';\r\n\r\n video.onloadedmetadata = () => {\r\n window.URL.revokeObjectURL(video.src);\r\n const duration = video.duration;\r\n\r\n if (duration > 120) { // Check if video is longer than 2 minutes\r\n alert('Video is too long. Maximum allowed duration is 2 minutes.');\r\n } else {\r\n alert('Video is valid. Duration: ' + duration + ' seconds.');\r\n // Proceed with further processing like uploading\r\n }\r\n };\r\n\r\n video.onerror = () => {\r\n alert('Unable to load the video for validation.');\r\n };\r\n\r\n video.src = URL.createObjectURL(this.selectedFile);\r\n\r\n return; // Exit function after handling video\r\n }\r\n\r\n // Handle images\r\n if (this.selectedFile.type.startsWith('image/')) {\r\n // Image-specific processing logic here\r\n\r\n if (this.selectedFile.type === 'image/gif') {\r\n alert('GIF file selected.');\r\n // Additional GIF-specific checks can go here\r\n } else {\r\n alert('Image file selected.');\r\n }\r\n\r\n // Proceed with further processing like uploading\r\n }\r\n }\r\n\r\n uploadVideo(file: File): void {\r\n const formData = new FormData();\r\n formData.append('video', file);\r\n\r\n //this.http.post('https://yourserver.com/upload', formData).subscribe(\r\n // response => {\r\n // console.log('Upload successful', response);\r\n // },\r\n // error => {\r\n // console.error('Upload failed', error);\r\n // }\r\n //);\r\n }\r\n\r\n openQuoteModal(postData: any): void {\n const modalRef = this.modalService.open(QuoteModalComponent, {\r\n //windowClass: \"myCustomModalClass\",\r\n keyboard: false,\r\n backdrop: 'static',\r\n size: 'lg'\r\n });\r\n //modalRef.componentInstance.registrationModalRef = this;\r\n\n modalRef.componentInstance.postData = postData;\n modalRef.componentInstance.postQuote.subscribe((comment: string) => {\n if (comment.length > 0) {\n // Handle the quote with the comment\n console.log('Comment to post:', comment);\n // Add your saveRePost logic here\n this.saveRePost(postData.TSID, '2', postData.Reactions.repostSelected, '2', comment);\n }\n else {\n this.saveRePost(postData.TSID, '2', postData.Reactions.repostSelected, '1', null);\n }\n });\n\n }\r\n\r\n openScoreModal(postData: any): void {\n const modalRef = this.modalService.open(ScoreModalComponent, {\r\n //windowClass: \"myCustomModalClass\",\r\n keyboard: false,\r\n backdrop: 'static',\r\n size: 'lg'\r\n });\r\n //modalRef.componentInstance.registrationModalRef = this;\r\n\n modalRef.componentInstance.postData = postData;\n\n }\r\n\r\n navigateToPost(username: string, postId: number): void {\n // Save the current scroll position\n const currentPosition = this.viewportScroller.getScrollPosition();\n this.scrollPositionService.setScrollPosition(currentPosition);\n\n this.router.navigate([`${username}/posts/${postId}`]);\n }\r\n\r\n navigateToPage() {\r\n // changes the route without moving from the current view or\r\n // triggering a navigation event,\r\n this.router.navigate(['/dashboard_login'], {\r\n relativeTo: this.route,\r\n //queryParams: {\r\n // stateIDParams: '1'\r\n //},\r\n // preserve the existing query params in the route\r\n //queryParamsHandling: 'merge',\r\n\r\n // do not trigger navigation\r\n skipLocationChange: true\r\n\r\n });\r\n }\r\n\r\n testToastr(): void {\n this.toastr.success('Toastr is working!');\n }\r\n\r\n}\r\n","\r\n \n
\n \n \r\n
\n\n \n
\n
\n
\n
\n
\n\n
\n\n
\n\n
\n
\r\n
\n
\n
Everyone can reply
\n
\n
\n
\n
\n \r\n
\n
\n \r\n \n \r\n \n \n
\n
\n
\n
\n
\n Post \n
\n
\n
\n
\n
\n
\r\n
\r\n
\r\n\n \n \n
\n
\n \n
\n
\n
\n
\n
\n
\n
\n \n
\n \r\n\r\n \r\n\r\n \n\t\t\t\t\t\t\t\t\t\t\t\t
{{postData.PostTitle}} \r\n
\r\n \n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\n
\n \r\n
{{ postData.Reactions.Replies }} \r\n
\r\n \r\n {{ postData.Reactions.Reposts }} \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
{{ postData.Reactions.Likes }} \r\n
\n \r\n
\n
\n \r\n
\r\n \n \n \r\n
\n \r\n \n
\n \n
\n
\n
\n
\n
\n
\n\t\t\t\t\t\t\t\t\t\t\t\t
{{postData.PostTitle}} \r\n
\r\n\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\n
\n
\n
\n
\n
\n\t\t\t\t\t\t\t\t\t\t\t\t
{{postData.PostTitle}} \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\n \n
\n \r\n \r\n \r\n \r\n \r\n Your browser does not support the video tag.\r\n \r\n
\r\n \r\n
\r\n
\r\n \n \n
\n
\n
\n
\n
\n
\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\n \n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n\t\t\t\t\t\t\t\t\t\t\t\t
{{postData.PostTitle}} \r\n
\n \n \n \n
\n \n \n
\n \n \n \n \n \r\n \n \n
\n \r\n \r\n\r\n \r\n \r\n \n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\n
\n
\n
\n
\n
\n \n
\r\n
\r\n
\r\n
{{ scoreDetails.ScoreType }} \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ scoreDetails.Score }} \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
Minimize \r\n
\r\n
\r\n
\r\n {{reasonDetail.ReasonDetailText}}
\r\n \r\n \r\n
\r\n {{reasonDetail.ReasonDetailText}}
\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\n\n\n\t\t\t\t\t\t\t\t\t\t\t\t
{{postData.PostTitle}} \r\n\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
{\n const imgData = canvas.toDataURL('image/png');\n const doc = new jsPDF();\n const imgProps = doc.getImageProperties(imgData);\n const pdfWidth = doc.internal.pageSize.getWidth();\n const pdfHeight = (imgProps.height * pdfWidth) / imgProps.width;\n doc.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight);\n doc.save('privacy-policy.pdf');\n });\n }\n\r\n\r\n}\r\n","\r\n\r\n\r\n
\r\n
\r\n
Privacy Policy \r\n\r\n\r\n
\n \n
\n \n
Download PDF \n
\r\n
\n
Privacy Policy \r\n
Effective Date: July 10, 2024
\r\n\r\n
1. Introduction \r\n
Welcome to TruthShorts. We are committed to protecting your personal information and your right to privacy. This Privacy Policy explains how we collect, use, disclose, and safeguard your information when you visit our website.
\r\n\r\n
2. Information We Collect \r\n
We may collect information about you in a variety of ways. The information we may collect on the Site includes:
\r\n
\r\n Personal Data: Personally identifiable information, such as your name, shipping address, email address, and telephone number, and demographic information, such as your age, gender, hometown, and interests, that you voluntarily give to us.Derivative Data: Information our servers automatically collect when you access the Site, such as your IP address, your browser type, your operating system, your access times, and the pages you have viewed directly before and after accessing the Site.Financial Data: Financial information, such as data related to your payment method (e.g., valid credit card number, card brand, expiration date) that we may collect when you purchase, order, return, exchange, or request information about our services from the Site. \r\n\r\n
3. Use of Your Information \r\n
Having accurate information about you permits us to provide you with a smooth, efficient, and customized experience. Specifically, we may use information collected about you via the Site to:
\r\n
\r\n Create and manage your account. \r\n Process your transactions and send you related information. \r\n Provide, operate, and maintain our services. \r\n Improve, personalize, and expand our services. \r\n Understand and analyze how you use our services. \r\n Communicate with you, either directly or through one of our partners, including for customer service, to provide you with updates and other information relating to the service, and for marketing and promotional purposes. \r\n \r\n\r\n
4. Disclosure of Your Information \r\n
We may share information we have collected about you in certain situations. Your information may be disclosed as follows:
\r\n
\r\n By Law or to Protect Rights: If we believe the release of information about you is necessary to respond to legal process, to investigate or remedy potential violations of our policies, or to protect the rights, property, and safety of others, we may share your information as permitted or required by any applicable law, rule, or regulation.Business Transfers: We may share or transfer your information in connection with, or during negotiations of, any merger, sale of company assets, financing, or acquisition of all or a portion of our business to another company.Third-Party Service Providers: We may share your information with third parties that perform services for us or on our behalf, including payment processing, data analysis, email delivery, hosting services, customer service, and marketing assistance. \r\n\r\n
5. Security of Your Information \r\n
We use administrative, technical, and physical security measures to help protect your personal information. While we have taken reasonable steps to secure the personal information you provide to us, please be aware that despite our efforts, no security measures are perfect or impenetrable, and no method of data transmission can be guaranteed against any interception or other type of misuse.
\r\n\r\n
6. Policy for Children \r\n
We do not knowingly solicit information from or market to children under the age of 13. If we learn that we have collected personal information from a child under age 13 without verification of parental consent, we will delete that information as quickly as possible. If you believe we might have any information from or about a child under 13, please contact us at our support email.
\r\n\r\n
7. Changes to This Privacy Policy \r\n
We may update this Privacy Policy from time to time in order to reflect, for example, changes to our practices or for other operational, legal, or regulatory reasons. We will notify you of any changes by posting the new Privacy Policy on this page. You are advised to review this Privacy Policy periodically for any changes.
\r\n\r\n
8. Contact Us \r\n
If you have questions or comments about this Privacy Policy, please contact us at:
\r\n
TruthShorts
\r\n
Email: support@truthshorts.com
\r\n
Address: PO Box 4100, Oakton, VA 22124, USA
\r\n
\r\n\r\n\r\n","import { Component, Input, OnInit, OnChanges, ElementRef, ViewChild, ViewChildren, SimpleChange, SimpleChanges, OnDestroy, HostListener, QueryList, Pipe, PipeTransform } from '@angular/core';\r\nimport { FormBuilder, FormGroup, FormArray, FormControl, ValidatorFn, Validators, ReactiveFormsModule } from '@angular/forms';\r\nimport { HttpParams, HttpEventType, HttpClient, HttpHeaders, HttpRequest, HttpResponse } from '@angular/common/http';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';\r\nimport { fromEvent, Subscription } from 'rxjs';\nimport { throttleTime } from 'rxjs/operators';\r\n\r\n//import { NgbModal, NgbActiveModal } from \"@ng-bootstrap/ng-bootstrap\";\r\n\r\n//import {ActiveToast, IndividualToastrConfig, ToastrService } from 'ngx-toaster';\r\n\r\nimport { GlobalService } from '../../services/global.service';\r\nimport { UserService } from '../../services/user.service';\r\nimport { InactivityTimeoutService } from '../../services/inactivity.timeout.service';\r\nimport { UserPostsDataService } from '../../services/posts.service';\r\nimport { SessionService } from '../../services/session.service';\r\n\r\nimport { QuoteModalComponent } from '../../modals/quote-modal/quote-modal.component';\r\n\r\nimport * as Classes from '../../classes/models.classes'\r\n\r\n@Pipe({ name: 'safeHtml' })\r\nexport class SafeHtmlPipe implements PipeTransform {\r\n constructor(private sanitized: DomSanitizer) { }\r\n transform(value) {\r\n return this.sanitized.bypassSecurityTrustHtml(value);\r\n }\r\n}\r\n\r\n@Component({\r\n selector: 'app-profile',\r\n templateUrl: './profile.component.html',\r\n styleUrls: [\"./profile.component.css\"]\r\n})\r\nexport class ProfileComponent implements OnInit, OnDestroy, OnChanges{\r\n\r\n private scrollEventSubscription: Subscription;\n allPostsLoaded = false; // Flag to check if all posts are loaded\r\n\r\n UserPostsData: Array
;\r\n UserPostsDataContent: Classes.ShortsPostSave;\r\n userProfileStates = new Map();\r\n\r\n ProfileIconImage: string;\r\n\r\n selectedFile: File | null = null;\r\n\r\n UserID: number;\r\n Username: string;\n UserImg: string;\n BannerImageUrl: string;\n\n isOwnProfile: boolean = false;\n\n currentPage = 1;\n pageSize = 10;\n isLoading = false;\r\n\r\n showProfileBox: boolean = false;\n showTooltip: boolean = false;\n\r\n reactions: any = {};\r\n\r\n ulContentHeight: number;\r\n\r\n timeoutDuration: number = 600000; // 10 minutes in milliseconds\r\n\r\n postContent: string = '';\r\n\r\n userProfileVisible = false;\n hoverBoxStyle = {};\n userProfile: any = {};\r\n hoverTimer: any; // To hold the timer reference\r\n private timeoutId: any; // Holds the reference to the timeout\n\r\n constructor(\r\n //private authService: UserService,\r\n //private globalService: GlobalService,\r\n private sessionService: SessionService,\r\n private inactivityService: InactivityTimeoutService,\r\n private userPostsDataService: UserPostsDataService,\r\n private userService: UserService,\r\n private modalService: NgbModal,\r\n\r\n private route: ActivatedRoute,\r\n private router: Router\r\n //private formBuilder: FormBuilder\r\n ) {\r\n\r\n }\r\n\r\n ngOnInit(): void {\r\n debugger;\r\n this.UserPostsData = new Array();\r\n this.UserPostsDataContent = new Classes.ShortsPostSave();\r\n\r\n this.route.params.subscribe(params => {\n this.Username = params['username'];\n });\r\n\r\n this.sessionService.getUserID().subscribe(userID => {\r\n this.UserID = Number(userID);\r\n });\r\n\r\n this.sessionService.getUserImg().subscribe(userImg => {\r\n this.UserImg = userImg;\r\n });\r\n\r\n this.sessionService.getUserBannerImg().subscribe(bannerImageUrl => {\r\n this.BannerImageUrl = \"./img_profile/\" + this.UserID + \"/\" + bannerImageUrl;\r\n });\r\n\r\n this.sessionService.getUsername().subscribe(username => {\r\n this.isOwnProfile = username === this.Username; // Check if the profile belongs to the logged-in user\n });\r\n\r\n // Start the inactivity timeout when the component initializes\r\n this.inactivityService.initializeTimer();\r\n\r\n this.getUserPostsDataNew();\r\n this.subscribeToScrollEvents();\r\n }\r\n\r\n ngAfterViewInit() {\r\n\r\n //console.log(this.route.snapshot.queryParams);\r\n }\r\n\r\n ngOnDestroy() {\r\n this.scrollEventSubscription?.unsubscribe();\r\n }\r\n\r\n ngOnChanges() {\r\n\r\n }\r\n\r\n private subscribeToScrollEvents() {\n this.scrollEventSubscription = fromEvent(window, 'scroll')\n .pipe(throttleTime(500))\n .subscribe(() => this.onScroll());\n }\r\n\r\n @HostListener('window:scroll', ['$event'])\n onScroll(): void {\n this.showProfileBox = false;\n this.showTooltip = false;\n // Clear the timeoutId after it executes\n this.timeoutId = null;\n this.hoverTimer = null; \n\n if (this.isLoading || this.allPostsLoaded) return;\n\n const nearToEndIndex = Math.max(this.UserPostsData.length - 3, 0);\n const triggerElementId = `post${(this.currentPage - 1) * this.pageSize + nearToEndIndex}`;\n const triggerElement = document.getElementById(triggerElementId);\n\n if (triggerElement && (window.scrollY + window.innerHeight > triggerElement.offsetTop) && !this.isLoading) {\n this.currentPage++;\n this.getUserPostsDataNew();\n }\n\n }\r\n\r\n loadUserProfile(UserName: any, index: number, event: MouseEvent) {\n\n event.stopPropagation(); // Add this to prevent event bubbling\n // Check the class of the event target to determine which functionality to trigger\n const target = event.target as HTMLElement;\n if (target.classList.contains('publish-date')) {\n // Logic for showing the date tooltip\n this.hoverTimer = setTimeout(() => {\n this.showTooltip = true;\n }, 1000); // Delay in milliseconds\n } else {\n this.hoverTimer = setTimeout(() => {\n if (!this.userProfileStates.has(index)) {\n this.userProfileStates.set(index, { visible: false });\n }\n\n this.userService.getUserProfile(UserName).subscribe(data => {\n\n const element = event.target as HTMLElement;\n const rect = element.getBoundingClientRect();\n\n // Calculate available space below the link\n const spaceBelow = window.innerHeight - rect.bottom;\n const hoverBoxHeight = 200; // Assume a fixed height or calculate dynamically\n\n if (spaceBelow < hoverBoxHeight) {\n\n // Not enough space below, position above\n this.hoverBoxStyle = {\n bottom: `30px` // Position above the link\n };\n }\n else {\n this.hoverBoxStyle = {\n top: `30px` // Position above the link\n };\n }\n\n this.userProfileStates.get(index).profile = data;\n this.userProfileStates.get(index).visible = true;\n\n this.showProfileBox = true;\n });\n }, 1000); // Delay of 1000 milliseconds (1 second)\n }\n }\r\n\r\n hideUserProfile(index: number) {\n clearTimeout(this.hoverTimer); // Clear the timer if the mouse leaves the link\n this.showTooltip = false;\n this.showProfileBox = false;\n if (this.userProfileStates.has(index)) {\n this.userProfileStates.get(index).visible = false;\n }\n }\n\r\n followUser(userName: string) {\n this.userService.followUser(userName).subscribe({\n next: (result) => {\n console.log('User followed successfully');\n },\n error: (error) => {\n console.error('Error following the user', error);\n }\n });\n }\r\n getUserPostsDataNew() {\r\n this.isLoading = true;\r\n let postTypes: number[] | undefined;\r\n // For User Profile Posts, I gather Original - 1; Reposts - 2; and Quotes - 3; Replies - 4; Quotes - 5\r\n postTypes = [1, 2, 3, 5]; // Specify the actual types you need\n\r\n this.userPostsDataService.getPosts(this.UserID, this.currentPage, this.pageSize, postTypes).subscribe({\n next: posts => {\n this.UserPostsData = this.UserPostsData.concat(posts); // Append new data to existing posts\n this.isLoading = false;\n if (posts.length < this.pageSize) { // Less data than expected\n this.allPostsLoaded = true; // Assume all posts are loaded\n }\n },\n error: error => {\n console.error('There was an error!', error);\n this.isLoading = false;\n }\n }); }\r\n\r\n getUserPostsData() {\r\n this.userPostsDataService.loadUserPostsData(this.UserID).subscribe(data => {\r\n if (data.type === HttpEventType.DownloadProgress) {\r\n let percentDone: number = Math.round(100 + data.loaded / data.total);\r\n if (percentDone > 100) {\r\n percentDone = 100;\r\n }\r\n else if (percentDone < 0) {\r\n percentDone = 0;\r\n }\r\n } else if (data instanceof HttpResponse) {\r\n let loadedData: Array = data.body;\r\n this.UserPostsData = loadedData;\r\n }\r\n })\r\n };\r\n\r\n loadReactions(postId: number) {\r\n this.userPostsDataService.getReactions(postId).subscribe(data => {\r\n this.reactions = data;\r\n });\r\n }\r\n\r\n toggleReaction(postId: number, type: '1' | '2' | '3'): void {\r\n this.userPostsDataService.toggleReaction(postId, this.UserID, type).subscribe(updatedReactions => {\r\n const post = this.UserPostsData.find(p => p.TSID === postId);\r\n if (post) {\r\n post.Reactions = updatedReactions; // Update the reactions with the returned data\r\n }\r\n }, error => {\r\n console.error('Error toggling reaction:', error);\r\n });\r\n }\r\n\r\n saveRePost(postId: number, type: '1' | '2' | '3', repostSelected: boolean, repostType: string, comment: string ): void {\r\n this.userPostsDataService.saveUserRePostsData(postId, this.UserID, type, comment, repostSelected).subscribe(updatedReactions => {\r\n const post = this.UserPostsData.find(p => p.TSID === postId);\r\n if (post) {\r\n post.Reactions = updatedReactions; // Update the reactions with the returned data\r\n }\r\n }, error => {\r\n console.error('Error toggling reaction:', error);\r\n });\r\n }\r\n\r\n submitPost() {\r\n\r\n // Call checkVideo with the mock event\r\n //this.checkVideo(event as any);\r\n\r\n this.UserPostsDataContent.UserID = this.UserID;\r\n this.UserPostsDataContent.PostType = 1;\r\n this.UserPostsDataContent.PublishDate = new Date() // Date is set at the time of submission\r\n if (this.selectedFile.name.length > 0 ) {\r\n this.UserPostsDataContent.FileName = this.selectedFile.name;\r\n this.UserPostsDataContent.VideoMimeType = this.selectedFile.type;\r\n }\r\n\r\n const formData = new FormData();\r\n\r\n formData.append('postData', JSON.stringify(this.UserPostsDataContent)); // Serialize your object into a JSON string\r\n if (this.selectedFile) {\r\n formData.append('file', this.selectedFile, this.selectedFile.name);\r\n }\r\n\r\n\r\n this.userPostsDataService.saveUserPostsData(formData).subscribe(data => {\r\n if (data.type === HttpEventType.DownloadProgress) {\r\n let percentDone: number = Math.round(100 + data.loaded / data.total);\r\n if (percentDone > 100) {\r\n percentDone = 100;\r\n }\r\n else if (percentDone < 0) {\r\n percentDone = 0;\r\n }\r\n } else if (data instanceof HttpResponse) {\r\n let loadedData: number = data.body;\r\n\r\n }\r\n })\r\n };\r\n\r\n savePost(): void {\r\n\r\n this.UserPostsDataContent.UserID = this.UserID;\r\n this.UserPostsDataContent.PostType = 1;\r\n this.UserPostsDataContent.PublishDate = new Date() // Date is set at the time of submission\r\n if (this.selectedFile.name.length > 0) {\r\n this.UserPostsDataContent.FileName = this.selectedFile.name;\r\n this.UserPostsDataContent.VideoMimeType = this.selectedFile.type;\r\n }\r\n\r\n const formData = new FormData();\r\n\r\n formData.append('postData', JSON.stringify(this.UserPostsDataContent)); // Serialize your object into a JSON string\r\n if (this.selectedFile) {\r\n formData.append('file', this.selectedFile, this.selectedFile.name);\r\n }\r\n\r\n this.userPostsDataService.savePost(formData, this.UserID).subscribe(\r\n () => console.log(\"Post saved successfully.\"),\r\n error => console.error(\"Error saving post\", error)\r\n );\r\n }\r\n\r\n // Method to trigger the file input click event\r\n triggerFileUpload(): void {\r\n document.getElementById('videoUpload')!.click();\r\n }\r\n\r\n checkVideo(event: any): void {\r\n this.selectedFile = event.target.files[0];\r\n\r\n if (!this.selectedFile) {\r\n return;\r\n }\r\n\r\n const fileType = this.selectedFile.type;\r\n\r\n //if (this.selectedFile) {\r\n // Handle videos\r\n if (this.selectedFile.type.startsWith('video/')) {\r\n // Check the file type\r\n if (this.selectedFile.type !== 'video/mp4' && this.selectedFile.type !== 'video/quicktime') {\r\n alert('Unsupported video format. Please upload a MP4 or MOV file.');\r\n return;\r\n }\r\n\r\n // Load the file into a video element to check duration\r\n const video = document.createElement('video');\r\n video.preload = 'metadata';\r\n\r\n video.onloadedmetadata = () => {\r\n window.URL.revokeObjectURL(video.src);\r\n const duration = video.duration;\r\n\r\n if (duration > 120) { // Check if video is longer than 2 minutes\r\n alert('Video is too long. Maximum allowed duration is 2 minutes.');\r\n } else {\r\n alert('Video is valid. Duration: ' + duration + ' seconds.');\r\n // Proceed with further processing like uploading\r\n }\r\n };\r\n\r\n video.onerror = () => {\r\n alert('Unable to load the video for validation.');\r\n };\r\n\r\n video.src = URL.createObjectURL(this.selectedFile);\r\n\r\n return; // Exit function after handling video\r\n }\r\n\r\n // Handle images\r\n if (this.selectedFile.type.startsWith('image/')) {\r\n // Image-specific processing logic here\r\n\r\n if (this.selectedFile.type === 'image/gif') {\r\n alert('GIF file selected.');\r\n // Additional GIF-specific checks can go here\r\n } else {\r\n alert('Image file selected.');\r\n }\r\n\r\n // Proceed with further processing like uploading\r\n }\r\n }\r\n\r\n uploadVideo(file: File): void {\r\n const formData = new FormData();\r\n formData.append('video', file);\r\n\r\n }\r\n\r\n openQuoteModal(postData: any): void {\n const modalRef = this.modalService.open(QuoteModalComponent);\n modalRef.componentInstance.postData = postData;\n modalRef.componentInstance.postQuote.subscribe((comment: string) => {\n if (comment.length > 0) {\n // Handle the quote with the comment\n console.log('Comment to post:', comment);\n // Add your saveRePost logic here\n this.saveRePost(postData.TSID, '2', postData.Reactions.repostSelected, '2', comment);\n }\n else {\n this.saveRePost(postData.TSID, '2', postData.Reactions.repostSelected, '1', null);\n }\n });\n\n }\r\n\r\n navigateTo(stateID: string, categoryID: string, event: Event) {\r\n\r\n this.router.navigate([], {\r\n queryParams: {\r\n StateID: stateID,\r\n CategoryID: categoryID\r\n },\r\n queryParamsHandling: 'merge',\r\n });\r\n\r\n }\r\n\r\n navigateToPost(username: string, postId: number): void {\n this.router.navigate([`${username}/posts/${postId}`]);\n }\r\n\r\n navigateToPage() {\r\n // changes the route without moving from the current view or\r\n // triggering a navigation event,\r\n this.router.navigate(['/dashboard_login'], {\r\n relativeTo: this.route,\r\n //queryParams: {\r\n // stateIDParams: '1'\r\n //},\r\n // preserve the existing query params in the route\r\n //queryParamsHandling: 'merge',\r\n\r\n // do not trigger navigation\r\n skipLocationChange: true\r\n\r\n });\r\n }\r\n\r\n}\r\n","\r\n \n
\n \n \r\n
\n\n \n
\n
\n
\n
\n
\n
\n
\n\n
\r\n \r\n
\r\n\r\n \n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n\t\t\t\t\t\t\t\t\t\t\t\t
{{postData.PostTitle}} \r\n
\r\n \n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\n
\n \r\n
{{ postData.Reactions.Replies }} \r\n
\r\n \r\n {{ postData.Reactions.Reposts }} \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
{{ postData.Reactions.Likes }} \r\n
\n
\n \r\n
\r\n \n \n\r\n
\n \n
\n\n
\n
\n
\n
\n
\n
\n\t\t\t\t\t\t\t\t\t\t\t\t
{{postData.PostTitle}} \r\n
\r\n\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\n
\n \r\n
{{ postData.Reactions.Replies }} \r\n
\r\n \r\n {{ postData.Reactions.Reposts }} \r\n\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
{{ postData.Reactions.Likes }} \r\n
\n
\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
\n
\n Loading more posts...\n
\t\t\t\t\t\t\t\t\r\n \n\n
\n
\n
\n
\n
\n
\n
\n
Trends for you
\n
\n
\n
Trending in Pakistan
\n
\n
\n
\n
\n
\n
\n
Nawaz Sharif
\n
12.7k Tweets
\n
\n
\n\n
\n
\n
Technology . Trending
\n
\n
\n
\n
\n
\n
\n
#TikTok
\n
101k Tweets
\n
\n
\n\n
\n
\n
Trending in Pakistan
\n
\n
\n
\n
\n
\n\n
\n
\n
Trending in Pakistan
\n
\n
\n
\n
\n
\n
\n
#Bajwa
\n
8,104 Tweets
\n
\n
\n\n
\n
\n
Trending in Pakistan
\n
\n
\n
\n
\n
\n\n
\n
\n
Trending in Pakistan
\n
\n
\n
\n
\n
\n
\n
#dollarvsrupee
\n
2,449 Tweets
\n
\n
\n\n
Show more \n
\n
\n
\n
\n\n
\n
\n ","import { Pipe, PipeTransform } from '@angular/core';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\n\r\n@Pipe({ name: 'safeHtml' })\r\nexport class SafeHtmlPipe implements PipeTransform {\r\n constructor(private sanitizer: DomSanitizer) { }\r\n\r\n //transform(value: string): SafeHtml {\r\n // return this.sanitizer.bypassSecurityTrustHtml(value);\r\n\r\n transform(html: any): string {\r\n return this.sanitizer.bypassSecurityTrustHtml(html) as string;\r\n }\r\n}\r\n","// src/app/validation/validation.component.ts\r\nimport { Component, Input, OnInit } from '@angular/core';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { HttpClient } from '@angular/common/http';\r\n\r\nimport { RegistrationDataService } from '../../services/registration.data.service';\r\nimport { EmailService } from '../../services/email.service';\r\n\r\nimport { RegistrationComponent } from '../../modals/sign_up.modal/sign_up.modal.component';\r\n\r\nimport * as Classes from '../../classes/models.classes'\r\n\r\n\r\n@Component({\r\n selector: 'app-sign_up_validation-modal',\r\n templateUrl: './sign_up_validation.modal.component.html',\r\n styleUrls: ['./sign_up_validation.modal.component.css']\r\n})\r\nexport class RegistrationValidationComponent implements OnInit {\r\n //@Input() registrationModalRef: RegistrationComponent;\r\n formValidation: FormGroup;\r\n hasPhone: boolean = false;\r\n hasEmail: boolean = false;\r\n codeSentMessage: string = '';\r\n generatedCode: string = '';\r\n sendAttempts: number = 0;\r\n isBlocked: boolean = false;\r\n blockedUntil: Date = null;\r\n\r\n isCodeValid: boolean = null; // null, true, or false based on validation\r\n\r\n verificationDataContent: Classes.Verification;\r\n registrationData: any; // Here's your shared registration data object\r\n\r\n\r\n constructor(\r\n private formBuilder: FormBuilder,\r\n private modalService: NgbModal,\r\n public activeModal: NgbActiveModal,\r\n private registrationDataService: RegistrationDataService,\r\n private emailService: EmailService,\r\n private http: HttpClient\r\n ) {\r\n this.formValidation = this.formBuilder.group({\r\n validationMethod: ['', Validators.required], // Ensure this control is initialized\r\n Code: ['', [Validators.required, Validators.pattern(/^\\d{6}$/)]]\r\n });\r\n\r\n this.registrationData = this.registrationDataService.getRegistrationData();\r\n this.formValidation.get('Code').valueChanges.subscribe(value => {\r\n if (value.length === 6) {\r\n this.validateCode(value, this.registrationData.Email);\r\n }\r\n });\r\n }\r\n\r\n ngOnInit(): void {\r\n //this.formValidation = this.formBuilder.group({\r\n // code: ['', [Validators.required, Validators.pattern(/^\\d{6}$/)]],\r\n // validationMethod: ['phone']\r\n //});\r\n\r\n // Pre-select the validation method\r\n //const registrationData = this.registrationDataService.getRegistrationData();\r\n\r\n this.verificationDataContent = new Classes.Verification();\r\n\r\n this.hasPhone = !!this.registrationData.Phone;\r\n this.hasEmail = !!this.registrationData.Email;\r\n const defaultMethod = this.hasPhone ? 'phone' : 'email';\r\n\r\n this.formValidation.patchValue({ validationMethod: defaultMethod });\r\n\r\n // Disable phone option if the user doesn't have a phone number\r\n if (!this.hasPhone) {\r\n this.formValidation.get('validationMethod').disable();\r\n }\r\n }\r\n\r\n generateRandomCode(): string {\r\n return Math.floor(100000 + Math.random() * 900000).toString();\r\n }\r\n\r\n validateCode(code: string, email: string): void {\r\n const data: Classes.CodeVerificationRequest = {\r\n Email: email,\r\n Code: code\r\n };\r\n\r\n this.registrationDataService.verifyCode(data).subscribe(\r\n response => {\r\n this.isCodeValid = response.isValid;\r\n if (!response.isValid) {\r\n this.formValidation.get('Code').setErrors({ invalidCode: true });\r\n } else {\r\n this.formValidation.get('Code').setErrors(null); // Clear any previous errors if the code is valid\r\n }\r\n }, error => {\r\n console.error('Verification failed: ', error);\r\n this.isCodeValid = false;\r\n this.formValidation.get('Code').setErrors({ invalidCode: true });\r\n }\r\n );\r\n }\r\n\r\n sendValidationCode(): void {\r\n // Check if user is blocked\r\n if (this.isBlocked && new Date() < this.blockedUntil) {\r\n this.codeSentMessage = `You are blocked until ${this.blockedUntil.toLocaleTimeString()}`;\r\n return;\r\n }\r\n\r\n //this.generatedCode = this.generateRandomCode();\r\n const Method = this.formValidation.get('validationMethod').value;\r\n const registrationData = this.registrationDataService.getRegistrationData();\r\n\r\n this.verificationDataContent.Name = registrationData.Name;\r\n this.verificationDataContent.ValidationType = Method;\r\n this.verificationDataContent.Email = registrationData.Email;\r\n this.verificationDataContent.Phone = registrationData.Phone;\r\n\r\n this.registrationDataService.sendVerificationCode(this.verificationDataContent).subscribe(\r\n (response) => {\r\n this.formValidation.get('code').setValue('');\r\n console.log('Email sent successfully', response);\r\n },\r\n (error) => {\r\n console.error('Error sending email', error);\r\n }\r\n );\r\n\r\n //if (Method === 'phone' && registrationData.phone) {\r\n // this.sendSMSCode(registrationData.phone, this.generatedCode);\r\n //} else if (Method === 'email' && registrationData.email) {\r\n // this.sendEmailCode(registrationData.email, this.generatedCode);\r\n //}\r\n\r\n // Increment the send attempts\r\n this.sendAttempts++;\r\n if (this.sendAttempts >= 6) {\r\n this.isBlocked = true;\r\n this.blockedUntil = new Date(new Date().getTime() + 3 * 60 * 60 * 1000); // Block for 3 hours\r\n this.codeSentMessage = `You are blocked until ${this.blockedUntil.toLocaleTimeString()}`;\r\n } else {\r\n this.codeSentMessage = 'Code sent successfully.';\r\n }\r\n }\r\n\r\n sendSMSCode(phoneNumber: string, code: string): void {\r\n const url = `https://www.voxlinq.com/api/svc1.aspx?apiuid=4CWB0P6QHYGf12NuErRiDw==&apikey=dQmUITtwKjI=&sidvar=148&didvar=7863503562&dnidvar=${phoneNumber}&msgvar=Your%20code%20is:%20${code}&miscvar=`;\r\n\r\n this.http.get(url).subscribe(\r\n (response) => {\r\n console.log('SMS Response:', response);\r\n },\r\n (error) => {\r\n console.error('SMS Error:', error);\r\n }\r\n );\r\n }\r\n\r\n sendEmailCode(email: string, code: string): void {\r\n const emailBody = `\r\n
Dear user,
\r\n
Your verification code is: ${code}
\r\n
Please enter this code on the website to verify your account.
\r\n `;\r\n\r\n //const emailData = {\r\n // to: email,\r\n // subject: 'Your Verification Code',\r\n // htmlContent: emailBody \r\n //};\r\n\r\n this.emailService.sendVerificationCode(email, name, emailBody).subscribe(\r\n (response) => {\r\n console.log('Email sent successfully', response);\r\n },\r\n (error) => {\r\n console.error('Error sending email', error);\r\n }\r\n );\r\n }\r\n\r\n submitRegistration(): void {\r\n //if (this.formValidation.get('code').value !== this.generatedCode) {\r\n // this.codeSentMessage = 'Invalid code. Please try again.';\r\n // return;\r\n //}\r\n\r\n const registrationData = this.registrationDataService.getRegistrationData();\r\n const validationData = this.formValidation.value;\r\n\r\n // Convert birthday parts into a Date object\r\n const birthdayDate = this.createBirthdayDate(registrationData.Birthday);\r\n\r\n //const finalData = {\r\n // ...registrationData,\r\n // Birthday: birthdayDate.toISOString(), // Convert Date object to an ISO string\r\n // ValidationCode: validationData.Code\r\n //};\r\n\r\n const finalData: Classes.RegistrationData = {\r\n UserInfo: {\r\n Name: registrationData.Name,\r\n ProfileBio: '', // Assuming you might set this elsewhere or it's optional\r\n Birthday: birthdayDate.toISOString(),\r\n Gender: '', // Add other fields similarly\r\n RegistrationDate: new Date().toISOString(),\r\n IPAddress: '', // Determine how you get this\r\n TrustLevel: 0, // Default or computed value\r\n UserImg: '', // Default or selected value\r\n EntityType: 0 // Default or computed value\r\n },\r\n LoginInfo: {\r\n Username: registrationData.Email, // Assuming username is email\r\n Password: registrationData.Password,\r\n Email: registrationData.Email,\r\n Phone: registrationData.Phone,\r\n VerificationLevel: 0, // Default or computed value\r\n ValidationCode: registrationData.Code\r\n }\r\n };\r\n\r\n\r\n console.log('Final Registration Data:', finalData);\r\n // Implement your API call here to submit all data\r\n this.registrationDataService.registerUser(finalData).subscribe(\r\n (response) => {\r\n // Handle success\r\n console.log('Registration successful:', response);\r\n },\r\n (error) => {\r\n // Handle error\r\n console.error('Error during registration:', error);\r\n }\r\n );\r\n\r\n\r\n }\r\n\r\n createBirthdayDate(birthday: any): Date {\r\n // JavaScript expects the month index to start from 0\r\n return new Date(birthday.SelectedYear, birthday.SelectedMonth - 1, birthday.SelectedDay);\r\n }\r\n\r\n goBackToRegistration(): void {\r\n this.activeModal.close();\r\n //this.modalService.open(this.registrationModalRef);\r\n this.modalService.open(RegistrationComponent, { size: 'lg' });\r\n }\r\n}\r\n","\r\n\r\n\r\n\r\n\r\n
\r\n\r\n\r\n\r\n\r\n","import { Component, Input, OnInit, OnDestroy, HostListener, ViewChild, ElementRef, AfterViewInit } from '@angular/core';\nimport { Subject, timer } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\r\n\r\n\r\nimport { UserService } from '../../../services/user.service';\r\n\r\ninterface MenuItem {\r\n icon: string;\r\n label: string;\r\n link: string;\r\n}\r\n\r\n@Component({\r\n selector: 'app-profile-menu',\r\n templateUrl: './profile_menu.component.html',\r\n styleUrls: ['./profile_menu.component.css']\r\n})\r\nexport class ProfileMenuComponent implements OnInit, OnDestroy, AfterViewInit {\r\n @Input() ProfileName: string; // Input property to receive username menuItems: MenuItem[]; // Array to hold menu items\r\n @Input() Username: string; // Input property to receive username menuItems: MenuItem[]; // Array to hold menu items\r\n @Input() PublishDate: Date; // Input property to receive username menuItems: MenuItem[]; // Array to hold menu items\r\n @Input() ImageDirectory: string;\r\n @ViewChild('profileLink', { static: false }) profileLinkElement: ElementRef;\n\r\n\r\n menuItems: MenuItem[]; // Array to hold menu items\r\n\r\n userProfileStates = new Map
();\r\n\r\n showProfileBox: boolean = false;\n showTooltip: boolean = false;\n\r\n userProfileVisible = false;\n hoverBoxStyle = {};\n userProfile: any;\n\n private unsubscribeHover$ = new Subject();\n\r\n private observer: IntersectionObserver;\n hoverTimer: any; // To hold the timer reference\r\n private timeoutId: any; // Holds the reference to the timeout\n\r\n\r\n\r\n constructor(\r\n private userService: UserService,\r\n ) {\r\n // Define menu items - this could instead be loaded from a service\r\n this.menuItems = [\r\n { icon: 'fa-house', label: 'Home', link: '/' },\r\n { icon: 'fa-compass', label: 'Explore', link: '/explore' },\r\n { icon: 'fa-bell', label: 'Notifications', link: '/notifications' },\r\n // Add more items as needed\r\n ];\r\n }\r\n\r\n ngOnInit(): void {\r\n // Additional initialization can be done here\r\n }\r\n\r\n ngAfterViewInit(): void {\n this.observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n this.loadUserProfileData(false);\n }\n });\n });\n\n if (this.profileLinkElement) {\n this.observer.observe(this.profileLinkElement.nativeElement);\n }\n }\r\n\r\n ngOnDestroy(): void {\n if (this.timeoutId) {\n clearTimeout(this.timeoutId); // Clear timeout on component destruction\n }\n if (this.hoverTimer) {\n clearTimeout(this.hoverTimer); // Clear the timer if the mouse leaves the link\n }\n this.showProfileBox = false;\n this.showTooltip = false;\n // Clear the timeoutId after it executes\n this.timeoutId = null;\n this.hoverTimer = null;\n if (this.observer && this.profileLinkElement) {\n this.observer.unobserve(this.profileLinkElement.nativeElement);\n }\n }\r\n\r\n @HostListener('window:scroll', ['$event'])\n onScroll(): void {\n this.showProfileBox = false;\n this.showTooltip = false;\n // Clear the timeoutId after it executes\n this.timeoutId = null;\n this.hoverTimer = null;\n }\r\n\r\n showTimeDetailHover(event: MouseEvent) {\n //console.log(`Mouse over loadUserProfile`);\n\n event.stopPropagation(); // Add this to prevent event bubbling\n\n // Check the class of the event target to determine which functionality to trigger\n const target = event.target as HTMLElement;\n if (target.classList.contains('publish-date')) {\n // Logic for showing the date tooltip\n this.hoverTimer = setTimeout(() => {\n this.showTooltip = true;\n\n if (this.hoverTimer) clearTimeout(this.hoverTimer);\n\n this.showProfileBox = false;\n }, 1000); // Delay in milliseconds\n } \n }\r\n\r\n loadUserProfile(event: MouseEvent) {\n //console.log(`Mouse over loadUserProfile`);\n\n event.stopPropagation(); // Add this to prevent event bubbling\n\n // Check the class of the event target to determine which functionality to trigger\n const target = event.target as HTMLElement;\n if (target.classList.contains('publish-date')) {\n // Logic for showing the date tooltip\n this.hoverTimer = setTimeout(() => {\n this.showTooltip = true;\n\n if (this.hoverTimer) clearTimeout(this.hoverTimer);\n\n this.showProfileBox = false;\n }, 2000); // Delay in milliseconds\n } else {\n this.hoverTimer = setTimeout(() => {\n //if (!this.userProfileStates.has(index)) {\n // this.userProfileStates.set(index, { visible: false });\n //}\n\n //this.userService.getUserProfile(this.Username).subscribe(data => {\n\n // this.userProfile = data;\n // this.adjustHoverBoxPosition();\n // this.showProfileBox = true;\n // //console.log(\"this.showProfileBox : \" + this.showProfileBox );\n //});\n\n this.loadUserProfileData(true);\n\n }, 2000); // Delay of 1000 milliseconds (1 second)\n }\n }\r\n\r\n loadUserProfileData(showBox: boolean = false) {\n this.userService.getUserProfile(this.Username).subscribe(data => {\n this.userProfile = data;\n if (showBox) {\n this.adjustHoverBoxPosition();\n this.showProfileBox = true;\n }\n });\n }\r\n\r\n keepHoverBoxVisible(): void {\n //this.unsubscribeHover$.next();\n if (this.timeoutId) {\n clearTimeout(this.timeoutId); // Cancel the pending timeout\n this.timeoutId = null;\n }\n this.showProfileBox = true;\n }\r\n\r\n hideUserProfile() {\n //this.showProfileBox = false;\n\n //this.unsubscribeHover$.next();\n //timer(500).pipe(takeUntil(this.unsubscribeHover$)).subscribe(() => {\n // this.showProfileBox = false; // Delay hiding the box to allow for transition\n // this.showTooltip = false;\n //});\n\n //if (this.userProfileStates.has(index)) {\n // this.userProfileStates.get(index).visible = false;\n //}\n\n //this.hoverTimer\n\n if (this.timeoutId) clearTimeout(this.timeoutId);\n if (this.hoverTimer) clearTimeout(this.hoverTimer);\n\n // Set a new timeout\n this.timeoutId = setTimeout(() => {\n //clearTimeout(this.hoverTimer); // Clear the timer if the mouse leaves the link\n this.showProfileBox = false;\n this.showTooltip = false;\n // Clear the timeoutId after it executes\n this.timeoutId = null;\n }, 2000); // Delay in milliseconds\n }\n\n adjustHoverBoxPosition(): void {\n if (this.profileLinkElement && this.profileLinkElement.nativeElement) {\n const rect = this.profileLinkElement.nativeElement.getBoundingClientRect();\n const spaceBelow = window.innerHeight - rect.bottom;\n const hoverBoxHeight = 200; // Fixed height or dynamically determined\n\n if (spaceBelow < hoverBoxHeight) {\n this.hoverBoxStyle = { bottom: '30px' };\n } else {\n this.hoverBoxStyle = { top: '30px' };\n }\n }\n }\n\n followUser() {\n this.userService.followUser(this.Username).subscribe({\n next: (result) => {\n console.log('User followed successfully');\n },\n error: (error) => {\n console.error('Error following the user', error);\n }\n });\n }\r\n\r\n}\r\n"," \n
\n {{ProfileName}} \n @{{Username}} • \n \n {{PublishDate | relativeTime}}\n \n {{PublishDate | date:'mediumDate'}} at {{PublishDate | date:'shortTime'}}\n
\n \r\n \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\n\n\n\n \n
\r\n\n
\n
{{ userProfile?.ProfileName }}
\n
@{{ userProfile?.UserName }}
\n
Follow \n
{{ userProfile?.ProfileBio }}
\n
\n Following: {{ userProfile?.FollowingCount }} |\n Followers: {{ userProfile?.FollowersCount }} \n
\n\n\n
\n
(null);\r\n private userID = new BehaviorSubject(null); \r\n private username = new BehaviorSubject(null);\r\n private userImg = new BehaviorSubject(null);\r\n private userBannerImg = new BehaviorSubject(null);\r\n\r\n constructor() {\r\n this.loadInitialData();\r\n }\r\n\r\n private loadInitialData() {\r\n const expiration = localStorage.getItem('expiration');\r\n const userID = localStorage.getItem('userID');\r\n const username = localStorage.getItem('username');\r\n const userImg = localStorage.getItem('userImg');\r\n const userBannerImg = localStorage.getItem('userBannerImg');\r\n if (expiration) {\r\n this.expiration.next(expiration);\r\n }\r\n if (userID) {\r\n this.userID.next(userID);\r\n }\r\n if (username) {\r\n this.username.next(username);\r\n }\r\n if (userImg) {\r\n this.userImg.next(userImg);\r\n }\r\n if (userBannerImg) {\r\n this.userBannerImg.next(userBannerImg);\r\n }\r\n }\r\n\r\n setExpiration(expiration: string) {\r\n localStorage.setItem('expiration', expiration);\r\n this.expiration.next(expiration);\r\n }\r\n\r\n setUserID(userID: string) {\r\n localStorage.setItem('userID', userID);\r\n this.userID.next(userID);\r\n }\r\n\r\n setUsername(username: string) {\r\n localStorage.setItem('username', username);\r\n this.username.next(username);\r\n }\r\n\r\n setUserImg(userImg: string) {\r\n localStorage.setItem('userImg', userImg);\r\n this.userImg.next(userImg);\r\n }\r\n\r\n setUserBannerImg(userBannerImg: string) {\r\n localStorage.setItem('userBannerImg', userBannerImg);\r\n this.userBannerImg.next(userBannerImg);\r\n }\r\n\r\n\r\n getExpiration(): Observable {\r\n return this.expiration.asObservable();\r\n }\r\n\r\n getUserID(): Observable {\r\n return this.userID.asObservable();\r\n }\r\n\r\n getUsername(): Observable {\r\n return this.username.asObservable();\r\n }\r\n\r\n getUserImg(): Observable {\r\n return this.userImg.asObservable();\r\n }\r\n\r\n getUserBannerImg(): Observable {\r\n return this.userBannerImg.asObservable();\r\n }\r\n\r\n clearSession() {\r\n localStorage.removeItem('expiration');\r\n localStorage.removeItem('userID');\r\n localStorage.removeItem('username');\r\n localStorage.removeItem('userImg');\r\n localStorage.removeItem('userBannerImg');\r\n this.expiration.next(null);\r\n this.userID.next(null);\r\n this.username.next(null);\r\n this.userImg.next(null);\r\n this.userBannerImg.next(null);\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpParams, HttpEventType, HttpClient, HttpHeaders, HttpRequest, HttpResponse } from '@angular/common/http';\r\nimport { Observable, Subject, BehaviorSubject, ReplaySubject, forkJoin, throwError } from 'rxjs';\r\n\r\nimport { SocialMedia } from '../global.urls';\r\nimport * as Classes from '../classes/models.classes';\r\nimport { ShortsPostSave } from '../interfaces/models.interfaces';\r\nimport { tap } from 'rxjs/operators';\r\n\r\n//import { Http } from '@angular/http';\r\n\r\n@Injectable({\r\n providedIn: 'any'\r\n})\r\nexport class SocialMediaService {\n //private apiUrl = '/api/twitter';\n\n constructor(private http: HttpClient) { }\n\n fetchAndSavePopularTweets(): Observable {\n return this.http.post(SocialMedia.FetchAndSaveTweets, {});\n }\n}","// score-modal.component.ts\r\nimport { Component, OnInit, AfterViewInit, Input, Output, EventEmitter } from '@angular/core';\r\nimport { FormBuilder, FormGroup, FormArray } from '@angular/forms';\r\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { ScoreService } from '../../../services/scores.service';\r\n\r\n@Component({\r\n selector: 'app-custom-slider',\r\n templateUrl: './custom-slider.component.html',\r\n styleUrls: ['./custom-slider.component.css']\r\n})\r\nexport class CustomSliderComponent implements OnInit, AfterViewInit {\r\n @Input() entityName: string;\r\n @Input() value: number | null = null;\n @Input() min: number = 0;\n @Input() max: number = 20;\n @Input() noScoreValue: number = this.min - 1; // default to min - 1 for no score\n\n //@Output() valueChange: EventEmitter = new EventEmitter();\n @Output() valueChange = new EventEmitter();\n\r\n\r\n private offsets: number[] = [\n -1.6, 2.7, 2.5, 2.2, 2.0, 1.8, 1.4, 1.0, 0.9, 0.6, 0.4,\n 0,\n -0.4, -0.6, -0.9, -1.0, -1.4, -1.8, -2.0, -2.2, -2.5, -2.7\n ];\r\n\r\n constructor(\r\n public activeModal: NgbActiveModal,\r\n private fb: FormBuilder,\r\n private scoreService: ScoreService\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n\r\n }\r\n\r\n ngAfterViewInit(): void {\n\n }\r\n\r\n onSliderChange(event: any): void {\n //this.value = event.target.value;\n //this.valueChange.emit(this.value);\n\n this.value = +event.target.value === this.noScoreValue ? null : +event.target.value;\n this.valueChange.emit(this.value);\n }\r\n\r\n onChange(event: any) {\n this.valueChange.emit(this.value);\n }\r\n\r\n getThumbPosition(): number {\n var offset: number;\n if (this.value === null) {\n offset = this.calculateOffset(0); // Position for no score\n }\n else {\n offset = this.calculateOffset(this.value + 1);\n }\n const position = ((this.value - this.noScoreValue) / (this.max - this.noScoreValue)) * 100;\n //const offset = 0;\n const correctedPosition = position + offset;\n return correctedPosition;\n }\n\n calculateOffset(value: number): number {\n // Use a polynomial function or any other formula to dynamically calculate the offset\n // Adjust the coefficients as needed\n //return -0.0005 * Math.pow(value, 2) + 0.1 * value;\n //const a = -0.027; // Approximated coefficient for the quadratic term\n //const b = 0.01; // Approximated coefficient for the linear term\n //const offset = a * Math.pow(value - 10, 2) + b * (value - 10);\n //return offset;\r\n\r\n\r\n return this.offsets[value] || 0;\r\n }\r\n\r\n}\r\n","\r\n\r\n
\n
{{ value !== null ? value : '?' }}
\n
(); // Emit the comment\n\r\n comment: string = '';\r\n\r\n UserPostsDataContent: Classes.ShortsPostSave;\r\n\r\n UserID: number;\r\n\r\n FileName: string = 'logo.png'; //\r\n VideoMimeType: string = 'image/jpeg';\r\n selectedFile: File | null = null;\r\n\r\n constructor(\r\n private sessionService: SessionService,\r\n private userPostsDataService: UserPostsDataService,\r\n public activeModal: NgbActiveModal\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n this.sessionService.getUserID().subscribe(userID => {\r\n this.UserID = Number(userID);\r\n });\r\n\r\n this.UserPostsDataContent = new Classes.ShortsPostSave();\r\n }\r\n\r\n triggerQuoteFileUpload(): void {\r\n document.getElementById('quoteMediaFileUpload')!.click();\r\n }\r\n\r\n checkQuoteMedia(event: any): void {\r\n this.selectedFile = event.target.files[0];\r\n\r\n if (!this.selectedFile) {\r\n return;\r\n }\r\n\r\n const fileType = this.selectedFile.type;\r\n\r\n //if (this.selectedFile) {\r\n // Handle videos\r\n if (this.selectedFile.type.startsWith('video/')) {\r\n // Check the file type\r\n if (this.selectedFile.type !== 'video/mp4' && this.selectedFile.type !== 'video/quicktime') {\r\n alert('Unsupported video format. Please upload a MP4 or MOV file.');\r\n return;\r\n }\r\n\r\n // Load the file into a video element to check duration\r\n const video = document.createElement('video');\r\n video.preload = 'metadata';\r\n\r\n video.onloadedmetadata = () => {\r\n window.URL.revokeObjectURL(video.src);\r\n const duration = video.duration;\r\n\r\n if (duration > 120) { // Check if video is longer than 2 minutes\r\n alert('Video is too long. Maximum allowed duration is 2 minutes.');\r\n } else {\r\n alert('Video is valid. Duration: ' + duration + ' seconds.');\r\n // Proceed with further processing like uploading\r\n }\r\n };\r\n\r\n video.onerror = () => {\r\n alert('Unable to load the video for validation.');\r\n };\r\n\r\n video.src = URL.createObjectURL(this.selectedFile);\r\n\r\n return; // Exit function after handling video\r\n }\r\n\r\n // Handle images\r\n if (this.selectedFile.type.startsWith('image/')) {\r\n // Image-specific processing logic here\r\n\r\n if (this.selectedFile.type === 'image/gif') {\r\n alert('GIF file selected.');\r\n // Additional GIF-specific checks can go here\r\n } else {\r\n alert('Image file selected.');\r\n }\r\n\r\n // Proceed with further processing like uploading\r\n }\r\n }\r\n\r\n submitPost() {\r\n\r\n // Call checkVideo with the mock event\r\n\r\n this.UserPostsDataContent.UserID = this.UserID;\r\n this.UserPostsDataContent.OriginalPostID = this.postData.TSID;\r\n this.UserPostsDataContent.PostType = 5;\r\n this.UserPostsDataContent.PublishDate = new Date() // Date is set at the time of submission\r\n if (this.selectedFile.name.length > 0) {\r\n this.UserPostsDataContent.FileName = this.selectedFile.name;\r\n this.UserPostsDataContent.VideoMimeType = this.selectedFile.type;\r\n }\r\n\r\n const formData = new FormData();\r\n\r\n formData.append('postData', JSON.stringify(this.UserPostsDataContent)); // Serialize your object into a JSON string\r\n if (this.selectedFile) {\r\n formData.append('file', this.selectedFile, this.selectedFile.name);\r\n }\r\n\r\n this.userPostsDataService.saveQuotePost(formData).subscribe(data => {\r\n if (data.type === HttpEventType.DownloadProgress) {\r\n let percentDone: number = Math.round(100 + data.loaded / data.total);\r\n if (percentDone > 100) {\r\n percentDone = 100;\r\n }\r\n else if (percentDone < 0) {\r\n percentDone = 0;\r\n }\r\n } else if (data instanceof HttpResponse) {\r\n let loadedData: number = data.body;\r\n }\r\n })\r\n };\r\n\r\n\r\n onPost(): void {\n this.postQuote.emit(this.comment); // Emit the comment to the parent component\n this.activeModal.close(); // Close the modal\n }\n\n onCancel(): void {\n this.activeModal.dismiss(); // Dismiss the modal without doing anything\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
\n \r\n\r\n\r\n {{ postData.PostTitle }} \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Your browser does not support the video tag.\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","import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-root',\n templateUrl: './app.component.html',\n styleUrls: ['./app.component.css']\n})\nexport class AppComponent {\n title = 'Truth Shorts';\n}\n","\r\n \r\n\r\n \r\n
\r\n \r\n\r\n","// src/app/validators/name.validator.ts\r\nimport { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\r\n\r\nexport function nameValidator(): ValidatorFn {\r\n return (control: AbstractControl): ValidationErrors | null => {\r\n if (!control.value) {\r\n return null; // If no value, we consider it as valid here, adjust based on requirement\r\n }\r\n const valid = /^[A-Za-z ]+$/.test(control.value); // Regex to allow letters and spaces\r\n return valid ? null : { invalidName: true }; // Return an error object if not valid\r\n };\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n name: 'unique'\r\n})\r\nexport class UniquePipe implements PipeTransform {\r\n transform(value: any[], key: string): any[] {\r\n if (!value || !key) {\r\n return value;\r\n }\r\n return Array.from(new Set(value.map(item => item[key])))\r\n .map(uniqueKey => value.find(item => item[key] === uniqueKey));\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { Observable, throwError } from 'rxjs';\nimport { catchError, timeout } from 'rxjs/operators';\n\r\nimport { ContentAnalysis } from '../global.urls';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ContentAnalysisService {\r\n\r\n //private apiUrl = 'https://your-backend-url/api/content/analyze'; // Change this to your actual backend URL\r\n\r\n constructor(private http: HttpClient) { }\r\n\r\n analyzeUrl(url: string): Observable {\r\n return this.http.post(ContentAnalysis.AnalyzeContent, { url: url }, {\r\n headers: new HttpHeaders({\r\n 'Content-Type': 'application/json'\r\n })\r\n });\r\n }\r\n\r\n fetchMetaTags(url: string): Observable {\n return this.http.post(ContentAnalysis.FetchMetaTags, { url: url }, {\n headers: new HttpHeaders({\n 'Content-Type': 'application/json'\n })\n }).pipe(\n timeout(3000), // Set timeout to 3 seconds\n catchError(error => {\n console.error('Error fetching meta tags:', error);\n return throwError(error);\n })\n );\n }\r\n\r\n}\r\n","// auth.guard.ts\r\nimport { Injectable } from '@angular/core';\r\nimport { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, UrlTree, Router } from '@angular/router';\r\nimport { Observable } from 'rxjs';\r\nimport { UserService } from '../services/user.service';\r\nimport { map, catchError } from 'rxjs/operators';\r\nimport { of } from 'rxjs';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class AuthGuard implements CanActivate {\r\n constructor(\r\n private authService: UserService,\r\n private router: Router\r\n ) { }\r\n\r\n canActivate(\r\n route: ActivatedRouteSnapshot,\r\n state: RouterStateSnapshot): Observable {\r\n if (state.url === '/dashboard_login') {\r\n return of(true); // or `of(false)` depending on your logic to handle already being on the login page\r\n }\r\n return this.authService.checkAuthentication().pipe(\r\n map(authenticated => {\r\n if (authenticated) {\r\n return true;\r\n }\r\n // Not authenticated, redirect to login with the return URL\r\n this.router.navigate(['/dashboard_login'], { queryParams: { returnUrl: state.url } });\r\n return false;\r\n }),\r\n catchError(() => {\r\n // In case of an error, redirect to login\r\n this.router.navigate(['/dashboard_login'], { queryParams: { returnUrl: state.url } });\r\n return of(false);\r\n })\r\n );\r\n }\r\n}\r\n\r\n","'use strict';\r\n\r\nimport * as Interfaces from '../interfaces/models.interfaces';\r\n\r\nexport class VoterFraudIncident implements Interfaces.VoterFraudIncident {\r\n IncidentID: number;\r\n StateID: number;\r\n CategoryID: number;\r\n AllegationSummary: string;\r\n AllegationDetail: string;\r\n AllegationType: string;\r\n AffidavitDesc: string;\r\n IncidentWeightDesc: string;\r\n PotentialImpactDesc: string;\r\n VeracityScoreDesc: string;\r\n NumberOfVotesAffected: string;\r\n IncidentSummary: string;\r\n IncidentComments: string;\r\n LastUpdate: Date;\r\n}\r\n\r\nexport class Params {\r\n stateID: string;\r\n categoryID: string;\r\n}\r\n\r\n\r\nexport class UserID_Params {\r\n UserID: number;\r\n}\r\n\r\nexport class ShortsPosts implements Interfaces.ShortsPosts {\r\n TSID: number;\r\n UserID: number;\r\n PostType: number;\r\n OriginalPostID: number;\r\n PublishDate: Date;\r\n PostTitle: string;\r\n PostContent: string;\r\n FileName: string;\r\n VideoURL: string;\r\n VideoMimeType: string;\r\n UserName: string;\r\n ProfileName: string;\r\n UserImg: string;\r\n OrigUserID: number;\r\n OrigUserName: string;\r\n OrigUserImg: string;\r\n OrigProfileName: string;\r\n OrigPublishDate: Date;\r\n MediaDirectory: string;\r\n ImageDirectory: string;\r\n Reactions: Interfaces.Reactions;\r\n QuotedPosts: Interfaces.QuotedPost;\r\n ScoreDetailsList: Interfaces.ScoreDetails[]; // New property\n\n constructor() {\n //this.Reactions = {} as Interfaces.Reactions;\n //this.QuotedPosts = {} as Interfaces.QuotedPost;\n this.ScoreDetailsList = [];\n }\n}\r\n\r\nexport class ScoreDetails implements Interfaces.ScoreDetails {\n ScoreTypeID: number;\n ScoreType: string;\n Score: number;\n HexColor: string;\n ReasonDetails: Interfaces.ReasonDetail[]; // List of reason details\n\n constructor() {\n this.ReasonDetails = [];\n }\n}\r\n\r\nexport class ReasonDetail implements Interfaces.ReasonDetail {\n ReasonDetailText: string;\n ReasonLink: string;\n}\r\n\r\nexport class ShortsPostSave implements Interfaces.ShortsPostSave {\r\n UserID: number;\r\n PostType: number;\r\n OriginalPostID: number;\r\n PublishDate: Date;\r\n PostContent: string;\r\n FileName: string;\r\n VideoMimeType: string;\r\n}\r\n\r\nexport class Verification implements Interfaces.Verification {\r\n Name: string;\r\n ValidationType: string;\r\n Email: string;\r\n Phone: string;\r\n MessageBody: string;\r\n}\r\n\r\nexport class CodeVerificationRequest implements Interfaces.CodeVerificationRequest {\r\n Email: string;\r\n Code: string;\r\n}\r\n\r\n// Define interfaces to reflect the C# data models\r\nexport class RegistrationData implements Interfaces.RegistrationData {\r\n LoginInfo: LoginModel;\r\n UserInfo: UserModel;\r\n}\r\n\r\nexport class LoginModel implements Interfaces.LoginModel {\r\n Username: string;\r\n Password: string;\r\n PasswordHash?: string; // Include this if it's sent from the client, otherwise, remove it\r\n Email: string;\r\n Phone: string;\r\n VerificationLevel: number;\r\n ValidationCode?: string; // Optional, depending on your implementation\r\n}\r\n\r\nexport class UserModel implements Interfaces.UserModel {\r\n UserID?: number; // Optional, usually not set by client but by database on insert\r\n Name: string;\r\n ProfileBio?: string; // Optional\r\n Birthday: string;\r\n Gender: string;\r\n RegistrationDate?: string; // Optional, usually set by the server\r\n IPAddress?: string; // Optional\r\n TrustLevel?: number;\r\n UserImg?: string;\r\n EntityType?: number;\r\n}\r\n\r\nexport class ProfileModel implements Interfaces.ProfileModel {\r\n UserName: string;\n ProfileName: string;\n UserImg: string;\n ProfileBio: string;\n ImageDirectory: string;\r\n FollowingCount: number;\n FollowersCount: number;\n FreedomScore: number | null;\n FreedomConfidenceScore: number | null;\n FreedomScoreColor: string;\n TruthScore: number | null;\n TruthConfidenceScore: number | null;\n TruthScoreColor: string;\n PoliticalScore: number | null;\n PoliticalConfidenceScore: number | null;\n PoliticalScoreColor: string;\n TransparencyScore: number | null;\n TransparencyConfidenceScore: number | null;\n TransparencyScoreColor: string;\r\n}\r\n\r\n\r\nexport class AuthResponse implements Interfaces.AuthResponse {\r\n authenticated: boolean;\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { Routes, RouterModule, Router } from '@angular/router';\r\n\r\n/*\r\n * Components that the router needs to be aware of should be listed below.\r\n */\r\nimport { HomeComponent_New } from '../components/home/home.component';\r\nimport { AdminDashboardComponent } from '../components/admin-dashboard/admin-dashboard.component';\r\nimport { HomeLanding } from '../components/home_landing/home_landing.component';\r\nimport { DynamicRouteComponent } from '../components/dynamic/dynamic.component';\r\n\r\nimport { Sign_In } from '../components/authentications/sign_in/sign_in.component';\r\nimport { ProfileComponent } from '../components/profile/profile.component'; // Ensure this is imported\nimport { PostComponent } from '../components/post/post.component'; // Ensure this is imported\n\nimport { PrivacyPolicy } from '../components/home_landing/link-pages/privacy-policy/privacy-policy.component'; // Ensure this is imported\nimport { TermsOfService } from '../components/home_landing/link-pages/terms-of-service/terms-of-service.component'; // Ensure this is imported\n\r\n//import { RegistrationComponent } from '../modals/sign_up.modal/sign_up.modal.component';\r\n//import { RegistrationValidationComponent } from '../modals/sign_up_validation.modal/sign_up_validation.modal.component';\r\n//import { CounterComponent } from '../counter/counter.component';\r\n//import { FetchDataComponent } from '../fetch-data/fetch-data.component';\r\n\r\nimport { AuthGuard } from '../guards/auth.guard';\r\n\r\n\r\n\r\nconst applicationRoutes: Routes = [\r\n { path: '', redirectTo: 'dashboard', pathMatch: 'full' },\r\n { path: 'dashboard', component: HomeComponent_New, canActivate: [AuthGuard] },\r\n { path: 'sign_in', component: Sign_In },\r\n //{ path: 'sign_up', component: RegistrationComponent },\r\n //{ path: 'sign_up_validation', component: RegistrationValidationComponent },\r\n { path: 'dashboard_login', component: HomeLanding },\r\n { path: 'admin_dashboard', component: AdminDashboardComponent },\r\n\r\n { path: 'privacy', component: PrivacyPolicy },\r\n { path: 'tos', component: TermsOfService },\r\n\r\n { path: ':username', component: ProfileComponent }, // Use this for all profiles\r\n {\n path: ':username/posts/:postId',\n component: PostComponent\n },\r\n\r\n { path: '**', component: DynamicRouteComponent },\r\n //{ path: '', component: HomeComponent, pathMatch: 'full' },\r\n //{ path: 'counter', component: CounterComponent },\r\n //{ path: 'fetch-data', component: FetchDataComponent }\r\n];\r\n\r\n@NgModule({\r\n imports: [\r\n //RouterModule.forRoot(applicationRoutes)\r\n RouterModule.forRoot(applicationRoutes, { useHash: true })\r\n ],\r\n exports: [\r\n RouterModule\r\n ]\r\n})\r\n\r\nexport class AppRoutingModule {\r\n\r\n}\r\n","import { Component, Input, OnInit, OnChanges, ElementRef, ViewChild, ViewChildren, SimpleChange, SimpleChanges, OnDestroy, HostListener, QueryList, Pipe, PipeTransform } from '@angular/core';\r\nimport { FormBuilder, FormGroup, FormArray, FormControl, ValidatorFn, Validators, ReactiveFormsModule } from '@angular/forms';\r\nimport { HttpParams, HttpEventType, HttpClient, HttpHeaders, HttpRequest, HttpResponse } from '@angular/common/http';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\nimport { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';\r\nimport { fromEvent, Subscription } from 'rxjs';\nimport { throttleTime } from 'rxjs/operators';\r\n\r\n//import { NgbModal, NgbActiveModal } from \"@ng-bootstrap/ng-bootstrap\";\r\n\r\n//import {ActiveToast, IndividualToastrConfig, ToastrService } from 'ngx-toaster';\r\n\r\nimport { GlobalService } from '../../services/global.service';\r\nimport { UserService } from '../../services/user.service';\r\nimport { InactivityTimeoutService } from '../../services/inactivity.timeout.service';\r\nimport { UserPostsDataService } from '../../services/posts.service';\r\nimport { SessionService } from '../../services/session.service';\r\n\r\nimport { QuoteModalComponent } from '../../modals/quote-modal/quote-modal.component';\r\n\r\nimport * as Classes from '../../classes/models.classes'\r\n\r\n@Pipe({ name: 'safeHtml' })\r\nexport class SafeHtmlPipe implements PipeTransform {\r\n constructor(private sanitized: DomSanitizer) { }\r\n transform(value) {\r\n return this.sanitized.bypassSecurityTrustHtml(value);\r\n }\r\n}\r\n\r\n\r\n@Component({\r\n selector: 'app-post',\r\n templateUrl: './post.component.html',\r\n styleUrls: [\"./post.component.css\"]\r\n})\r\nexport class PostComponent implements OnInit, OnDestroy, OnChanges{\r\n //post: any;\n //replies: any[];\r\n\r\n private scrollEventSubscription: Subscription;\n allPostsLoaded = false; // Flag to check if all posts are loaded\r\n\r\n UserPostsData: Array;\r\n UserPostsDataContent: Classes.ShortsPostSave;\r\n UserPostData: Classes.ShortsPosts;\r\n userProfileStates = new Map();\r\n userProfileState = new Map();;\r\n\r\n ProfileIconImage: string;\r\n\r\n selectedFile: File | null = null;\r\n\r\n UserID: number;\r\n Username: string;\n UserImg: string;\n BannerImageUrl: string;\n PostID: number;\r\n\n\n isOwnProfile: boolean = false;\n\n currentPage = 1;\n pageSize = 10;\n isLoading = false;\r\n\r\n showProfileBox: boolean = false;\n showTooltip: boolean = false;\n\r\n reactions: any = {};\r\n\r\n ulContentHeight: number;\r\n\r\n timeoutDuration: number = 600000; // 10 minutes in milliseconds\r\n\r\n postContent: string = '';\r\n\r\n userProfileVisible = false;\n hoverBoxStyle = {};\n userProfile: any = {};\r\n hoverTimer: any; // To hold the timer reference\r\n private timeoutId: any; // Holds the reference to the timeout\n\r\n constructor(\r\n //private authService: UserService,\r\n //private globalService: GlobalService,\r\n private sessionService: SessionService,\r\n private inactivityService: InactivityTimeoutService,\r\n private userPostsDataService: UserPostsDataService,\r\n private userService: UserService,\r\n private modalService: NgbModal,\r\n\r\n private route: ActivatedRoute,\r\n private router: Router\r\n //private formBuilder: FormBuilder\r\n ) {\r\n\r\n }\r\n\r\n ngOnInit(): void {\r\n debugger;\r\n this.UserPostsData = new Array();\r\n this.UserPostsDataContent = new Classes.ShortsPostSave();\r\n\r\n this.route.params.subscribe(params => {\n this.Username = params['username'];\n this.PostID = params['postId'];\n this.getUserPostData();\n });\r\n\r\n //this.route.params.subscribe(params => {\n // this.Username = params['username'];\n //});\r\n\r\n this.sessionService.getUserID().subscribe(userID => {\r\n this.UserID = Number(userID);\r\n });\r\n\r\n this.sessionService.getUserImg().subscribe(userImg => {\r\n this.UserImg = userImg;\r\n });\r\n\r\n this.sessionService.getUserBannerImg().subscribe(bannerImageUrl => {\r\n this.BannerImageUrl = \"./img_profile/\" + this.UserID + \"/\" + bannerImageUrl;\r\n });\r\n\r\n this.sessionService.getUsername().subscribe(username => {\r\n this.isOwnProfile = username === this.Username; // Check if the profile belongs to the logged-in user\n });\r\n\r\n // Start the inactivity timeout when the component initializes\r\n this.inactivityService.initializeTimer();\r\n\r\n this.getUserPostsDataNew();\r\n this.subscribeToScrollEvents();\r\n }\r\n\r\n ngAfterViewInit() {\r\n\r\n //console.log(this.route.snapshot.queryParams);\r\n }\r\n\r\n ngOnDestroy() {\r\n this.scrollEventSubscription?.unsubscribe();\r\n }\r\n\r\n ngOnChanges() {\r\n\r\n }\r\n\r\n private subscribeToScrollEvents() {\n this.scrollEventSubscription = fromEvent(window, 'scroll')\n .pipe(throttleTime(500))\n .subscribe(() => this.onScroll());\n }\r\n\r\n @HostListener('window:scroll', ['$event'])\n onScroll(): void {\n this.showProfileBox = false;\n this.showTooltip = false;\n // Clear the timeoutId after it executes\n this.timeoutId = null;\n this.hoverTimer = null; \n\n if (this.isLoading || this.allPostsLoaded) return;\n\n const nearToEndIndex = Math.max(this.UserPostsData.length - 3, 0);\n const triggerElementId = `post${(this.currentPage - 1) * this.pageSize + nearToEndIndex}`;\n const triggerElement = document.getElementById(triggerElementId);\n\n if (triggerElement && (window.scrollY + window.innerHeight > triggerElement.offsetTop) && !this.isLoading) {\n this.currentPage++;\n this.getUserPostsDataNew();\n }\n\n }\r\n\r\n loadUserProfileSingle(postData: any, index: number, event: MouseEvent) {\n this.hoverTimer = setTimeout(() => {\n if (!this.userProfileState.has(index)) {\n this.userProfileState.set(index, { visible: false });\n }\n\n this.userService.getUserProfile(postData.UserName).subscribe(data => {\n\n const element = event.target as HTMLElement;\n const rect = element.getBoundingClientRect();\n\n // Calculate available space below the link\n const spaceBelow = window.innerHeight - rect.bottom;\n const hoverBoxHeight = 200; // Assume a fixed height or calculate dynamically\n\n if (spaceBelow < hoverBoxHeight) {\n\n // Not enough space below, position above\n this.hoverBoxStyle = {\n //bottom: `${window.innerHeight - rect.top + 30}px`, // Position above the link\n bottom: `30px` // Position above the link\n //left: `${rect.left}px`,\n //position: 'absolute'\n };\n }\n else {\n this.hoverBoxStyle = {\n //bottom: `${window.innerHeight - rect.top + 30}px`, // Position above the link\n top: `30px` // Position above the link\n //left: `${rect.left}px`,\n //position: 'absolute'\n };\n }\n\n this.userProfileStates.get(index).profile = data;\n this.userProfileStates.get(index).visible = true;\n });\n }, 1000); // Delay of 1000 milliseconds (1 second)\n }\r\n\r\n hideUserProfileSingle(index: number) {\n clearTimeout(this.hoverTimer); // Clear the timer if the mouse leaves the link\n if (this.userProfileState.has(index)) {\n this.userProfileState.get(index).visible = false;\n }\n }\r\n\r\n loadUserProfile(postData: any, index: number, event: MouseEvent) {\n this.hoverTimer = setTimeout(() => {\n if (!this.userProfileStates.has(index)) {\n this.userProfileStates.set(index, { visible: false });\n }\n\n this.userService.getUserProfile(postData.UserName).subscribe(data => {\n\n const element = event.target as HTMLElement;\n const rect = element.getBoundingClientRect();\n\n // Calculate available space below the link\n const spaceBelow = window.innerHeight - rect.bottom;\n const hoverBoxHeight = 200; // Assume a fixed height or calculate dynamically\n\n if (spaceBelow < hoverBoxHeight) {\n\n // Not enough space below, position above\n this.hoverBoxStyle = {\n //bottom: `${window.innerHeight - rect.top + 30}px`, // Position above the link\n bottom: `30px` // Position above the link\n //left: `${rect.left}px`,\n //position: 'absolute'\n };\n }\n else {\n this.hoverBoxStyle = {\n //bottom: `${window.innerHeight - rect.top + 30}px`, // Position above the link\n top: `30px` // Position above the link\n //left: `${rect.left}px`,\n //position: 'absolute'\n };\n }\n\n this.userProfileStates.get(index).profile = data;\n this.userProfileStates.get(index).visible = true;\n });\n }, 1000); // Delay of 1000 milliseconds (1 second)\n }\r\n\r\n hideUserProfile(index: number) {\n clearTimeout(this.hoverTimer); // Clear the timer if the mouse leaves the link\n if (this.userProfileStates.has(index)) {\n this.userProfileStates.get(index).visible = false;\n }\n }\n\r\n followUser(userName: string) {\n this.userService.followUser(userName).subscribe({\n next: (result) => {\n console.log('User followed successfully');\n },\n error: (error) => {\n console.error('Error following the user', error);\n }\n });\n }\r\n\r\n getUserPostsDataNew() {\r\n this.isLoading = true;\r\n let postTypes: number[] | undefined;\r\n // For User Profile Posts, I gather Original - 1; Reposts - 2; and Quotes - 3; Replies - 4\r\n postTypes = [4]; // Specify the actual types you need\n\r\n this.userPostsDataService.getReplyPosts(this.UserID, this.PostID, this.currentPage, this.pageSize, postTypes).subscribe({\n next: posts => {\n this.UserPostsData = this.UserPostsData.concat(posts); // Append new data to existing posts\n this.isLoading = false;\n if (posts.length < this.pageSize) { // Less data than expected\n this.allPostsLoaded = true; // Assume all posts are loaded\n }\n },\n error: error => {\n console.error('There was an error!', error);\n this.isLoading = false;\n }\n }); }\r\n\r\n getUserPostData() {\r\n this.isLoading = true;\r\n this.userPostsDataService.getPost(this.UserID, this.PostID).subscribe({\n next: post => {\n this.UserPostData = post; // Append new data to existing posts\n this.isLoading = false;\n },\n error: error => {\n console.error('There was an error!', error);\n this.isLoading = false;\n }\n });\r\n }\r\n\r\n // Old Version. No longer used. MB 6/12/24\r\n getUserPostsData() {\r\n this.userPostsDataService.loadUserPostsData(this.UserID).subscribe(data => {\r\n if (data.type === HttpEventType.DownloadProgress) {\r\n let percentDone: number = Math.round(100 + data.loaded / data.total);\r\n if (percentDone > 100) {\r\n percentDone = 100;\r\n }\r\n else if (percentDone < 0) {\r\n percentDone = 0;\r\n }\r\n } else if (data instanceof HttpResponse) {\r\n let loadedData: Array = data.body;\r\n this.UserPostsData = loadedData;\r\n }\r\n })\r\n };\r\n\r\n loadReactions(postId: number) {\r\n this.userPostsDataService.getReactions(postId).subscribe(data => {\r\n this.reactions = data;\r\n });\r\n }\r\n\r\n toggleReaction(postId: number, type: '1' | '2' | '3'): void {\r\n this.userPostsDataService.toggleReaction(postId, this.UserID, type).subscribe(updatedReactions => {\r\n const post = this.UserPostsData.find(p => p.TSID === postId);\r\n if (post) {\r\n post.Reactions = updatedReactions; // Update the reactions with the returned data\r\n }\r\n }, error => {\r\n console.error('Error toggling reaction:', error);\r\n });\r\n }\r\n\r\n saveRePost(postId: number, type: '1' | '2' | '3', repostSelected: boolean, repostType: string, comment: string ): void {\r\n this.userPostsDataService.saveUserRePostsData(postId, this.UserID, type, comment, repostSelected).subscribe(updatedReactions => {\r\n const post = this.UserPostsData.find(p => p.TSID === postId);\r\n if (post) {\r\n post.Reactions = updatedReactions; // Update the reactions with the returned data\r\n }\r\n }, error => {\r\n console.error('Error toggling reaction:', error);\r\n });\r\n }\r\n\r\n submitPost() {\r\n\r\n // Call checkVideo with the mock event\r\n //this.checkVideo(event as any);\r\n\r\n this.UserPostsDataContent.UserID = this.UserID;\r\n this.UserPostsDataContent.PostType = 1;\r\n this.UserPostsDataContent.PublishDate = new Date() // Date is set at the time of submission\r\n if (this.selectedFile.name.length > 0 ) {\r\n this.UserPostsDataContent.FileName = this.selectedFile.name;\r\n this.UserPostsDataContent.VideoMimeType = this.selectedFile.type;\r\n }\r\n\r\n const formData = new FormData();\r\n\r\n formData.append('postData', JSON.stringify(this.UserPostsDataContent)); // Serialize your object into a JSON string\r\n if (this.selectedFile) {\r\n formData.append('file', this.selectedFile, this.selectedFile.name);\r\n }\r\n\r\n\r\n this.userPostsDataService.saveUserPostsData(formData).subscribe(data => {\r\n if (data.type === HttpEventType.DownloadProgress) {\r\n let percentDone: number = Math.round(100 + data.loaded / data.total);\r\n if (percentDone > 100) {\r\n percentDone = 100;\r\n }\r\n else if (percentDone < 0) {\r\n percentDone = 0;\r\n }\r\n } else if (data instanceof HttpResponse) {\r\n let loadedData: number = data.body;\r\n\r\n }\r\n })\r\n };\r\n\r\n savePost(): void {\r\n\r\n this.UserPostsDataContent.UserID = this.UserID;\r\n this.UserPostsDataContent.PostType = 1;\r\n this.UserPostsDataContent.PublishDate = new Date() // Date is set at the time of submission\r\n if (this.selectedFile.name.length > 0) {\r\n this.UserPostsDataContent.FileName = this.selectedFile.name;\r\n this.UserPostsDataContent.VideoMimeType = this.selectedFile.type;\r\n }\r\n\r\n const formData = new FormData();\r\n\r\n formData.append('postData', JSON.stringify(this.UserPostsDataContent)); // Serialize your object into a JSON string\r\n if (this.selectedFile) {\r\n formData.append('file', this.selectedFile, this.selectedFile.name);\r\n }\r\n\r\n this.userPostsDataService.savePost(formData, this.UserID).subscribe(\r\n () => console.log(\"Post saved successfully.\"),\r\n error => console.error(\"Error saving post\", error)\r\n );\r\n }\r\n\r\n // Method to trigger the file input click event\r\n triggerFileUpload(): void {\r\n document.getElementById('videoUpload')!.click();\r\n }\r\n\r\n checkVideo(event: any): void {\r\n this.selectedFile = event.target.files[0];\r\n\r\n if (!this.selectedFile) {\r\n return;\r\n }\r\n\r\n const fileType = this.selectedFile.type;\r\n\r\n //if (this.selectedFile) {\r\n // Handle videos\r\n if (this.selectedFile.type.startsWith('video/')) {\r\n // Check the file type\r\n if (this.selectedFile.type !== 'video/mp4' && this.selectedFile.type !== 'video/quicktime') {\r\n alert('Unsupported video format. Please upload a MP4 or MOV file.');\r\n return;\r\n }\r\n\r\n // Load the file into a video element to check duration\r\n const video = document.createElement('video');\r\n video.preload = 'metadata';\r\n\r\n video.onloadedmetadata = () => {\r\n window.URL.revokeObjectURL(video.src);\r\n const duration = video.duration;\r\n\r\n if (duration > 120) { // Check if video is longer than 2 minutes\r\n alert('Video is too long. Maximum allowed duration is 2 minutes.');\r\n } else {\r\n alert('Video is valid. Duration: ' + duration + ' seconds.');\r\n // Proceed with further processing like uploading\r\n }\r\n };\r\n\r\n video.onerror = () => {\r\n alert('Unable to load the video for validation.');\r\n };\r\n\r\n video.src = URL.createObjectURL(this.selectedFile);\r\n\r\n return; // Exit function after handling video\r\n }\r\n\r\n // Handle images\r\n if (this.selectedFile.type.startsWith('image/')) {\r\n // Image-specific processing logic here\r\n\r\n if (this.selectedFile.type === 'image/gif') {\r\n alert('GIF file selected.');\r\n // Additional GIF-specific checks can go here\r\n } else {\r\n alert('Image file selected.');\r\n }\r\n\r\n // Proceed with further processing like uploading\r\n }\r\n }\r\n\r\n uploadVideo(file: File): void {\r\n const formData = new FormData();\r\n formData.append('video', file);\r\n\r\n }\r\n\r\n openQuoteModal(postData: any): void {\n const modalRef = this.modalService.open(QuoteModalComponent);\n modalRef.componentInstance.postData = postData;\n modalRef.componentInstance.postQuote.subscribe((comment: string) => {\n if (comment.length > 0) {\n // Handle the quote with the comment\n console.log('Comment to post:', comment);\n // Add your saveRePost logic here\n this.saveRePost(postData.TSID, '2', postData.Reactions.repostSelected, '2', comment);\n }\n else {\n this.saveRePost(postData.TSID, '2', postData.Reactions.repostSelected, '1', null);\n }\n });\n\n }\r\n\r\n navigateTo(stateID: string, categoryID: string, event: Event) {\r\n\r\n this.router.navigate([], {\r\n queryParams: {\r\n StateID: stateID,\r\n CategoryID: categoryID\r\n },\r\n queryParamsHandling: 'merge',\r\n });\r\n\r\n }\r\n\r\n navigateToPost(username: string, postId: number): void {\n this.router.navigate([`${username}/posts/${postId}`]);\n }\r\n\r\n navigateToPage() {\r\n // changes the route without moving from the current view or\r\n // triggering a navigation event,\r\n this.router.navigate(['/dashboard_login'], {\r\n relativeTo: this.route,\r\n //queryParams: {\r\n // stateIDParams: '1'\r\n //},\r\n // preserve the existing query params in the route\r\n //queryParamsHandling: 'merge',\r\n\r\n // do not trigger navigation\r\n skipLocationChange: true\r\n\r\n });\r\n }\r\n\r\n}\r\n","\r\n \n
\n \n
\n\n \n
\n
\n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\t\t\t\t\t\t\t\t\t\t\t\t
{{UserPostData.PostTitle}} \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\n
\n \r\n
{{ UserPostData.Reactions.Replies }} \r\n
\r\n \r\n {{ UserPostData.Reactions.Reposts }} \r\n\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
{{ UserPostData.Reactions.Likes }} \r\n
\n
\n\r\n
\n Loading more posts...\n
\t\t\t\t\t\t\t\t\r\n\n
\n
\n
\n
\n\n
\r\n \r\n
\r\n\n \n \n
\n
\n\n
\n
\n
\n
\n
\n
\n
\n\t\t\t\t\t\t\t\t\t\t\t\t
{{postData.PostTitle}} \r\n
\r\n \n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\n
\n \r\n
{{ postData.Reactions.Replies }} \r\n
\r\n \r\n {{ postData.Reactions.Reposts }} \r\n\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
{{ postData.Reactions.Likes }} \r\n\r\n \r\n
\n
\n \r\n
\r\n \n \n
\n {{postData.ProfileName}} reposted \n \n
\n
{{ userProfileStates.get(i).profile.ProfileName }} \n
@{{ userProfileStates.get(i).profile.UserName }}
\n
Follow \n
{{ userProfileStates.get(i).profile.ProfileBio }}
\n
\n Following: {{ userProfileStates.get(i).profile.FollowingCount }} |\n Followers: {{ userProfileStates.get(i).profile.FollowersCount }} \n
\n
\r\n
\r\n
\n
\n\n
\n
\n
\n
\n
\n
\n
\n
{{postData.OrigProfileName}} \n @{{postData.OrigUserName}} • {{postData.OrigPublishDate | relativeTime}}
\n
\n\t\t\t\t\t\t\t\t\t\t\t\t
{{postData.PostTitle}} \r\n
\r\n\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n\r\n\r\n
\n \r\n
{{ postData.Reactions.Replies }} \r\n
\r\n \r\n {{ postData.Reactions.Reposts }} \r\n\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
{{ postData.Reactions.Likes }} \r\n\r\n \r\n
\n
\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
\n Loading more posts...\n
\t\t\t\t\t\t\t\t\r\n \n\n
\n
\n\n
\n
\n
\n
\n
\n
\n
Trends for you
\n
\n
\n
Trending in Pakistan
\n
\n
\n
\n
\n
\n
\n
Nawaz Sharif
\n
12.7k Tweets
\n
\n
\n\n
\n
\n
Technology . Trending
\n
\n
\n
\n
\n
\n
\n
#TikTok
\n
101k Tweets
\n
\n
\n\n
\n
\n
Trending in Pakistan
\n
\n
\n
\n
\n
\n\n
\n
\n
Trending in Pakistan
\n
\n
\n
\n
\n
\n
\n
#Bajwa
\n
8,104 Tweets
\n
\n
\n\n
\n
\n
Trending in Pakistan
\n
\n
\n
\n
\n
\n\n
\n
\n
Trending in Pakistan
\n
\n
\n
\n
\n
\n
\n
#dollarvsrupee
\n
2,449 Tweets
\n
\n
\n\n
Show more \n
\n
\n
\n
\n\n
\n
\n ","import { BrowserModule } from '@angular/platform-browser';\r\nimport { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { HttpClientModule } from '@angular/common/http';\r\n//import { RouterModule } from '@angular/router';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap'\r\n\r\nimport { AppComponent } from './app.component';\r\nimport { NavMenuComponent } from './nav-menu/nav-menu.component';\r\nimport { LeftSidebarComponent } from './components/menus/left_sidebar/left_sidebar.component';\r\nimport { ProfileMenuComponent } from './components/menus/profile_menu/profile_menu.component';\r\nimport { ProfileMenuRepostComponent } from './components/menus/profile_menu_repost/profile_menu_repost.component';\r\n\r\nimport { CustomSliderComponent } from './components/insertable/custom-slider/custom-slider.component';\r\nimport { TruthScoreComponent } from './components/insertable/truth-score/truth-score.component';\r\nimport { ReactionsComponent } from './components/insertable/reactions/reactions.component';\r\n\r\n\r\nimport { HomeComponent } from './home/home.component';\r\nimport { HomeComponent_New } from './components/home/home.component';\r\nimport { AdminDashboardComponent } from './components/admin-dashboard/admin-dashboard.component';\r\nimport { ProfileComponent } from './components/profile/profile.component';\r\nimport { PostComponent } from './components/post/post.component'; // Ensure this is imported \nimport { HomeLanding } from './components/home_landing/home_landing.component';\r\nimport { Sign_In } from './components/authentications/sign_in/sign_in.component';\r\n//import { CounterComponent } from './counter/counter.component';\r\n//import { FetchDataComponent } from './fetch-data/fetch-data.component';\r\n\r\n/* Application Routes */\r\nimport { AppRoutingModule } from './routing/routing.module'\r\n\r\n/* Applicable Service */\r\nimport { GlobalService } from './services/global.service'\r\nimport { UserService } from './services/user.service'\r\nimport { InactivityTimeoutService } from './services/inactivity.timeout.service'\r\nimport { FraudIncidentDataService } from './services/fraud_incident.service'\r\nimport { UserPostsDataService } from './services/posts.service';\nimport { EmailService } from './services/email.service';\nimport { SessionService } from './services/session.service';\n\n/* Applicable Modals */\r\nimport { QuoteModalComponent } from './modals/quote-modal/quote-modal.component';\nimport { ScoreModalComponent } from './modals/score-modal/score-modal.component';\nimport { RegistrationComponent } from './modals/sign_up.modal/sign_up.modal.component';\nimport { RegistrationValidationComponent } from './modals/sign_up_validation.modal/sign_up_validation.modal.component';\n\n/* Applicable Pipes */\r\nimport { SafeHtmlPipe } from './pipes/safe-html.pipe';\nimport { ParseHashtagsPipe } from './pipes/parse-hashtags.pipe';\nimport { RelativeTimePipe } from './pipes/relative-time.pipe';\r\nimport { UniquePipe } from './pipes/unique.pipe';\r\n\r\n/* Applicable Guards */\r\nimport { AuthGuard } from './guards/auth.guard';\r\n\r\n/* Toastr Module for Pop-Ups */\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { ToastrModule } from 'ngx-toastr';\n\r\n\r\n@NgModule({\r\n imports: [\r\n BrowserModule.withServerTransition({ appId: 'ng-cli-universal' }),\r\n HttpClientModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n\r\n BrowserAnimationsModule,\n ToastrModule.forRoot({\n positionClass: 'toast-top-right',\n preventDuplicates: true,\n timeOut: 5000 // 3 seconds timeout\n }),\r\n\r\n //RouterModule.forRoot([\r\n // { path: '', component: HomeComponent, pathMatch: 'full' },\r\n // { path: 'counter', component: CounterComponent },\r\n // { path: 'fetch-data', component: FetchDataComponent },\r\n //])\r\n\r\n\r\n // or declare an AppRoutingModule component. It must be declared last\r\n AppRoutingModule,\r\n CommonModule,\r\n NgbModule /* Add me last */\r\n ],\r\n schemas: [\r\n CUSTOM_ELEMENTS_SCHEMA\r\n ],\r\n exports: [\n UniquePipe,\n // Other components, pipes, directives\n ],\r\n declarations: [\r\n AppComponent,\r\n\r\n CustomSliderComponent,\r\n TruthScoreComponent,\r\n ReactionsComponent,\r\n\r\n NavMenuComponent,\r\n LeftSidebarComponent,\r\n ProfileMenuComponent,\r\n ProfileMenuRepostComponent,\r\n\r\n SafeHtmlPipe,\r\n HomeComponent,\r\n AdminDashboardComponent,\r\n ProfileComponent,\r\n PostComponent,\r\n HomeLanding,\r\n Sign_In,\r\n QuoteModalComponent,\r\n ScoreModalComponent,\r\n RegistrationComponent,\r\n RegistrationValidationComponent,\r\n HomeComponent_New,\r\n ParseHashtagsPipe,\r\n UniquePipe,\r\n RelativeTimePipe\r\n //CounterComponent,\r\n //FetchDataComponent\r\n //Modals declarations go here as well\r\n ],\r\n providers: [\r\n //SafeHtmlPipe,\r\n GlobalService,\r\n FraudIncidentDataService,\r\n UserService,\r\n InactivityTimeoutService,\r\n UserPostsDataService,\r\n AuthGuard,\r\n EmailService,\r\n SessionService\r\n ],\r\n entryComponents: [\r\n // Declarations of modal components here as well\r\n QuoteModalComponent,\r\n ScoreModalComponent,\r\n RegistrationComponent,\r\n RegistrationValidationComponent\r\n ],\r\n bootstrap: [AppComponent]\r\n})\r\nexport class AppModule { }\r\n","import { Component, Input, OnInit, AfterViewInit, AfterViewChecked, OnChanges, ElementRef, ViewChild, ViewChildren, SimpleChange, SimpleChanges, OnDestroy, HostListener, QueryList } from '@angular/core';\r\nimport { FormBuilder, FormGroup, FormArray, FormControl, ValidatorFn, Validators, ReactiveFormsModule } from '@angular/forms';\r\nimport { HttpParams, HttpEventType, HttpClient, HttpHeaders, HttpRequest, HttpResponse } from '@angular/common/http';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';\r\nimport { fromEvent, Subscription } from 'rxjs';\nimport { throttleTime } from 'rxjs/operators';\r\nimport ResizeObserver from 'resize-observer-polyfill';\r\n\r\n//import { NgbModal, NgbActiveModal } from \"@ng-bootstrap/ng-bootstrap\";\r\n\r\n//import {ActiveToast, IndividualToastrConfig, ToastrService } from 'ngx-toaster'; \r\n\r\nimport { ToastrService } from 'ngx-toastr';\r\n\r\nimport { GlobalService } from '../../services/global.service';\r\nimport { UserService } from '../../services/user.service';\r\nimport { InactivityTimeoutService } from '../../services/inactivity.timeout.service';\r\nimport { UserPostsDataService } from '../../services/posts.service';\r\nimport { SessionService } from '../../services/session.service';\r\nimport { SocialMediaService } from '../../services/social-media.service';\r\n\r\nimport { QuoteModalComponent } from '../../modals/quote-modal/quote-modal.component';\r\nimport { ScoreModalComponent } from '../../modals/score-modal/score-modal.component';\r\n\r\nimport * as Classes from '../../classes/models.classes'\r\n\r\n@Component({\r\n selector: 'app-admin-dashboard',\r\n templateUrl: './admin-dashboard.component.html',\r\n styleUrls: [\"./admin-dashboard.component.css\"]\r\n})\r\nexport class AdminDashboardComponent implements OnInit, AfterViewInit, AfterViewChecked, OnDestroy, OnChanges{\r\n //@Input() Mode: string;\r\n @ViewChildren('postElement', { read: ElementRef }) postElements: QueryList
;\n\r\n\r\n private scrollEventSubscription: Subscription;\n allPostsLoaded = false; // Flag to check if all posts are loaded\r\n\r\n UserPostsData: Array;\r\n UserPostsDataContent: Classes.ShortsPostSave;\r\n userProfileStates = new Map();\r\n\r\n ProfileIconImage: string;\r\n\r\n selectedFile: File | null = null;\r\n\r\n UserID: number;\r\n Username: string;\n isOwnProfile: boolean = false;\n\n currentPage = 1;\n pageSize = 10;\n isLoading = false;\n\n showProfileBox : boolean = false;\n showTooltip: boolean = false;\n\r\n reactions: any = {};\r\n\r\n timeoutDuration: number = 600000; // 10 minutes in milliseconds\r\n\r\n postContent: string = '';\r\n\r\n userProfileVisible = false;\n hoverBoxStyle = {};\n userProfile: any = {};\r\n hoverTimer: any; // To hold the timer reference\r\n private timeoutId: any; // Holds the reference to the timeout\n\n private isTwitterWidgetsLoaded = false;\n\n\r\n constructor(\r\n //private authService: UserService,\r\n private socialMediaService: SocialMediaService,\r\n private sessionService: SessionService,\r\n private inactivityService: InactivityTimeoutService,\r\n private userPostsDataService: UserPostsDataService,\r\n private userService: UserService,\r\n private modalService: NgbModal,\r\n\r\n private toastr: ToastrService,\r\n\r\n private sanitizer: DomSanitizer,\r\n private route: ActivatedRoute,\r\n private router: Router\r\n //private formBuilder: FormBuilder\r\n ) {\r\n\r\n }\r\n\r\n ngOnInit(): void {\r\n debugger;\r\n this.UserPostsData = new Array();\r\n this.UserPostsDataContent = new Classes.ShortsPostSave();\r\n\r\n //console.log(this._route.snapshot.queryParams);\r\n\r\n this.sessionService.getUserID().subscribe(userID => {\r\n this.UserID = Number(userID);\r\n });\r\n\r\n this.sessionService.getUsername().subscribe(username => {\r\n this.Username = username;\r\n //this.isOwnProfile = username === this.Username; // Check if the profile belongs to the logged-in user\n });\r\n\r\n // Start the inactivity timeout when the component initializes\r\n this.inactivityService.initializeTimer();\r\n\r\n this.getUserPostsDataNew();\r\n this.subscribeToScrollEvents();\r\n //console.log('this.StateID = ' + this.StateID + '; this.CategoryID = ' + this.CategoryID );\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.postElements.changes.subscribe(() => {\n this.setupIntersectionObservers();\n });\n this.setupIntersectionObservers();\r\n\r\n }\r\n\r\n ngAfterViewChecked(): void {\n }\r\n\r\n ngOnDestroy() {\r\n this.scrollEventSubscription?.unsubscribe();\r\n }\r\n\r\n ngOnChanges() {\r\n\r\n }\r\n\r\n private subscribeToScrollEvents() {\n this.scrollEventSubscription = fromEvent(window, 'scroll')\n .pipe(throttleTime(500))\n .subscribe(() => this.onScroll());\n }\r\n\r\n @HostListener('window:scroll', ['$event'])\n onScroll(): void {\n this.showProfileBox = false;\n this.showTooltip = false;\n // Clear the timeoutId after it executes\n this.timeoutId = null;\n this.hoverTimer = null; \n\n if (this.isLoading || this.allPostsLoaded) return;\n\n const nearToEndIndex = Math.max(this.UserPostsData.length - 3, 0);\n const triggerElementId = `post${(this.currentPage - 1) * this.pageSize + nearToEndIndex}`;\n const triggerElement = document.getElementById(triggerElementId);\n\n if (triggerElement && (window.scrollY + window.innerHeight > triggerElement.offsetTop) && !this.isLoading) {\n this.currentPage++;\n this.getUserPostsDataNew();\n }\n }\r\n\r\n\n fetchAndSaveTweets(): void {\n this.socialMediaService.fetchAndSavePopularTweets().subscribe({\n next: () => this.toastr.success('Tweets fetched and saved successfully!'),\n error: () => this.toastr.warning('Failed to fetch and save tweets.')\n });\n }\n\n\n loadTwitterWidgets(): void {\n const script = document.createElement('script');\n script.src = 'https://platform.twitter.com/widgets.js';\n script.async = true;\n script.charset = 'utf-8';\n document.head.appendChild(script);\n }\n\n setupIntersectionObservers(): void {\n if (this.postElements && this.postElements.length > 0) {\n this.postElements.forEach((postElement) => {\n this.setupIntersectionObserver(postElement);\n });\n }\n }\n\n setupIntersectionObserver(postElement: ElementRef): void {\n const observer = new IntersectionObserver((entries, obs) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const postContent = (entry.target as HTMLElement).innerHTML;\n if (this.isTwitterPost(postContent)) {\n this.loadTwitterWidgets();\n }\n if (this.isFacebookPostType(postContent)) {\n this.loadFacebookWidgets(entry.target as HTMLElement);\n }\n obs.unobserve(entry.target); // Ensure the element is unobserved after being intersected\n //observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.1 });\n\n if (postElement.nativeElement instanceof HTMLElement) {\n observer.observe(postElement.nativeElement);\n }\n }\n\n isTwitterPost(content: string): boolean {\n return content.includes('twitter-tweet');\n }\n\n isFacebookPostType(content: string): boolean {\r\n const facebookPatterns = ['facebook.com', 'fb.watch'];\r\n return facebookPatterns.some(pattern => content.includes(pattern));\r\n }\r\n\r\n isFacebookPost(content: string): boolean {\r\n const facebookPatterns = ['post.php'];\r\n return facebookPatterns.some(pattern => content.includes(pattern));\r\n }\r\n\n isFacebookEmbeddedPost(content: string): boolean {\r\n const facebookPatterns = ['iframe'];\r\n return facebookPatterns.some(pattern => content.includes(pattern));\r\n }\r\n\n //loadTwitterWidgets(): void {\n // if (window['twttr'] && window['twttr'].widgets) {\n // window['twttr'].widgets.load();\n // } else {\n // const script = document.createElement('script');\n // script.src = 'https://platform.twitter.com/widgets.js';\n // script.async = true;\n // script.charset = 'utf-8';\n // document.head.appendChild(script);\n // }\n //}\n\n loadFacebookWidgets(element: HTMLElement): void {\n if (window['FB'] && window['FB'].XFBML) {\n window['FB'].XFBML.parse();\n this.resizeFacebookIframes(element);\n } else {\n const script = document.createElement('script');\n script.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v11.0';\n //script.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2';\n script.async = true;\n script.defer = true;\n script.crossOrigin = 'anonymous';\n script.onload = () => {\n window['FB'].XFBML.parse();\n //this.resizeFacebookIframes(element);\n this.observeFacebookIframes(element);\n };\n document.head.appendChild(script);\n }\n }\n\n resizeFacebookIframes(element: HTMLElement): void {\n const iframes = element.querySelectorAll('iframe');\n iframes.forEach((iframe: HTMLIFrameElement) => {\n iframe.style.width = '100%';\n //iframe.style.height = 'auto';\n iframe.style.borderRadius = '0.85rem';\n\n //const resizeObserver = new ResizeObserver(entries => {\n // for (let entry of entries) {\n // if (entry.target instanceof HTMLIFrameElement) {\n // entry.target.style.height = entry.contentRect.height + 'px';\n // }\n // }\n //});\n\n //resizeObserver.observe(iframe);\n });\n }\n\n observeFacebookIframes(element: HTMLElement): void {\n const fbPosts = element.querySelectorAll('.fb-post-embedded');\n fbPosts.forEach((fbPost: HTMLElement) => {\n const resizeObserver = new ResizeObserver(() => {\n this.adjustIframeHeight(fbPost);\n });\n\n resizeObserver.observe(fbPost);\n });\n }\n\n adjustIframeHeight(fbPost: HTMLElement): void {\n try {\n const iframe = fbPost.querySelector('iframe');\n if (iframe) {\n //iframe.style.height = (fbPost.clientHeight*.958) + 'px';\n iframe.style.width = '100%';\n iframe.style.borderRadius = '0.85rem';\n }\n } catch (error) {\n console.warn('Could not access iframe content due to cross-origin restrictions', error);\n }\n }\n\n getFacebookPostHref(content: string): string {\r\n console.log('Post Content:', content); // Debugging line to check content\r\n // Adjust regex to be more flexible with possible variations\r\n const match = content.match(/data-href=['\"]([^'\"]+)['\"]/);\r\n const href = match ? match[1] : '';\r\n console.log('Extracted Href:', href); // Debugging line to check extracted href\r\n return href;\r\n }\r\n\n sanitizeHtml(html: string): SafeHtml {\n return this.sanitizer.bypassSecurityTrustHtml(html);\n }\n\n followUser(userName: string) {\n this.userService.followUser(userName).subscribe({\n next: (result) => {\n console.log('User followed successfully');\n },\n error: (error) => {\n console.error('Error following the user', error);\n }\n });\n }\r\n\r\n getUserPostsDataNew() {\r\n this.isLoading = true;\r\n let postTypes: number[] | undefined;\r\n // For User Profile Posts, I gather Original - 1; Reposts - 2; and Quotes - 3; Replies - 4; Quotes - 5\r\n // For User Profile Posts, I gather Twitter Admin Post - 20;\r\n postTypes = [1, 3, 5, 20]; // Specify the actual types you need\n\r\n this.userPostsDataService.getDashboardPosts(this.UserID, this.currentPage, this.pageSize, postTypes).subscribe({\n //this.userPostsDataService.getDashboardPosts(this.UserID, this.currentPage, this.pageSize).subscribe({\n next: posts => {\n this.UserPostsData = this.UserPostsData.concat(posts); // Append new data to existing posts\n this.isLoading = false;\n if (posts.length < this.pageSize) { // Less data than expected\n this.allPostsLoaded = true; // Assume all posts are loaded\n }\n },\n error: error => {\n console.error('There was an error!', error);\n this.isLoading = false;\n }\n });\r\n }\r\n\r\n getUserPostsData() {\r\n this.userPostsDataService.loadUserPostsData(this.UserID).subscribe(data => {\r\n if (data.type === HttpEventType.DownloadProgress) {\r\n let percentDone: number = Math.round(100 + data.loaded / data.total);\r\n if (percentDone > 100) {\r\n percentDone = 100;\r\n }\r\n else if (percentDone < 0) {\r\n percentDone = 0;\r\n }\r\n } else if (data instanceof HttpResponse) {\r\n let loadedData: Array = data.body;\r\n this.UserPostsData = loadedData;\r\n\r\n //this.ProfileIconImage = this.UserPostsData.\r\n\r\n //this.FraudIncidentData = data.body.map(x => Object.assign({}, x));\r\n\r\n //this.FraudIncidentData.forEach((elem: any) => {\r\n //console.log(elem);\r\n //});\r\n\r\n }\r\n })\r\n };\r\n\r\n loadReactions(postId: number) {\r\n this.userPostsDataService.getReactions(postId).subscribe(data => {\r\n this.reactions = data;\r\n });\r\n }\r\n\r\n toggleReaction(postId: number, type: '1' | '2' | '3'): void {\r\n this.userPostsDataService.toggleReaction(postId, this.UserID, type).subscribe(updatedReactions => {\r\n const post = this.UserPostsData.find(p => p.TSID === postId);\r\n if (post) {\r\n post.Reactions = updatedReactions; // Update the reactions with the returned data\r\n // Toggle the selected state for the specific reaction type\r\n //switch (type) {\r\n // case 'reply':\r\n // post.Reactions.replySelected = !post.Reactions.replySelected;\r\n // break;\r\n // case 'repost':\r\n // post.Reactions.repostSelected = !post.Reactions.repostSelected;\r\n // break;\r\n // case 'like':\r\n // post.Reactions.likeSelected = !post.Reactions.likeSelected;\r\n // break;\r\n //}\r\n }\r\n }, error => {\r\n console.error('Error toggling reaction:', error);\r\n });\r\n }\r\n\r\n saveRePost(postId: number, type: '1' | '2' | '3', repostSelected: boolean, repostType: string, comment: string ): void {\r\n this.userPostsDataService.saveUserRePostsData(postId, this.UserID, type, comment, repostSelected).subscribe(updatedReactions => {\r\n const post = this.UserPostsData.find(p => p.TSID === postId);\r\n if (post) {\r\n post.Reactions = updatedReactions; // Update the reactions with the returned data\r\n }\r\n }, error => {\r\n console.error('Error toggling reaction:', error);\r\n });\r\n }\r\n\r\n submitPost() {\r\n\r\n // Call checkVideo with the mock event\r\n //this.checkVideo(event as any);\r\n\r\n this.UserPostsDataContent.UserID = this.UserID;\r\n this.UserPostsDataContent.PostType = 1;\r\n this.UserPostsDataContent.PublishDate = new Date() // Date is set at the time of submission\r\n if (this.selectedFile.name.length > 0 ) {\r\n this.UserPostsDataContent.FileName = this.selectedFile.name;\r\n this.UserPostsDataContent.VideoMimeType = this.selectedFile.type;\r\n }\r\n\r\n const formData = new FormData();\r\n\r\n formData.append('postData', JSON.stringify(this.UserPostsDataContent)); // Serialize your object into a JSON string\r\n if (this.selectedFile) {\r\n formData.append('file', this.selectedFile, this.selectedFile.name);\r\n }\r\n\r\n\r\n this.userPostsDataService.saveUserPostsData(formData).subscribe(data => {\r\n if (data.type === HttpEventType.DownloadProgress) {\r\n let percentDone: number = Math.round(100 + data.loaded / data.total);\r\n if (percentDone > 100) {\r\n percentDone = 100;\r\n }\r\n else if (percentDone < 0) {\r\n percentDone = 0;\r\n }\r\n } else if (data instanceof HttpResponse) {\r\n let loadedData: number = data.body;\r\n //var x = loadedData;\r\n\r\n //this.ProfileIconImage = this.UserPostsData.\r\n\r\n //this.FraudIncidentData = data.body.map(x => Object.assign({}, x));\r\n\r\n //this.FraudIncidentData.forEach((elem: any) => {\r\n //console.log(elem);\r\n //});\r\n\r\n }\r\n })\r\n };\r\n\r\n savePost(): void {\r\n\r\n this.UserPostsDataContent.UserID = this.UserID;\r\n this.UserPostsDataContent.PostType = 1;\r\n this.UserPostsDataContent.PublishDate = new Date() // Date is set at the time of submission\r\n if (this.selectedFile.name.length > 0) {\r\n this.UserPostsDataContent.FileName = this.selectedFile.name;\r\n this.UserPostsDataContent.VideoMimeType = this.selectedFile.type;\r\n }\r\n\r\n const formData = new FormData();\r\n\r\n formData.append('postData', JSON.stringify(this.UserPostsDataContent)); // Serialize your object into a JSON string\r\n if (this.selectedFile) {\r\n formData.append('file', this.selectedFile, this.selectedFile.name);\r\n }\r\n\r\n this.userPostsDataService.savePost(formData, this.UserID).subscribe(\r\n () => console.log(\"Post saved successfully.\"),\r\n error => console.error(\"Error saving post\", error)\r\n );\r\n }\r\n\r\n // Method to trigger the file input click event\r\n triggerFileUpload(): void {\r\n document.getElementById('videoUpload')!.click();\r\n }\r\n\r\n checkVideo(event: any): void {\r\n this.selectedFile = event.target.files[0];\r\n\r\n if (!this.selectedFile) {\r\n return;\r\n }\r\n\r\n const fileType = this.selectedFile.type;\r\n\r\n //if (this.selectedFile) {\r\n // Handle videos\r\n if (this.selectedFile.type.startsWith('video/')) {\r\n // Check the file type\r\n if (this.selectedFile.type !== 'video/mp4' && this.selectedFile.type !== 'video/quicktime') {\r\n alert('Unsupported video format. Please upload a MP4 or MOV file.');\r\n return;\r\n }\r\n\r\n // Load the file into a video element to check duration\r\n const video = document.createElement('video');\r\n video.preload = 'metadata';\r\n\r\n video.onloadedmetadata = () => {\r\n window.URL.revokeObjectURL(video.src);\r\n const duration = video.duration;\r\n\r\n if (duration > 120) { // Check if video is longer than 2 minutes\r\n alert('Video is too long. Maximum allowed duration is 2 minutes.');\r\n } else {\r\n alert('Video is valid. Duration: ' + duration + ' seconds.');\r\n // Proceed with further processing like uploading\r\n }\r\n };\r\n\r\n video.onerror = () => {\r\n alert('Unable to load the video for validation.');\r\n };\r\n\r\n video.src = URL.createObjectURL(this.selectedFile);\r\n\r\n return; // Exit function after handling video\r\n }\r\n\r\n // Handle images\r\n if (this.selectedFile.type.startsWith('image/')) {\r\n // Image-specific processing logic here\r\n\r\n if (this.selectedFile.type === 'image/gif') {\r\n alert('GIF file selected.');\r\n // Additional GIF-specific checks can go here\r\n } else {\r\n alert('Image file selected.');\r\n }\r\n\r\n // Proceed with further processing like uploading\r\n }\r\n }\r\n\r\n uploadVideo(file: File): void {\r\n const formData = new FormData();\r\n formData.append('video', file);\r\n\r\n //this.http.post('https://yourserver.com/upload', formData).subscribe(\r\n // response => {\r\n // console.log('Upload successful', response);\r\n // },\r\n // error => {\r\n // console.error('Upload failed', error);\r\n // }\r\n //);\r\n }\r\n\r\n openQuoteModal(postData: any): void {\n const modalRef = this.modalService.open(QuoteModalComponent, {\r\n //windowClass: \"myCustomModalClass\",\r\n keyboard: false,\r\n backdrop: 'static',\r\n size: 'lg'\r\n });\r\n //modalRef.componentInstance.registrationModalRef = this;\r\n\n modalRef.componentInstance.postData = postData;\n modalRef.componentInstance.postQuote.subscribe((comment: string) => {\n if (comment.length > 0) {\n // Handle the quote with the comment\n console.log('Comment to post:', comment);\n // Add your saveRePost logic here\n this.saveRePost(postData.TSID, '2', postData.Reactions.repostSelected, '2', comment);\n }\n else {\n this.saveRePost(postData.TSID, '2', postData.Reactions.repostSelected, '1', null);\n }\n });\n\n }\r\n\r\n openScoreModal(postData: any): void {\n const modalRef = this.modalService.open(ScoreModalComponent, {\r\n //windowClass: \"myCustomModalClass\",\r\n keyboard: false,\r\n backdrop: 'static',\r\n size: 'lg'\r\n });\r\n //modalRef.componentInstance.registrationModalRef = this;\r\n\n modalRef.componentInstance.postData = postData;\n\n }\r\n\r\n navigateToPost(username: string, postId: number): void {\n this.router.navigate([`${username}/posts/${postId}`]);\n }\r\n\r\n navigateToPage() {\r\n // changes the route without moving from the current view or\r\n // triggering a navigation event,\r\n this.router.navigate(['/dashboard_login'], {\r\n relativeTo: this.route,\r\n //queryParams: {\r\n // stateIDParams: '1'\r\n //},\r\n // preserve the existing query params in the route\r\n //queryParamsHandling: 'merge',\r\n\r\n // do not trigger navigation\r\n skipLocationChange: true\r\n\r\n });\r\n }\r\n\r\n testToastr(): void {\n this.toastr.success('Toastr is working!');\n }\r\n\r\n}\r\n","\r\n \n
\n \n \r\n
\n\n \n
\n
\n
\n
\n
\n
Fetch and Save Tweets \n
\n\n
\n\n
\n
\r\n
\n
\n
Everyone can reply
\n
\n
\n
\n
\n \r\n
\n
\n \r\n \n \r\n \n \n
\n
\n
\n
\n
\n Post \n
\n
\n\n\n
\n
\n
\n\n
\r\n
\r\n
\r\n\n \n \n
\n
\n\n
\n
\n
\n
\n
\n
\n
\n\t\t\t\t\t\t\t\t\t\t\t\t
{{postData.PostTitle}} \r\n
\r\n \n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n\r\n\r\n
\n \r\n
{{ postData.Reactions.Replies }} \r\n
\r\n \r\n {{ postData.Reactions.Reposts }} \r\n\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
{{ postData.Reactions.Likes }} \r\n\r\n\r\n
\n \r\n\r\n \r\n
\n
\n \r\n
\r\n \n \n\r\n
\n \r\n \n
\n\n
\n
\n
\n
\n
\n
\n\t\t\t\t\t\t\t\t\t\t\t\t
{{postData.PostTitle}} \r\n
\r\n\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n\r\n\r\n
\n \r\n
{{ postData.Reactions.Replies }} \r\n
\r\n \r\n {{ postData.Reactions.Reposts }} \r\n\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
{{ postData.Reactions.Likes }} \r\n\r\n \r\n
\n
\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\n \n \n\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\t\t\t\t\t\t\t\t\t\t\t\t
{{postData.PostTitle}} \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\n \n
\n \r\n \r\n \r\n \r\n \r\n Your browser does not support the video tag.\r\n \r\n
\r\n \r\n
\r\n
\r\n \n \n
\n
\n
\n
\r\n\r\n\r\n\r\n
\n \r\n
{{ postData.Reactions.Replies }} \r\n
\r\n \r\n {{ postData.Reactions.Reposts }} \r\n\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
{{ postData.Reactions.Likes }} \r\n\r\n \r\n
\n
\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\n \n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n\t\t\t\t\t\t\t\t\t\t\t\t
{{postData.PostTitle}} \r\n
\n\n \n \n
\n \n \n
\n \n \n \n \n \r\n \n \n
\n \r\n \r\n\r\n \r\n\r\n \n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\n
\n \r\n
{{ postData.Reactions.Replies }} \r\n
\r\n \r\n {{ postData.Reactions.Reposts }} \r\n\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
{{ postData.Reactions.Likes }} \r\n\r\n
\n
\n \r\n\r\n
\r\n
\n Loading more posts...\n
\t\t\t\t\t\t\t\t\r\n
\n\n
\n
\n \n
\n
\n
\n
\n
\n
\n
Trends for you
\n
\n
\n
Trending in Pakistan
\n
\n
\n
\n
\n
\n
\n
Nawaz Sharif
\n
12.7k Tweets
\n
\n
\n\n
\n
\n
Technology . Trending
\n
\n
\n
\n
\n
\n
\n
#TikTok
\n
101k Tweets
\n
\n
\n\n
\n
\n
Trending in Pakistan
\n
\n
\n
\n
\n
\n\n
\n
\n
Trending in Pakistan
\n
\n
\n
\n
\n
\n
\n
#Bajwa
\n
8,104 Tweets
\n
\n
\n\n
\n
\n
Trending in Pakistan
\n
\n
\n
\n
\n
\n\n
\n
\n
Trending in Pakistan
\n
\n
\n
\n
\n
\n
\n
#dollarvsrupee
\n
2,449 Tweets
\n
\n
\n\n
Show more \n
\n
\n
\n
\n\n
\n
\n
([]); // Observable stream for posts\r\n private reactionsSubject = new BehaviorSubject(null); // For reactions\r\n\r\n constructor(\r\n private http: HttpClient\r\n ) {\r\n\r\n }\r\n\r\n sendVerificationCode(toEmail: string, toName: string, emailBody: string): Observable {\r\n const headers = new HttpHeaders({ 'Content-Type': 'application/json' });\r\n\r\n // Create request body with toEmail, toName, emailBody\r\n const body = {\r\n ToEmail: toEmail,\r\n ToName: toName,\r\n EmailBody: emailBody\r\n };\r\n\r\n return this.http.post(RegistrationUrls.RequestVerificationCode, body, { headers });\r\n\r\n }\r\n\r\n}\r\n","import { Component, Input, Output, EventEmitter } from '@angular/core';\r\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { UserPostsDataService } from '../../../services/posts.service';\r\nimport { QuoteModalComponent } from '../../../modals/quote-modal/quote-modal.component';\r\nimport { ScoreModalComponent } from '../../../modals/score-modal/score-modal.component';\r\n\r\n@Component({\r\n selector: 'app-reactions',\r\n templateUrl: './reactions.component.html',\r\n styleUrls: ['./reactions.component.css']\r\n})\r\nexport class ReactionsComponent {\r\n @Input() postData: any;\r\n @Input() UserID: number;\r\n @Output() reactionsUpdated = new EventEmitter();\r\n\r\n isDropdownOpen = false;\r\n\r\n constructor(\r\n private userPostsDataService: UserPostsDataService,\r\n private modalService: NgbModal\r\n ) { }\r\n\r\n toggleReaction(postId: number, type: '1' | '2' | '3'): void {\r\n this.userPostsDataService.toggleReaction(postId, this.UserID, type).subscribe(updatedReactions => {\r\n this.postData.Reactions = updatedReactions;\r\n this.reactionsUpdated.emit(updatedReactions);\r\n }, error => {\r\n console.error('Error toggling reaction:', error);\r\n });\r\n }\r\n\r\n saveRePost(postId: number, type: '1' | '2' | '3', repostSelected: boolean, repostType: string, comment: string): void {\r\n this.userPostsDataService.saveUserRePostsData(postId, this.UserID, type, comment, repostSelected).subscribe(updatedReactions => {\r\n this.postData.Reactions = updatedReactions;\r\n this.reactionsUpdated.emit(updatedReactions);\r\n this.isDropdownOpen = false; // Close the dropdown menu\r\n }, error => {\r\n console.error('Error saving repost:', error);\r\n });\r\n }\r\n\r\n openQuoteModal(postData: any): void {\r\n const modalRef = this.modalService.open(QuoteModalComponent, {\r\n keyboard: false,\r\n backdrop: 'static',\r\n size: 'lg'\r\n });\r\n\r\n modalRef.componentInstance.postData = postData;\r\n modalRef.componentInstance.postQuote.subscribe((comment: string) => {\r\n if (comment.length > 0) {\r\n this.saveRePost(postData.TSID, '2', postData.Reactions.repostSelected, '2', comment);\r\n } else {\r\n this.saveRePost(postData.TSID, '2', postData.Reactions.repostSelected, '1', null);\r\n }\r\n });\r\n }\r\n\r\n openScoreModal(postData: any): void {\r\n const modalRef = this.modalService.open(ScoreModalComponent, {\r\n keyboard: false,\r\n backdrop: 'static',\r\n size: 'lg'\r\n });\r\n\r\n modalRef.componentInstance.postData = postData;\r\n }\r\n\r\n toggleDropdown(): void {\r\n this.isDropdownOpen = !this.isDropdownOpen;\r\n }\r\n}\r\n","\r\n\r\n \r\n{{ postData.Reactions.Replies }} \r\n\r\n\r\n \r\n {{ postData.Reactions.Reposts }} \r\n \r\n
\r\n\r\n\r\n \r\n \r\n \r\n{{ postData.Reactions.Likes }} \r\n\r\n\r\n \r\n","// src/app/validators/phone-email.validator.ts\r\nimport { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\r\n\r\nexport function emailValidator(): ValidatorFn {\r\n return (control: AbstractControl): ValidationErrors | null => {\r\n if (!control.value) {\r\n return null; // if the control has no value, return no error\r\n }\r\n\r\n const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/;\r\n\r\n const isEmailValid = emailPattern.test(control.value);\r\n\r\n return isEmailValid ? null : { invalidEmail: true };\r\n };\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpParams, HttpEventType, HttpClient, HttpHeaders, HttpRequest, HttpResponse } from '@angular/common/http';\r\nimport { Observable, Subject, BehaviorSubject, ReplaySubject, forkJoin, throwError } from 'rxjs';\r\n\r\nimport { PostsDataUrls } from '../global.urls';\r\nimport * as Classes from '../classes/models.classes';\r\nimport { ShortsPostSave } from '../interfaces/models.interfaces';\r\nimport { tap } from 'rxjs/operators';\r\n\r\n//import { Http } from '@angular/http';\r\n\r\n@Injectable({\r\n providedIn: 'any'\r\n})\r\nexport class UserPostsDataService {\r\n lcl_params: Classes.UserID_Params;\r\n private postsSubject = new BehaviorSubject([]); // Observable stream for posts\r\n private reactionsSubject = new BehaviorSubject(null); // For reactions\r\n\r\n constructor(\r\n private http: HttpClient) {\r\n\r\n }\r\n\r\n loadUserPostsData(UserID: number) {\r\n let requestHeaders: HttpHeaders = new HttpHeaders();\r\n requestHeaders = requestHeaders.append('Content-Type', 'application/json');\r\n\r\n //let params = new HttpParams();\r\n\r\n //params.append(\"UserID\", UserID);\r\n //params.append(\"CategoryID\", CategoryID.toString());\r\n\r\n this.lcl_params = new Classes.UserID_Params();\r\n\r\n this.lcl_params.UserID = UserID;\r\n\r\n let getUserPostsDataRequest: HttpRequest = new HttpRequest('POST', PostsDataUrls.GetUserPosts, this.lcl_params, {\r\n //let getFraudIncidentDataRequest: HttpRequest = new HttpRequest('POST', VoterFraudDataUrls.Get_Incidents, VoterFraudIncidentData, {\r\n //let getFraudIncidentDataRequest = new HttpRequest('GET', VoterFraudDataUrls.Get_Incidents, '', {\r\n reportProgress: true,\r\n headers: requestHeaders\r\n //params: params\r\n });\r\n\r\n return this.http.request>(getUserPostsDataRequest);\r\n\r\n }\r\n\r\n getDashboardPosts(userID: number, currentPage: number, pageSize: number, postTypes?: number[]): Observable {\r\n const headers = new HttpHeaders({ 'Content-Type': 'application/json' });\r\n\r\n // Create request body with userID\r\n const body = { userID, currentPage, pageSize, postTypes };\r\n\r\n return this.http.post(PostsDataUrls.GetDashboardPosts, body, { headers })\r\n .pipe(tap(posts => this.postsSubject.next(posts))); // Update the posts stream\r\n }\r\n\r\n getPosts(userID: number, currentPage: number, pageSize: number, postTypes?: number[]): Observable {\r\n const headers = new HttpHeaders({ 'Content-Type': 'application/json' });\r\n\r\n // Create request body with userID\r\n const body = { userID, currentPage, pageSize, postTypes };\r\n\r\n return this.http.post(PostsDataUrls.GetUserPosts, body, { headers })\r\n .pipe(tap(posts => this.postsSubject.next(posts))); // Update the posts stream\r\n }\r\n\r\n getReplyPosts(userID: number, postID: number, currentPage: number, pageSize: number, postTypes?: number[]): Observable {\r\n const headers = new HttpHeaders({ 'Content-Type': 'application/json' });\r\n\r\n // Create request body with userID\r\n const body = { userID, postID, currentPage, pageSize, postTypes };\r\n\r\n return this.http.post(PostsDataUrls.GetUserReplyPosts, body, { headers })\r\n .pipe(tap(posts => this.postsSubject.next(posts))); // Update the posts stream\r\n }\r\n\r\n getPostsObservable(): Observable {\r\n return this.postsSubject.asObservable(); // Return posts as an observable stream\r\n }\r\n\r\n getPost(userID: number, postID: number): Observable {\r\n const headers = new HttpHeaders({ 'Content-Type': 'application/json' });\r\n\r\n // Create request body with userID\r\n const body = { userID, postID };\r\n\r\n return this.http.post(PostsDataUrls.GetUserPost, body, { headers }); \r\n }\r\n\r\n getReactions(postId: number): Observable {\r\n const headers = new HttpHeaders({ 'Content-Type': 'application/json' });\r\n const body = { postId };\r\n return this.http.post(`${PostsDataUrls.GetReactions}`, body, { headers })\r\n .pipe(tap(reactions => this.reactionsSubject.next(reactions)));\r\n }\r\n\r\n toggleReaction(postId: number, userId: number, reactionType: string): Observable {\r\n const headers = new HttpHeaders({ 'Content-Type': 'application/json' });\r\n const body = { postId, userId, reactionType };\r\n return this.http.post(PostsDataUrls.ToggleReaction, body, { headers })\r\n .pipe(tap(reactions => this.reactionsSubject.next(reactions)));\r\n }\r\n\r\n saveUserRePostsData(postId: number, userId: number, reactionType: string, postContent: string, active: boolean): Observable {\r\n const headers = new HttpHeaders({ 'Content-Type': 'application/json' });\r\n const body = { postId, userId, reactionType, postContent, active };\r\n return this.http.post(PostsDataUrls.SaveUserRePosts, body, { headers })\r\n .pipe(tap(reactions => this.reactionsSubject.next(reactions)));\r\n }\r\n\r\n //saveQuotePost(postData: any, comment: string, file: File | null): Observable {\n // const formData = new FormData();\n // formData.append('postData', JSON.stringify(postData));\n // //formData.append('comment', comment);\n // if (file) {\n // formData.append('file', file);\n // }\n // return this.http.post(PostsDataUrls.SaveQuotePost, formData);\n //}\r\n\r\n getReactionsObservable(): Observable {\r\n return this.reactionsSubject.asObservable();\r\n }\r\n\r\n //saveUserPostsData(UserPostsDataContent: ShortsPostSave) {\r\n saveUserPostsData(UserPostsDataContent: FormData) {\r\n //let requestHeaders: HttpHeaders = new HttpHeaders();\r\n //requestHeaders = requestHeaders.append('Content-Type', 'application/json');\r\n\r\n //this.lcl_params = new Classes.UserID_Params();\r\n\r\n let saveUserPostsDataRequest: HttpRequest = new HttpRequest('POST', PostsDataUrls.SaveUserPosts, UserPostsDataContent, {\r\n reportProgress: true,\r\n //headers: requestHeaders\r\n });\r\n\r\n //return this.http.request>(saveUserPostsDataRequest);\r\n\r\n // Use HttpClient to send the request\r\n //return this.http.request(saveUserPostsDataRequest);\r\n return this.http.request(saveUserPostsDataRequest);\r\n }\r\n\r\n saveQuotePost(UserPostsDataContent: FormData) {\r\n\r\n let saveUserPostsDataRequest: HttpRequest = new HttpRequest('POST', PostsDataUrls.SaveQuotePost, UserPostsDataContent, {\r\n reportProgress: true,\r\n });\r\n\r\n // Use HttpClient to send the request\r\n return this.http.request(saveUserPostsDataRequest);\r\n }\r\n\r\n\r\n savePost(UserPostsDataContent: FormData, UserID: number): Observable {\r\n //const formData = new FormData();\r\n //formData.append('postData', JSON.stringify(postData)); // Serialize text data\r\n //if (postData.videoFile) {\r\n // formData.append('file', postData.videoFile, postData.videoFile.name); // Append video file if present\r\n //}\r\n\r\n\r\n //var UserID = UserPostsDataContent[\"UserID\"].ToString();\r\n // TODO. Check to see if this is pulling the correct UserID. MB 6/7/24\r\n\r\n return this.http.post(PostsDataUrls.SaveUserPosts, UserPostsDataContent)\r\n .pipe(tap(() => this.refreshPosts(UserID))); // Refresh posts after a successful save\r\n }\r\n\r\n private refreshPosts(userID: number): void {\r\n this.getPosts(userID,1,10).subscribe(); // Refresh posts by fetching new ones and updating the stream\r\n }\r\n\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ScoreService } from '../../../services/scores.service';\r\n\r\n\r\n@Component({\r\n selector: 'app-truth-score',\r\n templateUrl: './truth-score.component.html',\r\n styleUrls: ['./truth-score.component.css']\r\n})\r\nexport class TruthScoreComponent implements OnInit {\r\n truthScore = 10;\r\n freedomScoreDescription = '';\r\n truthScoreDescription = '';\r\n politicalScoreDescription = '';\r\n objectivityScoreDescription = '';\r\n\r\n maxGroups = 3;\r\n truthScoreDetails = [{ link: '', linkType: '', reason: '' }];\r\n\r\n constructor(\r\n //public activeModal: NgbActiveModal,\r\n //private fb: FormBuilder,\r\n private scoreService: ScoreService\r\n ) { }\r\n\r\n ngOnInit(): void {\n this.updateScoreDescription('truth', this.truthScore);\n }\r\n\r\n onTruthScoreChange(newScore: number): void {\r\n this.truthScore = newScore;\n this.updateScoreDescription('truth', newScore);\n }\r\n\r\n updateScoreDescription(type: string, value: number): void {\n this.scoreService.getScoreDescription(type, value).subscribe(description => {\n if (type === 'freedom') {\n this.freedomScoreDescription = description;\n } else if (type === 'truth') {\n this.truthScoreDescription = description;\n } else if (type === 'political') {\n this.politicalScoreDescription = description;\n } else if (type === 'objectivity') {\n this.objectivityScoreDescription = description;\n }\n });\n //this.updateSliderThumbValue();\n }\r\n\r\n addGroup(): void {\r\n if (this.scoreService.truthScoreDetails.length < this.maxGroups) {\r\n this.scoreService.truthScoreDetails.push({ link: '', linkType: '', reason: '' });\r\n }\r\n }\r\n\r\n removeGroup(index: number): void {\r\n //this.truthScoreDetails.splice(index, 1);\r\n this.scoreService.truthScoreDetails.splice(index, 1);\n }\r\n}\r\n"," Truth Score \n {{ truthScoreDescription }}
\n\n \n \n
\n Supporting Link \n
\n
\n Link Type \n \n Facebook \n Twitter \n Website \n \n
\n
\n Score Reason \n \n
\n
1\">- \n
+ \n","import { Injectable, OnDestroy, HostListener } from '@angular/core';\r\nimport { Router, ActivatedRoute, NavigationStart } from '@angular/router';\r\nimport { Observable, Subject, timer, fromEvent, Subscription } from 'rxjs';\r\nimport { filter, switchMap, takeUntil } from 'rxjs/operators';\r\nimport { throttleTime } from 'rxjs/operators';\r\n\r\nimport { GlobalService } from '../services/global.service';\r\nimport { UserService } from '../services/user.service';\r\nimport { SessionService } from '../services/session.service';\r\n\r\n@Injectable({\r\n providedIn: 'any'\r\n})\r\nexport class InactivityTimeoutService implements OnDestroy {\r\n private readonly inactivityTimeoutMs = 300000; // 5 minutes inactivity timeout\r\n private readonly inactivityThrottleMs = 30000; // 30 Seconds for now. Make it 5 minutes after going live and extending the application timeout.\r\n // TODO\r\n private inactivityTimer$: Observable;\r\n private destroy$ = new Subject();\r\n\r\n private inactivityTimerSubscription: Subscription;\r\n private userActivitySubscription: Subscription;\r\n private readonly defaultInactivityTimeoutMs = 300000; // 5 minutes inactivity timeout as a default\r\n\r\n constructor(\r\n private globalService: GlobalService,\r\n private sessionService: SessionService,\r\n private authService: UserService,\r\n private route: ActivatedRoute,\r\n private router: Router\r\n ) {\r\n this.watchUserActivity();\r\n }\r\n\r\n /*\r\n \r\n initializeTimer(): void {\r\n //const expiration = localStorage.getItem('expiration');\r\n const expiration = this.sessionService.getExpiration;\r\n\r\n if (expiration) {\r\n //const expirationDate = new Date(expiration);\r\n this.sessionService.getExpiration().subscribe(expiration => {\r\n if (expiration) {\r\n const expirationDate = new Date(expiration);\r\n // Do whatever you need with the expirationDate here\r\n //console.log('Expiration Date:', expirationDate);\r\n const now = new Date();\r\n if (expirationDate > now) {\r\n // Calculate time left until token expires\r\n const timeoutMs = expirationDate.getTime() - now.getTime();\r\n this.startTimer(Math.min(timeoutMs, this.defaultInactivityTimeoutMs));\r\n } else {\r\n // Token has expired\r\n this.handleSessionExpired();\r\n }\r\n\r\n }\r\n });\r\n\r\n } else {\r\n // Expiration not set, redirect to login\r\n this.router.navigateByUrl('/dashboard_login');\r\n }\r\n }\r\n\r\n*/\r\n\r\n initializeTimer(): void {\r\n //console.log('Timer initialized');\r\n this.sessionService.getExpiration().subscribe(expiration => {\r\n if (expiration) {\r\n const expirationDate = new Date(expiration);\r\n const now = new Date();\r\n if (expirationDate > now) {\r\n // Calculate time left until token expires\r\n const timeoutMs = expirationDate.getTime() - now.getTime();\r\n this.startTimer(Math.min(timeoutMs, this.defaultInactivityTimeoutMs));\r\n } else {\r\n // Token has expired\r\n this.handleSessionExpired();\r\n }\r\n } else {\r\n // Expiration not set or token has expired, redirect to login\r\n this.router.navigateByUrl('/dashboard_login');\r\n }\r\n }, error => {\r\n console.error('Error fetching expiration', error);\r\n this.router.navigateByUrl('/dashboard_login');\r\n });\r\n }\r\n\r\n private startTimer(timeoutMs: number): void {\r\n this.inactivityTimerSubscription?.unsubscribe(); // Clear any previous timer\r\n this.inactivityTimerSubscription = timer(timeoutMs).subscribe(() => {\r\n this.handleSessionExpired();\r\n });\r\n // Reset timer on user activity\r\n this.resetTimerOnActivity();\r\n }\r\n\r\n private handleSessionExpired(): void {\r\n localStorage.removeItem('expiration'); // Clean up\r\n localStorage.removeItem('userID');\r\n localStorage.removeItem('username');\r\n localStorage.removeItem('userImg');\r\n localStorage.removeItem('userBannerImg');\r\n this.authService.logout();\r\n this.router.navigateByUrl('/dashboard_login');\r\n }\r\n\r\n private watchUserActivity(): void {\n const mouseMove$ = fromEvent(window, 'mousemove');\n const keyPress$ = fromEvent(window, 'keypress');\n\n this.userActivitySubscription = mouseMove$.pipe(\n throttleTime(this.inactivityThrottleMs) // Example: throttle mouse events to prevent too frequent resets\n ).subscribe(() => this.resetTimerOnActivity());\n\n this.userActivitySubscription.add(\n keyPress$.subscribe(() => this.resetTimerOnActivity())\n );\n }\r\n\r\n //startTimer(): void {\r\n // this.inactivityTimer$ = timer(this.inactivityTimeoutMs).pipe(\r\n // takeUntil(this.destroy$)\r\n // );\r\n\r\n // this.inactivityTimer$.subscribe(() => {\r\n // // Timeout action: Perform logout or redirect to login page\r\n // this.authService.logout();\r\n // });\r\n\r\n // // Reset timer on user activity\r\n // this.resetTimerOnActivity();\r\n //}\r\n\r\n resetTimerOnActivity(): void {\r\n // Listen to router navigation events to detect user activity\r\n this.router.events.pipe(\r\n filter(event => event instanceof NavigationStart),\r\n switchMap(() => timer(this.inactivityTimeoutMs))\r\n ).subscribe(() => {\r\n // Reset timer on user activity\r\n this.initializeTimer();\r\n });\r\n\r\n // You can add additional event listeners for other types of user activity\r\n }\r\n\r\n //resetTimer(): void {\r\n // // Reset the timer by unsubscribing and resubscribing\r\n\r\n // this.destroy$.next();\r\n // this.destroy$.complete();\r\n // this.destroy$ = new Subject();\r\n // this.startTimer();\r\n //}\r\n\r\n expireToken(): void {\r\n this.authService.logout();\r\n }\r\n\r\n @HostListener('window:mousemove', ['$event'])\r\n @HostListener('window:keypress', ['$event'])\r\n handleUserActivity(): void {\r\n this.initializeTimer();\r\n }\r\n\r\n\n ngOnDestroy(): void {\n if (this.userActivitySubscription) {\n this.userActivitySubscription.unsubscribe();\n }\n }\r\n\r\n\r\n}\r\n","// src/app/validators/phone-email.validator.ts\r\nimport { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\r\n\r\nexport function phoneValidator(): ValidatorFn {\r\n return (control: AbstractControl): ValidationErrors | null => {\r\n if (!control.value) {\r\n return null; // if the control has no value, return no error\r\n }\r\n\r\n const phonePattern = /^\\(?([0-9]{3})\\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/;\r\n\r\n const isPhoneValid = phonePattern.test(control.value);\r\n\r\n return isPhoneValid ? null : { invalidPhone: true };\r\n };\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpParams, HttpEventType, HttpClient, HttpHeaders, HttpRequest, HttpResponse } from '@angular/common/http';\r\nimport { tap } from 'rxjs/operators';\r\nimport { Observable, Subject, BehaviorSubject, ReplaySubject, forkJoin, throwError, of } from 'rxjs';\r\nimport { map, catchError } from 'rxjs/operators';\r\n\r\nimport { Router, ActivatedRoute, NavigationStart } from '@angular/router';\r\n\r\nimport * as URLs from '../global.urls';\r\nimport { GlobalService } from '../services/global.service';\r\nimport { SessionService } from '../services/session.service';\r\nimport * as Classes from '../classes/models.classes';\r\n\r\n//import { Http } from '@angular/http';\r\n\r\n@Injectable({\r\n providedIn: 'any'\r\n})\r\nexport class UserService {\r\n lcl_params: Classes.UserID_Params;\r\n //private readonly tokenKey = 'auth_token';\r\n private inactivityTimeout: any;\r\n\r\n private isAuthenticated = new BehaviorSubject(false);\r\n\r\n isAuthenticated$ = this.isAuthenticated.asObservable();\r\n\r\n constructor(\r\n private globalService: GlobalService,\r\n private sessionService: SessionService,\r\n private http: HttpClient,\r\n private route: ActivatedRoute,\r\n private router: Router\r\n ) {\r\n this.checkAuthentication();\r\n }\r\n\r\n login(username: string, password: string): Observable {\r\n //return this.http.post(URLs.UserUrls.CheckLogin, { username, password });\r\n return this.http.post(URLs.UserUrls.CheckLogin, { username, password }).pipe(\r\n tap(response => {\r\n this.sessionService.setExpiration(response.expiration);\r\n this.sessionService.setUserID(response.userID);\r\n this.sessionService.setUsername(response.username);\r\n this.sessionService.setUserImg(response.userImg);\r\n this.sessionService.setUserBannerImg(response.userBannerImg);\r\n })\r\n );\r\n }\r\n\r\n checkAuthentication2(): Observable {\r\n return this.http.get(URLs.UserUrls.CheckToken).pipe(\r\n map(response => response.authenticated), // Directly map to the `authenticated` boolean\r\n catchError(error => {\r\n console.error('Error checking authentication', error);\r\n return of(false); // Ensure it returns an Observable\r\n })\r\n );\r\n }\r\n\r\n checkAuthentication(): Observable {\r\n return this.http.get(URLs.UserUrls.CheckToken, { observe: 'response' })\r\n .pipe(\r\n map(response => response.status === 200),\r\n catchError(error => {\r\n if (error.status === 401) {\r\n // Unauthorized access\r\n console.error('Authentication failed', error);\r\n return of(false);\r\n } else {\r\n // Handle other types of errors\r\n console.error('Error checking authentication', error);\r\n return throwError(error);\r\n }\r\n })\r\n );\r\n }\r\n\r\n\r\n registerUser(formData: any): Observable {\r\n return this.http.post(URLs.UserUrls.AddNewUser, formData);\r\n }\r\n\r\n logout(): void {\r\n\r\n this.http.post(URLs.UserUrls.Logout, {}).subscribe(() => {\r\n this.isAuthenticated.next(false);\r\n // Redirect to login or home page\r\n this.sessionService.clearSession;\r\n\r\n this.router.navigate(['/dashboard_login'], {\r\n relativeTo: this.route,\r\n\r\n // do not trigger navigation\r\n //skipLocationChange: true\r\n\r\n });\r\n });\r\n\r\n // Using HTTP-only tokens for Authentication so localStorage not necessary anymore.\r\n\r\n // Clear JWT token from local storage\r\n //localStorage.removeItem(GlobalService.tokenName);\r\n\r\n // Perform additional logout cleanup actions if needed\r\n\r\n // Clear token ('jwtToken') from storage or mark as expired\r\n //localStorage.removeItem(GlobalService.tokenName);\r\n\r\n\r\n\r\n\r\n // Redirect to login page or perform other actions\r\n this.router.navigate(['/dashboard_login'], {\r\n relativeTo: this.route,\r\n\r\n // do not trigger navigation\r\n //skipLocationChange: true\r\n\r\n });\r\n\r\n }\r\n\r\n getUserProfile(userName: string): Observable {\n const params = new HttpParams().set('userName', userName);\n return this.http.get(URLs.UserUrls.GetUserProfile, { params });\n }\r\n\r\n followUser(userName: string): Observable {\n const body = { userName }; // Preparing the body data \n return this.http.post(URLs.UserUrls.FollowUser, body);\n }\r\n\r\n // Method to start the inactivity timeout\r\n startInactivityTimeout(timeout: number): void {\r\n clearTimeout(this.inactivityTimeout);\r\n this.inactivityTimeout = setTimeout(() => {\r\n // Expire token or perform other actions on timeout\r\n this.expireToken();\r\n }, timeout);\r\n }\r\n\r\n // Method to reset the inactivity timeout\r\n resetInactivityTimeout(timeout: number): void {\r\n this.startInactivityTimeout(timeout);\r\n }\r\n\r\n // Method to expire the token\r\n expireToken(): void {\r\n this.logout();\r\n }\r\n\r\n // Method to handle user activity\r\n handleUserActivity(timeout: number): void {\r\n this.resetInactivityTimeout(timeout);\r\n }\r\n\r\n getToken(): string | null {\r\n // Retrieve JWT token from local storage\r\n return localStorage.getItem(GlobalService.tokenName);\r\n }\r\n\r\n isTokenExpired(): boolean {\r\n const token = this.getToken();\r\n if (!token) {\r\n // Token not found or expired\r\n return true;\r\n }\r\n\r\n // Extract expiration time from JWT token payload\r\n const expirationTime = this.getExpirationTime(token);\r\n\r\n // Calculate remaining time until expiration\r\n const currentTime = Math.floor(Date.now() / 1000); // Convert milliseconds to seconds\r\n const expiresIn = expirationTime - currentTime;\r\n\r\n // Return true if token has expired, false otherwise\r\n return expiresIn <= 0;\r\n }\r\n\r\n private getExpirationTime(token: string): number {\r\n // Extract expiration time (exp) from JWT token payload\r\n const payload = this.parseJwt(token);\r\n return payload ? payload.exp : 0;\r\n }\r\n\r\n private parseJwt(token: string): any {\r\n // Parse JWT token payload (base64url-encoded JSON)\r\n try {\r\n return JSON.parse(atob(token.split('.')[1]));\r\n } catch (e) {\r\n return null;\r\n }\r\n }\r\n\r\n}\r\n","'use strict'\r\n\r\nexport class VoterFraudDataUrls {\r\n static Get_Incidents: string = \"api_voter/VoterFraudIncident/Get_Incidents\";\r\n}\r\n\r\nexport class PostsDataUrls {\r\n \r\n static GetDashboardPosts: string = \"api_posts/UserPosts/GetDashboardPosts\";\r\n static GetUserPosts: string = \"api_posts/UserPosts/GetUserPosts\";\r\n static GetUserReplyPosts: string = \"api_posts/UserPosts/GetUserReplyPosts\";\r\n static GetUserPost: string = \"api_posts/UserPosts/GetUserPost\";\r\n static SaveUserPosts: string = \"api_posts/UserPosts/SaveUserPosts\";\r\n static SaveUserRePosts: string = \"api_posts/UserPosts/SaveUserRePosts\";\r\n static SaveQuotePost: string = \"api_posts/UserPosts/SaveQuotePost\";\r\n static GetReactions: string = \"api_posts/UserPosts/reactions\";\r\n static ToggleReaction: string = \"api_posts/UserPosts/ToggleReaction\";\r\n}\r\n\r\nexport class UserUrls {\r\n\r\n static CheckLogin: string = \"api/user/Login\";\r\n static Logout: string = \"api/user/Logout\";\r\n static CheckToken: string = \"api/user/CheckToken\";\r\n static AddNewUser: string = \"api/user/AddNewUser\"; \r\n static GetUserProfile: string = \"api/user/GetUserProfile\";\r\n static FollowUser: string = \"api/user/FollowUser\";\r\n}\r\n\r\nexport class ScoresUrls {\r\n\r\n static Categories: string = \"api_scores/Categories\";\r\n static ScoreDescriptions: string = \"api_scores/Score-descriptions\";\r\n static EntitiesSearch: string = \"api_scores/Entities/Search\";\r\n static Scores: string = \"api_scores/SaveScores\";\r\n}\r\n\r\nexport class ContentAnalysis {\r\n\r\n static AnalyzeContent: string = \"api/content/AnalyzeContent\";\r\n static FetchMetaTags: string = \"api/content/FetchMetaTags\";\r\n}\r\n\r\nexport class SocialMedia {\r\n\r\n static FetchAndSaveTweets: string = \"api/twitter/FetchAndSaveTweets\";\r\n}\r\n\r\nexport class RegistrationUrls {\r\n\r\n static RequestVerificationCode: string = \"api/verify/RequestVerificationCode\";\r\n static VerifyCodeUrl: string = \"api/verify/VerifyCode\";\r\n\r\n}\r\n\r\nexport class NotificationUrls {\r\n\r\n static GetVerificationCode: string = \"api/email/SendVerificationCode\";\r\n\r\n}","import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\r\n\r\nexport function passwordStrengthValidator(): ValidatorFn {\r\n return (control: AbstractControl): ValidationErrors | null => {\r\n const value = control.value;\r\n if (!value) {\r\n return null;\r\n }\r\n\r\n const hasUpperCase = /[A-Z]+/.test(value);\r\n const hasLowerCase = /[a-z]+/.test(value);\r\n const hasNumeric = /[0-9]+/.test(value);\r\n const hasSymbol = /[!@#$%^&*(),.?\":{}|<>]+/.test(value);\r\n const isValid = hasUpperCase && hasLowerCase && hasNumeric && hasSymbol;\r\n\r\n return !isValid ? { passwordStrength: true } : null;\r\n };\r\n}\r\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\ninterface MenuItem {\r\n icon: string;\r\n label: string;\r\n link: string;\r\n}\r\n\r\n@Component({\r\n selector: 'app-left-sidebar',\r\n templateUrl: './left_sidebar.component.html',\r\n styleUrls: ['./left_sidebar.component.css']\r\n})\r\nexport class LeftSidebarComponent implements OnInit {\r\n @Input() Username: string; // Input property to receive username menuItems: MenuItem[]; // Array to hold menu items\r\n menuItems: MenuItem[]; // Array to hold menu items\r\n\r\n constructor() {\r\n // Define menu items - this could instead be loaded from a service\r\n this.menuItems = [\r\n { icon: 'fa-house', label: 'Home', link: '/' },\r\n { icon: 'fa-compass', label: 'Explore', link: '/explore' },\r\n { icon: 'fa-bell', label: 'Notifications', link: '/notifications' },\r\n // Add more items as needed\r\n ];\r\n }\r\n\r\n ngOnInit(): void {\r\n // Additional initialization can be done here\r\n }\r\n}\r\n"," \n
\n
\r\n\r\n \n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
;\r\n UserPostsData: Array;\r\n\r\n ProfileIconImage: string;\r\n\r\n FirstTabChecked: boolean;\r\n\r\n Category: string;\r\n State: string;\r\n UserID: number;\r\n\r\n @ViewChild('ulContent') ulElementView: QueryList;\r\n\r\n @ViewChildren('ulContent') ulChildrenComponent: QueryList; \r\n @ViewChildren('liContent') liChildrenComponent: QueryList;\r\n\r\n @ViewChildren('incidentDiv') incidentDivComponent: QueryList;\r\n @ViewChildren('incidentDivHome') incidentDivHomeComponent: QueryList;\r\n @ViewChildren('incidentDivAbout') incidentDivAboutComponent: QueryList;\r\n\r\n ulContentHeight: number;\r\n\r\n timeoutDuration: number = 600000; // 10 minutes in milliseconds\r\n\r\n constructor(\r\n //private authService: UserService,\r\n //private globalService: GlobalService,\r\n private inactivityService: InactivityTimeoutService,\r\n private userPostsDataService: UserPostsDataService,\r\n private dynamicRouteService: DynamicRouteService,\r\n private route: ActivatedRoute,\r\n private router: Router\r\n //private formBuilder: FormBuilder\r\n ) {\r\n\r\n }\r\n\r\n ngOnInit() {\r\n debugger;\r\n\r\n const path = this.route.snapshot.url[0].path;\r\n this.dynamicRouteService.getContent(path).subscribe(\r\n content => {\r\n this.routeContent = content;\r\n },\r\n error => {\r\n this.router.navigateByUrl('/not-found');\r\n }\r\n );\r\n\r\n this.FraudIncidentData = new Array();\r\n this.UserPostsData = new Array();\r\n\r\n\r\n //console.log(this._route.snapshot.queryParams);\r\n\r\n this.FirstTabChecked = false;\r\n\r\n this.UserID = 1;\r\n\r\n // Start the inactivity timeout when the component initializes\r\n this.inactivityService.initializeTimer();\r\n\r\n this.getUserPostsData();\r\n //console.log('this.StateID = ' + this.StateID + '; this.CategoryID = ' + this.CategoryID );\r\n }\r\n\r\n ngAfterViewInit() {\r\n\r\n console.log(this.route.snapshot.queryParams);\r\n }\r\n\r\n ngOnDestroy() {\r\n\r\n }\r\n ngOnChanges() {\r\n\r\n }\r\n\r\n\r\n getUserPostsData() {\r\n\r\n this.userPostsDataService.loadUserPostsData(this.UserID).subscribe(data => {\r\n if (data.type === HttpEventType.DownloadProgress) {\r\n let percentDone: number = Math.round(100 + data.loaded / data.total);\r\n if (percentDone > 100) {\r\n percentDone = 100;\r\n }\r\n else if (percentDone < 0) {\r\n percentDone = 0;\r\n }\r\n } else if (data instanceof HttpResponse) {\r\n let loadedData: Array = data.body;\r\n this.UserPostsData = loadedData;\r\n\r\n //this.ProfileIconImage = this.UserPostsData.\r\n\r\n //this.FraudIncidentData = data.body.map(x => Object.assign({}, x));\r\n\r\n //this.FraudIncidentData.forEach((elem: any) => {\r\n //console.log(elem);\r\n //});\r\n\r\n }\r\n })\r\n };\r\n\r\n navigateTo(stateID: string, categoryID: string, event: Event) {\r\n this.StateID = stateID;\r\n this.CategoryID = categoryID;\r\n\r\n this.router.navigate([], {\r\n queryParams: {\r\n StateID: stateID,\r\n CategoryID: categoryID\r\n },\r\n queryParamsHandling: 'merge',\r\n });\r\n this.FraudIncidentData = new Array();\r\n\r\n\r\n }\r\n\r\n navigateToPage() {\r\n // changes the route without moving from the current view or\r\n // triggering a navigation event,\r\n this.router.navigate(['/dashboard_login'], {\r\n relativeTo: this.route,\r\n //queryParams: {\r\n // stateIDParams: '1'\r\n //},\r\n // preserve the existing query params in the route\r\n //queryParamsHandling: 'merge',\r\n\r\n // do not trigger navigation\r\n skipLocationChange: true\r\n\r\n });\r\n }\r\n\r\n}\r\n","\r\n \n \n
\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n
\n \n
\n \n \n
\n \n \n \n \n \n \n \n \n\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
Everyone can reply
\n
\n
\n
\n\n\n
\n
\n
\n
\n
\n
Bitcoin cryptocurrency. see\n more
\n
\n
\n
\n
\n\n
\r\n\r\n \r\n\r\n \n \n
\n\n
\n
\n
![\"\"](\"images/resources/login-1.png\")
![\"\"](\"images/resources/login-2.png\")
![\"\"](\"images/resources/login-3.png\")
![\"\"](\"images/logo.png\"){kind=logo}
![\"\"](\"images/mockup.png\")
![\"\"](\"images/star-shape.png\")
![\"Introduction](\"images/mainlogo_lg.png\")
\r\n