\r\n\t
\r\n\t \r\n\t
\r\n\t \r\n\t
\r\n\t \r\n\t \r\n\t
\r\n\t \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-layout-box',\r\n templateUrl: './layout-box.component.html',\r\n styleUrls: ['./layout-box.component.scss']\r\n})\r\nexport class LayoutBoxComponent implements OnInit {\r\n \r\n public layoutsidebar: boolean = false;\r\n public activeItem: string;\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n // Is active \r\n isActive(menuItem) {\r\n \treturn this.activeItem === menuItem\r\n }\r\n\r\n // Sidebar Toggle\r\n layoutSidebarToggle() {\r\n \tthis.layoutsidebar = !this.layoutsidebar\r\n }\r\n\r\n // collapse\r\n opensettingcontent(val) {\r\n \tif (this.activeItem === val) {\r\n this.activeItem = '';\r\n } else {\r\n this.activeItem = val;\r\n }\r\n }\r\n\r\n // Layout Type\r\n customizeLayoutType(val) {\r\n if(val == 'rtl') {\r\n document.body.classList.remove('ltr')\r\n document.body.classList.add('rtl')\r\n } else {\r\n document.body.classList.remove('rtl')\r\n document.body.classList.add('ltr')\r\n }\r\n }\r\n\r\n // Set Theme color\r\n customizeThemeColor(event) {\r\n document.documentElement.style.setProperty('--theme-deafult', event.target.value);\r\n }\r\n\r\n customizeLayoutDark() {\r\n document.body.classList.toggle('dark')\r\n }\r\n\r\n}\r\n","Category
\r\n\r\n
\r\n\r\n
\r\n - \r\n
- \r\n \r\n All\r\n \r\n \r\n
- \r\n \r\n {{ category }}\r\n \r\n \r\n
- \r\n \r\n \r\n {{ tag.ItemTagName | translate }}\r\n \r\n \r\n
\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\nimport { BehaviorSubject } from 'rxjs';\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 // Array\r\n \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 { Component, OnInit } from '@angular/core';\r\nimport { NavService, Menu } from '../../services/nav.service';\r\nimport { Router } from '@angular/router';\r\nimport { CompanyService } from '../../services/company.service';\r\nimport { ProductService } from '../../services/product.service';\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 public shopCategoryMenu: Menu[];\r\n\r\n public pages: Menu[];\r\n public VariationFlatList=[];\r\n constructor(private router: Router, public navServices: NavService, public companyService: CompanyService,public productService:ProductService) {\r\n this.navServices.items.subscribe(menuItems => this.menuItems = menuItems);\r\n this.navServices.leftMenuItems.subscribe((menuItems) => {\r\n this.shopCategoryMenu = menuItems;\r\n this.shopCategoryMenu.forEach((f) => f.megaMenu = false);\r\n });\r\n this.companyService.companyPages.subscribe(pages => this.pages = pages);\r\n this.router.events.subscribe((event) => {\r\n this.navServices.mainMenuToggle = false;\r\n });\r\n this.productService.getProductsVariation.subscribe(varitaions => {\r\n let arrayList=[]\r\n varitaions.forEach((element:any) => {\r\n if(element.Child){\r\n arrayList.push(element?.Child);\r\n }\r\n });\r\n this.VariationFlatList = [...new Set(arrayList.flat())];\r\n });\r\n }\r\n\r\n ngOnInit(): void {\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 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,\r\n Injectable, PLATFORM_ID, Inject } from '@angular/core';\r\nimport { isPlatformBrowser } from '@angular/common';\r\nimport { NgbModal, ModalDismissReasons, NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { Router } from '@angular/router';\r\nimport { Product } from \"../../../classes/product\";\r\nimport { ProductService } from '../../../services/product.service';\r\nimport { environment } from 'src/environments/environment';\r\nimport { FormBuilder, Validators } from '@angular/forms';\r\nimport { CustomerService } from 'src/app/shared/services/customer.service';\r\nimport { CompanyService } from 'src/app/shared/services/company.service';\r\n\r\n@Component({\r\n selector: 'app-address',\r\n templateUrl: './address.component.html',\r\n styleUrls: ['./address.component.scss']\r\n})\r\nexport class AddressComponent implements OnInit, OnDestroy {\r\n@Input('data') public data;\r\n env=environment;\r\n public closeResult: string;\r\n public modalOpen: boolean = false;\r\n shippingAddress:any;\r\n stateList=[];\r\n cityList=[];\r\n countryList=[];\r\n constructor(public companyService:CompanyService,private customerService:CustomerService,private formBuilder: FormBuilder, private modalService: NgbModal,public modal:NgbActiveModal) { }\r\n\r\n ngOnInit(): void {\r\n this.shippingAddress = this.formBuilder.group({\r\n \"Id\":[0,[]],\r\n \"CityId\":[0,[Validators.required]],\r\n \"CountryId\":[0,[Validators.required]],\r\n \"StateId\":[0,[Validators.required]],\r\n \"Area\":[,[]],\r\n \"PinCode\":[,[Validators.required]],\r\n \"Status\":[1,[]],\r\n \"Address\":[,[Validators.required]],\r\n \"GstNo\":[,[]],\r\n \"FirstName\":[,[Validators.required]],\r\n \"LastName\":[,[Validators.required]],\r\n \"MobileNo\":[],\r\n \"AddressTypeId\": 1\r\n });\r\n if(this.data){\r\n this.shippingAddress.patchValue(this.data);\r\n this.onCountryChange(this.data.CountryId);\r\n }\r\n }\r\n\r\n\r\n saveAddress(){\r\n if(!this.shippingAddress.valid){\r\n return false;\r\n }\r\n this.customerService.addEditAddress(this.shippingAddress.value).subscribe({\r\n next: (res: any) => {\r\n if (res.Status === 0) {\r\n this.modal.close('Success');\r\n } else {\r\n }\r\n\r\n }\r\n });\r\n }\r\n closeModalPop() {\r\n this.modal.close();\r\n }\r\n ngOnDestroy() {\r\n this.closeModalPop();\r\n }\r\n \r\n onCountryChange(countryId:number){\r\n \r\n this.companyService.getState(countryId).subscribe({\r\n next: (res: any) => {\r\n if (res.Data) {\r\n this.stateList = res.Data;\r\n if(this.data){\r\n this.onStateChange(this.data.StateId);\r\n }\r\n }\r\n }\r\n });\r\n }\r\n onStateChange(stateId:number){\r\n \r\n this.companyService.getCity(stateId).subscribe({\r\n next: (res: any) => {\r\n if (res.Data) {\r\n this.cityList = res.Data;\r\n }\r\n }\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 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
\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.ItemName | 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.ItemName | 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, Input } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { ProductService } from \"../../../services/product.service\";\r\nimport { Product } from \"../../../classes/product\";\r\n\r\n@Component({\r\n selector: 'app-cart-variation',\r\n templateUrl: './cart-variation.component.html',\r\n styleUrls: ['./cart-variation.component.scss']\r\n})\r\nexport class CartVariationComponent implements OnInit, OnDestroy {\r\n\r\n @Input() direction: string = 'right'; // Default Direction Right\r\n\r\n public products: Product[] = [];\r\n\r\n constructor(public productService: ProductService) {\r\n this.productService.cartItems.subscribe(response => this.products = response);\r\n }\r\n\r\n ngOnInit(): void {\r\n this.productService.OpenCart = false;\r\n }\r\n\r\n closeCart() {\r\n this.productService.OpenCart = false;\r\n }\r\n\r\n get getTotal(): Observable\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?.ItemName | titlecase }}
\r\n \r\n\r\n \r\n {{ product?.quantity }} x \r\n {{ product?.SellRate * 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 Sign up for free Newsletter
\r\nSubscribe to us and stay updated with latest drops and event updates.
\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.SellRate * currency?.price | currency:currency?.currency:'symbol' }}\r\n
\r\n
\r\n {{ product.ItemName | titlecase }}
\r\n{{ product.SellRate * currency?.price | currency:currency?.currency:'symbol' }}\r\n {{ product.MrpRate * currency?.price | currency:currency?.currency:'symbol' }}\r\n
\r\n - \r\n
- \r\n \r\n
\r\n
\r\n product details
\r\n \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.SellRate\">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?.ItemName}}
\r\n\t \r\n\t\r\n\t\t![\"images\"\r\n\t\tclass=\"img-fluid\"]()
\r\n\t \r\n\t
\r\n\t\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?.SellRate * currency?.price | discount:product | currency:currency?.currency:'symbol' }}\r\n
\r\n
\r\n {{ product?.ItemName | titlecase }}
\r\n \r\n\r\n {{ product?.SellRate * currency?.price | discount:product | currency:currency?.currency:'symbol' }}\r\n {{ product?.SellRate * 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?.SellRate * currency?.price | discount:product | currency:currency?.currency:'symbol' }}\r\n
\r\n
\r\n {{ product?.ItemName | titlecase }}
\r\n \r\n\r\n {{ product?.SellRate * currency?.price | discount:product | currency:currency?.currency:'symbol' }}\r\n {{ product?.SellRate * 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 aaa
\r\n \r\n
\r\n
\r\n
\r\n\r\n \r\n {{ product?.SellRate * currency?.price | discount:product | currency:currency?.currency:'symbol' }}\r\n
\r\n
\r\n {{ product?.ItemName | titlecase }}
\r\n \r\n{{ product?.LongDescription }}
\r\n\r\n {{ product?.SellRate * currency?.price | discount:product | currency:currency?.currency:'symbol' }}\r\n {{ product?.SellRate * currency?.price | currency:currency?.currency:'symbol' }}\r\n
\r\n \r\n
\r\n M.R.P.
\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?.ItemName | titlecase }}
\r\n \r\n{{ product?.SellRate * 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?.SellRate * currency?.price | discount:product | currency:currency?.currency:'symbol' }}\r\n
\r\n
\r\n\r\n{{ product.ItemName | titlecase }}
\r\n \r\n\r\n {{ product?.SellRate * currency?.price | discount:product | currency:currency?.currency:'symbol' }}\r\n {{ product?.SellRate * 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.ImgName.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 \r\n {{ product?.SellRate * productService.Currency?.price | discount:product | currency:productService.Currency?.currency:'symbol' }}\r\n
\r\n
\r\n {{ product.ItemName | titlecase }}
\r\n\r\n {{ product?.SellRate * productService.Currency?.price | discount:product | currency:productService.Currency?.currency:'symbol' }}\r\n \r\n \r\n {{ product?.SellRate * 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 \r\n {{ product?.SellRate * productService.Currency?.price | discount:product | currency:productService.Currency?.currency:'symbol' }}\r\n
\r\n
\r\n {{ product.ItemName | titlecase }}
\r\n\r\n {{ product?.SellRate * productService.Currency?.price | discount:product | currency:productService.Currency?.currency:'symbol' }}\r\n \r\n \r\n {{ product?.SellRate * 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, OnInit, Injectable, PLATFORM_ID, Inject, SimpleChanges } 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\nimport { CartService } from '../../services/cart.service';\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 totalItems=0;\r\n public languages = [{ \r\n name: 'English',\r\n code: 'en'\r\n },{\r\n name: 'Hindi',\r\n code: 'hi'\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,private cartService:CartService) {\r\n this.productService.cartItems.subscribe(response => {\r\n this.products = response;\r\n this.totalCount();\r\n });\r\n }\r\n ngOnChanges(changes: SimpleChanges): void {\r\n //Called before any other lifecycle hook. Use it to inject dependencies, but avoid any serious work here.\r\n //Add '${implements OnChanges}' to the class.\r\n this.totalCount();\r\n }\r\n ngOnInit(): void {\r\n this.cartService.events$.forEach(event =>{\r\n \r\n this.productService.cartItems.subscribe(response => {\r\n this.products = response;\r\n this.totalCount();\r\n });\r\n });\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\t\t\r\n \r\n
\r\n{{ product.ItemName | titlecase }}
\r\n \r\n\t\t{{ product?.SellRate * currency?.price | discount:product | currency:currency?.currency:'symbol' }}
\r\n- \r\n
- \r\n \r\n
\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\r\n}\r\n","- \r\n
- \r\n \r\n\r\n \r\n
![\"search-img\"](\"assets/images/icon/search.png\" "\\"Search\\"")
\r\n \r\n \r\n - \r\n \r\n
![\"seating\"](\"../assets/images/icon/setting.png\" "\\"setting\\"")
\r\n \r\n\r\nlanguage
\r\n- \r\n
- \r\n {{ language.name }}\r\n \r\n
\r\n - \r\n \r\n \r\n\r\n {{ totalItems }}\r\n
![\"Cart\"](\"../assets/images/icon/cart.png\" "\\"Cart\\"")
\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 \r\n\r\n{{ product?.ItemName }}
\r\n \r\n\r\n \r\n {{ product?.quantity }} x\r\n {{ product?.SellRate * productService?.Currency.price |\r\n 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\r\n{{ attr?.ItemName }}
\r\n \r\n
{{attr?.ColorName| titlecase}} {{attr?.SizeName| titlecase}}\r\n \r\n {{ attr?.quantity }} x\r\n {{ attr?.SellRate * productService?.Currency.price |\r\n 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\r\n \r\n0\">\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
\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 } from '@angular/core';\r\nimport { NavService, Menu } from '../../services/nav.service';\r\nimport { Router } from '@angular/router';\r\nimport { CompanyService } from '../../services/company.service';\r\nimport { ProductService } from '../../services/product.service';\r\n\r\nimport * as _ from 'lodash';\r\n@Component({\r\n selector: 'app-variation-menu',\r\n templateUrl: './variation-menu.component.html',\r\n styleUrls: ['./variation-menu.component.scss']\r\n})\r\nexport class VariationMenuComponent implements OnInit {\r\n\r\n public menuItems: Menu[];\r\n public shopCategoryMenu: Menu[];\r\n\r\n public pages: Menu[];\r\n public VariationFlatList=[];\r\n constructor(private router: Router, public navServices: NavService, public companyService: CompanyService,public productService:ProductService) {\r\n this.navServices.items.subscribe(menuItems =>{\r\n this.menuItems = menuItems;\r\n console.log('menuItems',this.menuItems);\r\n });\r\n this.navServices.leftMenuItems.subscribe((menuItems) => {\r\n \r\n this.shopCategoryMenu = menuItems;\r\n this.shopCategoryMenu.forEach((f) => f.megaMenu = false);\r\n });\r\n this.companyService.companyPages.subscribe(pages => this.pages = pages);\r\n this.router.events.subscribe((event) => {\r\n this.navServices.mainMenuToggle = false;\r\n });\r\n this.productService.getProductsVariation.subscribe(varitaions => {\r\n let arrayList=[]\r\n varitaions.forEach((element:any) => {\r\n if(element.Child){\r\n arrayList.push(element?.Child);\r\n }\r\n });\r\n this.VariationFlatList =_.uniqBy([...new Set(arrayList.flat())],'TypeId');\r\n });\r\n }\r\n\r\n ngOnInit(): void {\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 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","// 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: 5\r\n },\r\n 480: {\r\n items: 5\r\n },\r\n 0: {\r\n items: 5\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 nav:true\r\n}\r\nexport let productdetailnavslider:any={\r\n items: 3,\r\n loop: false,\r\n mouseDrag: false,\r\n touchDrag: false,\r\n pullDrag: false,\r\n rewind: true,\r\n autoplay: true,\r\n margin: 0,\r\n nav: true,\r\n dots:false\r\n}","import { AfterContentInit, ContentChildren, Directive, HostListener, QueryList } from '@angular/core';\r\nimport { NgbDropdown } from '@ng-bootstrap/ng-bootstrap';\r\nimport * as _ from 'lodash';\r\n@Directive({\r\n selector: '[appNestedDropdown]',\r\n})\r\nexport class NestedDropdownDirective implements AfterContentInit {\r\n\r\n @ContentChildren(NgbDropdown, { descendants: true })\r\n childrenDropdowns: QueryList\r\n \r\n
\r\n ...
\r\n*/\r\n\r\n@Directive({\r\n selector: '[ngInit]'\r\n})\r\nexport class NgInitDirective implements OnInit {\r\n\r\n @Output()\r\n ngInit: EventEmitter\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 \r\n
\r\n +91 - {{companyService.companyData?.Hotellist_Model?.ContactNo}}
\r\n |\r\n(10 AM to 6 PM ) Monday to Saturday
\r\n |\r\n📢 {{Header1?.Description}}
\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\"]( "\\"logo\\"")
\r\n \r\n
\r\n - \r\n
- Lorem ipsum\r\n dolor\r\n sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna\r\n aliqua. Ut enim ad minim veniam, \r\n
- Call Us:
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {{car.ItemName | translate}} \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 {{ menuItem.title | translate }}\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n {{ tag.ItemTagName | translate }}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n