tango-app-ui-analyse-trax 3.9.2 → 3.9.3

package/src/lib/components/create-task/create-task.data.ts

@@ -0,0 +1,372 @@
+export const descriptive_question_template = {
+    "qname": "",
+    "answerType": "descriptive",
+    "runAI": false,
+    "runAIDescription": "",
+    "allowUploadfromGallery": false,
+    "linkType": false,
+    "questionReferenceImage": [],
+    "descriptivetype": "text",
+    "answers": [
+        {
+            "answer": "",
+            "sopFlag": false,
+            "validation": false,
+            "validationType": "",
+            "validationAnswer": "",
+            "referenceImage": [],
+            "showLinked": false,
+            "linkedQuestion": 0,
+            "nestedQuestion": []
+        }
+    ]
+}
+export const yesorno_question_template = {
+    "qname": "",
+    "answerType": "yes/no",
+    "runAI": false,
+    "runAIDescription": "",
+    "allowUploadfromGallery": false,
+    "linkType": false,
+    "questionReferenceImage": [],
+    "answers": [
+        {
+            "answer": "Yes",
+            "sopFlag": false,
+            "validation": false,
+            "validationType": "",
+            "linkedQuestion": 0,
+            "showLinked": false,
+            "referenceImage": [],
+            "runAI": false,
+            "allowUploadfromGallery": false,
+            "descriptivetype": "",
+            "nestedQuestion": []
+        },
+        {
+            "answer": "No",
+            "sopFlag": false,
+            "validation": false,
+            "validationType": "",
+            "linkedQuestion": 0,
+            "showLinked": false,
+            "referenceImage": [],
+            "runAI": false,
+            "allowUploadfromGallery": false,
+            "descriptivetype": "",
+            "nestedQuestion": []
+        }
+    ]
+}
+export const multiplechoicesingle_question_template = {
+    "qname": "",
+    "answerType": "multiplechoicesingle",
+    "runAI": false,
+    "runAIDescription": "",
+    "allowUploadfromGallery": false,
+    "linkType": false,
+    "questionReferenceImage": [],
+    "answers": [
+        {
+            "answer": "",
+            "sopFlag": false,
+            "validation": false,
+            "validationType": "",
+            "linkedQuestion": 0,
+            "showLinked": false,
+            "referenceImage": [],
+            "runAI": false,
+            "allowUploadfromGallery": false,
+            "descriptivetype": "",
+            "nestedQuestion": []
+        },
+        {
+            "answer": "",
+            "sopFlag": false,
+            "validation": false,
+            "validationType": "",
+            "linkedQuestion": 0,
+            "showLinked": false,
+            "referenceImage": [],
+            "runAI": false,
+            "allowUploadfromGallery": false,
+            "descriptivetype": "",
+            "nestedQuestion": []
+        }
+    ]
+}
+export const dropdown_question_template = {
+    "qname": "",
+    "answerType": "dropdown",
+    "allowMultiple": false,
+    "runAI": false,
+    "runAIDescription": "",
+    "allowUploadfromGallery": false,
+    "linkType": false,
+    "questionReferenceImage": [],
+    "answers": [
+        {
+            "answer": "",
+            "sopFlag": false,
+            "validation": false,
+            "validationType": "",
+            "linkedQuestion": 0,
+            "showLinked": false,
+            "referenceImage": [],
+            "runAI": false,
+            "allowUploadfromGallery": false,
+            "descriptivetype": "",
+            "nestedQuestion": []
+        },
+        {
+            "answer": "",
+            "sopFlag": false,
+            "validation": false,
+            "validationType": "",
+            "linkedQuestion": 0,
+            "showLinked": false,
+            "referenceImage": [],
+            "runAI": false,
+            "allowUploadfromGallery": false,
+            "descriptivetype": "",
+            "nestedQuestion": []
+        }
+    ]
+}
+export const multiplechoice_answer_template = {
+    "answer": "",
+    "sopFlag": false,
+    "validation": false,
+    "validationType": "",
+    "referenceImage": [],
+    "runAI": false,
+    "allowUploadfromGallery": false,
+    "descriptivetype": "",
+    "showLinked": false,
+    "linkedQuestion": 0,
+    "nestedQuestion": []
+}
+export const multiplechoicemultiple_question_template = {
+    "qname": "",
+    "answerType": "multiplechoicemultiple",
+    "runAI": false,
+    "runAIDescription": "",
+    "allowUploadfromGallery": false,
+    "linkType": false,
+    "questionReferenceImage": [],
+    "answers": [
+        {
+            "answer": "",
+            "sopFlag": false,
+            "validation": false,
+            "validationType": "",
+            "referenceImage": [],
+            "runAI": false,
+            "allowUploadfromGallery": false,
+            "descriptivetype": "",
+            "showLinked": false,
+            "linkedQuestion": 0,
+            "nestedQuestion": []
+        },
+        {
+            "answer": "",
+            "sopFlag": false,
+            "validation": false,
+            "validationType": "",
+            "referenceImage": [],
+            "runAI": false,
+            "allowUploadfromGallery": false,
+            "descriptivetype": "",
+            "showLinked": false,
+            "linkedQuestion": 0,
+            "nestedQuestion": []
+        }
+    ]
+}
+
+export const descriptiveImage_question_template =  {
+        "qname": "",
+        "answerType": "descriptiveImage",
+        "runAI": false,
+        "runAIDescription": "",
+        "allowUploadfromGallery": false,
+        "linkType": false,
+        "questionReferenceImage": [],
+        "answers": [
+            {
+                "answer": "",
+                "sopFlag": false,
+                "validation": false,
+                "validationType": "",
+                "validationAnswer": "",
+                "referenceImage": [],
+                "showLinked": false,
+                "linkedQuestion": 0,
+                "nestedQuestion": []
+            }
+        ]
+    }
+export const image_question_template =  {
+        "qname": "",
+        "answerType": "image",
+        "runAI": false,
+        "runAIDescription": "",
+        "allowUploadfromGallery": false,
+        "linkType": false,
+        "questionReferenceImage": [],
+        "answers": [
+            {
+                "answer": "",
+                "sopFlag": false,
+                "validation": false,
+                "validationType": "",
+                "validationAnswer": "",
+                "referenceImage": [],
+                "showLinked": false,
+                "linkedQuestion": 0,
+                "nestedQuestion": []
+            }
+        ]
+    }
+ export const video_question_template =  {
+        "qname": "",
+        "answerType": "video",
+        "runAI": false,
+        "runAIDescription": "",
+        "allowUploadfromGallery": false,
+        "linkType": false,
+        "questionReferenceImage": [],
+        "answers": [
+            {
+                "answer": "",
+                "sopFlag": false,
+                "validation": false,
+                "validationType": "",
+                "validationAnswer": "",
+                "referenceImage": [],
+                "showLinked": false,
+                "linkedQuestion": 0,
+                "nestedQuestion": []
+            }
+        ]
+    }
+ export const multipleImage_question_template =  {
+        "qname": "",
+        "answerType": "multipleImage",
+        "runAI": false,
+        "runAIDescription": "",
+        "allowUploadfromGallery": false,
+        "linkType": false,
+        "questionReferenceImage": [],
+        "descriptivetype": "text",
+        "answers": [
+            {
+                "answer": "",
+                "sopFlag": false,
+                "validation": false,
+                "validationType": "",
+                "validationAnswer": "",
+                "referenceImage": [],
+                "showLinked": false,
+                "linkedQuestion": 0,
+                "descriptivetype": "",
+                "nestedQuestion": []
+            }
+        ],
+  }
+ export const date_question_template = {
+        "qname": "",
+        "answerType": "date",
+        "runAI": false,
+        "runAIDescription": "",
+        "allowUploadfromGallery": false,
+        "linkType": false,
+        "questionReferenceImage": [],
+        "answers": [
+            {
+                "answer": "",
+                "sopFlag": false,
+                "validation": false,
+                "validationType": "",
+                "validationAnswer": "",
+                "referenceImage": [],
+                "showLinked": false,
+                "linkedQuestion": 0,
+                "nestedQuestion": [],
+                "historicDate": false
+            }
+        ]
+    }
+  export const linearscale_question_template = {
+        "qname": "",
+        "answerType": "linearscale",
+        "runAI": false,
+        "runAIDescription": "",
+        "allowUploadfromGallery": false,
+        "linkType": false,
+        "questionReferenceImage": [],
+        "answers": [
+            {
+                "answer": "",
+                "sopFlag": false,
+                "validation": false,
+                "validationType": "",
+                "validationAnswer": "",
+                "referenceImage": [],
+                "showLinked": false,
+                "linkedQuestion": 0,
+                "rangeStart": 0,
+                "rangeEnd": 100,
+                "linearType": "degree",
+                "nestedQuestion": []
+            }
+        ]
+    }
+ export const time_question_template = {
+        "qname": "",
+        "answerType": "time",
+        "runAI": false,
+        "runAIDescription": "",
+        "allowUploadfromGallery": false,
+        "linkType": false,
+        "questionReferenceImage": [],
+        "answers": [
+            {
+                "answer": "",
+                "sopFlag": false,
+                "validation": false,
+                "validationType": "",
+                "validationAnswer": "",
+                "referenceImage": [],
+                "showLinked": false,
+                "linkedQuestion": 0,
+                "nestedQuestion": []
+            }
+        ]
+    }
+export const image_video_question_template = {
+    "qname": "",
+    "answerType": "image/video",
+    "runAI": false,
+    "runAIDescription": "",
+    "allowUploadfromGallery": false,
+    "linkType": false,
+    "questionReferenceImage": [],
+    "answers": [
+        {
+            "answer": "",
+            "sopFlag": false,
+            "validation": false,
+            "validationType": "",
+            "validationAnswer": "",
+            "referenceImage": [],
+            "showLinked": false,
+            "linkedQuestion": 0,
+            "nestedQuestion": [],
+            "allowUploadfromGallery": false,
+            "limit": false,
+            "imageLimit": 1,
+            "videoLimit": 1
+        }
+    ]
+}

