@qubesense/customer-farm 0.1.0 → 0.1.2

package/.eslintrc.json

@@ -0,0 +1,44 @@
+{
+  "extends": "../../.eslintrc.json",
+  "ignorePatterns": [
+    "!**/*"
+  ],
+  "overrides": [
+    {
+      "files": [
+        "*.ts"
+      ],
+      "parserOptions": {
+        "project": [
+          "projects/customer-farm/tsconfig.lib.json",
+          "projects/customer-farm/tsconfig.spec.json"
+        ],
+        "createDefaultProgram": true
+      },
+      "rules": {
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": "attribute",
+            "prefix": "lib",
+            "style": "camelCase"
+          }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": "lib",
+            "style": "kebab-case"
+          }
+        ]
+      }
+    },
+    {
+      "files": [
+        "*.html"
+      ],
+      "rules": {}
+    }
+  ]
+}

package/karma.conf.js

@@ -0,0 +1,44 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require('path').join(__dirname, '../../coverage/customer-farm'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ]
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};

package/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/customer-farm",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

package/package.json

@@ -1,32 +1,12 @@
-{
-  "name": "@qubesense/customer-farm",
-  "license": "qubesense",
-  "version": "0.1.0",
-  "peerDependencies": {
-    "@angular/common": "^14.1.0",
-    "@angular/core": "^14.1.0"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
-  "module": "fesm2015/qubesense-customer-farm.mjs",
-  "es2020": "fesm2020/qubesense-customer-farm.mjs",
-  "esm2020": "esm2020/qubesense-customer-farm.mjs",
-  "fesm2020": "fesm2020/qubesense-customer-farm.mjs",
-  "fesm2015": "fesm2015/qubesense-customer-farm.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "esm2020": "./esm2020/qubesense-customer-farm.mjs",
-      "es2020": "./fesm2020/qubesense-customer-farm.mjs",
-      "es2015": "./fesm2015/qubesense-customer-farm.mjs",
-      "node": "./fesm2015/qubesense-customer-farm.mjs",
-      "default": "./fesm2020/qubesense-customer-farm.mjs"
-    }
-  },
-  "sideEffects": false
+{
+  "name": "@qubesense/customer-farm",
+  "license":"qubesense",
+  "version": "0.1.2",
+  "peerDependencies": {
+    "@angular/common": "^14.1.0",
+    "@angular/core": "^14.1.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
 }

package/src/lib/customer-farm.component.html

@@ -0,0 +1,93 @@
+<div class="flex flex-col flex-auto min-w-0 w-full">
+    <!-- form code starts here -->
+    <!--content-->
+    <div class="sm:w-full overflow-hidden" *ngIf="customerFarmConfiguration.showModal">
+
+        <!--form body-->
+        <form class="flex flex-col overflow-hidden" [formGroup]="customerFarmForm">
+            <!-- Customer Farm section start  -->
+
+            <div class="sm:flex">
+                <div class="w-full">
+                    <div class="sm:flex px-8 pt-4">
+                        <mat-form-field class="flex-auto w-full mr-4"
+                            *ngIf="customerFarmConfiguration.allowedCustomerFarmFields.customerName">
+                            <mat-label>Client Name</mat-label>
+                            <input matInput id="customerName" placeholder="Client Name" pattern="^[a-zA-Z ]*$"
+                                minlength="3" [formControlName]="'customerName'" (change)="emitDataToParent()">
+                            <mat-error
+                                *ngIf="customerFarmForm.get('customerName').hasError('required') && customerFarmConfiguration.requiredCustomerFarmFields.customerName ">
+                                Client Name is required
+                            </mat-error>
+                            <mat-error *ngIf="customerFarmForm.get('customerName').hasError('pattern')">
+                                Please enter valid Client name
+                            </mat-error>
+                            <mat-error *ngIf="customerFarmForm.get('customerName').hasError('minlength')">
+                                Client name must be of atleast 3 characters
+                            </mat-error>
+                        </mat-form-field>
+
+                        <mat-form-field class="flex-auto w-full"
+                            *ngIf="customerFarmConfiguration.allowedCustomerFarmFields.defaultWarehouse">
+                            <mat-label>Default Warehouse</mat-label>
+                            <input matInput id="defaultWarehouse" placeholder="Default Warehouse"
+                                [formControlName]="'defaultWarehouse'" (change)="emitDataToParent()">
+                            <mat-error
+                                *ngIf="customerFarmForm.get('defaultWarehouse').hasError('required') && customerFarmConfiguration.requiredCustomerFarmFields.defaultWarehouse">
+                                Default Warehouse is required
+                            </mat-error>
+                        </mat-form-field>
+                    </div>
+
+                    <div class="sm:flex px-8 pt-4">
+                        <mat-form-field class="flex-auto w-full mr-4"
+                            *ngIf="customerFarmConfiguration.allowedCustomerFarmFields.personInCharge">
+                            <mat-label>Person In Charge</mat-label>
+                            <input matInput id="personInCharge" placeholder="Person In Charge"
+                                [formControlName]="'personInCharge'" (change)="emitDataToParent()">
+                            <mat-error
+                                *ngIf="customerFarmForm.get('personInCharge').hasError('required') && customerFarmConfiguration.requiredCustomerFarmFields.personInCharge">
+                                Person In Charge is required
+                            </mat-error>
+                        </mat-form-field>
+
+                        <mat-form-field class="flex-auto w-full"
+                            *ngIf="customerFarmConfiguration.allowedCustomerFarmFields.displayName">
+                            <mat-label>Display Name</mat-label>
+                            <input matInput id="displayName" placeholder="Display Name"
+                                [formControlName]="'displayName'" (change)="emitDataToParent()">
+                        </mat-form-field>
+                    </div>
+
+                    <div class="sm:flex px-8 pt-4">
+                        <mat-form-field class="flex-auto w-full mr-4"
+                            *ngIf="customerFarmConfiguration.allowedCustomerFarmFields.primaryVetId">
+                            <mat-label>Primary Vet</mat-label>
+                            <input matInput id="primaryVetId" placeholder="Primary Vet"
+                                [formControlName]="'primaryVetId'" (change)="emitDataToParent()">
+                            <mat-error
+                                *ngIf="customerFarmForm.get('primaryVetId').hasError('required') && customerFarmConfiguration.requiredCustomerFarmFields.primaryVetId">
+                                Primary Vet is required
+                            </mat-error>
+                        </mat-form-field>
+
+                        <mat-form-field class="flex-auto w-full"
+                            *ngIf="customerFarmConfiguration.allowedCustomerFarmFields.PICTattoo">
+                            <mat-label>PIC/Tattoo (if applicable)</mat-label>
+                            <input matInput id="PICTattoo" placeholder="PIC/Tattoo" [formControlName]="'PICTattoo'"
+                                (change)="emitDataToParent()">
+                        </mat-form-field>
+                    </div>
+                </div>
+
+            </div>
+            <!-- Customer Farm section End  -->
+
+        </form>
+    </div>
+    <!-- form code ends here -->
+
+</div>
+<div *ngIf="customerFarmConfiguration.showGrid">
+    <lib-kendo-grid-view [configuration]="gridConfiguration" (events)="handleGridEvents($event)"></lib-kendo-grid-view>
+  </div>

package/src/lib/customer-farm.component.ts

@@ -0,0 +1,207 @@
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { CustomerFarmConfigrationModel, CustomerFarmModel } from './dependencies/customer-farm-model';
+import { ErrorLogService, GridEventsModel, KendoGridviewConfigurationModel, ToastrNotificationService } from '@qubesense/base-services';
+import { CustomerFarmService } from './customer-farm.service';
+
+@Component({
+  selector: 'lib-customer-farm',
+  templateUrl: './customer-farm.component.html',
+  styleUrls: ['./customer-farm.component.scss']
+})
+export class CustomerFarmComponent implements OnInit {
+  @Output() customerFarmData = new EventEmitter<any>();
+  @Input() public customerFarmConfiguration: CustomerFarmConfigrationModel = new CustomerFarmConfigrationModel();
+  customerFarmForm: FormGroup;
+  userMessages: string[] = [];
+  public gridData: any[] = [];
+  gridConfiguration: KendoGridviewConfigurationModel = new KendoGridviewConfigurationModel();
+  hideButtons = false;
+  isViewCall = false;
+  speciesList: any[] = [];
+  filteredCustomers:[];
+
+  constructor(private customerFarmService: CustomerFarmService,
+    private formBuilder: FormBuilder,
+    private errorLogService: ErrorLogService,
+    private toastr: ToastrNotificationService
+  ) { }
+
+  ngOnInit() {
+    this.DeclareForm();
+    if (this.customerFarmConfiguration.showGrid) {
+      this.gridConfiguration.FormCode = 'CUFA';
+      this.gridConfiguration.showModal = true;
+      this.gridConfiguration.actions = { 'View': false, 'Edit': true, 'Delete': true, 'Generate PDF': false };  
+      this.GetListData();
+    }
+  }
+
+  DeclareForm() {
+    this.customerFarmForm = this.formBuilder.group({
+      recordId            : [null],
+      customerId          : [null],
+      customerName        : [null],
+      defaultWarehouse    : [null],
+      personInCharge      : [null],
+      displayName         : [null],
+      primaryVetId        : [null],
+      PICTattoo           : [null],
+      isActive            : [true]
+    });
+    if (this.customerFarmConfiguration.requiredCustomerFarmFields.customerName) {
+      this.customerFarmForm.get('customerName').addValidators(Validators.required);
+      this.customerFarmForm.get('customerName').addValidators(Validators.pattern('^[a-zA-Z ]*$'));
+      this.customerFarmForm.get('customerName').addValidators(Validators.minLength(3));
+    }
+    if (this.customerFarmConfiguration.requiredCustomerFarmFields.defaultWarehouse) {
+      this.customerFarmForm.get('defaultWarehouse').addValidators(Validators.required);
+    }
+    if (this.customerFarmConfiguration.requiredCustomerFarmFields.personInCharge) {
+      this.customerFarmForm.get('personInCharge').addValidators(Validators.required);
+    }
+    if (this.customerFarmConfiguration.requiredCustomerFarmFields.primaryVetId) {
+      this.customerFarmForm.get('primaryVetId').addValidators(Validators.required);
+    }
+  }
+
+  ///////////////////////////////////standard methods/////////////////////////////////////////////////////
+
+  /**
+   * @description
+   *
+   * edit data list item using data item GUID
+   *
+   * @param customerId
+   *
+   *  gets customer GUID from gridData and passes it to this function
+   */
+  async EditData(customerId:string) {
+    const getResponse = await this.customerFarmService.GetDataById(customerId);
+      this.customerFarmForm.controls['recordId'].setValue(getResponse.apiData.recordId);
+      this.customerFarmForm.controls['customerId'].setValue(getResponse.apiData.customerId);
+      this.customerFarmForm.controls['customerName'].setValue(getResponse.apiData.customerName);
+      this.customerFarmForm.controls['defaultWarehouse'].setValue(getResponse.apiData.defaultWarehouse);
+      this.customerFarmForm.controls['personInCharge'].setValue(getResponse.apiData.personInCharge);
+      this.customerFarmForm.controls['displayName'].setValue(getResponse.apiData.displayName);
+      this.customerFarmForm.controls['primaryVetId'].setValue(getResponse.apiData.primaryVetId);
+      this.customerFarmForm.controls['PICTattoo'].setValue(getResponse.apiData.PICTattoo);
+      this.customerFarmForm.controls['isActive'].setValue(getResponse.apiData.isActive);    
+  }
+
+  /**
+   * @description
+   *
+   * this method converts all form inputs into model class
+   *
+   * @returns model with new form values
+   */
+  ConvertFormToModel() {
+    const customerFarmModel = new CustomerFarmModel();
+    customerFarmModel.recordId = this.customerFarmForm.value.recordId;
+    customerFarmModel.customerName = this.customerFarmForm.value.customerName;
+    customerFarmModel.defaultWarehouse = this.customerFarmForm.value.defaultWarehouse;
+    customerFarmModel.personInCharge = this.customerFarmForm.value.personInCharge;
+    customerFarmModel.displayName = this.customerFarmForm.value.displayName;
+    customerFarmModel.primaryVetId = this.customerFarmForm.value.primaryVetId;
+    customerFarmModel.PICTattoo = this.customerFarmForm.value.PICTattoo;
+    customerFarmModel.customerId = this.customerFarmConfiguration.customerId;
+    customerFarmModel.formCode = this.customerFarmConfiguration.formCode;
+
+    return customerFarmModel;
+  }
+
+  /**
+   * @description
+   * clear form data
+   */
+  ClearForm() {
+    this.DeclareForm();
+  }
+
+  emitDataToParent() {
+    let customerFarmModel = new CustomerFarmModel();
+    customerFarmModel = this.ConvertFormToModel();
+    this.customerFarmData.emit(customerFarmModel);
+  }
+
+  /**
+   * @description
+   *
+   * Insert customer data into database
+   */
+  public async InsertData() {
+    let customerFarmModel = new CustomerFarmModel();
+    customerFarmModel = this.ConvertFormToModel();
+    const getResponse = await this.customerFarmService.InsertData(customerFarmModel);
+    this.userMessages = getResponse.message.userMessage;
+    if (this.customerFarmConfiguration.userMessages) {
+      this.toastr.ShowSuccess(this.userMessages.toString());
+    }
+  }
+
+  /**
+   * @description
+   *
+   * update customer data into database
+   */
+  public async UpdateData() {
+    let customerFarmModel = new CustomerFarmModel();
+    customerFarmModel = this.ConvertFormToModel();
+    const getResponse = await this.customerFarmService.UpdateData(customerFarmModel);
+    this.userMessages = getResponse.message.userMessage;
+    if (this.customerFarmConfiguration.userMessages) {
+      this.toastr.ShowSuccess(this.userMessages.toString());
+    }
+  }
+
+  /**
+  * @description
+  *
+  * Delete customer data into database
+  */
+  public async DeleteData(value) {
+    const getResponse = await this.customerFarmService.DeleteData(value);
+    this.userMessages = getResponse.message.userMessage;
+    if (this.customerFarmConfiguration.userMessages) {
+      this.toastr.ShowSuccess(this.userMessages.toString());
+    }
+  }
+
+  /**
+     * @description
+     * 
+     * Grid events calls
+     */
+  handleGridEvents(gridEvents: GridEventsModel) {
+    gridEvents.editRecord.subscribe((recordId) => {
+      this.hideButtons = false;
+      this.isViewCall = false;
+      this.EditData(recordId);
+      this.customerFarmForm.enable();
+    });
+    gridEvents.deleteRecord.subscribe((recordId) => {
+      this.DeleteData(recordId);
+    });
+    gridEvents.viewRecord.subscribe(async (recordId) => {
+      this.EditData(recordId);
+      this.customerFarmForm.disable();
+    });
+  }
+
+  
+   /**
+     * @description
+     * get data for Customer grid list
+     */
+   public async GetListData() {
+    const customerFarmModel = new CustomerFarmModel();
+    try {
+      const getResponse = await this.customerFarmService.GetListData(customerFarmModel);
+      this.gridData = getResponse.apiData;
+    } catch (error) {
+      this.errorLogService.saveError(error);
+      this.toastr.ShowAllErrors(error.error.message.userMessage);
+    }
+  }
+}

package/src/lib/customer-farm.module.ts

@@ -0,0 +1,54 @@
+import { NgModule } from '@angular/core';
+import { CustomerFarmComponent } from './customer-farm.component';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { CdkStepperModule } from '@angular/cdk/stepper';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { MatButtonModule } from '@angular/material/button';
+import { MatOptionModule, MatNativeDateModule } from '@angular/material/core';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatGridListModule } from '@angular/material/grid-list';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { MatSelectModule } from '@angular/material/select';
+import { MatStepperModule } from '@angular/material/stepper';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { ButtonsModule } from '@progress/kendo-angular-buttons';
+import { GridModule, SharedModule, ExcelModule } from '@progress/kendo-angular-grid';
+import { KendoGridViewModule } from '@qubesense/base-services';
+
+@NgModule({
+  declarations: [
+    CustomerFarmComponent
+  ],
+  imports: [
+    MatIconModule,
+        MatInputModule,
+        MatToolbarModule,
+        ReactiveFormsModule,
+        FormsModule,
+        CommonModule,
+        GridModule,
+        ButtonsModule,
+        MatGridListModule,
+        MatFormFieldModule,
+        ReactiveFormsModule,
+        MatInputModule,
+        MatOptionModule,
+        MatSelectModule,
+        MatCheckboxModule,
+        SharedModule,
+        MatButtonModule,
+        MatDatepickerModule,
+        MatNativeDateModule,
+        ExcelModule,
+        MatStepperModule,
+        CdkStepperModule,
+        KendoGridViewModule
+  ],
+  exports: [
+    CustomerFarmComponent
+  ]
+})
+export class CustomerFarmModule { }

