\n \n
\n Already have an account ?
\n
\n \n
","import { Component, OnInit } from '@angular/core';\nimport { ItemsService} from '../items.service';\nimport {MatPaginatorModule} from '@angular/material/paginator';\n\n@Component({\n selector: 'app-allads',\n templateUrl: './allads.component.html',\n styleUrls: ['./allads.component.sass']\n})\nexport class AlladsComponent implements OnInit {\n p: number = 1;\n collection: any[] ;\n\n public items = [];\n public errorMsg;\n // tslint:disable-next-line:variable-name\n constructor(private _itemsService: ItemsService) { }\n\n ngOnInit(): void {\n this._itemsService.getItems()\n .subscribe(data => this.items = data,\n error => this.errorMsg = error);\n }\n\n}\n","\n \n
\n \n Already have an account ?
\n
\n
\n
\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-about',\n templateUrl: './about.component.html',\n styleUrls: ['./about.component.sass']\n})\nexport class AboutComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n
\n \n\n
\n","import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'app-home',\n templateUrl: './home.component.html',\n styleUrls: ['./home.component.sass']\n})\nexport class HomeComponent implements OnInit {\n\n constructor(private route: Router) { }\n\n ngOnInit(): void {\n }\n\n GoToVehicles(){\n this.route.navigate(['/ads']); \n }\n}\n","\n\n
\nAbout Us
\n\n tievs.com is a website where you can buy and sell almost everything. The best deals are often done with people who\n live in your own city or on your own street, so on tievs.com it's easy to buy and sell locally. All you have to do\n is select your region. It takes less than 2 minutes to post an ad on tievs.com. You can sign up for a free account\n and post ads easily every time. tievs.com has the widest selection of popular second hand items all over Sri Lanka,\n which makes it easy to find exactly what you are looking for. So if you're looking for a car, mobile phone, house,\n computer or maybe a pet, you will find the best deal on tievs.com. Our website does not specialize in any specific\n category - here you can buy and sell items in more than 50 different categories. We also carefully review all ads\n that are being published, to make sure the quality is up to our standards.\n
\n\n
\n\n
\n\n
\n \n Welcome to tievs.com - the best marketplace in USA\n
\n\n Buy and sell everything from used cars to mobile phones and computers, or search for property, jobs and more in America!\n
\n\n \n
\n \n
\n","// This file can be replaced during build by using the `fileReplacements` array.\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\n// The list of file replacements can be found in `angular.json`.\n\nexport const environment = {\n production: false\n};\n\n/*\n * For easier debugging in development mode, you can import the following file\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\n *\n * This import should be commented out in production mode because it will have a negative impact\n * on performance if an error is thrown.\n */\n// import 'zone.js/dist/zone-error'; // Included with Angular CLI.\n","export class Details{\n [x: string]: any;\n price: number;\n year: number;\n manufacturer: string;\n model: string;\n condition: string;\n cylinders: string;\n fuel: string;\n odometer: string;\n transmission: string;\n type: string;\n description: string;\n state: string;\n region: string;\n size: string;\n drive: string;\n title_status: string;\n paint_color: string;\n title: string;\n latitude: number;\n longitude: number;\n image_url: string;\n image_url1: string;\n image_url2: string;\n image_url3: string;\n image_url4: string;\n image_url5: string;\n slog: string;\n user_id: number;\n address: string;\n email: string;\n contactNumber: number;\n}\n\nexport class FImage{\n // tslint:disable-next-line:variable-name\n is_vehicle: boolean;\n detail: string;\n}\n","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { ItemsService } from '../items.service';\n\n@Component({\n selector: 'app-ad-detail',\n templateUrl: './ad-detail.component.html',\n styleUrls: ['./ad-detail.component.sass'],\n})\nexport class AdDetailComponent implements OnInit {\n ad;\n public recommend = [];\n public errorMsg;\n // tslint:disable-next-line:variable-name\n constructor(\n private route: ActivatedRoute,\n private _itemService: ItemsService\n ) {}\n\n ngOnInit(): void {\n this.route.params.subscribe((params) => {\n this.getAd(params.id);\n });\n this.route.params.subscribe((params) => {\n this.getRecommends(params.id);\n });\n }\n\n getAd(adID): void {\n this._itemService.getItem(adID).subscribe(\n (data) => (this.ad = data),\n (error) => (this.errorMsg = error)\n );\n }\n\n getRecommends(adID): void {\n this._itemService.getRecommend(adID).subscribe(\n (data) => (this.recommend = data),\n (error) => (this.errorMsg = error)\n );\n }\n}\n","\n
\nBrowse our top categories:
\n\n \n
\n\n\n \n
\n \n \n \n \n \n
\n\n \n \n\n \n
\n\n Electronics
\n \nFind great deals for used electronics in Sri Lanka including mobile phones, computers, laptops, TVs, home theatres and much more.
\n\n\n\n \n
\n \n \n \n \n \n
\n\n \n \n\n \n
\n\n Vehicles
\n \nBuy and sell used cars, motorbikes and other vehicles in US. Choose from top brands including Toyota, Nissan, Honda and Suzuki.
\n\n\n\n \n
\n \n \n \n \n \n
\n\n \n \n\n \n
\n\n Property
\n \nView listings for property in US. Find the cheapest rates for apartments, commercial and residential properties, land, and plots.
\n\n\n\n \n
\n \n \n \n \n \n
\n\n \n \n\n \n
\n\n Animals
\n \nSearch from the widest variety of pets in America. Select from dogs, puppies, cats, kittens, birds and other domesticated animals.
\n\n\n\n \n
\n \n \n \n \n \n
\n\n \n \n\n \n
\n\n Home & Garden
\n \nBuy and sell new and used home appliances including furniture, kitchen items, garden products and other household items in USA.
\n\n\n\n \n
\n \n \n \n \n
\n\n \n \n\n \n
\n\n Business & Industry
\n \nA range of business services and industrial companies offering products and services to both other businesses and consumers alike.
\n\n\n
\n \n\n \n \n \n \n
\n \n \n\n","import { Injectable } from '@angular/core';\nimport {FormControl, FormGroup} from '@angular/forms';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class PostAdService {\n\n constructor() { }\n\n form: FormGroup = new FormGroup({\n $key: new FormControl(null),\n year: new FormControl(''),\n manufacturer: new FormControl(''),\n model: new FormControl(''),\n condition: new FormControl(0),\n cylinders: new FormControl(0),\n fuel: new FormControl(0),\n odometer: new FormControl(''),\n title_status: new FormControl(''),\n transmission: new FormControl(''),\n drive: new FormControl(''),\n size: new FormControl(''),\n type1: new FormControl(''),\n paint_color: new FormControl('')\n });\n}\n","import { HttpClient } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { Details } from '../details';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class DetailsService {\n\n priceBaseURL: string = \"https://ml.tievs.com:2096/\";\n fraudBaseURL: string = \"https://ml.tievs.com:2087/\";\n private body: any;\n baseAdPostURL: string = \"https://api.tievs.com/vehicle\";\n private _emb_url = 'https://ml.tievs.com:2053/generate/';\n\n constructor(private http: HttpClient) { }\n\n predictPrice(detail:Details): Observable\n
\n \n \n \n
\n \n {{ ad.model + \" \" + ad.manufacturer | titlecase }}\n
\n\n
\n \n \n \n \n \n \n \n Description\n \n \n {{ ad.description.substring(0, 40) + \"...\" }}\n \n \n \n \n \n
\n {{ ad.description }}
\n\n \n \n \n \n\n \n ![\"year\"](\"../../assets/year.png\")
\n Year : \n \n {{ ad.year }}\n \n \n\n \n \n {{ ad.odometer }}\n \n \n\n \n ![\"fuel\"](\"../../assets/fuel.jpg\")
\n Fuel Type :{{ ad.fuel }}\n \n \n\n \n \n {{ ad.transmission }}\n \n \n \n\n \n
\n \n Price ${{ ad.price }}.00
\n\n Year : \n \n Fuel Type :\n \n \n {{ ad.user_name.substring(0, 20) + \"...\" }}\n \n\n \n \n \n \n {{ ad.user_phone }}\n
\n \n \n Call Seller
\n {{ ad.user_name }}\n\n \n
\n
\n Explore Similar Items
\n\n \n
\n \n \n \n \n
\n \n
\n \n \n {{ item.manufacturer | titlecase }}\n {{ item.model | titlecase }} \n
\n \n \n {{ item.price | currency }}\n {{ item.year }}\n
\nprivacy works!
\n","import { BrowserModule } from '@angular/platform-browser';\nimport { NgModule } from '@angular/core';\nimport { AppRoutingModule, routingComponents } from './app-routing.module';\nimport { AppComponent } from './app.component';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { MaterialModule } from './material/material.module';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport { NavbarComponent } from './navbar/navbar.component';\nimport { FooterComponent } from './footer/footer.component';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { STEPPER_GLOBAL_OPTIONS } from '@angular/cdk/stepper';\nimport { PostAdService } from './shared/post-ad.service';\nimport { HttpClientModule } from '@angular/common/http';\nimport { FormsModule } from '@angular/forms';\nimport { DialogComponent } from './dialog/dialog.component';\nimport {NgxPaginationModule} from 'ngx-pagination';\nimport { BotDetectCaptchaModule } from 'angular-captcha';\nimport { CookieService } from 'ngx-cookie-service';\n\n\n@NgModule({\n declarations: [\n AppComponent,\n NavbarComponent,\n FooterComponent,\n routingComponents,\n DialogComponent\n ],\n imports: [\n BrowserModule.withServerTransition({ appId: 'serverApp' }),\n AppRoutingModule,\n BrowserAnimationsModule,\n MaterialModule,\n NgbModule,\n ReactiveFormsModule,\n HttpClientModule,\n FormsModule,\n NgxPaginationModule,\n BotDetectCaptchaModule\n ],\n providers: [{\n provide: STEPPER_GLOBAL_OPTIONS,\n useValue: {\n displayDefaultIndicatorType: false,\n showError: true\n }\n }, PostAdService,\n CookieService\n ],\n bootstrap: [AppComponent]\n})\nexport class AppModule { }\n","import {Component, Inject} from '@angular/core';\nimport { FormBuilder, Validators } from '@angular/forms';\nimport {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog';\n\n@Component({\n selector: 'app-dialog',\n templateUrl: './dialog.component.html',\n styleUrls: ['./dialog.component.sass']\n})\n\nexport class DialogComponent {\n step = 0;\n selectedCategory: string;\n categories: string[] = ['Cars', 'Lorries & Trucks', 'Vans', 'MotorBikes'];\n selectedLocation: string;\n locations:string[] = [ 'Manhattan','Brooklyn','Queens','Bronx','Staten Island','New Jersey','Westchester','FairField co,CT']\n \n setStep(index: number) {\n this.step = index;\n }\n\n nextStep() {\n this.step++;\n }\n\n prevStep() {\n this.step--;\n }\n\n constructor(private formBuilder: FormBuilder,public dialog: MatDialog,public dialogRef: MatDialogRefterms works!
\n","import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'app-footer',\n templateUrl: './footer.component.html',\n styleUrls: ['./footer.component.sass']\n})\nexport class FooterComponent implements OnInit {\n\n constructor(private route: Router) { }\n\n ngOnInit(): void {\n }\n\n goToPost(){\n this.route.navigate(['/post-ad']); \n }\n}\n","\n","import { NgModule } from '@angular/core';\nimport {MatButtonModule} from '@angular/material/button';\nimport {MatGridListModule} from '@angular/material/grid-list';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {MatInputModule} from '@angular/material/input';\nimport {MatIconModule} from '@angular/material/icon';\nimport {MatSelectModule} from '@angular/material/select';\nimport {MatStepperModule} from '@angular/material/stepper';\nimport {MatRadioModule} from '@angular/material/radio';\nimport {MatSnackBarModule} from '@angular/material/snack-bar';\nimport {MatToolbarModule} from '@angular/material/toolbar';\nimport {MatCardModule} from '@angular/material/card';\nimport {MatDialogModule} from '@angular/material/dialog';\nimport {MatChipsModule} from '@angular/material/chips';\nimport {MatCheckboxModule} from '@angular/material/checkbox';\nimport {BotDetectCaptchaModule} from 'angular-captcha';\nimport {MatTooltipModule} from '@angular/material/tooltip';\nimport {MatProgressSpinnerModule} from '@angular/material/progress-spinner';\nimport {MatDividerModule} from '@angular/material/divider';\nimport {MatListModule} from '@angular/material/list';\nimport { MatExpansionModule } from '@angular/material/expansion';\nimport { MatPaginatorModule } from '@angular/material/paginator';\n\nconst MaterialComponents = [\n MatButtonModule,\n MatGridListModule,\n MatFormFieldModule,\n MatInputModule,\n MatIconModule,\n MatSelectModule,\n MatStepperModule,\n MatRadioModule,\n MatSnackBarModule,\n MatToolbarModule,\n MatCardModule,\n MatDialogModule,\n MatChipsModule,\n MatCheckboxModule,\n BotDetectCaptchaModule,\n MatTooltipModule,\n MatProgressSpinnerModule,\n MatDividerModule,\n MatListModule,\n MatExpansionModule,\n MatPaginatorModule\n];\n@NgModule({\n imports: [MaterialComponents],\n exports: [MaterialComponents]\n})\nexport class MaterialModule { }\n","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormControl, Validators } from '@angular/forms';\nimport { MatDialog } from '@angular/material/dialog';\nimport { Router } from '@angular/router';\nimport { CookieService } from 'ngx-cookie-service';\n\ninterface Categories {\n value: string;\n viewValue: string;\n}\n@Component({\n selector: 'app-navbar',\n templateUrl: './navbar.component.html',\n styleUrls: ['./navbar.component.sass']\n})\nexport class NavbarComponent implements OnInit {\n\n constructor(private cookieService: CookieService, private route: Router) { }\n ngOnInit(): void {\n }\n\n selectedValue: string;\n selectedCar: string;\n loggedin = this.cookieService.check('user-id');\n logOut(){\n this.cookieService.delete('user-id');\n this.loggedin = false;\n }\n logIn(){\n if (!this.cookieService.check('user-id')){\n this.route.navigate(['/login']);\n }else {\n this.loggedin = false;\n }\n }\n\n categories: Categories[] = [\n {value: 'All Categories', viewValue: 'All Categories'},\n {value: 'Electronics', viewValue: 'Electronics'},\n {value: 'Vehicles', viewValue: 'Vehicles'},\n {value: 'Property', viewValue: 'Property'},\n {value: 'Home & Garden', viewValue: 'Home & Garden'},\n {value: 'Sports & Kids', viewValue: 'Sports & Kids'},\n {value: 'Business & Industry', viewValue: 'Business & Industry'},\n {value: 'Animals', viewValue: 'Animals'},\n {value: 'Fashion & Beauty', viewValue: 'Fashion & Beauty'},\n {value: 'Education', viewValue: 'Education'},\n {value: 'Agriculture', viewValue: 'Agriculture'},\n {value: 'Other', viewValue: 'Other'}\n ];\n\n}\n\n","\n","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';\nimport { STEPPER_GLOBAL_OPTIONS } from '@angular/cdk/stepper';\nimport { DetailsService } from './services/details.service';\nimport {Details, FImage} from './details';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { MatDialog } from '@angular/material/dialog';\nimport { DialogComponent } from '../dialog/dialog.component';\nimport { MatStepper } from '@angular/material/stepper';\nimport { COMMA, ENTER, S } from '@angular/cdk/keycodes';\nimport { Router } from '@angular/router';\nimport { HttpClient } from '@angular/common/http';\n\n@Component({\n selector: 'app-post-ad',\n templateUrl: './post-ad.component.html',\n styleUrls: ['./post-ad.component.sass'],\n providers: [{\n provide: STEPPER_GLOBAL_OPTIONS, useValue: {\n showError: true,\n displayDefaultIndicatorType: false,\n showPrice: false\n }\n }]\n})\nexport class PostAdComponent implements OnInit {\n\n [x: string]: any;\n firstFormGroup: FormGroup;\n secondFormGroup: FormGroup;\n adID: number;\n priceRange: any;\n isLinear = false;\n toggleBool = true;\n action = 'Got it!';\n details: Details[];\n detail = new Details();\n fImage = new FImage();\n // Conditions\n Condition: any = ['good', 'excellent', 'like new', 'fair', 'new', 'salvage'];\n // Cylinders\n Cylinders: any = ['3 cylinders', '4 cylinders', '5 cylinders', '6 cylinders', '8 cylinders', '10 cylinders', '12 cylinders', 'other'];\n // Fuels\n Fuels: any = ['gas', 'diesel', 'electric', 'hybrid', 'other'];\n // Title Status\n Title_Status: any = ['clean', 'salvage', 'rebuilt', 'lien', 'missing', 'parts only'];\n //Type\n Type: any = ['sedan', 'SUV', 'pickup', 'truck', 'other', 'coupe', 'hatchback', 'wagon', 'van', 'convertible', 'mini-van', 'offroad', 'bus'];\n\n Drive: any = ['fwd', '4wd', 'rwd'];\n\n\n price: string;\n urls = [];\n file = new FormControl('');\n file_data: any = '';\n fileCount = 0;\n formData = new FormData();\n selectable = true;\n removable = true;\n addOnBlur = true;\n\n // @ViewChild('fileInput') fileInput: ElementRef;\n // fileAttr = '';\n readonly separatorKeysCodes = [ENTER, COMMA] as const;\n\n constructor(private route: Router, private _formBuilder: FormBuilder, private detailService: DetailsService, public snackBar: MatSnackBar, public dialog: MatDialog, private httpClient: HttpClient) {\n }\n\n ngOnInit(): void {\n this.firstFormGroup = this._formBuilder.group({\n year: ['', Validators.required],\n manufacturer: ['', Validators.required],\n model: ['', Validators.required],\n condition: ['', Validators.required],\n cylinders: ['', Validators.required],\n fuel: ['', Validators.required],\n odometer: ['', Validators.required],\n title_status: ['', Validators.required],\n transmission: ['', Validators.required],\n drive: ['', Validators.required],\n size: ['', Validators.required],\n type: ['', Validators.required],\n paint_color: ['', Validators.required],\n price: ['']\n });\n\n this.secondFormGroup = this._formBuilder.group({\n description: ['', Validators.required],\n title: ['', Validators.required],\n image: [''],\n address: ['', Validators.required],\n contactNo: ['', Validators.required],\n email: ['', Validators.required]\n });\n }\n\n changeCondition(e) {\n this.condition.setValue(e.target.value, {\n onlySelf: true\n });\n }\n\n changeFuel(e) {\n this.fuel.setValue(e.target.value, {\n onlySelf: true\n });\n }\n\n changeTitleStatus(e) {\n this.title_status.setValue(e.target.value, {\n onlySelf: true\n });\n }\n\n changeCylinders(e) {\n this.cylinders.setValue(e.target.value, {\n onlySelf: true\n });\n }\n\n changeType(e) {\n this.type.setValue(e.target.value, {\n onlySelf: true\n });\n }\n\n changeDrive(e) {\n this.drive.setValue(e.target.value, {\n onlySelf: true\n });\n }\n\n predictPrice() {\n this.detailService.predictPrice(this.detail)\n .subscribe(data => {\n var predictedPrice = parseFloat(data.price);\n var firstRange1 = predictedPrice - 5000.00;\n var firstRange = (Math.round(firstRange1 * 100) / 100).toFixed(2);\n var secondRange1 = predictedPrice + 5000.00;\n \n this.priceRange = ' $ ' + firstRange + ' - $ ' + secondRange1;\n this.showPrice = true;\n console.log(this.priceRange);\n console.log(data);\n });\n }\n\n detectFraudContent(stepper: MatStepper) {\n this.detailService.detectFraudContent(this.detail)\n .subscribe(data => {\n if (data.prediction === 'spam') {\n this.showerror = true;\n } else {\n stepper.next();\n this.showerror = false;\n }\n });\n }\n\n selectFiles(event) {\n const fileList: FileList = event.target.files;\n if (event.target.files) {\n for (var i = 0; i < fileList.length; i++) {\n var reader = new FileReader();\n\n reader.readAsDataURL(event.target.files[i]);\n reader.onload = (event: any) => {\n this.urls.push(event.target.result);\n };\n }\n }\n }\n\n fileChange(index, event) {\n const fileList: FileList = event.target.files;\n console.log(fileList.length);\n //check whether file is selected or not\n if (fileList.length > 0) {\n for (var i = 0; i < fileList.length; i++) {\n const file = fileList[i];\n // Check fraud\n const formImage = new FormData();\n formImage.append('image', file, file.name);\n\n this.httpClient.post('https://catsy.org/check-vehicle/', formImage)\n .subscribe((data: FImage) => {\n if (data.is_vehicle === false) {\n alert('Please Upload a valid photo');\n }\n });\n // get file information such as name, size and type\n console.log('finfo', file.name, file.size, file.type);\n let name = 'image_url_' + i;\n console.log(name);\n //max file size is 4 mb\n if ((file.size / 1048576) <= 4) {\n this.formData.append(name, file, file.name);\n this.file_data = this.formData;\n\n } else {\n //this.snackBar.open('File size exceeds 4 MB. Please choose less than 4 MB','',{duration: 2000});\n }\n }\n }\n }\n\n upload() {\n let imageid = 0;\n this.formData.forEach((value, key) => {\n //console.log(value, key);\n let fileData = new FormData();\n // @ts-ignore\n if ('name' in value) {\n fileData.append('file', value, value.name);\n if (imageid === 0) {\n this.detail.image_url = 'https://ml.tievs.com/images/vehicles/' + value.name;\n }else if (imageid === 1) {\n this.detail.image_url1 = 'https://ml.tievs.com/images/vehicles/' + value.name;\n }else if (imageid === 2) {\n this.detail.image_url2 = 'https://ml.tievs.com/images/vehicles/' + value.name;\n }else if (imageid === 3) {\n this.detail.image_url3 = 'https://ml.tievs.com/images/vehicles/' + value.name;\n }else if (imageid === 4) {\n this.detail.image_url4 = 'https://ml.tievs.com/images/vehicles/' + value.name;\n }else if (imageid === 5) {\n this.detail.image_url5 = 'https://ml.tievs.com/images/vehicles/' + value.name;\n }\n imageid++;\n }\n this.httpClient.post('http://upload.tievs.com/images/file-upload.php', fileData)\n .subscribe(response => {\n\n });\n\n });\n\n }\n\n changeSubmitEvent(e) {\n if (e == true) {\n this.toggleBool = false;\n }\n else {\n this.toggleBool = true;\n }\n\n }\n submitAd() {\n this.detailService.createAd(this.detail)\n .subscribe(data => {\n console.log(data);\n this.adID = data.id;\n this.dialog.open(SuccessSubmission);\n this.route.navigate(['']);\n this.detailService.generateEmb(this.adID).subscribe(response => {\n console.log(response);\n });\n });\n }\n\n // }\n openDialog(stepper: MatStepper) {\n const dialogRef = this.dialog.open(DialogComponent, {\n width: '700px',\n });\n dialogRef.afterClosed().subscribe(result => {\n stepper.next();\n });\n }\n\n\n // add(event: MatChipInputEvent): void {\n // const value = (event.value || '').trim();\n\n // // Add our fruit\n // if (this.fileAttr) {\n // this.fruits.push({name: value});\n // }\n\n // // Clear the input value\n // event.input.value = '';\n // }\n\n // remove(fruit: Fruit): void {\n // const index = this.fruits.indexOf(fruit);\n\n // if (index >= 0) {\n // this.fruits.splice(index, 1);\n // }\n // }\n}\n\n@Component({\n selector: 'success-submission',\n templateUrl: 'success-submission.html',\n})\nexport class SuccessSubmission {\n}\n\n\n\n // uploadFileEvt(imgFile: any) {\n // if (imgFile.target.files && imgFile.target.files[0]) {\n // this.fileAttr = '';\n // Array.from(imgFile.target.files).forEach((file: File) => {\n // this.fileAttr += file.name + ' / ';\n // });\n\n // // HTML5 FileReader API\n // let reader = new FileReader();\n // reader.onload = (e: any) => {\n // let image = new Image();\n // image.src = e.target.result;\n // image.onload = rs => {\n // let imgBase64Path = e.target.result;\n // };\n // };\n // reader.readAsDataURL(imgFile.target.files[0]);\n\n // // Reset if duplicate image uploaded again\n // this.fileInput.nativeElement.value = \"\";\n // } else {\n // this.fileAttr = 'Upload Images';\n // }\n","\n
\n Welcome Olivia Smith ! Let's post an ad.
\n\n
\n \n ![](\"../../assets/postAd/car-sell.jpg\")
\n \n
\n \n \n SELL SOMETHING
\n\n
\n \n \n
\n \n \n
\n\n
\n ![](\"../../assets/postAd/company-hiring.jpg\")
\n \n
\n \n \n POST A JOB VACANCY
\n \n\n
\n \n
\n \n
\n \n\n ![](\"../../assets/postAd/buy.jpg\")
\n \n
\n \n \n LOOK FOR SOMETHING
\n \n\n
\n \n \n \n
\n \n
\n Know Your Posting Allowance | Know Our Posting Rules
\n\n
\n
\n Please tick the box below to confirm that you agree to comply with the terms and conditions\n of becoming an advertisinng customer in Tievs.
\n
\n
\n\n \n
I accept the terms and\n conditions of Tievs and I have read the privacy policy statements\n regarding posting advertisements thoroughly.
\n
\n
\n
\n \n \n
\n ![](\"../../assets/postAd/success.jpeg\")
\n
\n","import { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\nimport {HomeComponent} from './home/home.component';\nimport {AlladsComponent} from './allads/allads.component';\nimport {AboutComponent} from './about/about.component';\nimport {LoginComponent} from './login/login.component';\nimport {TermsComponent} from './terms/terms.component';\nimport {PrivacyComponent} from './privacy/privacy.component';\nimport {RegisterComponent} from './register/register.component';\nimport {NotfoundComponent} from './notfound/notfound.component';\nimport { PostAdComponent } from './post-ad/post-ad.component';\nimport { AdDetailComponent } from './ad-detail/ad-detail.component';\n\nconst routes: Routes = [\n {path: 'ads', component: AlladsComponent},\n {path: 'ad/:id', component: AdDetailComponent},\n {path: 'post-ad', component: PostAdComponent},\n {path: 'login', component: LoginComponent},\n {path: 'register', component: RegisterComponent},\n {path: 'about', component: AboutComponent},\n {path: 'terms', component: TermsComponent},\n {path: 'privacy', component: PrivacyComponent},\n {path: '404', component: NotfoundComponent},\n {path: '', component: HomeComponent},\n {path: '**', redirectTo: '/404'}\n];\n\n@NgModule({\n imports: [RouterModule.forRoot(routes, {\n initialNavigation: 'enabled',\n scrollPositionRestoration: 'enabled'\n})],\n exports: [RouterModule]\n})\nexport class AppRoutingModule { }\n// tslint:disable-next-line:max-line-length\nexport const routingComponents = [AlladsComponent, PostAdComponent, LoginComponent, RegisterComponent, AboutComponent, TermsComponent, PrivacyComponent, NotfoundComponent, HomeComponent, AdDetailComponent]\n","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';\nimport { MatDialog } from '@angular/material/dialog';\nimport { Router } from '@angular/router';\nimport { CookieService } from 'ngx-cookie-service';\n\n@Component({\n selector: 'app-login',\n templateUrl: './login.component.html',\n styleUrls: ['./login.component.sass']\n})\nexport class LoginComponent implements OnInit {\n\n // constructor(private router: Router) { }\n // hide = true;\n // showSpinner = true;\n // username: string;\n\n // email = new FormControl('', [Validators.required, Validators.email]);\n // password = new FormControl(['',Validators.required]);\n\n // // tslint:disable-next-line:typedef\n // getErrorMessage() {\n // if (this.email.hasError('required') || (this.password.hasError('required'))) {\n // return 'You must enter a value';\n // }\n\n // return this.email.hasError('email') ? 'Not a valid email' : '';\n // }\n // ngOnInit(): void {\n // }\n\n // // login() : void {\n // // if(this.username == 'admin' && this.password == 'admin'){\n // // this.router.navigate([\"/privacy\"]);\n // // }else {\n // // alert(\"Invalid credentials\");\n // // }\n // // }\n\n hide = true;\n loginForm: FormGroup;\n emailRegx = /^(([^<>+()\\[\\]\\\\.,;:\\s@\"-#$%&=]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,3}))$/;\n\n constructor(\n private formBuilder: FormBuilder, public dialog: MatDialog, private route: Router, private cookieService: CookieService\n ) { }\n\n ngOnInit() {\n this.loginForm = this.formBuilder.group({\n email: [null, [Validators.required, Validators.pattern(this.emailRegx)]],\n password: [null, Validators.required]\n });\n\n if (this.cookieService.check('user-id')){\n this.route.navigate(['/']);\n }\n }\n\n submit() {\n if (!this.loginForm.valid) {\n return;\n }\n if (this.loginForm.value.email === 'admin@tievs.com' && this.loginForm.value.password === '123'){\n console.log('Success');\n this.cookieService.set('user-id', '1');\n location.reload();\n }else {\n this.loginForm.reset();\n return;\n }\n console.log(this.cookieService.check('user-id'));\n console.log(this.loginForm.value.email);\n }\n register() {\n this.route.navigate(['/register']);\n }\n}\n\n\n","\n\n Thank You!
\nYour advertisement has been successfully published.
\n\n \n
\n Don't have an account yet ?
\n
\n \n
","import { enableProdMode } from '@angular/core';\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n\nimport { AppModule } from './app/app.module';\nimport { environment } from './environments/environment';\n\nif (environment.production) {\n enableProdMode();\n}\n\ndocument.addEventListener('DOMContentLoaded', () => {\n platformBrowserDynamic().bootstrapModule(AppModule)\n .catch(err => console.error(err));\n});\n","function webpackEmptyAsyncContext(req) {\n\t// Here Promise.resolve().then() is used instead of new Promise() to prevent\n\t// uncaught exception popping up in devtools\n\treturn Promise.resolve().then(function() {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t});\n}\nwebpackEmptyAsyncContext.keys = function() { return []; };\nwebpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;\nmodule.exports = webpackEmptyAsyncContext;\nwebpackEmptyAsyncContext.id = \"zn8P\";"],"sourceRoot":"webpack:///"}\n \n
\n \n Don't have an account yet ?
\n
\n