share icon added in sch profile page

This commit is contained in:
sriram-at-840620226347 2019-11-06 13:31:50 +05:30
parent 88ebcc3d1b
commit b5eb37bdc4
4 changed files with 26 additions and 5 deletions

View File

@ -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 fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100" fxLayoutAlign="center" class="m-gap p-gap">
<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">
<button mat-raised-button (click)="toTop()" class="button-cyan">Contribute</button>
</div>
</div>

View File

@ -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();

View File

@ -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>

View File

@ -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 ]
})