package/src/lib/components/create-task/create-task.interface.ts

@@ -0,0 +1,182 @@
+import { FormGroup, FormArray, FormControl } from '@angular/forms';
+
+export type AnswerType = 'descriptive' | 'yes/no' | 'multiplechoicesingle' | 'multiplechoicemultiple' | 'descriptiveImage' | 'image' | 'video' | 'multipleImage' | 'date' | 'linearscale' | 'time' | 'dropdown' | 'image/video';
+
+export type DescriptiveType = 'text' | 'number' | '' ;
+
+export type ValidationType = 'Capture Image' | 'Descriptive Answer' | 'Capture Video' | '';
+
+export interface ITask {
+  alert: {
+    usageExceeds: any | null;
+    alertsTo: any[];
+  };
+  _id: string;
+  type: string;
+  checkListNumber: number;
+  checkListName: string;
+  checkListDescription: string;
+  createdBy: string;
+  createdByName: string;
+  publish: boolean;
+  schedule: string;
+  scheduleRepeatedDay: string[];
+  scheduleStartTime: string;
+  scheduleEndTime: string;
+  configStartDate: string | null;
+  configEndDate: string | null;
+  specificDate: string[];
+  scheduleWeekDays: string[];
+  scheduleRepeatedMonthSetup: string;
+  scheduleRepeatedMonthDate: string;
+  allowedOverTime: boolean;
+  allowedStoreLocation: boolean;
+  detectionArea: any[];
+  client_id: string;
+  questionCount: number;
+  storeCount: number;
+  checkListType: string;
+  isdeleted: boolean;
+  markasread: boolean;
+  allowedMultiSubmit: boolean;
+  allowOnce: boolean;
+  scheduleRepeatedMonthWeek: string;
+  scheduleRepeatedType: string;
+  scheduleDate: string | null;
+  createdAt: string;
+  updatedAt: string;
+  locationCount: number;
+  publishDate: string;
+  scheduleEndTimeISO: string;
+  scheduleStartTimeISO: string;
+  assignedUsers: any[];
+  removedUsers: any[];
+  sections: Section[]
+}
+
+export interface Section {
+  id: string;
+  name: string;
+  questions: Question[];
+}
+
+export interface Question {
+  qno?: number;
+  qname: string;
+  answerType: AnswerType;
+  allowMultiple?: boolean;
+  runAI: boolean;
+  runAIDescription: string;
+  allowUploadfromGallery: boolean;
+  linkType: boolean;
+  questionReferenceImage: string[];
+  answers: Answer[];
+  descriptivetype?:DescriptiveType
+
+}
+
+export interface Answer {
+  answer: string;
+  answeroptionNumber?: number;
+  sopFlag: boolean;
+  validation: boolean;
+  validationType: ValidationType;
+  referenceImage: string[];
+  showLinked: boolean;
+  linkedQuestion: number;
+  nestedQuestion:any[]
+  validationAnswer?:string,
+  allowUploadfromGallery?: boolean;
+  runAI?: boolean;
+  rangeStart?: number;
+  rangeEnd?: number;
+  linearType?: 'degree' | 'number' | 'percentage';
+  descriptivetype?:DescriptiveType;
+  index?:number;
+  limit?: boolean;
+  imageLimit?: number;
+  videoLimit?: number;
+  historicDate?: boolean;
+}
+
+export interface TaskForm {
+  checklistName: FormControl<string | null>;
+  checklistDescription: FormControl<string | null>;
+  sections: FormArray<FormGroup<SectionForm>> ;
+}
+
+
+export interface SectionForm {
+  id: FormControl<string | null>;
+  name: FormControl<string | null>;
+  oldName?: FormControl<string[] | null | undefined>;
+  questions: FormArray<FormGroup<QuestionForm>>;
+}
+
+export interface QuestionForm {
+  qno: FormControl<number | null>;
+  qname: FormControl<string | null>;
+  oldQname?: FormControl<string[] | null | undefined>;
+  answerType: FormControl<AnswerType | null>;
+  allowMultiple?: FormControl<boolean | null>;
+  runAI: FormControl<boolean | null>;
+  runAIDescription: FormControl<string | null>;
+  allowUploadfromGallery: FormControl<boolean | null>;
+  linkType: FormControl<boolean | null>;
+  questionReferenceImage: FormControl<string[] | null>;
+  descriptivetype?: FormControl<DescriptiveType | null >;
+  answers: FormArray<FormGroup<AnswerForm>>;
+}
+
+
+
+export interface AnswerForm {
+  answer: FormControl<string | null>;
+  answeroptionNumber: FormControl<number | null>;
+  sopFlag: FormControl<boolean | null>;
+  validation: FormControl<boolean | null>;
+  validationType: FormControl<ValidationType | null>;
+  referenceImage: FormControl<string[] | null>;
+  showLinked: FormControl<boolean | null>;
+  linkedQuestion: FormControl<number | null>;
+  nestedQuestion:FormControl<any | null>
+  validationAnswer?: FormControl<string | null>,
+  descriptivetype?: FormControl<DescriptiveType | null>;
+  allowUploadfromGallery?: FormControl<boolean | null>;
+  runAI?: FormControl<boolean | null>;
+  rangeStart?: FormControl<number | null>;
+  rangeEnd?: FormControl<number | null>;
+  linearType?: FormControl<'degree' | 'number' | 'percentage' | null>;
+  index: FormControl<number | null>;
+  limit?: FormControl<boolean | null>;
+  imageLimit?: FormControl<number | null>;
+  videoLimit?: FormControl<number | null>;
+  historicDate?: FormControl<boolean | null>;
+}
+
+
+interface DateRange {
+  startDate: string;
+  endDate: string;
+}
+
+interface Store {
+  storeId: string;
+  storeName: string;
+  checked: boolean;
+}
+
+interface Group {
+  city: string;
+  checked: boolean;
+}
+
+export interface HeaderFilter {
+  client: string;
+  clientName: string;
+  clients: string[];
+  store: null | string;
+  date: DateRange;
+  stores: Store[];
+  group: Group[];
+}

