├── .editorconfig
├── .github
    └── workflows
    │   └── ci.yml
├── .gitignore
├── .prettierignore
├── .prettierrc
├── .vscode
    ├── extensions.json
    └── settings.json
├── README.md
├── apps
    ├── rose-e2e
    │   ├── eslint.config.mjs
    │   ├── playwright.config.ts
    │   ├── project.json
    │   ├── src
    │   │   └── example.spec.ts
    │   └── tsconfig.json
    └── rose
    │   ├── eslint.config.mjs
    │   ├── jest.config.ts
    │   ├── project.json
    │   ├── public
    │       ├── i18n
    │       │   ├── ar.json
    │       │   └── en.json
    │       └── images
    │       │   ├── 404-page-not-found.svg
    │       │   ├── abouts
    │       │       ├── Rectangle 3.WebP
    │       │       ├── Rectangle 4.WebP
    │       │       ├── Rectangle 5.WebP
    │       │       ├── expertTeam.jpg
    │       │       ├── expertTeam2.jpg
    │       │       ├── expertTeam4.jpg
    │       │       └── expetTeam3.jpg
    │       │   ├── auth
    │       │       ├── darkSeparatorDown.svg
    │       │       ├── darkSeparatorUP.svg
    │       │       ├── gifts.WebP
    │       │       ├── separatorDown.svg
    │       │       └── separatorUP.svg
    │       │   ├── british_flag_icon.WebP
    │       │   ├── egypt_flag_icon.WebP
    │       │   ├── gallery
    │       │       ├── Frame 74.WebP
    │       │       ├── Frame 75.WebP
    │       │       ├── Frame 76.WebP
    │       │       ├── Frame 77.WebP
    │       │       └── Frame 78.WebP
    │       │   ├── gifts
    │       │       ├── 1.WebP
    │       │       ├── 2$.WebP
    │       │       ├── Christmas shopping composition with presents and cart.WebP
    │       │       ├── Confetti lying near present.WebP
    │       │       ├── Red christmas gifts with white ribbon.WebP
    │       │       └── Top view hand holding gift box on work space.WebP
    │       │   ├── image 35.WebP
    │       │   ├── navbar
    │       │       ├── Rose.WebP
    │       │       └── Rose1.WebP
    │       │   ├── no-product-available.svg
    │       │   ├── no-product-available.webp
    │       │   ├── testimonials
    │       │       ├── customer-1.WebP
    │       │       ├── customer-2.WebP
    │       │       └── customer-3.WebP
    │       │   └── trustedBy
    │       │       ├── image 36.WebP
    │       │       ├── image 37.WebP
    │       │       ├── image 38.WebP
    │       │       ├── image 39.WebP
    │       │       ├── image 40.WebP
    │       │       └── image 41.WebP
    │   ├── src
    │       ├── app
    │       │   ├── app.component.html
    │       │   ├── app.component.scss
    │       │   ├── app.component.spec.ts
    │       │   ├── app.component.ts
    │       │   ├── app.config.server.ts
    │       │   ├── app.config.ts
    │       │   ├── app.routes.server.ts
    │       │   ├── app.routes.ts
    │       │   ├── core
    │       │   │   ├── directive
    │       │   │   │   └── english-only.directive.ts
    │       │   │   ├── enums
    │       │   │   │   ├── endpoints.ts
    │       │   │   │   ├── sortobject.ts
    │       │   │   │   └── sorttypes.ts
    │       │   │   ├── environment
    │       │   │   │   └── baseurl.prod.ts
    │       │   │   ├── guards
    │       │   │   │   ├── auth
    │       │   │   │   │   ├── auth.guard.spec.ts
    │       │   │   │   │   └── auth.guard.ts
    │       │   │   │   └── logged-user
    │       │   │   │   │   ├── logged.guard.spec.ts
    │       │   │   │   │   └── logged.guard.ts
    │       │   │   ├── interceptors
    │       │   │   │   ├── header.interceptor.spec.ts
    │       │   │   │   └── header.interceptor.ts
    │       │   │   ├── interfaces
    │       │   │   │   ├── PaginationData.interface.ts
    │       │   │   │   ├── best-seller.interface.ts
    │       │   │   │   ├── carditem.interface.ts
    │       │   │   │   ├── categories.interface.ts
    │       │   │   │   ├── count-by-product.interface.ts
    │       │   │   │   ├── country.ts
    │       │   │   │   ├── details.interface.ts
    │       │   │   │   ├── filter-item.interface.ts
    │       │   │   │   ├── forget-flow-details.interface.ts
    │       │   │   │   ├── occasions.interface.ts
    │       │   │   │   ├── orders.ts
    │       │   │   │   ├── services.interface.ts
    │       │   │   │   ├── special-gifts.interface.ts
    │       │   │   │   ├── testimonials.interface.ts
    │       │   │   │   └── user-address.interface.ts
    │       │   │   ├── services
    │       │   │   │   ├── darkmode
    │       │   │   │   │   ├── darkmode.service.spec.ts
    │       │   │   │   │   └── darkmode.service.ts
    │       │   │   │   ├── storage-manager
    │       │   │   │   │   ├── storage-manager.service.spec.ts
    │       │   │   │   │   └── storage-manager.service.ts
    │       │   │   │   ├── translation
    │       │   │   │   │   ├── fade.animation.ts
    │       │   │   │   │   ├── translation.service.spec.ts
    │       │   │   │   │   └── translation.service.ts
    │       │   │   │   └── user-state
    │       │   │   │   │   ├── user-state.service.spec.ts
    │       │   │   │   │   └── user-state.service.ts
    │       │   │   └── strategies
    │       │   │   │   └── translate-title.strategy.ts
    │       │   ├── features
    │       │   │   ├── layouts
    │       │   │   │   ├── authentication
    │       │   │   │   │   ├── auth.component.html
    │       │   │   │   │   ├── auth.component.scss
    │       │   │   │   │   ├── auth.component.spec.ts
    │       │   │   │   │   ├── auth.component.ts
    │       │   │   │   │   └── components
    │       │   │   │   │   │   ├── login
    │       │   │   │   │   │       ├── login.component.html
    │       │   │   │   │   │       ├── login.component.scss
    │       │   │   │   │   │       ├── login.component.spec.ts
    │       │   │   │   │   │       └── login.component.ts
    │       │   │   │   │   │   ├── register
    │       │   │   │   │   │       ├── register.component.html
    │       │   │   │   │   │       ├── register.component.scss
    │       │   │   │   │   │       ├── register.component.spec.ts
    │       │   │   │   │   │       └── register.component.ts
    │       │   │   │   │   │   └── reset-password
    │       │   │   │   │   │       ├── components
    │       │   │   │   │   │           ├── forget-password
    │       │   │   │   │   │           │   ├── forget-password.component.html
    │       │   │   │   │   │           │   ├── forget-password.component.scss
    │       │   │   │   │   │           │   ├── forget-password.component.spec.ts
    │       │   │   │   │   │           │   └── forget-password.component.ts
    │       │   │   │   │   │           ├── set-password
    │       │   │   │   │   │           │   ├── set-password.component.html
    │       │   │   │   │   │           │   ├── set-password.component.scss
    │       │   │   │   │   │           │   ├── set-password.component.spec.ts
    │       │   │   │   │   │           │   └── set-password.component.ts
    │       │   │   │   │   │           └── verify-code
    │       │   │   │   │   │           │   ├── verify-code.component.html
    │       │   │   │   │   │           │   ├── verify-code.component.scss
    │       │   │   │   │   │           │   ├── verify-code.component.spec.ts
    │       │   │   │   │   │           │   └── verify-code.component.ts
    │       │   │   │   │   │       ├── reset-password.component.html
    │       │   │   │   │   │       ├── reset-password.component.scss
    │       │   │   │   │   │       ├── reset-password.component.spec.ts
    │       │   │   │   │   │       └── reset-password.component.ts
    │       │   │   │   ├── dashboard
    │       │   │   │   │   ├── dashboard.component.html
    │       │   │   │   │   ├── dashboard.component.scss
    │       │   │   │   │   ├── dashboard.component.spec.ts
    │       │   │   │   │   └── dashboard.component.ts
    │       │   │   │   ├── footer
    │       │   │   │   │   ├── footer.component.html
    │       │   │   │   │   ├── footer.component.scss
    │       │   │   │   │   ├── footer.component.spec.ts
    │       │   │   │   │   └── footer.component.ts
    │       │   │   │   ├── navbar
    │       │   │   │   │   ├── navbar.component.html
    │       │   │   │   │   ├── navbar.component.scss
    │       │   │   │   │   ├── navbar.component.spec.ts
    │       │   │   │   │   └── navbar.component.ts
    │       │   │   │   ├── order-flow
    │       │   │   │   │   ├── components
    │       │   │   │   │   │   ├── cart
    │       │   │   │   │   │   │   ├── cart.component.html
    │       │   │   │   │   │   │   ├── cart.component.scss
    │       │   │   │   │   │   │   ├── cart.component.spec.ts
    │       │   │   │   │   │   │   └── cart.component.ts
    │       │   │   │   │   │   └── user-address
    │       │   │   │   │   │   │   ├── components
    │       │   │   │   │   │   │       ├── address-item
    │       │   │   │   │   │   │       │   ├── address-item.component.html
    │       │   │   │   │   │   │       │   ├── address-item.component.scss
    │       │   │   │   │   │   │       │   ├── address-item.component.spec.ts
    │       │   │   │   │   │   │       │   └── address-item.component.ts
    │       │   │   │   │   │   │       ├── address-stepper
    │       │   │   │   │   │   │       │   ├── address-stepper.component.html
    │       │   │   │   │   │   │       │   ├── address-stepper.component.scss
    │       │   │   │   │   │   │       │   ├── address-stepper.component.spec.ts
    │       │   │   │   │   │   │       │   └── address-stepper.component.ts
    │       │   │   │   │   │   │       ├── delete-dialog
    │       │   │   │   │   │   │       │   ├── delete-dialog.component.html
    │       │   │   │   │   │   │       │   ├── delete-dialog.component.scss
    │       │   │   │   │   │   │       │   ├── delete-dialog.component.spec.ts
    │       │   │   │   │   │   │       │   └── delete-dialog.component.ts
    │       │   │   │   │   │   │       └── head-address
    │       │   │   │   │   │   │       │   ├── head-address.component.html
    │       │   │   │   │   │   │       │   ├── head-address.component.scss
    │       │   │   │   │   │   │       │   ├── head-address.component.spec.ts
    │       │   │   │   │   │   │       │   └── head-address.component.ts
    │       │   │   │   │   │   │   ├── user-address.component.html
    │       │   │   │   │   │   │   ├── user-address.component.scss
    │       │   │   │   │   │   │   ├── user-address.component.spec.ts
    │       │   │   │   │   │   │   └── user-address.component.ts
    │       │   │   │   │   ├── order-flow.component.html
    │       │   │   │   │   ├── order-flow.component.scss
    │       │   │   │   │   ├── order-flow.component.spec.ts
    │       │   │   │   │   └── order-flow.component.ts
    │       │   │   │   └── user-profile
    │       │   │   │   │   ├── components
    │       │   │   │   │       ├── change-password
    │       │   │   │   │       │   ├── change-password.component.html
    │       │   │   │   │       │   ├── change-password.component.scss
    │       │   │   │   │       │   ├── change-password.component.spec.ts
    │       │   │   │   │       │   └── change-password.component.ts
    │       │   │   │   │       └── edit-profile
    │       │   │   │   │       │   ├── edit-profile.component.html
    │       │   │   │   │       │   ├── edit-profile.component.scss
    │       │   │   │   │       │   ├── edit-profile.component.spec.ts
    │       │   │   │   │       │   └── edit-profile.component.ts
    │       │   │   │   │   ├── user-profile.component.html
    │       │   │   │   │   ├── user-profile.component.scss
    │       │   │   │   │   ├── user-profile.component.spec.ts
    │       │   │   │   │   └── user-profile.component.ts
    │       │   │   └── pages
    │       │   │   │   ├── about
    │       │   │   │       ├── about.component.html
    │       │   │   │       ├── about.component.scss
    │       │   │   │       ├── about.component.spec.ts
    │       │   │   │       ├── about.component.ts
    │       │   │   │       └── components
    │       │   │   │       │   └── expert-team
    │       │   │   │       │       ├── expert-team.component.html
    │       │   │   │       │       ├── expert-team.component.scss
    │       │   │   │       │       ├── expert-team.component.spec.ts
    │       │   │   │       │       └── expert-team.component.ts
    │       │   │   │   ├── address
    │       │   │   │       ├── address.component.html
    │       │   │   │       ├── address.component.scss
    │       │   │   │       ├── address.component.spec.ts
    │       │   │   │       └── address.component.ts
    │       │   │   │   ├── all-categories
    │       │   │   │       ├── all-categories.component.html
    │       │   │   │       ├── all-categories.component.scss
    │       │   │   │       ├── all-categories.component.spec.ts
    │       │   │   │       ├── all-categories.component.ts
    │       │   │   │       └── components
    │       │   │   │       │   └── filter-categories
    │       │   │   │       │       ├── components
    │       │   │   │       │           ├── filter-category
    │       │   │   │       │           │   ├── filter-category.component.html
    │       │   │   │       │           │   ├── filter-category.component.scss
    │       │   │   │       │           │   ├── filter-category.component.spec.ts
    │       │   │   │       │           │   └── filter-category.component.ts
    │       │   │   │       │           ├── filter-occasions
    │       │   │   │       │           │   ├── filter-occasions.component.html
    │       │   │   │       │           │   ├── filter-occasions.component.scss
    │       │   │   │       │           │   ├── filter-occasions.component.spec.ts
    │       │   │   │       │           │   └── filter-occasions.component.ts
    │       │   │   │       │           ├── filter-price
    │       │   │   │       │           │   ├── filter-price.component.html
    │       │   │   │       │           │   ├── filter-price.component.scss
    │       │   │   │       │           │   ├── filter-price.component.spec.ts
    │       │   │   │       │           │   └── filter-price.component.ts
    │       │   │   │       │           ├── filter-rating
    │       │   │   │       │           │   ├── filter-rating.component.html
    │       │   │   │       │           │   ├── filter-rating.component.scss
    │       │   │   │       │           │   ├── filter-rating.component.spec.ts
    │       │   │   │       │           │   └── filter-rating.component.ts
    │       │   │   │       │           ├── filter-sales
    │       │   │   │       │           │   ├── filter-sales.component.html
    │       │   │   │       │           │   ├── filter-sales.component.scss
    │       │   │   │       │           │   ├── filter-sales.component.spec.ts
    │       │   │   │       │           │   └── filter-sales.component.ts
    │       │   │   │       │           └── sorting
    │       │   │   │       │           │   ├── sorting.component.html
    │       │   │   │       │           │   ├── sorting.component.scss
    │       │   │   │       │           │   ├── sorting.component.spec.ts
    │       │   │   │       │           │   └── sorting.component.ts
    │       │   │   │       │       ├── filter-categories.component.html
    │       │   │   │       │       ├── filter-categories.component.scss
    │       │   │   │       │       ├── filter-categories.component.spec.ts
    │       │   │   │       │       └── filter-categories.component.ts
    │       │   │   │   ├── contact
    │       │   │   │       ├── contact.component.html
    │       │   │   │       ├── contact.component.scss
    │       │   │   │       ├── contact.component.spec.ts
    │       │   │   │       └── contact.component.ts
    │       │   │   │   ├── details
    │       │   │   │       ├── components
    │       │   │   │       │   ├── product-details
    │       │   │   │       │   │   ├── product-details.component.html
    │       │   │   │       │   │   ├── product-details.component.scss
    │       │   │   │       │   │   ├── product-details.component.spec.ts
    │       │   │   │       │   │   └── product-details.component.ts
    │       │   │   │       │   ├── product-review
    │       │   │   │       │   │   ├── product-review.component.html
    │       │   │   │       │   │   ├── product-review.component.scss
    │       │   │   │       │   │   ├── product-review.component.spec.ts
    │       │   │   │       │   │   ├── product-review.component.ts
    │       │   │   │       │   │   ├── review-form
    │       │   │   │       │   │   │   ├── review-form.component.html
    │       │   │   │       │   │   │   ├── review-form.component.scss
    │       │   │   │       │   │   │   ├── review-form.component.spec.ts
    │       │   │   │       │   │   │   └── review-form.component.ts
    │       │   │   │       │   │   └── review-list
    │       │   │   │       │   │   │   ├── review-list.component.html
    │       │   │   │       │   │   │   ├── review-list.component.scss
    │       │   │   │       │   │   │   ├── review-list.component.spec.ts
    │       │   │   │       │   │   │   └── review-list.component.ts
    │       │   │   │       │   └── related-products
    │       │   │   │       │   │   ├── related-products.component.html
    │       │   │   │       │   │   ├── related-products.component.scss
    │       │   │   │       │   │   ├── related-products.component.spec.ts
    │       │   │   │       │   │   └── related-products.component.ts
    │       │   │   │       ├── details.component.html
    │       │   │   │       ├── details.component.scss
    │       │   │   │       ├── details.component.spec.ts
    │       │   │   │       ├── details.component.ts
    │       │   │   │       └── interfaces
    │       │   │   │       │   ├── productDetails.interface.ts
    │       │   │   │       │   └── review.interface.ts
    │       │   │   │   ├── home
    │       │   │   │       ├── components
    │       │   │   │       │   ├── about-us
    │       │   │   │       │   │   ├── aboutUs.component.html
    │       │   │   │       │   │   ├── aboutUs.component.scss
    │       │   │   │       │   │   ├── aboutUs.component.spec.ts
    │       │   │   │       │   │   └── aboutUs.component.ts
    │       │   │   │       │   ├── best-seller
    │       │   │   │       │   │   ├── bestSeller.component.html
    │       │   │   │       │   │   ├── bestSeller.component.scss
    │       │   │   │       │   │   ├── bestSeller.component.spec.ts
    │       │   │   │       │   │   └── bestSeller.component.ts
    │       │   │   │       │   ├── categories
    │       │   │   │       │   │   ├── categories.component.html
    │       │   │   │       │   │   ├── categories.component.scss
    │       │   │   │       │   │   ├── categories.component.spec.ts
    │       │   │   │       │   │   └── categories.component.ts
    │       │   │   │       │   ├── gallery
    │       │   │   │       │   │   ├── gallery.component.html
    │       │   │   │       │   │   ├── gallery.component.scss
    │       │   │   │       │   │   ├── gallery.component.spec.ts
    │       │   │   │       │   │   └── gallery.component.ts
    │       │   │   │       │   ├── gifts
    │       │   │   │       │   │   ├── gifts.component.html
    │       │   │   │       │   │   ├── gifts.component.scss
    │       │   │   │       │   │   ├── gifts.component.spec.ts
    │       │   │   │       │   │   └── gifts.component.ts
    │       │   │   │       │   ├── our-services
    │       │   │   │       │   │   ├── ourServices.component.html
    │       │   │   │       │   │   ├── ourServices.component.scss
    │       │   │   │       │   │   ├── ourServices.component.spec.ts
    │       │   │   │       │   │   └── ourServices.component.ts
    │       │   │   │       │   ├── popular-items
    │       │   │   │       │   │   ├── popularItems.component.html
    │       │   │   │       │   │   ├── popularItems.component.scss
    │       │   │   │       │   │   ├── popularItems.component.spec.ts
    │       │   │   │       │   │   └── popularItems.component.ts
    │       │   │   │       │   ├── testimonials
    │       │   │   │       │   │   ├── testimonials.component.html
    │       │   │   │       │   │   ├── testimonials.component.scss
    │       │   │   │       │   │   ├── testimonials.component.spec.ts
    │       │   │   │       │   │   └── testimonials.component.ts
    │       │   │   │       │   └── trusted-by
    │       │   │   │       │   │   ├── trustedBy.component.html
    │       │   │   │       │   │   ├── trustedBy.component.scss
    │       │   │   │       │   │   ├── trustedBy.component.spec.ts
    │       │   │   │       │   │   └── trustedBy.component.ts
    │       │   │   │       ├── home.component.html
    │       │   │   │       ├── home.component.scss
    │       │   │   │       ├── home.component.spec.ts
    │       │   │   │       └── home.component.ts
    │       │   │   │   ├── not-found
    │       │   │   │       ├── not-found.component.html
    │       │   │   │       ├── not-found.component.scss
    │       │   │   │       ├── not-found.component.spec.ts
    │       │   │   │       └── not-found.component.ts
    │       │   │   │   └── orders
    │       │   │   │       ├── orders.component.html
    │       │   │   │       ├── orders.component.scss
    │       │   │   │       ├── orders.component.spec.ts
    │       │   │   │       └── orders.component.ts
    │       │   ├── nx-welcome.component.ts
    │       │   ├── shared
    │       │   │   ├── components
    │       │   │   │   ├── business
    │       │   │   │   │   ├── checkbox
    │       │   │   │   │   │   ├── checked-card.component.html
    │       │   │   │   │   │   ├── checked-card.component.scss
    │       │   │   │   │   │   ├── checked-card.component.spec.ts
    │       │   │   │   │   │   └── checked-card.component.ts
    │       │   │   │   │   ├── confirm-dialog
    │       │   │   │   │   │   ├── confirm-dialog.component.html
    │       │   │   │   │   │   ├── confirm-dialog.component.scss
    │       │   │   │   │   │   ├── confirm-dialog.component.spec.ts
    │       │   │   │   │   │   └── confirm-dialog.component.ts
    │       │   │   │   │   ├── input-error-handling
    │       │   │   │   │   │   ├── input-error-handling.component.html
    │       │   │   │   │   │   ├── input-error-handling.component.scss
    │       │   │   │   │   │   ├── input-error-handling.component.spec.ts
    │       │   │   │   │   │   └── input-error-handling.component.ts
    │       │   │   │   │   ├── no-data-available
    │       │   │   │   │   │   ├── no-data-available.component.html
    │       │   │   │   │   │   ├── no-data-available.component.scss
    │       │   │   │   │   │   ├── no-data-available.component.spec.ts
    │       │   │   │   │   │   └── no-data-available.component.ts
    │       │   │   │   │   └── translate-toggle
    │       │   │   │   │   │   ├── translate-toggle.component.html
    │       │   │   │   │   │   ├── translate-toggle.component.scss
    │       │   │   │   │   │   ├── translate-toggle.component.spec.ts
    │       │   │   │   │   │   └── translate-toggle.component.ts
    │       │   │   │   └── ui
    │       │   │   │   │   ├── auth-separator
    │       │   │   │   │       ├── separator.component.html
    │       │   │   │   │       ├── separator.component.scss
    │       │   │   │   │       ├── separator.component.spec.ts
    │       │   │   │   │       └── separator.component.ts
    │       │   │   │   │   ├── bestseller-slider
    │       │   │   │   │       ├── bestseller-slider.component.html
    │       │   │   │   │       ├── bestseller-slider.component.scss
    │       │   │   │   │       ├── bestseller-slider.component.spec.ts
    │       │   │   │   │       └── bestseller-slider.component.ts
    │       │   │   │   │   ├── button-theme
    │       │   │   │   │       ├── button-theme.component.html
    │       │   │   │   │       ├── button-theme.component.scss
    │       │   │   │   │       ├── button-theme.component.spec.ts
    │       │   │   │   │       └── button-theme.component.ts
    │       │   │   │   │   ├── button
    │       │   │   │   │       ├── button.component.html
    │       │   │   │   │       ├── button.component.scss
    │       │   │   │   │       ├── button.component.spec.ts
    │       │   │   │   │       └── button.component.ts
    │       │   │   │   │   ├── card-item
    │       │   │   │   │       ├── card-item.component.html
    │       │   │   │   │       ├── card-item.component.scss
    │       │   │   │   │       ├── card-item.component.spec.ts
    │       │   │   │   │       └── card-item.component.ts
    │       │   │   │   │   ├── custom-input-phone
    │       │   │   │   │       ├── custom-input-phone.component.html
    │       │   │   │   │       ├── custom-input-phone.component.scss
    │       │   │   │   │       ├── custom-input-phone.component.spec.ts
    │       │   │   │   │       └── custom-input-phone.component.ts
    │       │   │   │   │   ├── custom-input
    │       │   │   │   │       ├── custom-input.component.html
    │       │   │   │   │       ├── custom-input.component.scss
    │       │   │   │   │       ├── custom-input.component.spec.ts
    │       │   │   │   │       └── custom-input.component.ts
    │       │   │   │   │   ├── custom-main-dialog
    │       │   │   │   │       ├── custom-main-dialog.component.html
    │       │   │   │   │       ├── custom-main-dialog.component.scss
    │       │   │   │   │       ├── custom-main-dialog.component.spec.ts
    │       │   │   │   │       └── custom-main-dialog.component.ts
    │       │   │   │   │   ├── custom-modal
    │       │   │   │   │       ├── custom-modal.component.html
    │       │   │   │   │       ├── custom-modal.component.scss
    │       │   │   │   │       ├── custom-modal.component.spec.ts
    │       │   │   │   │       └── custom-modal.component.ts
    │       │   │   │   │   ├── filter-card
    │       │   │   │   │       ├── filter-card.component.html
    │       │   │   │   │       ├── filter-card.component.scss
    │       │   │   │   │       ├── filter-card.component.spec.ts
    │       │   │   │   │       └── filter-card.component.ts
    │       │   │   │   │   ├── form-button
    │       │   │   │   │       ├── form-button.component.html
    │       │   │   │   │       ├── form-button.component.scss
    │       │   │   │   │       ├── form-button.component.spec.ts
    │       │   │   │   │       └── form-button.component.ts
    │       │   │   │   │   ├── input-btn
    │       │   │   │   │       ├── input-btn.component.html
    │       │   │   │   │       ├── input-btn.component.scss
    │       │   │   │   │       ├── input-btn.component.spec.ts
    │       │   │   │   │       └── input-btn.component.ts
    │       │   │   │   │   ├── notification-toast
    │       │   │   │   │       ├── notification-toast.component.html
    │       │   │   │   │       ├── notification-toast.component.scss
    │       │   │   │   │       ├── notification-toast.component.spec.ts
    │       │   │   │   │       └── notification-toast.component.ts
    │       │   │   │   │   ├── search-modal
    │       │   │   │   │       ├── search-modal.component.html
    │       │   │   │   │       ├── search-modal.component.scss
    │       │   │   │   │       ├── search-modal.component.spec.ts
    │       │   │   │   │       └── search-modal.component.ts
    │       │   │   │   │   ├── spinner
    │       │   │   │   │       ├── spinner.component.html
    │       │   │   │   │       ├── spinner.component.scss
    │       │   │   │   │       ├── spinner.component.spec.ts
    │       │   │   │   │       └── spinner.component.ts
    │       │   │   │   │   └── stepper
    │       │   │   │   │       ├── stepper.component.html
    │       │   │   │   │       ├── stepper.component.scss
    │       │   │   │   │       ├── stepper.component.spec.ts
    │       │   │   │   │       └── stepper.component.ts
    │       │   │   ├── services
    │       │   │   │   ├── best-seller
    │       │   │   │   │   ├── best-seller.service.spec.ts
    │       │   │   │   │   └── best-seller.service.ts
    │       │   │   │   ├── categories
    │       │   │   │   │   ├── categories.service.spec.ts
    │       │   │   │   │   └── categories.service.ts
    │       │   │   │   ├── occasions
    │       │   │   │   │   ├── occasions.service.spec.ts
    │       │   │   │   │   └── occasions.service.ts
    │       │   │   │   ├── orders
    │       │   │   │   │   ├── orders.service.spec.ts
    │       │   │   │   │   └── orders.service.ts
    │       │   │   │   ├── products
    │       │   │   │   │   ├── products.service.spec.ts
    │       │   │   │   │   └── products.service.ts
    │       │   │   │   └── user-address
    │       │   │   │   │   ├── user-address.service.spec.ts
    │       │   │   │   │   └── user-address.service.ts
    │       │   │   └── styles
    │       │   │   │   ├── _functions.scss
    │       │   │   │   ├── _utilities.scss
    │       │   │   │   └── _variables.scss
    │       │   └── store
    │       │   │   ├── address
    │       │   │       ├── address.actions.ts
    │       │   │       ├── address.effect.ts
    │       │   │       ├── address.reducer.ts
    │       │   │       ├── address.selector.ts
    │       │   │       └── addresses.state.ts
    │       │   │   ├── auth
    │       │   │       ├── auth.actions.ts
    │       │   │       ├── auth.effects.ts
    │       │   │       ├── auth.reducers.ts
    │       │   │       ├── auth.selectors.ts
    │       │   │       └── auth.state.ts
    │       │   │   ├── filter
    │       │   │       ├── filter.actions.ts
    │       │   │       ├── filter.effect.ts
    │       │   │       ├── filter.reducer.ts
    │       │   │       ├── filter.selector.ts
    │       │   │       └── filter.state.ts
    │       │   │   └── sort
    │       │   │       ├── sort.actions.ts
    │       │   │       ├── sort.reducer.ts
    │       │   │       ├── sort.states.ts
    │       │   │       ├── store.effects.ts
    │       │   │       └── store.selectors.ts
    │       ├── index.html
    │       ├── main.server.ts
    │       ├── main.ts
    │       ├── server.ts
    │       ├── styles.scss
    │       └── test-setup.ts
    │   ├── tsconfig.app.json
    │   ├── tsconfig.editor.json
    │   ├── tsconfig.json
    │   └── tsconfig.spec.json
