\r\n
\r\n","import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-breadcrumb-one',\r\n templateUrl: './breadcrumb-one.component.html',\r\n styleUrl: './breadcrumb-one.component.scss'\r\n})\r\nexport class BreadcrumbOneComponent {\r\n @Input() breadcrumbTxt: string = ''\r\n}\r\n","\r\n
\r\n\r\n
\r\n \r\n {{ title }}\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-breadcrumb',\r\n templateUrl: './breadcrumb.component.html',\r\n styleUrls: ['./breadcrumb.component.scss']\r\n})\r\nexport class BreadcrumbComponent implements OnInit {\r\n\r\n @Input() title : string;\r\n @Input() breadcrumb : string;\r\n\r\n constructor() {\r\n }\r\n\r\n ngOnInit() : void { }\r\n\r\n}\r\n","\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Product } from '../../classes/product';\r\nimport { ProductService } from '../../services/product.service';\r\n\r\n@Component({\r\n selector: 'app-categories',\r\n templateUrl: './categories.component.html',\r\n styleUrls: ['./categories.component.scss']\r\n})\r\nexport class CategoriesComponent implements OnInit {\r\n\r\n public products: Product[] = [];\r\n public collapse: boolean = true;\r\n\r\n constructor(public productService: ProductService) { \r\n this.productService.getProducts.subscribe(product => this.products = product);\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n get filterbyCategory() {\r\n const category = [...new Set(this.products.map(product => product.type))]\r\n return category\r\n }\r\n\r\n}\r\n","\r\n\r\n
\r\n{{breadcrumbTxt}}
\r\n\r\n
\r\n","import { Component, Input, input } from \"@angular/core\";\r\nimport { CommonModule } from \"@angular/common\";\r\nimport {\r\n FormArray,\r\n FormBuilder,\r\n FormControl,\r\n FormGroup,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n Validators,\r\n} from \"@angular/forms\";\r\nimport {\r\n distinctUntilChanged,\r\n ReplaySubject,\r\n Subscription,\r\n takeUntil,\r\n} from \"rxjs\";\r\nimport { AttributeService } from \"../../services/attributes.service\";\r\nimport { Attribute, SortAttributes } from \"../../data/sort-attributes.model\";\r\nimport { CuisineService } from \"../../services/cuisine.service\";\r\nimport { Cuisine } from \"../../data/cuisine\";\r\nimport { SECTOR_SLUGS } from \"../../data/constants\";\r\nimport { SectorService } from \"src/app/home/sectors/services/sector.service\";\r\nimport { SectorBaseModel } from \"src/app/home/sectors/models/sector.model\";\r\nimport {\r\n MenuCategory,\r\n VendorType,\r\n} from \"src/app/home/sectors/stores/models/menu-items\";\r\nimport { OrderService } from \"../../services/order.service\";\r\nimport { ActivatedRoute } from \"@angular/router\";\r\nimport { log } from \"console\";\r\n\r\n@Component({\r\n selector: \"app-common-filter\",\r\n // standalone: true,\r\n // imports: [CommonModule, FormsModule, ReactiveFormsModule],\r\n templateUrl: \"./common-filter.component.html\",\r\n styleUrl: \"./common-filter.component.scss\",\r\n})\r\nexport class CommonFilterComponent {\r\n @Input() filterType: string = \"\";\r\n @Input() selectedSector: string = \"\";\r\n @Input() selectedArea: string | null = \"\";\r\n @Input() selectedCity: string | null = \"\";\r\n @Input() selectedZone: string | null = \"\";\r\n @Input() selectedCuisine: string | null = \"\";\r\n @Input() isMobile: boolean = false;\r\n @Input() menuCategories: MenuCategory[] = [];\r\n @Input() filterForm: FormGroup = {} as FormGroup;\r\n\r\n isAttrLoading = false;\r\n isSortAttrLoading = false;\r\n isCuisinesLoading = false;\r\n isVendorTypeLoading = false;\r\n\r\n sectorSlugs = SECTOR_SLUGS;\r\n sectorValue: SectorBaseModel;\r\n destroy: ReplaySubjectCategory
\r\n\r\n
\r\n\r\n
\r\n - \r\n
- \r\n \r\n {{ category }}\r\n \r\n \r\n
\r\n @if (this.filterType=='sector') {\r\n\r\n \r\n\r\n } @if(!isSortAttrLoading) {\r\n\r\n \r\n\r\n } @if (selectedSector==sectorSlugs.RESTAURANTS) { @if(!isCuisinesLoading) {\r\n \r\n\r\n } } @if (selectedSector!=sectorSlugs.RESTAURANTS && this.selectedSector !=\r\n this.sectorSlugs.CHARITIES) { @if(!isVendorTypeLoading) {\r\n\r\n
\r\n\r\n } @else {\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n All {{ sectorValue?.Name }}
\r\n\r\n
\r\n\r\n @if(!isAttrLoading) {\r\n\r\n \r\n \r\n ![\"\"](\"https://tmdone-cdn.s3.me-south-1.amazonaws.com/tmweb/images/tm/icons/in_filter_reset.png\")
\r\n Reset \r\n \r\n
\r\n \r\n Reset \r\n \r\n \r\n
\r\n\r\n } @else{\r\n\r\n \r\n @for(attr of attributesList; track $index) {\r\n
\r\n \r\n
\r\n }\r\n \r\n \r\n {{ attr?.Name }}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Sort By
\r\n\r\n
\r\n\r\n } @else {\r\n\r\n \r\n @for(sortFilter of sortAttributesList; track $index) {\r\n\r\n
\r\n \r\n
\r\n\r\n }\r\n \r\n
\r\n \r\n \r\n {{ sortFilter.Name }}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Sort By
\r\n\r\n
\r\n \r\n
\r\n Cuisines
\r\n\r\n
\r\n\r\n } @else {\r\n\r\n \r\n @for(cuisine of cuisinesList; track $index) {\r\n\r\n
\r\n \r\n \r\n
\r\n\r\n }\r\n \r\n
\r\n \r\n
\r\n Cuisines
\r\n\r\n
\r\n \r\n
\r\n Store Types
\r\n\r\n \r\n @for(vendorType of vendorTypeList; track $index) {\r\n
\r\n \r\n
\r\n\r\n }\r\n \r\n \r\n {{ vendorType?.Name }}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Store Types
\r\n\r\n
\r\n \r\n \r\n\r\n } @else {\r\n\r\n \r\n
\r\n \r\n {{\r\n selectedSector == sectorSlugs.RESTAURANTS\r\n ? \"Menu Items\"\r\n : \"Menu Categories\"\r\n }}\r\n
\r\n\r\n\r\n
\r\n\r\n }\r\n \r\n @for(menuCategory of menuCategories; track $index) {\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {{ menuCategory.Name }}\r\n
\r\n \r\n \r\n \r\n
","import { Component, OnInit } from '@angular/core';\r\nimport { NavService, Menu } from '../../services/nav.service';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-left-menu',\r\n templateUrl: './left-menu.component.html',\r\n styleUrls: ['./left-menu.component.scss']\r\n})\r\nexport class LeftMenuComponent implements OnInit {\r\n\r\n public menuItems: Menu[];\r\n\r\n constructor(private router: Router, public navServices: NavService) {\r\n this.navServices.leftMenuItems.subscribe(menuItems => this.menuItems = menuItems );\r\n this.router.events.subscribe((event) => {\r\n this.navServices.mainMenuToggle = false;\r\n });\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n leftMenuToggle(): void {\r\n this.navServices.leftMenuToggle = !this.navServices.leftMenuToggle;\r\n }\r\n\r\n // Click Toggle menu (Mobile)\r\n toggletNavActive(item) {\r\n item.active = !item.active;\r\n }\r\n\r\n onHover(menuItem) {\r\n if(window.innerWidth > 1200 && menuItem){\r\n document.getElementById('unset').classList.add('sidebar-unset')\r\n } else {\r\n document.getElementById('unset').classList.remove('sidebar-unset')\r\n }\r\n }\r\n\r\n}\r\n","\r\n\r\n","import {\r\n ChangeDetectorRef,\r\n Component,\r\n DestroyRef,\r\n ElementRef,\r\n inject,\r\n NgZone,\r\n ViewChild,\r\n} from \"@angular/core\";\r\nimport { BsModalRef, BsModalService } from \"ngx-bootstrap/modal\";\r\nimport { LocationSearchSharedService } from \"src/app/home/services/locations/location-search-shared.service\";\r\nimport { takeUntilDestroyed } from \"@angular/core/rxjs-interop\";\r\nimport { GoogleMapService } from \"src/app/shared/services/google-map-service.service\";\r\nimport { Observable, pipe, ReplaySubject, takeUntil } from \"rxjs\";\r\nimport { Location } from \"src/app/shared/data/location-search\";\r\nimport { GoogleMap } from \"@angular/google-maps\";\r\n@Component({\r\n selector: \"app-location-modal\",\r\n\r\n templateUrl: \"./location-modal.component.html\",\r\n styleUrl: \"./location-modal.component.scss\",\r\n})\r\nexport class LocationModalComponent {\r\n @ViewChild(\"template\", { static: true }) template: any;\r\n @ViewChild(\"searchInput\", { static: false }) searchInput:\r\n | ElementRef\r\n | undefined;\r\n map: google.maps.Map;\r\n modalRef: BsModalRef | undefined;\r\n destroy: ReplaySubject\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 layout\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 Fashion
\r\n\r\n \r\n \t\tPreview\r\n \t\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Fashion 2
\r\n\r\n \r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Fashion 2
\r\n\r\n \r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Vegetable
\r\n\r\n \r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Watch
\r\n\r\n \r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Furniture
\r\n\r\n \r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Flower
\r\n\r\n \r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Beauty
\r\n\r\n \r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Electronics
\r\n\r\n \r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Pets
\r\n\r\n \r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Gym
\r\n\r\n \r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Tools
\r\n\r\n \r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Shoes
\r\n\r\n \r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Bags
\r\n\r\n \r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Marijuana
\r\n\r\n \r\n \t\tPreview\r\n \t\r\n
\r\n \r\n
\r\n \r\n shop\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 left sidebar
\r\n\r\n \r\n \t\tPreview\r\n \t\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n right sidebar
\r\n\r\n \r\n \t\tPreview\r\n \t\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n no sidebar
\r\n\r\n \r\n \t\tPreview\r\n \t\r\n
\r\n \r\n
\r\n \r\n product\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 left sidebar
\r\n\r\n \r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n right sidebar
\r\n\r\n \r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n no sidebar
\r\n\r\n \r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n three column
\r\n\r\n \r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Four image
\r\n\r\n \r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Bundle Product
\r\n\r\n \r\n Preview\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n Image Outside
\r\n\r\n \r\n Preview\r\n \r\n
\r\n \r\n
\r\n \r\n color picker\r\n \r\n
\r\n\r\n
\r\n - \r\n
- \r\n \r\n theme deafult color\r\n \r\n
\r\n
\r\n \r\n RTL\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n Purchase Multikart now!\r\n \r\n \r\n ![](\"assets/images/icon/html.png\")
Multikart Html\r\n \r\n \r\n ![](\"assets/images/icon/vue.png\")
Multikart Vue\r\n \r\n \r\n ![](\"assets/images/icon/react.png\")
Multikart React\r\n \r\n \r\n ![](\"assets/images/icon/shopify.png\")
Multikart Shopify\r\n \r\n
\r\n Multikart Html\r\n \r\n \r\n Multikart Vue\r\n \r\n \r\n Multikart React\r\n \r\n \r\n Multikart Shopify\r\n \r\n \r\n
\r\n\r\n\r\n
\r\n Select Your Location
\r\n \r\n\r\n \r\n @if(center){\r\n\r\n \r\n\r\n\r\n
\r\n \r\n
\r\n \r\n ![\"pin](\"https://tmdone-cdn.s3.me-south-1.amazonaws.com/tmweb/images/tm/icons/location-search-icn.svg\")
\r\n \r\n\r\n
\r\n @if (isShowResults) {\r\n\r\n \r\n \r\n\r\n \r\n @for (item of locatiionSearchList; track $index) {\r\n
\r\n\r\n }\r\n\r\n \r\n\r\n
\r\n\r\n }\r\n\r\n ![\"\"](\"https://tmdone-cdn.s3.me-south-1.amazonaws.com/tmweb/images/tm/default-pin.svg\")
\r\n
\r\n \r\n\r\n @if (currentLocation?.text ) {\r\n \r\n
\r\n\r\n \r\n
\r\n }\r\n @if(zoom<18){\r\n \r\n {{currentLocation?.text}}
\r\n
\r\n }\r\n \r\n Please zoom to to continue
\r\n\r\n
","import { Component, Input } from \"@angular/core\";\r\nimport {\r\n Location,\r\n locationSearchResult,\r\n LocationSearchResult,\r\n} from \"src/app/shared/data/location-search\";\r\nimport { LocationSearchItemComponent } from \"../location-search-item/location-search-item.component\";\r\nimport { LocationSearchSharedService } from \"src/app/home/services/locations/location-search-shared.service\";\r\nimport { GoogleMapService } from \"src/app/shared/services/google-map-service.service\";\r\nimport { ReplaySubject, takeUntil } from \"rxjs\";\r\n\r\n@Component({\r\n selector: \"app-location-search-list\",\r\n standalone: false,\r\n\r\n templateUrl: \"./location-search-list.component.html\",\r\n styleUrl: \"./location-search-list.component.scss\",\r\n})\r\nexport class LocationSearchListComponent {\r\n @Input() locations: Location[] = [];\r\n locationsList: Location[];\r\n destroy: ReplaySubject\r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n {{location.primaryText}}
\r\n{{location.text}}
\r\n\r\n\r\n @for (location of locations; track $index) {\r\n \r\n
","import { Component, OnInit } from '@angular/core';\r\nimport { NavService, Menu } from '../../services/nav.service';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-menu',\r\n templateUrl: './menu.component.html',\r\n styleUrls: ['./menu.component.scss']\r\n})\r\nexport class MenuComponent implements OnInit {\r\n\r\n public menuItems: Menu[];\r\n\r\n constructor(private router: Router, public navServices: NavService) {\r\n this.navServices.items.subscribe(menuItems => this.menuItems = menuItems );\r\n this.router.events.subscribe((event) => {\r\n this.navServices.mainMenuToggle = false;\r\n });\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n mainMenuToggle(): void {\r\n this.navServices.mainMenuToggle = !this.navServices.mainMenuToggle;\r\n }\r\n\r\n // Click Toggle menu (Mobile)\r\n toggletNavActive(item) {\r\n item.active = !item.active;\r\n }\r\n\r\n}\r\n","\r\n","import { Component, OnInit, OnDestroy, ViewChild, TemplateRef, Input, AfterViewInit,\r\n Injectable, PLATFORM_ID, Inject } from '@angular/core';\r\nimport { isPlatformBrowser } from '@angular/common';\r\nimport { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';\r\nimport { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';\r\n\r\n@Component({\r\n selector: 'app-age-verification',\r\n templateUrl: './age-verification.component.html',\r\n styleUrls: ['./age-verification.component.scss']\r\n})\r\nexport class AgeVerificationComponent implements OnInit, AfterViewInit, OnDestroy {\r\n\r\n @ViewChild(\"ageVerification\") AgeVerificationModal: TemplateRef\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 Item\r\n {{ product.title | titlecase }}\r\n successfully added to your Cart\r\n
\r\n \r\n \r\n\r\n\r\n ![\"\"](\"assets/images/payment_cart.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Customers who bought this item also.
\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 {{ product.title | titlecase }}\r\n
\r\n{{ product.price * currency?.price | discount:product | currency:currency?.currency:'symbol' }}
\r\n\r\n \r\n
","import { Component, OnInit, OnDestroy, ViewChild, TemplateRef, Input, AfterViewInit,\r\n Injectable, PLATFORM_ID, Inject } from '@angular/core';\r\nimport { isPlatformBrowser } from '@angular/common';\r\nimport { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@Component({\r\n selector: 'app-newsletter',\r\n templateUrl: './newsletter.component.html',\r\n styleUrls: ['./newsletter.component.scss']\r\n})\r\nexport class NewsletterComponent implements OnInit, AfterViewInit, OnDestroy {\r\n\r\n @ViewChild(\"newsletter\", { static: false }) NewsLetterModal: TemplateRef\r\n
\r\n\r\n
\r\n my cart
\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{{ product?.title | titlecase }}
\r\n \r\n\r\n \r\n {{ product?.quantity }} x \r\n {{ product?.price * productService?.Currency.price | discount:product | currency:productService?.Currency.currency:'symbol' }}\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 subtotal :\r\n {{ getTotal | async | currency:productService?.Currency.currency:'symbol' }}\r\n
\r\n \r\n - \r\n \r\n \r\n
\r\n
\r\n \r\n Your Cart is Empty\r\n
\r\n continue shopping\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 ![\"\"](\"assets/images/offer-banner-1.png\")
\r\n \r\n
\r\n \r\n newsletter
\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 {{ product.price * currency?.price | discount:product | currency:currency?.currency:'symbol' }}\r\n
\r\n
\r\n {{ product.title | titlecase }}
\r\n{{ product.price * currency?.price | discount:product | currency:currency?.currency:'symbol' }}\r\n {{ product.price * currency?.price | currency:currency?.currency:'symbol' }}\r\n
\r\n - \r\n
- \r\n \r\n
\r\n
\r\n product details
\r\n{{ product.description.substring(0, 200)+'...' }}
\r\n\r\n
\r\n \r\n \r\n
\r\n - \r\n
- \r\n {{ size | titlecase }}\r\n \r\n
In Stock
\r\nproduct.stock\">Out of Stock
\r\nquantity
\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\t
\r\n\r\n\t
\r\n\t {{product?.title}}
\r\n\t \r\n\t\r\n\t ![\"\"](\"assets/images/size-chart.jpg\")
\r\n\t
\r\n\t\r\n\t \r\n
\r\n\r\n \r\n ![\"\"](\"assets/images/tm/icons/close_icon.png\")
\r\n
\r\n \r\n \r\n
\r\n @if (!isLoading) {\r\n\r\n\r\n \r\n @if(!isLoading){\r\n
\r\n \r\n
\r\n }@else {\r\n \r\n ![\"\"](\"{{menuItemOne?.ImageUrl}}\")
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n
\r\n {{menuItemOne?.Name}}
\r\n\r\n
\r\n\r\n\r\n @if (menuItemOne?.HasCustomizations) {\r\n\r\n @for (customization of menuItemOne?.Customizations; track $index) {\r\n\r\n\r\n\r\n {{menuItemOne?.Description}}
\r\n{{currencyFromat(menuItemOne?.Price?.Price)}} OMR
\r\n\r\n
\r\n }\r\n\r\n\r\n\r\n }\r\n\r\n \r\n {{customization?.Name}}\r\n ![\"\"]()
\r\n
\r\n \r\n
\r\n @for (item of customization?.Items; track $index) {\r\n\r\n
\r\n \r\n @for (item of customization?.Items; track $index) {\r\n\r\n
\r\n \r\n \r\n + OMR {{currencyFromat(item?.Price)}} \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
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"\"](\"../../../../assets/images/tm/icons/clear_item.png\")
\r\n 1\r\n ![\"\"](\"../../../../assets/images/tm/icons/item_add.png\")
\r\n
\r\n \r\n 1\r\n \r\n \r\n 3.000\r\n OMR Add to order\r\n
\r\n \r\n
\r\n \r\n new\r\n
\r\n \r\n \r\n ![\"{{]()
\r\n \r\n
\r\n 1\">\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 {{ product?.price * currency?.price | discount:product | currency:currency?.currency:'symbol' }}\r\n
\r\n
\r\n {{ product?.title | titlecase }}
\r\n \r\n\r\n {{ product?.price * currency?.price | discount:product | currency:currency?.currency:'symbol' }}\r\n {{ product?.price * currency?.price | currency:currency?.currency:'symbol' }}\r\n
\r\n - \r\n
- \r\n \r\n
\r\n \r\n Add to cart\r\n \r\n \r\n Add to cart\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {{ product?.price * currency?.price | discount:product | currency:currency?.currency:'symbol' }}\r\n
\r\n
\r\n {{ product?.title | titlecase }}
\r\n \r\n\r\n {{ product?.price * currency?.price | discount:product | currency:currency?.currency:'symbol' }}\r\n {{ product?.price * currency?.price | currency:currency?.currency:'symbol' }}\r\n
\r\n - \r\n
- \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n new\r\n on sale\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 {{ product?.price * currency?.price | discount:product | currency:currency?.currency:'symbol' }}\r\n
\r\n
\r\n {{ product?.title | titlecase }}
\r\n \r\n{{ product?.description }}
\r\n\r\n {{ product?.price * currency?.price | discount:product | currency:currency?.currency:'symbol' }}\r\n {{ product?.price * currency?.price | currency:currency?.currency:'symbol' }}\r\n
\r\n - \r\n
- \r\n \r\n
\r\n
\r\nnew
\r\n \r\n \r\n ![\"{{]()
\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n\r\n{{ product?.title | titlecase }}
\r\n \r\n{{ product?.price * currency?.price | discount:product | currency:currency?.currency:'symbol' }}
\r\n\r\n\t
\r\n\r\n\t\tnew\r\n\t\ton sale\r\n\t
\r\n\t\r\n \r\n ![\"\"]()
\r\n \r\n\t
\r\n\t\r\n\r\n\t\r\n \r\n \r\n {{ product?.price * currency?.price | discount:product | currency:currency?.currency:'symbol' }}\r\n
\r\n
\r\n\r\n{{ product.title | titlecase }}
\r\n \r\n\r\n {{ product?.price * currency?.price | discount:product | currency:currency?.currency:'symbol' }}\r\n {{ product?.price * currency?.price | currency:currency?.currency:'symbol' }}\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, OnInit, Input } from '@angular/core';\r\nimport { Product } from \"../../../classes/product\";\r\n\r\n@Component({\r\n selector: 'app-product-box-vertical',\r\n templateUrl: './product-box-vertical.component.html',\r\n styleUrls: ['./product-box-vertical.component.scss']\r\n})\r\nexport class ProductBoxVerticalComponent implements OnInit {\r\n\r\n @Input() product : Product;\r\n @Input() currency : any;\r\n\r\n public ImageSrc : string\r\n \r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n // Get Product Color\r\n Color(variants) {\r\n const uniqColor = [];\r\n for (let i = 0; i < Object.keys(variants).length; i++) {\r\n if (uniqColor.indexOf(variants[i].color) === -1 && variants[i].color) {\r\n uniqColor.push(variants[i].color)\r\n }\r\n }\r\n return uniqColor\r\n }\r\n\r\n // Change Variants\r\n ChangeVariants(color, product) {\r\n product.variants.map((item) => {\r\n if (item.color === color) {\r\n product.images.map((img) => {\r\n if (img.image_id === item.image_id) {\r\n this.ImageSrc = img.src;\r\n }\r\n })\r\n }\r\n })\r\n }\r\n\r\n}\r\n","{{ title }}
\r\n\r\n
\r\n \r\n \r\n ![\"\"]()
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {{ product?.price * productService.Currency?.price | discount:product | currency:productService.Currency?.currency:'symbol' }}\r\n
\r\n
\r\n {{ product.title | titlecase }}
\r\n\r\n {{ product?.price * productService.Currency?.price | discount:product | currency:productService.Currency?.currency:'symbol' }}\r\n \r\n \r\n {{ product?.price * productService.Currency?.price | currency:productService.Currency?.currency:'symbol' }}\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 {{ product?.price * productService.Currency?.price | discount:product | currency:productService.Currency?.currency:'symbol' }}\r\n
\r\n
\r\n {{ product.title | titlecase }}
\r\n\r\n {{ product?.price * productService.Currency?.price | discount:product | currency:productService.Currency?.currency:'symbol' }}\r\n \r\n \r\n {{ product?.price * productService.Currency?.price | currency:productService.Currency?.currency:'symbol' }}\r\n \r\n \r\n
\r\n \r\n \r\n ![\"{{]()
\r\n \r\n\t
","import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-sector-card-two',\r\n\r\n templateUrl: './sector-card-two.component.html',\r\n styleUrl: './sector-card-two.component.scss'\r\n})\r\nexport class SectorCardTwoComponent {\r\n @Input() title:string=\"\"\r\n @Input() img:string=\"\"\r\n @Input() active:boolean=false\r\n}\r\n","\r\n\t\t\r\n \r\n
\r\n{{ product.title | titlecase }}
\r\n \r\n\t\t{{ product?.price * currency?.price | discount:product | currency:currency?.currency:'symbol' }}
\r\n- \r\n
- \r\n \r\n
\r\n
","import { Component,Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-sector-card',\r\n\r\n templateUrl: './sector-card.component.html',\r\n styleUrl: './sector-card.component.scss'\r\n})\r\nexport class SectorCardComponent {\r\n@Input() title:string=\"\"\r\n@Input() img:string=\"\"\r\n@Input() active:boolean=false\r\n}\r\n","\r\n ![\"\"](\"assets/images/tm/sectors/{{img}}\")
\r\n @if (active) {\r\n \r\n }\r\n \r\n
\r\n \r\n @if (active) {\r\n \r\n }\r\n \r\n {{title}}
\r\n\r\n
","import { Component, OnInit, Injectable, PLATFORM_ID, Inject } from '@angular/core';\r\nimport { isPlatformBrowser } from '@angular/common';\r\nimport { Observable } from 'rxjs';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { ProductService } from \"../../services/product.service\";\r\nimport { Product } from \"../../classes/product\";\r\n\r\n@Component({\r\n selector: 'app-settings',\r\n templateUrl: './settings.component.html',\r\n styleUrls: ['./settings.component.scss']\r\n})\r\nexport class SettingsComponent implements OnInit {\r\n\r\n public products: Product[] = [];\r\n public search: boolean = false;\r\n \r\n public languages = [{ \r\n name: 'English',\r\n code: 'en'\r\n }, {\r\n name: 'French',\r\n code: 'fr'\r\n }];\r\n\r\n public currencies = [{\r\n name: 'Euro',\r\n currency: 'EUR',\r\n price: 0.90 // price of euro\r\n }, {\r\n name: 'Rupees',\r\n currency: 'INR',\r\n price: 70.93 // price of inr\r\n }, {\r\n name: 'Pound',\r\n currency: 'GBP',\r\n price: 0.78 // price of euro\r\n }, {\r\n name: 'Dollar',\r\n currency: 'USD',\r\n price: 1 // price of usd\r\n }]\r\n\r\n constructor(@Inject(PLATFORM_ID) private platformId: Object,\r\n private translate: TranslateService,\r\n public productService: ProductService) {\r\n this.productService.cartItems.subscribe(response => this.products = response);\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n searchToggle(){\r\n this.search = !this.search;\r\n }\r\n\r\n changeLanguage(code){\r\n if (isPlatformBrowser(this.platformId)) {\r\n this.translate.use(code)\r\n }\r\n }\r\n\r\n get getTotal(): Observable\r\n ![\"\"](\"https://tmdone-cdn.s3.me-south-1.amazonaws.com/tmweb/images/tm/sectors/{{img}}\")
\r\n @if (active) {\r\n \r\n }\r\n \r\n
\r\n \r\n @if (active) {\r\n \r\n }\r\n \r\n {{title}}
\r\n\r\n
","import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-skeleton-filter-checks',\r\n standalone: false,\r\n\r\n templateUrl: './skeleton-filter-checks.component.html',\r\n styleUrl: './skeleton-filter-checks.component.scss'\r\n})\r\nexport class SkeletonFilterChecksComponent {\r\n @Input() skeletonItems: any[] = Array(2);\r\n}\r\n","- \r\n
- \r\n \r\n\r\n \r\n
![\"\"](\"assets/images/icon/search.png\")
\r\n \r\n \r\n - \r\n \r\n
![\"settong\"](\"assets/images/icon/setting.png\")
\r\n \r\n\r\nlanguage
\r\n- \r\n
- \r\n {{ language.name }}\r\n \r\n
currency
\r\n- \r\n
- \r\n {{ currency.name }}\r\n \r\n
\r\n - \r\n \r\n \r\n\r\n {{ products.length }}\r\n
![\"\"](\"assets/images/icon/cart.png\")
\r\n \r\n \r\n - \r\n
Your cart is currently empty.
\r\n- \r\n
- \r\n \r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n{{ product?.title }}
\r\n \r\n\r\n \r\n {{ product?.quantity }} x \r\n {{ product?.price * productService?.Currency.price | discount:product | currency:productService?.Currency.currency:'symbol' }}\r\n \r\n
\r\n \r\n - \r\n \r\n\r\n
subtotal : {{ getTotal | async | currency:productService?.Currency.currency:'symbol' }}
\r\n \r\n - \r\n \r\n \r\n
\r\n - \r\n
\r\n @for(item of skeletonItems; track $index) {\r\n
","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-skeleton-product-box',\r\n templateUrl: './skeleton-product-box.component.html',\r\n styleUrls: ['./skeleton-product-box.component.scss']\r\n})\r\nexport class SkeletonProductBoxComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n currencyFromat(price: number) {\r\n return price?.toFixed(3);\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, OnInit, HostListener } from '@angular/core';\r\nimport { ViewportScroller } from '@angular/common';\r\n\r\n@Component({\r\n selector: 'app-tap-to-top',\r\n templateUrl: './tap-to-top.component.html',\r\n styleUrls: ['./tap-to-top.component.scss']\r\n})\r\nexport class TapToTopComponent implements OnInit {\r\n \r\n public show: boolean = false;\r\n\r\n constructor(private viewScroller: ViewportScroller) { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n // @HostListener Decorator\r\n @HostListener(\"window:scroll\", [])\r\n onWindowScroll() {\r\n let number = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;\r\n \tif (number > 600) { \r\n \t this.show = true;\r\n \t} else {\r\n \t this.show = false;\r\n \t}\r\n }\r\n\r\n tapToTop() {\r\n \tthis.viewScroller.scrollToPosition([0, 0]);\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';\r\n\r\n@Component({\r\n selector: 'app-testimonial-card',\r\n standalone: false,\r\n\r\n templateUrl: './testimonial-card.component.html',\r\n styleUrl: './testimonial-card.component.scss'\r\n})\r\nexport class TestimonialCardComponent {\r\n\r\n}\r\n","\r\n \r\n
\r\n\r\n ![\"\"](\"assets/images/tm/icons/testimonial-quote.png\")
\r\n
\r\n\r\n Life before Company was very chaotic — we got a lot of phone calls, a lot of mistyped orders. So with Company, the ability to see the order directly from the customer makes it...
\r\n \r\n\r\n ![\"Author\"](\"assets/images/tm/avatar.png\")
\r\n \r\n
","import { Component,Input } from '@angular/core';\r\nimport { MenuItem } from 'src/app/home/sectors/stores/models/menu-items';\r\n\r\n@Component({\r\n selector: 'app-product-tile-one',\r\n templateUrl: './product-tile-one.component.html',\r\n styleUrl: './product-tile-one.component.scss'\r\n})\r\nexport class ProductTileOneComponent {\r\n@Input() menuItem: MenuItem;\r\ncurrencyFromat(price: number) {\r\n return price?.toFixed(3);\r\n}\r\n}\r\n","\r\n \r\n\r\n
\r\n\r\n \r\n ![\"\"](\"{{menuItem.ImageUrl}}\")
\r\n
\r\n \r\n
\r\n{{menuItem?.Name}}
\r\n{{menuItem.Description}}
\r\n\r\n @if(menuItem.Price.IsItemOnSale) {\r\n {{currencyFromat(menuItem.Price.SalePrice)}} OMR\r\n {{currencyFromat(menuItem.Price.Price)}} OMR\r\n }@else {\r\n {{currencyFromat(menuItem.Price.Price)}} OMR\r\n }\r\n
\r\n \r\n","import { Component,Input } from '@angular/core';\r\nimport { SectorBaseModel } from 'src/app/home/sectors/models/sector.model';\r\n\r\n@Component({\r\n selector: 'app-sector-tile-one',\r\n\r\n templateUrl: './sector-tile-one.component.html',\r\n styleUrl: './sector-tile-one.component.scss'\r\n})\r\nexport class SectorTileOneComponent {\r\n@Input() sectorData: SectorBaseModel=null;\r\n@Input() selectedSector: string\r\n\r\nngOnInit(): void {\r\n //Called after the constructor, initializing input properties, and the first call to ngOnChanges.\r\n //Add 'implements OnInit' to the class.\r\n // console.log(this.selectedSector,\"selectedSector22\");\r\n \r\n}\r\n}\r\n","
\r\n
","import { Component, Input } from \"@angular/core\";\r\nimport { SectorStore } from \"src/app/home/sectors/models/sector.model\";\r\n\r\n@Component({\r\n selector: \"app-store-tile-one\",\r\n\r\n templateUrl: \"./store-tile-one.component.html\",\r\n styleUrl: \"./store-tile-one.component.scss\",\r\n})\r\nexport class StoreTileOneComponent {\r\n @Input() storeData: SectorStore;\r\n\r\n joinCuisine(arr: string[]) {\r\n arr.join(\" \");\r\n }\r\n\r\n getCoverUrl() {\r\n return this.storeData?.CoverUrl.length? this.storeData.CoverUrl : this.storeData?.LogoUrl\r\n }\r\n}\r\n","\r\n
\r\n \r\n ![](\"{{sectorData.ImageUrl}}\")
\r\n
\r\n \r\n \r\n {{sectorData.Name}}
\r\n\r\n
\r\n","export const SECTOR_SLUGS = {\r\n RESTAURANTS: \"restaurants\",\r\n GROCERIES: \"groceries\",\r\n STORES: \"stores\",\r\n FLOWERS: \"flowers\",\r\n CHARITIES: \"charities\",\r\n TM_STORE: \"tm-store\",\r\n};\r\n\r\nexport const SECTOR_CODES = {\r\n FOOD: \"FOOD\",\r\n SERVICE: \"service\",\r\n GROC: \"GROC\",\r\n FLOWER: \"FLOWER\",\r\n CHARITY: \"CHARITY\",\r\n MART: \"MART\",\r\n};\r\n\r\nexport const ORDER_TYPE = {\r\n DELIVERY: \"DELIVERY\",\r\n PICKUP: \"PICKUP\",\r\n};\r\n\r\nexport const BANNER_AREA_CODES = {\r\n DEALS: \"Deals\",\r\n};\r\n\r\nexport const SECTOR_DESCRIPTIONS = {\r\n restaurants: \"Explore a wide variety of culinary delights from local favorites to international cuisines. Whether it's breakfast, lunch, or dinner, our platform connects you with top restaurants, making it easy for you to satisfy your cravings. Enjoy hassle-free ordering and prompt delivery at your convenience.\",\r\n groceries: \"Our grocery delivery service brings all your household essentials straight to your door. From fresh fruits and vegetables to everyday pantry items, we’ve got you covered. Skip the queues and have everything delivered without any stress, making shopping more convenient than ever.\",\r\n stores: \"TM Store is your one-stop-shop for everything you need! Discover a wide range of items, from beauty products, skincare, and wellness items to camping gear, electronics, and household essentials. Browse the extensive selection and shop with ease for the things that matter most to you.\",\r\n flowers: \"Brighten up any occasion with our beautiful floral arrangements. Whether it's to celebrate a special event, show appreciation, or simply bring some color into your space, our fresh flowers are available for delivery with just a few clicks. Choose from a wide range of bouquets and let us help make someone's day.\",\r\n donations: \"Giving back to the community has never been easier. Our platform allows you to make donations to a variety of local charities and non-profit organizations directly through the app. Join us in making a difference by supporting those in need, whether it's for humanitarian efforts, education, or community programs.\",\r\n // \"tm-store\": \"TM Store has it all! From high-quality beauty products, blooms, gadgets, and fitness gear, to everything you need for a camping trip, our TM Store is designed to cater to your diverse needs. Shop conveniently and enjoy fast delivery on all your favorite items.\",\r\n electronics: \"Get your hands on the latest electronic gadgets and devices without stepping out of your home. Our platform offers a wide selection of the best electronics, including headphones, speakers, smartphones, and more. Stay updated with the latest technology and enjoy quick delivery services straight to your door.\"\r\n};","export const sectors :Sector[] = [\r\n { title: 'Restaurants', img: 'food-sector-icon.png', sector: 'restaurants' },\r\n { title: 'Groceries', img: 'grocery-sector-icon.png', sector: 'groceries' },\r\n { title: 'Flowers', img: 'food-sector-icon.png', sector: 'flowers' },\r\n { title: 'Electronics', img: 'grocery-sector-icon.png', sector: 'electronics' },\r\n { title: 'Donations', img: 'food-sector-icon.png', sector: 'donations' },\r\n // { title: 'Others', img: 'grocery-sector-icon.png', sector: 'others' },\r\n];\r\n\r\nexport interface Sector {\r\n title: string;\r\n img: string;\r\n sector: string;\r\n}\r\n\r\nexport interface Store {\r\n storeName: string;\r\n items: string;\r\n img: string;\r\n Rate: number;\r\n RatedCount: number;\r\n deliveryTime: string;\r\n DeliveryFee: number;\r\n isSpOffer: boolean\r\n}\r\n\r\nexport const stores: Store[] = [\r\n {storeName: 'Burger King', items: 'American, Burgers', img: 'Store-banner-2.png', Rate: 4.1, RatedCount: 245, deliveryTime: '20-30 Mins', DeliveryFee: 0.500, isSpOffer: true },\r\n {storeName: 'KFC - Muscat Expy', items: 'American, Burgers', img: 'Store-banner-1.png', Rate: 4.1, RatedCount: 245, deliveryTime: '20-30 Mins', DeliveryFee: 0.500, isSpOffer: true },\r\n {storeName: 'Mr. Shawarma', items: 'American, Burgers', img: 'Store-banner-3.png', Rate: 4.1, RatedCount: 245, deliveryTime: '20-30 Mins', DeliveryFee: 0.500, isSpOffer: true },\r\n {storeName: 'Burger King', items: 'American, Burgers', img: 'Store-banner-1.png', Rate: 4.1, RatedCount: 245, deliveryTime: '20-30 Mins', DeliveryFee: 0.500, isSpOffer: false },\r\n {storeName: 'KFC - Muscat Expy', items: 'American, Burgers', img: 'Store-banner-3.png', Rate: 4.1, RatedCount: 245, deliveryTime: '20-30 Mins', DeliveryFee: 0.500, isSpOffer: true },\r\n {storeName: 'Burger King', items: 'American, Burgers', img: 'Store-banner-2.png', Rate: 4.1, RatedCount: 245, deliveryTime: '20-30 Mins', DeliveryFee: 0.500, isSpOffer: false },\r\n {storeName: 'KFC - Muscat Expy', items: 'American, Burgers', img: 'Store-banner-3.png', Rate: 4.1, RatedCount: 245, deliveryTime: '20-30 Mins', DeliveryFee: 0.500, isSpOffer: false },\r\n {storeName: 'Burger King', items: 'American, Burgers', img: 'Store-banner-1.png', Rate: 4.1, RatedCount: 245, deliveryTime: '20-30 Mins', DeliveryFee: 0.500, isSpOffer: false },\r\n {storeName: 'Mr. Shawarma', items: 'American, Burgers', img: 'Store-banner-2.png', Rate: 4.1, RatedCount: 245, deliveryTime: '20-30 Mins', DeliveryFee: 0.500, isSpOffer: false },\r\n]\r\n\r\nexport interface MenuItemData {\r\n itemName: string;\r\n description: string;\r\n itemImg: string;\r\n oldPrice: string;\r\n newPrice: string;\r\n qty: number\r\n}\r\n\r\nexport const menuList: MenuItemData[] = [\r\n {itemName: 'Spicy Chicken Burger', description: '5 Pieces of Chicken Breast grille Lorem Ipsum is simply…', itemImg:'menu_item_1.png', oldPrice: '4.500', newPrice: '3.000', qty: 0},\r\n {itemName: 'Tandoori Chicken Biri…', description: '5 Pieces of Chicken Breast grille Lorem Ipsum is simply…', itemImg:'menu_item_2.png', oldPrice: '4.500', newPrice: '3.000', qty: 0},\r\n {itemName: 'Spicy Chicken Wrap', description: '5 Pieces of Chicken Breast grille Lorem Ipsum is simply…', itemImg:'menu_item_3.png', oldPrice: '4.500', newPrice: '3.000', qty: 1},\r\n {itemName: 'Chicken Biriyani', description: '5 Pieces of Chicken Breast grille Lorem Ipsum is simply…', itemImg:'menu_item_4.png', oldPrice: '4.500', newPrice: '3.000', qty: 2},\r\n {itemName: 'Item Name Here', description: '5 Pieces of Chicken Breast grille Lorem Ipsum is simply…', itemImg:'menu_item_5.png', oldPrice: '4.500', newPrice: '', qty: 0},\r\n {itemName: 'Item Name Here', description: '5 Pieces of Chicken Breast grille Lorem Ipsum is simply…', itemImg:'menu_item_8.png', oldPrice: '4.500', newPrice: '3.000', qty: 1},\r\n {itemName: 'Item Name Here', description: '5 Pieces of Chicken Breast grille Lorem Ipsum is simply…', itemImg:'menu_item_7.png', oldPrice: '4.500', newPrice: '3.000', qty: 0},\r\n]\r\n\r\n\r\n\r\nexport const SECTOR_DATA = [\r\n {\r\n Id: \"5e2b82a68cbfe31a8cd09c64\",\r\n Code: \"FOOD\",\r\n Name: \"Restaurants\",\r\n ArabicName: \"المطاعم\",\r\n ImageUrl: \"https://tmdone-cdn.s3.me-south-1.amazonaws.com/sectors/133679377331639454.png\",\r\n ArabicImageUrl: \"https://tmdone-cdn.s3.me-south-1.amazonaws.com/sectors/133679377331979461.png\",\r\n Description: \"Search for restaurants or items\",\r\n DescriptionAR: \"ابحث عن مطاعم او منتجات\",\r\n IsVirtual: false,\r\n StoreId: null,\r\n Slug: \"restaurants\"\r\n },\r\n {\r\n Id: \"5e3ad6b88cbfe41824acf7a8\",\r\n Code: \"service\",\r\n Name: \"Groceries\",\r\n ArabicName: \"البقالات\",\r\n ImageUrl: \"https://tmdone-cdn.s3.me-south-1.amazonaws.com/sectors/133679377783077419.png\",\r\n ArabicImageUrl: \"https://tmdone-cdn.s3.me-south-1.amazonaws.com/sectors/133679377783417413.png\",\r\n Description: \"Search for stores or items\",\r\n DescriptionAR: \"ابحث عن متاجر او منتجات\",\r\n IsVirtual: false,\r\n StoreId: null,\r\n Slug: \"groceries\"\r\n },\r\n {\r\n Id: \"5e2b82b38cbfe31a8cd09c68\",\r\n Code: \"GROC\",\r\n Name: \"Stores\",\r\n ArabicName: \"إلكترونيات\",\r\n ImageUrl: \"https://tmdone-cdn.s3.me-south-1.amazonaws.com/sectors/133679378173774312.png\",\r\n ArabicImageUrl: \"https://tmdone-cdn.s3.me-south-1.amazonaws.com/sectors/133679378174024288.png\",\r\n Description: null,\r\n DescriptionAR: null,\r\n IsVirtual: false,\r\n StoreId: null,\r\n Slug: \"stores\"\r\n },\r\n {\r\n Id: \"6066f73d8cbfe92ad8b72422\",\r\n Code: \"FLOWER\",\r\n Name: \"Flowers\",\r\n ArabicName: \"زهور\",\r\n ImageUrl: \"https://tmdone-cdn.s3.me-south-1.amazonaws.com/sectors/133679378459179359.png\",\r\n ArabicImageUrl: \"https://tmdone-cdn.s3.me-south-1.amazonaws.com/sectors/133679378460039431.png\",\r\n Description: \"Search for flowers\",\r\n DescriptionAR: null,\r\n IsVirtual: false,\r\n StoreId: null,\r\n Slug: \"flowers\"\r\n },\r\n {\r\n Id: \"6165a3ae8cbfe339bc9aeff3\",\r\n Code: \"CHARITY\",\r\n Name: \"Charities\",\r\n ArabicName: \"الجمعيات الخيرية\",\r\n ImageUrl: \"https://tmdone-cdn.s3.me-south-1.amazonaws.com/sectors/133679377964080841.png\",\r\n ArabicImageUrl: \"https://tmdone-cdn.s3.me-south-1.amazonaws.com/sectors/133679377964340593.png\",\r\n Description: \"Search an organization\",\r\n DescriptionAR: \"ابحث عن\",\r\n IsVirtual: false,\r\n StoreId: null,\r\n Slug: \"charities\"\r\n },\r\n {\r\n Id: \"66e14f6ca888895748d3a956\",\r\n Code: \"MART\",\r\n Name: \"TM Store\",\r\n ArabicName: \"متجر تم دن\",\r\n ImageUrl: \"https://tmdone-cdn.s3.me-south-1.amazonaws.com/sectors/DepartmentStore.png\",\r\n ArabicImageUrl: \"https://tmdone-cdn.s3.me-south-1.amazonaws.com/sectors/DepartmentStore.png\",\r\n Description: null,\r\n DescriptionAR: null,\r\n IsVirtual: false,\r\n StoreId: null,\r\n Slug: \"tm-store\"\r\n }\r\n];\r\n","// Home Slider\r\nexport let HomeSlider: any = {\r\n loop: true,\r\n nav: true,\r\n dots: false,\r\n navContainerClass: 'owl-nav',\r\n navClass: [ 'owl-prev', 'owl-next' ],\r\n navText: [ '', '' ],\r\n responsive: {\r\n 0: {\r\n items: 1\r\n },\r\n 400: {\r\n items: 1\r\n },\r\n 740: {\r\n items: 1\r\n },\r\n 940: {\r\n items: 1\r\n }\r\n },\r\n};\r\n\r\n// Blog Slider\r\nexport let BlogSlider: any = {\r\n loop: true,\r\n dots: false,\r\n navSpeed: 300,\r\n responsive: {\r\n 0: {\r\n items: 1\r\n },\r\n 400: {\r\n items: 2\r\n },\r\n 740: {\r\n items: 2\r\n },\r\n 940: {\r\n items: 3\r\n },\r\n 1200: {\r\n items: 3\r\n }\r\n }\r\n};\r\n\r\n// Insta Slider\r\nexport let InstaSlider: any = {\r\n loop: true,\r\n dots: false,\r\n navSpeed: 300,\r\n responsive: {\r\n 740: {\r\n items: 3\r\n },\r\n 940: {\r\n items: 6\r\n },\r\n 1200: {\r\n items: 6\r\n }\r\n }\r\n};\r\n\r\n// Logo Slider\r\nexport let LogoSlider: any = {\r\n loop: true,\r\n dots: false,\r\n navSpeed: 300,\r\n responsive: {\r\n 767: {\r\n items: 5\r\n },\r\n 576: {\r\n items: 4\r\n },\r\n 480: {\r\n items: 3\r\n },\r\n 0: {\r\n items: 2\r\n }\r\n }\r\n};\r\n\r\n// Collection Slider\r\nexport let CollectionSlider: any = {\r\n loop: true,\r\n dots: false,\r\n navSpeed: 300,\r\n responsive: {\r\n 991: {\r\n items: 4 \r\n },\r\n 767: {\r\n items: 3 \r\n },\r\n 586: {\r\n items: 2\r\n },\r\n 0: {\r\n items: 1\r\n }\r\n }\r\n};\r\n\r\n// Category Slider\r\nexport let CategorySlider: any = {\r\n loop: true,\r\n dots: false,\r\n navSpeed: 300,\r\n responsive: {\r\n 1024: {\r\n items: 6\r\n },\r\n 767: {\r\n items: 5\r\n },\r\n 576: {\r\n items: 5\r\n },\r\n 480: {\r\n items: 3\r\n },\r\n 0: {\r\n items: 2\r\n }\r\n }\r\n};\r\n\r\n// Testimonial Slider\r\nexport let TestimonialSlider: any = {\r\n loop: true,\r\n dots: false,\r\n navSpeed: 300,\r\n responsive: {\r\n 991: {\r\n items: 2\r\n },\r\n 0: {\r\n items: 1\r\n }\r\n }\r\n}\r\n\r\n// Team Slider\r\nexport let TeamSlider: any = {\r\n loop: true,\r\n dots: false,\r\n navSpeed: 300,\r\n responsive: {\r\n 991: {\r\n items: 4\r\n },\r\n 767: {\r\n items: 3\r\n },\r\n 586: {\r\n items: 2\r\n },\r\n 0: {\r\n items: 2\r\n }\r\n }\r\n}\r\n\r\n// Compare Slider\r\nexport let CompareSlider: any = {\r\n loop: true,\r\n dots: false,\r\n navSpeed: 300,\r\n responsive: {\r\n 991: {\r\n items: 4\r\n },\r\n 767: {\r\n items: 3\r\n },\r\n 586: {\r\n items: 2\r\n },\r\n 0: {\r\n items: 1\r\n }\r\n }\r\n}\r\n\r\n// Product Slider\r\nexport let ProductSlider: any = {\r\n loop: false,\r\n dots: false,\r\n navSpeed: 300,\r\n autoHeight:true,\r\n responsive: {\r\n 991: {\r\n items: 4\r\n },\r\n 767: {\r\n items: 3\r\n },\r\n 420: {\r\n items: 2\r\n }, \r\n 0: {\r\n items: 1\r\n }\r\n }\r\n}\r\n\r\n// Product Slider\r\nexport let ProductOneSlider: any = {\r\n items: 1,\r\n loop: true,\r\n dots: false,\r\n navSpeed: 300\r\n}\r\n\r\n// New Product Slider\r\nexport let NewProductSlider: any = {\r\n items: 1,\r\n loop: true,\r\n nav: true,\r\n dots:false,\r\n navContainerClass: 'owl-nav',\r\n navClass: [ 'owl-prev', 'owl-next' ],\r\n navText: [ '', '' ],\r\n}\r\n\r\n// Product Details Main Slider\r\nexport let ProductDetailsMainSlider: any = {\r\n items: 1,\r\n nav: false,\r\n dots:false,\r\n autoplay: false,\r\n slideSpeed: 300,\r\n loop: true\r\n}\r\n\r\n// Product Details Thumb Slider\r\nexport let ProductDetailsThumbSlider: any = {\r\n items: 3,\r\n loop: true,\r\n margin: 10,\r\n dots:false\r\n}","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-footer-five',\r\n templateUrl: './footer-five.component.html',\r\n styleUrl: './footer-five.component.scss'\r\n})\r\nexport class FooterFiveComponent {\r\n @Input() class: string;\r\n @Input() themeLogo: string = 'assets/images/icon/logo.png'; // default Logo\r\n @Input() mainFooter: boolean = true; // Default true \r\n @Input() subFooter: boolean = false; // Default false \r\n \r\n public today: number = Date.now();\r\n \r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n}\r\n","\r\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-footer-four',\r\n templateUrl: './footer-four.component.html',\r\n styleUrls: ['./footer-four.component.scss']\r\n})\r\nexport class FooterFourComponent implements OnInit {\r\n\r\n @Input() class: string = 'footer-light' // Default class \r\n @Input() themeLogo: string = 'assets/images/icon/logo.png' // Default Logo\r\n\r\n public today: number = Date.now();\r\n \r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n\r\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-footer-one',\r\n templateUrl: './footer-one.component.html',\r\n styleUrls: ['./footer-one.component.scss']\r\n})\r\nexport class FooterOneComponent implements OnInit {\r\n\r\n @Input() class: string = 'footer-light' // Default class \r\n @Input() themeLogo: string = 'assets/images/icon/logo.png' // Default Logo\r\n @Input() newsletter: boolean = true; // Default True\r\n\r\n public today: number = Date.now();\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n\r\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-footer-three',\r\n templateUrl: './footer-three.component.html',\r\n styleUrls: ['./footer-three.component.scss']\r\n})\r\nexport class FooterThreeComponent implements OnInit {\r\n\r\n @Input() class: string; // Default class \r\n @Input() mainFooter: boolean = true; // Default true \r\n @Input() subFooter: boolean = false; // Default false \r\n @Input() themeLogo: string = 'assets/images/icon/logo.png'; // Default Logo\r\n\r\n public today: number = Date.now();\r\n \r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n\r\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-footer-two',\r\n templateUrl: './footer-two.component.html',\r\n styleUrls: ['./footer-two.component.scss']\r\n})\r\nexport class FooterTwoComponent implements OnInit {\r\n\r\n @Input() class: string;\r\n @Input() themeLogo: string = 'assets/images/icon/logo.png'; // default Logo\r\n @Input() mainFooter: boolean = true; // Default true \r\n @Input() subFooter: boolean = false; // Default false \r\n \r\n public today: number = Date.now();\r\n \r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n\r\n\r\n\r\n","import { Component, OnInit, Input, HostListener } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-header-five',\r\n templateUrl: './header-five.component.html',\r\n styleUrl: './header-five.component.scss'\r\n})\r\nexport class HeaderFiveComponent {\r\n @Input() class: string;\r\n @Input() themeLogo: string = 'https://tmdone-cdn.s3.me-south-1.amazonaws.com/tmweb/images/tm/logo.png'; // Default Logo\r\n @Input() topbar: boolean = true; // Default True\r\n @Input() sticky: boolean = false; // Default false\r\n Hamburgermenu: string = \"https://tmdone-cdn.s3.me-south-1.amazonaws.com/tmweb/images/tm/icons/hamburger-menu.png\";\r\n \r\n public stick: boolean = false;\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n // @HostListener Decorator\r\n @HostListener(\"window:scroll\", [])\r\n onWindowScroll() {\r\n let number = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;\r\n \tif (number >= 150 && window.innerWidth > 400) { \r\n \t this.stick = true;\r\n \t} else {\r\n \t this.stick = false;\r\n \t}\r\n }\r\n}\r\n","","import { Component, OnInit, Input, HostListener } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-header-four',\r\n templateUrl: './header-four.component.html',\r\n styleUrls: ['./header-four.component.scss']\r\n})\r\nexport class HeaderFourComponent implements OnInit {\r\n\r\n @Input() class: string = 'header-2 header-6';\r\n @Input() themeLogo: string = 'https://tmdone-cdn.s3.me-south-1.amazonaws.com/tmweb/images/icon/logo.png'; // Default Logo\r\n @Input() topbar: boolean = true; // Default True\r\n @Input() sticky: boolean = false; // Default false\r\n \r\n public stick: boolean = false;\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n // @HostListener Decorator\r\n @HostListener(\"window:scroll\", [])\r\n onWindowScroll() {\r\n let number = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;\r\n if (number >= 150 && window.innerWidth > 400) { \r\n this.stick = true;\r\n } else {\r\n this.stick = false;\r\n }\r\n }\r\n\r\n}\r\n","\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n{{ storeData?.Name }}
\r\n{{ storeData?.Cuisines }}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- Welcome to Our store Multikart \r\n
- Call Us: 123 - 456 - 7890 \r\n
\r\n
\r\n - \r\n
- \r\n Compare\r\n \r\n
- \r\n Wishlist\r\n \r\n
- \r\n My Account\r\n
- \r\n
- \r\n \r\n Login\r\n \r\n \r\n
- \r\n \r\n Logout\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 ![\"logo\"]()
\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
- Welcome to Our store Multikart \r\n
- Call Us: 123 - 456 - 7890 \r\n
\r\n
\r\n - \r\n
- \r\n Compare\r\n \r\n
- \r\n Wishlist\r\n \r\n
- \r\n My Account\r\n
- \r\n
- \r\n \r\n Login\r\n \r\n \r\n
- \r\n \r\n Logout\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 ![\"logo\"]()
\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 ![\"Logo\"]()
\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 Delivery \r\n \r\n \r\n Pickup \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 { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n name: 'discount'\r\n})\r\nexport class DiscountPipe implements PipeTransform {\r\n\r\n transform(value: any, args?: any): any {\r\n const price = args.discount ? args.price - (args.price * args.discount / 100) : args.price;\r\n return price\r\n }\r\n\r\n}\r\n","import { Injectable } from \"@angular/core\";\r\nimport { GoogleMapService } from \"./google-map-service.service\";\r\nimport { BaseDataService } from \"./base-data.service\";\r\nimport { Location } from \"../data/location-search\";\r\nimport { VendorType } from \"src/app/home/sectors/stores/models/menu-items\";\r\nimport { Observable } from \"rxjs\";\r\n\r\n@Injectable({\r\n providedIn: \"root\",\r\n})\r\nexport class AttributeService {\r\n private sortAttrsApiUrl: string = \"/attributes/sortattribs\";\r\n private attrsAllApiUrl: string = \"/attributes/find\";\r\n currrentLocation: Location;\r\n private vendortypeApiUrl: string = \"vendorTypes/all\";\r\n constructor(\r\n private baseDataService: BaseDataService,\r\n private googleMapService: GoogleMapService\r\n ) {\r\n this.currrentLocation = googleMapService.getCurrentLocationValue();\r\n }\r\n\r\n getSortAttributes() {\r\n return this.baseDataService.get(this.sortAttrsApiUrl + \"?\"+this.googleMapService.getLocationParameter(),true);\r\n }\r\n getAllAttributes() {\r\n return this.baseDataService.get(this.attrsAllApiUrl + \"?\"+this.baseDataService.isPickupParameter,true);\r\n }\r\n getAttributes(sectorCode:string) {\r\n return this.baseDataService.get(this.attrsAllApiUrl + \"?\"+this.baseDataService.isPickupParameter+'§orCode='+sectorCode+'&'+this.googleMapService.getLocationParameter(),false,true);\r\n }\r\n\r\n getVendortypes(sectorId:string):Observable\r\n
\r\n \r\n \r\n \r\n Delivery \r\n \r\n \r\n Pickup \r\n \r\n
\r\n