customers-add-edit.component.ts 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. import { Component, OnInit } from '@angular/core';
  2. import { Router, ActivatedRoute } from '@angular/router';
  3. import { CustomersRegistrationService } from '../customers-registration.service';
  4. import { SharedService } from '../../../shared/shared.service';
  5. import { HttpClient } from '@angular/common/http';
  6. @Component({
  7. selector: 'ngx-customers-add-edit',
  8. templateUrl: './customers-add-edit.component.html',
  9. styleUrls: ['./customers-add-edit.component.scss']
  10. })
  11. export class CustomersAddEditComponent implements OnInit {
  12. constructor(
  13. private router: Router,
  14. private route: ActivatedRoute,
  15. private register: CustomersRegistrationService,
  16. private auth: SharedService,
  17. private http: HttpClient
  18. ) { }
  19. themes = [];
  20. fonts = [];
  21. languages = [];
  22. imageBase64: string = '';
  23. photoType: string = '';
  24. urlImg: string = '../../../assets/images/kate.png';
  25. checkChangeImage: boolean = false;
  26. formData = {
  27. name:'',
  28. access_of_multiple_sites : '',
  29. phone : '',
  30. commercial_number : '',
  31. industrial : '',
  32. website_address :'',
  33. address : '',
  34. total_users_request : '',
  35. http_host_demo : '',
  36. version_number : '',
  37. theme_id : '',
  38. font_id : '',
  39. register_date : '',
  40. expire_date : '',
  41. logo_photo : '',
  42. logo_photo_type : '',
  43. back_ground_photo : '',
  44. back_ground_photo_type : '',
  45. languages_ids : [],
  46. }
  47. company_general_info = this.register.company_registrtion;
  48. ngOnInit() {
  49. this.http.get(this.auth.pathApi + '/themes_list')
  50. .subscribe(
  51. res => {
  52. console.log(res);
  53. this.themes = res[('themes')];
  54. },
  55. err => {
  56. console.log(err);
  57. }
  58. );
  59. this.http.get(this.auth.pathApi + '/fonts_list')
  60. .subscribe(
  61. res =>{
  62. console.log(res);
  63. this.fonts = res[('fonts')];
  64. },
  65. err =>{
  66. console.log(err);
  67. }
  68. );
  69. this.http.get(this.auth.pathApi + '/languages_list')
  70. .subscribe(
  71. res =>{
  72. console.log(res);
  73. this.languages = res[('languages')];
  74. },
  75. err =>{
  76. console.log(err);
  77. }
  78. );
  79. }
  80. setThemsId(event){
  81. this.formData.theme_id = event.target.value;
  82. }
  83. setFontId(event){
  84. this.formData.font_id = event.target.value;
  85. }
  86. setLangId(event){
  87. this.formData.languages_ids.push(event.target.value);
  88. }
  89. onFileChanges(event) {
  90. console.log(event);
  91. this.imageBase64 = event[0].base64;
  92. this.photoType = event[0].type.split('/');
  93. console.log(this.photoType[1]);
  94. console.log(this.imageBase64);
  95. this.formData.logo_photo = this.imageBase64;
  96. this.formData.logo_photo_type = this.photoType;
  97. this.checkChangeImage = true;
  98. }
  99. getUrl(event) {
  100. if (event.target.files && event.target.files[0]) {
  101. var reader = new FileReader();
  102. reader.readAsDataURL(event.target.files[0]); // read file as data url
  103. reader.onload = (event) => { // called once readAsDataURL is completed
  104. this.urlImg = event.target['result'];
  105. }
  106. }
  107. }
  108. next(){
  109. console.log(this.formData);
  110. this.company_general_info.company_name = this.formData.name;
  111. this.company_general_info.address = this.formData.address;
  112. this.company_general_info.website_address = this.formData.website_address;
  113. this.company_general_info.phone = this.formData.phone;
  114. this.company_general_info.commercial_number = this.formData.commercial_number;
  115. this.company_general_info.industrial = this.formData.industrial;
  116. this.company_general_info.register_date = this.formData.register_date;
  117. this.company_general_info.expire_date = this.formData.expire_date;
  118. // this.router.navigate(['../registerTwo'], {relativeTo: this.route});
  119. console.log(this.formData);
  120. }
  121. }