Merge pull request #84 from sourcefuse/GH-83

feat(arc-saas): adding new feature named identity feature

Author: yeshamavani

projects/saas-ui/src/app/main/components/add-plan/add-plan.component.html

@@ -189,25 +189,49 @@ <h3>Plan Configuration</h3>
                   >
                     <div class="feature-details">
                       <span class="feature-name">{{ feature.name }}</span>
+                      <!-- for boolean -->
                       <div class="feature-input">
                         <nb-toggle
                           *ngIf="feature.type === 'boolean'"
                           [formControlName]="feature.key"
                         ></nb-toggle>
+                        <!-- for number -->
                         <input
                           *ngIf="feature.type === 'number'"
                           nbInput
                           type="number"
                           [formControlName]="feature.key"
                           placeholder="{{ feature.name }}"
                         />
+                        <!-- for conditional metadata handling -->
+                        <div class="select">
+                          <nb-select
+                            *ngIf="
+                              feature.metadata && feature.metadata.length > 0
+                            "
+                            class="dropdown-wrapper"
+                            placeholder="Select your Choice"
+                            status="basic"
+                            [formControlName]="feature.key"
+                          >
+                            <nb-option
+                              *ngFor="let option of feature.metadata"
+                              [value]="option"
+                            >
+                              {{ option }}
+                            </nb-option>
+                          </nb-select>
+                        </div>
+
+                        <!-- For string input when metadata is empty -->
                         <input
-                          *ngIf="feature.type === 'string'"
+                          *ngIf="!feature.metadata && feature.type === 'string'"
                           nbInput
                           type="text"
                           [formControlName]="feature.key"
                           placeholder="{{ feature.name }}"
                         />
+                        <!-- for object -->
                         <textarea
                           *ngIf="feature.value_type === 'object'"
                           nbInput
@@ -232,7 +256,7 @@ <h3>Plan Configuration</h3>
             >
               Cancel
             </button>
-            
+
             <button
               nbButton
               size="medium"

projects/saas-ui/src/app/main/components/add-plan/add-plan.component.ts

@@ -183,7 +183,7 @@ export class AddPlanComponent implements OnInit {
           );
           break;
         case 'string':
-          control = new FormControl();
+          control = new FormControl(feature.defaultValue || '');
           break;
         case 'object':
           control = new FormControl();
@@ -273,7 +273,6 @@ export class AddPlanComponent implements OnInit {
               {} as {[key: string]: any},
             )
         : {};
-      console.log(this.addPlanForm.value);
       const generalDetailsData = {
         name: domainData.name,
         billingCycleId: domainData.billingCycleId,
@@ -297,7 +296,6 @@ export class AddPlanComponent implements OnInit {
       )
         .map(key => {
           const feature = this.featureValue.features.find(f => f.id === key);
-          console.log(feature);
           return {
             id: selectedFeatures[key].id,
             featureKey: feature.id,
@@ -308,15 +306,12 @@ export class AddPlanComponent implements OnInit {
           };
         })
         .filter(item => item.id !== null);
-      console.log(updateFeatureDetails);
       this.featureListService
         .editFeatures(
           updateFeatureDetails,
           this.activateRoute.snapshot.params.id,
         )
-        .subscribe(respFeature => {
-          console.log(respFeature);
-        });
+        .subscribe(respFeature => {});
     } else {
       // Handle form validation errors if necessary
       console.error('Form is invalid');
@@ -374,6 +369,11 @@ export class AddPlanComponent implements OnInit {
   getFeatures() {
     this.featureListService.getFeatures().subscribe(res => {
       this.featureOption = res;
+      this.featureOption.forEach(feature => {
+        if (typeof feature.metadata === 'string') {
+          feature.metadata = feature.metadata.split(',');
+        }
+      });
       this.createFeatureControls();
     });
   }

projects/saas-ui/src/app/shared/models/feature.model.ts

@@ -1,12 +1,15 @@
+import {AnyObject} from '@project-lib/core/api';
 import {FeatureValues} from './feature-values.model';
 
 export class Features {
+  [x: string]: any;
   id?: string;
   name: string;
   description: string;
   key: string;
   type: 'boolean' | 'number' | 'string' | 'object';
-  defaultValue: any;
+  defaultValue: 'boolean' | 'number' | 'string' | 'object';
+  metadata?: any;
   value?: FeatureValues;
   constructor(data?: Partial<Features>) {
     this.id = data?.id;
@@ -16,5 +19,6 @@ export class Features {
     this.type = data.type;
     this.defaultValue = data.defaultValue;
     this.value = data.value;
+    this.metadata = data?.metadata;
   }
 }