service-item.component.html 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <div class="serviceItem-w" >
  2. <div class="itemHeader-w">
  3. <div class="container">
  4. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  5. <div ngbDropdown class="d-inline-block d-lg-none">
  6. <button class="btn btn-outline-primary menuMobile-w" id="dropdownBasic1" ngbDropdownToggle><i class="fas fa-bars"></i></button>
  7. <div ngbDropdownMenu aria-labelledby="dropdownBasic1" class="dropDownMobile-w">
  8. <button class="dropdown-item" (click)="goToHome()">الرئيسيه</button>
  9. <button class="dropdown-item" *ngFor="let page of mobilePages; let i = index" (click)="getListPage(page)">{{page.name}}</button>
  10. </div>
  11. </div>
  12. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  13. <ul class="navbar-nav mr-auto" style="margin: 0 auto">
  14. <li class="nav-item" style="color: #fff; font-weight:bold;margin-top:13px;margin-left:10px;" (click)="goToHome()">الرئيسيه</li>
  15. <li class="nav-item active" *ngFor="let page of pages; let i = index">
  16. <a class="nav-link" style="color: #fff; padding:13px 10px; font-weight:bold" [ngClass]="page.active == 0 ? '' : 'activeLink'" (click)="getListPage(page)">{{page.name}}</a>
  17. </li>
  18. <div class="btn-group mr-3" *ngIf="authService.showMoreLinks">
  19. <div class="btn-group" ngbDropdown role="group" aria-label="Button group with nested dropdown">
  20. <button class="btn btn-outline-primary" ngbDropdownToggle style="background-color: transparent;border: none;color: #fff; font-weight: bold;border-right: 1px solid #00a99d;border-radius: 0;">المزيد </button>
  21. <div class="dropdown-menu" ngbDropdownMenu>
  22. <button class="dropdown-item" style="cursor: pointer; text-align:right;color:#00a99d" *ngFor="let extra of extraPages" (click)="getListPage(extra)">{{extra.name}}</button>
  23. </div>
  24. </div>
  25. </div>
  26. </ul>
  27. </div>
  28. </nav>
  29. </div>
  30. </div>
  31. <div class="headerServices" (mouseover)="mouseOvered=true" [className]="mouseOvered ? 'showHeaderServices' : 'headerServices' ">
  32. <i class="fas fa-home" style="margin-left:10px;"></i>
  33. </div>
  34. <div class="serviceSideList-w" (mouseover)="mouseOvered=true" (mouseout)="mouseOvered=false" [className]="mouseOvered ? 'showServiceSideList-w' : 'serviceSideList-w' ">
  35. <ul class="list-unstyled">
  36. <li *ngFor="let service of services" (click)="onGetService(service)">
  37. <img src="{{authSer.pathImg + service.photo}}" />
  38. {{service.name}}
  39. </li>
  40. </ul>
  41. </div>
  42. <div class="listData-w text-center">
  43. <router-outlet></router-outlet>
  44. </div>
  45. </div>