package/src/lib/components/create-task/validators/ascending-validator.ts

@@ -0,0 +1,13 @@
+import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
+
+export function rangeValidator(): ValidatorFn {
+  return (control: AbstractControl): ValidationErrors | null => {
+    const rangeStart = control.get('rangeStart')?.value;
+    const rangeEnd = control.get('rangeEnd')?.value;
+
+    if (rangeStart != null && rangeEnd != null && rangeStart >= rangeEnd) {
+      return { invalidRange: true };
+    }
+    return null;
+  };
+}

package/src/lib/components/create-task/validators/unique-string-validator.ts

@@ -0,0 +1,13 @@
+import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
+
+export function uniqueStringValidator(): ValidatorFn {
+    return (formArray: AbstractControl): ValidationErrors | null => {
+      if (!formArray || !formArray.value) return null;
+  
+      const answers = formArray.value.map((group: any) => group.answer?.trim().toLowerCase());
+      const duplicates = answers.filter((answer: string, index: number) => answer && answers.indexOf(answer) !== index);
+  
+      return duplicates.length > 0 ? { duplicateString: true } : null;
+    };
+  }
+  

package/src/lib/components/create-task/validators/whitespace-validator.ts

@@ -0,0 +1,11 @@
+import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
+
+export function noWhitespaceValidator(): ValidatorFn {
+  return (control: AbstractControl): ValidationErrors | null => {
+    if (typeof control.value !== 'string') {
+      return null;
+    }
+    const isValid = control.value.trim().length > 0;
+    return isValid ? null : { whitespace: true };
+  };
+}

