├── .docker
    └── development.dockerfile
├── .dockerignore
├── .editorconfig
├── .firebaserc
├── .gitignore
├── .tool-versions
├── .vscode
    ├── launch.json
    └── settings.json
├── .yarnrc
├── CHANGELOG.md
├── CODE_OF_CONDUCT.md
├── CONTRIBUTING.md
├── LICENSE
├── README.md
├── angular.json
├── contributors.md
├── database.rules.json
├── docker-compose.yml
├── docs
    ├── changelog.html
    ├── classes
    │   ├── Address.html
    │   ├── AppPreloadingStrategy.html
    │   ├── AuthActions.html
    │   ├── Brand.html
    │   ├── CJsonApi.html
    │   ├── CState.html
    │   ├── CheckoutActions.html
    │   ├── Classification.html
    │   ├── Country.html
    │   ├── HideMobileMainMenu.html
    │   ├── HideMobileSearchBar.html
    │   ├── Image.html
    │   ├── LightOrder.html
    │   ├── LineItem.html
    │   ├── LoadLayouts.html
    │   ├── OptionType.html
    │   ├── OptionValue.html
    │   ├── Order.html
    │   ├── PasswordMatchValidator.html
    │   ├── Payment.html
    │   ├── PaymentMode.html
    │   ├── Price.html
    │   ├── Product.html
    │   ├── ProductActions.html
    │   ├── ProductProperty.html
    │   ├── RatingCategory.html
    │   ├── RatingOption.html
    │   ├── RatingOptionVote.html
    │   ├── RatingSummary.html
    │   ├── Review.html
    │   ├── ReviewList.html
    │   ├── SearchActions.html
    │   ├── ShowMobileMainMenu.html
    │   ├── ShowMobileSearchBar.html
    │   ├── Taxon.html
    │   ├── User.html
    │   ├── UserActions.html
    │   └── Variant.html
    ├── components
    │   ├── AboutUsComponent.html
    │   ├── AddAddressComponent.html
    │   ├── AddEditAddressComponent.html
    │   ├── AddressComponent.html
    │   ├── AddressesComponent.html
    │   ├── AppComponent.html
    │   ├── BrandFilterComponent.html
    │   ├── BrandListComponent.html
    │   ├── BrandLogoComponent.html
    │   ├── BrandMenuDropdownComponent.html
    │   ├── BrandsPageComponent.html
    │   ├── BreadcrumbComponent.html
    │   ├── CartComponent.html
    │   ├── CashOnDeliveryComponent.html
    │   ├── CategoriesComponent.html
    │   ├── CategoriesDetailsComponent.html
    │   ├── CategoriesListComponent.html
    │   ├── CategoriesMenuDropdownComponent.html
    │   ├── CategoryMobileMenuComponent.html
    │   ├── CategoryPageComponent.html
    │   ├── CheckPincodeComponent.html
    │   ├── CheckoutFooterComponent.html
    │   ├── CheckoutHeaderComponent.html
    │   ├── ContentComponent.html
    │   ├── ContentHeaderComponent.html
    │   ├── CreditCardComponent.html
    │   ├── CustomizeComponent.html
    │   ├── DeliveryAddressComponent.html
    │   ├── DeliveryOptionsComponent.html
    │   ├── EmptyCartComponent.html
    │   ├── FaqPageComponent.html
    │   ├── FavoriteProductListItemComponent.html
    │   ├── FavoriteProductsComponent.html
    │   ├── FilterComponent.html
    │   ├── FilterMobileMenuComponent.html
    │   ├── FilterSummaryComponent.html
    │   ├── FooterComponent.html
    │   ├── FooterContactInfoComponent.html
    │   ├── FooterQuickLinksComponent.html
    │   ├── FooterSocialLinksComponent.html
    │   ├── ForgetPasswordComponent.html
    │   ├── HeaderCartComponent.html
    │   ├── HeaderComponent.html
    │   ├── HeaderHelpDropdownComponent.html
    │   ├── HeaderSearchComponent.html
    │   ├── HomeComponent.html
    │   ├── HostedPaymentComponent.html
    │   ├── InnerIproductComponent.html
    │   ├── LandingComponent.html
    │   ├── LineItemComponent.html
    │   ├── LineItemListComponent.html
    │   ├── LoadingIndicatorComponent.html
    │   ├── LoginComponent.html
    │   ├── LpBannerComponent.html
    │   ├── LpBrandsComponent.html
    │   ├── LpProductListComponent.html
    │   ├── LpPromoComponent.html
    │   ├── NetBankingComponent.html
    │   ├── NotificationComponent.html
    │   ├── OrderDetailComponent.html
    │   ├── OrderFailedComponent.html
    │   ├── OrderListItemComponent.html
    │   ├── OrderSuccessComponent.html
    │   ├── OrderTotalSummaryComponent.html
    │   ├── OrdersComponent.html
    │   ├── OverviewComponent.html
    │   ├── PaymentComponent.html
    │   ├── PaymentModeComponent.html
    │   ├── PaymentModesListComponent.html
    │   ├── PlItemComponent.html
    │   ├── ProductComponent.html
    │   ├── ProductCountComponent.html
    │   ├── ProductDescriptionComponent.html
    │   ├── ProductDetailPageComponent.html
    │   ├── ProductDetailsComponent.html
    │   ├── ProductImagesComponent.html
    │   ├── ProductListComponent.html
    │   ├── ProductListItemComponent.html
    │   ├── ProductPriceInfoComponent.html
    │   ├── ProductReviewComponent.html
    │   ├── ProductSliderComponent.html
    │   ├── ProductVariantsComponent.html
    │   ├── ProfileComponent.html
    │   ├── ProfileDropdownComponent.html
    │   ├── ProfileEmailComponent.html
    │   ├── ProfilePasswordComponent.html
    │   ├── ReturnListItemComponent.html
    │   ├── ReturnPolicyComponent.html
    │   ├── ReturnsComponent.html
    │   ├── SavedAddressComponent.html
    │   ├── SignUpComponent.html
    │   ├── TaxonsComponent.html
    │   ├── UpdatePasswordComponent.html
    │   ├── UserComponent.html
    │   └── WriteProductReviewComponent.html
    ├── contributing.html
    ├── coverage.html
    ├── dependencies.html
    ├── directives
    │   └── ZoomableDirective.html
    ├── fonts
    │   ├── FontAwesome.otf
    │   ├── fontawesome-webfont.eot
    │   ├── fontawesome-webfont.svg
    │   ├── fontawesome-webfont.ttf
    │   ├── fontawesome-webfont.woff
    │   ├── fontawesome-webfont.woff2
    │   ├── roboto-v15-latin-300.eot
    │   ├── roboto-v15-latin-300.svg
    │   ├── roboto-v15-latin-300.ttf
    │   ├── roboto-v15-latin-300.woff
    │   ├── roboto-v15-latin-300.woff2
    │   ├── roboto-v15-latin-700.eot
    │   ├── roboto-v15-latin-700.svg
    │   ├── roboto-v15-latin-700.ttf
    │   ├── roboto-v15-latin-700.woff
    │   ├── roboto-v15-latin-700.woff2
    │   ├── roboto-v15-latin-regular.eot
    │   ├── roboto-v15-latin-regular.svg
    │   ├── roboto-v15-latin-regular.ttf
    │   ├── roboto-v15-latin-regular.woff
    │   └── roboto-v15-latin-regular.woff2
    ├── graph
    │   └── dependencies.svg
    ├── images
    │   ├── banner
    │   ├── compodoc-vectorise-inverted.svg
    │   ├── compodoc-vectorise.svg
    │   ├── compodoc.png
    │   ├── compodoc.svg
    │   ├── coverage-badge.svg
    │   └── favicon.ico
    ├── index.html
    ├── injectables
    │   ├── AddressService.html
    │   ├── AuthService.html
    │   ├── AuthenticationEffects.html
    │   ├── CanActivateViaAuthGuard.html
    │   ├── CheckoutEffects.html
    │   ├── CheckoutService.html
    │   ├── FilterPipe.html
    │   ├── HttpService.html
    │   ├── JsonApiParserService.html
    │   ├── LayoutEffects.html
    │   ├── PaymentService.html
    │   ├── ProductEffects.html
    │   ├── ProductResolver.html
    │   ├── ProductService.html
    │   ├── TransferStateService.html
    │   ├── UserEffects.html
    │   ├── UserService.html
    │   ├── VariantParserService.html
    │   └── VariantRetriverService.html
    ├── interceptors
    │   ├── ResponseInterceptor.html
    │   ├── TokenInterceptor.html
    │   └── TransferStateInterceptor.html
    ├── interfaces
    │   ├── AppState.html
    │   ├── AuthState.html
    │   ├── CheckoutState.html
    │   ├── CurrentSelectedOptionsType.html
    │   ├── HomeState.html
    │   ├── LayoutState.html
    │   ├── OptionTypesHash.html
    │   ├── ProductState.html
    │   ├── SearchState.html
    │   ├── State.html
    │   ├── Taxonomy.html
    │   └── UserState.html
    ├── js
    │   ├── compodoc.js
    │   ├── libs
    │   │   ├── EventDispatcher.js
    │   │   ├── bootstrap-native.js
    │   │   ├── d3.v3.min.js
    │   │   ├── deep-iterator.js
    │   │   ├── es6-shim.min.js
    │   │   ├── highlight.pack.js
    │   │   ├── htmlparser.js
    │   │   ├── innersvg.js
    │   │   ├── prism.js
    │   │   ├── promise.min.js
    │   │   ├── svg-pan-zoom.min.js
    │   │   ├── tablesort.min.js
    │   │   ├── tablesort.number.min.js
    │   │   ├── vis.min.js
    │   │   └── zepto.min.js
    │   ├── menu.js
    │   ├── routes.js
    │   ├── search
    │   │   ├── lunr.min.js
    │   │   ├── search-engine.js
    │   │   ├── search-lunr.js
    │   │   ├── search.js
    │   │   └── search_index.js
    │   ├── sourceCode.js
    │   ├── svg-pan-zoom.controls.js
    │   ├── tabs.js
    │   └── tree.js
    ├── license.html
    ├── miscellaneous.html
    ├── miscellaneous
    │   ├── enumerations.html
    │   ├── functions.html
    │   ├── typealiases.html
    │   └── variables.html
    ├── modules.html
    ├── modules
    │   ├── AddressModule.html
    │   ├── AddressModule
    │   │   └── dependencies.svg
    │   ├── AppModule.html
    │   ├── AppModule
    │   │   └── dependencies.svg
    │   ├── AppServerModule.html
    │   ├── AppServerModule
    │   │   └── dependencies.svg
    │   ├── AuthModule.html
    │   ├── AuthModule
    │   │   └── dependencies.svg
    │   ├── CartModule.html
    │   ├── CartModule
    │   │   └── dependencies.svg
    │   ├── CheckoutModule.html
    │   ├── CheckoutModule
    │   │   └── dependencies.svg
    │   ├── CoreModule.html
    │   ├── CoreModule
    │   │   └── dependencies.svg
    │   ├── HomeModule.html
    │   ├── HomeModule
    │   │   └── dependencies.svg
    │   ├── LandingModule.html
    │   ├── LandingModule
    │   │   └── dependencies.svg
    │   ├── LandingRoutingModule.html
    │   ├── LayoutModule.html
    │   ├── LayoutModule
    │   │   └── dependencies.svg
    │   ├── PaymentModule.html
    │   ├── PaymentModule
    │   │   └── dependencies.svg
    │   ├── ProductModule.html
    │   ├── ProductModule
    │   │   └── dependencies.svg
    │   ├── ProductRoutingModule.html
    │   ├── SharedModule.html
    │   ├── SharedModule
    │   │   └── dependencies.svg
    │   ├── UserModule.html
    │   └── UserModule
    │   │   └── dependencies.svg
    ├── overview.html
    ├── pipes
    │   ├── FilterPipe.html
    │   ├── HumanizePipe.html
    │   ├── KeysPipe.html
    │   └── ReversePipe.html
    ├── routes.html
    ├── search_index.json
    └── styles
    │   ├── bootstrap-card.css
    │   ├── bootstrap.min.css
    │   ├── compodoc.css
    │   ├── font-awesome.min.css
    │   ├── laravel.css
    │   ├── material.css
    │   ├── monokai-sublime.css
    │   ├── original.css
    │   ├── postmark.css
    │   ├── prism.css
    │   ├── readthedocs.css
    │   ├── reset.css
    │   ├── stripe.css
    │   ├── style.css
    │   ├── tablesort.css
    │   └── vagrant.css
├── e2e
    ├── app.e2e-spec.ts
    ├── app.po.ts
    └── tsconfig.e2e.json