├── documentation
    ├── classes
    │   └── EndPoint.html
    ├── components
    │   ├── AboutUsComponent.html
    │   ├── AppComponent.html
    │   ├── BestSellerComponent.html
    │   ├── ButtonComponent.html
    │   ├── CardItemComponent.html
    │   ├── CategoriesComponent.html
    │   ├── DashboardComponent.html
    │   ├── FooterComponent.html
    │   ├── GalleryComponent.html
    │   ├── GiftsComponent.html
    │   ├── HomeComponent.html
    │   ├── NavbarComponent.html
    │   ├── NotFoundComponent.html
    │   ├── NxWelcomeComponent.html
    │   ├── OurServicesComponent.html
    │   ├── PopularItemsComponent.html
    │   ├── TestimonialsComponent.html
    │   └── TrustedByComponent.html
    ├── coverage.html
    ├── dependencies.html
    ├── fonts
    │   ├── ionicons.eot
    │   ├── ionicons.svg
    │   ├── ionicons.ttf
    │   ├── ionicons.woff
    │   ├── ionicons.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-italic.eot
    │   ├── roboto-v15-latin-italic.svg
    │   ├── roboto-v15-latin-italic.ttf
    │   ├── roboto-v15-latin-italic.woff
    │   ├── roboto-v15-latin-italic.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
    │   ├── compodoc-vectorise-inverted.png
    │   ├── compodoc-vectorise-inverted.svg
    │   ├── compodoc-vectorise.png
    │   ├── compodoc-vectorise.svg
    │   ├── coverage-badge-documentation.svg
    │   └── favicon.ico
    ├── index.html
    ├── injectables
    │   ├── BestSellerService.html
    │   ├── CategoriesService.html
    │   └── ProductsService.html
    ├── interfaces
    │   ├── BestSeller.html
    │   ├── BestSellerRes.html
    │   ├── Category.html
    │   ├── CategoryOption.html
    │   ├── CategoryRes.html
    │   ├── PaginationData.html
    │   ├── Product.html
    │   ├── ProductRes.html
    │   ├── ServicesInterface.html
    │   ├── carouselListInterface.html
    │   ├── picsInterface.html
    │   └── responsiveOptionsInterface.html
    ├── js
    │   ├── compodoc.js
    │   ├── lazy-load-graphs.js
    │   ├── libs
    │   │   ├── EventDispatcher.js
    │   │   ├── bootstrap-native.js
    │   │   ├── clipboard.min.js
    │   │   ├── custom-elements-es5-adapter.js
    │   │   ├── custom-elements.min.js
    │   │   ├── d3.v3.min.js
    │   │   ├── deep-iterator.js
    │   │   ├── es6-shim.min.js
    │   │   ├── htmlparser.js
    │   │   ├── innersvg.js
    │   │   ├── lit-html.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-wc.js
    │   ├── menu-wc_es5.js
    │   ├── menu.js
    │   ├── routes.js
    │   ├── search
    │   │   ├── lunr.min.js
    │   │   ├── search-lunr.js
    │   │   ├── search.js
    │   │   └── search_index.js
    │   ├── sourceCode.js
    │   ├── svg-pan-zoom.controls.js
    │   ├── tabs.js
    │   └── tree.js
    ├── miscellaneous
    │   └── variables.html
    ├── modules.html
    ├── overview.html
    ├── properties.html
    └── styles
    │   ├── bootstrap-card.css
    │   ├── bootstrap.min.css
    │   ├── compodoc.css
    │   ├── dark.css
    │   ├── ionicons.min.css
    │   ├── laravel.css
    │   ├── material.css
    │   ├── original.css
    │   ├── postmark.css
    │   ├── prism.css
    │   ├── readthedocs.css
    │   ├── reset.css
    │   ├── stripe.css
    │   ├── style.css
    │   ├── tablesort.css
    │   └── vagrant.css
├── eslint.config.mjs
├── jest.config.ts
├── jest.preset.js
├── nx.json
├── package-lock.json
├── package.json
├── tsconfig.base.json
└── tsconfig.doc.json


/.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 | 


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


--------------------------------------------------------------------------------
/.prettierignore:
--------------------------------------------------------------------------------
1 | # Add files here to ignore them from prettier formatting
2 | /dist
3 | /coverage
4 | /.nx/cache
5 | /.nx/workspace-data
6 | .angular
7 | 


--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
 1 | {
 2 |     "semi": true,
 3 |     "printWidth": 100,
 4 |     "overrides": [
 5 |         {
 6 |             "files": "*.json",
 7 |             "options": {
 8 |                 "printWidth": 1
 9 |             }
10 |         }
11 |     ]
12 | }
13 | 


--------------------------------------------------------------------------------
/.vscode/extensions.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "recommendations": [
 3 |     "nrwl.angular-console",
 4 |     "esbenp.prettier-vscode",
 5 |     "dbaeumer.vscode-eslint",
 6 |     "firsttris.vscode-jest-runner",
 7 |     "ms-playwright.playwright"
 8 |   ]
 9 | }
10 | 


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 |   "CodeGPT.apiKey": "Ollama"
3 | }
4 | 


--------------------------------------------------------------------------------
/apps/rose-e2e/eslint.config.mjs:
--------------------------------------------------------------------------------
 1 | import playwright from 'eslint-plugin-playwright';
 2 | import baseConfig from '../../eslint.config.mjs';
 3 | 
 4 | export default [
 5 |   playwright.configs['flat/recommended'],
 6 |   ...baseConfig,
 7 |   {
 8 |     files: ['**/*.ts', '**/*.js'],
 9 |     // Override or add rules here
10 |     rules: {},
11 |   },
12 | ];
13 | 


--------------------------------------------------------------------------------
/apps/rose-e2e/project.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "rose-e2e",
 3 |   "$schema": "../../node_modules/nx/schemas/project-schema.json",
 4 |   "projectType": "application",
 5 |   "sourceRoot": "apps/rose-e2e/src",
 6 |   "implicitDependencies": [
 7 |     "rose"
 8 |   ],
 9 |   "// targets": "to see all targets run: nx show project rose-e2e --web",
10 |   "targets": {}
11 | }
12 | 


--------------------------------------------------------------------------------
/apps/rose-e2e/src/example.spec.ts:
--------------------------------------------------------------------------------
1 | import { test, expect } from "@playwright/test";
2 | 
3 | test("has title", async ({ page }) => {
4 |   await page.goto("/");
5 | 
6 |   // Expect h1 to contain a substring.
7 |   expect(await page.locator("h1").innerText()).toContain("Welcome");
8 | });
9 | 


--------------------------------------------------------------------------------
/apps/rose-e2e/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "../../tsconfig.base.json",
 3 |   "compilerOptions": {
 4 |     "allowJs": true,
 5 |     "outDir": "../../dist/out-tsc",
 6 |     "sourceMap": false,
 7 |     "module": "commonjs",
 8 |     "forceConsistentCasingInFileNames": true,
 9 |     "strict": true,
10 |     "noImplicitOverride": true,
11 |     "noPropertyAccessFromIndexSignature": true,
12 |     "noImplicitReturns": true,
13 |     "noFallthroughCasesInSwitch": true
14 |   },
15 |   "include": [
16 |     "**/*.ts",
17 |     "**/*.js",
18 |     "playwright.config.ts",
19 |     "src/**/*.spec.ts",
20 |     "src/**/*.spec.js",
21 |     "src/**/*.test.ts",
22 |     "src/**/*.test.js",
23 |     "src/**/*.d.ts"
24 |   ]
25 | }
26 | 


--------------------------------------------------------------------------------
/apps/rose/eslint.config.mjs:
--------------------------------------------------------------------------------
 1 | import nx from '@nx/eslint-plugin';
 2 | import baseConfig from '../../eslint.config.mjs';
 3 | 
 4 | export default [
 5 |   ...baseConfig,
 6 |   ...nx.configs['flat/angular'],
 7 |   ...nx.configs['flat/angular-template'],
 8 |   {
 9 |     files: ['**/*.ts'],
10 |     rules: {
11 |       '@angular-eslint/directive-selector': [
12 |         'error',
13 |         {
14 |           type: 'attribute',
15 |           prefix: 'app',
16 |           style: 'camelCase',
17 |         },
18 |       ],
19 |       '@angular-eslint/component-selector': [
20 |         'error',
21 |         {
22 |           type: 'element',
23 |           prefix: 'app',
24 |           style: 'kebab-case',
25 |           allow: ['@rose/shared']
26 |         },
27 |       ],
28 |     },
29 |   },
30 |   {
31 |     files: ['**/*.html'],
32 |     // Override or add rules here
33 |     rules: {},
34 |   },
35 | ];
36 | 


--------------------------------------------------------------------------------
/apps/rose/jest.config.ts:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   displayName: "rose",
 3 |   preset: "../../jest.preset.js",
 4 |   setupFilesAfterEnv: ["<rootDir>/src/test-setup.ts"],
 5 |   coverageDirectory: "../../coverage/apps/rose",
 6 |   transform: {
 7 |     "^.+\\.(ts|mjs|js|html)$": [
 8 |       "jest-preset-angular",
 9 |       {
10 |         tsconfig: "<rootDir>/tsconfig.spec.json",
11 |         stringifyContentPathRegex: "\\.(html|svg)$",
12 |       },
13 |     ],
14 |   },
15 |   transformIgnorePatterns: ["node_modules/(?!.*\\.mjs$)"],
16 |   snapshotSerializers: [
17 |     "jest-preset-angular/build/serializers/no-ng-attributes",
18 |     "jest-preset-angular/build/serializers/ng-snapshot",
19 |     "jest-preset-angular/build/serializers/html-comment",
20 |   ],
21 | };
22 | 


--------------------------------------------------------------------------------
/apps/rose/public/images/abouts/Rectangle 3.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/abouts/Rectangle 3.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/abouts/Rectangle 4.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/abouts/Rectangle 4.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/abouts/Rectangle 5.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/abouts/Rectangle 5.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/abouts/expertTeam.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/abouts/expertTeam.jpg


--------------------------------------------------------------------------------
/apps/rose/public/images/abouts/expertTeam2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/abouts/expertTeam2.jpg


--------------------------------------------------------------------------------
/apps/rose/public/images/abouts/expertTeam4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/abouts/expertTeam4.jpg


--------------------------------------------------------------------------------
/apps/rose/public/images/abouts/expetTeam3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/abouts/expetTeam3.jpg


--------------------------------------------------------------------------------
/apps/rose/public/images/auth/gifts.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/auth/gifts.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/british_flag_icon.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/british_flag_icon.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/egypt_flag_icon.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/egypt_flag_icon.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/gallery/Frame 74.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/gallery/Frame 74.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/gallery/Frame 75.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/gallery/Frame 75.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/gallery/Frame 76.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/gallery/Frame 76.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/gallery/Frame 77.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/gallery/Frame 77.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/gallery/Frame 78.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/gallery/Frame 78.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/gifts/1.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/gifts/1.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/gifts/2$.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/gifts/2$.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/gifts/Christmas shopping composition with presents and cart.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/gifts/Christmas shopping composition with presents and cart.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/gifts/Confetti lying near present.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/gifts/Confetti lying near present.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/gifts/Red christmas gifts with white ribbon.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/gifts/Red christmas gifts with white ribbon.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/gifts/Top view hand holding gift box on work space.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/gifts/Top view hand holding gift box on work space.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/image 35.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/image 35.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/navbar/Rose.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/navbar/Rose.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/navbar/Rose1.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/navbar/Rose1.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/no-product-available.svg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/no-product-available.svg


--------------------------------------------------------------------------------
/apps/rose/public/images/no-product-available.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/no-product-available.webp


--------------------------------------------------------------------------------
/apps/rose/public/images/testimonials/customer-1.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/testimonials/customer-1.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/testimonials/customer-2.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/testimonials/customer-2.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/testimonials/customer-3.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/testimonials/customer-3.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/trustedBy/image 36.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/trustedBy/image 36.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/trustedBy/image 37.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/trustedBy/image 37.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/trustedBy/image 38.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/trustedBy/image 38.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/trustedBy/image 39.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/trustedBy/image 39.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/trustedBy/image 40.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/trustedBy/image 40.WebP


--------------------------------------------------------------------------------
/apps/rose/public/images/trustedBy/image 41.WebP:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/public/images/trustedBy/image 41.WebP


--------------------------------------------------------------------------------
/apps/rose/src/app/app.component.html:
--------------------------------------------------------------------------------
1 | <app-notification-toast />
2 | <router-outlet />


--------------------------------------------------------------------------------
/apps/rose/src/app/app.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/src/app/app.component.scss


--------------------------------------------------------------------------------
/apps/rose/src/app/app.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { TestBed } from "@angular/core/testing";
 2 | import { AppComponent } from "./app.component";
 3 | import { NxWelcomeComponent } from "./nx-welcome.component";
 4 | import { RouterModule } from "@angular/router";
 5 | 
 6 | describe("AppComponent", () => {
 7 |   beforeEach(async () => {
 8 |     await TestBed.configureTestingModule({
 9 |       imports: [AppComponent, NxWelcomeComponent, RouterModule.forRoot([])],
10 |     }).compileComponents();
11 |   });
12 | 
13 |   it("should render title", () => {
14 |     const fixture = TestBed.createComponent(AppComponent);
15 |     fixture.detectChanges();
16 |     const compiled = fixture.nativeElement as HTMLElement;
17 |     expect(compiled.querySelector("h1")?.textContent).toContain("Welcome rose");
18 |   });
19 | 
20 |   it(`should have as title 'rose'`, () => {
21 |     const fixture = TestBed.createComponent(AppComponent);
22 |     const app = fixture.componentInstance;
23 |     expect(app.title).toEqual("rose");
24 |   });
25 | });
26 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/app.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, inject } from "@angular/core";
 2 | import { GoogleMapsModule } from "@angular/google-maps";
 3 | // Router
 4 | import { RouterOutlet } from "@angular/router";
 5 | // Services
 6 | import { DarkModeService } from "@rose/core_services/darkmode/darkmode.service";
 7 | // Components_Shared
 8 | import { NotificationToastComponent } from "@rose/shared_Components_ui/notification-toast/notification-toast.component";
 9 | @Component({
10 |   imports: [RouterOutlet, NotificationToastComponent, GoogleMapsModule,],
11 |   selector: "app-root",
12 |   templateUrl: "./app.component.html",
13 |   styleUrl: "./app.component.scss",
14 | })
15 | export class AppComponent {
16 |   protected darkMode = inject(DarkModeService);
17 |   title = "rose";
18 | }
19 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/app.config.server.ts:
--------------------------------------------------------------------------------
 1 | import { mergeApplicationConfig, ApplicationConfig } from "@angular/core";
 2 | import { provideServerRendering } from "@angular/platform-server";
 3 | import { provideServerRouting } from "@angular/ssr";
 4 | import { appConfig } from "./app.config";
 5 | import { serverRoutes } from "./app.routes.server";
 6 | 
 7 | const serverConfig: ApplicationConfig = {
 8 |   providers: [provideServerRendering(), provideServerRouting(serverRoutes)],
 9 | };
