Merge pull request #119 from Sohith-code/self-registration-flow

telementry changes and minor ui fix

project/ws/app/src/lib/routes/home/routes/onboarding/custom-self-registration/custom-self-registration.component.html

@@ -91,7 +91,7 @@
               </div>
             </div>
 
-            <div class="actions-buttons flex gap-4 items-center justify-center mt-4">
+            <div class="actions-buttons flex gap-4 items-center mt-4">
               <button mat-flat-button class="mat-btn-outline"
                 (click)="copyLinkToClipboard(customRegistrationLinks?.registrationLink)">Copy Link</button>
               <button mat-flat-button class="mat-btn-outline"

project/ws/app/src/lib/routes/home/routes/onboarding/custom-self-registration/custom-self-registration.component.scss

@@ -59,6 +59,20 @@
   word-wrap: break-word;
 
   @media (max-width: 1380px) {
-    max-width: 410px;
+    max-width: 380px;
+  }
+}
+
+.mat-btn-outline {
+  @media (max-width: 1380px) {
+    padding: 8px 10px !important;
+  }
+}
+
+.actions-buttons {
+  justify-content: center;
+
+  @media (max-width: 1380px) {
+    justify-content: space-between;
   }
 }

project/ws/app/src/lib/routes/home/routes/onboarding/custom-self-registration/custom-self-registration.component.ts

@@ -9,6 +9,7 @@ import { LoadingPopupComponent } from '../loading-popup/loading-popup.component'
 import { OnboardingService } from '../../../services/onboarding.service'
 import { DesignationsService } from '../../designation/services/designations.service'
 import _ from 'lodash'
+import { EventService } from '@sunbird-cb/utils'
 
 @Component({
   selector: 'ws-app-custom-self-registration',
@@ -38,6 +39,7 @@ export class CustomSelfRegistrationComponent implements OnInit {
     private clipboard: Clipboard,
     private onboardingService: OnboardingService,
     private designationsService: DesignationsService,
+    private eventService: EventService
 
   ) { }
 
@@ -94,6 +96,7 @@ export class CustomSelfRegistrationComponent implements OnInit {
   }
 
   downloadQRCode(qrLink: string) {
+    this.raiseInteractTelementry('download-qr')
     fetch(qrLink)
       .then(response => {
         if (!response.ok) {
@@ -115,6 +118,7 @@ export class CustomSelfRegistrationComponent implements OnInit {
   }
 
   sendViaEmail(link: string): void {
+    this.raiseInteractTelementry('share-on-mail')
     if (!link) { return }
     const message = `Register for ${this.configSvc.orgReadData.orgName} by clicking the link below:\n\n${link + ' '}`
     const subject = encodeURIComponent('Self Registration Link')
@@ -124,6 +128,7 @@ export class CustomSelfRegistrationComponent implements OnInit {
   }
 
   sendViaWhatsApp(link: string): void {
+    this.raiseInteractTelementry('share-on-whatsapp')
     const message = `Register for ${this.configSvc.orgReadData.orgName} by clicking the link below:\n\n${link + ' '}`
 
     const encodedLink = encodeURIComponent(message)
@@ -245,4 +250,17 @@ export class CustomSelfRegistrationComponent implements OnInit {
 
     })
   }
+
+  raiseInteractTelementry(subType: string) {
+    this.eventService.raiseInteractTelemetry(
+      {
+        type: 'click',
+        subType: subType,
+        id: 'share-custom-registration-link',
+        pageid: '/app/home/onboarding/self-registration'
+      },
+      {},
+    )
+  }
+
 }

project/ws/app/src/lib/routes/home/routes/onboarding/onboarding.module.ts

@@ -46,9 +46,8 @@ const routes: Routes = [
         path: 'self-registration',
         component: CustomSelfRegistrationComponent,
         data: {
-          pageId: 'home/onboarding/self-registration',
-          module: 'onboarding',
-          path: 'self-registration',
+          pageId: 'app/home/onboarding/self-registration',
+          module: 'Onboarding',
         },
       },
       {