Function ngOnInit has 175 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  ngOnInit() {
    this.materialsModules = [{
      title: 'Form Controls',
      groups: [{
        title: 'Autocomplete',

File icon.component.ts has 408 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { Component, OnInit } from '@angular/core';
 
@Component({
  selector: 'app-icon',
  templateUrl: './icon.component.html',

ProductEditComponent has 40 functions (exceeds 20 allowed). Consider refactoring.

Open

@Component({
  selector: 'app-product-edit',
  templateUrl: './product-edit.component.html',
  styleUrls: ['./product-edit.component.scss']
})

InputComponent has 35 functions (exceeds 20 allowed). Consider refactoring.

Open

@Component({
  selector: 'app-input',
  templateUrl: './input.component.html',
  styleUrls: [ './input.component.scss' ],
  encapsulation: ViewEncapsulation.None

CategoryAddComponent has 33 functions (exceeds 20 allowed). Consider refactoring.

Open

@Component({
  selector: 'app-category-add',
  templateUrl: './category-add.component.html',
  styleUrls: ['./category-add.component.scss']
})

File product-edit.component.ts has 330 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { Component, OnInit, TemplateRef, ViewChild } from '@angular/core';
import { FormArray, FormGroup } from '@angular/forms';
import { ActivatedRoute, Router } from '@angular/router';
import { DocumentReference } from '@firebase/firestore-types';
import { UploadTaskSnapshot } from '@firebase/storage-types';

File offer-edit.component.ts has 326 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { Location } from '@angular/common';
import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
import { FormArray, FormControl, FormGroup, Validators } from '@angular/forms';
import { Meta, Title } from '@angular/platform-browser';
import { ActivatedRoute, Router } from '@angular/router';

File home.component.ts has 324 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { Component, OnInit } from '@angular/core';
import { Slider } from '../header/header/shared/slider';
import { Product } from '../../../shared/product/shared/product';
import { ProductService } from '../../../shared/product/shared/product.service';
import { AlertService } from '../../../shared/popup/alert.service';

Function getColumns has 82 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  getColumns(): Observable<TableColumn[]> {
    return new Observable((observer) => {
      this.mediaObserver.asObservable()
        .subscribe((mediaChanges: MediaChange[]) => {
          if (mediaChanges && mediaChanges[0] && mediaChanges[0].mqAlias === 'xs') {

Function getProductOption has 81 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  getProductOption(): ProductOption {
    return {
      authenticated: false,
      cart: null,
      product_most_ordered: {

Function getColumns has 79 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  getColumns(): Observable<TableColumn[]> {
    return new Observable(observer => {
      this.mediaObserver.asObservable()
        .subscribe((mediaChanges: MediaChange[]) => {
          if (mediaChanges && mediaChanges[0] && mediaChanges[0].mqAlias === 'xs') {

File cart-payment.component.ts has 294 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { HttpErrorResponse } from '@angular/common/http';
import {
  AfterViewInit,
  ChangeDetectorRef,
  Component,

RecipeEditComponent has 25 functions (exceeds 20 allowed). Consider refactoring.

Open

@Component({
  selector: 'app-admin-recipe-edit',
  templateUrl: './recipe-edit.component.html',
  styleUrls: ['./recipe-edit.component.scss']
})

OfferEditComponent has 22 functions (exceeds 20 allowed). Consider refactoring.

Open

@Component({
  selector: 'app-car-offer-edit',
  templateUrl: './offer-edit.component.html',
  styleUrls: ['./offer-edit.component.scss']
})

Function createForm has a Cognitive Complexity of 17 (exceeds 5 allowed). Consider refactoring.

Open

  createForm(recipe: Recipe) {
    this.form = new FormGroup({
      name: new FormControl(recipe && recipe.name ? recipe.name : '', [
        Validators.required,
      ]),

• Read up
  Read up

AttributeEditComponent has 21 functions (exceeds 20 allowed). Consider refactoring.

Open

@Component({
  selector: 'app-attribute-edit',
  templateUrl: './attribute-edit.component.html',
  styleUrls: ['./attribute-edit.component.scss']
})

CartDeliveryComponent has 21 functions (exceeds 20 allowed). Consider refactoring.

Open

@Component({
  selector: 'app-cart-delivery',
  templateUrl: './cart-delivery.component.html',
  styleUrls: ['./cart-delivery.component.scss']
})

File cart-delivery.component.ts has 253 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { Component, EventEmitter, OnInit, Output } from '@angular/core';
import { FormControl, FormGroup, Validators } from '@angular/forms';
import { combineLatest, Observable } from 'rxjs';
import { Delivery } from '../../../shared/interfaces/delivery';
import { DeliveryService } from '../../../shared/services/delivery.service';

Function createForm has 47 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  createForm(recipe: Recipe) {
    this.form = new FormGroup({
      name: new FormControl(recipe && recipe.name ? recipe.name : '', [
        Validators.required,
      ]),

Function createForm has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  createForm() {
    this.formDetail = new FormGroup({
      name: new FormControl('', [
        Validators.required,
        Validators.minLength(1),