├── firebase.json
├── karma.conf.js
├── netlify.toml
├── ngsw-config.json
├── package.json
├── protractor.conf.js
├── server.ts
├── src
    ├── app
    │   ├── app.component.html
    │   ├── app.component.scss
    │   ├── app.component.spec.ts
    │   ├── app.component.ts
    │   ├── app.module.ts
    │   ├── app.reducers.ts
    │   ├── app.routes.ts
    │   ├── app.server.module.ts
    │   ├── app_preloading_strategy.ts
    │   ├── auth
    │   │   ├── actions
    │   │   │   └── auth.actions.ts
    │   │   ├── auth.module.ts
    │   │   ├── auth.routes.ts
    │   │   ├── components
    │   │   │   ├── forget-password
    │   │   │   │   ├── forget-password.component.html
    │   │   │   │   ├── forget-password.component.scss
    │   │   │   │   ├── forget-password.component.spec.ts
    │   │   │   │   └── forget-password.component.ts
    │   │   │   ├── login
    │   │   │   │   ├── login.component.html
    │   │   │   │   ├── login.component.scss
    │   │   │   │   ├── login.component.spec.ts
    │   │   │   │   └── login.component.ts
    │   │   │   ├── sign-up
    │   │   │   │   ├── sign-up.component.html
    │   │   │   │   ├── sign-up.component.scss
    │   │   │   │   ├── sign-up.component.spec.ts
    │   │   │   │   └── sign-up.component.ts
    │   │   │   └── update-password
    │   │   │   │   ├── update-password.component.html
    │   │   │   │   ├── update-password.component.scss
    │   │   │   │   ├── update-password.component.spec.ts
    │   │   │   │   └── update-password.component.ts
    │   │   ├── effects
    │   │   │   └── auth.effects.ts
    │   │   └── reducers
    │   │   │   ├── auth.reducer.ts
    │   │   │   ├── auth.state.ts
    │   │   │   └── selectors.ts
    │   ├── checkout
    │   │   ├── actions
    │   │   │   └── checkout.actions.ts
    │   │   ├── address
    │   │   │   ├── add-address
    │   │   │   │   ├── add-address.component.html
    │   │   │   │   ├── add-address.component.scss
    │   │   │   │   ├── add-address.component.spec.ts
    │   │   │   │   └── add-address.component.ts
    │   │   │   ├── address.component.html
    │   │   │   ├── address.component.scss
    │   │   │   ├── address.component.spec.ts
    │   │   │   ├── address.component.ts
    │   │   │   ├── address.module.ts
    │   │   │   ├── delivery-address
    │   │   │   │   ├── delivery-address.component.html
    │   │   │   │   ├── delivery-address.component.scss
    │   │   │   │   ├── delivery-address.component.spec.ts
    │   │   │   │   └── delivery-address.component.ts
    │   │   │   ├── delivery-options
    │   │   │   │   ├── delivery-options.component.html
    │   │   │   │   ├── delivery-options.component.scss
    │   │   │   │   ├── delivery-options.component.spec.ts
    │   │   │   │   └── delivery-options.component.ts
    │   │   │   └── services
    │   │   │   │   └── address.service.ts
    │   │   ├── cart
    │   │   │   ├── cart.component.html
    │   │   │   ├── cart.component.scss
    │   │   │   ├── cart.component.spec.ts
    │   │   │   ├── cart.component.ts
    │   │   │   ├── cart.module.ts
    │   │   │   └── components
    │   │   │   │   ├── empty-cart
    │   │   │   │       ├── empty-cart.component.html
    │   │   │   │       ├── empty-cart.component.scss
    │   │   │   │       ├── empty-cart.component.spec.ts
    │   │   │   │       └── empty-cart.component.ts
    │   │   │   │   ├── line-item-list
    │   │   │   │       ├── line-item-list.component.html
    │   │   │   │       ├── line-item-list.component.scss
    │   │   │   │       ├── line-item-list.component.spec.ts
    │   │   │   │       ├── line-item-list.component.ts
    │   │   │   │       └── line-item
    │   │   │   │       │   ├── line-item.component.html
    │   │   │   │       │   ├── line-item.component.scss
    │   │   │   │       │   ├── line-item.component.spec.ts
    │   │   │   │       │   └── line-item.component.ts
    │   │   │   │   └── order-total-summary
    │   │   │   │       ├── order-total-summary.component.html
    │   │   │   │       ├── order-total-summary.component.scss
    │   │   │   │       ├── order-total-summary.component.spec.ts
    │   │   │   │       └── order-total-summary.component.ts
    │   │   ├── checkout.module.ts
    │   │   ├── checkout.routes.ts
    │   │   ├── effects
    │   │   │   └── checkout.effects.ts
    │   │   ├── order-failed
    │   │   │   ├── order-failed.component.html
    │   │   │   ├── order-failed.component.scss
    │   │   │   ├── order-failed.component.spec.ts
    │   │   │   └── order-failed.component.ts
    │   │   ├── order-success
    │   │   │   ├── order-success.component.html
    │   │   │   ├── order-success.component.scss
    │   │   │   ├── order-success.component.spec.ts
    │   │   │   └── order-success.component.ts
    │   │   ├── payment
    │   │   │   ├── payment-modes-list
    │   │   │   │   ├── cash-on-delivery
    │   │   │   │   │   ├── cash-on-delivery.component.html
    │   │   │   │   │   ├── cash-on-delivery.component.scss
    │   │   │   │   │   ├── cash-on-delivery.component.spec.ts
    │   │   │   │   │   └── cash-on-delivery.component.ts
    │   │   │   │   ├── hosted-payment
    │   │   │   │   │   ├── hosted-payment.component.html
    │   │   │   │   │   ├── hosted-payment.component.scss
    │   │   │   │   │   ├── hosted-payment.component.spec.ts
    │   │   │   │   │   └── hosted-payment.component.ts
    │   │   │   │   ├── payment-modes-list.component.html
    │   │   │   │   ├── payment-modes-list.component.scss
    │   │   │   │   ├── payment-modes-list.component.spec.ts
    │   │   │   │   ├── payment-modes-list.component.ts
    │   │   │   │   ├── razor-payment
    │   │   │   │   │   ├── razor-payment.component.html
    │   │   │   │   │   ├── razor-payment.component.scss
    │   │   │   │   │   ├── razor-payment.component.spec.ts
    │   │   │   │   │   └── razor-payment.component.ts
    │   │   │   │   └── stripe-payment
    │   │   │   │   │   ├── stripe-payment.component.html
    │   │   │   │   │   ├── stripe-payment.component.scss
    │   │   │   │   │   ├── stripe-payment.component.spec.ts
    │   │   │   │   │   └── stripe-payment.component.ts
    │   │   │   ├── payment.component.html
    │   │   │   ├── payment.component.scss
    │   │   │   ├── payment.component.spec.ts
    │   │   │   ├── payment.component.ts
    │   │   │   ├── payment.module.ts
    │   │   │   └── services
    │   │   │   │   └── payment.service.ts
    │   │   └── reducers
    │   │   │   ├── checkout.reducer.ts
    │   │   │   ├── checkout.state.ts
    │   │   │   └── selectors.ts
    │   ├── core
    │   │   ├── guards
    │   │   │   └── auth.guard.ts
    │   │   ├── index.ts
    │   │   ├── interceptors
    │   │   │   ├── reponse.interceptor.ts
    │   │   │   ├── token.interceptor.ts
    │   │   │   ├── transfer-state.interceptor.ts
    │   │   │   └── universal.interceptor.ts
    │   │   ├── models
    │   │   │   ├── address.ts
    │   │   │   ├── brand.ts
    │   │   │   ├── classification.ts
    │   │   │   ├── country.ts
    │   │   │   ├── image.ts
    │   │   │   ├── index.ts
    │   │   │   ├── jsonapi.ts
    │   │   │   ├── line_item.ts
    │   │   │   ├── option_type.ts
    │   │   │   ├── option_value.ts
    │   │   │   ├── order.ts
    │   │   │   ├── payment.ts
    │   │   │   ├── payment_key.ts
    │   │   │   ├── payment_mode.ts
    │   │   │   ├── price.ts
    │   │   │   ├── product.ts
    │   │   │   ├── product_property.ts
    │   │   │   ├── rating_category.ts
    │   │   │   ├── rating_option.ts
    │   │   │   ├── rating_option_vote.ts
    │   │   │   ├── rating_summary.ts
    │   │   │   ├── review.ts
    │   │   │   ├── review_list.ts
    │   │   │   ├── state.ts
    │   │   │   ├── taxon.ts
    │   │   │   ├── taxonomy.ts
    │   │   │   ├── user.ts
    │   │   │   └── variant.ts
    │   │   ├── pipes
    │   │   │   ├── humanize.pipe.ts
    │   │   │   └── reverse.pipe.ts
    │   │   └── services
    │   │   │   ├── auth.service.spec.ts
    │   │   │   ├── auth.service.ts
    │   │   │   ├── checkout.service.ts
    │   │   │   ├── http.ts
    │   │   │   ├── json-api-parser.service.ts
    │   │   │   ├── product.service.ts
    │   │   │   ├── transfer-state.service.ts
    │   │   │   ├── variant-parser.service.ts
    │   │   │   └── variant-retriver.service.ts
    │   ├── interfaces.ts
    │   ├── landing
    │   │   ├── components
    │   │   │   ├── about-us
    │   │   │   │   ├── about-us.component.html
    │   │   │   │   ├── about-us.component.scss
    │   │   │   │   ├── about-us.component.spec.ts
    │   │   │   │   └── about-us.component.ts
    │   │   │   ├── brands-page
    │   │   │   │   ├── brands-page.component.html
    │   │   │   │   ├── brands-page.component.scss
    │   │   │   │   ├── brands-page.component.spec.ts
    │   │   │   │   └── brands-page.component.ts
    │   │   │   ├── faq-page
    │   │   │   │   ├── faq-page.component.html
    │   │   │   │   ├── faq-page.component.scss
    │   │   │   │   ├── faq-page.component.spec.ts
    │   │   │   │   └── faq-page.component.ts
    │   │   │   ├── lp-banner
    │   │   │   │   ├── lp-banner.component.html
    │   │   │   │   ├── lp-banner.component.scss
    │   │   │   │   ├── lp-banner.component.spec.ts
    │   │   │   │   └── lp-banner.component.ts
    │   │   │   ├── lp-brands
    │   │   │   │   ├── lp-brands.component.html
    │   │   │   │   ├── lp-brands.component.scss
    │   │   │   │   ├── lp-brands.component.spec.ts
    │   │   │   │   └── lp-brands.component.ts
    │   │   │   ├── lp-product-list
    │   │   │   │   ├── lp-product-list.component.html
    │   │   │   │   ├── lp-product-list.component.scss
    │   │   │   │   ├── lp-product-list.component.spec.ts
    │   │   │   │   ├── lp-product-list.component.ts
    │   │   │   │   └── pl-item
    │   │   │   │   │   ├── pl-item.component.html
    │   │   │   │   │   ├── pl-item.component.scss
    │   │   │   │   │   ├── pl-item.component.spec.ts
    │   │   │   │   │   └── pl-item.component.ts
    │   │   │   ├── lp-promo
    │   │   │   │   ├── lp-promo.component.html
    │   │   │   │   ├── lp-promo.component.scss
    │   │   │   │   ├── lp-promo.component.spec.ts
    │   │   │   │   └── lp-promo.component.ts
    │   │   │   └── return-policy
    │   │   │   │   ├── return-policy.component.html
    │   │   │   │   ├── return-policy.component.scss
    │   │   │   │   ├── return-policy.component.spec.ts
    │   │   │   │   └── return-policy.component.ts
    │   │   ├── landing-routing.module.ts
    │   │   ├── landing.component.html
    │   │   ├── landing.component.scss
    │   │   ├── landing.component.spec.ts
    │   │   ├── landing.component.ts
    │   │   ├── landing.module.spec.ts
    │   │   └── landing.module.ts
    │   ├── layout
    │   │   ├── actions
    │   │   │   └── layout.actions.ts
    │   │   ├── checkout-footer
    │   │   │   ├── checkout-footer.component.html
    │   │   │   ├── checkout-footer.component.scss
    │   │   │   ├── checkout-footer.component.spec.ts
    │   │   │   └── checkout-footer.component.ts
    │   │   ├── checkout-header
    │   │   │   ├── checkout-header.component.html
    │   │   │   ├── checkout-header.component.scss
    │   │   │   ├── checkout-header.component.spec.ts
    │   │   │   └── checkout-header.component.ts
    │   │   ├── effects
    │   │   │   ├── layout.effects.spec.ts
    │   │   │   └── layout.effects.ts
    │   │   ├── footer
    │   │   │   ├── component
    │   │   │   │   ├── footer-contact-info
    │   │   │   │   │   ├── footer-contact-info.component.html
    │   │   │   │   │   ├── footer-contact-info.component.scss
    │   │   │   │   │   ├── footer-contact-info.component.spec.ts
    │   │   │   │   │   └── footer-contact-info.component.ts
    │   │   │   │   ├── footer-quick-links
    │   │   │   │   │   ├── footer-quick-links.component.html
    │   │   │   │   │   ├── footer-quick-links.component.scss
    │   │   │   │   │   ├── footer-quick-links.component.spec.ts
    │   │   │   │   │   └── footer-quick-links.component.ts
    │   │   │   │   └── footer-social-links
    │   │   │   │   │   ├── footer-social-links.component.html
    │   │   │   │   │   ├── footer-social-links.component.scss
    │   │   │   │   │   ├── footer-social-links.component.spec.ts
    │   │   │   │   │   └── footer-social-links.component.ts
    │   │   │   ├── footer.component.html
    │   │   │   ├── footer.component.scss
    │   │   │   ├── footer.component.spec.ts
    │   │   │   └── footer.component.ts
    │   │   ├── header
    │   │   │   ├── components
    │   │   │   │   ├── brand-menu-dropdown
    │   │   │   │   │   ├── brand-componant
    │   │   │   │   │   │   └── brand-list
    │   │   │   │   │   │   │   ├── brand-list.component.html
    │   │   │   │   │   │   │   ├── brand-list.component.scss
    │   │   │   │   │   │   │   ├── brand-list.component.spec.ts
    │   │   │   │   │   │   │   └── brand-list.component.ts
    │   │   │   │   │   ├── brand-menu-dropdown.component.html
    │   │   │   │   │   ├── brand-menu-dropdown.component.scss
    │   │   │   │   │   ├── brand-menu-dropdown.component.spec.ts
    │   │   │   │   │   └── brand-menu-dropdown.component.ts
    │   │   │   │   ├── categories-menu-dropdown
    │   │   │   │   │   ├── categories-components
    │   │   │   │   │   │   └── categories-details
    │   │   │   │   │   │   │   ├── brand-logo
    │   │   │   │   │   │   │       ├── brand-logo.component.html
    │   │   │   │   │   │   │       ├── brand-logo.component.scss
    │   │   │   │   │   │   │       ├── brand-logo.component.spec.ts
    │   │   │   │   │   │   │       └── brand-logo.component.ts
    │   │   │   │   │   │   │   ├── categories-details.component.html
    │   │   │   │   │   │   │   ├── categories-details.component.scss
    │   │   │   │   │   │   │   ├── categories-details.component.spec.ts
    │   │   │   │   │   │   │   ├── categories-details.component.ts
    │   │   │   │   │   │   │   └── categories-list
    │   │   │   │   │   │   │       ├── categories-list.component.html
    │   │   │   │   │   │   │       ├── categories-list.component.scss
    │   │   │   │   │   │   │       ├── categories-list.component.spec.ts
    │   │   │   │   │   │   │       └── categories-list.component.ts
    │   │   │   │   │   ├── categories-menu-dropdown.component.html
    │   │   │   │   │   ├── categories-menu-dropdown.component.scss
    │   │   │   │   │   ├── categories-menu-dropdown.component.spec.ts
    │   │   │   │   │   └── categories-menu-dropdown.component.ts
    │   │   │   │   ├── category-mobile-menu
    │   │   │   │   │   ├── category-mobile-menu.component.html
    │   │   │   │   │   ├── category-mobile-menu.component.scss
    │   │   │   │   │   ├── category-mobile-menu.component.spec.ts
    │   │   │   │   │   └── category-mobile-menu.component.ts
    │   │   │   │   ├── header-cart
    │   │   │   │   │   ├── header-cart.component.html
    │   │   │   │   │   ├── header-cart.component.scss
    │   │   │   │   │   ├── header-cart.component.spec.ts
    │   │   │   │   │   └── header-cart.component.ts
    │   │   │   │   ├── header-help-dropdown
    │   │   │   │   │   ├── header-help-dropdown.component.html
    │   │   │   │   │   ├── header-help-dropdown.component.scss
    │   │   │   │   │   ├── header-help-dropdown.component.spec.ts
    │   │   │   │   │   └── header-help-dropdown.component.ts
    │   │   │   │   ├── header-search
    │   │   │   │   │   ├── header-search.component.html
    │   │   │   │   │   ├── header-search.component.scss
    │   │   │   │   │   ├── header-search.component.spec.ts
    │   │   │   │   │   └── header-search.component.ts
    │   │   │   │   └── profile-dropdown
    │   │   │   │   │   ├── profile-dropdown.component.html
    │   │   │   │   │   ├── profile-dropdown.component.scss
    │   │   │   │   │   ├── profile-dropdown.component.spec.ts
    │   │   │   │   │   └── profile-dropdown.component.ts
    │   │   │   ├── header.component.html
    │   │   │   ├── header.component.scss
    │   │   │   ├── header.component.spec.ts
    │   │   │   └── header.component.ts
    │   │   ├── index.ts
    │   │   └── reducers
    │   │   │   ├── layout.reducer.spec.ts
    │   │   │   ├── layout.reducer.ts
    │   │   │   ├── layout.selector.ts
    │   │   │   └── layout.state.ts
    │   ├── modules
    │   │   └── search
    │   │   │   ├── components
    │   │   │       ├── filter-summary-container
    │   │   │       │   ├── components
    │   │   │       │   │   ├── filter-summary-filter-list
    │   │   │       │   │   │   ├── filter-summary-filter-list.component.html
    │   │   │       │   │   │   ├── filter-summary-filter-list.component.scss
    │   │   │       │   │   │   ├── filter-summary-filter-list.component.spec.ts
    │   │   │       │   │   │   └── filter-summary-filter-list.component.ts
    │   │   │       │   │   ├── filter-summary-filter
    │   │   │       │   │   │   ├── filter-summary-filter.component.html
    │   │   │       │   │   │   ├── filter-summary-filter.component.scss
    │   │   │       │   │   │   ├── filter-summary-filter.component.spec.ts
    │   │   │       │   │   │   └── filter-summary-filter.component.ts
    │   │   │       │   │   ├── filter-summary-sort-by
    │   │   │       │   │   │   ├── filter-summary-sort-by.component.html
    │   │   │       │   │   │   ├── filter-summary-sort-by.component.scss
    │   │   │       │   │   │   ├── filter-summary-sort-by.component.spec.ts
    │   │   │       │   │   │   └── filter-summary-sort-by.component.ts
    │   │   │       │   │   └── index.ts
    │   │   │       │   ├── filter-summary-container.component.html
    │   │   │       │   ├── filter-summary-container.component.scss
    │   │   │       │   ├── filter-summary-container.component.spec.ts
    │   │   │       │   ├── filter-summary-container.component.ts
    │   │   │       │   └── index.ts
    │   │   │       ├── index.ts
    │   │   │       ├── search-filters-container
    │   │   │       │   ├── components
    │   │   │       │   │   ├── index.ts
    │   │   │       │   │   ├── multiselect-filter
    │   │   │       │   │   │   ├── multiselect-filter.component.html
    │   │   │       │   │   │   ├── multiselect-filter.component.scss
    │   │   │       │   │   │   ├── multiselect-filter.component.spec.ts
    │   │   │       │   │   │   └── multiselect-filter.component.ts
    │   │   │       │   │   ├── range-filter
    │   │   │       │   │   │   ├── range-filter.component.html
    │   │   │       │   │   │   ├── range-filter.component.scss
    │   │   │       │   │   │   ├── range-filter.component.spec.ts
    │   │   │       │   │   │   └── range-filter.component.ts
    │   │   │       │   │   └── single-selection-filter
    │   │   │       │   │   │   ├── single-selection-filter.component.html
    │   │   │       │   │   │   ├── single-selection-filter.component.scss
    │   │   │       │   │   │   ├── single-selection-filter.component.spec.ts
    │   │   │       │   │   │   └── single-selection-filter.component.ts
    │   │   │       │   ├── index.ts
    │   │   │       │   ├── search-filters-container.component.html
    │   │   │       │   ├── search-filters-container.component.spec.ts
    │   │   │       │   └── search-filters-container.component.ts
    │   │   │       ├── search-results-container
    │   │   │       │   ├── components
    │   │   │       │   │   ├── index.ts
    │   │   │       │   │   ├── search-result-item
    │   │   │       │   │   │   ├── search-result-item.component.html
    │   │   │       │   │   │   ├── search-result-item.component.scss
    │   │   │       │   │   │   ├── search-result-item.component.spec.ts
    │   │   │       │   │   │   └── search-result-item.component.ts
    │   │   │       │   │   └── search-result-list
    │   │   │       │   │   │   ├── search-result-list.component.html
    │   │   │       │   │   │   ├── search-result-list.component.scss
    │   │   │       │   │   │   ├── search-result-list.component.spec.ts
    │   │   │       │   │   │   └── search-result-list.component.ts
    │   │   │       │   ├── index.ts
    │   │   │       │   ├── search-results-container.component.html
    │   │   │       │   ├── search-results-container.component.scss
    │   │   │       │   ├── search-results-container.component.spec.ts
    │   │   │       │   └── search-results-container.component.ts
    │   │   │       └── search-title-container
    │   │   │       │   ├── components
    │   │   │       │       ├── index.ts
    │   │   │       │       └── search-title-count
    │   │   │       │       │   ├── search-title-count.component.html
    │   │   │       │       │   ├── search-title-count.component.scss
    │   │   │       │       │   ├── search-title-count.component.spec.ts
    │   │   │       │       │   └── search-title-count.component.ts
    │   │   │       │   ├── index.ts
    │   │   │       │   ├── search-title-container.component.html
    │   │   │       │   ├── search-title-container.component.scss
    │   │   │       │   ├── search-title-container.component.spec.ts
    │   │   │       │   └── search-title-container.component.ts
    │   │   │   ├── guards
    │   │   │       └── search-resolver.ts
    │   │   │   ├── index.ts
    │   │   │   ├── models
    │   │   │       ├── search-param.ts
    │   │   │       └── sort-filter.ts
    │   │   │   ├── pages
    │   │   │       ├── index.ts
    │   │   │       └── search-page
    │   │   │       │   ├── search-page.component.html
    │   │   │       │   ├── search-page.component.scss
    │   │   │       │   ├── search-page.component.spec.ts
    │   │   │       │   └── search-page.component.ts
    │   │   │   ├── search-routing.module.ts
    │   │   │   ├── search.component.spec.ts
    │   │   │   ├── search.component.ts
    │   │   │   ├── search.module.ts
    │   │   │   ├── services
    │   │   │       ├── index.ts
    │   │   │       ├── searching.service.spec.ts
    │   │   │       └── searching.service.ts
    │   │   │   └── store
    │   │   │       ├── actions
    │   │   │           ├── index.ts
    │   │   │           └── search.actions.ts
    │   │   │       ├── effects
    │   │   │           ├── search.effects.spec.ts
    │   │   │           └── search.effects.ts
    │   │   │       ├── index.ts
    │   │   │       ├── reducers
    │   │   │           ├── search.reducer.spec.ts
    │   │   │           └── search.reducer.ts
    │   │   │       ├── selectors
    │   │   │           └── search.selector.ts
    │   │   │       └── states
    │   │   │           └── search.state.ts
    │   ├── oauth_config.ts
    │   ├── product
    │   │   ├── actions
    │   │   │   ├── product-actions.spec.ts
    │   │   │   └── product-actions.ts
    │   │   ├── components
    │   │   │   └── product-detail-page
    │   │   │   │   ├── product-description
    │   │   │   │       ├── product-description.component.html
    │   │   │   │       ├── product-description.component.scss
    │   │   │   │       ├── product-description.component.spec.ts
    │   │   │   │       └── product-description.component.ts
    │   │   │   │   ├── product-detail-page.component.spec.ts
    │   │   │   │   ├── product-detail-page.component.ts
    │   │   │   │   ├── product-details
    │   │   │   │       ├── product-details.component.html
    │   │   │   │       ├── product-details.component.scss
    │   │   │   │       ├── product-details.component.spec.ts
    │   │   │   │       └── product-details.component.ts
    │   │   │   │   ├── product-images
    │   │   │   │       ├── product-images.component.html
    │   │   │   │       ├── product-images.component.scss
    │   │   │   │       ├── product-images.component.spec.ts
    │   │   │   │       └── product-images.component.ts
    │   │   │   │   ├── product-price-info
    │   │   │   │       ├── check-pincode
    │   │   │   │       │   ├── check-pincode.component.html
    │   │   │   │       │   ├── check-pincode.component.scss
    │   │   │   │       │   ├── check-pincode.component.spec.ts
    │   │   │   │       │   └── check-pincode.component.ts
    │   │   │   │       ├── product-count
    │   │   │   │       │   ├── product-count.component.html
    │   │   │   │       │   ├── product-count.component.scss
    │   │   │   │       │   ├── product-count.component.spec.ts
    │   │   │   │       │   └── product-count.component.ts
    │   │   │   │       ├── product-price-info.component.html
    │   │   │   │       ├── product-price-info.component.scss
    │   │   │   │       ├── product-price-info.component.spec.ts
    │   │   │   │       └── product-price-info.component.ts
    │   │   │   │   ├── product-review
    │   │   │   │       ├── product-review.component.html
    │   │   │   │       ├── product-review.component.scss
    │   │   │   │       ├── product-review.component.spec.ts
    │   │   │   │       └── product-review.component.ts
    │   │   │   │   ├── product-variants
    │   │   │   │       ├── product-variants.component.html
    │   │   │   │       ├── product-variants.component.scss
    │   │   │   │       ├── product-variants.component.spec.ts
    │   │   │   │       └── product-variants.component.ts
    │   │   │   │   └── write-product-review
    │   │   │   │       ├── write-product-review.component.html
    │   │   │   │       ├── write-product-review.component.scss
    │   │   │   │       ├── write-product-review.component.spec.ts
    │   │   │   │       └── write-product-review.component.ts
    │   │   ├── effects
    │   │   │   └── product.effects.ts
    │   │   ├── guards
    │   │   │   └── product-resolver.ts
    │   │   ├── product-routing.module.ts
    │   │   ├── product.component.css
    │   │   ├── product.component.html
    │   │   ├── product.component.spec.ts
    │   │   ├── product.component.ts
    │   │   ├── product.module.spec.ts
    │   │   ├── product.module.ts
    │   │   └── reducers
    │   │   │   ├── product-reducer.ts
    │   │   │   ├── product-state.ts
    │   │   │   └── selectors.ts
    │   ├── shared
    │   │   ├── animations
    │   │   │   └── fade-in.animation.ts
    │   │   ├── components
    │   │   │   ├── breadcrumbs
    │   │   │   │   ├── breadcrumbs.component.html
    │   │   │   │   ├── breadcrumbs.component.scss
    │   │   │   │   ├── breadcrumbs.component.spec.ts
    │   │   │   │   └── breadcrumbs.component.ts
    │   │   │   ├── product-slider
    │   │   │   │   ├── inner-product
    │   │   │   │   │   ├── inner-product.component.html
    │   │   │   │   │   ├── inner-product.component.scss
    │   │   │   │   │   ├── inner-product.component.spec.ts
    │   │   │   │   │   └── inner-product.component.ts
    │   │   │   │   ├── product-slider.component.html
    │   │   │   │   ├── product-slider.component.scss
    │   │   │   │   ├── product-slider.component.spec.ts
    │   │   │   │   └── product-slider.component.ts
    │   │   │   ├── saved-address
    │   │   │   │   ├── saved-address.component.html
    │   │   │   │   ├── saved-address.component.scss
    │   │   │   │   ├── saved-address.component.spec.ts
    │   │   │   │   └── saved-address.component.ts
    │   │   │   └── search-bar
    │   │   │   │   ├── search-bar.component.html
    │   │   │   │   ├── search-bar.component.scss
    │   │   │   │   ├── search-bar.component.spec.ts
    │   │   │   │   └── search-bar.component.ts
    │   │   ├── custom-validator
    │   │   │   └── password-match-validator.ts
    │   │   ├── directives
    │   │   │   └── zoomable.directive.ts
    │   │   ├── index.ts
    │   │   ├── pipes
    │   │   │   ├── keys.pipe.ts
    │   │   │   ├── random.pipe.ts
    │   │   │   └── sanitize-html.pipe.ts
    │   │   └── scss
    │   │   │   ├── _selected_theme_variables.scss
    │   │   │   ├── _themes.scss
    │   │   │   └── custom_themes
    │   │   │       ├── _core_bootstrap.scss
    │   │   │       ├── _core_variables.scss
    │   │   │       ├── custom
    │   │   │           ├── _badge.scss
    │   │   │           ├── _custom.scss
    │   │   │           ├── _custom_bootstrap.scss
    │   │   │           ├── _custom_bootstrap_variables.scss
    │   │   │           ├── _font.scss
    │   │   │           ├── _header.scss
    │   │   │           ├── _notify.scss
    │   │   │           ├── _theme_style.scss
    │   │   │           └── _theme_variables.scss
    │   │   │       ├── custom2
    │   │   │           ├── _badge.scss
    │   │   │           ├── _custom2.scss
    │   │   │           ├── _custom_bootstrap.scss
    │   │   │           ├── _custom_bootstrap_variables.scss
    │   │   │           ├── _font.scss
    │   │   │           ├── _header.scss
    │   │   │           ├── _notify.scss
    │   │   │           ├── _theme_style.scss
    │   │   │           └── _theme_variables.scss
    │   │   │       ├── custom3
    │   │   │           ├── _badge.scss
    │   │   │           ├── _custom3.scss
    │   │   │           ├── _custom_bootstrap.scss
    │   │   │           ├── _custom_bootstrap_variables.scss
    │   │   │           ├── _font.scss
    │   │   │           ├── _header.scss
    │   │   │           ├── _notify.scss
    │   │   │           ├── _theme_style.scss
    │   │   │           └── _theme_variables.scss
    │   │   │       ├── custom4
    │   │   │           ├── _badge.scss
    │   │   │           ├── _custom4.scss
    │   │   │           ├── _custom_bootstrap.scss
    │   │   │           ├── _custom_bootstrap_variables.scss
    │   │   │           ├── _font.scss
    │   │   │           ├── _header.scss
    │   │   │           ├── _notify.scss
    │   │   │           ├── _theme_style.scss
    │   │   │           └── _theme_variables.scss
    │   │   │       ├── custom5
    │   │   │           ├── _badge.scss
    │   │   │           ├── _custom5.scss
    │   │   │           ├── _custom_bootstrap.scss
    │   │   │           ├── _custom_bootstrap_variables.scss
    │   │   │           ├── _font.scss
    │   │   │           ├── _header.scss
    │   │   │           ├── _notify.scss
    │   │   │           ├── _theme_style.scss
    │   │   │           └── _theme_variables.scss
    │   │   │       └── default
    │   │   │           ├── _custom_bootstrap.scss
    │   │   │           ├── _custom_bootstrap_variables.scss
    │   │   │           ├── _default.scss
    │   │   │           ├── _header.scss
    │   │   │           ├── _theme_style.scss
    │   │   │           └── _theme_variables.scss
    │   └── user
    │   │   ├── actions
    │   │       └── user.actions.ts
    │   │   ├── components
    │   │       ├── addresses
    │   │       │   ├── add-edit-address
    │   │       │   │   ├── add-edit-address.component.html
    │   │       │   │   ├── add-edit-address.component.scss
    │   │       │   │   ├── add-edit-address.component.spec.ts
    │   │       │   │   └── add-edit-address.component.ts
    │   │       │   ├── addresses.component.html
    │   │       │   ├── addresses.component.scss
    │   │       │   ├── addresses.component.spec.ts
    │   │       │   └── addresses.component.ts
    │   │       ├── favorite-products
    │   │       │   ├── favorite-product-list-item
    │   │       │   │   ├── favorite-product-list-item.component.html
    │   │       │   │   ├── favorite-product-list-item.component.scss
    │   │       │   │   ├── favorite-product-list-item.component.spec.ts
    │   │       │   │   └── favorite-product-list-item.component.ts
    │   │       │   ├── favorite-products.component.html
    │   │       │   ├── favorite-products.component.scss
    │   │       │   ├── favorite-products.component.spec.ts
    │   │       │   └── favorite-products.component.ts
    │   │       ├── orders
    │   │       │   ├── order-detail
    │   │       │   │   ├── order-detail.component.html
    │   │       │   │   ├── order-detail.component.scss
    │   │       │   │   ├── order-detail.component.spec.ts
    │   │       │   │   └── order-detail.component.ts
    │   │       │   ├── order-list-item
    │   │       │   │   ├── order-list-item.component.html
    │   │       │   │   ├── order-list-item.component.scss
    │   │       │   │   ├── order-list-item.component.spec.ts
    │   │       │   │   └── order-list-item.component.ts
    │   │       │   ├── orders.component.html
    │   │       │   ├── orders.component.scss
    │   │       │   ├── orders.component.spec.ts
    │   │       │   └── orders.component.ts
    │   │       ├── overview
    │   │       │   ├── overview.component.css
    │   │       │   ├── overview.component.html
    │   │       │   ├── overview.component.spec.ts
    │   │       │   └── overview.component.ts
    │   │       ├── profile
    │   │       │   ├── profile-email
    │   │       │   │   ├── profile-email.component.html
    │   │       │   │   ├── profile-email.component.scss
    │   │       │   │   ├── profile-email.component.spec.ts
    │   │       │   │   └── profile-email.component.ts
    │   │       │   ├── profile-password
    │   │       │   │   ├── profile-password.component.html
    │   │       │   │   ├── profile-password.component.scss
    │   │       │   │   ├── profile-password.component.spec.ts
    │   │       │   │   └── profile-password.component.ts
    │   │       │   ├── profile.component.html
    │   │       │   ├── profile.component.scss
    │   │       │   ├── profile.component.spec.ts
    │   │       │   └── profile.component.ts
    │   │       └── returns
    │   │       │   ├── return-list-item
    │   │       │       ├── return-list-item.component.css
    │   │       │       ├── return-list-item.component.html
    │   │       │       ├── return-list-item.component.spec.ts
    │   │       │       └── return-list-item.component.ts
    │   │       │   ├── returns.component.css
    │   │       │   ├── returns.component.html
    │   │       │   ├── returns.component.spec.ts
    │   │       │   └── returns.component.ts
    │   │   ├── effects
    │   │       └── user.effects.ts
    │   │   ├── index.ts
    │   │   ├── reducers
    │   │       ├── selector.ts
    │   │       ├── user.reducer.ts
    │   │       └── user.state.ts
    │   │   ├── services
    │   │       ├── user.service.spec.ts
    │   │       └── user.service.ts
    │   │   ├── user.component.html
    │   │   ├── user.component.scss
    │   │   ├── user.component.spec.ts
    │   │   ├── user.component.ts
    │   │   └── user.routes.ts
    ├── assets
    │   ├── .gitkeep
    │   ├── card.jpg
    │   ├── custom
    │   │   ├── WhitneyHTF-Book.woff
    │   │   ├── WhitneyHTF-SemiBold.woff
    │   │   ├── arrow-left-disable.png
    │   │   ├── arrow-left.png
    │   │   ├── arrow-right-disable.png
    │   │   ├── arrow-right.png
    │   │   ├── banner
    │   │   │   ├── page1.jpg
    │   │   │   ├── page2.jpg
    │   │   │   ├── page3.jpg
    │   │   │   ├── page4.jpg
    │   │   │   └── promo
    │   │   │   │   └── promo.png
    │   │   ├── check.png
    │   │   ├── checkout_sprite.png
    │   │   ├── comingsoon.png
    │   │   ├── fonts
    │   │   │   ├── Roboto-Regular.eot
    │   │   │   ├── Roboto-Regular.svg
    │   │   │   ├── Roboto-Regular.ttf
    │   │   │   └── Roboto-Regular.woff
    │   │   ├── loader.gif
    │   │   ├── loader.svg
    │   │   ├── logo.svg
    │   │   ├── noproduct.png
    │   │   ├── rocket.png
    │   │   └── shoppingbag.png
    │   ├── default
    │   │   ├── WhitneyHTF-Book.woff
    │   │   ├── WhitneyHTF-SemiBold.woff
    │   │   ├── checkout_sprite.png
    │   │   ├── comingsoon.png
    │   │   ├── favicon.ico
    │   │   ├── image-placeholder.svg
    │   │   ├── loader.svg
    │   │   ├── logo.svg
    │   │   ├── no-search-result.svg
    │   │   ├── search-sprite.png
    │   │   └── shoppingbag.png
    │   ├── icons
    │   │   ├── icon-128x128.png
    │   │   ├── icon-144x144.png
    │   │   ├── icon-152x152.png
    │   │   ├── icon-192x192.png
    │   │   ├── icon-384x384.png
    │   │   ├── icon-512x512.png
    │   │   ├── icon-72x72.png
    │   │   └── icon-96x96.png
    │   ├── page1.png
    │   ├── page2.png
    │   ├── thumbnail.jpg
    │   └── thumbnail2.jpg
    ├── config
    │   ├── custom
    │   │   ├── app-data.ts
    │   │   ├── custom.ts
    │   │   └── meta-data.ts
    │   └── default
    │   │   ├── app-data.ts
    │   │   ├── default.ts
    │   │   └── meta-data.ts
    ├── environments
    │   ├── environment.dev-custom.ts
    │   ├── environment.dev-ng-spree.ts
    │   ├── environment.mock-ng-spree.ts
    │   ├── environment.prod-custom.ts
    │   ├── environment.prod-ng-spree.ts
    │   └── environment.ts
    ├── favicon.ico
    ├── index.html
    ├── main.server.ts
    ├── main.ts
    ├── manifest.json
    ├── polyfills.ts
    ├── service-worker.js
    ├── styles.scss
    ├── test.ts
    ├── tsconfig.app.json
    ├── tsconfig.server.json
    ├── tsconfig.spec.json
    └── typings.d.ts
├── tsconfig.json
├── tslint.json
├── webpack.server.config.js
└── yarn.lock


/.docker/development.dockerfile:
--------------------------------------------------------------------------------
 1 | FROM node:7.7.1
 2 | 
 3 | # prepare a user which runs everything locally! - required in child images!
 4 | RUN useradd --user-group --create-home --shell /bin/false app
 5 | 
 6 | ENV HOME=/home/app
 7 | WORKDIR $HOME
 8 | 
 9 | ENV APP_NAME=angularspree-client
10 | 
11 | # before switching to user we need to set permission properly
12 | # copy all files, except the ignored files from .dockerignore
13 | COPY . $HOME/$APP_NAME/
14 | RUN chown -R app:app $HOME/*
15 | 
16 | USER app
17 | WORKDIR $HOME/$APP_NAME
18 | 
19 | RUN npm install
20 | 


--------------------------------------------------------------------------------
/.dockerignore:
--------------------------------------------------------------------------------
 1 | # compiled output
 2 | dist
 3 | tmp
 4 | 
 5 | # dependencies
 6 | node_modules
 7 | 
 8 | # IDEs and editors
 9 | .idea
10 | .vscode
11 | .project
12 | .classpath
13 | *.launch
14 | .settings/
15 | 
16 | # misc
17 | .sass-cache
18 | connect.lock
19 | coverage/*
20 | libpeerconnection.log
21 | npm-debug.log
22 | testem.log
23 | typings
24 | 
25 | # e2e
26 | e2e/*.js
27 | e2e/*.map
28 | 
29 | #System Files
30 | .DS_Store
31 | Thumbs.db
32 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | # Editor configuration, see http://editorconfig.org
 2 | root = true
 3 | 
 4 | [*]
 5 | charset = utf-8
 6 | indent_style = space
 7 | indent_size = 2
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 
11 | [*.md]
12 | max_line_length = off
13 | trim_trailing_whitespace = false
14 | 


--------------------------------------------------------------------------------
/.firebaserc:
--------------------------------------------------------------------------------
1 | {
2 |   "projects": {
3 |     "angularspree": "angularspree",
4 |     "default": "angularspree",
5 |     "staging": "angularspree"
6 |   }
7 | }
8 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See http://help.github.com/ignore-files/ for more about ignoring files.
 2 | 
 3 | # compiled output
 4 | /dist
 5 | /tmp
 6 | 
 7 | # dependencies
 8 | /node_modules
 9 | 
10 | # IDEs and editors
11 | /.idea
12 | .project
13 | .classpath
14 | .c9/
15 | *.launch
16 | .settings/
17 | *.sublime-workspace
18 | 
19 | # IDE - VSCode
20 | .vscode/*
21 | !.vscode/settings.json
22 | !.vscode/tasks.json
23 | !.vscode/launch.json
24 | !.vscode/extensions.json
25 | 
26 | # misc
27 | /.angular/cache
28 | /.sass-cache
29 | /connect.lock
30 | /coverage/*
31 | /libpeerconnection.log
32 | npm-debug.log
33 | testem.log
34 | /typings
35 | 
36 | .cache
37 | 
38 | # e2e
39 | /e2e/*.js
40 | /e2e/*.map
41 | 
42 | #System Files
43 | .DS_Store
44 | Thumbs.db
45 | /functions/node_modules
46 | documentation
47 | 


--------------------------------------------------------------------------------
/.tool-versions:
--------------------------------------------------------------------------------
1 | nodejs 18.14.1
2 | 


--------------------------------------------------------------------------------
/.vscode/launch.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "version": "0.1.0",
 3 |   "configurations": [
 4 |     {
 5 |       "name": "Launch localhost",
 6 |       "type": "chrome",
 7 |       "request": "launch",
 8 |       "url": "http://localhost:4200",
 9 |       "webRoot": "${workspaceRoot}/wwwroot"
10 |     },
11 |     {
12 |       "name": "Launch index.html (disable sourcemaps)",
13 |       "type": "chrome",
14 |       "request": "launch",
15 |       "sourceMaps": false,
16 |       "file": "${workspaceRoot}/index.html"
17 |     }
18 |   ]
19 | }


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "typescript.check.workspaceVersion": false,
 3 |   "files.exclude": {
 4 |     "**/.git": true,
 5 |     "**/.svn": true,
 6 |     "**/.hg": true,
 7 |     "**/.DS_Store": true,
 8 |     "node_modules": true,
 9 |     "bin": true,
