share icon added in sch profile page

ng8-seed/src/app/components/project-detail/project-detail.component.html

@@ -15,6 +15,18 @@
                 <a href="#" style="padding: 3px;font-size:16px;"><span >School <span style="font-size: 22px;">&#8640;</span></span></a>
                 <span style="padding: 3px;font-size:16px;">Details</span> -->
             </div>
+            <div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="30" fxLayoutAlign="end start">
+                        <span style="color:white;font-weight:bold;">Share:</span>
+                    <share-buttons [theme]="'default'"
+                     [include]="['facebook','twitter','linkedin','whatsapp','email','copy']"
+                     [show]="3"
+                     [size]="-4"
+                     [url]="encryptedUser"
+                     [title]="'CSR'"
+                     [description]="'Think of giving not as a duty but as a privilege.'"
+                     
+                    ></share-buttons> 
+                </div> 
              </div>
         <div class="product-detail" fxLayout="row wrap">
             <div class="column m-gap p-gap product-img" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50">
@@ -206,8 +218,8 @@
                         </div>  -->
                                                  
    
-                            <div class="mt-3" fxLayout fxLayout="row"  fxLayout.xs="column"  fxLayoutGap.xs="0">
+                            <div class="mt-3" fxLayout fxLayout="row"  fxLayout.xs="column"  fxLayoutGap.xs="0"> 
-                                <div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100" fxLayoutAlign="center" class="m-gap p-gap">
+                                    <div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100" fxLayoutAlign="center" class="m-gap p-gap">
                                     <button mat-raised-button (click)="toTop()" class="button-cyan">Contribute</button> 
                                 </div> 
                              </div>  

ng8-seed/src/app/components/project-detail/project-detail.component.ts

@@ -5,6 +5,7 @@ import { FormBuilder } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';
 import { SchoolDetailsService } from 'app/shared/school-details.service';
 import { MatTableDataSource, MatPaginator } from '@angular/material';
+import { PlatformLocation } from '@angular/common';
 
 @Component({
   selector: 'app-project-detail',
@@ -35,9 +36,10 @@ export class ProjectDetailComponent implements OnInit {
   clientWidth: any;
   @ViewChild(MatPaginator, {static: true}) paginator: MatPaginator;
   contribute_type:any=''
+  encryptedUser: any;
   
   // types_of_funds=['State Fund','District Fund','School common Fund','For this Project']
-  constructor(public restApi:ApiService,public fb:FormBuilder,public router:Router,public schInfo:SchoolDetailsService,private activatedRoute:ActivatedRoute) { }
+  constructor(public restApi:ApiService,public fb:FormBuilder,public router:Router,public schInfo:SchoolDetailsService,private activatedRoute:ActivatedRoute,private platformLocation: PlatformLocation) { }
 
   ngOnInit() { 
     let data=this.activatedRoute.snapshot.paramMap.get('schoolreqid')
@@ -54,6 +56,11 @@ export class ProjectDetailComponent implements OnInit {
     else{
     this.getSchoolReqList(this.schoolInfo.school_id);
     }
+
+    this.encryptedUser=this.platformLocation['href'];
+    // this.encryptedUser='https://contribute.tnschools.gov.in/csr/#/home/project-detail;schoolreqid=16640'
+    //  console.log(enc_param,atob(enc_param));
+     console.log(this.platformLocation['href'])
 } 
 applyFilter(filterValue: string) {
   this.dataSource.filter = filterValue.trim().toLowerCase();

ng8-seed/src/app/components/user-certificate/user-certificate.component.html

@@ -46,7 +46,7 @@
                     <div style="text-align: center;justify-content: center">
                     <div style="text-align:center;justify-content: center">
                     <p style="text-align: center;color:#5b5858de;font-size: 14px;">
-                        in acknowledgement of the valuable contribution made towards <br/>improvement of Government schools in Tamil Nadu </p>
+                        in acknowledgement of the valuable contribution made towards <br/>improvement of Government Schools in Tamil Nadu <br>through https://contribute.tnschools.gov.in</p>
                 </div>
             </div>
                     <br>

ng8-seed/src/app/dashboard/dashboard.module.ts

@@ -19,6 +19,7 @@ import {FooterComponent} from 'app/components/footer/footer.component'
 import { SlickCarouselModule } from 'ngx-slick-carousel';
 import { OnlyNumberDirective } from 'app/directives/only-number.directive';
 import { DirectivesModuleModule } from 'app/directives/directives-module/directives-module.module';
+import { ShareButtonsModule } from '@ngx-share/buttons';
 
 
 @NgModule({
@@ -48,7 +49,8 @@ import { DirectivesModuleModule } from 'app/directives/directives-module/directi
     MatButtonToggleModule,
     MatTabsModule,
     MatPaginatorModule,
-    DirectivesModuleModule
+    DirectivesModuleModule,
+    ShareButtonsModule
   ],
   declarations: [ DashboardComponent,ProjectListComponent,ProjectDetailComponent ]
 })