Zettai-Backup/csr_webapp
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changes by suren

Browse Source
This commit is contained in:
sriram-at-840620226347 2019-10-11 20:25:32 +05:30
parent 9f98ee256f
commit 2f7a3260a2
14 changed files with 818 additions and 614 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
ng8-seed/src/app/components/contribute/contribute.component.html
View File

@ -2,7 +2,7 @@
<!--starts-->
<div fxLayout fxLayout="row" fxLayout.xs="column" fxLayoutGap.xs="0">
<!-- <div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="40" fxFlex.lg="1000" fxFlex.xl="40"> -->
<mat-card class="p-2" fxFlex="70%" fxFlex.xs="100" fxFlex.sm="100">
<mat-card class="p-2" fxFlex="71%" fxFlex.xs="100" fxFlex.sm="100">
<mat-card-title class="mb-1"><h5 class="mt-0 text-center">Contribute to Specific Need </h5></mat-card-title>
<hr>
<form [formGroup]="Contribute">
@ -51,54 +51,54 @@
<!-- Requirement Column -->
<!-- <ng-container matColumnDef="Requirement">
<th style="width: 15% !important;" mat-header-cell *matHeaderCellDef mat-sort-header></th>
<th style="width: 15% !important;" mat-header-cell *matHeaderCellDef ></th>
<td style="width: 15% !important;" mat-cell *matCellDef="let row" class="product-thumbnail"><img src="{{row.img_url}}" onerror="this.onerror=null;this.src='assets/images/csr-img/error_img.jpg';" alt="School Img" width="70"></td>
</ng-container> -->
<!-- Item Need Column -->
<ng-container matColumnDef="Item Need">
<th style="width: 15% !important;text-align: right;float: center" mat-header-cell *matHeaderCellDef mat-sort-header>Item Needed</th>
<td style="width: 15% !important;" mat-cell *matCellDef="let row" class="product-thumbnail"><span> {{row.material_name}} </span></td>
<th style="width: 25% !important;text-align: right;float: center" mat-header-cell *matHeaderCellDef mat-sort-header>Item Needed</th>
<td style="width: 25% !important;" mat-cell *matCellDef="let row" class="product-thumbnail"><span> {{row.material_name}} </span></td>
</ng-container>
<!-- School Column -->
<ng-container matColumnDef="School">
<th style="width: 25% !important;text-align: center !important;" mat-header-cell *matHeaderCellDef mat-sort-header>School</th>
<th style="width: 25% !important;text-align: center !important;" mat-header-cell *matHeaderCellDef mat-sort-header>School</th>
<td style="width: 25% !important;" mat-cell *matCellDef="let row"> <a (click)="goToProjectDet(row)">{{row.school_name}}</a>, {{row.block_name}} Block, {{row.district_name}} District.</td>
</ng-container>
<!-- Quantity Column -->
<ng-container matColumnDef="Required Qty">
<th style="width: 8% !important;" mat-header-cell *matHeaderCellDef mat-sort-header> Required Qty </th>
<th style="width: 8% !important;text-align: center;" mat-header-cell *matHeaderCellDef > Required Qty </th>
<td style="width: 8% !important;text-align: center;" mat-cell *matCellDef="let row"> {{row.qty}}</td>
</ng-container>
<ng-container matColumnDef="Received Qty">
<th style="width: 10% !important;" mat-header-cell *matHeaderCellDef mat-sort-header> Received Qty </th>
<td style="width: 10% !important;text-align: center;" mat-cell *matCellDef="let row"> {{row.received_qty}}</td>
<th style="width: 8% !important;text-align: center;" mat-header-cell *matHeaderCellDef > Received Qty </th>
<td style="width: 8% !important;text-align: center;" mat-cell *matCellDef="let row"> {{row.received_qty}}</td>
</ng-container>
<ng-container matColumnDef="balance Qty">
<th style="width: 8% !important;" mat-header-cell *matHeaderCellDef mat-sort-header> Balance Qty </th>
<th style="width: 8% !important;text-align: center;" mat-header-cell *matHeaderCellDef > Balance Qty </th>
<td style="width: 8% !important;text-align: center;" mat-cell *matCellDef="let row"> {{row.qty-row.received_qty <= 0 ? '' : row.qty-row.received_qty }}</td>
</ng-container>
<!-- Sponsor Column -->
<ng-container matColumnDef="Sponsor Qty">
<th style="width: 10% !important;" mat-header-cell *matHeaderCellDef mat-sort-header> Sponsored Qty </th>
<td style="width: 10% !important;" mat-cell *matCellDef="let row;let i = index"> <input step="1" min="1" max="" title="Qty" [(ngModel)]="sponsor_qty[i]" class="text" size="2" type="number" (change)="somethingChanged($event.target.value,i,row.cost_per_unit,row.mat_id,row)" style="width: 100% !important;text-align: center;"> </td>
<th style="width: 10% !important;text-align: center;" mat-header-cell *matHeaderCellDef > Sponsored Qty </th>
<td style="width: 10% !important;text-align: center;" mat-cell *matCellDef="let row;let i = index"> <input step="1" min="1" max="" title="Qty" [(ngModel)]="sponsor_qty[i]" class="text" size="2" type="number" (change)="somethingChanged($event.target.value,i,row.cost_per_unit,row.mat_id,row)" style="width: 100% !important;text-align: center;"> </td>
</ng-container>
<!-- price Column -->
<ng-container matColumnDef="Cost Per Unit">
<th align="right" style="width: 20% !important;text-align: right;align-items: center" mat-header-cell *matHeaderCellDef mat-sort-header > Cost Per Unit (in Rs) </th>
<td style="width: 15% !important;text-align: right;;" mat-cell *matCellDef="let row;" > {{row.cost_per_unit === null?0:row.cost_per_unit}} </td>
<th align="right" style="width: 8% !important;text-align: center;" mat-header-cell *matHeaderCellDef > Cost Per Unit<br> (in Rs) </th>
<td style="width: 8% !important;text-align: center;" mat-cell *matCellDef="let row;" > {{row.cost_per_unit === null?0:row.cost_per_unit}} </td>
<!-- <td mat-footer-cell *matFooterCellDef> Total </td> -->
</ng-container>
<!-- Total Column -->
<ng-container matColumnDef="Amount">
<th style="width: 20% !important;" mat-header-cell *matHeaderCellDef mat-sort-header style="text-align: right;"> Amount <br/>(in Rs) </th>
<td style="width: 20% !important;" mat-cell *matCellDef="let row ;let i=index" style="text-align: right;">{{Total[i]}} </td>
<th style="width: 8% !important;text-align: right;" mat-header-cell *matHeaderCellDef style="text-align: right;"> Amount <br/>(in Rs) </th>
<td style="width: 8% !important;text-align: right;" mat-cell *matCellDef="let row ;let i=index" style="text-align: right;">{{Total[i]}} </td>
<!-- <td mat-footer-cell *matFooterCellDef> {{somethingChanged()}} </td> -->
</ng-container>
@ -152,14 +152,14 @@
<!--</mat-card-title> -->
<!-- </mat-card-header> -->
<mat-card-content>
<p class="quote" style="margin-top:4px;text-align: center">&#8221;Alone we can do so little, together we can do so much&#8221; <br/>- Hellen Keller</p>
<h5 class="text-center"> Contribute to State School Development Fund</h5>
<p class="quote" style="margin-top:4px;text-align: center">&#8221;Alone we can do so little,<br> together we can do so much&#8221; <br/>- Hellen Keller</p>
<h5 class="text-center"> Contribute to<br> State School Development Fund</h5>
<div fxLayout="column" fxLayoutAlign="start stretch">
<!-- <div fxLayout fxLayout="row" fxLayout.xs="column" fxLayoutGap.xs="0"> -->
<div class="text-center" fxFlex="100%" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="40" fxFlex.lg="100" fxFlex.xl="100">
<mat-form-field appearance="outline" style="width: 70%;text-align: center;">
<input matInput type="tel" placeholder="Amount" [(ngModel)]="general_devlop_amt" maxlength="10" (change)="dev_fund_change($event.target.value)" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
<input matInput type="tel" placeholder="Amount in Rs." [(ngModel)]="general_devlop_amt" maxlength="10" (change)="dev_fund_change($event.target.value)" onkeypress="return event.charCode >= 48 && event.charCode <= 57">
</mat-form-field>
<!-- </div> -->
</div>
@ -190,8 +190,8 @@
<mat-form-field dividerColor="warn" class="ml-xs mr-xs" style="width: 100%;" appearance="outline">
<textarea matInput placeholder="Comments" rows="5" [(ngModel)]="gen_dev_fund_remarks"></textarea>
</mat-form-field>
<button class="mat-green" mat-raised-button style="color:white" (click)="storeData_session()">Proceed to Contribute</button>
<p class="quote">&#8221;We make a living by what we get. But we make a life by what we give&#8221; <br/>- Winston Churchill</p>
<button mat-raised-button style="background-color:rgb(69, 189, 189);color:white" (click)="storeData_session()">Proceed to Contribute</button>
<p class="quote">&#8221;We make a living by what we get.<br> But we make a life by what we give&#8221; <br/>- Winston Churchill</p>
</div>
</mat-card-content>
</mat-card>