package/src/lib/customer-farm.service.ts

@@ -0,0 +1,126 @@
+import { Injectable } from '@angular/core';
+import { DataAccessService, WebApiResult } from '@qubesense/base-services';
+import { CustomerFarmApiUrls } from './dependencies/customer-farm-api-urls';
+import { CustomerFarmModel } from './dependencies/customer-farm-model';
+
+
+@Injectable({
+    providedIn: 'root'
+})
+export class CustomerFarmService {
+
+    constructor(private dataAccessService: DataAccessService) { }
+
+    customerFarmApiUrls = new CustomerFarmApiUrls();
+
+    /**
+     * service for get customer data by Id
+     * 
+     * @param customerGUID 
+     * 
+     * @returns Response Data from Database
+     */
+    public async GetDataById(customerGUID: string): Promise<WebApiResult> {
+        try {
+            const url = this.customerFarmApiUrls.getCustomerFarmByIdUrl + '/' + customerGUID;
+            const resultResponse = await this.dataAccessService.GetDataById(url);
+            return resultResponse;
+        } catch (error) {
+            throw error;
+        }
+    }
+
+    /**
+     * service for inserting customer data into database
+     * 
+     * @param customerFarmModel 
+     * 
+     * @returns Response message from Database
+     */
+    public async InsertData(customerFarmModel: CustomerFarmModel) {
+        try {
+            const url = this.customerFarmApiUrls.insertCustomerFarmDataUrl;
+            const resultResponse = await this.dataAccessService.InsertData(url, customerFarmModel);
+            return resultResponse;
+        } catch (error) {
+            throw error;
+        }
+    }
+
+    /**
+     * service for update customer Data
+     * 
+     * @param customerFarmModel 
+     * 
+     * @returns Response message from Database
+     */
+    public async UpdateData(customerFarmModel: CustomerFarmModel) {
+        try {
+            const url = this.customerFarmApiUrls.updateCustomerFarmDataUrl;
+            const resultResponse = await this.dataAccessService.UpdateData(url, customerFarmModel);
+            return resultResponse;
+        } catch (error) {
+            throw error;
+        }
+    }
+
+    /**
+     * service for delete customer data by GUID
+     * 
+     * @param customerFarmModel 
+     * 
+     * @returns Response message from Database
+     */
+    public async DeleteData(recordId: any) {
+        try {
+            const url = this.customerFarmApiUrls.deleteCustomerFarmDataUrl + '/' + recordId;
+            const resultResponse = await this.dataAccessService.DeleteData(url);
+            return resultResponse;
+        }
+        catch (error) {
+            throw error;
+        }
+    }
+
+    /**
+     * service for get data for customer grid 
+     * 
+     * @param customerFarmModel 
+     * 
+     * @returns Response Data from Database
+     */
+    public async GetListData(customerDataModel: CustomerFarmModel) {
+        try {
+            const url = this.customerFarmApiUrls.getCustomerFarmListUrl;
+            const resultResponse = await this.dataAccessService.GetListData(url, customerDataModel);
+            return resultResponse;
+        } catch (error) {
+            throw error;
+        }
+    }
+
+    /**
+     * service for get data for customer DropDown List
+     * 
+     * @returns 
+     */
+    public async GetCustomersDropdownList() {
+        try {
+            const url = this.customerFarmApiUrls.getCustomerFarmDropdownListUrl;
+            const resultResponse = await this.dataAccessService.GetDropdownListData(url);
+            return resultResponse;
+        } catch (error) {
+            throw error;
+        }
+    }
+
+    public async GetCustomerListByKeyword(value:string) {
+        try {
+            const url = this.customerFarmApiUrls.getcustomerlistbykeyword + '/' + value;
+            const resultResponse = await this.dataAccessService.GetDataById(url);
+            return resultResponse;
+        } catch (error) {
+            throw error;
+        }
+    }
+}

package/src/lib/dependencies/customer-farm-api-urls.ts

@@ -0,0 +1,22 @@
+export class CustomerFarmApiUrls {
+    //api Url string for get data by Id
+    getCustomerFarmByIdUrl: string = 'api/CustomerFarm/GetById';
+    
+    //api Url string for insert Customer data
+    insertCustomerFarmDataUrl: string = 'api/CustomerFarm/Create';
+
+    //api Url string for update Customer record
+    updateCustomerFarmDataUrl: string = 'api/CustomerFarm/Update';
+
+    //api Url string for delete Customer record
+    deleteCustomerFarmDataUrl: string = 'api/CustomerFarm/Delete';
+
+    //api Url string for get Customer list
+    getCustomerFarmListUrl: string = 'api/CustomerFarm/GetAll';
+   
+    //api Url string for get Customer dropdown list
+    getCustomerFarmDropdownListUrl: string = 'api/CustomerFarm/GetDropdownList';
+
+    //api Url string for get Customer dropdown list
+    getcustomerlistbykeyword: string = 'api/CustomerFarm/SearchCustomer';
+}