10 |     "obj": true,
11 |     "dist": false,
12 |     "Properties": true,
13 |     ".vs": true,
14 |     "*.csproj": true,
15 |     "*.sln": true,
16 |     "*.csproj.user": true,
17 |     "*.suo": true,
18 |     ".docker": false,
19 |     "docs": true
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/.yarnrc:
--------------------------------------------------------------------------------
1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
2 | # yarn lockfile v1
3 | 
4 | 
5 | lastUpdateCheck 1491811208219
6 | 


--------------------------------------------------------------------------------
/contributors.md:
--------------------------------------------------------------------------------
 1 | # Angularspree Contributors
 2 | 
 3 | 1. **[Chandra Shekhar](https://github.com/zeus999)** | [Twitter]
 4 | 2. **[Pankaj Kumar Rawat](https://github.com/pkrawat1)** | [Twitter]
 5 | 3. **[ashish singh](https://github.com/ashish173)**| [Twitter]
 6 | 4. **[Kartik Jagdale](https://github.com/kartikjagdale)**| [Twitter]
 7 | 5. **[Vineesh M P](https://github.com/mpvineesh)** | [Twitter](https://twitter.com/mpvineesh)
 8 | 6. **[Youssef Sherif](https://github.com/youssefsharief)** | [Twitter]
 9 | 7. **[Dmitry Teplov](https://github.com/t-p-l-k)** | [Twitter]
10 | 8. **[mirvel](https://github.com/mirvel)** | [Twitter]
11 | 9. **[Tiep Phan](https://github.com/tieppt)** | [Twitter]
12 | 10. **[Mayor](https://github.com/tieppt)** | [Twitter]
13 | 


--------------------------------------------------------------------------------
/database.rules.json:
--------------------------------------------------------------------------------
1 | {
2 |   "rules": {
3 |     ".read": "auth != null",
4 |     ".write": "auth != null"
5 |   }
6 | }
7 | 


--------------------------------------------------------------------------------
/docker-compose.yml:
--------------------------------------------------------------------------------
 1 | version: '2'
 2 | 
 3 | services:
 4 |   angularspree-client:
 5 |     build:
 6 |       context: .
 7 |       dockerfile: ./.docker/development.dockerfile
 8 |     command: npm start
 9 |     container_name: angularspree-client-start
10 |     image: angularspree-client
11 |     networks:
12 |       - dev-network
13 |     ports:
14 |       - '4200:4200'
15 |     volumes:
16 |       - .:/home/app/angularspree-client
17 | 
18 | networks:
19 |   dev-network:
20 |     driver: bridge
21 | 


--------------------------------------------------------------------------------
/docs/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/docs/fonts/FontAwesome.otf


--------------------------------------------------------------------------------
/docs/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/docs/fonts/fontawesome-webfont.eot


--------------------------------------------------------------------------------
/docs/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/docs/fonts/fontawesome-webfont.ttf


--------------------------------------------------------------------------------
/docs/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/docs/fonts/fontawesome-webfont.woff


--------------------------------------------------------------------------------
/docs/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/docs/fonts/fontawesome-webfont.woff2


--------------------------------------------------------------------------------
/docs/fonts/roboto-v15-latin-300.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/docs/fonts/roboto-v15-latin-300.eot


--------------------------------------------------------------------------------
/docs/fonts/roboto-v15-latin-300.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/docs/fonts/roboto-v15-latin-300.ttf


--------------------------------------------------------------------------------
/docs/fonts/roboto-v15-latin-300.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/docs/fonts/roboto-v15-latin-300.woff


--------------------------------------------------------------------------------
/docs/fonts/roboto-v15-latin-300.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/docs/fonts/roboto-v15-latin-300.woff2


--------------------------------------------------------------------------------
/docs/fonts/roboto-v15-latin-700.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/docs/fonts/roboto-v15-latin-700.eot


--------------------------------------------------------------------------------
/docs/fonts/roboto-v15-latin-700.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/docs/fonts/roboto-v15-latin-700.ttf


--------------------------------------------------------------------------------
/docs/fonts/roboto-v15-latin-700.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/docs/fonts/roboto-v15-latin-700.woff


--------------------------------------------------------------------------------
/docs/fonts/roboto-v15-latin-700.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/docs/fonts/roboto-v15-latin-700.woff2


--------------------------------------------------------------------------------
/docs/fonts/roboto-v15-latin-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/docs/fonts/roboto-v15-latin-regular.eot


--------------------------------------------------------------------------------
/docs/fonts/roboto-v15-latin-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/docs/fonts/roboto-v15-latin-regular.ttf


--------------------------------------------------------------------------------
/docs/fonts/roboto-v15-latin-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/docs/fonts/roboto-v15-latin-regular.woff


--------------------------------------------------------------------------------
/docs/fonts/roboto-v15-latin-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/docs/fonts/roboto-v15-latin-regular.woff2


--------------------------------------------------------------------------------
/docs/images/compodoc.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/docs/images/compodoc.png


--------------------------------------------------------------------------------
/docs/images/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/docs/images/favicon.ico


--------------------------------------------------------------------------------
/docs/js/compodoc.js:
--------------------------------------------------------------------------------
 1 | var compodoc = {
 2 |     EVENTS: {
 3 |         READY: 'compodoc.ready',
 4 |         SEARCH_READY: 'compodoc.search.ready'
 5 |     }
 6 | };
 7 | 
 8 | Object.assign( compodoc, EventDispatcher.prototype );
 9 | 
10 | document.addEventListener('DOMContentLoaded', function() {
11 |     compodoc.dispatchEvent({
12 |         type: compodoc.EVENTS.READY
13 |     });
14 | });
15 | 


--------------------------------------------------------------------------------
/docs/js/libs/EventDispatcher.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * @author mrdoob / http://mrdoob.com/
3 |  */
4 | 
5 | var EventDispatcher=function(){};Object.assign(EventDispatcher.prototype,{addEventListener:function(i,t){void 0===this._listeners&&(this._listeners={});var e=this._listeners;void 0===e[i]&&(e[i]=[]),-1===e[i].indexOf(t)&&e[i].push(t)},hasEventListener:function(i,t){if(void 0===this._listeners)return!1;var e=this._listeners;return void 0!==e[i]&&-1!==e[i].indexOf(t)},removeEventListener:function(i,t){if(void 0!==this._listeners){var e=this._listeners[i];if(void 0!==e){var s=e.indexOf(t);-1!==s&&e.splice(s,1)}}},dispatchEvent:function(i){if(void 0!==this._listeners){var t=this._listeners[i.type];if(void 0!==t){i.target=this;var e=[],s=0,n=t.length;for(s=0;s<n;s++)e[s]=t[s];for(s=0;s<n;s++)e[s].call(this,i)}}}});


--------------------------------------------------------------------------------
/docs/js/libs/tablesort.number.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 |  * tablesort v5.0.2 (2017-11-12)
3 |  * http://tristen.ca/tablesort/demo/
4 |  * Copyright (c) 2017 ; Licensed MIT
5 | */!function(){var a=function(a){return a.replace(/[^\-?0-9.]/g,"")},b=function(a,b){return a=parseFloat(a),b=parseFloat(b),a=isNaN(a)?0:a,b=isNaN(b)?0:b,a-b};Tablesort.extend("number",function(a){return a.match(/^[-+]?[£\x24Û¢´€]?\d+\s*([,\.]\d{0,2})/)||a.match(/^[-+]?\d+\s*([,\.]\d{0,2})?[£\x24Û¢´€]/)||a.match(/^[-+]?(\d)*-?([,\.]){0,1}-?(\d)+([E,e][\-+][\d]+)?%?$/)},function(c,d){return c=a(c),d=a(d),b(d,c)})}();


--------------------------------------------------------------------------------
/docs/js/tabs.js:
--------------------------------------------------------------------------------
 1 | document.addEventListener('DOMContentLoaded', function() {
 2 |     var tabs = document.getElementsByClassName('nav-tabs'),
 3 |         updateAddress = function(e) {
 4 |             if(history.pushState && e.target.dataset.link) {
 5 |                 history.pushState(null, null, '#' + e.target.dataset.link);
 6 |             }
 7 |         };
 8 |     if (tabs.length > 0) {
 9 |         tabs = tabs[0].querySelectorAll('li');
10 |         for (var i = 0; i < tabs.length; i++) {
11 |             tabs[i].addEventListener('click', updateAddress);
12 |             var linkTag = tabs[i].querySelector('a');
13 |             if (location.hash !== '') {
14 |                 var currentHash = location.hash.substr(1);
15 |                 if (currentHash === linkTag.dataset.link) {
16 |                     linkTag.click();
17 |                 }
18 |             }
19 |         }
20 |     }
21 | });
22 | 


--------------------------------------------------------------------------------
/docs/styles/style.css:
--------------------------------------------------------------------------------
1 | @import "./reset.css";
2 | @import "./bootstrap.min.css";
3 | @import "./bootstrap-card.css";
4 | @import "./prism.css";
5 | @import "./font-awesome.min.css";
6 | @import "./compodoc.css";
7 | @import "./tablesort.css";
8 | 


--------------------------------------------------------------------------------
/docs/styles/tablesort.css:
--------------------------------------------------------------------------------
 1 | th[role=columnheader]:not(.no-sort) {
 2 | 	cursor: pointer;
 3 | }
 4 | 
 5 | th[role=columnheader]:not(.no-sort):after {
 6 | 	content: '';
 7 | 	float: right;
 8 | 	margin-top: 7px;
 9 | 	border-width: 0 4px 4px;
10 | 	border-style: solid;
11 | 	border-color: #404040 transparent;
12 | 	visibility: visible;
13 | 	opacity: 1;
14 | 	-ms-user-select: none;
15 | 	-webkit-user-select: none;
16 | 	-moz-user-select: none;
17 | 	user-select: none;
18 | }
19 | 
20 | th[aria-sort=ascending]:not(.no-sort):after {
21 | 	border-bottom: none;
22 | 	border-width: 4px 4px 0;
23 | }
24 | 
25 | th[aria-sort]:not(.no-sort):after {
26 | 	visibility: visible;
27 | 	opacity: 0.4;
28 | }
29 | 
30 | th[role=columnheader]:not(.no-sort):hover:after {
31 | 	visibility: visible;
32 | 	opacity: 1;
33 | }
34 | 


--------------------------------------------------------------------------------
/e2e/app.e2e-spec.ts:
--------------------------------------------------------------------------------
 1 | import { AngularspreePage } from './app.po';
 2 | 
 3 | describe('angularspree App', () => {
 4 |   let page: AngularspreePage;
 5 | 
 6 |   beforeEach(() => {
 7 |     page = new AngularspreePage();
 8 |   });
 9 | 
10 |   it('should display message saying app works', () => {
11 |     page.navigateTo();
12 |     expect(page.getParagraphText()).toEqual('app works!');
13 |   });
14 | });
15 | 


--------------------------------------------------------------------------------
/e2e/app.po.ts:
--------------------------------------------------------------------------------
 1 | import { browser, element, by } from 'protractor';
 2 | 
 3 | export class AngularspreePage {
 4 |   navigateTo() {
 5 |     return browser.get('/');
 6 |   }
 7 | 
 8 |   getParagraphText() {
 9 |     return element(by.css('app-root h1')).getText();
10 |   }
11 | }
12 | 


--------------------------------------------------------------------------------
/e2e/tsconfig.e2e.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "sourceMap": true,
 4 |     "declaration": false,
 5 |     "moduleResolution": "node",
 6 |     "experimentalDecorators": true,
 7 |     "lib": ["es2016"],
 8 |     "outDir": "../dist/out-tsc-e2e",
 9 |     "module": "commonjs",
10 |     "target": "es6",
11 |     "types": ["jasmine", "node"]
12 |   }
13 | }
14 | 


--------------------------------------------------------------------------------
/netlify.toml:
--------------------------------------------------------------------------------
1 | # The following redirect is intended for use with most SPA's that handles routing internally.
2 | [[redirects]]
3 |   from = "/*"
4 |   to = "/index.html"
5 |   status = 200
6 | 


--------------------------------------------------------------------------------
/ngsw-config.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "index": "/index.html",
 3 |   "dataGroups": [
 4 |     {
 5 |       "name": "api-performance",
 6 |       "urls": ["/products"],
 7 |       "cacheConfig": {
 8 |         "strategy": "freshness",
 9 |         "maxSize": 100,
10 |         "maxAge": "3d"
11 |       }
12 |     }
13 |   ],
14 |   "assetGroups": [
15 |     {
16 |       "name": "app",
17 |       "installMode": "prefetch",
18 |       "resources": {
19 |         "files": ["/favicon.ico", "/index.html", "/*.css", "/*.js"]
20 |       }
21 |     },
22 |     {
23 |       "name": "assets",
24 |       "installMode": "lazy",
25 |       "updateMode": "prefetch",
26 |       "resources": {
27 |         "files": ["/assets/**"]
28 |       }
29 |     }
30 |   ]
31 | }
32 | 


--------------------------------------------------------------------------------
/protractor.conf.js:
--------------------------------------------------------------------------------
 1 | // Protractor configuration file, see link for more information
 2 | // https://github.com/angular/protractor/blob/master/lib/config.ts
 3 | 
 4 | const { SpecReporter } = require('jasmine-spec-reporter');
 5 | 
 6 | exports.config = {
 7 |   allScriptsTimeout: 11000,
 8 |   specs: ['./e2e/**/*.e2e-spec.ts'],
 9 |   capabilities: {
10 |     browserName: 'chrome'
11 |   },
12 |   directConnect: true,
13 |   baseUrl: 'http://localhost:4200/',
14 |   framework: 'jasmine',
15 |   jasmineNodeOpts: {
16 |     showColors: true,
17 |     defaultTimeoutInterval: 30000,
18 |     print: function() {}
19 |   },
20 |   beforeLaunch: function() {
21 |     require('ts-node').register({
22 |       project: 'e2e/tsconfig.e2e.json'
23 |     });
24 |   },
25 |   onPrepare() {
26 |     jasmine
27 |       .getEnv()
28 |       .addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
29 |   }
30 | };
31 | 


--------------------------------------------------------------------------------
/src/app/app.component.html:
--------------------------------------------------------------------------------
 1 | <ngx-json-ld [json]="schema"></ngx-json-ld>
 2 | <div class="selected-theme">
 3 |   <section>
 4 |     <ng-progress [color]="'red'" [spinner]="false"></ng-progress>
 5 | 
 6 |     <app-header
 7 |       *ngIf="currentUrl"
 8 |       [layoutState]="layoutState$ | async"
 9 |     ></app-header>
10 | 
11 |     <main class="main-body">
12 |       <router-outlet></router-outlet>
13 |     </main>
14 |     <app-footer *ngIf="currentUrl"></app-footer>
15 |   </section>
16 | </div>
17 | 


--------------------------------------------------------------------------------
/src/app/app.server.module.ts:
--------------------------------------------------------------------------------
 1 | import { NgModule } from '@angular/core';
 2 | import {
 3 |   ServerModule,
 4 |   ServerTransferStateModule
 5 | } from '@angular/platform-server';
 6 | 
 7 | import { AppModule } from './app.module';
 8 | import { AppComponent } from './app.component';
 9 | import { HTTP_INTERCEPTORS } from '@angular/common/http';
10 | import { UniversalInterceptor } from './core/interceptors/universal.interceptor';
11 | 
12 | @NgModule({
13 |   imports: [
14 |     AppModule,
15 |     ServerModule,
16 |     ServerTransferStateModule
17 |   ],
18 |   providers: [
19 |     // Add universal-only providers here
20 |     {
21 |       provide: HTTP_INTERCEPTORS,
22 |       useClass: UniversalInterceptor,
23 |       multi: true
24 |     }
25 |   ],
26 |   bootstrap: [AppComponent]
27 | })
28 | export class AppServerModule { }
29 | 


--------------------------------------------------------------------------------
/src/app/app_preloading_strategy.ts:
--------------------------------------------------------------------------------
 1 | import { PreloadingStrategy, Route } from '@angular/router';
 2 | import { Observable, timer, of } from 'rxjs';
 3 | import { flatMap } from 'rxjs/operators';
 4 | import { Injectable } from "@angular/core";
 5 | 
 6 | @Injectable()
 7 | export class AppPreloadingStrategy implements PreloadingStrategy {
 8 |   preload(route: Route, load: Function): Observable<any> {
 9 |     const loadRoute = delay =>
10 |       delay ? timer(150).pipe(flatMap(_ => load())) : load();
11 |     return route.data && route.data.preload
12 |       ? loadRoute(route.data.delay)
13 |       : of(null);
14 |   }
15 | }
16 | 


--------------------------------------------------------------------------------
/src/app/auth/auth.routes.ts:
--------------------------------------------------------------------------------
 1 | import { UpdatePasswordComponent } from './components/update-password/update-password.component';
 2 | import { SignUpComponent } from './components/sign-up/sign-up.component';
 3 | import { LoginComponent } from './components/login/login.component';
 4 | import { ForgetPasswordComponent } from './components/forget-password/forget-password.component';
 5 | import { Routes } from "@angular/router";
 6 | 
 7 | export const AuthRoutes: Routes = [
 8 |   { path: '', redirectTo: 'signup', pathMatch: 'full' },
 9 |   { path: 'signup', component: SignUpComponent },
10 |   { path: 'login', component: LoginComponent },
11 |   { path: 'recover', component: ForgetPasswordComponent },
12 |   { path: 'updatePassword', component: UpdatePasswordComponent }
13 | ];
14 | 


--------------------------------------------------------------------------------
/src/app/auth/components/forget-password/forget-password.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { ForgetPasswordComponent } from './forget-password.component';
 4 | 
 5 | describe('ForgetPasswordComponent', () => {
 6 |   let component: ForgetPasswordComponent;
 7 |   let fixture: ComponentFixture<ForgetPasswordComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [ForgetPasswordComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(ForgetPasswordComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/auth/components/login/login.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { LoginComponent } from './login.component';
 4 | 
 5 | describe('LoginComponent', () => {
 6 |   let component: LoginComponent;
 7 |   let fixture: ComponentFixture<LoginComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [LoginComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(LoginComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/auth/components/sign-up/sign-up.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { SignUpComponent } from './sign-up.component';
 4 | 
 5 | describe('SignUpComponent', () => {
 6 |   let component: SignUpComponent;
 7 |   let fixture: ComponentFixture<SignUpComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [SignUpComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(SignUpComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/auth/components/update-password/update-password.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { UpdatePasswordComponent } from './update-password.component';
 4 | 
 5 | describe('UpdatePasswordComponent', () => {
 6 |   let component: UpdatePasswordComponent;
 7 |   let fixture: ComponentFixture<UpdatePasswordComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [UpdatePasswordComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(UpdatePasswordComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/auth/reducers/auth.state.ts:
--------------------------------------------------------------------------------
 1 | import { Map, Record, List } from 'immutable';
 2 | import { RatingCategory } from '../../core/models/rating_category';
 3 | 
 4 | export interface AuthState extends Map<string, any> {
 5 |   isAuthenticated: boolean;
 6 |   currentUser: any;
 7 |   ratingCategories: Map<string, number>;
 8 | }
 9 | 
10 | export const AuthStateRecord = Record({
11 |   isAuthenticated: false,
12 |   currentUser: Map({}),
13 |   ratingCategories: Map({})
14 | });
15 | 


--------------------------------------------------------------------------------
/src/app/checkout/address/add-address/add-address.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { AddAddressComponent } from './add-address.component';
 4 | 
 5 | describe('AddAddressComponent', () => {
 6 |   let component: AddAddressComponent;
 7 |   let fixture: ComponentFixture<AddAddressComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [AddAddressComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(AddAddressComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/checkout/address/address.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { AddressComponent } from './address.component';
 4 | 
 5 | describe('AddressComponent', () => {
 6 |   let component: AddressComponent;
 7 |   let fixture: ComponentFixture<AddressComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [AddressComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(AddressComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/checkout/address/delivery-address/delivery-address.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { DeliveryAddressComponent } from './delivery-address.component';
 4 | 
 5 | describe('DeliveryAddressComponent', () => {
 6 |   let component: DeliveryAddressComponent;
 7 |   let fixture: ComponentFixture<DeliveryAddressComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [DeliveryAddressComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(DeliveryAddressComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/checkout/address/delivery-address/delivery-address.component.ts:
--------------------------------------------------------------------------------
 1 | import { Address } from './../../../core/models/address';
 2 | import { Component, OnInit, Input } from '@angular/core';
 3 | 
 4 | @Component({
 5 |   selector: 'app-delivery-address',
 6 |   templateUrl: './delivery-address.component.html',
 7 |   styleUrls: ['./delivery-address.component.scss']
 8 | })
 9 | export class DeliveryAddressComponent implements OnInit {
10 |   @Input() address: Address;
11 | 
12 |   constructor() {}
13 | 
14 |   ngOnInit() {}
15 | }
16 | 


--------------------------------------------------------------------------------
/src/app/checkout/address/delivery-options/delivery-options.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { DeliveryOptionsComponent } from './delivery-options.component';
 4 | 
 5 | describe('DeliveryOptionsComponent', () => {
 6 |   let component: DeliveryOptionsComponent;
 7 |   let fixture: ComponentFixture<DeliveryOptionsComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [DeliveryOptionsComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(DeliveryOptionsComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/checkout/cart/cart.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { CartComponent } from './cart.component';
 4 | 
 5 | describe('CartComponent', () => {
 6 |   let component: CartComponent;
 7 |   let fixture: ComponentFixture<CartComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [CartComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(CartComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/checkout/cart/components/empty-cart/empty-cart.component.html:
--------------------------------------------------------------------------------
 1 | <div class="cart-empty">
 2 |   <div class="empty-cart-icon">
 3 |     <i class="fa fa-cart-arrow-down fa-5x" aria-hidden="true"></i>
 4 |   </div>
 5 |   <div class="empty-cart-message">Your Shopping Bag is empty</div>
 6 |   <button
 7 |     type="button"
 8 |     class="btn themebtnprimary themebtnprimarysade col-8 col-sm-3 m-auto m-b-4"
 9 |     [routerLink]="['/']"
10 |   >
11 |     Continue Shopping
12 |   </button>
13 | </div>
14 | 


--------------------------------------------------------------------------------
/src/app/checkout/cart/components/empty-cart/empty-cart.component.scss:
--------------------------------------------------------------------------------
 1 | @import '../../../../shared/scss/selected_theme_variables';
 2 | .cart-empty {
 3 |   min-height: 500px;
 4 |   padding-top: 85px;
 5 |   text-align: center;
 6 |   .empty-cart-icon {
 7 |     height: 85px;
 8 |     width: 85px;
 9 |     margin: 0 auto;
10 |     // background-image: url(/assets/shoppingbag.png);
11 |   }
12 |   .empty-cart-message {
13 |     font-size: 20px;
14 |     color: $gray-800;
15 |     font-weight: 600;
16 |     font-family: $primary-font;
17 |     line-height: 120px;
18 |     margin: 15px 0;
19 |   }
20 |   .empty-wishlist-link {
21 |     color: $blue;
22 |     font-size: 16px;
23 |     font-weight: 500;
24 |   }
25 |   .empty-card-btn {
26 |     background-color: darken($theme-action-color, 25);
27 |     border: 1px solid darken($theme-action-color, 25);
28 |   }
29 | }
30 | 


--------------------------------------------------------------------------------
/src/app/checkout/cart/components/empty-cart/empty-cart.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { EmptyCartComponent } from './empty-cart.component';
 4 | 
 5 | describe('EmptyCartComponent', () => {
 6 |   let component: EmptyCartComponent;
 7 |   let fixture: ComponentFixture<EmptyCartComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [EmptyCartComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(EmptyCartComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/checkout/cart/components/empty-cart/empty-cart.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, OnInit } from '@angular/core';
 2 | 
 3 | @Component({
 4 |   selector: 'app-empty-cart',
 5 |   templateUrl: './empty-cart.component.html',
 6 |   styleUrls: ['./empty-cart.component.scss']
 7 | })
 8 | export class EmptyCartComponent implements OnInit {
 9 |   constructor() {}
10 | 
11 |   ngOnInit() {}
12 | }
13 | 


--------------------------------------------------------------------------------
/src/app/checkout/cart/components/line-item-list/line-item-list.component.html:
--------------------------------------------------------------------------------
1 | <div *ngIf="(lineItems$ | async); let lineItems">
2 |   <div *ngFor="let item of lineItems">
3 |     <app-line-item [lineItem]="item" [isMobile]="isMobile"></app-line-item>
4 |   </div>
5 | </div>
6 | 


--------------------------------------------------------------------------------
/src/app/checkout/cart/components/line-item-list/line-item-list.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/app/checkout/cart/components/line-item-list/line-item-list.component.scss


--------------------------------------------------------------------------------
/src/app/checkout/cart/components/line-item-list/line-item-list.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { LineItemListComponent } from './line-item-list.component';
 4 | 
 5 | describe('LineItemListComponent', () => {
 6 |   let component: LineItemListComponent;
 7 |   let fixture: ComponentFixture<LineItemListComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [LineItemListComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(LineItemListComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/checkout/cart/components/line-item-list/line-item/line-item.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { LineItemComponent } from './line-item.component';
 4 | 
 5 | describe('LineItemComponent', () => {
 6 |   let component: LineItemComponent;
 7 |   let fixture: ComponentFixture<LineItemComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [LineItemComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(LineItemComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/checkout/cart/components/order-total-summary/order-total-summary.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { OrderTotalSummaryComponent } from './order-total-summary.component';
 4 | 
 5 | describe('OrderTotalSummaryComponent', () => {
 6 |   let component: OrderTotalSummaryComponent;
 7 |   let fixture: ComponentFixture<OrderTotalSummaryComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [OrderTotalSummaryComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(OrderTotalSummaryComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/checkout/checkout.routes.ts:
--------------------------------------------------------------------------------
 1 | import { OrderSuccessComponent } from './order-success/order-success.component';
 2 | import { PaymentComponent } from './payment/payment.component';
 3 | import { AddressComponent } from './address/address.component';
 4 | import { CartComponent } from './cart/cart.component';
 5 | import { OrderFailedComponent } from './order-failed/order-failed.component';
 6 | import { Routes } from "@angular/router";
 7 | 
 8 | export const routes: Routes = [
 9 |   { path: '', redirectTo: 'cart', pathMatch: 'full' },
10 |   { path: 'cart', component: CartComponent },
11 |   { path: 'address', component: AddressComponent },
12 |   { path: 'payment', component: PaymentComponent },
13 |   { path: 'order-success', component: OrderSuccessComponent },
14 |   { path: 'order-failed', component: OrderFailedComponent }
15 | ];
16 | 


--------------------------------------------------------------------------------
/src/app/checkout/order-failed/order-failed.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { OrderFailedComponent } from './order-failed.component';
 4 | 
 5 | describe('OrderFailedComponent', () => {
 6 |   let component: OrderFailedComponent;
 7 |   let fixture: ComponentFixture<OrderFailedComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [OrderFailedComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(OrderFailedComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/checkout/order-success/order-success.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { OrderSuccessComponent } from './order-success.component';
 4 | 
 5 | describe('OrderSuccessComponent', () => {
 6 |   let component: OrderSuccessComponent;
 7 |   let fixture: ComponentFixture<OrderSuccessComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [OrderSuccessComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(OrderSuccessComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/checkout/payment/payment-modes-list/cash-on-delivery/cash-on-delivery.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { CashOnDeliveryComponent } from './cash-on-delivery.component';
 4 | 
 5 | describe('CashOnDeliveryComponent', () => {
 6 |   let component: CashOnDeliveryComponent;
 7 |   let fixture: ComponentFixture<CashOnDeliveryComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [CashOnDeliveryComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(CashOnDeliveryComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/checkout/payment/payment-modes-list/hosted-payment/hosted-payment.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { HostedPaymentComponent } from './hosted-payment.component';
 4 | 
 5 | describe('CreditCardComponent', () => {
 6 |   let component: HostedPaymentComponent;
 7 |   let fixture: ComponentFixture<HostedPaymentComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [HostedPaymentComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(HostedPaymentComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/checkout/payment/payment-modes-list/payment-modes-list.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { PaymentModesListComponent } from './payment-modes-list.component';
 4 | 
 5 | describe('PaymentModesListComponent', () => {
 6 |   let component: PaymentModesListComponent;
 7 |   let fixture: ComponentFixture<PaymentModesListComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [PaymentModesListComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(PaymentModesListComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/checkout/payment/payment-modes-list/razor-payment/razor-payment.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { RazorPaymentComponent } from './razor-payment.component';
 4 | 
 5 | describe('CashOnDeliveryComponent', () => {
 6 |   let component: RazorPaymentComponent;
 7 |   let fixture: ComponentFixture<RazorPaymentComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [RazorPaymentComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(RazorPaymentComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/checkout/payment/payment-modes-list/stripe-payment/stripe-payment.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { StripePaymentComponent } from './stripe-payment.component';
 4 | 
 5 | describe('CashOnDeliveryComponent', () => {
 6 |   let component: StripePaymentComponent;
 7 |   let fixture: ComponentFixture<StripePaymentComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [StripePaymentComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(StripePaymentComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/checkout/payment/payment.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { PaymentComponent } from './payment.component';
 4 | 
 5 | describe('PaymentComponent', () => {
 6 |   let component: PaymentComponent;
 7 |   let fixture: ComponentFixture<PaymentComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [PaymentComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(PaymentComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/core/models/address.ts:
--------------------------------------------------------------------------------
 1 | import { CState } from './state';
 2 | import { Country } from './country';
 3 | 
 4 | export class Address {
 5 |   id: string;
 6 |   first_name: string;
 7 |   last_name: string;
 8 |   full_name: string;
 9 |   address_line_1: string;
10 |   address_line_2: string;
11 |   city: string;
12 |   zip_code: string;
13 |   phone: string;
14 |   company: string;
15 |   alternative_phone: string;
16 |   country_id: string;
17 |   state_id: string;
18 |   state_name: string;
19 |   state_text: string;
20 |   state?: CState;
21 |   country: Country;
22 | }
23 | 


--------------------------------------------------------------------------------
/src/app/core/models/brand.ts:
--------------------------------------------------------------------------------
1 | export class Brand {
2 |   id: string;
3 |   image_url: string;
4 |   name: string;
5 | }
6 | 


--------------------------------------------------------------------------------
/src/app/core/models/classification.ts:
--------------------------------------------------------------------------------
1 | import { Taxon } from './taxon';
2 | 
3 | export class Classification {
4 |   taxon_id: number;
5 |   position: number;
6 |   taxon: Taxon;
7 | }
8 | 


--------------------------------------------------------------------------------
/src/app/core/models/country.ts:
--------------------------------------------------------------------------------
1 | import { CState } from './state';
2 | 
3 | export class Country {
4 |   id: string;
5 |   iso_name: string;
6 |   name: string;
7 |   states: CState[];
8 | }
9 | 


--------------------------------------------------------------------------------
/src/app/core/models/image.ts:
--------------------------------------------------------------------------------
1 | export class Image {
2 |   small: string;
3 |   thumb: string;
4 |   large: string;
5 |   product_url: string;
6 | }
7 | 


--------------------------------------------------------------------------------
/src/app/core/models/index.ts:
--------------------------------------------------------------------------------
1 | import { Product } from './product';
2 | 
3 | export { Product };
4 | 


--------------------------------------------------------------------------------
/src/app/core/models/line_item.ts:
--------------------------------------------------------------------------------
 1 | import { Variant } from './variant';
 2 | import { Product } from './product';
 3 | 
 4 | export class LineItem {
 5 |   id: number;
 6 |   quantity: number;
 7 |   unit_price: Object;
 8 |   single_display_amount: number;
 9 |   total_price: number;
10 |   display_amount: number;
11 |   variant_id: number;
12 |   variant: Variant;
13 |   product: Product;
14 | }
15 | 


--------------------------------------------------------------------------------
/src/app/core/models/option_type.ts:
--------------------------------------------------------------------------------
1 | export class OptionType {
2 |   id: string;
3 |   name: string;
4 |   presentation: string;
5 |   position: string;
6 | }
7 | 


--------------------------------------------------------------------------------
/src/app/core/models/option_value.ts:
--------------------------------------------------------------------------------
 1 | export class OptionValue {
 2 |   id: string;
 3 |   name: string;
 4 |   presentation: string;
 5 |   option_type_name: string;
 6 |   option_type_id: number;
 7 |   option_type_presentation: string;
 8 |   option_type: any;
 9 |   value: any;
10 | }
11 | 


--------------------------------------------------------------------------------
/src/app/core/models/payment.ts:
--------------------------------------------------------------------------------
1 | import { Price } from './price';
2 | 
3 | export class Payment {
4 |   id: string;
5 |   amount: Price;
6 |   payment_method_id: string;
7 |   slug: string;
8 | }
9 | 


--------------------------------------------------------------------------------
/src/app/core/models/payment_key.ts:
--------------------------------------------------------------------------------
1 | export class PaymentKey {
2 |   publishable_key: string;
3 |   key_id: string;
4 | }
5 | 


--------------------------------------------------------------------------------
/src/app/core/models/payment_mode.ts:
--------------------------------------------------------------------------------
 1 | export class PaymentMode {
 2 |   id: number;
 3 |   name: string;
 4 |   description: string;
 5 |   method_type: string;
 6 |   code: string;
 7 |   active?: boolean;
 8 |   live_mode?: boolean;
 9 | }
10 | 


--------------------------------------------------------------------------------
/src/app/core/models/price.ts:
--------------------------------------------------------------------------------
1 | export class Price {
2 |   amount: string;
3 |   currency: string;
4 | }
5 | 


--------------------------------------------------------------------------------
/src/app/core/models/product_property.ts:
--------------------------------------------------------------------------------
1 | export class ProductProperty {
2 |   id: number;
3 |   product_id: number;
4 |   property_id: number;
5 |   value: string;
6 |   property_name: string;
7 | }
8 | 


--------------------------------------------------------------------------------
/src/app/core/models/rating_category.ts:
--------------------------------------------------------------------------------
1 | export class RatingCategory {
2 |   code: string;
3 |   id: string;
4 |   position: number;
5 | }
6 | 


--------------------------------------------------------------------------------
/src/app/core/models/rating_option.ts:
--------------------------------------------------------------------------------
1 | export class RatingOption {
2 |   id: string;
3 |   code: string;
4 |   position: number;
5 |   value: number;
6 | }
7 | 


--------------------------------------------------------------------------------
/src/app/core/models/rating_option_vote.ts:
--------------------------------------------------------------------------------
1 | import { RatingOption } from './rating_option';
2 | 
3 | export class RatingOptionVote {
4 |   id: string;
5 |   rating_option: RatingOption;
6 | }
7 | 


--------------------------------------------------------------------------------
/src/app/core/models/rating_summary.ts:
--------------------------------------------------------------------------------
1 | import { ReviewList } from './review_list';
2 | 
3 | export class RatingSummary {
4 |   average_rating: string;
5 |   review_count: number;
6 |   rating_list: Array<ReviewList>;
7 | }
8 | 


--------------------------------------------------------------------------------
/src/app/core/models/review.ts:
--------------------------------------------------------------------------------
 1 | import { RatingOptionVote } from './rating_option_vote';
 2 | 
 3 | export class Review {
 4 |   id: string;
 5 |   description: string;
 6 |   locale: string;
 7 |   title: string;
 8 |   name: string;
 9 |   rating_option_vote: RatingOptionVote;
10 |   updated_at: string;
11 | }
12 | 


--------------------------------------------------------------------------------
/src/app/core/models/review_list.ts:
--------------------------------------------------------------------------------
1 | export class ReviewList {
2 |   position: number;
3 |   value: string;
4 | }
5 | 


--------------------------------------------------------------------------------
/src/app/core/models/state.ts:
--------------------------------------------------------------------------------
1 | export class CState {
2 |   id: string;
3 |   code: string;
4 |   name: string;
5 | }
6 | 


--------------------------------------------------------------------------------
/src/app/core/models/taxon.ts:
--------------------------------------------------------------------------------
 1 | export class Taxon {
 2 |   id: number;
 3 |   name: string;
 4 |   pretty_name: string;
 5 |   permalink: string;
 6 |   parent_id: number;
 7 |   taxonomy_id: number;
 8 |   checked: boolean = false;
 9 |   taxons: Taxon[];
10 |   icon: string;
11 |   image_url: string;
12 | }
13 | 


--------------------------------------------------------------------------------
/src/app/core/models/taxonomy.ts:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Taxonomy Model
 3 |  * More info http://guides.spreecommerce.org/user/configuring_taxonomies.html
 4 |  * Public API's http://guides.spreecommerce.org/api/taxonomies.html
 5 |  */
 6 | 
 7 | import { Taxon } from './taxon';
 8 | 
 9 | export interface Taxonomy {
10 |   id: number;
11 |   name: string;
12 |   root: Taxon;
13 | }
14 | 


--------------------------------------------------------------------------------
/src/app/core/models/user.ts:
--------------------------------------------------------------------------------
1 | export class User {
2 |   id: string;
3 |   email: string;
4 |   first_name: string;
5 |   last_name: string;
6 |   token: string;
7 | }
8 | 


--------------------------------------------------------------------------------
/src/app/core/pipes/humanize.pipe.ts:
--------------------------------------------------------------------------------
 1 | import { Pipe, PipeTransform } from '@angular/core';
 2 | 
 3 | @Pipe({ name: 'humanize' })
 4 | export class HumanizePipe implements PipeTransform {
 5 |   /**
 6 |    *
 7 |    *
 8 |    * @param {any} value
 9 |    * @returns
10 |    *
11 |    * @memberof HumanizePipe
12 |    */
13 |   transform(value) {
14 |     let updated_val = value;
15 |     if (typeof value === 'string') {
16 |       updated_val = value.replace(/\_/g, ' ');
17 |     }
18 |     return updated_val;
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/src/app/core/pipes/reverse.pipe.ts:
--------------------------------------------------------------------------------
 1 | import { Pipe, PipeTransform } from '@angular/core';
 2 | 
 3 | @Pipe({
 4 |   name: 'reverse'
 5 | })
 6 | export class ReversePipe implements PipeTransform {
 7 |   transform(value) {
 8 |     return value.slice().reverse();
 9 |   }
10 | }
11 | 


--------------------------------------------------------------------------------
/src/app/core/services/auth.service.spec.ts:
--------------------------------------------------------------------------------
 1 | import { TestBed, inject } from '@angular/core/testing';
 2 | 
 3 | import { AuthService } from './auth.service';
 4 | 
 5 | describe('AuthService', () => {
 6 |   beforeEach(() => {
 7 |     TestBed.configureTestingModule({
 8 |       providers: [AuthService]
 9 |     });
10 |   });
11 | 
12 |   it('should ...', inject([AuthService], (service: AuthService) => {
13 |     expect(service).toBeTruthy();
14 |   }));
15 | });
16 | 


--------------------------------------------------------------------------------
/src/app/core/services/json-api-parser.service.ts:
--------------------------------------------------------------------------------
 1 | import { CJsonApi } from './../models/jsonapi';
 2 | import { Injectable } from '@angular/core';
 3 | 
 4 | @Injectable({
 5 |   providedIn: 'root'
 6 | })
 7 | export class JsonApiParserService {
 8 |   constructor() {}
 9 | 
10 |   parseSingleObj(data): Object {
11 |     return Object.assign(new CJsonApi(), data).toModel();
12 |   }
13 | 
14 |   parseArrayofObject(array): Array<Object> {
15 |     return array.map(obj => Object.assign(new CJsonApi(), obj).toModel());
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/src/app/interfaces.ts:
--------------------------------------------------------------------------------
 1 | import { SearchState } from './modules/search/store/states/search.state';
 2 | import { ProductState } from './product/reducers/product-state';
 3 | import { AuthState } from './auth/reducers/auth.state';
 4 | import { UserState } from './user/reducers/user.state';
 5 | import { CheckoutState } from './checkout/reducers/checkout.state';
 6 | 
 7 | // This should hold the AppState interface
 8 | // Ideally importing all the substate for the application
 9 | 
10 | /**
11 |  *
12 |  *
13 |  * @export
14 |  * @interface AppState
15 |  */
16 | export interface AppState {
17 |   products: ProductState;
18 |   auth: AuthState;
19 |   checkout: CheckoutState;
20 |   users: UserState;
21 |   search: SearchState;
22 | }
23 | 


--------------------------------------------------------------------------------
/src/app/landing/components/about-us/about-us.component.html:
--------------------------------------------------------------------------------
 1 | <div class="main-content container my-4 my-4">
 2 |   <div
 3 |     id="content"
 4 |     class="col-md-12 center-column content-with-background  px-0"
 5 |   >
 6 |     <h2 class="my-3">About Us</h2>
 7 |     <div class="row">
 8 |       <div class="col-sm-12"></div>
 9 |     </div>
10 |   </div>
11 | </div>
12 | 


--------------------------------------------------------------------------------
/src/app/landing/components/about-us/about-us.component.scss:
--------------------------------------------------------------------------------
1 | .main-content {
2 |   ul {
3 |     padding-left: 2em;
4 |     list-style: disc;
5 |     text-indent: 20px;
6 |   }
7 | }
8 | 


--------------------------------------------------------------------------------
/src/app/landing/components/about-us/about-us.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { AboutUsComponent } from './about-us.component';
 4 | 
 5 | describe('AboutUsComponent', () => {
 6 |   let component: AboutUsComponent;
 7 |   let fixture: ComponentFixture<AboutUsComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [AboutUsComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(AboutUsComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/landing/components/about-us/about-us.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, OnInit } from '@angular/core';
 2 | 
 3 | @Component({
 4 |   selector: 'app-about-us',
 5 |   templateUrl: './about-us.component.html',
 6 |   styleUrls: ['./about-us.component.scss']
 7 | })
 8 | export class AboutUsComponent implements OnInit {
 9 |   constructor() {}
10 | 
11 |   ngOnInit() {}
12 | }
13 | 


--------------------------------------------------------------------------------
/src/app/landing/components/brands-page/brands-page.component.html:
--------------------------------------------------------------------------------
1 | <div class="container my-3" *ngIf="(brands$ | async); let brandsList">
2 |   <app-lp-brands [brands]="brandsList"></app-lp-brands>
3 | </div>
4 | 


--------------------------------------------------------------------------------
/src/app/landing/components/brands-page/brands-page.component.scss:
--------------------------------------------------------------------------------
 1 | @import '../../../shared/scss/_selected_theme_variables';
 2 | :host {
 3 |   ::ng-deep .section-title {
 4 |     color: $black;
 5 |     text-transform: capitalize;
 6 |     font-weight: 600;
 7 |   }
 8 |   ::ng-deep .scrollbar-hidden {
 9 |     overflow: hidden !important;
10 |   }
11 |   ::ng-deep .product-tile {
12 |     text-align: center;
13 |     a {
14 |       color: $gray-900;
15 |       img {
16 |         object-fit: scale-down;
17 |         height: 200px;
18 |         width: 100%;
19 |       }
20 |       &:hover {
21 |         text-decoration: none;
22 |       }
23 |     }
24 |   }
25 | }
26 | 


--------------------------------------------------------------------------------
/src/app/landing/components/brands-page/brands-page.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { BrandsPageComponent } from './brands-page.component';
 4 | 
 5 | describe('BrandsPageComponent', () => {
 6 |   let component: BrandsPageComponent;
 7 |   let fixture: ComponentFixture<BrandsPageComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [BrandsPageComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(BrandsPageComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/landing/components/brands-page/brands-page.component.ts:
--------------------------------------------------------------------------------
 1 | import { Observable } from 'rxjs';
 2 | import { Component, OnInit } from '@angular/core';
 3 | import { Brand } from '../../../core/models/brand';
 4 | import { Store } from '@ngrx/store';
 5 | import { AppState } from '../../../interfaces';
 6 | import { getBrands } from '../../../product/reducers/selectors';
 7 | 
 8 | @Component({
 9 |   selector: 'app-brands-page',
10 |   templateUrl: './brands-page.component.html',
11 |   styleUrls: ['./brands-page.component.scss']
12 | })
13 | export class BrandsPageComponent implements OnInit {
14 |   brands$: Observable<Array<Brand>>;
15 | 
16 |   constructor(private store: Store<AppState>) {}
17 | 
18 |   ngOnInit() {
19 |     this.brands$ = this.store.select(getBrands);
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/src/app/landing/components/faq-page/faq-page.component.html:
--------------------------------------------------------------------------------
1 | <div class="container py-5 my-5 h-100">
2 |   <div class="row py-5">
3 |     <div class="col-sm-12 py-1 "></div>
4 |   </div>
5 | </div>
6 | 


--------------------------------------------------------------------------------
/src/app/landing/components/faq-page/faq-page.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/app/landing/components/faq-page/faq-page.component.scss


--------------------------------------------------------------------------------
/src/app/landing/components/faq-page/faq-page.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { FaqPageComponent } from './faq-page.component';
 4 | 
 5 | describe('FaqPageComponent', () => {
 6 |   let component: FaqPageComponent;
 7 |   let fixture: ComponentFixture<FaqPageComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [FaqPageComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(FaqPageComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/landing/components/faq-page/faq-page.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, OnInit } from '@angular/core';
 2 | 
 3 | @Component({
 4 |   selector: 'app-faq-page',
 5 |   templateUrl: './faq-page.component.html',
 6 |   styleUrls: ['./faq-page.component.scss']
 7 | })
 8 | export class FaqPageComponent implements OnInit {
 9 |   constructor() {}
10 | 
11 |   ngOnInit() {}
12 | }
13 | 


--------------------------------------------------------------------------------
/src/app/landing/components/lp-banner/lp-banner.component.html:
--------------------------------------------------------------------------------
 1 | <ngu-carousel
 2 |   #landingBanners
 3 |   [inputs]="carouselTileConfig"
 4 |   [dataSource]="bannerItems"
 5 | >
 6 |   <ngu-item *nguCarouselDef="let banner; let i = index" class="bannerStyle">
 7 |     <a href="{{ banner.link_url }}">
 8 |       <img
 9 |         src="{{ banner.image_link }}"
10 |         alt=""
11 |         style="display: block; width: 100%;"
12 |       />
13 |     </a>
14 |   </ngu-item>
15 |   <button NguCarouselPrev class="leftRs d-none d-sm-block"></button>
16 |   <button NguCarouselNext class="rightRs d-none d-sm-block"></button>
17 |   <ul class="ngucarouselPoint" NguCarouselPoint>
18 |     <li
19 |       *ngFor="let idx of landingBanners.pointNumbers; let i = index"
20 |       [class.active]="i == landingBanners.activePoint"
21 |       (click)="landingBanners.moveTo(i)"
22 |     ></li>
23 |   </ul>
24 | </ngu-carousel>
25 | 


--------------------------------------------------------------------------------
/src/app/landing/components/lp-banner/lp-banner.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { LpBannerComponent } from './lp-banner.component';
 4 | 
 5 | describe('LpBannerComponent', () => {
 6 |   let component: LpBannerComponent;
 7 |   let fixture: ComponentFixture<LpBannerComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [LpBannerComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(LpBannerComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/landing/components/lp-brands/lp-brands.component.html:
--------------------------------------------------------------------------------
 1 | <section *ngIf="brands">
 2 |   <div class="slider-section mb-2">
 3 |     <div>
 4 |       <a
 5 |         *ngIf="brands.length != 0"
 6 |         href="#"
 7 |         class="section-title h3 position-relative"
 8 |         >100+ Brands in Stock!</a
 9 |       >
10 |     </div>
11 |   </div>
12 |   <div class="row m-0">
13 |     <div
14 |       class="col-4 col-sm-2  col-md-3 col-lg-2 p-0"
15 |       *ngFor="let brand of brands"
16 |     >
17 |       <div class="card">
18 |         <a
19 |           [routerLink]="['/s']"
20 |           [queryParams]="{ f: 'Brand:' + brand.name }"
21 |           (click)="setBrandName(brand.name)"
22 |         >
23 |           <img class="card-img-top" [src]="getBrandImageUrl(brand.image_url)" />
24 |         </a>
25 |       </div>
26 |     </div>
27 |   </div>
28 |   <hr />
29 | </section>
30 | 


--------------------------------------------------------------------------------
/src/app/landing/components/lp-brands/lp-brands.component.scss:
--------------------------------------------------------------------------------
 1 | .card {
 2 |   border-radius: 0;
 3 |   margin-left: -1px;
 4 |   margin-top: -1px;
 5 | }
 6 | 
 7 | .card-img-top {
 8 |   height: 125px;
 9 |   -o-object-fit: scale-down;
10 |   object-fit: scale-down;
11 |   padding: 20px;
12 | }
13 | 


--------------------------------------------------------------------------------
/src/app/landing/components/lp-brands/lp-brands.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { LpBrandsComponent } from './lp-brands.component';
 4 | 
 5 | describe('LpBrandsComponent', () => {
 6 |   let component: LpBrandsComponent;
 7 |   let fixture: ComponentFixture<LpBrandsComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [LpBrandsComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(LpBrandsComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/landing/components/lp-product-list/lp-product-list.component.html:
--------------------------------------------------------------------------------
 1 | <section *ngIf="products.length > 0">
 2 |   <div class="slider-section">
 3 |     <div>
 4 |       <a class="section-title h3" (click)="getDeals()">{{ dealsType }}</a>
 5 |     </div>
 6 |   </div>
 7 |   <app-product-slider
 8 |     [productsList]="products"
 9 |     [showRating]="showRating"
10 |   ></app-product-slider>
11 | </section>
12 | 


--------------------------------------------------------------------------------
/src/app/landing/components/lp-product-list/lp-product-list.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/app/landing/components/lp-product-list/lp-product-list.component.scss


--------------------------------------------------------------------------------
/src/app/landing/components/lp-product-list/lp-product-list.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { LpProductListComponent } from './lp-product-list.component';
 4 | 
 5 | describe('LpProductListComponent', () => {
 6 |   let component: LpProductListComponent;
 7 |   let fixture: ComponentFixture<LpProductListComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [LpProductListComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(LpProductListComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/landing/components/lp-product-list/lp-product-list.component.ts:
--------------------------------------------------------------------------------
 1 | import { Store } from '@ngrx/store';
 2 | import { ActivatedRoute } from '@angular/router';
 3 | import { AppState } from './../../../interfaces';
 4 | import {
 5 |   Component,
 6 |   OnInit,
 7 |   Input,
 8 |   ChangeDetectionStrategy
 9 | } from '@angular/core';
10 | 
11 | @Component({
12 |   selector: 'app-lp-product-list',
13 |   templateUrl: './lp-product-list.component.html',
14 |   styleUrls: ['./lp-product-list.component.scss'],
15 |   changeDetection: ChangeDetectionStrategy.OnPush
16 | })
17 | export class LpProductListComponent implements OnInit {
18 |   @Input() products;
19 |   @Input() dealsType;
20 |   @Input() dealsId;
21 |   @Input() showRating: boolean;
22 | 
23 |   constructor(private store: Store<AppState>, private router: ActivatedRoute) {}
24 | 
25 |   ngOnInit() {}
26 | 
27 |   getDeals() {}
28 | }
29 | 


--------------------------------------------------------------------------------
/src/app/landing/components/lp-product-list/pl-item/pl-item.component.html:
--------------------------------------------------------------------------------
 1 | <div class="product-tile">
 2 |   <a [routerLink]="['/', product.slug]">
 3 |     <img
 4 |       width="150"
 5 |       height="200"
 6 |       [src]="getProductImageUrl(product.product_url)"
 7 |     />
 8 |     <p>{{ product.name }}</p>
 9 |   </a>
10 | </div>
11 | 


--------------------------------------------------------------------------------
/src/app/landing/components/lp-product-list/pl-item/pl-item.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/app/landing/components/lp-product-list/pl-item/pl-item.component.scss


--------------------------------------------------------------------------------
/src/app/landing/components/lp-product-list/pl-item/pl-item.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { PlItemComponent } from './pl-item.component';
 4 | 
 5 | describe('PlItemComponent', () => {
 6 |   let component: PlItemComponent;
 7 |   let fixture: ComponentFixture<PlItemComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [PlItemComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(PlItemComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/landing/components/lp-product-list/pl-item/pl-item.component.ts:
--------------------------------------------------------------------------------
 1 | import { Product } from './../../../../core/models/product';
 2 | import {
 3 |   Component,
 4 |   OnInit,
 5 |   Input,
 6 |   ChangeDetectionStrategy
 7 | } from '@angular/core';
 8 | 
 9 | @Component({
10 |   selector: 'app-pl-item',
11 |   templateUrl: './pl-item.component.html',
12 |   styleUrls: ['./pl-item.component.scss'],
13 |   changeDetection: ChangeDetectionStrategy.OnPush
14 | })
15 | export class PlItemComponent implements OnInit {
16 |   @Input() product: Product;
17 |   constructor() {}
18 | 
19 |   ngOnInit() {}
20 | 
21 |   getProductImageUrl(url) {
22 |     return url;
23 |   }
24 | }
25 | 


--------------------------------------------------------------------------------
/src/app/landing/components/lp-promo/lp-promo.component.html:
--------------------------------------------------------------------------------
1 | <section *ngIf="promo_banners">
2 |   <div class="row">
3 |     <a href="{{ promo_banners.link_url }}" class="col">
4 |       <img src="{{ promo_banners.image_link }}" class="img-fluid w-100" />
5 |     </a>
6 |   </div>
7 |   <hr />
8 | </section>
9 | 


--------------------------------------------------------------------------------
/src/app/landing/components/lp-promo/lp-promo.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/app/landing/components/lp-promo/lp-promo.component.scss


--------------------------------------------------------------------------------
/src/app/landing/components/lp-promo/lp-promo.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { LpPromoComponent } from './lp-promo.component';
 4 | 
 5 | describe('LpPromoComponent', () => {
 6 |   let component: LpPromoComponent;
 7 |   let fixture: ComponentFixture<LpPromoComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [LpPromoComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(LpPromoComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/landing/components/lp-promo/lp-promo.component.ts:
--------------------------------------------------------------------------------
 1 | import { environment } from './../../../../environments/environment';
 2 | import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core';
 3 | 
 4 | @Component({
 5 |   selector: 'app-lp-promo',
 6 |   templateUrl: './lp-promo.component.html',
 7 |   styleUrls: ['./lp-promo.component.scss'],
 8 |   changeDetection: ChangeDetectionStrategy.OnPush
 9 | })
10 | export class LpPromoComponent implements OnInit {
11 |   promo_banners = environment.config.promo_banner;
12 |   constructor() {}
13 | 
14 |   ngOnInit() {}
15 | }
16 | 


--------------------------------------------------------------------------------
/src/app/landing/components/return-policy/return-policy.component.html:
--------------------------------------------------------------------------------
 1 | <div class="container">
 2 |   <div
 3 |     id="content"
 4 |     class="col-md-12 center-column content-with-background px-0"
 5 |   >
 6 |     <h2 class="my-3">Return Policy</h2>
 7 |     <div class="row">
 8 |       <div class="col-sm-12"></div>
 9 |     </div>
10 |   </div>
11 | </div>
12 | 


--------------------------------------------------------------------------------
/src/app/landing/components/return-policy/return-policy.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/app/landing/components/return-policy/return-policy.component.scss


--------------------------------------------------------------------------------
/src/app/landing/components/return-policy/return-policy.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { ReturnPolicyComponent } from './return-policy.component';
 4 | 
 5 | describe('ReturnPolicyComponent', () => {
 6 |   let component: ReturnPolicyComponent;
 7 |   let fixture: ComponentFixture<ReturnPolicyComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [ReturnPolicyComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(ReturnPolicyComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/landing/components/return-policy/return-policy.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, OnInit } from '@angular/core';
 2 | 
 3 | @Component({
 4 |   selector: 'app-return-policy',
 5 |   templateUrl: './return-policy.component.html',
 6 |   styleUrls: ['./return-policy.component.scss']
 7 | })
 8 | export class ReturnPolicyComponent implements OnInit {
 9 |   constructor() {}
10 | 
11 |   ngOnInit() {}
12 | }
13 | 


--------------------------------------------------------------------------------
/src/app/landing/landing.component.html:
--------------------------------------------------------------------------------
 1 | <app-lp-banner></app-lp-banner>
 2 | <button type="button" class="btn shippingbtn d-block d-sm-none">
 3 |   FREE 1-2 DAY SHIPPING OVER {{ currency }}{{ freeShippingAmount }}
 4 |   <i class="fa ml-2 fa-truck" aria-hidden="true"></i>
 5 | </button>
 6 | <div class="container my-5" *ngIf="(products$ | async); let productList">
 7 |   <app-lp-product-list
 8 |     [products]="productList"
 9 |     dealsType="Today's Deal"
10 |     [dealsId]="taxons_id"
11 |   ></app-lp-product-list>
12 |   <app-lp-product-list
13 |     [products]="productList"
14 |     dealsType="Customer Favourites"
15 |     [showRating]="true"
16 |     [dealsId]="taxons_id"
17 |   >
18 |   </app-lp-product-list>
19 |   <app-lp-promo> </app-lp-promo>
20 |   <app-lp-brands [brands]="brands$ | async"></app-lp-brands>
21 | </div>
22 | 


--------------------------------------------------------------------------------
/src/app/landing/landing.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { LandingComponent } from './landing.component';
 4 | 
 5 | describe('LandingComponent', () => {
 6 |   let component: LandingComponent;
 7 |   let fixture: ComponentFixture<LandingComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [LandingComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(LandingComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/landing/landing.module.spec.ts:
--------------------------------------------------------------------------------
 1 | import { LandingModule } from './landing.module';
 2 | 
 3 | describe('LandingModule', () => {
 4 |   let landingModule: LandingModule;
 5 | 
 6 |   beforeEach(() => {
 7 |     landingModule = new LandingModule();
 8 |   });
 9 | 
10 |   it('should create an instance', () => {
11 |     expect(landingModule).toBeTruthy();
12 |   });
13 | });
14 | 


--------------------------------------------------------------------------------
/src/app/layout/checkout-footer/checkout-footer.component.html:
--------------------------------------------------------------------------------
1 | <div class="checkout-footer"></div>
2 | 


--------------------------------------------------------------------------------
/src/app/layout/checkout-footer/checkout-footer.component.scss:
--------------------------------------------------------------------------------
1 | @import '../../shared/scss/selected_theme_variables';
2 | .checkout-footer {
3 |   background: $white;
4 |   border-top: 1px solid $gray-10;
5 | }
6 | 


--------------------------------------------------------------------------------
/src/app/layout/checkout-footer/checkout-footer.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { CheckoutFooterComponent } from './checkout-footer.component';
 4 | 
 5 | describe('CheckoutFooterComponent', () => {
 6 |   let component: CheckoutFooterComponent;
 7 |   let fixture: ComponentFixture<CheckoutFooterComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [CheckoutFooterComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(CheckoutFooterComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/layout/checkout-footer/checkout-footer.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, OnInit } from '@angular/core';
 2 | 
 3 | @Component({
 4 |   selector: 'app-checkout-footer',
 5 |   templateUrl: './checkout-footer.component.html',
 6 |   styleUrls: ['./checkout-footer.component.scss']
 7 | })
 8 | export class CheckoutFooterComponent implements OnInit {
 9 |   constructor() {}
10 | 
11 |   ngOnInit() {}
12 | }
13 | 


--------------------------------------------------------------------------------
/src/app/layout/checkout-header/checkout-header.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { CheckoutHeaderComponent } from './checkout-header.component';
 4 | 
 5 | describe('CheckoutHeaderComponent', () => {
 6 |   let component: CheckoutHeaderComponent;
 7 |   let fixture: ComponentFixture<CheckoutHeaderComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [CheckoutHeaderComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(CheckoutHeaderComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/layout/effects/layout.effects.spec.ts:
--------------------------------------------------------------------------------
 1 | import { TestBed, inject } from '@angular/core/testing';
 2 | import { provideMockActions } from '@ngrx/effects/testing';
 3 | import { Observable } from 'rxjs';
 4 | 
 5 | import { LayoutEffects } from './layout.effects';
 6 | 
 7 | describe('LayoutEffects', () => {
 8 |   let actions$: Observable<any>;
 9 |   let effects: LayoutEffects;
10 | 
11 |   beforeEach(() => {
12 |     TestBed.configureTestingModule({
13 |       providers: [LayoutEffects, provideMockActions(() => actions$)]
14 |     });
15 | 
16 |     effects = TestBed.get(LayoutEffects);
17 |   });
18 | 
19 |   it('should be created', () => {
20 |     expect(effects).toBeTruthy();
21 |   });
22 | });
23 | 


--------------------------------------------------------------------------------
/src/app/layout/effects/layout.effects.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { Actions, Effect, ofType } from '@ngrx/effects';
3 | import { LayoutActionTypes } from '../actions/layout.actions';
4 | 
5 | @Injectable()
6 | export class LayoutEffects {
7 |   constructor(private actions$: Actions) {}
8 | }
9 | 


--------------------------------------------------------------------------------
/src/app/layout/footer/component/footer-contact-info/footer-contact-info.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { FooterContactInfoComponent } from './footer-contact-info.component';
 4 | 
 5 | describe('FooterContactInfoComponent', () => {
 6 |   let component: FooterContactInfoComponent;
 7 |   let fixture: ComponentFixture<FooterContactInfoComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [FooterContactInfoComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(FooterContactInfoComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/layout/footer/component/footer-contact-info/footer-contact-info.component.ts:
--------------------------------------------------------------------------------
 1 | import { environment } from './../../../../../environments/environment';
 2 | import { Component, OnInit, Inject, PLATFORM_ID } from '@angular/core';
 3 | import { isPlatformBrowser } from '../../../../../../node_modules/@angular/common';
 4 | 
 5 | @Component({
 6 |   selector: 'app-footer-contact-info',
 7 |   templateUrl: './footer-contact-info.component.html',
 8 |   styleUrls: ['./footer-contact-info.component.scss']
 9 | })
10 | export class FooterContactInfoComponent implements OnInit {
11 |   contact_info = environment.config.contact_info;
12 |   constructor(@Inject(PLATFORM_ID) private platformId: any) {}
13 | 
14 |   ngOnInit() {}
15 |   scollTop() {
16 |     if (isPlatformBrowser(this.platformId)) {
17 |       window.scrollTo({ top: 0, behavior: 'smooth' });
18 |     }
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/src/app/layout/footer/component/footer-quick-links/footer-quick-links.component.html:
--------------------------------------------------------------------------------
 1 | <section class="qlinks text-left">
 2 |   <ul class="p-0">
 3 |     <li
 4 |       class="line"
 5 |       *ngFor="let page of footer_pages; let first = first; let last = last"
 6 |       [class.first-item]="'pl-0'"
 7 |       [class.last-item]="last"
 8 |     >
 9 |       <!-- <a [routerLink]="['info' ,page.name]" target="_self">{{page.name}}</a> -->
10 |     </li>
11 |   </ul>
12 | </section>
13 | 


--------------------------------------------------------------------------------
/src/app/layout/footer/component/footer-quick-links/footer-quick-links.component.scss:
--------------------------------------------------------------------------------
 1 | @import '../../../../shared/scss/selected_theme_variables';
 2 | 
 3 | a {
 4 |   color: $footer-font-color;
 5 | }
 6 | 
 7 | .line {
 8 |   display: inline;
 9 |   padding: 10px;
10 | }
11 | 
12 | ul {
13 |   list-style: none;
14 | }
15 | 
16 | $break-small: 320px;
17 | @media screen and (min-width: $break-small) and (max-width: 767px) {
18 |   .qlinks li {
19 |     widows: 100%;
20 |     padding: 10px;
21 |     display: inline-block;
22 |     text-align: left;
23 |   }
24 | }
25 | 


--------------------------------------------------------------------------------
/src/app/layout/footer/component/footer-quick-links/footer-quick-links.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { FooterQuickLinksComponent } from './footer-quick-links.component';
 4 | 
 5 | describe('FooterQuickLinksComponent', () => {
 6 |   let component: FooterQuickLinksComponent;
 7 |   let fixture: ComponentFixture<FooterQuickLinksComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [FooterQuickLinksComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(FooterQuickLinksComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/layout/footer/component/footer-quick-links/footer-quick-links.component.ts:
--------------------------------------------------------------------------------
 1 | import { environment } from './../../../../../environments/environment';
 2 | import { Component, OnInit } from '@angular/core';
 3 | 
 4 | @Component({
 5 |   selector: 'app-footer-quick-links',
 6 |   templateUrl: './footer-quick-links.component.html',
 7 |   styleUrls: ['./footer-quick-links.component.scss']
 8 | })
 9 | export class FooterQuickLinksComponent implements OnInit {
10 |   footer_pages = environment.config.footer_page_links;
11 | 
12 |   constructor() {}
13 | 
14 |   ngOnInit() {}
15 | }
16 | 


--------------------------------------------------------------------------------
/src/app/layout/footer/component/footer-social-links/footer-social-links.component.html:
--------------------------------------------------------------------------------
 1 | <section class="social-link">
 2 |   <ul class=" p-0">
 3 |     <li class="line" *ngFor="let social of social_links">
 4 |       <a href="{{ social.link_url }}" target="_blank" rel="noreferrer">
 5 |         <i class="{{ social.icon }} fa-2x" aria-hidden="true"></i>
 6 |       </a>
 7 |     </li>
 8 |   </ul>
 9 | </section>
10 | 


--------------------------------------------------------------------------------
/src/app/layout/footer/component/footer-social-links/footer-social-links.component.scss:
--------------------------------------------------------------------------------
 1 | @import '../../../../shared/scss/selected_theme_variables';
 2 | 
 3 | a {
 4 |   color: $footer-font-color;
 5 | }
 6 | 
 7 | .line {
 8 |   display: inline;
 9 |   padding: 10px;
10 | }
11 | 
12 | .social-link {
13 |   text-align: right;
14 | }
15 | 
16 | $break-small: 320px;
17 | @media screen and (min-width: $break-small) and (max-width: 767px) {
18 |   .social-link {
19 |     text-align: center;
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/src/app/layout/footer/component/footer-social-links/footer-social-links.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { FooterSocialLinksComponent } from './footer-social-links.component';
 4 | 
 5 | describe('FooterSocialLinksComponent', () => {
 6 |   let component: FooterSocialLinksComponent;
 7 |   let fixture: ComponentFixture<FooterSocialLinksComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [FooterSocialLinksComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(FooterSocialLinksComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/layout/footer/component/footer-social-links/footer-social-links.component.ts:
--------------------------------------------------------------------------------
 1 | import { environment } from './../../../../../environments/environment';
 2 | import { Component, OnInit } from '@angular/core';
 3 | 
 4 | @Component({
 5 |   selector: 'app-footer-social-links',
 6 |   templateUrl: './footer-social-links.component.html',
 7 |   styleUrls: ['./footer-social-links.component.scss']
 8 | })
 9 | export class FooterSocialLinksComponent implements OnInit {
10 |   social_links = environment.config.footer_social_links;
11 |   constructor() {}
12 | 
13 |   ngOnInit() {}
14 | }
15 | 


--------------------------------------------------------------------------------
/src/app/layout/footer/footer.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { FooterComponent } from './footer.component';
 4 | 
 5 | describe('FooterComponent', () => {
 6 |   let component: FooterComponent;
 7 |   let fixture: ComponentFixture<FooterComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [FooterComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(FooterComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/layout/footer/footer.component.ts:
--------------------------------------------------------------------------------
 1 | import { environment } from './../../../environments/environment';
 2 | import { Component, OnInit } from '@angular/core';
 3 | 
 4 | @Component({
 5 |   selector: 'app-footer',
 6 |   templateUrl: './footer.component.html',
 7 |   styleUrls: ['./footer.component.scss']
 8 | })
 9 | export class FooterComponent implements OnInit {
10 |   contact_info = environment.config.contact_info;
11 |   constructor() {}
12 | 
13 |   ngOnInit() {}
14 | }
15 | 


--------------------------------------------------------------------------------
/src/app/layout/header/components/brand-menu-dropdown/brand-componant/brand-list/brand-list.component.html:
--------------------------------------------------------------------------------
1 | <a
2 |   [routerLink]="['/s']"
3 |   [queryParams]="{ f: 'Brand:' + brand.name }"
4 |   (click)="getBrandName(brand.name)"
5 | >
6 |   <img [src]="getBrandImageUrl(brand.image_url)" class="img-fit" />
7 | </a>
8 | 


--------------------------------------------------------------------------------
/src/app/layout/header/components/brand-menu-dropdown/brand-componant/brand-list/brand-list.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { BrandListComponent } from './brand-list.component';
 4 | 
 5 | describe('BrandListComponent', () => {
 6 |   let component: BrandListComponent;
 7 |   let fixture: ComponentFixture<BrandListComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [BrandListComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(BrandListComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/layout/header/components/brand-menu-dropdown/brand-menu-dropdown.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { BrandMenuDropdownComponent } from './brand-menu-dropdown.component';
 4 | 
 5 | describe('BrandMenuDropdownComponent', () => {
 6 |   let component: BrandMenuDropdownComponent;
 7 |   let fixture: ComponentFixture<BrandMenuDropdownComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [BrandMenuDropdownComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(BrandMenuDropdownComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/layout/header/components/categories-menu-dropdown/categories-components/categories-details/brand-logo/brand-logo.component.html:
--------------------------------------------------------------------------------
 1 | <div class="row pl-3" *ngIf="brandList">
 2 |   <div class="clearfix"></div>
 3 |   <div
 4 |     *ngFor="let brand of (brandList | slice: 0:5)"
 5 |     class="menu-popular-brand-list-item mr-1"
 6 |   >
 7 |     <a [routerLink]="['/s']" [queryParams]="{ f: 'Brand:' + brand.name }">
 8 |       <img [src]="getBrandImageUrl(brand.icon)" class="img-fluid  p-1" />
 9 |     </a>
10 |   </div>
11 | </div>
12 | 


--------------------------------------------------------------------------------
/src/app/layout/header/components/categories-menu-dropdown/categories-components/categories-details/brand-logo/brand-logo.component.scss:
--------------------------------------------------------------------------------
 1 | @import '../../../../../../../shared/scss/selected_theme_variables';
 2 | .menu-popular-brand-list-item {
 3 |   height: 5rem;
 4 |   width: 5rem;
 5 |   border: 1px solid $gray-10;
 6 |   img {
 7 |     height: 100%;
 8 |     object-fit: scale-down;
 9 |   }
10 | }
11 | 


--------------------------------------------------------------------------------
/src/app/layout/header/components/categories-menu-dropdown/categories-components/categories-details/brand-logo/brand-logo.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { BrandLogoComponent } from './brand-logo.component';
 4 | 
 5 | describe('BrandLogoComponent', () => {
 6 |   let component: BrandLogoComponent;
 7 |   let fixture: ComponentFixture<BrandLogoComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [BrandLogoComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(BrandLogoComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/layout/header/components/categories-menu-dropdown/categories-components/categories-details/categories-list/categories-list.component.html:
--------------------------------------------------------------------------------
 1 | <div *ngIf="!screenwidth">
 2 |   <div *ngFor="let taxon of taxons">
 3 |     <a
 4 |       [routerLink]="['/s']"
 5 |       [queryParams]="{ f: 'Category:' + taxon.name }"
 6 |       (click)="getTaxonName(taxon.name)"
 7 |       >{{ taxon.name }}
 8 |     </a>
 9 |   </div>
10 | </div>
11 | <div class="subbrandmenu" *ngIf="screenwidth">
12 |   <ul>
13 |     <li *ngFor="let taxon of taxons">
14 |       <a
15 |         [routerLink]="['/s']"
16 |         [queryParams]="{ f: 'Category:' + taxon.name }"
17 |         (click)="getTaxonName(taxon.name)"
18 |         >{{ taxon.name }}
19 |       </a>
20 |     </li>
21 |   </ul>
22 | </div>
23 | 


--------------------------------------------------------------------------------
/src/app/layout/header/components/header-cart/header-cart.component.html:
--------------------------------------------------------------------------------
 1 | <div
 2 |   class="header-cart btn"
 3 |   [routerLink]="['/checkout/cart']"
 4 |   *ngIf="!isMobile"
 5 |   (click)="getCurrentOrder()"
 6 | >
 7 |   <i class="fa fa-shopping-cart" aria-hidden="true"></i> Cart
 8 |   <span class="badge badge-pill shadow-sm">{{ totalCartItems }}</span>
 9 | </div>
10 | 
11 | <div
12 |   class="header-cart btn"
13 |   [routerLink]="['/checkout/cart']"
14 |   *ngIf="isMobile"
15 |   (click)="getCurrentOrder()"
16 | >
17 |   <i class="fa fa-shopping-cart" aria-hidden="true"></i>
18 |   <span class="badge badge-pill shadow-sm">{{ totalCartItems }}</span>
19 | </div>
20 | 


--------------------------------------------------------------------------------
/src/app/layout/header/components/header-cart/header-cart.component.scss:
--------------------------------------------------------------------------------
 1 | @import '../../../../shared/scss/selected_theme_variables';
 2 | .header-cart {
 3 |   border: 1px solid $theme-action-color;
 4 | }
 5 | 
 6 | @media screen and (min-width: 320px) and (max-width: 768px) {
 7 |   .header-cart {
 8 |     font-size: 20px !important;
 9 |     padding: 0px !important;
10 |     border: 0;
11 |   }
12 |   .btn .badge {
13 |     position: relative;
14 |     top: -10px;
15 |     left: -5px;
16 |   }
17 |   .badge-pill {
18 |     padding-right: 0.5em;
19 |     padding-left: 0.4em;
20 |     border-radius: 11.2rem;
21 |     font-size: 0.6em;
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/src/app/layout/header/components/header-cart/header-cart.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { HeaderCartComponent } from './header-cart.component';
 4 | 
 5 | describe('HeaderCartComponent', () => {
 6 |   let component: HeaderCartComponent;
 7 |   let fixture: ComponentFixture<HeaderCartComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [HeaderCartComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(HeaderCartComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/layout/header/components/header-help-dropdown/header-help-dropdown.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core';
 2 | import { environment } from './../../../../../environments/environment';
 3 | 
 4 | @Component({
 5 |   selector: 'app-header-help-dropdown',
 6 |   templateUrl: './header-help-dropdown.component.html',
 7 |   styleUrls: ['./header-help-dropdown.component.scss'],
 8 |   changeDetection: ChangeDetectionStrategy.OnPush
 9 | })
10 | export class HeaderHelpDropdownComponent implements OnInit {
11 |   isOpen: boolean;
12 |   contactno = environment.config.contact_info.contact_no;
13 |   constructor() {}
14 | 
15 |   ngOnInit() {}
16 | 
17 |   onOpenChange(data: boolean): void {
18 |     this.isOpen = !this.isOpen;
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/src/app/layout/header/components/header-search/header-search.component.html:
--------------------------------------------------------------------------------
 1 | <form *ngIf="!isMobile">
 2 |   <app-search-bar></app-search-bar>
 3 | </form>
 4 | <form
 5 |   class="desktop-query form-inline  my-lg-0"
 6 |   *ngIf="isMobile"
 7 |   [ngClass]="{ 'bg-white desktop-query-updated': isSearchopen }"
 8 | >
 9 |   <div class="searchinput">
10 |     <app-search-bar></app-search-bar>
11 |   </div>
12 | </form>
13 | 


--------------------------------------------------------------------------------
/src/app/layout/header/components/header-search/header-search.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { HeaderSearchComponent } from './header-search.component';
 4 | 
 5 | describe('HeaderSearchComponent', () => {
 6 |   let component: HeaderSearchComponent;
 7 |   let fixture: ComponentFixture<HeaderSearchComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [HeaderSearchComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(HeaderSearchComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/layout/header/components/profile-dropdown/profile-dropdown.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { ProfileDropdownComponent } from './profile-dropdown.component';
 4 | 
 5 | describe('ProfileDropdownComponent', () => {
 6 |   let component: ProfileDropdownComponent;
 7 |   let fixture: ComponentFixture<ProfileDropdownComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [ProfileDropdownComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(ProfileDropdownComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/layout/header/header.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { HeaderComponent } from './header.component';
 4 | 
 5 | describe('HeaderComponent', () => {
 6 |   let component: HeaderComponent;
 7 |   let fixture: ComponentFixture<HeaderComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [HeaderComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(HeaderComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/layout/reducers/layout.reducer.spec.ts:
--------------------------------------------------------------------------------
 1 | import { reducer, initialState } from './layout.reducer';
 2 | 
 3 | describe('Layout Reducer', () => {
 4 |   describe('unknown action', () => {
 5 |     it('should return the initial state', () => {
 6 |       const action = {} as any;
 7 | 
 8 |       const result = reducer(initialState, action);
 9 | 
10 |       expect(result).toBe(initialState);
11 |     });
12 |   });
13 | });
14 | 


--------------------------------------------------------------------------------
/src/app/layout/reducers/layout.selector.ts:
--------------------------------------------------------------------------------
 1 | import { LayoutState } from './layout.state';
 2 | import { createFeatureSelector, createSelector } from '@ngrx/store';
 3 | 
 4 | /******************* Base Layout State ******************/
 5 | export const getLayoutState = createFeatureSelector<LayoutState>('layout');
 6 | 
 7 | export const getlayoutStateJS = createSelector(
 8 |   getLayoutState,
 9 |   state => state
10 | );
11 | 
12 | export const showMobileSearchBarowMobile = createSelector(
13 |   getLayoutState,
14 |   state => state.showMobileSearchBar
15 | );
16 | 


--------------------------------------------------------------------------------
/src/app/layout/reducers/layout.state.ts:
--------------------------------------------------------------------------------
 1 | import { Map, Record } from 'immutable';
 2 | 
 3 | export interface LayoutState extends Map<string, any> {
 4 |   showMobileSearchBar: boolean;
 5 |   showMobileMainMenu: boolean;
 6 |   isMobileView: boolean;
 7 | }
 8 | 
 9 | export const LayoutStateRecord = Record({
10 |   showMobileSearchBar: true,
11 |   showMobileMainMenu: false,
12 |   isMobileView: false
13 | });
14 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/filter-summary-container/components/filter-summary-filter-list/filter-summary-filter-list.component.html:
--------------------------------------------------------------------------------
 1 | <div class="col-12">
 2 |   <div class="row">
 3 |     <div *ngFor="let filter of filterList">
 4 |       <app-filter-summary-filter
 5 |         *ngFor="let filterValue of filter.values"
 6 |         id="{{ filter.id }}"
 7 |         (removeFilter)="updateFilter(filterValue, filter.id)"
 8 |         class="border"
 9 |         [filterValue]="filterValue"
10 |       >
11 |       </app-filter-summary-filter>
12 |     </div>
13 |   </div>
14 | </div>
15 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/filter-summary-container/components/filter-summary-filter-list/filter-summary-filter-list.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/app/modules/search/components/filter-summary-container/components/filter-summary-filter-list/filter-summary-filter-list.component.scss


--------------------------------------------------------------------------------
/src/app/modules/search/components/filter-summary-container/components/filter-summary-filter/filter-summary-filter.component.html:
--------------------------------------------------------------------------------
1 | <span>{{ filterValue }}</span>
2 | <span class="ml-2 cross-btn" (click)="removeFilterClicked()">
3 |   &#10005;
4 | </span>
5 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/filter-summary-container/components/filter-summary-filter/filter-summary-filter.component.scss:
--------------------------------------------------------------------------------
 1 | @import '../../../../../../shared/scss/selected_theme_variables';
 2 | 
 3 | :host-context {
 4 |   margin: 3px;
 5 |   padding: 0.2rem 0.5rem;
 6 |   border-radius: 20px;
 7 |   transition: all 500ms;
 8 | 
 9 |   &:hover {
10 |     border-color: $gray-600 !important;
11 |   }
12 | 
13 |   .cross-btn {
14 |     cursor: pointer;
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/filter-summary-container/components/filter-summary-filter/filter-summary-filter.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
 2 | 
 3 | @Component({
 4 |   selector: 'app-filter-summary-filter',
 5 |   templateUrl: './filter-summary-filter.component.html',
 6 |   styleUrls: ['./filter-summary-filter.component.scss']
 7 | })
 8 | export class FilterSummaryFilterComponent implements OnInit {
 9 |   @Input() filterValue: string;
10 |   @Output() removeFilter = new EventEmitter();
11 | 
12 |   constructor() {}
13 | 
14 |   ngOnInit() {}
15 | 
16 |   removeFilterClicked() {
17 |     this.removeFilter.emit();
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/filter-summary-container/components/filter-summary-sort-by/filter-summary-sort-by.component.scss:
--------------------------------------------------------------------------------
1 | .btn-group {
2 |   position: relative;
3 |   bottom: 0.5rem;
4 | }
5 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/filter-summary-container/components/index.ts:
--------------------------------------------------------------------------------
 1 | import { FilterSummarySortByComponent } from './filter-summary-sort-by/filter-summary-sort-by.component';
 2 | import { FilterSummaryFilterComponent } from './filter-summary-filter/filter-summary-filter.component';
 3 | import { FilterSummaryFilterListComponent } from './filter-summary-filter-list/filter-summary-filter-list.component';
 4 | 
 5 | export const FSC_COMPONENTS = [
 6 |   FilterSummaryFilterListComponent,
 7 |   FilterSummaryFilterComponent,
 8 |   FilterSummarySortByComponent
 9 | ];
10 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/filter-summary-container/filter-summary-container.component.html:
--------------------------------------------------------------------------------
 1 | <section class="row px-4">
 2 |   <div class="col-8">
 3 |     <app-filter-summary-filter-list
 4 |       [appliedParams]="appliedParams"
 5 |       (filterUpdated)="updateFilters($event)"
 6 |     ></app-filter-summary-filter-list>
 7 |   </div>
 8 |   <app-filter-summary-sort-by
 9 |     class="col-4"
10 |     (selectedSort)="filterUpdated($event)"
11 |   ></app-filter-summary-sort-by>
12 | </section>
13 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/filter-summary-container/filter-summary-container.component.scss:
--------------------------------------------------------------------------------
1 | :host {
2 |   box-shadow: 0 10px 20px -16px #aaa;
3 | }
4 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/filter-summary-container/index.ts:
--------------------------------------------------------------------------------
1 | import { FilterSummaryContainerComponent } from './filter-summary-container.component';
2 | import * as FSCComponents from './components';
3 | 
4 | export const COMPONENTS = [
5 |   ...FSCComponents.FSC_COMPONENTS,
6 |   FilterSummaryContainerComponent
7 | ];
8 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/index.ts:
--------------------------------------------------------------------------------
 1 | import * as searchFiltersContainer from './search-filters-container';
 2 | import * as searchResultsContainer from './search-results-container';
 3 | import * as filterSummaryContainer from './filter-summary-container';
 4 | import * as searchTitleContainer from './search-title-container';
 5 | 
 6 | export const SEARCH_COMPONENTS = [
 7 |   ...searchFiltersContainer.COMPONENTS,
 8 |   ...searchResultsContainer.COMPONENTS,
 9 |   ...filterSummaryContainer.COMPONENTS,
10 |   ...searchTitleContainer.COMPONENTS
11 | ];
12 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-filters-container/components/index.ts:
--------------------------------------------------------------------------------
 1 | import { SingleSelectionFilterComponent } from './single-selection-filter/single-selection-filter.component';
 2 | import { MultiselectFilterComponent } from './multiselect-filter/multiselect-filter.component';
 3 | import { RangeFilterComponent } from './range-filter/range-filter.component';
 4 | 
 5 | export const COMPONENTS = [
 6 |   SingleSelectionFilterComponent,
 7 |   MultiselectFilterComponent,
 8 |   RangeFilterComponent
 9 | ];
10 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-filters-container/components/multiselect-filter/multiselect-filter.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/app/modules/search/components/search-filters-container/components/multiselect-filter/multiselect-filter.component.scss


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-filters-container/components/range-filter/range-filter.component.html:
--------------------------------------------------------------------------------
 1 | <ul class="list-group border border-left-0 border-bottom-0 py-3">
 2 |   <small class="font-weight-bold pb-3 text-uppercase">{{ filter.id }}</small>
 3 |   <li class="list-group-item custom-slider border-0 p-0 pr-1">
 4 |     <ngx-slider
 5 |       [(value)]="minValue"
 6 |       [(highValue)]="maxValue"
 7 |       [options]="options"
 8 |       (userChangeEnd)="filterUpdated($event)"
 9 |     ></ngx-slider>
10 |   </li>
11 | </ul>
12 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-filters-container/components/range-filter/range-filter.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { RangeFilterComponent } from './range-filter.component';
 4 | 
 5 | describe('RangeFilterComponent', () => {
 6 |   let component: RangeFilterComponent;
 7 |   let fixture: ComponentFixture<RangeFilterComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [RangeFilterComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(RangeFilterComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-filters-container/components/single-selection-filter/single-selection-filter.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/app/modules/search/components/search-filters-container/components/single-selection-filter/single-selection-filter.component.scss


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-filters-container/components/single-selection-filter/single-selection-filter.component.ts:
--------------------------------------------------------------------------------
 1 | import { MultiselectFilterComponent } from './../multiselect-filter/multiselect-filter.component';
 2 | import { Component, ChangeDetectionStrategy } from '@angular/core';
 3 | 
 4 | @Component({
 5 |   selector: 'app-single-selection-filter',
 6 |   changeDetection: ChangeDetectionStrategy.OnPush,
 7 |   templateUrl: './single-selection-filter.component.html',
 8 |   styleUrls: ['./single-selection-filter.component.scss']
 9 | })
10 | export class SingleSelectionFilterComponent extends MultiselectFilterComponent {}
11 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-filters-container/index.ts:
--------------------------------------------------------------------------------
1 | import { SearchFiltersContainerComponent } from './search-filters-container.component';
2 | import * as SFCComponents from './components';
3 | 
4 | export const COMPONENTS = [
5 |   ...SFCComponents.COMPONENTS,
6 |   SearchFiltersContainerComponent
7 | ];
8 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-filters-container/search-filters-container.component.html:
--------------------------------------------------------------------------------
 1 | <div class="h6 font-weight-bold clearfix mt-2 mb-3">
 2 |   <div class="float-left">FILTERS</div>
 3 |   <a class="pointer float-right text-danger" (click)="clearSearchFilters()">
 4 |     CLEAR ALL
 5 |   </a>
 6 | </div>
 7 | 
 8 | <div *ngFor="let filter of primaryFilters">
 9 |   <app-multiselect-filter
10 |     [appliedFilters]="appliedParams.filters"
11 |     [filter]="filter"
12 |     (filterClick)="updateFilter($event, filter.id)"
13 |   ></app-multiselect-filter>
14 | </div>
15 | 
16 | <div *ngFor="let filter of rangeFilters">
17 |   <app-range-filter
18 |     [appliedFilters]="appliedParams.rangeFilters"
19 |     [filter]="filter"
20 |     (rangeSeleted)="updateRangeFilter($event, filter.id)"
21 |   ></app-range-filter>
22 | </div>
23 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-results-container/components/index.ts:
--------------------------------------------------------------------------------
1 | import { SearchResultItemComponent } from './search-result-item/search-result-item.component';
2 | import { SearchResultListComponent } from './search-result-list/search-result-list.component';
3 | 
4 | export const COMPONENTS = [
5 |   SearchResultItemComponent,
6 |   SearchResultListComponent
7 | ];
8 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-results-container/components/search-result-list/search-result-list.component.html:
--------------------------------------------------------------------------------
 1 | <div class="row justify-content-between">
 2 |   <app-search-result-item
 3 |     class="col mb-sm-4 mx-sm-1 border"
 4 |     [product]="product"
 5 |     *ngFor="let product of searchResults; trackBy: trackBy"
 6 |   ></app-search-result-item>
 7 |   <div
 8 |     class="results-li-dummy col mb-5 mx-sm-1"
 9 |     *ngFor="let _ of dummyResults"
10 |   ></div>
11 | </div>
12 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-results-container/components/search-result-list/search-result-list.component.scss:
--------------------------------------------------------------------------------
1 | .results-li-dummy {
2 |   display: block;
3 |   min-width: 210px;
4 |   max-width: 210px;
5 |   height: 1px;
6 | }
7 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-results-container/components/search-result-list/search-result-list.component.ts:
--------------------------------------------------------------------------------
 1 | import {
 2 |   Component,
 3 |   OnInit,
 4 |   Input,
 5 |   ChangeDetectionStrategy
 6 | } from '@angular/core';
 7 | import { Product } from '../../../../../../core/models';
 8 | 
 9 | @Component({
10 |   selector: 'app-search-result-list',
11 |   changeDetection: ChangeDetectionStrategy.OnPush,
12 |   templateUrl: './search-result-list.component.html',
13 |   styleUrls: ['./search-result-list.component.scss']
14 | })
15 | export class SearchResultListComponent implements OnInit {
16 |   @Input() searchResults: Array<Product>;
17 |   dummyResults = new Array(5);
18 | 
19 |   constructor() {}
20 | 
21 |   ngOnInit() {}
22 | 
23 |   trackBy(index: number) {
24 |     return index;
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-results-container/index.ts:
--------------------------------------------------------------------------------
1 | import * as SRCComponents from './components';
2 | import { SearchResultsContainerComponent } from './search-results-container.component';
3 | 
4 | export const COMPONENTS = [
5 |   ...SRCComponents.COMPONENTS,
6 |   SearchResultsContainerComponent
7 | ];
8 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-results-container/search-results-container.component.html:
--------------------------------------------------------------------------------
1 | <section class="row">
2 |   <app-search-result-list
3 |     [searchResults]="searchResults"
4 |     class="col-12 my-sm-2 py-sm-3 px-sm-5"
5 |   ></app-search-result-list>
6 | </section>
7 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-results-container/search-results-container.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/app/modules/search/components/search-results-container/search-results-container.component.scss


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-results-container/search-results-container.component.ts:
--------------------------------------------------------------------------------
 1 | import {
 2 |   Component,
 3 |   OnInit,
 4 |   Input,
 5 |   ChangeDetectionStrategy
 6 | } from '@angular/core';
 7 | import { Product } from '../../../../core/models';
 8 | 
 9 | @Component({
10 |   selector: 'app-search-results-container',
11 |   changeDetection: ChangeDetectionStrategy.OnPush,
12 |   templateUrl: './search-results-container.component.html',
13 |   styleUrls: ['./search-results-container.component.scss']
14 | })
15 | export class SearchResultsContainerComponent implements OnInit {
16 |   @Input() searchResults: Array<Product>;
17 | 
18 |   constructor() {}
19 | 
20 |   ngOnInit() {}
21 | }
22 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-title-container/components/index.ts:
--------------------------------------------------------------------------------
1 | import { SearchTitleCountComponent } from './search-title-count/search-title-count.component';
2 | 
3 | export const COMPONENTS = [SearchTitleCountComponent];
4 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-title-container/components/search-title-count/search-title-count.component.html:
--------------------------------------------------------------------------------
1 | <span>- {{ count }} {{ itemOrItems }}</span>
2 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-title-container/components/search-title-count/search-title-count.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/app/modules/search/components/search-title-container/components/search-title-count/search-title-count.component.scss


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-title-container/components/search-title-count/search-title-count.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, OnInit, Input } from '@angular/core';
 2 | 
 3 | @Component({
 4 |   selector: 'app-search-title-count',
 5 |   templateUrl: './search-title-count.component.html',
 6 |   styleUrls: ['./search-title-count.component.scss']
 7 | })
 8 | export class SearchTitleCountComponent implements OnInit {
 9 |   @Input() count = 0;
10 | 
11 |   constructor() {}
12 | 
13 |   ngOnInit() {}
14 | 
15 |   get itemOrItems() {
16 |     return this.count > 1 ? 'items' : 'item';
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-title-container/index.ts:
--------------------------------------------------------------------------------
1 | import { SearchTitleContainerComponent } from './search-title-container.component';
2 | import * as STCComponents from './components';
3 | 
4 | export const COMPONENTS = [
5 |   STCComponents.COMPONENTS,
6 |   SearchTitleContainerComponent
7 | ];
8 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-title-container/search-title-container.component.html:
--------------------------------------------------------------------------------
1 | <h1 class="h6">
2 |   <div class="font-weight-bold d-inline text-capitalize">{{ title }}</div>
3 |   <app-search-title-count
4 |     class="text-secondary"
5 |     [count]="metaInfo?.total"
6 |   ></app-search-title-count>
7 | </h1>
8 | 


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-title-container/search-title-container.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/app/modules/search/components/search-title-container/search-title-container.component.scss


--------------------------------------------------------------------------------
/src/app/modules/search/components/search-title-container/search-title-container.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, OnInit, Input } from '@angular/core';
 2 | 
 3 | @Component({
 4 |   selector: 'app-search-title-container',
 5 |   templateUrl: './search-title-container.component.html',
 6 |   styleUrls: ['./search-title-container.component.scss']
 7 | })
 8 | export class SearchTitleContainerComponent implements OnInit {
 9 |   @Input() title = 'Placeholder';
10 |   @Input() metaInfo: any;
11 | 
12 |   constructor() {}
13 | 
14 |   ngOnInit() {}
15 | }
16 | 


--------------------------------------------------------------------------------
/src/app/modules/search/index.ts:
--------------------------------------------------------------------------------
1 | import { SearchComponent } from './search.component';
2 | import { PAGE_COMPONENTS } from './pages/index';
3 | import { SEARCH_COMPONENTS } from './components/index';
4 | // Components
5 | export const COMPONENTS = [SEARCH_COMPONENTS, PAGE_COMPONENTS, SearchComponent];
6 | 
7 | // Services
8 | 


--------------------------------------------------------------------------------
/src/app/modules/search/models/sort-filter.ts:
--------------------------------------------------------------------------------
1 | export interface SortFilter {
2 |   name: string;
3 |   value: string;
4 |   default?: boolean;
5 | }
6 | 


--------------------------------------------------------------------------------
/src/app/modules/search/pages/index.ts:
--------------------------------------------------------------------------------
1 | import { SearchPageComponent } from './search-page/search-page.component';
2 | 
3 | // EXPORT COMPONENTS
4 | export { SearchPageComponent };
5 | 
6 | export const PAGE_COMPONENTS = [SearchPageComponent];
7 | 


--------------------------------------------------------------------------------
/src/app/modules/search/pages/search-page/search-page.component.scss:
--------------------------------------------------------------------------------
 1 | .search-container {
 2 |   max-width: 1600px;
 3 |   .verticalFilterContainer {
 4 |     max-width: 250px;
 5 |     min-width: 250px;
 6 |   }
 7 | }
 8 | 
 9 | .search-failed-container {
10 |   padding: 2rem 1rem 10rem;
11 |   @media (max-width: 720px) {
12 |     padding: 10rem 1rem;
13 |   }
14 | }
15 | 


--------------------------------------------------------------------------------
/src/app/modules/search/pages/search-page/search-page.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { SearchPageComponent } from './search-page.component';
 4 | 
 5 | describe('SearchPageComponent', () => {
 6 |   let component: SearchPageComponent;
 7 |   let fixture: ComponentFixture<SearchPageComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [SearchPageComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(SearchPageComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/modules/search/search-routing.module.ts:
--------------------------------------------------------------------------------
 1 | import { SearchResolver } from './guards/search-resolver';
 2 | import { NgModule } from '@angular/core';
 3 | import { Routes, RouterModule } from '@angular/router';
 4 | import { SearchComponent } from './search.component';
 5 | import { SearchPageComponent } from './pages';
 6 | 
 7 | const routes: Routes = [
 8 |   {
 9 |     path: '',
10 |     component: SearchComponent,
11 |     children: [
12 |       {
13 |         path: '',
14 |         component: SearchPageComponent,
15 |         resolve: { resp: SearchResolver }
16 |       }
17 |     ]
18 |   }
19 | ];
20 | 
21 | @NgModule({
22 |   imports: [RouterModule.forChild(routes)],
23 |   exports: [RouterModule]
24 | })
25 | export class SearchRoutingModule {}
26 | 


--------------------------------------------------------------------------------
/src/app/modules/search/search.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { SearchComponent } from './search.component';
 4 | 
 5 | describe('SearchComponent', () => {
 6 |   let component: SearchComponent;
 7 |   let fixture: ComponentFixture<SearchComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [SearchComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(SearchComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/modules/search/search.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, OnInit } from '@angular/core';
 2 | 
 3 | @Component({
 4 |   selector: 'app-search',
 5 |   template: `
 6 |     <router-outlet></router-outlet>
 7 |   `,
 8 |   styles: []
 9 | })
10 | export class SearchComponent implements OnInit {
11 |   constructor() {}
12 | 
13 |   ngOnInit() {}
14 | }
15 | 


--------------------------------------------------------------------------------
/src/app/modules/search/services/index.ts:
--------------------------------------------------------------------------------
1 | export { SearchingService } from './searching.service';
2 | 


--------------------------------------------------------------------------------
/src/app/modules/search/services/searching.service.spec.ts:
--------------------------------------------------------------------------------
 1 | import { TestBed } from '@angular/core/testing';
 2 | 
 3 | import { SearchingService } from './searching.service';
 4 | 
 5 | describe('SearchingService', () => {
 6 |   beforeEach(() => TestBed.configureTestingModule({}));
 7 | 
 8 |   it('should be created', () => {
 9 |     const service: SearchingService = TestBed.get(SearchingService);
10 |     expect(service).toBeTruthy();
11 |   });
12 | });
13 | 


--------------------------------------------------------------------------------
/src/app/modules/search/store/actions/index.ts:
--------------------------------------------------------------------------------
1 | export * from './search.actions';
2 | 


--------------------------------------------------------------------------------
/src/app/modules/search/store/actions/search.actions.ts:
--------------------------------------------------------------------------------
 1 | import {
 2 |   SearchAppliedParams,
 3 |   SearchResponse
 4 | } from './../../models/search-param';
 5 | import { Action } from '@ngrx/store';
 6 | import { Product } from '../../../../core/models';
 7 | 
 8 | export enum SearchActionTypes {
 9 |   ApplySearchParams = '[Search] Apply Search Params',
10 |   LoadedSearchResults = '[Search] Loaded Search Results'
11 | }
12 | 
13 | export class ApplySearchParams implements Action {
14 |   readonly type = SearchActionTypes.ApplySearchParams;
15 |   constructor(public payload: SearchAppliedParams) {}
16 | }
17 | 
18 | export class LoadedSearchResults implements Action {
19 |   readonly type = SearchActionTypes.LoadedSearchResults;
20 |   constructor(public payload: SearchResponse) {}
21 | }
22 | 
23 | export type SearchActions = ApplySearchParams | LoadedSearchResults;
24 | 


--------------------------------------------------------------------------------
/src/app/modules/search/store/effects/search.effects.spec.ts:
--------------------------------------------------------------------------------
 1 | import { TestBed, inject } from '@angular/core/testing';
 2 | import { provideMockActions } from '@ngrx/effects/testing';
 3 | import { Observable } from 'rxjs';
 4 | 
 5 | import { SearchEffects } from './search.effects';
 6 | 
 7 | describe('SearchEffects', () => {
 8 |   let actions$: Observable<any>;
 9 |   let effects: SearchEffects;
10 | 
11 |   beforeEach(() => {
12 |     TestBed.configureTestingModule({
13 |       providers: [SearchEffects, provideMockActions(() => actions$)]
14 |     });
15 | 
16 |     effects = TestBed.get(SearchEffects);
17 |   });
18 | 
19 |   it('should be created', () => {
20 |     expect(effects).toBeTruthy();
21 |   });
22 | });
23 | 


--------------------------------------------------------------------------------
/src/app/modules/search/store/index.ts:
--------------------------------------------------------------------------------
1 | export * from './reducers/search.reducer';
2 | export * from './effects/search.effects';
3 | export * from './actions/search.actions';
4 | 


--------------------------------------------------------------------------------
/src/app/modules/search/store/reducers/search.reducer.spec.ts:
--------------------------------------------------------------------------------
 1 | import { reducer, initialState } from './search.reducer';
 2 | 
 3 | describe('Search Reducer', () => {
 4 |   describe('unknown action', () => {
 5 |     it('should return the initial state', () => {
 6 |       const action = {} as any;
 7 | 
 8 |       const result = reducer(initialState, action);
 9 | 
10 |       expect(result).toBe(initialState);
11 |     });
12 |   });
13 | });
14 | 


--------------------------------------------------------------------------------
/src/app/modules/search/store/states/search.state.ts:
--------------------------------------------------------------------------------
 1 | import { Product } from './../../../../core/models/product';
 2 | import { Map, Record, List } from 'immutable';
 3 | import { SearchAppliedParams } from '../../models/search-param';
 4 | 
 5 | export interface SearchState extends Map<string, any> {
 6 |   searchAppliedParams: SearchAppliedParams;
 7 |   searchResults: List<Product>;
 8 |   isLoading: boolean;
 9 |   metaInfo: Map<string, any>;
10 | }
11 | 
12 | export const SearchStateRecord = Record({
13 |   searchAppliedParams: Map({}),
14 |   isLoading: true,
15 |   searchResults: [],
16 |   metaInfo: Map({})
17 | });
18 | 


--------------------------------------------------------------------------------
/src/app/oauth_config.ts:
--------------------------------------------------------------------------------
 1 | import { environment } from './../environments/environment';
 2 | 
 3 | export const myAuthConfig = {
 4 |   providers: {
 5 |     google: {
 6 |       clientId: `682466898339-lh2psagi1s3pgo9h5unri91ogptom1os.apps.googleusercontent.com`,
 7 |       url: `${environment.config.prodApiEndpoint}auth/google`
 8 |     }
 9 |   }
10 | };
11 | 


--------------------------------------------------------------------------------
/src/app/product/components/product-detail-page/product-description/product-description.component.html:
--------------------------------------------------------------------------------
1 | <div itemprop="description" class="col-12">
2 |   <div [innerHTML]="description | sanitizeHtml"></div>
3 | </div>
4 | 


--------------------------------------------------------------------------------
/src/app/product/components/product-detail-page/product-description/product-description.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/app/product/components/product-detail-page/product-description/product-description.component.scss


--------------------------------------------------------------------------------
/src/app/product/components/product-detail-page/product-description/product-description.component.ts:
--------------------------------------------------------------------------------
 1 | import {
 2 |   Component,
 3 |   OnInit,
 4 |   Input,
 5 |   ChangeDetectionStrategy
 6 | } from '@angular/core';
 7 | 
 8 | @Component({
 9 |   selector: 'app-product-description',
10 |   templateUrl: './product-description.component.html',
11 |   styleUrls: ['./product-description.component.scss'],
12 |   changeDetection: ChangeDetectionStrategy.OnPush
13 | })
14 | export class ProductDescriptionComponent implements OnInit {
15 |   @Input() description;
16 |   constructor() {}
17 | 
18 |   ngOnInit() {}
19 | }
20 | 


--------------------------------------------------------------------------------
/src/app/product/components/product-detail-page/product-detail-page.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { ProductDetailPageComponent } from './product-detail-page.component';
 4 | 
 5 | describe('ProductDetailComponent', () => {
 6 |   let component: ProductDetailPageComponent;
 7 |   let fixture: ComponentFixture<ProductDetailPageComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [ProductDetailPageComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(ProductDetailPageComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/product/components/product-detail-page/product-details/product-details.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { ProductDetailsComponent } from './product-details.component';
 4 | 
 5 | describe('ProductDetailsComponent', () => {
 6 |   let component: ProductDetailsComponent;
 7 |   let fixture: ComponentFixture<ProductDetailsComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [ProductDetailsComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(ProductDetailsComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/product/components/product-detail-page/product-images/product-images.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { ProductImagesComponent } from './product-images.component';
 4 | 
 5 | describe('ImageContainerComponent', () => {
 6 |   let component: ProductImagesComponent;
 7 |   let fixture: ComponentFixture<ProductImagesComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [ProductImagesComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(ProductImagesComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/product/components/product-detail-page/product-price-info/check-pincode/check-pincode.component.scss:
--------------------------------------------------------------------------------
 1 | .check-head {
 2 |   font-size: 1em;
 3 | }
 4 | 
 5 | .msg {
 6 |   display: block;
 7 |   h5 {
 8 |     font-size: 12px;
 9 |     text-transform: capitalize;
10 |   }
11 | }
12 | 


--------------------------------------------------------------------------------
/src/app/product/components/product-detail-page/product-price-info/check-pincode/check-pincode.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { CheckPincodeComponent } from './check-pincode.component';
 4 | 
 5 | describe('CheckPincodeComponent', () => {
 6 |   let component: CheckPincodeComponent;
 7 |   let fixture: ComponentFixture<CheckPincodeComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [CheckPincodeComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(CheckPincodeComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/product/components/product-detail-page/product-price-info/product-price-info.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { ProductPriceInfoComponent } from './product-price-info.component';
 4 | 
 5 | describe('ProductPriceInfoComponent', () => {
 6 |   let component: ProductPriceInfoComponent;
 7 |   let fixture: ComponentFixture<ProductPriceInfoComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [ProductPriceInfoComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(ProductPriceInfoComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/product/components/product-detail-page/product-review/product-review.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { ProductReviewComponent } from './product-review.component';
 4 | 
 5 | describe('ProductReviewComponent', () => {
 6 |   let component: ProductReviewComponent;
 7 |   let fixture: ComponentFixture<ProductReviewComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [ProductReviewComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(ProductReviewComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/product/components/product-detail-page/product-variants/product-variants.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { ProductVariantsComponent } from './product-variants.component';
 4 | 
 5 | describe('ProductVariantsComponent', () => {
 6 |   let component: ProductVariantsComponent;
 7 |   let fixture: ComponentFixture<ProductVariantsComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [ProductVariantsComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(ProductVariantsComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/product/product.component.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/app/product/product.component.css


--------------------------------------------------------------------------------
/src/app/product/product.component.html:
--------------------------------------------------------------------------------
1 | <p>
2 |   product works!
3 | </p>
4 | 


--------------------------------------------------------------------------------
/src/app/product/product.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { ProductComponent } from './product.component';
 4 | 
 5 | describe('ProductComponent', () => {
 6 |   let component: ProductComponent;
 7 |   let fixture: ComponentFixture<ProductComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [ProductComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(ProductComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/product/product.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, OnInit } from '@angular/core';
 2 | 
 3 | @Component({
 4 |   selector: 'app-product',
 5 |   templateUrl: './product.component.html',
 6 |   styleUrls: ['./product.component.css']
 7 | })
 8 | export class ProductComponent implements OnInit {
 9 |   constructor() {}
10 | 
11 |   ngOnInit() {}
12 | }
13 | 


--------------------------------------------------------------------------------
/src/app/product/product.module.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ProductModule } from './product.module';
 2 | 
 3 | describe('ProductModule', () => {
 4 |   let productModule: ProductModule;
 5 | 
 6 |   beforeEach(() => {
 7 |     productModule = new ProductModule();
 8 |   });
 9 | 
10 |   it('should create an instance', () => {
11 |     expect(productModule).toBeTruthy();
12 |   });
13 | });
14 | 


--------------------------------------------------------------------------------
/src/app/shared/animations/fade-in.animation.ts:
--------------------------------------------------------------------------------
 1 | import { trigger, animate, transition, style } from '@angular/animations';
 2 | export const fadeInAnimation = trigger('fadeInAnimation', [
 3 |   // route 'enter' transition
 4 |   transition(':enter', [
 5 |     // styles at start of transition
 6 |     style({ opacity: 0 }),
 7 | 
 8 |     // animation and styles at end of transition
 9 |     animate('.3s', style({ opacity: 1 }))
10 |   ])
11 | ]);
12 | 


--------------------------------------------------------------------------------
/src/app/shared/components/breadcrumbs/breadcrumbs.component.html:
--------------------------------------------------------------------------------
 1 | <nav aria-label="breadcrumb">
 2 |   <ol class="breadcrumb bg-transparent pl-0 mb-0">
 3 |     <li
 4 |       class="breadcrumb-item"
 5 |       [ngClass]="{ active: lastCrumb }"
 6 |       *ngFor="let breadcrumb of breadcrumbs; last as lastCrumb"
 7 |     >
 8 |       <a
 9 |         *ngIf="!lastCrumb"
10 |         class="text-secondary"
11 |         [routerLink]="breadcrumb.link"
12 |         >{{ breadcrumb.crumb }}</a
13 |       >
14 |       <span
15 |         *ngIf="lastCrumb"
16 |         class="font-weight-bold text-dark text-capitalize"
17 |         >{{ breadcrumb.crumb }}</span
18 |       >
19 |     </li>
20 |   </ol>
21 | </nav>
22 | 


--------------------------------------------------------------------------------
/src/app/shared/components/breadcrumbs/breadcrumbs.component.scss:
--------------------------------------------------------------------------------
1 | .breadcrumb-item {
2 |   a {
3 |     text-decoration: none;
4 |   }
5 | }
6 | 


--------------------------------------------------------------------------------
/src/app/shared/components/breadcrumbs/breadcrumbs.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { BreadcrumbsComponent } from './breadcrumbs.component';
 4 | 
 5 | describe('BreadcrumbsComponent', () => {
 6 |   let component: BreadcrumbsComponent;
 7 |   let fixture: ComponentFixture<BreadcrumbsComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [BreadcrumbsComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(BreadcrumbsComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/shared/components/breadcrumbs/breadcrumbs.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, OnInit, Input } from '@angular/core';
 2 | 
 3 | const DefaultCrumb = [{ crumb: 'Home', link: '/' }];
 4 | 
 5 | interface BreadCrumb {
 6 |   crumb: string;
 7 |   link: string;
 8 | }
 9 | 
10 | @Component({
11 |   selector: 'app-breadcrumbs',
12 |   templateUrl: './breadcrumbs.component.html',
13 |   styleUrls: ['./breadcrumbs.component.scss']
14 | })
15 | export class BreadcrumbsComponent implements OnInit {
16 |   _breadcrumbs: Array<BreadCrumb> = [];
17 | 
18 |   get breadcrumbs(): Array<BreadCrumb> {
19 |     return [...DefaultCrumb, ...this._breadcrumbs];
20 |   }
21 | 
22 |   @Input('breadcrumbs')
23 |   set breadcrumbs(value: Array<BreadCrumb>) {
24 |     this._breadcrumbs = value || [];
25 |   }
26 | 
27 |   constructor() {}
28 | 
29 |   ngOnInit() {}
30 | }
31 | 


--------------------------------------------------------------------------------
/src/app/shared/components/product-slider/inner-product/inner-product.component.html:
--------------------------------------------------------------------------------
 1 | <div class="product-tile">
 2 |   <a [routerLink]="['/', product.slug, product.id]">
 3 |     <picture class="img-responsive d-block">
 4 |       <img
 5 |         [alt]="product.name"
 6 |         [errorImage]="noImageUrl"
 7 |         [lazyLoad]="getProductImageUrl()"
 8 |         [offset]="100"
 9 |         class="img-responsive w-100 h-100"
10 |       />
11 |     </picture>
12 |     <ngx-input-star-rating
13 |       *ngIf="showRating"
14 |       value="{{ product.rating_summary.average_rating }}"
15 |       class="rating"
16 |       disabled="true"
17 |     ></ngx-input-star-rating>
18 |     <p class="mt-1 mb-2 text-dark">{{ product.name }}</p>
19 |   </a>
20 | </div>
21 | 


--------------------------------------------------------------------------------
/src/app/shared/components/product-slider/inner-product/inner-product.component.scss:
--------------------------------------------------------------------------------
 1 | @import '../../../scss/selected_theme_variables';
 2 | ngx-input-star-rating {
 3 |   transform: scale(0.8) translateX(-10%);
 4 | }
 5 | 
 6 | picture {
 7 |   height: 200px;
 8 |   &.bg-img-none {
 9 |     background-image: none;
10 |   }
11 |   img {
12 |     mix-blend-mode: darken;
13 |     object-fit: scale-down;
14 |   }
15 | }
16 | 
17 | .rating {
18 |   position: relative;
19 |   left: 0.8em;
20 |   @media screen and (min-width: 320px) and (max-width: 768px) {
21 |     position: relative;
22 |     left: 8.5px;
23 |   }
24 | }
25 | 


--------------------------------------------------------------------------------
/src/app/shared/components/product-slider/inner-product/inner-product.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { InnerIproductComponent } from './inner-product.component';
 4 | 
 5 | describe('InnerIproductComponent', () => {
 6 |   let component: InnerIproductComponent;
 7 |   let fixture: ComponentFixture<InnerIproductComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [InnerIproductComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(InnerIproductComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/shared/components/product-slider/product-slider.component.html:
--------------------------------------------------------------------------------
 1 | <section class="mt-3">
 2 |   <ngu-carousel
 3 |     #productCarousel
 4 |     [inputs]="carouselTileConfig"
 5 |     [dataSource]="productsList"
 6 |   >
 7 |     <ngu-item
 8 |       *nguCarouselDef="let product; let i = index"
 9 |       class="col-6 col-sm-4 col-md-3 col-lg-2 product-box m-1 card p-1"
10 |     >
11 |       <app-inner-product [product]="product" [showRating]="showRating">
12 |       </app-inner-product>
13 |     </ngu-item>
14 |     <button NguCarouselPrev class="leftRs d-none d-sm-block"></button>
15 |     <button NguCarouselNext class="rightRs d-none d-sm-block"></button>
16 |   </ngu-carousel>
17 |   <hr />
18 | </section>
19 | 


--------------------------------------------------------------------------------
/src/app/shared/components/product-slider/product-slider.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { ProductSliderComponent } from './product-slider.component';
 4 | 
 5 | describe('ProductSliderComponent', () => {
 6 |   let component: ProductSliderComponent;
 7 |   let fixture: ComponentFixture<ProductSliderComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [ProductSliderComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(ProductSliderComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/shared/components/saved-address/saved-address.component.scss:
--------------------------------------------------------------------------------
 1 | @import '../../scss/selected_theme_variables';
 2 | .name {
 3 |   font-size: 1em;
 4 |   color: $gray-900;
 5 |   font-weight: 700;
 6 | }
 7 | 
 8 | .mob {
 9 |   font-size: 1em;
10 |   color: $gray-900;
11 |   font-weight: 700;
12 | }
13 | 
14 | .pin {
15 |   font-weight: 700;
16 | }
17 | 
18 | .reviewlink {
19 |   cursor: pointer;
20 | }
21 | 
22 | .select {
23 |   &:hover {
24 |     text-decoration: none;
25 |     background-color: #62ff0009;
26 |   }
27 | }
28 | 
29 | .address-option {
30 |   left: 18px !important;
31 |   right: auto;
32 |   top: -2% !important;
33 |   transform: translateY(0px);
34 | }
35 | 


--------------------------------------------------------------------------------
/src/app/shared/components/saved-address/saved-address.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { SavedAddressComponent } from './saved-address.component';
 4 | 
 5 | describe('SavedAddressComponent', () => {
 6 |   let component: SavedAddressComponent;
 7 |   let fixture: ComponentFixture<SavedAddressComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [SavedAddressComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(SavedAddressComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/shared/components/search-bar/search-bar.component.scss:
--------------------------------------------------------------------------------
 1 | @import '../../scss/selected_theme_variables';
 2 | :host ::ng-deep .dropdown-menu {
 3 |   .dropdown-item {
 4 |     transition: background-color 700ms;
 5 |     @media screen and (min-width: 320px) and (max-width: 768px) {
 6 |       padding: 1.15rem 0.7rem;
 7 |     }
 8 |     &.active {
 9 |       background-color: darken($theme-action-color, 35);
10 |       box-shadow: inset 0 0 5px 0px darken($theme-action-color, 25);
11 |       color: black;
12 |     }
13 |   }
14 | }
15 | 
16 | .searchBar {
17 |   input {
18 |     border: none;
19 |     &:focus {
20 |       border-color: transparent;
21 |       box-shadow: none;
22 |     }
23 |   }
24 |   .searchBar-btn {
25 |     .searchBar-btn-icon {
26 |       font-size: 1.3rem;
27 |     }
28 |   }
29 | }
30 | 


--------------------------------------------------------------------------------
/src/app/shared/components/search-bar/search-bar.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { SearchBarComponent } from './search-bar.component';
 4 | 
 5 | describe('SearchBarComponent', () => {
 6 |   let component: SearchBarComponent;
 7 |   let fixture: ComponentFixture<SearchBarComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [SearchBarComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(SearchBarComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/shared/custom-validator/password-match-validator.ts:
--------------------------------------------------------------------------------
 1 | import { UntypedFormGroup } from '@angular/forms';
 2 | 
 3 | export class PasswordMatchValidator {
 4 |   static validate(passwordFormGroup: UntypedFormGroup) {
 5 |     const password = passwordFormGroup.controls.password.value;
 6 |     const repeatPassword =
 7 |       passwordFormGroup.controls.password_confirmation.value;
 8 | 
 9 |     if (repeatPassword.length <= 0) {
10 |       return null;
11 |     }
12 | 
13 |     if (repeatPassword !== password) {
14 |       return {
15 |         doesMatchPassword: true
16 |       };
17 |     }
18 |     return null;
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/src/app/shared/pipes/keys.pipe.ts:
--------------------------------------------------------------------------------
 1 | import { Pipe, PipeTransform } from '@angular/core';
 2 | 
 3 | @Pipe({
 4 |   name: 'keys'
 5 | })
 6 | export class KeysPipe implements PipeTransform {
 7 |   transform(value: any, args?: string[]): any {
 8 |     const keys: any[] = [];
 9 |     for (const key in value) {
10 |       if (value.hasOwnProperty(key)) {
11 |         // keys.push(key);
12 |         keys.push({ key: key, value: value[key] });
13 |       }
14 |     }
15 |     return keys;
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/src/app/shared/pipes/random.pipe.ts:
--------------------------------------------------------------------------------
 1 | import { Pipe, PipeTransform } from '@angular/core';
 2 | 
 3 | @Pipe({
 4 |   name: 'random'
 5 | })
 6 | export class RandomPipe implements PipeTransform {
 7 |   transform(input: any, min: number = 0, max: number = 1): any {
 8 |     if (!this.isNumberFinite(min) || !this.isNumberFinite(max)) {
 9 |       return input;
10 |     }
11 | 
12 |     if (min > max) {
13 |       max = min;
14 |       min = 0;
15 |     }
16 | 
17 |     return Math.floor(Math.random() * (max - min) + min);
18 |   }
19 | 
20 |   isNumberFinite(value: any): value is number {
21 |     return this.isNumber(value) && isFinite(value);
22 |   }
23 | 
24 |   isNumber(value: any): value is number {
25 |     return typeof value === 'number';
26 |   }
27 | }
28 | 


--------------------------------------------------------------------------------
/src/app/shared/pipes/sanitize-html.pipe.ts:
--------------------------------------------------------------------------------
 1 | import { Pipe, PipeTransform } from '@angular/core';
 2 | import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 3 | 
 4 | @Pipe({ name: 'sanitizeHtml' })
 5 | 
 6 | /* DomSanitizer, a service of Angular helps to prevent attackers from injecting
 7 |    malicious client-side scripts into web pages, which is often referred as
 8 |    Cross-site Scripting or XSS.
 9 | */
10 | export class SanitizeHtmlPipe implements PipeTransform {
11 |   constructor(private _sanitizer: DomSanitizer) {}
12 | 
13 |   transform(value: string): SafeHtml {
14 |     return this._sanitizer.bypassSecurityTrustHtml(value);
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/_selected_theme_variables.scss:
--------------------------------------------------------------------------------
1 | // Uncomment Active Variables
2 | // Used to import variables in components
3 | @import './custom_themes/default/theme_variables';
4 | // @import "./custom_themes/custom/theme_variables";
5 | // @import "./custom_themes/custom2/theme_variables";
6 | // @import "./custom_themes/custom3/theme_variables";
7 | // @import "./custom_themes/custom4/theme_variables";
8 | // @import "./custom_themes/custom5/theme_variables";
9 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/_themes.scss:
--------------------------------------------------------------------------------
1 | // Uncomment Active themes
2 | @import './custom_themes/default/default';
3 | // @import "./custom_themes/custom/custom";
4 | // @import './custom_themes/custom2/_custom2.scss'
5 | // @import './custom_themes/custom3/_custom3.scss'
6 | // @import './custom_themes/custom4/_custom4.scss';
7 | // @import './custom_themes/custom5/_custom5.scss'
8 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom/_badge.scss:
--------------------------------------------------------------------------------
1 | // Override like
2 | // .badge-warning {
3 | //   background-color: $red;
4 | // }
5 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom/_custom.scss:
--------------------------------------------------------------------------------
1 | @import 'font';
2 | @import 'theme_variables';
3 | @import 'theme_style';
4 | @import 'custom_bootstrap';
5 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom/_font.scss:
--------------------------------------------------------------------------------
 1 | /* You can add global styles to this file, and also import other style files */
 2 | 
 3 | //@import url("https://fonts.googleapis.com/css?family=Roboto+Mono:400%7CRoboto:300,300i,400,400i,500,500i,700,700i");
 4 | @font-face {
 5 |   font-family: 'Roboto Regular';
 6 |   src: url('assets/custom/fonts/Roboto-Regular.eot?') format('eot'),
 7 |     url('assets/custom/fonts/Roboto-Regular.ttf') format('truetype'),
 8 |     url('assets/custom/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
 9 |   font-weight: normal;
10 |   font-style: normal;
11 | }
12 | 
13 | // :root {
14 | //   font: 400 62.5%/1.5 Roboto, Franklin Gothic Medium, Tahoma, sans-serif;
15 | //   -ms-text-size-adjust: 100%;
16 | //   -webkit-text-size-adjust: 100%;
17 | //   -webkit-font-smoothing: antialiased;
18 | //   -moz-osx-font-smoothing: grayscale
19 | // }
20 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom/_header.scss:
--------------------------------------------------------------------------------
 1 | .navbar {
 2 |   color: $header-font-color;
 3 |   background-color: $theme-main-color;
 4 |   .header-cart {
 5 |     .fa-shopping-bag {
 6 |       color: $theme-action-color;
 7 |     }
 8 |     .badge {
 9 |       background-color: $theme-action-sub-color1;
10 |     }
11 |   }
12 |   .btn {
13 |     background-color: $theme-main-color;
14 |     @extend .h6;
15 |     margin-bottom: 0 !important;
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom/_theme_style.scss:
--------------------------------------------------------------------------------
 1 | // selected-theme is the main theme class add to top level main html component
 2 | // <div class="selected-theme">...
 3 | .selected-theme {
 4 |   @import 'header';
 5 |   @import 'badge';
 6 |   @import 'notify';
 7 |   @media screen and (max-width: 768px) {
 8 |     background-color: $gray-100;
 9 |   }
10 |   input,
11 |   button {
12 |     &:focus {
13 |       outline: none;
14 |     }
15 |   }
16 |   .panel {
17 |     box-shadow: 0 0 4px rgba(40, 44, 63, 0.08);
18 |   }
19 |   .strong {
20 |     font-family: $primary-font;
21 |     font-weight: 800;
22 |   }
23 |   .caret {
24 |     color: lighter($orange, 25);
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom/_theme_variables.scss:
--------------------------------------------------------------------------------
 1 | // Used to import variables in components
 2 | @import '../../../../../../node_modules/bootstrap/scss/mixins';
 3 | @import 'custom_bootstrap_variables';
 4 | // -- Theme Colors here --
 5 | // Custom theme colors
 6 | // Refer _default_variables to generate colors
 7 | $theme-main-color: #a3d032;
 8 | $theme-action-color: #fe9700;
 9 | $primary-font: 'Roboto Regular';
10 | $header-font-color: $white;
11 | $theme-action-sub-color1: darken($theme-action-color, 25);
12 | $theme-action-sub-color2: $theme-action-sub-color1, 30;
13 | $theme-action-sub-color3: $theme-action-sub-color2, 25;
14 | $theme-action-sub-color4: $theme-action-sub-color3 -10;
15 | $theme-main-sub-color1: #aae714;
16 | $theme-main-sub-color2: #8fb62c;
17 | $theme-main-sub-color3: #c0e75d;
18 | $theme-main-sub-color4: #afdd35;
19 | $footer-font-color: $header-font-color;
20 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom2/_badge.scss:
--------------------------------------------------------------------------------
1 | // Override like
2 | // .badge-warning {
3 | //   background-color: $red;
4 | // }
5 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom2/_custom2.scss:
--------------------------------------------------------------------------------
1 | @import 'font';
2 | @import 'theme_variables';
3 | @import 'theme_style';
4 | @import 'custom_bootstrap';
5 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom2/_font.scss:
--------------------------------------------------------------------------------
 1 | /* You can add global styles to this file, and also import other style files */
 2 | 
 3 | @font-face {
 4 |   font-family: 'Roboto Regular';
 5 |   src: url('assets/custom/fonts/Roboto-Regular.eot?') format('eot'),
 6 |     url('assets/custom/fonts/Roboto-Regular.ttf') format('truetype'),
 7 |     url('assets/custom/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
 8 |   font-weight: normal;
 9 |   font-style: normal;
10 | }
11 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom2/_header.scss:
--------------------------------------------------------------------------------
 1 | .navbar {
 2 |   color: $header-font-color;
 3 |   background-color: $theme-main-color;
 4 |   .header-cart {
 5 |     .fa-shopping-bag {
 6 |       color: $theme-action-color;
 7 |     }
 8 |     .badge {
 9 |       background-color: $theme-action-sub-color1;
10 |     }
11 |   }
12 |   .btn {
13 |     background-color: $theme-main-color;
14 |     @extend .h6;
15 |     margin-bottom: 0 !important;
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom2/_theme_style.scss:
--------------------------------------------------------------------------------
 1 | // selected-theme is the main theme class add to top level main html component
 2 | // <div class="selected-theme">...
 3 | @import '../../selected_theme_variables';
 4 | .selected-theme {
 5 |   @import 'header';
 6 |   @import 'badge';
 7 |   @import 'notify';
 8 | 
 9 |   input,
10 |   button {
11 |     &:focus {
12 |       outline: none;
13 |     }
14 |   }
15 | 
16 |   .panel {
17 |     box-shadow: 0 0 4px rgba(40, 44, 63, 0.08);
18 |   }
19 | 
20 |   .strong {
21 |     font-family: $primary-font;
22 |     font-weight: 800;
23 |   }
24 | 
25 |   .caret {
26 |     color: lighter($orange, 25);
27 |   }
28 | }
29 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom3/_badge.scss:
--------------------------------------------------------------------------------
1 | // Override like
2 | // .badge-warning {
3 | //   background-color: $red;
4 | // }
5 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom3/_custom3.scss:
--------------------------------------------------------------------------------
1 | @import 'font';
2 | @import 'theme_variables';
3 | @import 'theme_style';
4 | @import 'custom_bootstrap';
5 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom3/_font.scss:
--------------------------------------------------------------------------------
 1 | /* You can add global styles to this file, and also import other style files */
 2 | 
 3 | @font-face {
 4 |   font-family: 'Roboto Regular';
 5 |   src: url('assets/custom/fonts/Roboto-Regular.eot?') format('eot'),
 6 |     url('assets/custom/fonts/Roboto-Regular.ttf') format('truetype'),
 7 |     url('assets/custom/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
 8 |   font-weight: normal;
 9 |   font-style: normal;
10 | }
11 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom3/_header.scss:
--------------------------------------------------------------------------------
 1 | .navbar {
 2 |   color: $header-font-color;
 3 |   background-color: $theme-main-color;
 4 |   .header-cart {
 5 |     .fa-shopping-bag {
 6 |       color: $theme-action-color;
 7 |     }
 8 |     .badge {
 9 |       background-color: $theme-action-sub-color1;
10 |     }
11 |   }
12 |   .btn {
13 |     background-color: $theme-main-color;
14 |     @extend .h6;
15 |     margin-bottom: 0 !important;
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom3/_theme_style.scss:
--------------------------------------------------------------------------------
 1 | // selected-theme is the main theme class add to top level main html component
 2 | // <div class="selected-theme">...
 3 | @import '../../selected_theme_variables';
 4 | .selected-theme {
 5 |   @import 'header';
 6 |   @import 'badge';
 7 |   @import 'notify';
 8 | 
 9 |   input,
10 |   button {
11 |     &:focus {
12 |       outline: none;
13 |     }
14 |   }
15 | 
16 |   .panel {
17 |     box-shadow: 0 0 4px rgba(40, 44, 63, 0.08);
18 |   }
19 | 
20 |   .strong {
21 |     font-family: $primary-font;
22 |     font-weight: 800;
23 |   }
24 | 
25 |   .caret {
26 |     color: lighter($orange, 25);
27 |   }
28 | }
29 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom4/_badge.scss:
--------------------------------------------------------------------------------
1 | // Override like
2 | // .badge-warning {
3 | //   background-color: $red;
4 | // }
5 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom4/_custom4.scss:
--------------------------------------------------------------------------------
1 | @import 'font';
2 | @import 'theme_variables';
3 | @import 'theme_style';
4 | @import 'custom_bootstrap';
5 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom4/_font.scss:
--------------------------------------------------------------------------------
 1 | /* You can add global styles to this file, and also import other style files */
 2 | 
 3 | @font-face {
 4 |   font-family: 'Roboto Regular';
 5 |   src: url('assets/custom/fonts/Roboto-Regular.eot?') format('eot'),
 6 |     url('assets/custom/fonts/Roboto-Regular.ttf') format('truetype'),
 7 |     url('assets/custom/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
 8 |   font-weight: normal;
 9 |   font-style: normal;
10 | }
11 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom4/_header.scss:
--------------------------------------------------------------------------------
 1 | .navbar {
 2 |   color: $header-font-color;
 3 |   background-color: $theme-main-color;
 4 |   .header-cart {
 5 |     .fa-shopping-bag {
 6 |       color: $theme-action-color;
 7 |     }
 8 |     .badge {
 9 |       background-color: $theme-action-sub-color1;
10 |     }
11 |   }
12 |   .btn {
13 |     background-color: $theme-main-color;
14 |     @extend .h6;
15 |     margin-bottom: 0 !important;
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom4/_theme_style.scss:
--------------------------------------------------------------------------------
 1 | // selected-theme is the main theme class add to top level main html component
 2 | // <div class="selected-theme">...
 3 | @import '../../selected_theme_variables';
 4 | .selected-theme {
 5 |   @import 'header';
 6 |   @import 'badge';
 7 |   @import 'notify';
 8 | 
 9 |   input,
10 |   button {
11 |     &:focus {
12 |       outline: none;
13 |     }
14 |   }
15 | 
16 |   .panel {
17 |     box-shadow: 0 0 4px rgba(40, 44, 63, 0.08);
18 |   }
19 | 
20 |   .strong {
21 |     font-family: $primary-font;
22 |     font-weight: 800;
23 |   }
24 | 
25 |   .caret {
26 |     color: lighter($orange, 25);
27 |   }
28 | }
29 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom5/_badge.scss:
--------------------------------------------------------------------------------
1 | // Override like
2 | // .badge-warning {
3 | //   background-color: $red;
4 | // }
5 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom5/_custom5.scss:
--------------------------------------------------------------------------------
1 | @import 'font';
2 | @import 'theme_variables';
3 | @import 'theme_style';
4 | @import 'custom_bootstrap';
5 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom5/_font.scss:
--------------------------------------------------------------------------------
 1 | /* You can add global styles to this file, and also import other style files */
 2 | 
 3 | @font-face {
 4 |   font-family: 'Roboto Regular';
 5 |   src: url('assets/custom/fonts/Roboto-Regular.eot?') format('eot'),
 6 |     url('assets/custom/fonts/Roboto-Regular.ttf') format('truetype'),
 7 |     url('assets/custom/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
 8 |   font-weight: normal;
 9 |   font-style: normal;
10 | }
11 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom5/_header.scss:
--------------------------------------------------------------------------------
 1 | .navbar {
 2 |   color: $header-font-color;
 3 |   background-color: $theme-main-color;
 4 |   .header-cart {
 5 |     .fa-shopping-bag {
 6 |       color: $theme-action-color;
 7 |     }
 8 |     .badge {
 9 |       background-color: $theme-action-sub-color1;
10 |     }
11 |   }
12 |   .btn {
13 |     background-color: $theme-main-color;
14 |     @extend .h6;
15 |     margin-bottom: 0 !important;
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/custom5/_theme_style.scss:
--------------------------------------------------------------------------------
 1 | // selected-theme is the main theme class add to top level main html component
 2 | // <div class="selected-theme">...
 3 | @import '../../selected_theme_variables';
 4 | .selected-theme {
 5 |   @import 'header';
 6 |   @import 'badge';
 7 |   @import 'notify';
 8 | 
 9 |   input,
10 |   button {
11 |     &:focus {
12 |       outline: none;
13 |     }
14 |   }
15 | 
16 |   .panel {
17 |     box-shadow: 0 0 4px rgba(40, 44, 63, 0.08);
18 |   }
19 | 
20 |   .strong {
21 |     font-family: $primary-font;
22 |     font-weight: 800;
23 |   }
24 | 
25 |   .caret {
26 |     color: lighter($orange, 25);
27 |   }
28 | }
29 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/default/_default.scss:
--------------------------------------------------------------------------------
1 | @import 'theme_variables';
2 | @import 'theme_style';
3 | @import 'custom_bootstrap';
4 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/default/_header.scss:
--------------------------------------------------------------------------------
 1 | .navbar {
 2 |   color: $header-font-color;
 3 |   background-color: $theme-main-color;
 4 |   .header-cart {
 5 |     .fa-shopping-bag {
 6 |       color: $theme-action-color;
 7 |     }
 8 |     .badge {
 9 |       background-color: $theme-action-color;
10 |     }
11 |   }
12 |   .btn {
13 |     background-color: $theme-main-color;
14 |     @extend .h6;
15 |     margin-bottom: 0 !important;
16 |   }
17 |   .small-logo img {
18 |     height: 30px;
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/src/app/shared/scss/custom_themes/default/_theme_style.scss:
--------------------------------------------------------------------------------
 1 | // selected-theme is the main theme class add to top level main html component
 2 | // <div class="selected-theme">...
 3 | @import '../../selected_theme_variables';
 4 | .selected-theme {
 5 |   @import 'header';
 6 |   input,
 7 |   button {
 8 |     &:focus {
 9 |       outline: none;
10 |     }
11 |   }
12 |   .panel {
13 |     box-shadow: 0 0 4px rgba(40, 44, 63, 0.08);
14 |   }
15 |   .strong {
16 |     font-family: $primary-font;
17 |     font-weight: 800;
18 |   }
19 |   color: $gray-700;
20 |   .pointer {
21 |     cursor: pointer;
22 |   }
23 | 
24 |   rating {
25 |     color: $theme-action-color;
26 |   }
27 | }
28 | 


--------------------------------------------------------------------------------
/src/app/user/components/addresses/add-edit-address/add-edit-address.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { AddEditAddressComponent } from './add-edit-address.component';
 4 | 
 5 | describe('AddEditAddressComponent', () => {
 6 |   let component: AddEditAddressComponent;
 7 |   let fixture: ComponentFixture<AddEditAddressComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [AddEditAddressComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(AddEditAddressComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/user/components/addresses/addresses.component.scss:
--------------------------------------------------------------------------------
 1 | @import '../../../shared/scss/selected_theme_variables';
 2 | .reviewlink {
 3 |   font-size: 1.2em;
 4 |   color: $white;
 5 | 
 6 |   font-weight: bold;
 7 |   text-align: center;
 8 |   width: 30px;
 9 |   height: 30px;
10 |   /* display: block; */
11 |   background-color: $theme-action-sub-color2;
12 |   border-radius: 5px;
13 |   padding: 3px;
14 |   cursor: pointer;
15 |   float: right;
16 |   &:hover {
17 |     text-decoration: underline;
18 |   }
19 | }
20 | 
21 | .useraddress {
22 |   border: 1px solid $gray-10;
23 |   padding: 0.8em;
24 |   margin-bottom: 15px;
25 | }
26 | 
27 | .head {
28 |   font-size: 1.4em;
29 |   color: $theme-action-sub-color2;
30 |   margin: 0 0 15px;
31 | }
32 | 


--------------------------------------------------------------------------------
/src/app/user/components/addresses/addresses.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { AddressesComponent } from './addresses.component';
 4 | 
 5 | describe('AddressesComponent', () => {
 6 |   let component: AddressesComponent;
 7 |   let fixture: ComponentFixture<AddressesComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [AddressesComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(AddressesComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/user/components/favorite-products/favorite-products.component.html:
--------------------------------------------------------------------------------
 1 | <div *ngIf="(products$ | async); let products">
 2 |   <div class="table-responsive" *ngIf="products.length; else elseBlock">
 3 |     <app-favorite-product-list-item
 4 |       [product]="products"
 5 |     ></app-favorite-product-list-item>
 6 |   </div>
 7 |   <ng-template #elseBlock>
 8 |     <div class="p-5">You have'nt favorited anything yet.</div>
 9 |   </ng-template>
10 | </div>
11 | 


--------------------------------------------------------------------------------
/src/app/user/components/favorite-products/favorite-products.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/app/user/components/favorite-products/favorite-products.component.scss


--------------------------------------------------------------------------------
/src/app/user/components/favorite-products/favorite-products.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { FavoriteProductsComponent } from './favorite-products.component';
 4 | 
 5 | describe('FavoriteProductsComponent', () => {
 6 |   let component: FavoriteProductsComponent;
 7 |   let fixture: ComponentFixture<FavoriteProductsComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [FavoriteProductsComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(FavoriteProductsComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/user/components/orders/order-detail/order-detail.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { OrderDetailComponent } from './order-detail.component';
 4 | 
 5 | describe('OrderDetailComponent', () => {
 6 |   let component: OrderDetailComponent;
 7 |   let fixture: ComponentFixture<OrderDetailComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [OrderDetailComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(OrderDetailComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/user/components/orders/order-list-item/order-list-item.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { OrderListItemComponent } from './order-list-item.component';
 4 | 
 5 | describe('OrderListItemComponent', () => {
 6 |   let component: OrderListItemComponent;
 7 |   let fixture: ComponentFixture<OrderListItemComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [OrderListItemComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(OrderListItemComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/user/components/orders/orders.component.scss:
--------------------------------------------------------------------------------
 1 | @import '../../../shared/scss/selected_theme_variables';
 2 | .cart-empty {
 3 |   min-height: 500px;
 4 |   text-align: center;
 5 |   .empty-cart-icon {
 6 |     height: 85px;
 7 |     width: 85px;
 8 |     margin: 0 auto; // background-image: url(/assets/shoppingbag.png);
 9 |   }
10 |   .empty-cart-message {
11 |     font-size: 20px;
12 |     color: $gray-700;
13 |     font-weight: 600;
14 |     font-family: $primary-font;
15 |     line-height: 1.5em;
16 |     margin: 15px 0;
17 |   }
18 |   .empty-wishlist-link {
19 |     color: $theme-action-color;
20 |     font-size: 16px;
21 |     font-weight: 500;
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/src/app/user/components/orders/orders.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { OrdersComponent } from './orders.component';
 4 | 
 5 | describe('OrdersComponent', () => {
 6 |   let component: OrdersComponent;
 7 |   let fixture: ComponentFixture<OrdersComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [OrdersComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(OrdersComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/user/components/overview/overview.component.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/app/user/components/overview/overview.component.css


--------------------------------------------------------------------------------
/src/app/user/components/overview/overview.component.html:
--------------------------------------------------------------------------------
1 | <p>
2 |   overview works!
3 | </p>
4 | 


--------------------------------------------------------------------------------
/src/app/user/components/overview/overview.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { OverviewComponent } from './overview.component';
 4 | 
 5 | describe('OverviewComponent', () => {
 6 |   let component: OverviewComponent;
 7 |   let fixture: ComponentFixture<OverviewComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [OverviewComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(OverviewComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/user/components/overview/overview.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, OnInit } from '@angular/core';
 2 | 
 3 | @Component({
 4 |   selector: 'app-overview',
 5 |   templateUrl: './overview.component.html',
 6 |   styleUrls: ['./overview.component.css']
 7 | })
 8 | export class OverviewComponent implements OnInit {
 9 |   constructor() {}
10 | 
11 |   ngOnInit() {}
12 | }
13 | 


--------------------------------------------------------------------------------
/src/app/user/components/profile/profile-email/profile-email.component.scss:
--------------------------------------------------------------------------------
1 | .reviewlink {
2 |   cursor: pointer;
3 |   &:hover {
4 |     text-decoration: underline;
5 |   }
6 | }
7 | 


--------------------------------------------------------------------------------
/src/app/user/components/profile/profile-email/profile-email.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { ProfileEmailComponent } from './profile-email.component';
 4 | 
 5 | describe('ProfileEmailComponent', () => {
 6 |   let component: ProfileEmailComponent;
 7 |   let fixture: ComponentFixture<ProfileEmailComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [ProfileEmailComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(ProfileEmailComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/user/components/profile/profile-password/profile-password.component.scss:
--------------------------------------------------------------------------------
 1 | .reviewlink {
 2 |   cursor: pointer;
 3 |   &:hover {
 4 |     text-decoration: underline;
 5 |   }
 6 |   @media only screen and (min-width: 320px) and (max-width: 767px) {
 7 |     margin-bottom: 10px;
 8 |     display: block;
 9 |   }
10 | }
11 | 
12 | .change {
13 |   padding-top: 15px;
14 |   cursor: pointer;
15 | }
16 | 


--------------------------------------------------------------------------------
/src/app/user/components/profile/profile-password/profile-password.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { ProfilePasswordComponent } from './profile-password.component';
 4 | 
 5 | describe('ProfilePasswordComponent', () => {
 6 |   let component: ProfilePasswordComponent;
 7 |   let fixture: ComponentFixture<ProfilePasswordComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [ProfilePasswordComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(ProfilePasswordComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/user/components/profile/profile.component.html:
--------------------------------------------------------------------------------
 1 | <div class="row" *ngIf="(userDetails$ | async); let userDetails">
 2 |   <div class="col-md-8" *ngIf="userDetails">
 3 |     <app-profile-email [userDetails]="userDetails"></app-profile-email>
 4 |     <hr />
 5 |     <app-profile-password
 6 |       [userDetails]="userDetails"
 7 |       class="mt-5"
 8 |     ></app-profile-password>
 9 |   </div>
10 | </div>
11 | 


--------------------------------------------------------------------------------
/src/app/user/components/profile/profile.component.scss:
--------------------------------------------------------------------------------
1 | .reviewlink {
2 |   cursor: pointer;
3 |   &:hover {
4 |     text-decoration: underline;
5 |   }
6 | }
7 | 


--------------------------------------------------------------------------------
/src/app/user/components/profile/profile.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { ProfileComponent } from './profile.component';
 4 | 
 5 | describe('ProfileComponent', () => {
 6 |   let component: ProfileComponent;
 7 |   let fixture: ComponentFixture<ProfileComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [ProfileComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(ProfileComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/user/components/profile/profile.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, OnInit } from '@angular/core';
 2 | import { UserService } from '../../services/user.service';
 3 | import { Observable } from 'rxjs';
 4 | 
 5 | @Component({
 6 |   selector: 'app-profile',
 7 |   templateUrl: './profile.component.html',
 8 |   styleUrls: ['./profile.component.scss']
 9 | })
10 | export class ProfileComponent implements OnInit {
11 |   userDetails$: Observable<any>;
12 | 
13 |   constructor(private userService: UserService) {}
14 | 
15 |   ngOnInit() {
16 |     this.getUser();
17 |   }
18 |   getUser() {
19 |     this.userDetails$ = this.userService.getUser();
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/src/app/user/components/returns/return-list-item/return-list-item.component.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/app/user/components/returns/return-list-item/return-list-item.component.css


--------------------------------------------------------------------------------
/src/app/user/components/returns/return-list-item/return-list-item.component.html:
--------------------------------------------------------------------------------
1 | <p>
2 |   return-list-item works!
3 | </p>
4 | 


--------------------------------------------------------------------------------
/src/app/user/components/returns/return-list-item/return-list-item.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { ReturnListItemComponent } from './return-list-item.component';
 4 | 
 5 | describe('ReturnListItemComponent', () => {
 6 |   let component: ReturnListItemComponent;
 7 |   let fixture: ComponentFixture<ReturnListItemComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [ReturnListItemComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(ReturnListItemComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/user/components/returns/return-list-item/return-list-item.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, OnInit } from '@angular/core';
 2 | 
 3 | @Component({
 4 |   selector: 'app-return-list-item',
 5 |   templateUrl: './return-list-item.component.html',
 6 |   styleUrls: ['./return-list-item.component.css']
 7 | })
 8 | export class ReturnListItemComponent implements OnInit {
 9 |   constructor() {}
10 | 
11 |   ngOnInit() {}
12 | }
13 | 


--------------------------------------------------------------------------------
/src/app/user/components/returns/returns.component.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/app/user/components/returns/returns.component.css


--------------------------------------------------------------------------------
/src/app/user/components/returns/returns.component.html:
--------------------------------------------------------------------------------
1 | <p>
2 |   returns works!
3 | </p>
4 | 


--------------------------------------------------------------------------------
/src/app/user/components/returns/returns.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { ReturnsComponent } from './returns.component';
 4 | 
 5 | describe('ReturnsComponent', () => {
 6 |   let component: ReturnsComponent;
 7 |   let fixture: ComponentFixture<ReturnsComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [ReturnsComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(ReturnsComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/app/user/components/returns/returns.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, OnInit } from '@angular/core';
 2 | 
 3 | @Component({
 4 |   selector: 'app-returns',
 5 |   templateUrl: './returns.component.html',
 6 |   styleUrls: ['./returns.component.css']
 7 | })
 8 | export class ReturnsComponent implements OnInit {
 9 |   constructor() {}
10 | 
11 |   ngOnInit() {}
12 | }
13 | 


--------------------------------------------------------------------------------
/src/app/user/services/user.service.spec.ts:
--------------------------------------------------------------------------------
 1 | import { TestBed, inject } from '@angular/core/testing';
 2 | 
 3 | import { UserService } from './user.service';
 4 | 
 5 | describe('UserService', () => {
 6 |   beforeEach(() => {
 7 |     TestBed.configureTestingModule({
 8 |       providers: [UserService]
 9 |     });
10 |   });
11 | 
12 |   it('should ...', inject([UserService], (service: UserService) => {
13 |     expect(service).toBeTruthy();
14 |   }));
15 | });
16 | 


--------------------------------------------------------------------------------
/src/app/user/user.component.scss:
--------------------------------------------------------------------------------
 1 | @import '../shared/scss/selected_theme_variables';
 2 | p a {
 3 |   color: $gray-600;
 4 |   text-decoration: none;
 5 |   &.active {
 6 |     font-family: $primary-font;
 7 |     color: $theme-action-color;
 8 |     font-weight: 900;
 9 |     background-color: transparent;
10 |   }
11 | }
12 | .bg {
13 |   padding: 0;
14 | }
15 | .sidebar {
16 |   border-right: 1px solid $gray-10;
17 | }
18 | 


--------------------------------------------------------------------------------
/src/app/user/user.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 2 | 
 3 | import { UserComponent } from './user.component';
 4 | 
 5 | describe('UserComponent', () => {
 6 |   let component: UserComponent;
 7 |   let fixture: ComponentFixture<UserComponent>;
 8 | 
 9 |   beforeEach(waitForAsync(() => {
10 |     TestBed.configureTestingModule({
11 |       declarations: [UserComponent]
12 |     }).compileComponents();
13 |   }));
14 | 
15 |   beforeEach(() => {
16 |     fixture = TestBed.createComponent(UserComponent);
17 |     component = fixture.componentInstance;
18 |     fixture.detectChanges();
19 |   });
20 | 
21 |   it('should create', () => {
22 |     expect(component).toBeTruthy();
23 |   });
24 | });
25 | 


--------------------------------------------------------------------------------
/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/.gitkeep


--------------------------------------------------------------------------------
/src/assets/card.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/card.jpg


--------------------------------------------------------------------------------
/src/assets/custom/WhitneyHTF-Book.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/WhitneyHTF-Book.woff


--------------------------------------------------------------------------------
/src/assets/custom/WhitneyHTF-SemiBold.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/WhitneyHTF-SemiBold.woff


--------------------------------------------------------------------------------
/src/assets/custom/arrow-left-disable.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/arrow-left-disable.png


--------------------------------------------------------------------------------
/src/assets/custom/arrow-left.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/arrow-left.png


--------------------------------------------------------------------------------
/src/assets/custom/arrow-right-disable.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/arrow-right-disable.png


--------------------------------------------------------------------------------
/src/assets/custom/arrow-right.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/arrow-right.png


--------------------------------------------------------------------------------
/src/assets/custom/banner/page1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/banner/page1.jpg


--------------------------------------------------------------------------------
/src/assets/custom/banner/page2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/banner/page2.jpg


--------------------------------------------------------------------------------
/src/assets/custom/banner/page3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/banner/page3.jpg


--------------------------------------------------------------------------------
/src/assets/custom/banner/page4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/banner/page4.jpg


--------------------------------------------------------------------------------
/src/assets/custom/banner/promo/promo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/banner/promo/promo.png


--------------------------------------------------------------------------------
/src/assets/custom/check.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/check.png


--------------------------------------------------------------------------------
/src/assets/custom/checkout_sprite.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/checkout_sprite.png


--------------------------------------------------------------------------------
/src/assets/custom/comingsoon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/comingsoon.png


--------------------------------------------------------------------------------
/src/assets/custom/fonts/Roboto-Regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/fonts/Roboto-Regular.eot


--------------------------------------------------------------------------------
/src/assets/custom/fonts/Roboto-Regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/fonts/Roboto-Regular.ttf


--------------------------------------------------------------------------------
/src/assets/custom/fonts/Roboto-Regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/fonts/Roboto-Regular.woff


--------------------------------------------------------------------------------
/src/assets/custom/loader.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/loader.gif


--------------------------------------------------------------------------------
/src/assets/custom/noproduct.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/noproduct.png


--------------------------------------------------------------------------------
/src/assets/custom/rocket.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/rocket.png


--------------------------------------------------------------------------------
/src/assets/custom/shoppingbag.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/custom/shoppingbag.png


--------------------------------------------------------------------------------
/src/assets/default/WhitneyHTF-Book.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/default/WhitneyHTF-Book.woff


--------------------------------------------------------------------------------
/src/assets/default/WhitneyHTF-SemiBold.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/default/WhitneyHTF-SemiBold.woff


--------------------------------------------------------------------------------
/src/assets/default/checkout_sprite.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/default/checkout_sprite.png


--------------------------------------------------------------------------------
/src/assets/default/comingsoon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/default/comingsoon.png


--------------------------------------------------------------------------------
/src/assets/default/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/default/favicon.ico


--------------------------------------------------------------------------------
/src/assets/default/search-sprite.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/default/search-sprite.png


--------------------------------------------------------------------------------
/src/assets/default/shoppingbag.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/default/shoppingbag.png


--------------------------------------------------------------------------------
/src/assets/icons/icon-128x128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/icons/icon-128x128.png


--------------------------------------------------------------------------------
/src/assets/icons/icon-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/icons/icon-144x144.png


--------------------------------------------------------------------------------
/src/assets/icons/icon-152x152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/icons/icon-152x152.png


--------------------------------------------------------------------------------
/src/assets/icons/icon-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/icons/icon-192x192.png


--------------------------------------------------------------------------------
/src/assets/icons/icon-384x384.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/icons/icon-384x384.png


--------------------------------------------------------------------------------
/src/assets/icons/icon-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/icons/icon-512x512.png


--------------------------------------------------------------------------------
/src/assets/icons/icon-72x72.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/icons/icon-72x72.png


--------------------------------------------------------------------------------
/src/assets/icons/icon-96x96.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/icons/icon-96x96.png


--------------------------------------------------------------------------------
/src/assets/page1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/page1.png


--------------------------------------------------------------------------------
/src/assets/page2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/page2.png


--------------------------------------------------------------------------------
/src/assets/thumbnail.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/thumbnail.jpg


--------------------------------------------------------------------------------
/src/assets/thumbnail2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/assets/thumbnail2.jpg


--------------------------------------------------------------------------------
/src/config/custom/meta-data.ts:
--------------------------------------------------------------------------------
 1 | export const CUSTOM_META_DATA = {
 2 |   // Meta information
 3 |   // Global
 4 |   metaInfo: {
 5 |     googleSiteVerification: '...',
 6 |     title: `Custom title`,
 7 |     description: `Custom desc`,
 8 |     // Page specific
 9 |     landingPage: {
10 |       title: `Custom title`,
11 |       description: `Custom desc`
12 |     }
13 |   }
14 | };
15 | 


--------------------------------------------------------------------------------
/src/environments/environment.dev-custom.ts:
--------------------------------------------------------------------------------
1 | import { CUSTOM_CONFIG } from '../config/custom/custom';
2 | 
3 | export const environment = {
4 |   production: false,
5 |   apiEndpoint: CUSTOM_CONFIG.prodApiEndpoint || 'http://localhost:3000/',
6 |   appName: CUSTOM_CONFIG.appName,
7 |   config: CUSTOM_CONFIG
8 | };
9 | 


--------------------------------------------------------------------------------
/src/environments/environment.dev-ng-spree.ts:
--------------------------------------------------------------------------------
 1 | import { DEFAULT_CONFIG } from '../config/default/default';
 2 | 
 3 | export const environment = {
 4 |   production: false,
 5 |   // apiEndpoint: DEFAULT_CONFIG.prodApiEndpoint,
 6 |   apiEndpoint: 'http://localhost:3000/',
 7 |   appName: DEFAULT_CONFIG.appName,
 8 |   config: DEFAULT_CONFIG
 9 | };
10 | 


--------------------------------------------------------------------------------
/src/environments/environment.mock-ng-spree.ts:
--------------------------------------------------------------------------------
1 | import { DEFAULT_CONFIG } from '../config/default/default';
2 | 
3 | export const environment = {
4 |   production: false,
5 |   apiEndpoint: 'https://angularspree-new.herokuapp.com/',
6 |   appName: DEFAULT_CONFIG.appName,
7 |   config: DEFAULT_CONFIG
8 | };
9 | 


--------------------------------------------------------------------------------
/src/environments/environment.prod-custom.ts:
--------------------------------------------------------------------------------
1 | import { CUSTOM_CONFIG } from '../config/custom/custom';
2 | 
3 | export const environment = {
4 |   production: true,
5 |   apiEndpoint: CUSTOM_CONFIG.prodApiEndpoint,
6 |   appName: CUSTOM_CONFIG.appName,
7 |   config: CUSTOM_CONFIG
8 | };
9 | 


--------------------------------------------------------------------------------
/src/environments/environment.prod-ng-spree.ts:
--------------------------------------------------------------------------------
1 | import { DEFAULT_CONFIG } from '../config/default/default';
2 | 
3 | export const environment = {
4 |   production: true,
5 |   apiEndpoint: DEFAULT_CONFIG.prodApiEndpoint,
6 |   appName: DEFAULT_CONFIG.appName,
7 |   config: DEFAULT_CONFIG
8 | };
9 | 


--------------------------------------------------------------------------------
/src/environments/environment.ts:
--------------------------------------------------------------------------------
 1 | import { DEFAULT_CONFIG } from '../config/default/default';
 2 | 
 3 | // The file contents for the current environment will overwrite these during build.
 4 | // The build system defaults to the dev environment which uses `environment.ts`, but if you do
 5 | // `ng build --env=prod` then `environment.prod.ts` will be used instead.
 6 | // The list of which env maps to which file can be found in `.angular-cli.json`.
 7 | 
 8 | export const environment = {
 9 |   production: false,
10 |   apiEndpoint: 'http://localhost:3000/',
11 |   appName: DEFAULT_CONFIG.appName,
12 |   config: DEFAULT_CONFIG
13 | };
14 | 


--------------------------------------------------------------------------------
/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/favicon.ico


--------------------------------------------------------------------------------
/src/main.server.ts:
--------------------------------------------------------------------------------
 1 | import { enableProdMode } from '@angular/core';
 2 | 
 3 | import { environment } from './environments/environment';
 4 | 
 5 | if (environment.production) {
 6 |   enableProdMode();
 7 | }
 8 | 
 9 | export { AppServerModule } from './app/app.server.module';
10 | export { renderModuleFactory } from '@angular/platform-server';


--------------------------------------------------------------------------------
/src/main.ts:
--------------------------------------------------------------------------------
 1 | import { enableProdMode } from '@angular/core';
 2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 3 | 
 4 | import { AppModule } from './app/app.module';
 5 | import { environment } from './environments/environment';
 6 | 
 7 | if (environment.production) {
 8 |   enableProdMode();
 9 | }
10 | 
11 | document.addEventListener('DOMContentLoaded', () => {
12 |   platformBrowserDynamic()
13 |     .bootstrapModule(AppModule)
14 |     .catch(err => console.log(err));
15 | });
16 | 


--------------------------------------------------------------------------------
/src/service-worker.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aviabird/angularspree/52b7f60a4b2848723c5a9edee74345d6f0d6ebf4/src/service-worker.js


--------------------------------------------------------------------------------
/src/tsconfig.app.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "sourceMap": true,
 4 |     "declaration": false,
 5 |     "moduleResolution": "node",
 6 |     "experimentalDecorators": true,
 7 |     "lib": [
 8 |       "es2016",
 9 |       "dom"
10 |     ],
11 |     "outDir": "../out-tsc/app",
12 |     "target": "ES2022",
13 |     "module": "esnext",
14 |     "baseUrl": "",
15 |     "types": [],
16 |     "paths": {
17 |       "@core": [
18 |         "./app/core/*"
19 |       ]
20 |     },
21 |     "useDefineForClassFields": false
22 |   },
23 |   "exclude": ["test.ts", "**/*.spec.ts"]
24 | }
25 | 


--------------------------------------------------------------------------------
/src/tsconfig.server.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "../tsconfig.json",
 3 |   "compilerOptions": {
 4 |     "outDir": "../out-tsc/app",
 5 |     "baseUrl": "./",
 6 |     "types": []
 7 |   },
 8 |   "exclude": ["test.ts", "**/*.spec.ts"],
 9 |   "angularCompilerOptions": {
10 |     "entryModule": "app/app.server.module#AppServerModule"
11 |   }
12 | }
13 | 


--------------------------------------------------------------------------------
/src/tsconfig.spec.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "sourceMap": true,
 4 |     "declaration": false,
 5 |     "moduleResolution": "node",
 6 |     "experimentalDecorators": true,
 7 |     "lib": [
 8 |       "es2016"
 9 |     ],
10 |     "outDir": "../out-tsc/spec",
11 |     "module": "esnext",
12 |     "target": "ES2022",
13 |     "baseUrl": "",
14 |     "types": [
15 |       "jasmine",
16 |       "node"
17 |     ],
18 |     "useDefineForClassFields": false
19 |   },
20 |   "files": ["test.ts", "polyfills.ts"],
21 |   "include": ["**/*.spec.ts"]
22 | }
23 | 


--------------------------------------------------------------------------------
/src/typings.d.ts:
--------------------------------------------------------------------------------
1 | /* SystemJS module definition */
2 | // declare var module: {
3 | //   id: string;
4 | // };
5 | declare var StripeCheckout: any;
6 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compileOnSave": false,
 3 |   "compilerOptions": {
 4 |     "baseUrl": "./",
 5 |     "outDir": "./dist/out-tsc",
 6 |     "sourceMap": true,
 7 |     "declaration": false,
 8 |     "downlevelIteration": true,
 9 |     "experimentalDecorators": true,
10 |     "module": "esnext",
11 |     "moduleResolution": "node",
12 |     "importHelpers": true,
13 |     "target": "ES2022",
14 |     "typeRoots": [
15 |       "node_modules/@types"
16 |     ],
17 |     "lib": [
18 |       "es2018",
19 |       "dom"
20 |     ],
21 |     "useDefineForClassFields": false
22 |   },
23 |   "angularCompilerOptions": {
24 |     "fullTemplateTypeCheck": true,
25 |     "strictInjectionParameters": true
26 |   }
27 | }
28 | 


--------------------------------------------------------------------------------