2
ng8-seed/src/app/components/login/login-component.html
View File

@ -7,7 +7,7 @@
<div class="close_icon" (click)="closeDialog()">
<mat-icon >close</mat-icon>
</div>
<h2 class="base-border">Login Form</h2>
<h2 class="base-border">Login</h2>
<p>Enter Your Login Details</p>
<form [formGroup]="loginForm">
<div fxLayout="column" fxLayoutAlign="start stretch">

4
ng8-seed/src/app/components/payment/payment.component.html
View File

@ -91,8 +91,8 @@
</mat-card>
</div>
<div *ngIf="payment_mode == '2' && contribute_type != '2'" class="ac_det">
<p>A/c Name : Tamil Nadu State Parent Teacher</p>
<p>Association : CSR Funds</p>
<p>A/c Name : Tamil Nadu State Parent Teacher Association - CSR Funds</p>
<!-- <p>Association : CSR Funds</p> -->
<p>A/C Number : 142301000022944</p>
<p>MICR : 600020076</p>
<p>IFSC : IOBA0001423</p>

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

@ -40,7 +40,105 @@
<button mat-raised-button [routerLink]="['/contribute']" class="button-cyan">Contribute</button>
</div> -->
<div class="separator"></div>
<div fxLayout fxLayout="row" fxLayout.xs="column" fxLayoutGap.xs="0" class="mt-1">
<!-- <div fxLayout="row wrap">
<div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100" fxFlex="100" class="m-gap p-gap">
<mat-card>
<div class="card-wheather grad-blue">
<div class="city">New Orders</div>
<div class="date">This Week</div>
<div class="weather">
<div class="sun d-flex justify-content-between">
<i class="fa fa-shopping-bag fa-3x "></i>
<div class="temp ">190</div>
</div>
</div>
</div>
</mat-card>
</div>
</div>
<div fxLayout="row wrap">
<div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100" fxFlex="100" class="m-gap p-gap">
<mat-card>
<div class="card-wheather grad-blue">
<div class="city">New Orders</div>
<div class="date">This Week</div>
<div class="weather">
<div class="sun d-flex justify-content-between">
<i class="fa fa-shopping-bag fa-3x "></i>
<div class="temp ">190</div>
</div>
</div>
</div>
</mat-card>
</div>
</div> -->
<div fxLayout="row wrap" fxLayoutAlign="center none">
<div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="45.33" fxFlex.lg="45.33" fxFlex.xl="45.33" fxFlex="100" class="p-gap">
<mat-card class="grad-blue" style="padding:10px;height: 74px;">
<h5 class="temp mt-0">Classes</h5>
<h6 class="mt-0" style="text-align: right;">{{schoolInfo.low_class === '13' ? 'LKG': schoolInfo.low_class === '14' ? 'UKG' : schoolInfo.low_class === '15' ? 'Pre-kg' : schoolInfo.low_class}} - {{schoolInfo.high_class === '13' ? 'LKG': schoolInfo.high_class === '14' ? 'UKG' : schoolInfo.high_class === '15' ? 'Pre-kg' : schoolInfo.high_class}}</h6>
</mat-card>
</div>
</div>
<div fxLayout="row wrap">
<div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="45.33" fxFlex.lg="45.33" fxFlex.xl="45.33" fxFlex="100" class="p-gap">
<mat-card class="grad-blue" style="padding:10px;height: 74px;">
<div fxLayout fxLayout="row" fxLayoutGap.xs="0">
<div fxFlex.sm="50" fxFlex.xs="50" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50" class="p-gap">
<h5 class="temp mt-0">Students</h5>
</div>
<div fxLayoutAlign="end none" fxFlex.sm="50" fxFlex.xs="50" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50" class="p-gap">
<h5 class="temp mt-0">&nbsp;{{schoolInfo.total}}</h5>
</div>
</div>
<div fxLayout fxLayout="row" fxLayoutGap.xs="0">
<div fxLayoutAlign="end none" fxFlex.sm="75" fxFlex.xs="75" fxFlex.md="75" fxFlex.lg="75" fxFlex.xl="75"class="p-gap">
<i class="fa fa-male fa-2x "></i>
<div class="temp ">&nbsp;{{schoolInfo.total_b}}</div>
</div>
<div fxLayoutAlign="end none" fxFlex.sm="25" fxFlex.xs="25" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25" class="p-gap">
<i class="fa fa-female fa-2x "></i>
<div class="temp ">&nbsp;{{schoolInfo.total_g}}</div>
</div>
</div>
<!-- <h6 class="mt-0" style="text-align: right;">{{schoolInfo.total}}</h6> -->
</mat-card>
</div>
<div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="45.33" fxFlex.lg="45.33" fxFlex.xl="45.33" fxFlex="100" class="p-gap">
<mat-card class="grad-blue" style="padding:10px;height: 74px;">
<div fxLayout fxLayout="row" fxLayoutGap.xs="0">
<div fxFlex.sm="50" fxFlex.xs="50" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50" class="p-gap">
<h5 class="temp mt-0">Staff</h5>
</div>
<div fxLayoutAlign="end none" fxFlex.sm="50" fxFlex.xs="50" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50" class="p-gap">
<h5 class="temp mt-0">&nbsp;{{schoolInfo.totstaff}}</h5>
</div>
</div>
<div fxLayout fxLayout="row" fxLayoutGap.xs="0">
<div fxLayoutAlign="end none" fxFlex.sm="40" fxFlex.xs="40" fxFlex.md="40" fxFlex.lg="40" fxFlex.xl="40"class="p-gap">
<div class="temp ">&nbsp;{{schoolInfo.teach_tot}}<span class="mt-0 mb-0" style="font-size:10px;margin-left: 12px;">Teaching</span></div>
</div>
<div fxLayoutAlign="end none" fxFlex.sm="60" fxFlex.xs="60" fxFlex.md="60" fxFlex.lg="60" fxFlex.xl="60" class="p-gap">
<div class="temp ">&nbsp;{{schoolInfo.nonteach_tot}}<span class="mt-0 mb-0" style="font-size:10px;margin-left: 10px;">Non-Teaching</span></div>
</div>
</div>
<!-- <h6 class="mt-0" style="text-align: right;">{{schoolInfo.total}}</h6> -->
</mat-card>
</div>
</div>
<!-- <div fxLayout fxLayout="row" fxLayout.xs="column" fxLayoutGap.xs="0" class="mt-1">
<div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100">
<h5 class="mt-0">Classes</h5>
</div>
@ -48,8 +146,7 @@
<div fxLayout fxLayout="row" fxLayoutGap.xs="0" class="mb-1">
<div fxLayoutAlign="center" fxFlex.sm="55.33" fxFlex.xs="55.33" fxFlex.md="43.33" fxFlex.lg="43.33" fxFlex.xl="43.33">
<div class="sun d-flex">
<!-- <i class="fa fa-users fa-2x align-self-center"></i> -->
<div class="temp align-self-center">&nbsp;{{schoolInfo.low_class === '13' ? 'LKG': schoolInfo.low_class === '14' ? 'UKG' : schoolInfo.low_class === '15' ? 'Pre-kg' : schoolInfo.low_class}} - {{schoolInfo.high_class === '13' ? 'LKG': schoolInfo.high_class === '14' ? 'UKG' : schoolInfo.high_class === '15' ? 'Pre-kg' : schoolInfo.high_class}}</div>
<div class="temp ">&nbsp;{{schoolInfo.low_class === '13' ? 'LKG': schoolInfo.low_class === '14' ? 'UKG' : schoolInfo.low_class === '15' ? 'Pre-kg' : schoolInfo.low_class}} - {{schoolInfo.high_class === '13' ? 'LKG': schoolInfo.high_class === '14' ? 'UKG' : schoolInfo.high_class === '15' ? 'Pre-kg' : schoolInfo.high_class}}</div>
</div>
</div>
</div>
@ -61,20 +158,19 @@
<div fxLayout fxLayout="row" fxLayoutGap.xs="0" class="mb-1">
<div fxLayoutAlign="center" fxFlex.sm="33.33" fxFlex.xs="33.33" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33">
<div class="sun d-flex">
<!-- <i class="fa fa-users fa-2x align-self-center"></i> -->
<div class="temp align-self-center">&nbsp;{{schoolInfo.total}}</div>
<div class="temp ">&nbsp;{{schoolInfo.total}}</div>
</div>
</div>
<div fxLayoutAlign="center" fxFlex.sm="33.33" fxFlex.xs="33.33" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33">
<div class="sun d-flex">
<i class="fa fa-male fa-2x align-self-center"></i>
<div class="temp align-self-center">&nbsp;{{schoolInfo.total_b}}</div>
<i class="fa fa-male fa-2x "></i>
<div class="temp ">&nbsp;{{schoolInfo.total_b}}</div>
</div>
</div>
<div fxLayoutAlign="center" fxFlex.sm="33.33" fxFlex.xs="33.33" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33">
<div class="sun d-flex">
<i class="fa fa-female fa-2x align-self-center"></i>
<div class="temp align-self-center">&nbsp;{{schoolInfo.total_g}}</div>
<i class="fa fa-female fa-2x "></i>
<div class="temp ">&nbsp;{{schoolInfo.total_g}}</div>
</div>
</div>
@ -87,24 +183,24 @@
<div fxLayout fxLayout="row" fxLayoutGap.xs="0" class="mb-2">
<div fxLayoutAlign="center" fxFlex.sm="33.33" fxFlex.xs="33.33" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33">
<div class="sun d-flex">
<div class="temp align-self-center">&nbsp;{{schoolInfo.totstaff}}</div>
<div class="temp ">&nbsp;{{schoolInfo.totstaff}}</div>
</div>
</div>
<div fxLayoutAlign="center" fxFlex.sm="33.33" fxFlex.xs="33.33" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33">
<div class="sun d-flex">
<div class="temp align-self-center" style="text-align: center;">&nbsp;{{schoolInfo.teach_tot}}<br><p class="mt-0 mb-0" style="font-size:10px;margin-left: 12px;">Teaching</p></div>
<div class="temp " style="text-align: center;">&nbsp;{{schoolInfo.teach_tot}}<br><p class="mt-0 mb-0" style="font-size:10px;margin-left: 12px;">Teaching</p></div>
</div>
</div>
<div fxLayoutAlign="center" fxFlex.sm="33.33" fxFlex.xs="33.33" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33">
<div class="sun d-flex">
<div class="temp align-self-center" style="text-align: center;">&nbsp;{{schoolInfo.nonteach_tot}}<br><p class="mt-0 mb-0" style="font-size:10px;margin-left: 10px;">Non-Teaching</p></div>
<div class="temp " style="text-align: center;">&nbsp;{{schoolInfo.nonteach_tot}}<br><p class="mt-0 mb-0" style="font-size:10px;margin-left: 10px;">Non-Teaching</p></div>
</div>
</div>
</div>
</div> -->
<div 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">
<button mat-raised-button (click)="toTop($event)" class="button-cyan">Contribute</button>
</div>