10 | 
11 | export const config = mergeApplicationConfig(appConfig, serverConfig);
12 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/app.routes.server.ts:
--------------------------------------------------------------------------------
 1 | import { RenderMode, ServerRoute } from "@angular/ssr";
 2 | 
 3 | export const serverRoutes: ServerRoute[] = [
 4 |   {
 5 |     path: "dashboard/home",
 6 |     renderMode: RenderMode.Server,
 7 |   },
 8 |   {
 9 |     path: "dashboard/all-categories",
10 |     renderMode: RenderMode.Server,
11 |   },
12 |   {
13 |     path: "dashboard/details/:id",
14 |     renderMode: RenderMode.Client,
15 |   },
16 |   {
17 |     path: "**",
18 |     renderMode: RenderMode.Prerender,
19 |   },
20 | ];
21 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/directive/english-only.directive.ts:
--------------------------------------------------------------------------------
 1 | import { Directive, ElementRef, HostListener } from "@angular/core";
 2 | 
 3 | @Directive({
 4 |   selector: "[appEnglishOnly]",
 5 | })
 6 | export class EnglishOnlyDirective {
 7 |   private regex = /^[a-zA-Z0-9\s]*$/;
 8 | 
 9 |   constructor(private el: ElementRef) {}
10 | 
11 |   @HostListener("keypress", ["$event"]) onKeyPress(event: KeyboardEvent) {
12 |     const inputChar = event.key;
13 |     if (!this.regex.test(inputChar)) {
14 |       event.preventDefault();
15 |     }
16 |   }
17 | 
18 |   @HostListener("paste", ["$event"]) onPaste(event: ClipboardEvent) {
19 |     const clipboardData = event.clipboardData;
20 |     const pastedText = clipboardData?.getData("text");
21 |     if (pastedText && !this.regex.test(pastedText)) {
22 |       event.preventDefault();
23 |     }
24 |   }
25 | }
26 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/enums/endpoints.ts:
--------------------------------------------------------------------------------
 1 | import { environment } from "@rose/core_environment/baseurl.prod";
 2 | 
 3 | export class EndPoint {
 4 |   static CATEGORIES = `${environment.baseApiUrl}api/v1/categories`;
 5 |   static PRODUCTS = `${environment.baseApiUrl}api/v1/products`;
 6 |   static CountPRODUCTSByCATEGORIES = `${environment.baseApiUrl}products/count-by-category`;
 7 |   static BESTSELLER = `${environment.baseApiUrl}api/v1/best-seller`;
 8 |   static OCCASION = `${environment.baseApiUrl}api/v1/occasions`;
 9 |   static ADD_REVIEW = `${environment.baseApiUrl}api/v1/reviews`;
10 |   static ADDRESSES = `${environment.baseApiUrl}api/v1/addresses`;
11 |   static ORDERS = `${environment.baseApiUrl}api/v1/orders`;
12 | }
13 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/enums/sortobject.ts:
--------------------------------------------------------------------------------
1 | export enum sortObjectVal {
2 |   P_ASC = "price-asc",
3 |   P_DESC = "price-desc",
4 |   A_DESC = "alpha-desc",
5 |   A_ASC = "alpha-asc",
6 | }
7 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/enums/sorttypes.ts:
--------------------------------------------------------------------------------
1 | export enum sortTypes {
2 |   ASC = "asc",
3 |   DESC = "desc",
4 | }
5 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/environment/baseurl.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 |   production: true,
3 |   baseApiUrl: "https://flower.elevateegy.com/",
4 | };
5 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/guards/auth/auth.guard.spec.ts:
--------------------------------------------------------------------------------
 1 | import { TestBed } from '@angular/core/testing';
 2 | import { CanActivateFn } from '@angular/router';
 3 | 
 4 | import { authGuard } from './auth.guard';
 5 | 
 6 | describe('authGuard', () => {
 7 |   const executeGuard: CanActivateFn = (...guardParameters) => 
 8 |       TestBed.runInInjectionContext(() => authGuard(...guardParameters));
 9 | 
10 |   beforeEach(() => {
11 |     TestBed.configureTestingModule({});
12 |   });
13 | 
14 |   it('should be created', () => {
15 |     expect(executeGuard).toBeTruthy();
16 |   });
17 | });
18 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/guards/auth/auth.guard.ts:
--------------------------------------------------------------------------------
 1 | import { inject } from "@angular/core";
 2 | import { CanActivateFn, Router } from "@angular/router";
 3 | import { PlatformService } from "@rose/core_services/platform/platform.service";
 4 | 
 5 | export const authGuard: CanActivateFn = (route, state) => {
 6 |   const router = inject(Router);
 7 |   const platformService = inject(PlatformService);
 8 | 
 9 |   if (platformService.isBrowser() && localStorage.getItem("authToken") != null) {
10 |     return true;
11 |   } else {
12 |     router.navigate(["/login"]);
13 |     return false;
14 |   }
15 | };
16 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/guards/logged-user/logged.guard.spec.ts:
--------------------------------------------------------------------------------
 1 | import { TestBed } from '@angular/core/testing';
 2 | import { CanActivateFn } from '@angular/router';
 3 | 
 4 | import { loggedGuard } from './logged.guard';
 5 | 
 6 | describe('loggedGuard', () => {
 7 |   const executeGuard: CanActivateFn = (...guardParameters) => 
 8 |       TestBed.runInInjectionContext(() => loggedGuard(...guardParameters));
 9 | 
10 |   beforeEach(() => {
11 |     TestBed.configureTestingModule({});
12 |   });
13 | 
14 |   it('should be created', () => {
15 |     expect(executeGuard).toBeTruthy();
16 |   });
17 | });
18 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/guards/logged-user/logged.guard.ts:
--------------------------------------------------------------------------------
 1 | import { inject } from "@angular/core";
 2 | import { CanActivateFn, Router, UrlTree } from "@angular/router";
 3 | import { StorageManagerService } from "@rose/core_services/storage-manager/storage-manager.service";
 4 | 
 5 | export const loggedGuard: CanActivateFn = (route, state): boolean | UrlTree => {
 6 |   const router = inject(Router);
 7 |   const storage = inject(StorageManagerService);
 8 | 
 9 |   const token = storage.getItem("authToken");
10 | 
11 |   if (token) {
12 |     return router.createUrlTree(["/dashboard/home"], {
13 |       queryParamsHandling: "preserve",
14 |     });
15 |   }
16 | 
17 |   return true;
18 | };
19 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/interceptors/header.interceptor.spec.ts:
--------------------------------------------------------------------------------
 1 | import { TestBed } from '@angular/core/testing';
 2 | import { HttpInterceptorFn } from '@angular/common/http';
 3 | 
 4 | import { headerInterceptor } from './header.interceptor';
 5 | 
 6 | describe('headerInterceptor', () => {
 7 |   const interceptor: HttpInterceptorFn = (req, next) => 
 8 |     TestBed.runInInjectionContext(() => headerInterceptor(req, next));
 9 | 
10 |   beforeEach(() => {
11 |     TestBed.configureTestingModule({});
12 |   });
13 | 
14 |   it('should be created', () => {
15 |     expect(interceptor).toBeTruthy();
16 |   });
17 | });
18 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/interceptors/header.interceptor.ts:
--------------------------------------------------------------------------------
 1 | import { HttpInterceptorFn } from "@angular/common/http";
 2 | import { inject } from "@angular/core";
 3 | // Services
 4 | import { StorageManagerService } from "@rose/core_services/storage-manager/storage-manager.service";
 5 | 
 6 | export const headingInterceptor: HttpInterceptorFn = (req, next) => {
 7 |   const _storage = inject(StorageManagerService);
 8 | 
 9 |   const token = _storage.getItem("authToken");
10 | 
11 |   if (token) {
12 |     req = req.clone({
13 |       setHeaders: { Authorization: `Bearer ${token}` },
14 |     });
15 |   }
16 | 
17 |   return next(req);
18 | };
19 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/interfaces/PaginationData.interface.ts:
--------------------------------------------------------------------------------
1 | export interface PaginationData {
2 |   currentPage: number;
3 |   totalPages: number;
4 |   limit: number;
5 |   totalItems: number;
6 | }
7 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/interfaces/best-seller.interface.ts:
--------------------------------------------------------------------------------
 1 | export interface BestSellerRes {
 2 |   message: string;
 3 |   bestSeller: BestSeller[];
 4 | }
 5 | 
 6 | export interface BestSeller {
 7 |   rateAvg: number;
 8 |   rateCount: number;
 9 |   _id: string;
10 |   title: string;
11 |   slug: string;
12 |   description: string;
13 |   imgCover: string;
14 |   images: string[];
15 |   price: number;
16 |   priceAfterDiscount: number;
17 |   quantity: number;
18 |   category: string;
19 |   occasion: string;
20 |   createdAt: string;
21 |   updatedAt: string;
22 |   __v: number;
23 |   isSuperAdmin: boolean;
24 |   sold?: number;
25 |   id: string;
26 | }
27 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/interfaces/carditem.interface.ts:
--------------------------------------------------------------------------------
 1 | import { PaginationData } from "./PaginationData.interface";
 2 | 
 3 | export interface ProductRes {
 4 |   message: string;
 5 |   metadata: PaginationData;
 6 |   products: Product[];
 7 | }
 8 | 
 9 | export interface Product {
10 |   rateAvg: number;
11 |   rateCount: number;
12 |   _id: string;
13 |   title: string;
14 |   slug: string;
15 |   description: string;
16 |   imgCover: string;
17 |   images: string[];
18 |   price: number;
19 |   priceAfterDiscount: number;
20 |   quantity: number;
21 |   category: string;
22 |   occasion: string;
23 |   createdAt: string;
24 |   updatedAt: string;
25 |   __v: number;
26 |   isSuperAdmin: boolean;
27 |   sold: number;
28 |   id: string;
29 | }
30 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/interfaces/categories.interface.ts:
--------------------------------------------------------------------------------
 1 | import { PaginationData } from "./PaginationData.interface";
 2 | 
 3 | export interface CategoryRes {
 4 |   message: string;
 5 |   metadata: PaginationData;
 6 |   categories: Category[];
 7 | }
 8 | 
 9 | export interface CategoryOption {
10 |   label: string;
11 |   display: string;
12 |   id: string;
13 | }
14 | 
15 | export interface Category {
16 |   _id: string;
17 |   name: string;
18 |   slug: string;
19 |   image: string;
20 |   createdAt: string;
21 |   updatedAt: string;
22 |   isSuperAdmin: boolean;
23 |   productsCount: number;
24 | }
25 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/interfaces/count-by-product.interface.ts:
--------------------------------------------------------------------------------
 1 | export interface countBproduct {
 2 |   categoryProductCount: CategoryProductCount[];
 3 | }
 4 | 
 5 | export interface CategoryProductCount {
 6 |   _id: string;
 7 |   productCount: number;
 8 |   category: string;
 9 | }
10 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/interfaces/country.ts:
--------------------------------------------------------------------------------
1 | export interface Country {
2 |   name: string;
3 |   code: string;
4 |   flag: string;
5 | }


--------------------------------------------------------------------------------
/apps/rose/src/app/core/interfaces/details.interface.ts:
--------------------------------------------------------------------------------
 1 | export interface ProductDetailsRes {
 2 |     message: string;
 3 |     product: ProductDetail;
 4 | }
 5 | 
 6 | export interface ProductDetail {
 7 |     rateAvg:            number;
 8 |     rateCount:          number;
 9 |     _id:                string;
10 |     title:              string;
11 |     slug:               string;
12 |     description:        string;
13 |     imgCover:           string;
14 |     images:             string[];
15 |     price:              number;
16 |     priceAfterDiscount: number;
17 |     quantity:           number;
18 |     category:           string;
19 |     occasion:           string;
20 |     createdAt:          Date;
21 |     updatedAt:          Date;
22 |     __v:                number;
23 |     isSuperAdmin:       boolean;
24 |     sold:               number;
25 |     reviews:            any[];
26 |     id:                 string;
27 | }


--------------------------------------------------------------------------------
/apps/rose/src/app/core/interfaces/filter-item.interface.ts:
--------------------------------------------------------------------------------
 1 | export interface FilterItem {
 2 |   _id: string;
 3 |   category?: string;
 4 |   productCount?: number;
 5 |   rating?: number;
 6 | }
 7 | export interface selectedItem {
 8 |   _id: string;
 9 |   type: string;
10 |   rateAvg?: number;
11 | }
12 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/interfaces/forget-flow-details.interface.ts:
--------------------------------------------------------------------------------
1 | export interface forgetFlowDetails {
2 |   title: string;
3 |   titleParagraph: string;
4 |   paragraphSpan?: string;
5 |   heading5?: string;
6 |   heading3: string;
7 |   heading3span: string;
8 | }
9 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/interfaces/occasions.interface.ts:
--------------------------------------------------------------------------------
 1 | import { PaginationData } from "./PaginationData.interface";
 2 | 
 3 | export interface occasionRes {
 4 |   message: string;
 5 |   metadata: PaginationData;
 6 |   occasions: occasion[];
 7 | }
 8 | 
 9 | export interface occasion {
10 |   _id: string;
11 |   name: string;
12 |   slug: string;
13 |   image: string;
14 |   createdAt: string;
15 |   updatedAt: string;
16 |   isSuperAdmin: boolean;
17 |   productsCount: number;
18 | }
19 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/interfaces/orders.ts:
--------------------------------------------------------------------------------
 1 | import { Product } from "./carditem.interface"
 2 | export interface OrderRes {
 3 |   message: string
 4 |   metadata: {
 5 |     currentPage: number
 6 |     totalPages: number
 7 |     limit: number
 8 |     totalItems: number
 9 |   }
10 |   orders: Orders[];
11 | }
12 | 
13 | export interface Orders {
14 |     _id:         string;
15 |     user:        string;
16 |     orderItems:  OrderItem[];
17 |     totalPrice:  number;
18 |     paymentType: string;
19 |     isPaid:      boolean;
20 |     isDelivered: boolean;
21 |     state:       string;
22 |     createdAt:   Date;
23 |     updatedAt:   Date;
24 |     orderNumber: string;
25 |     __v:         number;
26 | }
27 | 
28 | export interface OrderItem {
29 |     product:  Product;
30 |     price:    number;
31 |     quantity: number;
32 |     _id:      string;
33 | }
34 | 
35 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/interfaces/services.interface.ts:
--------------------------------------------------------------------------------
1 | export interface ServicesInterface {
2 |   id: number;
3 |   icon: string;
4 |   heading: string;
5 |   paragraph: string;
6 | }
7 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/interfaces/special-gifts.interface.ts:
--------------------------------------------------------------------------------
 1 | export interface picsInterface {
 2 |   id: number;
 3 |   source: string;
 4 |   title: string;
 5 |   heading2: string;
 6 |   heading1: string;
 7 |   btnText ?: string;
 8 | }
 9 | 
10 | export interface carouselListInterface {
11 |   id: number;
12 |   source: string;
13 |   title: string;
14 | }
15 | export interface responsiveOptionsInterface {
16 |   breakpoint: string;
17 |   numVisible: number;
18 |   numScroll: number;
19 | }
20 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/interfaces/testimonials.interface.ts:
--------------------------------------------------------------------------------
 1 | export interface Testimonials {
 2 |   source: string;
 3 |   heading2: string;
 4 |   heading3: string;
 5 |   paragraph: string;
 6 | }
 7 | 
 8 | export interface responsiveOption {
 9 |   breakpoint: string;
10 |   numVisible: number;
11 |   numScroll: number;
12 | }
13 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/interfaces/user-address.interface.ts:
--------------------------------------------------------------------------------
 1 | export interface AddressRes {
 2 |   message: string
 3 |   addresses: Address[]
 4 | }
 5 | export interface AddressAddRes {
 6 |   message: string
 7 |   address: Address[]
 8 | }
 9 | 
10 | export interface Address {
11 |   street: string
12 |   phone: string
13 |   city: string
14 |   lat: string
15 |   long: string
16 |   username: string
17 |   _id: string
18 | }


--------------------------------------------------------------------------------
/apps/rose/src/app/core/services/darkmode/darkmode.service.spec.ts:
--------------------------------------------------------------------------------
 1 | import { TestBed } from "@angular/core/testing";
 2 | 
 3 | import { DarkmodeService } from "./darkmode.service";
 4 | 
 5 | describe("DarkmodeService", () => {
 6 |   let service: DarkmodeService;
 7 | 
 8 |   beforeEach(() => {
 9 |     TestBed.configureTestingModule({});
10 |     service = TestBed.inject(DarkmodeService);
11 |   });
12 | 
13 |   it("should be created", () => {
14 |     expect(service).toBeTruthy();
15 |   });
16 | });
17 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/services/storage-manager/storage-manager.service.spec.ts:
--------------------------------------------------------------------------------
 1 | import { TestBed } from '@angular/core/testing';
 2 | 
 3 | import { StorageManagerService } from './storage-manager.service';
 4 | 
 5 | describe('StorageManagerService', () => {
 6 |   let service: StorageManagerService;
 7 | 
 8 |   beforeEach(() => {
 9 |     TestBed.configureTestingModule({});
10 |     service = TestBed.inject(StorageManagerService);
11 |   });
12 | 
13 |   it('should be created', () => {
14 |     expect(service).toBeTruthy();
15 |   });
16 | });
17 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/services/storage-manager/storage-manager.service.ts:
--------------------------------------------------------------------------------
 1 | import { isPlatformBrowser } from "@angular/common";
 2 | import { inject, Injectable, PLATFORM_ID, signal } from "@angular/core";
 3 | 
 4 | @Injectable({
 5 |   providedIn: "root",
 6 | })
 7 | export class StorageManagerService {
 8 |   authToken() {
 9 |     throw new Error("Method not implemented.");
10 |   }
11 |   private readonly pID = inject(PLATFORM_ID);
12 | 
13 |   isLoggedIn = signal<boolean>(false);
14 |   setItem(key: string, value: any): void {
15 |     if (isPlatformBrowser(this.pID)) {
16 |       localStorage.setItem(key, JSON.stringify(value));
17 |     }
18 |   }
19 |   getItem(key: string) {
20 |     if (isPlatformBrowser(this.pID)) {
21 |       const item = localStorage.getItem(key);
22 |       return item ? JSON.parse(item) : null;
23 |     }
24 |     return null;
25 |   }
26 |   removeItem(key: string): void {
27 |     if (isPlatformBrowser(this.pID)) {
28 |       localStorage.removeItem(key);
29 |       this.isLoggedIn.set(false);
30 |     }
31 |   }
32 |   clear(): void {
33 |     if (isPlatformBrowser(this.pID)) {
34 |       localStorage.clear();
35 |     }
36 |   }
37 | }
38 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/services/translation/fade.animation.ts:
--------------------------------------------------------------------------------
1 | import { trigger, transition, style, animate, state } from "@angular/animations";
2 | 
3 | export const fadeTransition = trigger("fadeTransition", [
4 |   state("visible", style({ opacity: 1 })),
5 |   state("hidden", style({ opacity: 0 })),
6 |   transition("hidden <=> visible", [animate("600ms ease-in-out")]),
7 | ]);
8 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/core/services/translation/translation.service.spec.ts:
--------------------------------------------------------------------------------
 1 | import { TestBed } from "@angular/core/testing";
 2 | 
 3 | import { TranslationService } from "./translation.service";
 4 | 
 5 | describe("TranslationService", () => {
 6 |   let service: TranslationService;
 7 | 
 8 |   beforeEach(() => {
 9 |     TestBed.configureTestingModule({});
10 |     service = TestBed.inject(TranslationService);
11 |   });
12 | 
13 |   it("should be created", () => {
14 |     expect(service).toBeTruthy();
15 |   });
16 | });
17 | 


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