package/src/lib/components/custom-select/custom-select.component.html

@@ -0,0 +1,44 @@
+<div class="outer-container">
+    <div [ngClass]="disabled ? 'disable-input':''"  (click)="openDropdown($event)"  class="form-select">
+    <ng-container *ngIf="multi" >
+    <span *ngIf="selectedValues?.length" class="select-value mx-2"> {{selectedValues?.[0]?.[searchField]}}</span> 
+    <!-- <span *ngIf="selectedValues?.length > 1" class="select-value mx-2"><img class="me-2"  alt="Pic" src="./assets/tango/Image/users-teams.svg">{{selectedValues?.[1]?.[searchField]}}</span>  -->
+    <span class="select-value mx-2" *ngIf="selectedValues?.length > 1">+{{selectedValues?.length -1}}</span> {{label}}    
+    </ng-container>
+    <ng-container *ngIf="!multi" >
+        {{selectedValues?.[0]?.[searchField]}}
+    </ng-container>
+    </div>
+    <div [ngClass]="showDropdown ? '' : 'd-none'" class="input-container dropdown" >
+        <div class="w-100 input-wrapper">
+        <input [(ngModel)]="searchValue" placeholder="Search"  (input)="onInput($event)" type="text">  
+        <svg class="search-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
+            <path d="M14 14.5L11.1 11.6M12.6667 7.83333C12.6667 10.7789 10.2789 13.1667 7.33333 13.1667C4.38781 13.1667 2 10.7789 2 7.83333C2 4.88781 4.38781 2.5 7.33333 2.5C10.2789 2.5 12.6667 4.88781 12.6667 7.83333Z" stroke="#667085" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+          </svg>  
+        </div>
+        <ul>
+            <li *ngIf="multi && filteredValues?.length">
+                <label class="form-check" [for]="instanceId">
+                    <input (change)="onSelectAll($event)" [checked]="checkIfAllSelected()" class="form-check-input me-3" type="checkbox"
+                    [id]="instanceId">
+                    <span class="form-check-label" >
+                        Select All
+                    </span>
+                </label>
+            </li>
+            <li *ngFor="let item of filteredValues" [ngClass]="item.isSelected && !multi ? 'selected' : ''" >
+                <label [for]="item[idField] + instanceId" [ngClass]="multi  ? '': 'ps-0'" class="form-check">
+                    <input [ngClass]="multi  ? '': 'd-none'" (change)="onSelect($event, item)" [(ngModel)]="item.isSelected" class="form-check-input me-3" type="checkbox" value=""
+                        [id]="item[idField] + instanceId">
+                    <span class="form-check-label" >
+                        {{item[searchField]}}
+                    </span>
+                </label>
+            </li>
+            <li *ngIf="!filteredValues?.length" >
+                <span class="d-flex align-items-center justify-content-center" >No data found</span>
+            </li>
+        </ul>  
+    </div>  
+   
+</div>