44
ng8-seed/src/app/components/project-detail/project-detail.component.scss
View File

@ -259,3 +259,47 @@ table th {
//wheather
.card-wheather {
height: 220px;
color: #fff;
}
.city {
font-size: 26px;
}
.date {
font-size: 20px;
line-height: 40px;
}
.sun {
height: 70px;
}
.grad-blue {
background: linear-gradient(58deg, #f44336, #673ab7);
color: #fff;
}
.grad-green {
background: linear-gradient(58deg, #009688, #673ab7);
color: #fff;
}
.grad-red {
background: linear-gradient(58deg, #f44336, #673ab7);
color: #fff;
}
.card-wheather{
padding: 2rem;
}
.temp {
font-size: 14px;
display: inline-block;
}

9
ng8-seed/src/app/components/project-list/project-list.component.html
View File

@ -1,5 +1,5 @@
<mat-card>
<mat-card-title><h5 class="mt-0">Projects</h5></mat-card-title>
<mat-card-title><h5 class="mt-0">Requirements</h5></mat-card-title>
<hr><br/>
<!-- <div fxLayout="row" fxLayoutAlign="center center" > -->
@ -18,7 +18,7 @@
<div fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap" style="margin-left: 5px;" *ngFor="let schooldetails of school_list" (click)="getschDetails(schooldetails)">
<div class="p-list-main mb-2">
<div class="p-list">
<div class="top"><img src="{{schooldetails.images[0]}}" onerror="this.onerror=null;this.src='assets/images/csr-img/error_img.jpg';" alt=""></div>
<div class="top"><img src="{{schooldetails.images[0]}}" onerror="this.onerror=null;this.src='assets/images/csr-img/error_img.jpg';"></div>
<div class="bottom">
<div class="left">
<div class="details" style="width: unset !important;">
@ -54,6 +54,11 @@
</div>
</div>
</div>
<div fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap">
<mat-card style="height: 85%;" fxLayoutAlign="center center" [routerLink]="['/contribute']">
<h1 class="text"><span> More</span></h1>
</mat-card>
</div>
<!-- <div fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap"> -->
<!-- <div class="p-list-main mb-2">

37
ng8-seed/src/app/components/project-list/project-list.component.scss
View File

@ -197,3 +197,40 @@ mat-card{
height: 100%;
width:100%;
}
.text {
border-radius: 4px;
// background-color: #e91e63;
border: none;
color: #51caca;
text-align: center;
font-size: 30px;
padding: 5px;
width: 200px;
transition: all 0.5s;
cursor: pointer;
}
.text span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
.text span:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}
.text:hover span {
padding-right: 25px;
}
.text:hover span:after {
opacity: 1;
right: 0;
}

28
ng8-seed/src/app/components/req-list/req-list.component.html
View File

@ -2,54 +2,54 @@
<!-- Requirement Column -->
<!-- <ng-container matColumnDef="Item Need">
<th style="width: 15% !important;text-align: right;float: center" mat-header-cell *matHeaderCellDef mat-sort-header>Item Needed</th>
<th style="width: 15% !important;text-align: right;float: center" mat-header-cell *matHeaderCellDef >Item Needed</th>
<td style="width: 15% !important;" mat-cell *matCellDef="let row" class="product-thumbnail"><img src="{{row.img_url}}" onerror="this.onerror=null;this.src='assets/images/csr-img/error_img.jpg';" alt="School Img" width="70"><br/><span> {{row.material_name}} </span></td>
</ng-container> -->
<!-- Item Need Column -->
<ng-container matColumnDef="Item Need">
<th style="width: 20% !important;text-align: right;float: center" mat-header-cell *matHeaderCellDef mat-sort-header>Item Needed</th>
<th style="width: 20% !important;" mat-header-cell *matHeaderCellDef >Item Needed</th>
<td style="width: 20% !important;" mat-cell *matCellDef="let row" class="product-thumbnail"><span> {{row.material_name}} </span></td>
</ng-container>
<!-- School Column -->
<ng-container matColumnDef="School">
<th style="width: 25% !important;text-align: center !important;" mat-header-cell *matHeaderCellDef mat-sort-header>School</th>
<td style="width: 25% !important;" mat-cell *matCellDef="let row"> <a [routerLink]="'/home/project-detail'">{{row.school_name}}</a>, {{row.block_name}} Block, {{row.district_name}} District.</td>
<th style="width: 26% !important;" mat-header-cell *matHeaderCellDef >School</th>
<td style="width: 26% !important;" mat-cell *matCellDef="let row"> <a [routerLink]="'/home/project-detail'">{{row.school_name}}</a>, {{row.block_name}} Block, {{row.district_name}} District.</td>
</ng-container>
<!-- Quantity Column -->
<ng-container matColumnDef="Required Qty">
<th style="width: 10% !important;" mat-header-cell *matHeaderCellDef mat-sort-header> Required Qty </th>
<td style="width: 10% !important;" mat-cell *matCellDef="let row"> {{row.qty}}</td>
<th style="width: 10% !important;text-align: center !important;" mat-header-cell *matHeaderCellDef > Required Qty </th>
<td style="width: 10% !important;text-align: center !important;" mat-cell *matCellDef="let row"> {{row.qty}}</td>
</ng-container>
<ng-container matColumnDef="Received Qty">
<th style="width: 10% !important;;text-align: center;" mat-header-cell *matHeaderCellDef mat-sort-header> Received Qty </th>
<th style="width: 10% !important;;text-align: center;" mat-header-cell *matHeaderCellDef > Received Qty </th>
<td style="width: 10% !important;text-align: center;" mat-cell *matCellDef="let row"> {{row.received_qty}}</td>
</ng-container>
<ng-container matColumnDef="balance Qty">
<th style="width: 8% !important;" mat-header-cell *matHeaderCellDef mat-sort-header> Balance Qty </th>
<th style="width: 8% !important;text-align: center !important;" mat-header-cell *matHeaderCellDef > Balance Qty </th>
<td style="width: 8% !important;text-align: center;" mat-cell *matCellDef="let row"> {{row.qty-row.received_qty <= 0 ? '' : row.qty-row.received_qty }}</td>
</ng-container>
<!-- Sponsor Column -->
<ng-container matColumnDef="Sponsor Qty">
<th style="width: 10% !important;text-align: center" mat-header-cell *matHeaderCellDef mat-sort-header> Sponsor Qty </th>
<td style="width: 10% !important;text-align: center" mat-cell *matCellDef="let row;let i = index"> {{row.sponsor_qty}} </td>
<th style="width: 10% !important;text-align: center;" mat-header-cell *matHeaderCellDef > Sponsor Qty </th>
<td style="width: 10% !important;text-align: center;" mat-cell *matCellDef="let row;let i = index"> {{row.sponsor_qty}} </td>
</ng-container>
<!-- price Column -->
<ng-container matColumnDef="Cost Per Unit">
<th style="width: 10%!important;text-align: right" mat-header-cell *matHeaderCellDef mat-sort-header> Cost Per Unit<br/> (in Rs) </th>
<td style="width: 10% ;text-align: center" mat-cell *matCellDef="let row;" > {{row.cost_per_unit === null ? 0 : row.cost_per_unit}} </td>
<th style="width: 10%!important;text-align: center;" mat-header-cell *matHeaderCellDef > Cost Per Unit<br/> (in Rs) </th>
<td style="width: 10% ;text-align: center;" mat-cell *matCellDef="let row;" > {{row.cost_per_unit === null ? 0 : row.cost_per_unit}} </td>
<!-- <td mat-footer-cell *matFooterCellDef> Total </td> -->
</ng-container>
<!-- Total Column -->
<ng-container matColumnDef="Amount">
<th style="width: 20% !important;" mat-header-cell *matHeaderCellDef mat-sort-header> Amount (in Rs) </th>
<td style="width: 20% !important;" mat-cell *matCellDef="let row ;let i=index" style="text-align: right">{{row.amount}} </td>
<th style="width: 20% !important;text-align: right;" mat-header-cell *matHeaderCellDef > Amount (in Rs) </th>
<td style="width: 20% !important;text-align: right;" mat-cell *matCellDef="let row ;let i=index" style="text-align: right">{{row.amount}} </td>
<!-- <td mat-footer-cell *matFooterCellDef> {{somethingChanged()}} </td> -->
</ng-container>

22
ng8-seed/src/app/dashboard/dashboard.component.html
View File

@ -50,24 +50,16 @@ showCaptions="true"
<div class="mt-0">
<mat-card-title><h5 class="mt-0 mb-1 text-center">Support Recieved</h5></mat-card-title>
<hr style="border-top:2px solid rgb(81, 202, 202) !important;width:190px !important;">
<div fxLayout="row" class="text-center mt-1 mb-1">
<div fxFlex="50">
<h2 class="mt-0 logo_one" style="color: #f9a22b !important;"><span>1000+</span></h2>
<p>Desktop Computers</p>
</div>
<div fxFlex="50">
<h2 class="mt-0 logo_one" style="color: #000000 !important;"><span>75+</span></h2>
<p>Smart Boards</p>
<div fxLayout="row" class="text-center mt-2 mb-1">
<div fxFlex="100">
<h2 class="mt-0 logo_one" style="color: #f9a22b !important;"><span>18</span></h2>
<p>Supporters</p>
</div>
</div>
<div fxLayout="row" class="text-center mt-1 mb-1">
<div fxFlex="50">
<h2 class="mt-0 logo_one" style="color: #a978e0 !important;"><span>80+</span></h2>
<p>Televisions</p>
</div>
<div fxFlex="50">
<h2 class="mt-0 logo_one" style="color: #a978e0 !important;"><span>50+</span></h2>
<p>Printers</p>
<div fxFlex="100">
<h2 class="mt-0 logo_one" style="color: #a978e0 !important;"><span>Rs.80,00,000</span></h2>
<p>Contributed</p>
</div>
</div>
<div fxLayout="row" class="text-center mt-1 mb-1">

3
ng8-seed/src/app/dashboard/dashboard.component.ts
View File

@ -20,7 +20,8 @@ export class DashboardComponent {
{img: "assets/images/csr-img/TN_client_logo/9.png"},
{img: "assets/images/csr-img/TN_client_logo/10.png"},
{img: "assets/images/csr-img/TN_client_logo/11.png"},
{img: "assets/images/csr-img/TN_client_logo/12.png"}
{img: "assets/images/csr-img/TN_client_logo/12.png"},
{img: "assets/images/csr-img/TN_client_logo/13.png"}
];
slideConfig = {"slidesToShow": 8, "slidesToScroll": 1,"dots": true,"infinite": true,"autoplay": true,"autoplaySpeed": 1200};

1095
ng8-seed/src/app/layouts/admin/admin-layout.component.html
View File

File diff suppressed because it is too large Load Diff

10
ng8-seed/src/app/layouts/admin/admin-layout.component.ts
View File

@ -237,7 +237,7 @@ export class AdminLayoutComponent implements OnInit, OnDestroy {
// [routerLink]="['/'+menuitem.state]"
navRedirection(menuitem){
console.log(menuitem,this.user_name)
if(menuitem.state == 'authentication'){
if(menuitem.state == 'login'){
if(this.user_name != ''){
// return
this.router.navigateByUrl('/user-profile')
@ -287,4 +287,12 @@ export class AdminLayoutComponent implements OnInit, OnDestroy {
this.router.navigateByUrl('/'+menuitem.state)
}
}
SubMenu(childitem){
if(childitem.name == 'Log Out'){
this.signOut()
}
else{
this.router.navigateByUrl('/'+childitem.state)
}
}
}

14
ng8-seed/src/app/shared/menu-items/horizontal-menu-items.ts
View File

@ -61,12 +61,22 @@ const HORIZONTALMENUITEMS = [
{
state: '',
name: 'General Guidelines',
name: 'Guidelines',
type: 'link',
icon: 'lock'
},
{
state: 'authentication',
state: '',
name: 'My Account',
type: 'sub',
icon: 'lock',
children: [
{state: 'user-profile', name: 'My Account'},
{state: '', name: 'Log Out'}
]
},
{
state: 'login',
name: 'Login',
type: 'link',
icon: 'lock'

BIN
ng8-seed/src/assets/images/csr-img/TN_client_logo/13.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB