fixing website url issue

Author: mansurskTarento

project/ws/app/src/lib/routes/home/routes/marketplace-provider/components/configure-marketplace-providers/configure-marketplace-providers.component.html

@@ -37,7 +37,9 @@
                 <div class="flex flex-col w-full gap-10">
                   <div class="flex flex-col gap-4">
                     <span class="instruction-text mb-2">Open & follow these instruction</span>
-                    <span class="instruction-text">1.Please ensure the Certificate file is named correctly.</span>
+                    <ng-container *ngFor="let instruction of instructionsList; let i = index">
+                      <span class="instruction-text">{{i+1}}.{{instruction}} </span>
+                    </ng-container>
                   </div>
                   <ws-app-transformations [providerDetails]="providerDetails"
                     [transformationType]="'certificateTemplateUrl'" (loadProviderDetails)="getProviderDetails(true)"

project/ws/app/src/lib/routes/home/routes/marketplace-provider/components/configure-marketplace-providers/configure-marketplace-providers.component.ts

@@ -32,6 +32,10 @@ export class ConfigureMarketplaceProvidersComponent implements OnInit {
     helpVideoLink: `/assets/public/content/guide-videos/CIOS_Updated_demo.mp4`,
   }
 
+  instructionsList = [
+    'Please ensure the Certificate file is named correctly'
+  ]
+
   constructor(
     private activateRoute: ActivatedRoute,
     private snackBar: MatSnackBar,
@@ -49,6 +53,10 @@ export class ConfigureMarketplaceProvidersComponent implements OnInit {
         this.disableCourseCatalog = false
         this.providerDetails = data.providerDetails.data.result
       }
+      if (_.get(data, 'pageData.data.configureCertificateGuide')) {
+        this.helpCenterGuide = _.get(data, 'pageData.data.configureCertificateGuide.helpCenterGuide', this.helpCenterGuide)
+        this.instructionsList = _.get(data, 'pageData.data.configureCertificateGuide.instructions', this.instructionsList)
+      }
     })
   }
 

project/ws/app/src/lib/routes/home/routes/marketplace-provider/components/provider-details/provider-details.component.html

@@ -73,7 +73,7 @@
           <span class="lable">Website URL</span>
         </div>
         <mat-form-field class="w-full provider-input-form">
-          <input formControlName="websiteUrl" matInput placeholder="Type here" maxlength="70">
+          <input formControlName="websiteUrl" matInput placeholder="Type here" maxlength="1024">
           <mat-error [hidden]="false" aria-label="Event title Error|Explains event title is required "
             *ngIf="getControlValidation('websiteUrl', 'required')">
             Website URL is mandatory
@@ -82,9 +82,9 @@
             *ngIf="getControlValidation('websiteUrl', 'pattern')">
             Please give valid URL
           </mat-error>
-          <mat-hint class="w-full flex justify-between items-center">
-            <span class="input-note">Only ( a-z/A-Z/0-9 . - _ $ / : [ ]' !) characters are supported</span>
-            <span class="input-note">{{getTextLength('websiteUrl')}}/70</span>
+          <mat-hint class="w-full flex justify-end items-center">
+            <!-- <span class="input-note">Please give valid URL</span> -->
+            <span class="input-note">{{getTextLength('websiteUrl')}}/1024</span>
           </mat-hint>
         </mat-form-field>
       </div>

project/ws/app/src/lib/routes/home/routes/marketplace-provider/components/provider-details/provider-details.component.ts

@@ -64,7 +64,7 @@ export class ProviderDetailsComponent implements OnInit, OnChanges {
     this.providerFormGroup = this.formBuilder.group({
       contentPartnerName: new FormControl('', [Validators.required, Validators.pattern(/^[a-zA-Z0-9.\-_$/:\[\] ' !]*$/), Validators.maxLength(70)]),
       partnerCode: new FormControl('', [Validators.required, Validators.pattern(/^[a-zA-Z0-9]*$/), Validators.maxLength(6)]),
-      websiteUrl: new FormControl('', [Validators.required, Validators.pattern(/^(https?|http):\/\/[^\s/$.?#].[^\s]*$/), Validators.maxLength(70)]),
+      websiteUrl: new FormControl('', [Validators.required, Validators.pattern(/^(https?|http):\/\/[^\s/$.?#].[^\s]*$/), Validators.maxLength(1024)]),
       description: new FormControl('', [Validators.required, Validators.pattern(/^[a-zA-Z0-9,.\-_$/:\[\] ' !]*$/), Validators.maxLength(500)]),
       providerTips: this.formBuilder.array([]),
     })

project/ws/app/src/lib/routes/home/routes/marketplace-provider/components/transformations/transformations.component.scss

@@ -186,6 +186,8 @@
 
 .certificatePreview {
   width: 40%;
+  min-width: 180px;
+  max-width: 400px;
 }
 
 :host ::ng-deep .transformationEditor {