--------------------------------------------------------------------------------
/apps/rose/src/app/core/services/user-state/user-state.service.ts:
--------------------------------------------------------------------------------
 1 | import { Injectable } from "@angular/core";
 2 | import { BehaviorSubject } from "rxjs";
 3 | 
 4 | @Injectable({
 5 |   providedIn: "root",
 6 | })
 7 | export class UserStateService {
 8 |   private loggedInSubject = new BehaviorSubject<boolean>(false);
 9 |   loggedIn$ = this.loggedInSubject.asObservable();
10 | 
11 |   setLoggedIn(status: boolean) {
12 |     this.loggedInSubject.next(status);
13 |   }
14 | }
15 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/authentication/auth.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { AuthComponent } from "./auth.component";
 3 | 
 4 | describe("AuthComponent", () => {
 5 |   let component: AuthComponent;
 6 |   let fixture: ComponentFixture<AuthComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [AuthComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(AuthComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/authentication/components/login/login.component.scss:
--------------------------------------------------------------------------------
 1 | h5 {
 2 |   font-weight: 600;
 3 |   text-align: right;
 4 |   color: var(--forgetPass-anchor);
 5 |   margin: 0.625rem 0 0;
 6 | 
 7 |   @media all and (max-width: 31.25rem) {
 8 |     font-size: 0.625rem;
 9 |   }
10 |   @media all and (min-width: 31.25rem) {
11 |     font-size: 0.875rem;
12 |   }
13 | }
14 | 
15 | :host-context([dir="rtl"]) h5 {
16 |   text-align: left !important;
17 | }
18 | 


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


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/authentication/components/register/register.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { RegisterComponent } from "./register.component";
 3 | 
 4 | describe("RegisterComponent", () => {
 5 |   let component: RegisterComponent;
 6 |   let fixture: ComponentFixture<RegisterComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [RegisterComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(RegisterComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/authentication/components/reset-password/components/forget-password/forget-password.component.html:
--------------------------------------------------------------------------------
 1 | <form [formGroup]="forgetPassForm" (ngSubmit)="forgetpasswordSubmit()" role="form" aria-label="Forgot Password Form">
 2 |   <!-- Email -->
 3 |   <app-custom-input formControlName="email" type="text" placeholder="user@example.com" id="email"
 4 |     labelText="{{'auth.inputs.email' |translate}}" [errorHandilgControl]="forgetPassForm.get('email')!"
 5 |     class="w-full mb-3" autocomplete="email" aria-required="true" />
 6 | 
 7 |   <app-form-button [text]="'auth.forget-pass.button' |translate" [disabled]="forgetPassForm.invalid"
 8 |     [isLoading]="isLoading()" type="submit" />
 9 | </form>
10 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/authentication/components/reset-password/components/forget-password/forget-password.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/src/app/features/layouts/authentication/components/reset-password/components/forget-password/forget-password.component.scss


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/authentication/components/reset-password/components/forget-password/forget-password.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } 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(async () => {
10 |     await TestBed.configureTestingModule({
11 |       imports: [ForgetPasswordComponent]
12 |     })
13 |     .compileComponents();
14 | 
15 |     fixture = TestBed.createComponent(ForgetPasswordComponent);
16 |     component = fixture.componentInstance;
17 |     fixture.detectChanges();
18 |   });
19 | 
20 |   it('should create', () => {
21 |     expect(component).toBeTruthy();
22 |   });
23 | });
24 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/authentication/components/reset-password/components/set-password/set-password.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/src/app/features/layouts/authentication/components/reset-password/components/set-password/set-password.component.scss


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


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/authentication/components/reset-password/components/verify-code/verify-code.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
 2 | 
 3 | import { VerifyCodeComponent } from './verify-code.component';
 4 | 
 5 | describe('VerifyCodeComponent', () => {
 6 |   let component: VerifyCodeComponent;
 7 |   let fixture: ComponentFixture<VerifyCodeComponent>;
 8 | 
 9 |   beforeEach(async () => {
10 |     await TestBed.configureTestingModule({
11 |       imports: [VerifyCodeComponent]
12 |     })
13 |     .compileComponents();
14 | 
15 |     fixture = TestBed.createComponent(VerifyCodeComponent);
16 |     component = fixture.componentInstance;
17 |     fixture.detectChanges();
18 |   });
19 | 
20 |   it('should create', () => {
21 |     expect(component).toBeTruthy();
22 |   });
23 | });
24 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/authentication/components/reset-password/reset-password.component.html:
--------------------------------------------------------------------------------
 1 | <app-auth [@fadeTransition]="translationService.fadeState()" [process]="'forgetPass'" [title]="getDetails().title"
 2 |   [titleParagraph]="getDetails().titleParagraph"
 3 |   [paragraphSpan]="forgetFlow() === 'verify' ? getDetails().paragraphSpan! : ''"
 4 |   [heading5]="forgetFlow() === 'verify' ? getDetails().heading5! : ''" [heading3]="getDetails().heading3"
 5 |   [heading3span]="getDetails().heading3span" [goBackToForget]="goBackToForget">
 6 |   <div class="reset-password-flow">
 7 |     @if (forgetFlow() === 'forget') {
 8 |     <app-forget-password (emailSubmitted)="onEmailSubmitted($event)" />
 9 |     }
10 | 
11 |     @if (forgetFlow() === 'verify') {
12 |     <app-verify-code [email]="email()" (codeVerified)="onCodeVerified()" (goBack)="forgetFlow.set('forget')" />
13 |     }
14 | 
15 |     @if (forgetFlow() === 'set') {
16 |     <app-set-password [email]="email()" (passwordReset)="onPasswordReset()" (goBack)="forgetFlow.set('verify')" />
17 |     }
18 |   </div>
19 | </app-auth>


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/authentication/components/reset-password/reset-password.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/src/app/features/layouts/authentication/components/reset-password/reset-password.component.scss


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


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/dashboard/dashboard.component.html:
--------------------------------------------------------------------------------
1 | <section class="dash">
2 |   <app-navbar />
3 |   <div class="contain mx-auto">
4 |     <router-outlet />
5 |   </div>
6 |   <app-footer />
7 |   <p-speeddial [model]="items!" direction="up" [style]="{ position: 'fixed', top: '70%',  right: '0.5%' }"
8 |     [buttonProps]="{ severity: 'help', rounded: true }" />
9 | </section>


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/dashboard/dashboard.component.scss:
--------------------------------------------------------------------------------
 1 | .dash {
 2 |   display: flex;
 3 |   flex-direction: column;
 4 |   justify-content: space-between;
 5 |   max-height: 100vh;
 6 |   max-width: 100%;
 7 |   position: relative;
 8 | }
 9 | 
10 | :host ::ng-deep .p-button-help {
11 |   background-color: var(--speedDial-bg);
12 |   border: none;
13 | }
14 | 
15 | :host ::ng-deep .p-speeddial-button.p-button-help:not(:disabled):hover {
16 |   background-color: var(--speedDial-hover) !important;
17 |   border: none !important;
18 |   border-color: transparent !important;
19 |   box-shadow: none !important; /* Remove hover shadow if any */
20 | }
21 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/dashboard/dashboard.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { DashboardComponent } from "./dashboard.component";
 3 | 
 4 | describe("DashboardComponent", () => {
 5 |   let component: DashboardComponent;
 6 |   let fixture: ComponentFixture<DashboardComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [DashboardComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(DashboardComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


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


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/footer/footer.component.ts:
--------------------------------------------------------------------------------
 1 | import { ChangeDetectionStrategy, Component } from "@angular/core";
 2 | // Translation
 3 | import { TranslatePipe } from "@ngx-translate/core";
 4 | // Shared_Components
 5 | import { InputBtnComponent } from "@rose/shared_Components_ui/input-btn/input-btn.component";
 6 | // PrimeNG
 7 | import { InputTextModule } from "primeng/inputtext";
 8 | import { ButtonModule } from "primeng/button";
 9 | 
10 | @Component({
11 |   selector: "app-footer",
12 |   imports: [InputTextModule, ButtonModule, TranslatePipe, InputBtnComponent],
13 |   templateUrl: "./footer.component.html",
14 |   styleUrl: "./footer.component.scss",
15 |   changeDetection: ChangeDetectionStrategy.OnPush,
16 | })
17 | export class FooterComponent {
18 |   emailValue = "";
19 | }
20 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/navbar/navbar.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { NavbarComponent } from "./navbar.component";
 3 | 
 4 | describe("NavbarComponent", () => {
 5 |   let component: NavbarComponent;
 6 |   let fixture: ComponentFixture<NavbarComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [NavbarComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(NavbarComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/order-flow/components/cart/cart.component.html:
--------------------------------------------------------------------------------
1 | <p>cart works!</p>
2 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/order-flow/components/cart/cart.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/src/app/features/layouts/order-flow/components/cart/cart.component.scss


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/order-flow/components/cart/cart.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { CartComponent } from "../cart/cart.component";
 3 | 
 4 | describe("CartComponent", () => {
 5 |   let component: CartComponent;
 6 |   let fixture: ComponentFixture<CartComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [CartComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(CartComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/order-flow/components/cart/cart.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component } from "@angular/core";
 2 | import { CommonModule } from "@angular/common";
 3 | 
 4 | @Component({
 5 |   selector: "app-cart",
 6 |   imports: [CommonModule],
 7 |   templateUrl: "./cart.component.html",
 8 |   styleUrl: "./cart.component.scss",
 9 | })
10 | export class CartComponent {}
11 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/order-flow/components/user-address/components/address-item/address-item.component.html:
--------------------------------------------------------------------------------
 1 | <div class="address-card">
 2 |   <div class="address-card__header">
 3 |    
 4 |     <div class="address-card__left">
 5 |        <p class="username">{{address().username}}</p>
 6 |       <div class="address-card__icon">
 7 |         <i class="pi pi-map-marker"></i>
 8 |       </div>
 9 |       <div class="address-card__city">{{address().city}}</div>
10 |     
11 |     </div>
12 |     <div class="address-card__right">
13 |       <i class="pi pi-phone"></i>
14 |       <span class="address-card__phone px-2">{{address().phone}}</span>
15 |       <div class="address-card__to-button">
16 |         <button class="icon-button edit" (click)="openUpdateDialog()">
17 |         <i class="pi pi-pencil"></i>
18 |       </button>
19 |       <button class="icon-button delete" (click)="openDeleteDialog()">
20 |         <i class="pi pi-trash"></i>
21 |       </button>
22 | 
23 |       </div>
24 |     </div>
25 |   </div>
26 |   <div class="address-card__body">
27 |     {{address().street}}
28 |   </div>
29 | </div>
30 | 
31 | 


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


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/order-flow/components/user-address/components/address-item/address-item.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, inject, input } from "@angular/core";
 2 | import { Store } from "@ngrx/store";
 3 | import { Address } from "@rose/core_interfaces/user-address.interface";
 4 | import { setAddress, setAddressId, setAddressState } from "apps/rose/src/app/store/address/address.actions";
 5 | 
 6 | @Component({
 7 |   selector: "app-address-item",
 8 |   imports: [],
 9 |   templateUrl: "./address-item.component.html",
10 |   styleUrl: "./address-item.component.scss",
11 | })
12 | export class AddressItemComponent {
13 |   private readonly _store = inject(Store);
14 |   address = input.required<Address>();
15 | 
16 | 
17 |   openDeleteDialog() {
18 |    this._store.dispatch(setAddressId({ addressId: this.address()._id}));
19 |    this._store.dispatch(setAddressState({ addressState: 6 }));
20 |   }
21 | 
22 |   openUpdateDialog(){
23 |     this._store.dispatch(setAddress({ address: this.address() }));
24 |     this._store.dispatch(setAddressId({ addressId: this.address()._id}));
25 |     this._store.dispatch(setAddressState({ addressState: 4 }));
26 |   }
27 | 
28 | 
29 | 
30 | 
31 | }
32 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/order-flow/components/user-address/components/address-stepper/address-stepper.component.scss:
--------------------------------------------------------------------------------
1 | .min-w-8rem{
2 |     min-width: 8rem;
3 | }
4 | 
5 | .text-head{
6 |     font-size: 1.875rem;
7 |     font-weight: 700;
8 |     color: var(--dialog-p);
9 | }


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


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/order-flow/components/user-address/components/delete-dialog/delete-dialog.component.html:
--------------------------------------------------------------------------------
 1 | <app-custom-main-dialog [visable]="visible()" (closed)="close()">
 2 |   <div body>
 3 |     @if(loading){
 4 |       <app-spinner></app-spinner>
 5 |     } @else {
 6 |       <div class="flex flex-column">
 7 |         <div class="out-shadow">
 8 |           <div class="dialog-icon">
 9 |             <i class="pi pi-trash"></i>
10 |           </div>
11 |         </div>
12 |         <p class="font-semibold">{{ 'dialog.deleteAddress.confirmationMessage' | translate }}</p>
13 |       </div>
14 |     }
15 | 
16 |     <div class="container-button flex justify-content-between">
17 |       <button class="cancel" (click)="close()">
18 |         {{ 'dialog.deleteAddress.cancel' | translate }}
19 |       </button>
20 |       <button class="confirm" (click)="deleteAddress()">
21 |         {{ 'dialog.deleteAddress.confirm' | translate }}
22 |       </button>
23 |     </div>
24 |   </div>
25 | </app-custom-main-dialog>


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/order-flow/components/user-address/components/delete-dialog/delete-dialog.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
 2 | 
 3 | import { DeleteDialogComponent } from './delete-dialog.component';
 4 | 
 5 | describe('DeleteDialogComponent', () => {
 6 |   let component: DeleteDialogComponent;
 7 |   let fixture: ComponentFixture<DeleteDialogComponent>;
 8 | 
 9 |   beforeEach(async () => {
10 |     await TestBed.configureTestingModule({
11 |       imports: [DeleteDialogComponent]
12 |     })
13 |     .compileComponents();
14 | 
15 |     fixture = TestBed.createComponent(DeleteDialogComponent);
16 |     component = fixture.componentInstance;
17 |     fixture.detectChanges();
18 |   });
19 | 
20 |   it('should create', () => {
21 |     expect(component).toBeTruthy();
22 |   });
23 | });
24 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/order-flow/components/user-address/components/head-address/head-address.component.html:
--------------------------------------------------------------------------------
1 | <div class="flex gap-5 justify-content-between align-items-center">
2 |   <p class="title">{{ 'headAddress.title' | translate }}</p>
3 |   <button class="add-button" (click)="openAddDialog()" role="click">
4 |     {{ 'headAddress.addButton' | translate }}
5 |   </button>
6 | </div>
7 | <hr>


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/order-flow/components/user-address/components/head-address/head-address.component.scss:
--------------------------------------------------------------------------------
 1 | *{
 2 |   font-family: var(--font-family-4);
 3 | }
 4 | .add-button{
 5 |     border-radius: .625rem;
 6 |     padding: .875rem 1rem;
 7 |     color: var(--maroon-600);
 8 |     background-color: var(--maroon-50);
 9 |     border: 0px;
10 |     
11 | }
12 | 
13 | .title{
14 |     color: var(--address-body);
15 |     font-size: 1.875rem;
16 |     font-weight: 700;
17 | }
18 | 
19 | @media (max-width: 620px) {
20 |     .title{
21 |       font-size: 1rem;  
22 |     }
23 | 
24 |     .add-button{
25 |         padding: .432rem 0.5rem;
26 | 
27 |     }
28 | }


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


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/order-flow/components/user-address/components/head-address/head-address.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, inject } from '@angular/core';
 2 | import { Store } from '@ngrx/store';
 3 | import { TranslateModule } from '@ngx-translate/core';
 4 | import { setAddress, setAddressState } from 'apps/rose/src/app/store/address/address.actions';
 5 | 
 6 | @Component({
 7 |   selector: 'app-head-address',
 8 |   imports: [TranslateModule],
 9 |   templateUrl: './head-address.component.html',
10 |   styleUrl: './head-address.component.scss'
11 | })
12 | export class HeadAddressComponent {
13 |     private readonly _store = inject(Store);
14 | 
15 |   openAddDialog(){
16 |     this._store.dispatch(setAddressState({ addressState: 2 }));
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/order-flow/components/user-address/user-address.component.scss:
--------------------------------------------------------------------------------
 1 | @use "../../../../../shared/styles/variables" as *;
 2 | .w-62px{
 3 |     width: 9.125rem;
 4 | }
 5 | 
 6 | .notfound-p{
 7 |     color: var(--dialog-p);
 8 | }
 9 | 
10 | 
11 | @media (max-width: #{$breakpoint-small}) {
12 |     .w-62px{
13 |     width: 5.125rem;
14 | }
15 | }


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/order-flow/components/user-address/user-address.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { UserAddressComponent } from "./user-address.component";
 3 | 
 4 | describe("UserAddressComponent", () => {
 5 |   let component: UserAddressComponent;
 6 |   let fixture: ComponentFixture<UserAddressComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [UserAddressComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(UserAddressComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/layouts/order-flow/order-flow.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { OrderFlowComponent } from "./order-flow.component";
 3 | 
 4 | describe("OrderFlowComponent", () => {
 5 |   let component: OrderFlowComponent;
 6 |   let fixture: ComponentFixture<OrderFlowComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [OrderFlowComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(OrderFlowComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


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


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


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


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/about/about.component.html:
--------------------------------------------------------------------------------
 1 | <app-about-us></app-about-us>
 2 | <app-testimonials></app-testimonials>
 3 | <app-expert-team></app-expert-team>
 4 | <app-our-services></app-our-services>
 5 | <app-trusted-by></app-trusted-by>
 6 | @if(visible){
 7 | <app-user-address [visible]="visible" (closed)="close()"></app-user-address>
 8 | }
 9 | 
10 | <button (click)="openAddress()">Press</button>
11 | 
12 | <!-- @if(addressState===4){
13 | <app-address-stepper [address]="myAddress"></app-address-stepper>
14 | }@else if(addressState===2){
15 | <app-address-stepper></app-address-stepper>
16 | 
17 | } -->
18 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/about/about.component.scss:
--------------------------------------------------------------------------------
1 | .container{
2 |     width:100%;
3 |     display: flex;
4 |     flex-direction: column;
5 |     flex-wrap: wrap;
6 |     gap: 10px;
7 | }
8 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/about/about.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { AboutComponent } from "./about.component";
 3 | 
 4 | describe("AboutComponent", () => {
 5 |   let component: AboutComponent;
 6 |   let fixture: ComponentFixture<AboutComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [AboutComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(AboutComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/about/components/expert-team/expert-team.component.html:
--------------------------------------------------------------------------------
 1 |   <div class="heading mt-8 text-center">
 2 |     <h5 class="title-h5 uppercase mb-2" itemprop="headline">
 3 |       Our Team
 4 |     </h5>
 5 |     <div class="p-relative d-inline-block testimonials-title-wrapper mb-3">
 6 |       <h2 id="testimonials-heading" class="testimonials-title" itemprop="name">
 7 |         Meet Our Expert Team
 8 |       </h2>
 9 |       <div class="testimonials-bg-shape" aria-hidden="true"></div>
10 |       <div class="testimonials-underline-bar" aria-hidden="true"></div>
11 |     </div>
12 |   </div>
13 |   
14 | <div class="flex flex-wrap flex-column md:flex-row gap-4">
15 |     @for (item of expertArr; track $index) {
16 |       <div class="team-card">
17 |   <div class="team-card-image">
18 |     <img [src]="item.image" alt="Ahmed Mohamed">
19 |   </div>
20 |     <div class="team-card-info">
21 |     <h3>{{item.name}}</h3>
22 |     <p class="role">{{item.role}}</p>
23 |     <div class="social-icons">
24 |       <a><i class="pi pi-facebook"></i></a>
25 |       <a><i class="pi pi-instagram"></i></a>
26 |       <a><i class="pi pi-twitter"></i></a>
27 |       <a><i class="pi pi-youtube"></i></a>
28 |     </div>
29 |   </div>
30 |   
31 | </div>
32 | }
33 | </div>
34 | 


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


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/about/components/expert-team/expert-team.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component } from '@angular/core';
 2 | 
 3 | @Component({
 4 |   selector: 'app-expert-team',
 5 |   imports: [],
 6 |   templateUrl: './expert-team.component.html',
 7 |   styleUrl: './expert-team.component.scss'
 8 | })
 9 | export class ExpertTeamComponent {
10 |  expertArr=[
11 |   {
12 |     name:"Ahmed Mohamed",
13 |     role:"Senior Manager",
14 |     image:"images/abouts/expertTeam.jpg",
15 | 
16 |   },
17 |   {
18 |     name:"Ahmed Mohamed",
19 |     role:"Senior Manager",
20 |     image:"images/abouts/expertTeam2.jpg",
21 | 
22 |   },
23 |   {
24 |     name:"Ahmed Mohamed",
25 |     role:"Senior Manager",
26 |     image:"images/abouts/expetTeam3.jpg",
27 | 
28 |   },
29 |   {
30 |     name:"Ahmed Mohamed",
31 |     role:"Senior Manager",
32 |     image:"images/abouts/expertTeam4.jpg",
33 | 
34 |   },
35 |  ];
36 | }
37 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/address/address.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/src/app/features/pages/address/address.component.scss


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/address/address.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } 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(async () => {
10 |     await TestBed.configureTestingModule({
11 |       imports: [AddressComponent]
12 |     })
13 |     .compileComponents();
14 | 
15 |     fixture = TestBed.createComponent(AddressComponent);
16 |     component = fixture.componentInstance;
17 |     fixture.detectChanges();
18 |   });
19 | 
20 |   it('should create', () => {
21 |     expect(component).toBeTruthy();
22 |   });
23 | });
24 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/all-categories.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { AllCategoriesComponent } from "./all-categories.component";
 3 | 
 4 | describe("AllCategoriesComponent", () => {
 5 |   let component: AllCategoriesComponent;
 6 |   let fixture: ComponentFixture<AllCategoriesComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [AllCategoriesComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(AllCategoriesComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/filter-category/filter-category.component.html:
--------------------------------------------------------------------------------
 1 | <app-filter-card [title]="'Category Filter'">
 2 |   <span>{{ "all-categories.filterCategories.categories" | translate }}</span>
 3 |   <section aria-labelledby="category-heading" class="checkbox-container">
 4 |     <h3 id="category-heading" class="sr-only">Filter by Category</h3>
 5 |     <app-checked-card
 6 |       (change)="changeValue()"
 7 |       [filterItems]="categories"
 8 |       [selectedItems]="selectedItems"
 9 |       (selectedItemsChange)="selectedItems = $event"
10 |       [itemType]="'category'"
11 |     >
12 |     </app-checked-card>
13 |   </section>
14 | </app-filter-card>
15 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/filter-category/filter-category.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/filter-category/filter-category.component.scss


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/filter-category/filter-category.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | 
 3 | import { FilterCategoryComponent } from "./filter-category.component";
 4 | 
 5 | describe("FilterCategoryComponent", () => {
 6 |   let component: FilterCategoryComponent;
 7 |   let fixture: ComponentFixture<FilterCategoryComponent>;
 8 | 
 9 |   beforeEach(async () => {
10 |     await TestBed.configureTestingModule({
11 |       imports: [FilterCategoryComponent],
12 |     }).compileComponents();
13 | 
14 |     fixture = TestBed.createComponent(FilterCategoryComponent);
15 |     component = fixture.componentInstance;
16 |     fixture.detectChanges();
17 |   });
18 | 
19 |   it("should create", () => {
20 |     expect(component).toBeTruthy();
21 |   });
22 | });
23 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/filter-occasions/filter-occasions.component.html:
--------------------------------------------------------------------------------
 1 | <app-filter-card [title]="'Occasions Filter'">
 2 |   <span>{{ "all-categories.filterOccasions.occasions" | translate }}</span>
 3 |   <section aria-labelledby="occasions-heading" class="checkbox-container">
 4 |     <h3 id="occasions-heading" class="sr-only">Filter by Occasions</h3>
 5 |     <app-checked-card
 6 |       [filterItems]="occasions"
 7 |       [selectedItems]="selectedItems"
 8 |       [itemType]="'occasion'"
 9 |       (selectedItemsChange)="selectedItems = $event"
10 |       (change)="changeValue()"
11 |     >
12 |       >
13 |     </app-checked-card>
14 |   </section>
15 | </app-filter-card>
16 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/filter-occasions/filter-occasions.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/filter-occasions/filter-occasions.component.scss


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/filter-occasions/filter-occasions.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | 
 3 | import { FilterOccasionsComponent } from "./filter-occasions.component";
 4 | 
 5 | describe("FilterBrandsComponent", () => {
 6 |   let component: FilterOccasionsComponent;
 7 |   let fixture: ComponentFixture<FilterOccasionsComponent>;
 8 | 
 9 |   beforeEach(async () => {
10 |     await TestBed.configureTestingModule({
11 |       imports: [FilterOccasionsComponent],
12 |     }).compileComponents();
13 | 
14 |     fixture = TestBed.createComponent(FilterOccasionsComponent);
15 |     component = fixture.componentInstance;
16 |     fixture.detectChanges();
17 |   });
18 | 
19 |   it("should create", () => {
20 |     expect(component).toBeTruthy();
21 |   });
22 | });
23 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/filter-price/filter-price.component.scss:
--------------------------------------------------------------------------------
 1 | .values {
 2 |   color: var(--text-price-rating);
 3 | 
 4 |   input {
 5 |     color: var(--text-price-rating);
 6 |     background: none;
 7 |   }
 8 | }
 9 | 
10 | :host ::ng-deep .p-slider {
11 |   background-color: var(--p-slider-background);
12 | }
13 | 
14 | :host ::ng-deep .p-slider-range {
15 |   background-color: var(--p-slider-range-color);
16 | }
17 | 
18 | :host ::ng-deep .p-slider-handle,
19 | :host ::ng-deep .p-slider-handle::before {
20 |   width: 1.125rem;
21 |   height: 1.125rem;
22 |   background-color: var(--point-slider-color);
23 |   outline: none;
24 | }
25 | 
26 | :host ::ng-deep .custom-slider.p-slider .p-slider-handle:hover,
27 | :host ::ng-deep .custom-slider.p-slider .p-slider-handle:hover::before {
28 |   background-color: var(--point-slider-hover);
29 | }
30 | 
31 | :focus {
32 |   outline: none;
33 | }
34 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/filter-price/filter-price.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | 
 3 | import { FilterPriceComponent } from "./filter-price.component";
 4 | 
 5 | describe("FilterPriceComponent", () => {
 6 |   let component: FilterPriceComponent;
 7 |   let fixture: ComponentFixture<FilterPriceComponent>;
 8 | 
 9 |   beforeEach(async () => {
10 |     await TestBed.configureTestingModule({
11 |       imports: [FilterPriceComponent],
12 |     }).compileComponents();
13 | 
14 |     fixture = TestBed.createComponent(FilterPriceComponent);
15 |     component = fixture.componentInstance;
16 |     fixture.detectChanges();
17 |   });
18 | 
19 |   it("should create", () => {
20 |     expect(component).toBeTruthy();
21 |   });
22 | });
23 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/filter-rating/filter-rating.component.html:
--------------------------------------------------------------------------------
 1 | <app-filter-card [title]="'Rating Filter'">
 2 |   <span>{{ "all-categories.filterRatings.Ratings" | translate }}</span>
 3 |   <section aria-labelledby="Rating-heading" class="checkbox-container">
 4 |     <h3 id="Rating-heading" class="sr-only">Filter by Ratings</h3>
 5 |     <app-checked-card
 6 |       [filterItems]="ratings"
 7 |       [selectedItems]="selectedItems"
 8 |       [itemType]="'ratings'"
 9 |       (selectedItemsChange)="selectedItems = $event"
10 |       (change)="changeValue()"
11 |     >
12 |     </app-checked-card>
13 |   </section>
14 | </app-filter-card>
15 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/filter-rating/filter-rating.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/filter-rating/filter-rating.component.scss


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/filter-rating/filter-rating.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | 
 3 | import { FilterRatingComponent } from "./filter-rating.component";
 4 | 
 5 | describe("FilterRatingComponent", () => {
 6 |   let component: FilterRatingComponent;
 7 |   let fixture: ComponentFixture<FilterRatingComponent>;
 8 | 
 9 |   beforeEach(async () => {
10 |     await TestBed.configureTestingModule({
11 |       imports: [FilterRatingComponent],
12 |     }).compileComponents();
13 | 
14 |     fixture = TestBed.createComponent(FilterRatingComponent);
15 |     component = fixture.componentInstance;
16 |     fixture.detectChanges();
17 |   });
18 | 
19 |   it("should create", () => {
20 |     expect(component).toBeTruthy();
21 |   });
22 | });
23 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/filter-sales/filter-sales.component.html:
--------------------------------------------------------------------------------
1 | <app-filter-card [title]="'Sales Filter'">
2 |   <span>{{ "all-categories.filterSales.sales" | translate }}</span>
3 |   <section aria-labelledby="sales-heading" class="checkbox-container">
4 |     <h3 id="sales-heading" class="sr-only">Filter by Sales</h3>
5 |     <app-checked-card [filterItems]="sales" [selectedItems]="selectedItems" [itemType]="'sales'">
6 |     </app-checked-card>
7 |   </section>
8 | </app-filter-card>
9 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/filter-sales/filter-sales.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/filter-sales/filter-sales.component.scss


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/filter-sales/filter-sales.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | 
 3 | import { FilterSalesComponent } from "./filter-sales.component";
 4 | 
 5 | describe("FilterSalesComponent", () => {
 6 |   let component: FilterSalesComponent;
 7 |   let fixture: ComponentFixture<FilterSalesComponent>;
 8 | 
 9 |   beforeEach(async () => {
10 |     await TestBed.configureTestingModule({
11 |       imports: [FilterSalesComponent],
12 |     }).compileComponents();
13 | 
14 |     fixture = TestBed.createComponent(FilterSalesComponent);
15 |     component = fixture.componentInstance;
16 |     fixture.detectChanges();
17 |   });
18 | 
19 |   it("should create", () => {
20 |     expect(component).toBeTruthy();
21 |   });
22 | });
23 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/filter-sales/filter-sales.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component } from "@angular/core";
 2 | // Translation
 3 | import { TranslatePipe } from "@ngx-translate/core";
 4 | // Interfaces
 5 | import { FilterItem, selectedItem } from "@rose/core_interfaces/filter-item.interface";
 6 | // Shared_Components
 7 | import { CheckedCardComponent } from "@rose/shared_Components_business/checkbox/checked-card.component";
 8 | import { FilterCardComponent } from "@rose/shared_Components_ui/filter-card/filter-card.component";
 9 | 
10 | @Component({
11 |   selector: "app-filter-sales",
12 |   imports: [FilterCardComponent, CheckedCardComponent, TranslatePipe],
13 |   templateUrl: "./filter-sales.component.html",
14 |   styleUrl: "./filter-sales.component.scss",
15 | })
16 | export class FilterSalesComponent {
17 |   sales: FilterItem[] = [
18 |     { _id: "1-sales", category: "all-categories.filterSales.On Sale" },
19 |     { _id: "2-sales", category: "all-categories.filterSales.In Stock" },
20 |     { _id: "3-sales", category: "all-categories.filterSales.Out Of Stock" },
21 |     { _id: "4-sales", category: "all-categories.filterSales.Discount" },
22 |   ];
23 | 
24 |   selectedItems: selectedItem[] = [] as selectedItem[];
25 | }
26 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/sorting/sorting.component.html:
--------------------------------------------------------------------------------
 1 | <app-filter-card>
 2 |   <span>{{ "all-categories.cardSort.Sort By" | translate }}</span>
 3 |   <section aria-labelledby="filter-heading" class="radio-container">
 4 |     @for(option of sortOptions; track option.id) {
 5 |     <div class="field-radio">
 6 |       <input
 7 |         type="radio"
 8 |         [id]="option.id"
 9 |         name="sort-option"
10 |         [value]="option.value"
11 |         [checked]="option.checked"
12 |         [attr.aria-labelledby]="option.id + '-label'"
13 |         (change)="onSortChange(option.value)"
14 |       />
15 |       <label [attr.id]="option.id + '-label'" [for]="option.id">
16 |         <span class="radio-custom" aria-hidden="true"></span>
17 |         <span class="radio-label">{{ option.label | translate }}</span>
18 |       </label>
19 |     </div>
20 |     }
21 |   </section>
22 | </app-filter-card>
23 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/components/filter-categories/components/sorting/sorting.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | 
 3 | import { SortingComponent } from "./sorting.component";
 4 | 
 5 | describe("SortingComponent", () => {
 6 |   let component: SortingComponent;
 7 |   let fixture: ComponentFixture<SortingComponent>;
 8 | 
 9 |   beforeEach(async () => {
10 |     await TestBed.configureTestingModule({
11 |       imports: [SortingComponent],
12 |     }).compileComponents();
13 | 
14 |     fixture = TestBed.createComponent(SortingComponent);
15 |     component = fixture.componentInstance;
16 |     fixture.detectChanges();
17 |   });
18 | 
19 |   it("should create", () => {
20 |     expect(component).toBeTruthy();
21 |   });
22 | });
23 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/components/filter-categories/filter-categories.component.html:
--------------------------------------------------------------------------------
 1 | <app-filter-card [underlineTitle]="false">
 2 |   <span>{{ "all-categories.cardSearch.Search" | translate }}</span>
 3 |   <section class="search-input">
 4 |     <app-input-btn
 5 |       [type]="'text'"
 6 |       [name]="'search'"
 7 |       [placeholder]="'all-categories.cardSearch.Search By The Name' | translate"
 8 |       [showBtn]="false"
 9 |       [disableMobileStyles]="true"
10 |       (inputValueChange)="filterByName($event)"
11 |       appEnglishOnly
12 |     />
13 |   </section>
14 | </app-filter-card>
15 | 
16 | <div class="justify-content-end hidden lg:flex">
17 |   <button (click)="clearFilterBtn()" class="btn-clear-filters">
18 |     <i class="pi pi-filter-slash"></i> Clear Filters
19 |   </button>
20 | </div>
21 | 
22 | <app-sorting />
23 | <app-filter-category />
24 | <app-filter-occasions />
25 | <app-filter-price />
26 | <app-filter-sales />
27 | <app-filter-rating />
28 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/components/filter-categories/filter-categories.component.scss:
--------------------------------------------------------------------------------
 1 | .search-input {
 2 |   box-shadow: 0 0 4px var(--shadow-black);
 3 |   border-radius: 1.875rem;
 4 |   margin-bottom: 0.5rem;
 5 | }
 6 | 
 7 | .underline-title {
 8 |   display: block;
 9 |   width: 90%;
10 |   max-width: 14.25rem;
11 |   border-bottom: 1px solid var(--color-card-filter);
12 |   margin: 0 auto;
13 |   margin-bottom: 1.5rem;
14 | }
15 | 
16 | .btn-clear-filters {
17 |   background: none;
18 |   color: var(--btn-clear-filters-color);
19 |   border: none;
20 |   font-family: var(--font-family-1);
21 |   font-weight: 700;
22 |   font-size: 0.875rem;
23 |   line-height: 100%;
24 |   margin-bottom: 1rem;
25 |   cursor: pointer;
26 |   transition: all 0.3s ease-in-out;
27 |   &:hover {
28 |     color: var(--btn-clear-filters-hover);
29 |   }
30 | }
31 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/all-categories/components/filter-categories/filter-categories.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | 
 3 | import { FilterCategoriesComponent } from "./filter-categories.component";
 4 | 
 5 | describe("FilterCategoriesComponent", () => {
 6 |   let component: FilterCategoriesComponent;
 7 |   let fixture: ComponentFixture<FilterCategoriesComponent>;
 8 | 
 9 |   beforeEach(async () => {
10 |     await TestBed.configureTestingModule({
11 |       imports: [FilterCategoriesComponent],
12 |     }).compileComponents();
13 | 
14 |     fixture = TestBed.createComponent(FilterCategoriesComponent);
15 |     component = fixture.componentInstance;
16 |     fixture.detectChanges();
17 |   });
18 | 
19 |   it("should create", () => {
20 |     expect(component).toBeTruthy();
21 |   });
22 | });
23 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/contact/contact.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { ContactComponent } from "./contact.component";
 3 | 
 4 | describe("ContactComponent", () => {
 5 |   let component: ContactComponent;
 6 |   let fixture: ComponentFixture<ContactComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [ContactComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(ContactComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/contact/contact.component.ts:
--------------------------------------------------------------------------------
 1 | 
 2 | import { Component } from "@angular/core";
 3 | import { CommonModule } from '@angular/common';
 4 | import { ReactiveFormsModule } from '@angular/forms';
 5 | import { CustomInputComponent } from "@rose/shared_Components_ui/custom-input/custom-input.component";
 6 | import { ButtonComponent } from "@rose/shared_Components_ui/button/button.component";
 7 | import { TranslatePipe } from "@ngx-translate/core";
 8 | 
 9 | @Component({
10 |   selector: "app-contact",
11 |   standalone: true,
12 |   imports: [
13 |     CommonModule,
14 |     ReactiveFormsModule,   
15 |     CustomInputComponent,
16 |     ButtonComponent,
17 |     TranslatePipe
18 |   ],
19 |   templateUrl: "./contact.component.html",
20 |   styleUrl: "./contact.component.scss",
21 | })
22 | export class ContactComponent {
23 |   constructor() {
24 |     
25 |   }
26 | }
27 | 


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


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/details/components/product-details/product-details.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component,input, signal, effect } from '@angular/core';
 2 | import { NgOptimizedImage } from '@angular/common';
 3 | import { NgClass } from '@angular/common';
 4 | 
 5 | //interfaces
 6 | import { Product } from '@rose/core_interfaces/carditem.interface';
 7 | // PrimeNG
 8 | import { DialogModule } from 'primeng/dialog';
 9 | 
10 | @Component({
11 |   selector: 'app-product-details',
12 |   standalone: true,
13 |   imports: [ NgOptimizedImage, DialogModule, NgClass ],
14 |   templateUrl: './product-details.component.html',
15 |   styleUrl: './product-details.component.scss'
16 | })
17 | export class ProductDetailsComponent {
18 |   productDetails = input.required<Product>();
19 |   currentImage = signal<string>('');
20 |   showModal = signal<boolean>(false);
21 | 
22 |   constructor() {
23 |     // Watch for input changes
24 |     effect(() => {
25 |       if (this.productDetails()) {
26 |         this.currentImage.set(this.productDetails().imgCover);
27 |       }
28 |     });
29 |   }
30 | 
31 |   onThumbnailClick(image: string): void {
32 |     this.currentImage.set(image);
33 |   }
34 | 
35 |   openImageModal(): void {
36 | 
37 |     this.showModal.set(true);
38 |   }
39 | }
40 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/details/components/product-review/product-review.component.scss:
--------------------------------------------------------------------------------
 1 | // @use "/apps/rose/src/app/shared/styles/variables" as *;
 2 | .product-review {
 3 |   font-family: var(--font-family-1);
 4 |   .product-review-header {
 5 |     border-bottom: 1px solid #E4E4E7;
 6 |     .general-rating {
 7 |       h3 {
 8 |         font-size: 20px;
 9 |         color: var(--details-header-color);
10 |       }
11 |       .rating-average {
12 |         span.rateVal {
13 |           font-size: 24px;
14 |           color: var(--details-header-color);
15 |         }
16 |         .numOfRating {
17 |           color: #71717A;
18 |         }
19 | 
20 |       }
21 |     }
22 |   }
23 | 
24 | 
25 | 
26 | 
27 | }
28 | :host ::ng-deep
29 | {
30 | .p-rating-option-active .p-rating-icon {
31 |   color: #FFC107;
32 | }
33 | .p-rating-icon{
34 |   color: transparent;
35 |   stroke: #FFC107;
36 | }
37 | }
38 | 
39 | 
40 | 
41 | 
42 | 


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


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/details/components/product-review/product-review.component.ts:
--------------------------------------------------------------------------------
 1 | import { CommonModule } from "@angular/common";
 2 | import { Component } from "@angular/core";
 3 | import { FormsModule } from "@angular/forms";
 4 | import { RatingModule } from "primeng/rating";
 5 | import { ReviewFormComponent } from "./review-form/review-form.component";
 6 | import { ReviewListComponent } from "./review-list/review-list.component";
 7 | import { TranslatePipe } from "@ngx-translate/core";
 8 | 
 9 | @Component({
10 |   selector: "app-product-review",
11 |   imports: [CommonModule, RatingModule, FormsModule, TranslatePipe ,ReviewFormComponent, ReviewListComponent],
12 |   templateUrl: "./product-review.component.html",
13 |   styleUrl: "./product-review.component.scss",
14 | })
15 | export class ProductReviewComponent {
16 | 
17 |   value = 4.5
18 | 
19 | 
20 | 
21 | 
22 | 
23 | 
24 | 
25 | 
26 | 
27 |   //hooks
28 | 
29 | 
30 | 
31 | 
32 | 
33 | }
34 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/details/components/product-review/review-form/review-form.component.scss:
--------------------------------------------------------------------------------
 1 | // @use "/apps/rose/src/app/shared/styles/variables";
 2 | .review-form {
 3 |   &{
 4 |     border-right: 1px solid #E4E4E7;
 5 |   }
 6 |   label,
 7 |   .rateLabel {
 8 |     font-size: 14px;
 9 |     color: var(--label-color);
10 |   }
11 | 
12 |   .field :last-child {
13 |     padding: 16px !important;
14 |     border-radius: 10px;
15 |     background-color: var(--input-bg) !important;
16 |     color: var(--input-text-color);
17 |     border: var(--input-border-color);
18 | 
19 | 
20 |     &::placeholder {
21 |       text-transform: capitalize;
22 |     }
23 |   }
24 | 
25 |   .review{
26 |         background-color: var(--btn-shared-background);
27 |         color: var(--btn-shared-color);
28 |         transition: all 0.3s;
29 |       }
30 |       .review:hover{
31 |         background-color: var( --btn-shared-background-hover);
32 |       }
33 | }
34 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/details/components/product-review/review-form/review-form.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { ReviewFormComponent } from "./review-form.component";
 3 | 
 4 | describe("ReviewFormComponent", () => {
 5 |   let component: ReviewFormComponent;
 6 |   let fixture: ComponentFixture<ReviewFormComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [ReviewFormComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(ReviewFormComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/details/components/product-review/review-form/review-form.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, inject, OnInit } from "@angular/core";
 2 | import { CommonModule } from "@angular/common";
 3 | import { FormBuilder, FormGroup, ReactiveFormsModule, Validators } from "@angular/forms";
 4 | import { RatingModule } from "primeng/rating";
 5 | import { TranslatePipe } from "@ngx-translate/core";
 6 | 
 7 | @Component({
 8 |   selector: "app-review-form",
 9 |   imports: [CommonModule, ReactiveFormsModule, RatingModule, TranslatePipe],
10 |   templateUrl: "./review-form.component.html",
11 |   styleUrl: "./review-form.component.scss",
12 | })
13 | export class ReviewFormComponent implements OnInit {
14 |   private readonly _fb = inject(FormBuilder);
15 |   reviewForm!: FormGroup;
16 |   isReviewAdded = false;
17 | 
18 |   initReviewForm() {
19 |     this.reviewForm = this._fb.group({
20 |       ratingValue: [null, Validators.required],
21 |       reviewTitle: [null, Validators.required],
22 |       reviewDescription: [null, Validators.required],
23 |     });
24 |   }
25 | 
26 |   addReview() {
27 |     console.log(this.reviewForm.value);
28 |   }
29 | 
30 |   //hooks
31 |   ngOnInit(): void {
32 |     this.initReviewForm();
33 |   }
34 | }
35 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/details/components/product-review/review-list/review-list.component.html:
--------------------------------------------------------------------------------
 1 | <div class="review-list">
 2 |   <div class="review-item">
 3 |     <div class="review-header">
 4 |       <div class="review-owner flex mb-4 gap-3 align-items-center">
 5 |         <div class="owner-photo">
 6 |           <span class="flex justify-content-center align-items-center">
 7 |             A
 8 |           </span>
 9 |         </div>
10 |         <div>
11 |           <div class="owner-name">
12 |             <span class="font-semibold">Adrian</span>
13 |           </div>
14 |           <div class="date">
15 |             Apr 7, 2025
16 |           </div>
17 |         </div>
18 |       </div>
19 |       <div class="review-rate flex">
20 |         <p-rating [(ngModel)]="value" [stars]="5" [readonly]="true"></p-rating>
21 |         <span class="font-semibold ml-2">(4.5)</span>
22 |       </div>
23 |     </div>
24 |     <div class="review-content">
25 |       <h3 class="font-bold">{{"Details.reviewTitleExample" | translate }}</h3>
26 |       <p class="text-muted">
27 |       {{"Details.reviewBodyExample" | translate }}
28 | 
29 |       </p>
30 | 
31 |     </div>
32 |   </div>
33 | 
34 | 
35 | </div>
36 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/details/components/product-review/review-list/review-list.component.scss:
--------------------------------------------------------------------------------
 1 | // @use "/apps/rose/src/app/shared/styles/variables";
 2 | .review-item {
 3 |   .review-owner {
 4 |     .owner-photo {
 5 |       span {
 6 |         display: inline-block;
 7 |         width: 45px;
 8 |         height: 45px;
 9 |         background-color: #A6252A;
10 |         color: white;
11 |         font-size: 20px;
12 |         border-radius: 50%;
13 |       }
14 | 
15 |     }
16 | 
17 |     .date {
18 |       color: #A1A1AA;
19 |       font-size: 14px;
20 |     }
21 | 
22 | 
23 | 
24 |   }
25 |     .owner-name span,
26 |     .review-rate span ,
27 |     .review-content h3 {
28 |       color: var(--details-header-color);
29 |     }
30 | 
31 |   .review-content
32 |   {
33 |     p{
34 |       color: var(--review-desc)
35 |     }
36 |   }
37 | }
38 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/details/components/product-review/review-list/review-list.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { ReviewListComponent } from "./review-list.component";
 3 | 
 4 | describe("ReviewListComponent", () => {
 5 |   let component: ReviewListComponent;
 6 |   let fixture: ComponentFixture<ReviewListComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [ReviewListComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(ReviewListComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/details/components/product-review/review-list/review-list.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component } from "@angular/core";
 2 | import { CommonModule } from "@angular/common";
 3 | import { RatingModule } from "primeng/rating";
 4 | import { FormsModule } from "@angular/forms";
 5 | import { TranslatePipe } from "@ngx-translate/core";
 6 | 
 7 | @Component({
 8 |   selector: "app-review-list",
 9 |   imports: [CommonModule,RatingModule,FormsModule,TranslatePipe],
10 |   templateUrl: "./review-list.component.html",
11 |   styleUrl: "./review-list.component.scss",
12 | })
13 | export class ReviewListComponent {
14 |   value=4
15 | }
16 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/details/components/related-products/related-products.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { RelatedProductsComponent } from "./related-products.component";
 3 | 
 4 | describe("RelatedProductsComponent", () => {
 5 |   let component: RelatedProductsComponent;
 6 |   let fixture: ComponentFixture<RelatedProductsComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [RelatedProductsComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(RelatedProductsComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/details/details.component.html:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | 
 4 | <app-product-details [productDetails]="productDetails"  ></app-product-details>
 5 | 
 6 | <app-product-review></app-product-review>
 7 | 
 8 | <app-related-products [currentProductId]="productId"/>
 9 | 
10 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/details/details.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/src/app/features/pages/details/details.component.scss


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/details/details.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { DetailsComponent } from "./details.component";
 3 | 
 4 | describe("DetailsComponent", () => {
 5 |   let component: DetailsComponent;
 6 |   let fixture: ComponentFixture<DetailsComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [DetailsComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(DetailsComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/details/interfaces/productDetails.interface.ts:
--------------------------------------------------------------------------------
1 | import { Product } from "../../../../core/interfaces/carditem.interface"
2 | 
3 | export interface ProductDetails {
4 |   message: string
5 |   product: Product
6 | }
7 | 
8 | 
9 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/details/interfaces/review.interface.ts:
--------------------------------------------------------------------------------
 1 | export interface reviewData {
 2 |   product: string
 3 |   rating: number
 4 |   title: string
 5 |   comment: string
 6 | }
 7 | 
 8 | export interface reviewsResponse {
 9 |   message: string
10 |   metadata: Metadata
11 |   reviews: reviewData[]
12 | }
13 | 
14 | export interface Metadata {
15 |   currentPage: number
16 |   totalPages: number
17 |   limit: number
18 |   totalItems: number
19 | }
20 | 


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


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/home/components/best-seller/bestSeller.component.scss:
--------------------------------------------------------------------------------
 1 | .premium {
 2 |   font-family: var(--font-family-2);
 3 | }
 4 | 
 5 | .gifts {
 6 |   font-family: var(--font-family-1);
 7 | }
 8 | 
 9 | .dark {
10 |   color: var(--highlight-best-sellers-color);
11 | }
12 | 
13 | .gray {
14 |   color: var(--p-best-sellers-color);
15 | }
16 | 
17 | .header {
18 |   color: var(--title-best-sellers-color) !important;
19 | }
20 | 
21 | .product-carousel {
22 |   position: relative;
23 | }


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/home/components/best-seller/bestSeller.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { BestSellerComponent } from "./bestSeller.component";
 3 | 
 4 | describe("BestSellerComponent", () => {
 5 |   let component: BestSellerComponent;
 6 |   let fixture: ComponentFixture<BestSellerComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [BestSellerComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(BestSellerComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/home/components/best-seller/bestSeller.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, inject } from "@angular/core";
 2 | import { TranslatePipe } from "@ngx-translate/core";
 3 | import { TranslationService } from "@rose/core_services/translation/translation.service";
 4 | import { fadeTransition } from "@rose/core_services/translation/fade.animation";
 5 | import { ButtonComponent } from "@rose/shared_Components_ui/button/button.component";
 6 | import { BestsellerSliderComponent } from "@rose/shared_Components_ui/bestseller-slider/bestseller-slider.component";
 7 | 
 8 | @Component({
 9 |   selector: "app-best-seller",
10 |   imports: [
11 |     ButtonComponent,
12 |     TranslatePipe,
13 |     BestsellerSliderComponent
14 |   ],
15 |   templateUrl: "./bestSeller.component.html",
16 |   styleUrls: ["./bestSeller.component.scss"],
17 |   animations: [fadeTransition],
18 | })
19 | export class BestSellerComponent {
20 |   translationService = inject(TranslationService);
21 | 
22 |   responsiveOptions = [
23 |     { breakpoint: "1199px", numVisible: 2, numScroll: 1 },
24 |     { breakpoint: "768px", numVisible: 1, numScroll: 1 },
25 |   ];
26 | }
27 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/home/components/categories/categories.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { CategoriesComponent } from "./categories.component";
 3 | 
 4 | describe("CategoriesComponent", () => {
 5 |   let component: CategoriesComponent;
 6 |   let fixture: ComponentFixture<CategoriesComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [CategoriesComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(CategoriesComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/home/components/gallery/gallery.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { GalleryComponent } from "./gallery.component";
 3 | 
 4 | describe("GalleryComponent", () => {
 5 |   let component: GalleryComponent;
 6 |   let fixture: ComponentFixture<GalleryComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [GalleryComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(GalleryComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/home/components/gallery/gallery.component.ts:
--------------------------------------------------------------------------------
 1 | import { ChangeDetectionStrategy, Component, inject } from "@angular/core";
 2 | // Translation
 3 | import { TranslatePipe } from "@ngx-translate/core";
 4 | import { TranslationService } from "@rose/core_services/translation/translation.service";
 5 | // Animations
 6 | import { fadeTransition } from "@rose/core_services/translation/fade.animation";
 7 | 
 8 | @Component({
 9 |   selector: "app-gallery",
10 |   imports: [TranslatePipe],
11 |   templateUrl: "./gallery.component.html",
12 |   styleUrl: "./gallery.component.scss",
13 |   animations: [fadeTransition],
14 |   changeDetection: ChangeDetectionStrategy.OnPush,
15 |   host: {
16 |     "[@fadeTransition]": "translationService.fadeState()",
17 |   },
18 | })
19 | export class GalleryComponent {
20 |   translationService = inject(TranslationService);
21 | 
22 |   images = {
23 |     url: [
24 |       "images/gallery/Frame 74.WebP",
25 |       "images/gallery/Frame 75.WebP",
26 |       "images/gallery/Frame 76.WebP",
27 |       "images/gallery/Frame 77.WebP",
28 |       "images/gallery/Frame 78.WebP",
29 |     ],
30 |   };
31 | }
32 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/home/components/gifts/gifts.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { GiftsComponent } from "./gifts.component";
 3 | 
 4 | describe("GiftsComponent", () => {
 5 |   let component: GiftsComponent;
 6 |   let fixture: ComponentFixture<GiftsComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [GiftsComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(GiftsComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/home/components/our-services/ourServices.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { OurServicesComponent } from "./ourServices.component";
 3 | 
 4 | describe("OurServicesComponent", () => {
 5 |   let component: OurServicesComponent;
 6 |   let fixture: ComponentFixture<OurServicesComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [OurServicesComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(OurServicesComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/home/components/popular-items/popularItems.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { PopularItemsComponent } from "./popularItems.component";
 3 | 
 4 | describe("PopularItemsComponent", () => {
 5 |   let component: PopularItemsComponent;
 6 |   let fixture: ComponentFixture<PopularItemsComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [PopularItemsComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(PopularItemsComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/home/components/testimonials/testimonials.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { TestimonialsComponent } from "./testimonials.component";
 3 | 
 4 | describe("TestimonialsComponent", () => {
 5 |   let component: TestimonialsComponent;
 6 |   let fixture: ComponentFixture<TestimonialsComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [TestimonialsComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(TestimonialsComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/home/components/trusted-by/trustedBy.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { TrustedByComponent } from "./trustedBy.component";
 3 | 
 4 | describe("TrustedByComponent", () => {
 5 |   let component: TrustedByComponent;
 6 |   let fixture: ComponentFixture<TrustedByComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [TrustedByComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(TrustedByComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/home/home.component.html:
--------------------------------------------------------------------------------
1 | <app-gifts />
2 | <app-our-services />
3 | <app-best-seller />
4 | <app-popular-items />
5 | <app-about-us />
6 | <app-gallery />
7 | <app-testimonials />
8 | <app-trusted-by />
9 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/home/home.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/src/app/features/pages/home/home.component.scss


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/home/home.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { HomeComponent } from "./home.component";
 3 | 
 4 | describe("HomeComponent", () => {
 5 |   let component: HomeComponent;
 6 |   let fixture: ComponentFixture<HomeComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [HomeComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(HomeComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/not-found/not-found.component.html:
--------------------------------------------------------------------------------
 1 | <section class="not-found-section" role="main" aria-labelledby="not-found-title" @fadeInStagger>
 2 |   <!-- Descriptive Error Image with Alt Text -->
 3 |   <img
 4 |     ngSrc="/images/404-page-not-found.svg"
 5 |     alt="Illustration of a page not found error"
 6 |     width="480"
 7 |     height="360"
 8 |     class="not-found-image"
 9 |     loading="lazy"
10 |     decoding="async"
11 |   />
12 | 
13 |   <!-- Accessible and Semantic Heading -->
14 |   <h1 id="not-found-title" class="not-found-heading">
15 |     {{ "not-found.notFoundContent.title" | translate }}
16 |   </h1>
17 | 
18 |   <!-- Descriptive Paragraph -->
19 |   <p class="not-found-message">
20 |     {{ "not-found.notFoundContent.message" | translate }}
21 |   </p>
22 | 
23 |   <!-- Accessible Button (with role for clarity) -->
24 |   <app-button
25 |     routerLink="/dashboard/home"
26 |     [text]="'not-found.not-found-home.backToHome' | translate"
27 |     [isIcon]="true"
28 |     [borderRadius]="'btn-about-radius'"
29 |     [padding]="'btn-about-padding'"
30 |     [transition]="'btn-about-transition'"
31 |     aria-label="Back to homepage"
32 |     role="link"
33 |   >
34 |   </app-button>
35 | </section>
36 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/not-found/not-found.component.scss:
--------------------------------------------------------------------------------
 1 | .not-found-section {
 2 |   display: flex;
 3 |   flex-direction: column;
 4 |   align-items: center;
 5 |   justify-content: center;
 6 |   min-height: 100vh;
 7 |   text-align: center;
 8 |   padding: 1rem;
 9 | }
10 | 
11 | /* Error Image */
12 | .not-found-image {
13 |   width: 100%;
14 |   max-width: 28rem;
15 |   object-fit: contain;
16 | }
17 | 
18 | /* Error Heading */
19 | .not-found-heading {
20 |   color: var(--not-found-title-color);
21 |   font-family: var(--font-family-1);
22 |   font-size: 2.2rem;
23 |   font-weight: 700;
24 |   margin-top: 1rem;
25 | }
26 | 
27 | /* Error Message */
28 | .not-found-message {
29 |   color: var(--not-found-p-color);
30 |   font-family: var(--font-family-2);
31 |   margin-top: 0.5rem;
32 |   font-size: 1rem;
33 |   font-weight: 400;
34 |   max-width: 40rem;
35 |   padding: 0 1rem 2rem;
36 | }
37 | 
38 | /* Responsive Design */
39 | @media (min-width: 300px) and (max-width: 767px) {
40 |   .not-found-heading {
41 |     font-size: 1.1rem;
42 |   }
43 | 
44 |   .not-found-message {
45 |     font-size: 0.75rem;
46 |   }
47 | }
48 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/features/pages/not-found/not-found.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { NotFoundComponent } from "./not-found.component";
 3 | 
 4 | describe("NotFoundComponent", () => {
 5 |   let component: NotFoundComponent;
 6 |   let fixture: ComponentFixture<NotFoundComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [NotFoundComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(NotFoundComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


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


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/business/checkbox/checked-card.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { CheckedCardComponent } from "./checked-card.component";
 3 | 
 4 | describe("CheckedCardComponent", () => {
 5 |   let component: CheckedCardComponent;
 6 |   let fixture: ComponentFixture<CheckedCardComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [CheckedCardComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(CheckedCardComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/business/confirm-dialog/confirm-dialog.component.html:
--------------------------------------------------------------------------------
 1 | <p-dialog [(visible)]="visible" [modal]="true"
 2 |   [style]="{ width: '474px', borderRadius: '16px', textAlign: 'center' , border: 'none' , backgroundColor: 'var(--confirm-dialog-bg)'}"
 3 |   [breakpoints]="{ '960px': '75vw', '640px': '90vw' }" [draggable]="false" [resizable]="false">
 4 | 
 5 |   <div class="dialog-container">
 6 |     <!-- Body content -->
 7 |     <div class="dialog-body">
 8 |       <div class="icon-circle">
 9 |         <div class="outer-circle">
10 |           <div class="inner-circle">
11 |             <i class="pi pi-trash"></i>
12 |           </div>
13 |         </div>
14 |       </div>
15 |       <p class="dialog-title">{{ message }}</p>
16 |       <p class="dialog-sub">{{ subMessage }}</p>
17 |     </div>
18 |     <div class="dialog-actions">
19 |       <p-button type="button" [label]="cancelLabel" (click)="onCancel()" styleClass="cancel-btn"></p-button>
20 |       <p-button type="button" [label]="confirmLabel" (click)="onConfirm()" styleClass="confirm-btn"></p-button>
21 |     </div>
22 |   </div>
23 | 
24 | </p-dialog>


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


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/business/confirm-dialog/confirm-dialog.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, EventEmitter, Input, Output } from "@angular/core";
 2 | // PrimeNg
 3 | import { DialogModule } from "primeng/dialog";
 4 | import { ButtonModule } from "primeng/button";
 5 | 
 6 | @Component({
 7 |   selector: "app-confirm-dialog",
 8 |   imports: [DialogModule, ButtonModule],
 9 |   templateUrl: "./confirm-dialog.component.html",
10 |   styleUrls: ["./confirm-dialog.component.scss"],
11 | })
12 | export class ConfirmDialogComponent {
13 |   @Input() message: string = "Are you sure you want to proceed?";
14 |   @Input() subMessage: string = "This action cannot be undone.";
15 |   @Input() cancelLabel: string = "Cancel";
16 |   @Input() confirmLabel: string = "Confirm";
17 |   @Input() visible: boolean = false;
18 |   @Output() confirmed = new EventEmitter<boolean>();
19 | 
20 |   onConfirm() {
21 |     this.confirmed.emit(true);
22 |     this.visible = false;
23 |   }
24 | 
25 |   onCancel() {
26 |     this.confirmed.emit(false);
27 |     this.visible = false;
28 |   }
29 | 
30 |   show() {
31 |     this.visible = true;
32 |   }
33 | }
34 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/business/input-error-handling/input-error-handling.component.scss:
--------------------------------------------------------------------------------
 1 | .error-item {
 2 |   font-size: 0.8rem;
 3 |   font-weight: 500;
 4 |   color: var(--border-active-color);
 5 | }
 6 | 
 7 | @media (max-width: 700px) {
 8 |   .error-item {
 9 |     font-size: 0.85rem;
10 |   }
11 | }
12 | .error-list {
13 |   list-style: none;
14 |   padding: 0;
15 | }
16 | 


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


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/business/input-error-handling/input-error-handling.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, input, Input } from '@angular/core';
 2 | import { AbstractControl, FormGroup } from '@angular/forms';
 3 | import { TranslatePipe } from "@ngx-translate/core";
 4 | 
 5 | 
 6 | @Component({
 7 |   selector: 'app-input-error-handling',
 8 |   imports: [TranslatePipe],
 9 |   templateUrl: './input-error-handling.component.html',
10 |   styleUrl: './input-error-handling.component.scss'
11 | })
12 | export class InputErrorHandlingComponent {
13 |   @Input() control!: AbstractControl;
14 | 
15 |   readonly passwordPattern = "^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,}$";
16 |   readonly phonePattern = "/^(\\+201|01)[0125][0-9]{8}$/";
17 |   
18 | 
19 | 
20 | }
21 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/business/no-data-available/no-data-available.component.html:
--------------------------------------------------------------------------------
 1 | <section class="no-data-available-container" role="region" aria-label="No Data Available">
 2 |   <div class="no-data-available-wrapper" role="img" aria-label="No Data illustration"></div>
 3 |   <div>
 4 |     <p class="no-data-available-text">
 5 |       {{ "emptyData.message" | translate }}
 6 |     </p>
 7 |     <app-button
 8 |       (click)="retryFetch()"
 9 |       [isRefresh]="true"
10 |       [borderRadius]="'btn-roundedBorderRadius'"
11 |       [padding]="'btn-topLeft-padding'"
12 |       [margin]="'mx-auto'"
13 |       aria-label="Shop for Special Gifts Box"
14 |     ></app-button>
15 |   </div>
16 | </section>
17 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/business/no-data-available/no-data-available.component.scss:
--------------------------------------------------------------------------------
 1 | .no-data-available-container {
 2 |   width: 100%;
 3 |   height: 100%;
 4 |   min-height: 300px;
 5 |   display: flex;
 6 |   align-items: center;
 7 |   justify-content: center;
 8 |   text-align: center;
 9 | }
10 | 
11 | .no-data-available-wrapper {
12 |   width: 240px;
13 |   height: 240px;
14 |   background-image: url("/images/no-product-available.webp");
15 |   background-size: contain;
16 |   background-repeat: no-repeat;
17 |   background-position: center;
18 |   margin-bottom: 1.5rem;
19 | }
20 | 
21 | .no-data-available-text {
22 |   color: var(--not-found-Product-color);
23 |   font-family: var(--font-family-1);
24 |   font-size: 1.125rem;
25 |   font-weight: 500;
26 |   line-height: 100%;
27 |   max-width: 500px;
28 | }
29 | 
30 | @media (min-width: 300px) and (max-width: 767px) {
31 |   .no-data-available-container {
32 |     flex-direction: column;
33 |   }
34 | 
35 |   .no-data-available-text {
36 |     font-size: 0.75rem;
37 |   }
38 | }
39 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/business/no-data-available/no-data-available.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | 
 3 | import { NoDataAvailableComponent } from "./no-data-available.component";
 4 | 
 5 | describe("NoProductAvailableComponent", () => {
 6 |   let component: NoDataAvailableComponent;
 7 |   let fixture: ComponentFixture<NoDataAvailableComponent>;
 8 | 
 9 |   beforeEach(async () => {
10 |     await TestBed.configureTestingModule({
11 |       imports: [NoDataAvailableComponent],
12 |     }).compileComponents();
13 | 
14 |     fixture = TestBed.createComponent(NoDataAvailableComponent);
15 |     component = fixture.componentInstance;
16 |     fixture.detectChanges();
17 |   });
18 | 
19 |   it("should create", () => {
20 |     expect(component).toBeTruthy();
21 |   });
22 | });
23 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/business/no-data-available/no-data-available.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, inject, PLATFORM_ID } from "@angular/core";
 2 | import { isPlatformBrowser } from "@angular/common";
 3 | // Translation
 4 | import { TranslatePipe } from "@ngx-translate/core";
 5 | // Shared_Components
 6 | import { ButtonComponent } from "@rose/shared_Components_ui/button/button.component";
 7 | @Component({
 8 |   selector: "app-no-data-available",
 9 |   imports: [TranslatePipe, ButtonComponent],
10 |   templateUrl: "./no-data-available.component.html",
11 |   styleUrl: "./no-data-available.component.scss",
12 | })
13 | export class NoDataAvailableComponent {
14 |   private readonly _PLATFORM_ID = inject(PLATFORM_ID);
15 | 
16 |   retryFetch() {
17 |     if (isPlatformBrowser(this._PLATFORM_ID)) {
18 |       window.location.reload();
19 |     }
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/business/translate-toggle/translate-toggle.component.html:
--------------------------------------------------------------------------------
1 | <button class="cursor-pointer font-medium" (click)="changeLang()" type="button"
2 |   [attr.aria-label]="'Switch language to ' + (currentLang() === 'English' ? 'Arabic' : 'English')"
3 |   [attr.title]="'Change language (current: ' + currentLang() + ')'">
4 |   {{ currentLang() === 'English' ? 'English' : 'العربية' }}
5 | 
6 |   <span class="sr-only">Current language: {{ currentLang() }}</span>
7 | </button>


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/business/translate-toggle/translate-toggle.component.scss:
--------------------------------------------------------------------------------
 1 | button {
 2 |   width: 4.0625rem;
 3 |   height: 2.5rem;
 4 |   border-radius: 100%;
 5 |   text-align: center;
 6 |   color: var(--translate-toggle-color);
 7 |   font-family: var(--font-family-1);
 8 |   font-weight: 500;
 9 |   font-size: 1rem;
10 |   line-height: 1.8rem;
11 |   background: none;
12 |   border: none;
13 |   transition: all 0.3s ease;
14 | 
15 |   &:hover {
16 |     color: var(--translate-toggle-hover);
17 |   }
18 | 
19 |   &[dir="rtl"] {
20 |     font-family: var(--font-family-ar);
21 |   }
22 | 
23 |   @media all and (min-width: 48rem) {
24 |     width: 3.75rem;
25 |     height: 2.5rem;
26 |   }
27 | }
28 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/business/translate-toggle/translate-toggle.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { TranslateToggleComponent } from "./translate-toggle.component";
 3 | 
 4 | describe("TranslateToggleComponent", () => {
 5 |   let component: TranslateToggleComponent;
 6 |   let fixture: ComponentFixture<TranslateToggleComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [TranslateToggleComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(TranslateToggleComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/business/translate-toggle/translate-toggle.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, inject, OnInit, signal, WritableSignal } from "@angular/core";
 2 | // Translation
 3 | import { TranslationService } from "@rose/core_services/translation/translation.service";
 4 | @Component({
 5 |   selector: "app-translate-toggle",
 6 |   imports: [],
 7 |   templateUrl: "./translate-toggle.component.html",
 8 |   styleUrl: "./translate-toggle.component.scss",
 9 | })
10 | export class TranslateToggleComponent implements OnInit {
11 |   private readonly translationService = inject(TranslationService);
12 | 
13 |   currentLang: WritableSignal<string> = signal("");
14 | 
15 |   setLanguage() {
16 |     if (this.translationService.getCurrentLang() === "en") {
17 |       this.currentLang.set("English");
18 |     } else {
19 |       this.currentLang.set("العربيه");
20 |     }
21 |   }
22 | 
23 |   ngOnInit(): void {
24 |     this.setLanguage();
25 |   }
26 | 
27 |   changeLang() {
28 |     if (this.currentLang() === "English") {
29 |       this.translationService.changeLang("ar");
30 |       this.currentLang.set("العربيه");
31 |     } else {
32 |       this.translationService.changeLang("en");
33 |       this.currentLang.set("English");
34 |     }
35 |   }
36 | }
37 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/auth-separator/separator.component.html:
--------------------------------------------------------------------------------
1 | <div class="separator" [class]="position" role="presentation" aria-hidden="true"></div>
2 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/auth-separator/separator.component.scss:
--------------------------------------------------------------------------------
 1 | .separator {
 2 |   width: 100%;
 3 |   height: 5rem;
 4 |   background-repeat: no-repeat;
 5 |   background-position: center;
 6 |   background-size: contain;
 7 | }
 8 | 
 9 | .separator.up {
10 |   background-image: var(--auth-separator-up);
11 | }
12 | 
13 | .separator.down {
14 |   background-image: var(--auth-separator-down);
15 | }
16 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/auth-separator/separator.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { SeparatorComponent } from "./separator.component";
 3 | 
 4 | describe("SeparatorComponent", () => {
 5 |   let component: SeparatorComponent;
 6 |   let fixture: ComponentFixture<SeparatorComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [SeparatorComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(SeparatorComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/auth-separator/separator.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, Input } from "@angular/core";
 2 | 
 3 | @Component({
 4 |   selector: "app-separator",
 5 |   imports: [],
 6 |   templateUrl: "./separator.component.html",
 7 |   styleUrl: "./separator.component.scss",
 8 | })
 9 | export class SeparatorComponent {
10 |   @Input() position: "up" | "down" = "up";
11 | }
12 | 


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


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/button-theme/button-theme.component.html:
--------------------------------------------------------------------------------
 1 | <button
 2 |   type="button"
 3 |   class="btn-theme"
 4 |   (click)="toggle()"
 5 |   [attr.aria-label]="darkModeService.isDark() ? 'Switch to light mode' : 'Switch to dark mode'"
 6 | >
 7 |   @if (darkModeService.isDark()) {
 8 |   <i class="pi pi-sun"></i>
 9 |   } @else {
10 |   <i class="pi pi-moon"></i>
11 |   }
12 | </button>
13 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/button-theme/button-theme.component.scss:
--------------------------------------------------------------------------------
 1 | .btn-theme {
 2 |   background: transparent;
 3 |   border: none;
 4 |   cursor: pointer;
 5 |   margin: 0 1rem;
 6 |   border-radius: 50%;
 7 |   transition: all 0.3s ease;
 8 |   display: flex;
 9 |   align-items: center;
10 |   justify-content: center;
11 |   width: 1rem;
12 |   height: 2.5rem;
13 | }
14 | 
15 | .pi {
16 |   font-size: 1.25rem;
17 |   color: var(--toggle-color);
18 |   transition: all 0.3s ease-in-out;
19 |   &:hover {
20 |     color: var(--toggle-hover);
21 |   }
22 | }
23 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/button-theme/button-theme.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { ButtonThemeComponent } from "./button-theme.component";
 3 | 
 4 | describe("ButtonThemeComponent", () => {
 5 |   let component: ButtonThemeComponent;
 6 |   let fixture: ComponentFixture<ButtonThemeComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [ButtonThemeComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(ButtonThemeComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/button-theme/button-theme.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, inject } from "@angular/core";
 2 | // Services
 3 | import { DarkModeService } from "@rose/core_services/darkmode/darkmode.service";
 4 | //PrimeNg
 5 | import { ButtonModule } from "primeng/button";
 6 | import { TooltipModule } from "primeng/tooltip";
 7 | @Component({
 8 |   selector: "app-button-theme",
 9 |   imports: [ButtonModule, TooltipModule],
10 |   templateUrl: "./button-theme.component.html",
11 |   styleUrl: "./button-theme.component.scss",
12 | })
13 | export class ButtonThemeComponent {
14 |   darkModeService = inject(DarkModeService);
15 |   toggle() {
16 |     this.darkModeService.toggle();
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/button/button.component.html:
--------------------------------------------------------------------------------
 1 | <button [class]="margin + ' ' + padding + ' ' + borderRadius + ' ' + transition">
 2 |   {{ text }}
 3 |   @if (isIcon === true) {
 4 |   <i class="pi pi-arrow-right arrowicon"></i>
 5 |   } @if (isRefresh === true) {
 6 |   <i class="pi pi-refresh arrowicon"></i>
 7 |   } @if (backIcon === true) {
 8 |   <i class="pi pi-arrow-left arrowicon"></i>
 9 |   }
10 | </button>
11 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/button/button.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { ButtonComponent } from "./button.component";
 3 | 
 4 | describe("ButtonComponent", () => {
 5 |   let component: ButtonComponent;
 6 |   let fixture: ComponentFixture<ButtonComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [ButtonComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(ButtonComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/button/button.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, Input } from "@angular/core";
 2 | 
 3 | @Component({
 4 |   selector: "app-button",
 5 |   imports: [],
 6 |   templateUrl: "./button.component.html",
 7 |   styleUrl: "./button.component.scss",
 8 | })
 9 | export class ButtonComponent {
10 |   @Input() text!: string;
11 |   @Input() isIcon!: boolean;
12 |   @Input() backIcon!: boolean;
13 |   @Input() isRefresh!: boolean;
14 |   @Input() borderRadius!: string;
15 |   @Input() padding!: string;
16 |   @Input() margin!: string;
17 |   @Input() transition!: string;
18 | }
19 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/card-item/card-item.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { CardItemComponent } from "./card-item.component";
 3 | 
 4 | describe("CardItemComponent", () => {
 5 |   let component: CardItemComponent;
 6 |   let fixture: ComponentFixture<CardItemComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [CardItemComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(CardItemComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/card-item/card-item.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, Input } from "@angular/core";
 2 | import { Router } from "@angular/router";
 3 | // Images
 4 | import { CommonModule, NgOptimizedImage } from "@angular/common";
 5 | // Translation
 6 | import { TranslatePipe } from "@ngx-translate/core";
 7 | // Interfaces
 8 | import { Product } from "@rose/core_interfaces/carditem.interface";
 9 | //PrimeNg
10 | import { RatingModule } from "primeng/rating";
11 | import { FormsModule } from "@angular/forms";
12 | import { SkeletonModule } from "primeng/skeleton";
13 | import { RouterLink } from "@angular/router";
14 | 
15 | 
16 | @Component({
17 |   selector: "app-card-item",
18 |   imports: [CommonModule, RatingModule, FormsModule, SkeletonModule, TranslatePipe,RouterLink,NgOptimizedImage],
19 |   templateUrl: "./card-item.component.html",
20 |   styleUrl: "./card-item.component.scss",
21 | })
22 | export class CardItemComponent {
23 |   @Input() productInfo: Product | undefined;
24 |   @Input() loading = false;
25 | 
26 |    constructor() {} //constructor to inject the Router service
27 | 
28 | 
29 | }
30 | 


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


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/custom-input/custom-input.component.html:
--------------------------------------------------------------------------------
 1 | <div class="flex flex-column gap-2">
 2 |   <label [for]="id()" class="label-color mt-3">{{ labelText() }}</label>
 3 |   <div class="input-wrapper">
 4 |     <input [id]="id()" [type]="inputType" [placeholder]="placeholder()" [value]="value" (input)="handleInput($event)"
 5 |       (blur)="onTouched()" required class="input-style" />
 6 |     @if(type() === 'password'){
 7 |     <button type="button" (click)="toggleShowPassword()" class="eye-btn">
 8 |       @if(!showPassword){
 9 |       <i class="pi pi-eye password-eye"></i>
10 |       }@else {
11 |       <i class="pi pi-eye-slash password-eye"></i>
12 |       }
13 |     </button>
14 |     }
15 | 
16 |   </div>
17 |   @if(errorHandilgControl()){
18 |   <app-input-error-handling [control]="errorHandilgControl()!"></app-input-error-handling>
19 |   }
20 | </div>


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


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/custom-main-dialog/custom-main-dialog.component.html:
--------------------------------------------------------------------------------
 1 | @if(visable()){
 2 | <div class="modal-outline" (click)="close($event)" id="modal-outline">
 3 |   <div class="modal-box">
 4 |     <div class="pb-4">
 5 |       <ng-content select="[head]"></ng-content>
 6 |     </div>
 7 | 
 8 |     <ng-content select="[body]"></ng-content>
 9 |     <div class="modal-actions">
10 |       <ng-content select="[actions]"></ng-content>
11 |     </div>
12 |   </div>
13 | </div>
14 | }
15 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/custom-main-dialog/custom-main-dialog.component.scss:
--------------------------------------------------------------------------------
 1 | .modal-outline {
 2 |   position: fixed;
 3 |   background-color: rgba(0, 0, 0, 0.5); 
 4 |   width: 100%;
 5 |   height: 100%;
 6 |   z-index: 50;
 7 |   top: 0;
 8 |   left: 0;
 9 |   right: 0;
10 |   display: flex;
11 |   justify-content: center;
12 |   align-items: center;
13 |   z-index: 1500;
14 | }
15 | 
16 | .modal-box {
17 |   background-color: var(--address-name-background);
18 |   padding: 1rem 1.5rem; 
19 |   border-radius: 1.25rem; 
20 |   max-height: 80%;
21 |   max-width: 80%;
22 |   overflow: scroll;
23 | }
24 | 
25 | .modal-actions {
26 |   margin-top: 3rem; 
27 | }


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


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/custom-main-dialog/custom-main-dialog.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, EventEmitter, input, Output } from "@angular/core";
 2 | 
 3 | @Component({
 4 |   selector: "app-custom-main-dialog",
 5 |   imports: [],
 6 |   templateUrl: "./custom-main-dialog.component.html",
 7 |   styleUrl: "./custom-main-dialog.component.scss",
 8 | })
 9 | export class CustomMainDialogComponent {
10 |   visable = input.required<boolean>();
11 |   @Output() closed = new EventEmitter<void>();
12 | 
13 |   close(event: MouseEvent) {
14 |     if ((event.target as HTMLElement).id === "modal-outline") {
15 |       this.closed.emit();
16 |     }
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/custom-modal/custom-modal.component.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/src/app/shared/components/ui/custom-modal/custom-modal.component.html


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/custom-modal/custom-modal.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/src/app/shared/components/ui/custom-modal/custom-modal.component.scss


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/custom-modal/custom-modal.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { CustomModalComponent } from "./custom-modal.component";
 3 | 
 4 | describe("CustomModalComponent", () => {
 5 |   let component: CustomModalComponent;
 6 |   let fixture: ComponentFixture<CustomModalComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [CustomModalComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(CustomModalComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/custom-modal/custom-modal.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component } from "@angular/core";
 2 | 
 3 | @Component({
 4 |   selector: "app-custom-modal",
 5 |   imports: [],
 6 |   templateUrl: "./custom-modal.component.html",
 7 |   styleUrl: "./custom-modal.component.scss",
 8 | })
 9 | export class CustomModalComponent {}
10 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/filter-card/filter-card.component.html:
--------------------------------------------------------------------------------
 1 | <div class="card" role="region" [attr.aria-label]="title">
 2 |   <div class="container-card">
 3 |     <h2 class="card-title">
 4 |       <span #titleContent><ng-content select="span" /></span>
 5 |     </h2>
 6 |     @if (underlineTitle) {
 7 |     <span class="underline-title" aria-hidden="true"></span>
 8 |     }
 9 |     <ng-content select="section" />
10 |   </div>
11 | </div>
12 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/filter-card/filter-card.component.scss:
--------------------------------------------------------------------------------
 1 | .card {
 2 |   display: flex;
 3 |   flex-direction: column;
 4 |   align-items: flex-start;
 5 |   justify-content: flex-start;
 6 |   background-color: var(--bg-card-filter);
 7 | 
 8 |   max-width: 18.875rem;
 9 |   width: 100%;
10 |   box-shadow: 0 1px 10px 0 var(--shadow-black);
11 |   border-radius: 1.25rem;
12 |   margin-bottom: 1.5rem;
13 | }
14 | 
15 | .container-card {
16 |   padding: 1.5rem;
17 |   width: 100%;
18 | 
19 |   h2 {
20 |     margin: 0;
21 |   }
22 | 
23 |   .card-title {
24 |     font-family: var(--font-family-1);
25 |     font-weight: 700;
26 |     font-size: 1rem;
27 |     line-height: 2.75rem;
28 |     color: var(--color-title-card-filter);
29 |     margin-bottom: 1.5rem;
30 |   }
31 | }
32 | 
33 | .underline-title {
34 |   display: block;
35 |   width: 90%;
36 |   max-width: 14.25rem;
37 |   border-bottom: 1px solid var(--color-card-filter);
38 |   margin: 0 auto;
39 |   margin-bottom: 1.5rem;
40 | }
41 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/filter-card/filter-card.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { FilterCardComponent } from "./filter-card.component";
 3 | 
 4 | describe("FilterCardComponent", () => {
 5 |   let component: FilterCardComponent;
 6 |   let fixture: ComponentFixture<FilterCardComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [FilterCardComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(FilterCardComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/filter-card/filter-card.component.ts:
--------------------------------------------------------------------------------
 1 | import { booleanAttribute, Component, Input } from "@angular/core";
 2 | // Angular Form
 3 | import { FormsModule } from "@angular/forms";
 4 | //PrimeNg
 5 | import { SliderModule } from "primeng/slider";
 6 | 
 7 | @Component({
 8 |   selector: "app-filter-card",
 9 |   imports: [FormsModule, SliderModule],
10 |   templateUrl: "./filter-card.component.html",
11 |   styleUrl: "./filter-card.component.scss",
12 | })
13 | export class FilterCardComponent {
14 |   @Input({ transform: booleanAttribute }) underlineTitle = true;
15 |   @Input() title!: string;
16 | }
17 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/form-button/form-button.component.html:
--------------------------------------------------------------------------------
 1 | <button [disabled]="disabled || isLoading" [type]="type" [attr.aria-live]="ariaLive" [class]="getButtonClasses()"
 2 |   (click)="onClick.emit($event)">
 3 |   @if (isLoading) {
 4 |   <i class="pi pi-spin pi-spinner" style="font-size: 1rem"></i>
 5 |   @if (loadingText) {
 6 |   <span>{{ loadingText }}</span>
 7 |   }
 8 |   } @else {
 9 |   @if (icon) {
10 |   <i [class]="icon"></i>
11 |   }
12 |   <span>{{ text }}</span>
13 |   }
14 | </button>


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/form-button/form-button.component.scss:
--------------------------------------------------------------------------------
 1 | button {
 2 |   width: 100%;
 3 |   border-radius: 0.625rem;
 4 |   border: none;
 5 |   padding: 0.875rem 1rem;
 6 |   margin-top: 2.25rem;
 7 |   margin-bottom: 2.25rem;
 8 |   background-color: var(--form-button-bg);
 9 |   color: var(--form-button-color);
10 |   font-family: var(--font-family-1);
11 |   font-weight: 500;
12 |   font-size: 1rem;
13 |   cursor: pointer;
14 |   transition: background-color 0.3s ease;
15 | 
16 |   &:hover {
17 |     background-color: var(--form-button-hover);
18 |   }
19 | 
20 |   &:disabled {
21 |     background-color: var(--form-button-disabled);
22 |     cursor: not-allowed;
23 |   }
24 | }
25 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/form-button/form-button.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { FormButtonComponent } from "./form-button.component";
 3 | 
 4 | describe("FormButtonComponent", () => {
 5 |   let component: FormButtonComponent;
 6 |   let fixture: ComponentFixture<FormButtonComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [FormButtonComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(FormButtonComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/form-button/form-button.component.ts:
--------------------------------------------------------------------------------
 1 | import { booleanAttribute, Component, EventEmitter, Input, Output } from "@angular/core";
 2 | 
 3 | @Component({
 4 |   selector: "app-form-button",
 5 |   imports: [],
 6 |   templateUrl: "./form-button.component.html",
 7 |   styleUrl: "./form-button.component.scss",
 8 | })
 9 | export class FormButtonComponent {
10 |   @Input({ required: true }) text!: string;
11 |   @Input() type: "submit" | "button" | "reset" = "submit";
12 |   @Input() icon?: string;
13 |   @Input() loadingText?: string;
14 |   @Input() ariaLive: "polite" | "assertive" | "off" = "polite";
15 |   @Input({ transform: booleanAttribute }) disabled = false;
16 |   @Input({ transform: booleanAttribute }) isLoading = false;
17 |   @Input({ transform: booleanAttribute }) fullWidth = true;
18 | 
19 |   @Output() onClick = new EventEmitter<Event>();
20 | 
21 |   getButtonClasses(): string {
22 |     const fullWidthClass = this.fullWidth ? "w-full" : "";
23 | 
24 |     return [fullWidthClass].filter(Boolean).join(" ");
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/input-btn/input-btn.component.html:
--------------------------------------------------------------------------------
 1 | <div class="input-button-wrapper" [class.disable-mobile]="disableMobileStyles">
 2 |   <input
 3 |     [id]="inputId"
 4 |     [type]="type"
 5 |     [name]="name"
 6 |     [placeholder]="placeholder"
 7 |     class="input-field"
 8 |     [ngModel]="inputValue"
 9 |     (ngModelChange)="onInputChange($event)"
10 |     required
11 |     aria-required="true"
12 |   />
13 |   @if (showBtn) {
14 |   <button
15 |     [type]="buttonType"
16 |     class="input-button flex align-items-center justify-content-center"
17 |     (click)="onButtonClick()"
18 |   >
19 |     {{ buttonText }}
20 |     @if (showIcon) {
21 |     <i class="pi pi-arrow-right px-2" aria-hidden="true"></i>
22 |     }
23 |   </button>
24 |   }
25 | </div>
26 | 


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


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/input-btn/input-btn.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, EventEmitter, Input, Output } from "@angular/core";
 2 | // Angular Forms
 3 | import { FormsModule } from "@angular/forms";
 4 | 
 5 | @Component({
 6 |   selector: "app-input-btn",
 7 |   imports: [FormsModule],
 8 |   templateUrl: "./input-btn.component.html",
 9 |   styleUrl: "./input-btn.component.scss",
10 | })
11 | export class InputBtnComponent {
12 |   @Input() placeholder = "";
13 |   @Input() buttonText = "";
14 |   @Input() type = "";
15 |   @Input() name = "";
16 |   @Input() showIcon = true;
17 |   @Input() showBtn = true;
18 |   @Input() inputValue = "";
19 |   @Input() inputId = "input-field";
20 |   @Input() buttonType = "submit";
21 |   @Input() inputType = "text";
22 |   @Input() disableMobileStyles = false;
23 | 
24 |   @Output() inputValueChange = new EventEmitter<string>();
25 |   @Output() buttonClick = new EventEmitter<void>();
26 | 
27 |   onInputChange(newValue: string) {
28 |     this.inputValue = newValue;
29 |     this.inputValueChange.emit(newValue);
30 |   }
31 | 
32 |   onButtonClick() {
33 |     this.buttonClick.emit();
34 |   }
35 | }
36 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/notification-toast/notification-toast.component.html:
--------------------------------------------------------------------------------
1 | <p-toast position="bottom-right" [baseZIndex]="9999" />
2 | 


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


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/notification-toast/notification-toast.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, inject } from "@angular/core";
 2 | // PrimeNg
 3 | import { MessageService } from "primeng/api";
 4 | import { Toast } from "primeng/toast";
 5 | 
 6 | @Component({
 7 |   selector: "app-notification-toast",
 8 |   imports: [Toast],
 9 |   templateUrl: "./notification-toast.component.html",
10 |   styleUrl: "./notification-toast.component.scss",
11 | })
12 | export class NotificationToastComponent {
13 |   public _messageService = inject(MessageService);
14 | }
15 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/search-modal/search-modal.component.html:
--------------------------------------------------------------------------------
 1 | <div class="modal-outer" [class.hidden]="closeSearch">
 2 |   <div class="modal-inner">
 3 |     <div class="close-icon flex justify-content-center my-5">
 4 |       <p-button (click)="closeModal()" icon="pi pi-times" styleClass="border-0 cursor-pointer" />
 5 |     </div>
 6 | 
 7 |     <div class="search-input">
 8 |       <input type="text" placeholder="search here ..." id="searchIn" name="searchVal" />
 9 |     </div>
10 |   </div>
11 | </div>


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


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/search-modal/search-modal.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, OnInit } from "@angular/core";
 2 | //primeNg
 3 | import { ButtonModule } from "primeng/button";
 4 | 
 5 | @Component({
 6 |   selector: "app-search-modal",
 7 |   imports: [ButtonModule],
 8 |   templateUrl: "./search-modal.component.html",
 9 |   styleUrl: "./search-modal.component.scss",
10 | })
11 | export class SearchModalComponent implements OnInit {
12 |   closeSearch = false;
13 |   ngOnInit() {
14 |     console.log(this.closeSearch);
15 |   }
16 |   closeModal() {
17 |     this.closeSearch = true;
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/spinner/spinner.component.html:
--------------------------------------------------------------------------------
1 |  <div class="flex justify-content-center align-items-center my-4 loading">
2 |       <i class="pi pi-spin pi-spinner" style="font-size: 4rem"></i>
3 |     </div>
4 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/spinner/spinner.component.scss:
--------------------------------------------------------------------------------
1 | .loading{
2 |     color: var(--loading-color);
3 | }


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


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/spinner/spinner.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component } from '@angular/core';
 2 | 
 3 | @Component({
 4 |   selector: 'app-spinner',
 5 |   imports: [],
 6 |   templateUrl: './spinner.component.html',
 7 |   styleUrl: './spinner.component.scss'
 8 | })
 9 | export class SpinnerComponent {
10 | 
11 | }
12 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/stepper/stepper.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/apps/rose/src/app/shared/components/ui/stepper/stepper.component.scss


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/stepper/stepper.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { ComponentFixture, TestBed } from "@angular/core/testing";
 2 | import { StepperComponent } from "../stepper.component";
 3 | 
 4 | describe("StepperComponent", () => {
 5 |   let component: StepperComponent;
 6 |   let fixture: ComponentFixture<StepperComponent>;
 7 | 
 8 |   beforeEach(async () => {
 9 |     await TestBed.configureTestingModule({
10 |       imports: [StepperComponent],
11 |     }).compileComponents();
12 | 
13 |     fixture = TestBed.createComponent(StepperComponent);
14 |     component = fixture.componentInstance;
15 |     fixture.detectChanges();
16 |   });
17 | 
18 |   it("should create", () => {
19 |     expect(component).toBeTruthy();
20 |   });
21 | });
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/components/ui/stepper/stepper.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, Input, Type } from "@angular/core";
 2 | import { ButtonModule } from "primeng/button";
 3 | import { StepperModule } from "primeng/stepper";
 4 | 
 5 | export interface StepDefinition {
 6 |   label: string;
 7 |   component: Type<any>;
 8 |   value: number;
 9 | }
10 | 
11 | @Component({
12 |   selector: "app-stepper",
13 |   imports: [ButtonModule, StepperModule],
14 |   templateUrl: "./stepper.component.html",
15 |   styleUrl: "./stepper.component.scss",
16 | })
17 | export class StepperComponent {
18 |   @Input() steps: StepDefinition[] = [];
19 | }
20 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/services/best-seller/best-seller.service.spec.ts:
--------------------------------------------------------------------------------
 1 | import { TestBed } from "@angular/core/testing";
 2 | 
 3 | import { BestSellerService } from "./best-seller.service";
 4 | 
 5 | describe("BestSellerService", () => {
 6 |   let service: BestSellerService;
 7 | 
 8 |   beforeEach(() => {
 9 |     TestBed.configureTestingModule({});
10 |     service = TestBed.inject(BestSellerService);
11 |   });
12 | 
13 |   it("should be created", () => {
14 |     expect(service).toBeTruthy();
15 |   });
16 | });
17 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/services/best-seller/best-seller.service.ts:
--------------------------------------------------------------------------------
 1 | import { Injectable } from "@angular/core";
 2 | import { HttpClient } from "@angular/common/http";
 3 | import { Observable } from "rxjs";
 4 | // Interfaces
 5 | import { BestSellerRes } from "@rose/core_interfaces/best-seller.interface";
 6 | // Enums
 7 | import { EndPoint } from "@rose/core_enums/endpoints";
 8 | 
 9 | @Injectable({
10 |   providedIn: "root",
11 | })
12 | export class BestSellerService {
13 |   constructor(private httpClient: HttpClient) {}
14 | 
15 |   getBestSellers(): Observable<BestSellerRes> {
16 |     return this.httpClient.get<BestSellerRes>(`${EndPoint.BESTSELLER}`);
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/services/categories/categories.service.spec.ts:
--------------------------------------------------------------------------------
 1 | import { TestBed } from "@angular/core/testing";
 2 | 
 3 | import { CategoriesService } from "./categories.service";
 4 | 
 5 | describe("CategoriesService", () => {
 6 |   let service: CategoriesService;
 7 | 
 8 |   beforeEach(() => {
 9 |     TestBed.configureTestingModule({});
10 |     service = TestBed.inject(CategoriesService);
11 |   });
12 | 
13 |   it("should be created", () => {
14 |     expect(service).toBeTruthy();
15 |   });
16 | });
17 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/services/categories/categories.service.ts:
--------------------------------------------------------------------------------
 1 | import { Injectable, inject } from "@angular/core";
 2 | import { HttpClient } from "@angular/common/http";
 3 | import { Observable, shareReplay } from "rxjs";
 4 | // Interfaces
 5 | import { CategoryRes } from "@rose/core_interfaces/categories.interface";
 6 | // Enums
 7 | import { EndPoint } from "@rose/core_enums/endpoints";
 8 | @Injectable({
 9 |   providedIn: "root",
10 | })
11 | export class CategoriesService {
12 |   private httpClient = inject(HttpClient);
13 | 
14 |   getAllCategories(): Observable<CategoryRes> {
15 |     return this.httpClient.get<CategoryRes>(`${EndPoint.CATEGORIES}`).pipe(shareReplay(1));
16 |   }
17 | 
18 |   getCategoryById(categoryId: string): Observable<CategoryRes> {
19 |     return this.httpClient.get<CategoryRes>(`${EndPoint.CATEGORIES}/${categoryId}`).pipe(shareReplay(1));
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/services/occasions/occasions.service.spec.ts:
--------------------------------------------------------------------------------
 1 | import { TestBed } from "@angular/core/testing";
 2 | 
 3 | import { OccasionsService } from "./occasions.service";
 4 | 
 5 | describe("OccasionsService", () => {
 6 |   let service: OccasionsService;
 7 | 
 8 |   beforeEach(() => {
 9 |     TestBed.configureTestingModule({});
10 |     service = TestBed.inject(OccasionsService);
11 |   });
12 | 
13 |   it("should be created", () => {
14 |     expect(service).toBeTruthy();
15 |   });
16 | });
17 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/services/occasions/occasions.service.ts:
--------------------------------------------------------------------------------
 1 | import { Injectable, inject } from "@angular/core";
 2 | import { Observable } from "rxjs";
 3 | import { HttpClient } from "@angular/common/http";
 4 | // Interfaces
 5 | import { occasionRes } from "@rose/core_interfaces/occasions.interface";
 6 | // Enums
 7 | import { EndPoint } from "@rose/core_enums/endpoints";
 8 | 
 9 | @Injectable({
10 |   providedIn: "root",
11 | })
12 | export class OccasionsService {
13 |   private httpClient = inject(HttpClient);
14 |   getcategoryOccasions(): Observable<occasionRes> {
15 |     return this.httpClient.get<occasionRes>(`${EndPoint.OCCASION}`);
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/services/orders/orders.service.spec.ts:
--------------------------------------------------------------------------------
 1 | import { TestBed } from '@angular/core/testing';
 2 | 
 3 | import { OrdersService } from './orders.service';
 4 | 
 5 | describe('OrdersService', () => {
 6 |   let service: OrdersService;
 7 | 
 8 |   beforeEach(() => {
 9 |     TestBed.configureTestingModule({});
10 |     service = TestBed.inject(OrdersService);
11 |   });
12 | 
13 |   it('should be created', () => {
14 |     expect(service).toBeTruthy();
15 |   });
16 | });
17 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/services/orders/orders.service.ts:
--------------------------------------------------------------------------------
 1 | import { Injectable } from '@angular/core';
 2 | import { HttpClient } from "@angular/common/http";
 3 | import { Observable } from "rxjs";
 4 | // Interfaces
 5 | import { OrderRes } from '@rose/core_interfaces/orders';
 6 | // Enums
 7 | import { EndPoint } from "@rose/core_enums/endpoints";
 8 | 
 9 | 
10 | @Injectable({
11 |   providedIn: 'root'
12 | })
13 | export class OrdersService {
14 | 
15 |   constructor(private httpClient: HttpClient) { }
16 | 
17 |   getUserOrders(): Observable<OrderRes> {
18 |     
19 |       return this.httpClient.get<OrderRes>(`${EndPoint.ORDERS}`);
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/services/products/products.service.spec.ts:
--------------------------------------------------------------------------------
 1 | import { TestBed } from "@angular/core/testing";
 2 | 
 3 | import { ProductsService } from "./products.service";
 4 | 
 5 | describe("ProductsService", () => {
 6 |   let service: ProductsService;
 7 | 
 8 |   beforeEach(() => {
 9 |     TestBed.configureTestingModule({});
10 |     service = TestBed.inject(ProductsService);
11 |   });
12 | 
13 |   it("should be created", () => {
14 |     expect(service).toBeTruthy();
15 |   });
16 | });
17 | 


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


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/services/user-address/user-address.service.ts:
--------------------------------------------------------------------------------
 1 | import { HttpClient } from "@angular/common/http";
 2 | import { inject, Injectable } from "@angular/core";
 3 | import { EndPoint } from "@rose/core_enums/endpoints";
 4 | import { Address, AddressAddRes, AddressRes } from "@rose/core_interfaces/user-address.interface";
 5 | import { Observable } from "rxjs";
 6 | 
 7 | @Injectable({
 8 |   providedIn: "root",
 9 | })
10 | export class UserAddressService {
11 |   private httpClient = inject(HttpClient);
12 | 
13 |   getAllUserAddress():Observable<AddressRes> {
14 |     return this.httpClient.get<AddressRes>(`${EndPoint.ADDRESSES}`);
15 |   }
16 | 
17 |   deleteAddress(addressId: string):Observable<void>{
18 |     return this.httpClient.delete<void>(`${EndPoint.ADDRESSES}/${addressId}`);
19 |   }
20 | 
21 |   addAddress(address: Address):Observable<AddressAddRes>{
22 |     return this.httpClient.patch<AddressAddRes>(`${EndPoint.ADDRESSES}`,address);
23 |   }
24 | 
25 |   updateAddress(addressId: string,address: Address):Observable<AddressRes>{
26 |     return this.httpClient.patch<AddressRes>(`${EndPoint.ADDRESSES}/${addressId}`,address);
27 |   }
28 | }
29 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/shared/styles/_functions.scss:
--------------------------------------------------------------------------------
1 | @function pxToRem($px) {
2 |   @return calc($px / 16) + rem;
3 | }
4 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/store/address/address.selector.ts:
--------------------------------------------------------------------------------
 1 | import { createFeatureSelector, createSelector } from "@ngrx/store";
 2 | import { AddressState } from "./addresses.state";
 3 | 
 4 | 
 5 | export const selectAddressFeature = createFeatureSelector<AddressState>('Address');
 6 | 
 7 | // Individual selectors
 8 | export const selectAllAddresses = createSelector(
 9 |   selectAddressFeature,
10 |   (state: AddressState) => state.addresses
11 | );
12 | 
13 | export const selectAddressLoading = createSelector(
14 |   selectAddressFeature,
15 |   (state: AddressState) => state.loading
16 | );
17 | 
18 | export const selectAddressError = createSelector(
19 |   selectAddressFeature,
20 |   (state: AddressState) => state.error
21 | );
22 | 
23 | export const selectAddressState = createSelector(
24 |   selectAddressFeature,
25 |   (state: AddressState) => state.addressState
26 | );
27 | 
28 | 
29 | export const selectAddressId = createSelector(
30 |   selectAddressFeature,
31 |   (state: AddressState) => state.selectedAdddressId
32 | );
33 | 
34 | export const selectAddress = createSelector(
35 |   selectAddressFeature,
36 |   (state: AddressState) => state.address
37 | );
38 | 
39 | export const selectUserName = createSelector(
40 |   selectAddressFeature,
41 |   (state: AddressState) => state.userName
42 | );


--------------------------------------------------------------------------------
/apps/rose/src/app/store/address/addresses.state.ts:
--------------------------------------------------------------------------------
 1 | import { Address } from "@rose/core_interfaces/user-address.interface";
 2 | 
 3 | export enum AddressSituations {
 4 |   closeAddress=0,
 5 |   showAddress=1,
 6 |   addAddress=2,
 7 |   addLocation=3,
 8 |   updateAddress=4,
 9 |   updateLocation=5,
10 |   deleteAddress=6,
11 | }
12 | 
13 | 
14 | export interface AddressState{
15 |     addressState:AddressSituations,
16 |     addresses:Address[],
17 |     loading: boolean,
18 |     error: any;
19 |     selectedAdddressId:string,
20 |     address:Address,
21 |     userName:string
22 | 
23 |     
24 | }


--------------------------------------------------------------------------------
/apps/rose/src/app/store/auth/auth.actions.ts:
--------------------------------------------------------------------------------
1 | import { createAction, props } from "@ngrx/store";
2 | 
3 | export const loginSuccess = createAction(
4 |   "[Auth/API] Login Success",
5 |   props<{ token: string }>()
6 | );
7 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/store/auth/auth.effects.ts:
--------------------------------------------------------------------------------
 1 | import { inject, Injectable } from "@angular/core";
 2 | import { createEffect, ofType, Actions } from "@ngrx/effects";
 3 | import { tap } from "rxjs";
 4 | import * as AuthActions from "./auth.actions";
 5 | import { StorageManagerService } from "@rose/core_services/storage-manager/storage-manager.service";
 6 | 
 7 | @Injectable()
 8 | export class AuthEffects {
 9 |   private readonly actions$ = inject(Actions);
10 |   private readonly _storageManager = inject(StorageManagerService);
11 | 
12 |   readonly tokentEffect = createEffect(
13 |     () =>
14 |       this.actions$.pipe(
15 |         ofType(AuthActions.loginSuccess),
16 |         tap((action) => {
17 |           this._storageManager.setItem("token", action.token);
18 |         })
19 |       ),
20 |     { dispatch: false }
21 |   );
22 | }
23 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/store/auth/auth.reducers.ts:
--------------------------------------------------------------------------------
 1 | import { createReducer, on } from "@ngrx/store";
 2 | import { AuthState } from "./auth.state";
 3 | import * as AuthActions from "./auth.actions";
 4 | 
 5 | export const initialState: AuthState = {
 6 |   token: null,
 7 | };
 8 | 
 9 | export const tokenReducer = createReducer(
10 |   initialState,
11 |   on(AuthActions.loginSuccess, (state, { token }) => ({
12 |     ...state,
13 |     token,
14 |   }))
15 | );
16 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/store/auth/auth.selectors.ts:
--------------------------------------------------------------------------------
1 | import { createFeatureSelector, createSelector } from "@ngrx/store";
2 | import { AuthState } from "./auth.state";
3 | 
4 | export const selectAuthState = createFeatureSelector<AuthState>("auth");
5 | 
6 | export const selectToken = createSelector(selectAuthState, (state) => state.token);
7 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/store/auth/auth.state.ts:
--------------------------------------------------------------------------------
1 | export interface AuthState {
2 |   token: string | null;
3 | }
4 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/store/filter/filter.effect.ts:
--------------------------------------------------------------------------------
 1 | import { inject } from "@angular/core";
 2 | import { Store } from "@ngrx/store";
 3 | import { Actions, createEffect, ofType } from "@ngrx/effects";
 4 | import { tap } from "rxjs/operators";
 5 | import {
 6 |   ApplyFilters,
 7 |   loadProductsToFilter,
 8 |   loadSelectedCategories,
 9 |   loadSelectedOccasions,
10 |   loadSelectedPrice,
11 |   loadSelectedName,
12 |   loadSelectedRating,
13 | } from "./filter.actions";
14 | 
15 | export class FilterEffects {
16 |   private readonly _actions$ = inject(Actions);
17 |   private readonly _store = inject(Store);
18 | 
19 |   readonly autoApplyFilters$ = createEffect(
20 |     () =>
21 |       this._actions$.pipe(
22 |         ofType(
23 |           loadProductsToFilter,
24 |           loadSelectedCategories,
25 |           loadSelectedOccasions,
26 |           loadSelectedPrice,
27 |           loadSelectedName,
28 |           loadSelectedRating
29 |         ),
30 |         tap(() => {
31 |           this._store.dispatch(ApplyFilters());
32 |         })
33 |       ),
34 |     { dispatch: false }
35 |   );
36 | }
37 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/store/filter/filter.selector.ts:
--------------------------------------------------------------------------------
 1 | import { createFeatureSelector, createSelector } from "@ngrx/store";
 2 | import { FilterState } from "./filter.state";
 3 | 
 4 | export const selectFilterState = createFeatureSelector<FilterState>("filter");
 5 | 
 6 | export const selectFilterProducts = createSelector(selectFilterState, (state) => {
 7 |   if (
 8 |     state.filterList.length === 0 &&
 9 |     state.selectedCategories.length === 0 &&
10 |     state.selectedOccasions.length === 0 &&
11 |     state.selectedRating.length === 0 &&
12 |     state.selectedName === ""
13 |   ) {
14 |     return state.products;
15 |   }
16 |   return state.filterList;
17 | });
18 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/store/filter/filter.state.ts:
--------------------------------------------------------------------------------
 1 | // Interfaces
 2 | import { Product } from "@rose/core_interfaces/carditem.interface";
 3 | import { selectedItem } from "@rose/core_interfaces/filter-item.interface";
 4 | 
 5 | export interface FilterState {
 6 |   products: Product[];
 7 |   filterList: Product[];
 8 |   selectedCategories: selectedItem[];
 9 |   selectedOccasions: selectedItem[];
10 |   selectedPrice: {
11 |     maxPrice: number;
12 |     minPrice: number;
13 |   };
14 |   selectedName: string;
15 |   selectedRating: selectedItem[];
16 | }
17 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/store/sort/sort.actions.ts:
--------------------------------------------------------------------------------
 1 | import { createAction, props } from "@ngrx/store";
 2 | import { sortType } from "./sort.states";
 3 | //Interfaces
 4 | import { Product } from "@rose/core_interfaces/carditem.interface";
 5 | 
 6 | //load products
 7 | export const loadProducts = createAction("[sort] loadProducts", props<{ products: Product[] }>());
 8 | //sortByPrice
 9 | export const sortByPrice = createAction("[sort] sortByPrice", props<{ sType: sortType }>());
10 | //sortByName
11 | export const sortByTitle = createAction("[sort] sortByTitle", props<{ sType: sortType }>());
12 | 
13 | //sortProducts
14 | export const sortProducts = createAction("[sort] sortProducts");
15 | 
16 | //getFilteredProducts
17 | 
18 | //clear Sort
19 | export const clearSort = createAction("[sort] clearSort");
20 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/store/sort/sort.states.ts:
--------------------------------------------------------------------------------
 1 | // Interface
 2 | import { Product } from "@rose/core_interfaces/carditem.interface";
 3 | 
 4 | export type sortType = "asc" | "desc";
 5 | 
 6 | export interface sortConditions {
 7 |   sortBy: string;
 8 |   type: sortType;
 9 | }
10 | 
11 | export interface sortState {
12 |   products: Product[];
13 |   sortedProducts: Product[];
14 |   sortedConditions: sortConditions;
15 | }
16 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/store/sort/store.effects.ts:
--------------------------------------------------------------------------------
 1 | import { inject } from "@angular/core";
 2 | import { Store } from "@ngrx/store";
 3 | import { Actions, createEffect, ofType } from "@ngrx/effects";
 4 | import { tap } from "rxjs";
 5 | import * as sortActions from "./sort.actions";
 6 | 
 7 | export class sortEffects {
 8 |   private readonly _actions$ = inject(Actions);
 9 |   private readonly _store = inject(Store);
10 | 
11 |   readonly sortByPriceAndTitleEffects$ = createEffect(
12 |     () =>
13 |       this._actions$.pipe(
14 |         ofType(sortActions.sortByPrice, sortActions.sortByTitle),
15 |         tap(() => {
16 |           this._store.dispatch(sortActions.sortProducts());
17 |         })
18 |       ),
19 |     {
20 |       dispatch: false,
21 |     }
22 |   );
23 | }
24 | 


--------------------------------------------------------------------------------
/apps/rose/src/app/store/sort/store.selectors.ts:
--------------------------------------------------------------------------------
 1 | import { createFeatureSelector, createSelector } from "@ngrx/store";
 2 | import { sortState } from "./sort.states";
 3 | 
 4 | export const sortStateSelector = createFeatureSelector<sortState>("sort");
 5 | 
 6 | export const sortedProducts = createSelector(
 7 |   sortStateSelector,
 8 |   (state: sortState) => state.sortedProducts
 9 | );
10 | export const Products = createSelector(sortStateSelector, (state: sortState) => state.products);
11 | 


--------------------------------------------------------------------------------
/apps/rose/src/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8" />
 5 |     <title>rose</title>
 6 |     <base href="/" />
 7 |     <meta name="viewport" content="width=device-width, initial-scale=1" />
 8 |     <link rel="icon" type="image/x-icon" href="./images/navbar/Rose.WebP" />
 9 |     <link
10 |       href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Pinyon+Script&family=Roboto:ital,wght@0,100..900;1,100..900&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap"
11 |       rel="stylesheet"
12 |     />
13 |   </head>
14 | 
15 |   <body>
16 |     <app-root></app-root>
17 |   </body>
18 |   <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA7Qhpvfout3KuWuamQS4RnhXu5-rhl9bk"></script>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/apps/rose/src/main.server.ts:
--------------------------------------------------------------------------------
1 | import { bootstrapApplication } from "@angular/platform-browser";
2 | import { AppComponent } from "./app/app.component";
3 | import { config } from "./app/app.config.server";
4 | 
5 | const bootstrap = () => bootstrapApplication(AppComponent, config);
6 | 
7 | export default bootstrap;
8 | 


--------------------------------------------------------------------------------
/apps/rose/src/main.ts:
--------------------------------------------------------------------------------
1 | import { bootstrapApplication } from "@angular/platform-browser";
2 | import { appConfig } from "./app/app.config";
3 | import { AppComponent } from "./app/app.component";
4 | 
5 | bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err));
6 | 


--------------------------------------------------------------------------------
/apps/rose/src/styles.scss:
--------------------------------------------------------------------------------
 1 | @use "./app/shared/styles/utilities" as utl;
 2 | @use "./app/shared/styles/functions" as func;
 3 | @use "./app/shared/styles/variables" as vars ;
 4 | 
 5 | body,
 6 | html {
 7 |   margin: 0;
 8 |   padding: 0;
 9 |   box-sizing: border-box;
10 |   overflow-x: hidden;
11 | }
12 | 


--------------------------------------------------------------------------------
/apps/rose/src/test-setup.ts:
--------------------------------------------------------------------------------
1 | import { setupZoneTestEnv } from "jest-preset-angular/setup-env/zone";
2 | 
3 | setupZoneTestEnv({
4 |   errorOnUnknownElements: true,
5 |   errorOnUnknownProperties: true,
6 | });
7 | 


--------------------------------------------------------------------------------
/apps/rose/tsconfig.app.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "./tsconfig.json",
 3 |   "compilerOptions": {
 4 |     "outDir": "../../dist/out-tsc",
 5 |     "types": [
 6 |       "node"
 7 |     ]
 8 |   },
 9 |   "files": [
10 |     "src/main.ts",
11 |     "src/main.server.ts",
12 |     "src/server.ts"
13 |   ],
14 |   "include": [
15 |     "src/**/*.d.ts"
16 |   ],
17 |   "exclude": [
18 |     "jest.config.ts",
19 |     "src/**/*.test.ts",
20 |     "src/**/*.spec.ts"
21 |   ]
22 | }
23 | 


--------------------------------------------------------------------------------
/apps/rose/tsconfig.editor.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "./tsconfig.json",
 3 |   "include": [
 4 |     "src/**/*.ts"
 5 |   ],
 6 |   "compilerOptions": {},
 7 |   "exclude": [
 8 |     "jest.config.ts",
 9 |     "src/**/*.test.ts",
10 |     "src/**/*.spec.ts"
11 |   ]
12 | }
13 | 


--------------------------------------------------------------------------------
/apps/rose/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "es2022",
 4 |     "esModuleInterop": true,
 5 |     "forceConsistentCasingInFileNames": true,
 6 |     "strict": true,
 7 |     "noImplicitOverride": true,
 8 |     "noPropertyAccessFromIndexSignature": true,
 9 |     "noImplicitReturns": true,
10 |     "noFallthroughCasesInSwitch": true,
11 |   },
12 |   "files": [],
13 |   "include": [],
14 |   "references": [
15 |     {
16 |       "path": "./tsconfig.editor.json"
17 |     },
18 |     {
19 |       "path": "./tsconfig.app.json"
20 |     },
21 |     {
22 |       "path": "./tsconfig.spec.json"
23 |     }
24 |   ],
25 |   "extends": "../../tsconfig.base.json",
26 |   "angularCompilerOptions": {
27 |     "enableI18nLegacyMessageIdFormat": false,
28 |     "strictInjectionParameters": true,
29 |     "strictInputAccessModifiers": true,
30 |     "strictTemplates": true
31 |   }
32 | }
33 | 


--------------------------------------------------------------------------------
/apps/rose/tsconfig.spec.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "./tsconfig.json",
 3 |   "compilerOptions": {
 4 |     "outDir": "../../dist/out-tsc",
 5 |     "module": "commonjs",
 6 |     "target": "es2016",
 7 |     "types": [
 8 |       "jest",
 9 |       "node"
10 |     ]
11 |   },
12 |   "files": [
13 |     "src/test-setup.ts"
14 |   ],
15 |   "include": [
16 |     "jest.config.ts",
17 |     "src/**/*.test.ts",
18 |     "src/**/*.spec.ts",
19 |     "src/**/*.d.ts"
20 |   ]
21 | }
22 | 


--------------------------------------------------------------------------------
/documentation/fonts/ionicons.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/fonts/ionicons.eot


--------------------------------------------------------------------------------
/documentation/fonts/ionicons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/fonts/ionicons.ttf


--------------------------------------------------------------------------------
/documentation/fonts/ionicons.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/fonts/ionicons.woff


--------------------------------------------------------------------------------
/documentation/fonts/ionicons.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/fonts/ionicons.woff2


--------------------------------------------------------------------------------
/documentation/fonts/roboto-v15-latin-300.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/fonts/roboto-v15-latin-300.eot


--------------------------------------------------------------------------------
/documentation/fonts/roboto-v15-latin-300.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/fonts/roboto-v15-latin-300.ttf


--------------------------------------------------------------------------------
/documentation/fonts/roboto-v15-latin-300.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/fonts/roboto-v15-latin-300.woff


--------------------------------------------------------------------------------
/documentation/fonts/roboto-v15-latin-300.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/fonts/roboto-v15-latin-300.woff2


--------------------------------------------------------------------------------
/documentation/fonts/roboto-v15-latin-700.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/fonts/roboto-v15-latin-700.eot


--------------------------------------------------------------------------------
/documentation/fonts/roboto-v15-latin-700.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/fonts/roboto-v15-latin-700.ttf


--------------------------------------------------------------------------------
/documentation/fonts/roboto-v15-latin-700.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/fonts/roboto-v15-latin-700.woff


--------------------------------------------------------------------------------
/documentation/fonts/roboto-v15-latin-700.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/fonts/roboto-v15-latin-700.woff2


--------------------------------------------------------------------------------
/documentation/fonts/roboto-v15-latin-italic.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/fonts/roboto-v15-latin-italic.eot


--------------------------------------------------------------------------------
/documentation/fonts/roboto-v15-latin-italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/fonts/roboto-v15-latin-italic.ttf


--------------------------------------------------------------------------------
/documentation/fonts/roboto-v15-latin-italic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/fonts/roboto-v15-latin-italic.woff


--------------------------------------------------------------------------------
/documentation/fonts/roboto-v15-latin-italic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/fonts/roboto-v15-latin-italic.woff2


--------------------------------------------------------------------------------
/documentation/fonts/roboto-v15-latin-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/fonts/roboto-v15-latin-regular.eot


--------------------------------------------------------------------------------
/documentation/fonts/roboto-v15-latin-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/fonts/roboto-v15-latin-regular.ttf


--------------------------------------------------------------------------------
/documentation/fonts/roboto-v15-latin-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/fonts/roboto-v15-latin-regular.woff


--------------------------------------------------------------------------------
/documentation/fonts/roboto-v15-latin-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/fonts/roboto-v15-latin-regular.woff2


--------------------------------------------------------------------------------
/documentation/images/compodoc-vectorise-inverted.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/images/compodoc-vectorise-inverted.png


--------------------------------------------------------------------------------
/documentation/images/compodoc-vectorise.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/images/compodoc-vectorise.png


--------------------------------------------------------------------------------
/documentation/images/coverage-badge-documentation.svg:
--------------------------------------------------------------------------------
 1 | <svg width="135" height="20" xmlns="http://www.w3.org/2000/svg">
 2 |     <g>
 3 |         <rect id="svg_1" height="20" width="130" y="0" x="0" stroke-width="1.5" stroke="#5d5d5d" fill="#5d5d5d" rx="7" ry="7"/>
 4 |         <rect id="svg_2" height="20" width="40" y="0" x="92" stroke-width="1.5" stroke="#d8604b" fill="#d8604b" rx="7" ry="7"/>
 5 |         <rect id="svg_3" height="20" width="22" y="0" x="92" stroke-width="1.5" stroke="#d8604b" fill="#d8604b"/>
 6 |         <text xml:space="preserve" text-anchor="start" font-family="Helvetica, Arial, sans-serif" font-size="12" id="svg_4" y="14" x="6" stroke-width="0" stroke="#5d5d5d" fill="#ffffff">documentation</text>
 7 |         <text xml:space="preserve" text-anchor="middle" font-family="Helvetica, Arial, sans-serif" font-size="12" id="svg_5" y="14" x="112" stroke-width="0" stroke="#5d5d5d" fill="#ffffff" style="text-anchor: middle">2%</text>
 8 |     </g>
 9 | </svg>
10 | 


--------------------------------------------------------------------------------
/documentation/images/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Reham-Gomaa/Rose/fbc1159700097985ba57458aaf8d6cb3cbbf1272/documentation/images/favicon.ico


--------------------------------------------------------------------------------
/documentation/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 | 


--------------------------------------------------------------------------------
/documentation/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)}}}});


--------------------------------------------------------------------------------
/documentation/js/libs/custom-elements-es5-adapter.js:
--------------------------------------------------------------------------------
 1 | /**
 2 | @license @nocompile
 3 | Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
 4 | This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 5 | The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 6 | The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 7 | Code distributed by Google as part of the polymer project is also
 8 | subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 9 | */
10 | (function () {
11 |   'use strict';
12 | 
13 |   (function(){if(void 0===window.Reflect||void 0===window.customElements||window.customElements.hasOwnProperty('polyfillWrapFlushCallback'))return;const a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)},HTMLElement.prototype=a.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,a);})();
14 | 
15 | }());
16 | 


--------------------------------------------------------------------------------
/documentation/js/libs/tablesort.number.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 |  * tablesort v5.2.1 (2021-10-30)
3 |  * http://tristen.ca/tablesort/demo/
4 |  * Copyright (c) 2021 ; Licensed MIT
5 | */
6 | !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)})}();


--------------------------------------------------------------------------------
/documentation/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 | 


--------------------------------------------------------------------------------
/documentation/styles/original.css:
--------------------------------------------------------------------------------
 1 | .navbar-default .navbar-brand,
 2 | .menu ul.list li.title {
 3 |   font-weight: bold;
 4 |   color: #3c3c3c;
 5 |   padding-bottom: 5px;
 6 | }
 7 | 
 8 | .menu ul.list li a[data-type="chapter-link"],
 9 | .menu ul.list li.chapter .simple {
10 |   font-weight: bold;
11 |   font-size: 14px;
12 | }
13 | 
14 | .menu ul.list li a[href="./routes.html"] {
15 |   border-bottom: none;
16 | }
17 | 
18 | .menu ul.list > li:nth-child(2) {
19 |   display: none;
20 | }
21 | 
22 | .menu ul.list li.chapter ul.links {
23 |   background: #fff;
24 |   padding-left: 0;
25 | }
26 | 
27 | .menu ul.list li.chapter ul.links li {
28 |   border-bottom: 1px solid #ddd;
29 |   padding-left: 20px;
30 | }
31 | 
32 | .menu ul.list li.chapter ul.links li:last-child {
33 |   border-bottom: none;
34 | }
35 | 
36 | .menu ul.list li a.active {
37 |   color: #337ab7;
38 |   font-weight: bold;
39 | }
40 | 
41 | #book-search-input {
42 |   margin-bottom: 0;
43 |   border-bottom: none;
44 | }
45 | .menu ul.list li.divider {
46 |   margin: 0;
47 | }
48 | 
49 | .dark .menu ul.list li.chapter ul.links {
50 |   background: none;
51 | }
52 | 


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


--------------------------------------------------------------------------------
/documentation/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 | 


--------------------------------------------------------------------------------
/eslint.config.mjs:
--------------------------------------------------------------------------------
 1 | import nx from '@nx/eslint-plugin';
 2 | 
 3 | export default [
 4 |   ...nx.configs['flat/base'],
 5 |   ...nx.configs['flat/typescript'],
 6 |   ...nx.configs['flat/javascript'],
 7 |   {
 8 |     ignores: ['**/dist'],
 9 |   },
10 |   {
11 |     files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
12 |     rules: {
13 |       '@nx/enforce-module-boundaries': [
14 |         'error',
15 |         {
16 |           enforceBuildableLibDependency: true,
17 |           allow: ['^.*/eslint(\\.base)?\\.config\\.[cm]?js$'],
18 |           depConstraints: [
19 |             {
20 |               sourceTag: '*',
21 |               onlyDependOnLibsWithTags: ['*'],
22 |             },
23 |           ],
24 |         },
25 |       ],
26 |     },
27 |   },
28 |   {
29 |     files: [
30 |       '**/*.ts',
31 |       '**/*.tsx',
32 |       '**/*.cts',
33 |       '**/*.mts',
34 |       '**/*.js',
35 |       '**/*.jsx',
36 |       '**/*.cjs',
37 |       '**/*.mjs',
38 |     ],
39 |     // Override or add rules here
40 |     rules: {},
41 |   },
42 | ];
43 | 


--------------------------------------------------------------------------------
/jest.config.ts:
--------------------------------------------------------------------------------
1 | import type { Config } from "jest";
2 | import { getJestProjectsAsync } from "@nx/jest";
3 | 
4 | export default async (): Promise<Config> => ({
5 |   projects: await getJestProjectsAsync(),
6 | });
7 | 


--------------------------------------------------------------------------------
/jest.preset.js:
--------------------------------------------------------------------------------
1 | const nxPreset = require('@nx/jest/preset').default;
2 | 
3 | module.exports = { ...nxPreset };
4 | 


--------------------------------------------------------------------------------
/tsconfig.doc.json:
--------------------------------------------------------------------------------
1 | {
2 |   "include": [
3 |     "apps/rose/src/**/*.ts"
4 |   ],
5 |   "exclude": [
6 |     "**/*.spec.ts"
7 |   ]
8 | }
9 | 


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