share icon added in sch profile page
This commit is contained in:
parent
88ebcc3d1b
commit
b5eb37bdc4
@ -15,6 +15,18 @@
|
||||
<a href="#" style="padding: 3px;font-size:16px;"><span >School <span style="font-size: 22px;">⇀</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>
|
||||
|
||||
@ -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();
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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 ]
|
||||
})
|
||||
|
||||
Loading…
Reference in New Issue
Block a user