external-hospital.component.ts 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. import { NgxSpinnerService } from 'ngx-spinner';
  2. import { AuthServiceService } from './../../shared/auth-service.service';
  3. import { ExternalPageService } from './../../shared/external-page.service';
  4. import { ExternalSerService } from './../../shared/external-ser.service';
  5. import { ActivatedRoute, Params } from '@angular/router';
  6. import { Component, OnInit } from '@angular/core';
  7. @Component({
  8. selector: 'app-external-hospital',
  9. templateUrl: './external-hospital.component.html',
  10. styleUrls: ['./external-hospital.component.css']
  11. })
  12. export class ExternalHospitalComponent implements OnInit {
  13. // customOptions: any = {
  14. // loop: true,
  15. // mouseDrag: false,
  16. // touchDrag: false,
  17. // pullDrag: false,
  18. // dots: false,
  19. // navSpeed: 700,
  20. // navText: [ '<i class="fa-chevron-left"></i>', '<i class="fa-chevron-right></i>"' ],
  21. // responsive: {
  22. // 0: {
  23. // items: 1
  24. // },
  25. // 400: {
  26. // items: 2
  27. // },
  28. // 740: {
  29. // items: 3
  30. // },
  31. // 940: {
  32. // items: 4
  33. // }
  34. // },
  35. // nav: true
  36. // }
  37. // slidesStore=[];
  38. number: number = 1;
  39. numberWidth:number = 6;
  40. typePage: string = '';
  41. data = [];
  42. detailsField = {
  43. title_en: '',
  44. title: '',
  45. description: '',
  46. description_en: '',
  47. }
  48. constructor(private route: ActivatedRoute,
  49. private authSer: AuthServiceService,
  50. private spinner: NgxSpinnerService,
  51. private externalService: ExternalPageService) {
  52. this.spinner.show();
  53. }
  54. ngOnInit() {
  55. this.authSer.homeActivate = false;
  56. // //catch params type from URL
  57. // this.route.params.subscribe(
  58. // (params:Params) => {
  59. // this.typePage = params['type_page'];
  60. // }
  61. // );
  62. // this.slidesStore = [
  63. // {src: '../../../assets/image/avatar.png', alt: 'title', title: 'title' , id: 1},
  64. // {src: '../../../assets/image/avatar.png', alt: 'title', title: 'title', id: 2},
  65. // {src: '../../../assets/image/avatar.png', alt: 'title', title: 'title', id: 3},
  66. // {src: '../../../assets/image/avatar.png', alt: 'title', title: 'title', id: 4}
  67. // ];
  68. //get hospital or managaments data
  69. //to add class active if hospital route activate
  70. this.externalService.getHospitalMangamentsData('hospital').subscribe(
  71. (responce) => {
  72. console.log(responce);
  73. this.data = responce['hospitals_centers'];
  74. console.log('data hospital', this.data);
  75. this.showDescriptionDetails(this.data[0].fields[0]);
  76. this.spinner.hide();
  77. },
  78. (error) => {
  79. console.log(error);
  80. }
  81. );
  82. this.externalService.getHeader().subscribe(
  83. (responce) => {
  84. this.externalService.headerMenus = responce['parents'];
  85. for(let i = 0; i < this.externalService.headerMenus.length; i++) {
  86. if(this.externalService.headerMenus[i].id == 19) {
  87. this.externalService.headerMenus[i].active = 1;
  88. } else {
  89. this.externalService.headerMenus[i].active = 0;
  90. }
  91. }
  92. this.spinner.hide();
  93. },
  94. (error) => {
  95. console.log(error);
  96. }
  97. );
  98. }
  99. //show data of filed if click
  100. showDescriptionDetails(fieldData) {
  101. console.log(fieldData);
  102. this.detailsField = {
  103. title: fieldData.title,
  104. title_en: fieldData.title_en,
  105. description: fieldData.description,
  106. description_en: fieldData.description_en,
  107. }
  108. console.log(this.detailsField);
  109. };
  110. customOptions: any = {
  111. loop: true,
  112. mouseDrag: false,
  113. touchDrag: false,
  114. pullDrag: false,
  115. dots: false,
  116. navSpeed: 700,
  117. navText: ['', ''],
  118. responsive: {
  119. 0: {
  120. items: 1
  121. },
  122. 400: {
  123. items: 2
  124. },
  125. 740: {
  126. items: 3
  127. },
  128. 940: {
  129. items: 4
  130. }
  131. },
  132. nav: true
  133. }
  134. }