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-09-06 15:23:47 +05:30
parent f00abafb8f
commit 6288fab984
8 changed files with 45 additions and 157 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -132,7 +132,7 @@
</table> </table>
<div class="pt-1" style="text-align: right;"> <div class="pt-1" style="text-align: right;">
<button mat-raised-button color="primary" class="mr-1 mb-1">Will Contribute the above in kind</button> <button mat-raised-button color="primary" class="mr-1 mb-1">Will Contribute the above in kind</button>
<button [routerLink]="['/authentication']" mat-raised-button style="background-color:rgb(69, 189, 189);color:white" >Proceed for Payment</button> <button [routerLink]="['../payment']" mat-raised-button style="background-color:rgb(69, 189, 189);color:white" >Proceed for Payment</button>
</div> </div>
</form> </form>
<!-- <div class="clearfix order-total"> <!-- <div class="clearfix order-total">
@ -201,7 +201,7 @@
<mat-form-field dividerColor="warn" class="ml-xs mr-xs" style="width: 100%;"> <mat-form-field dividerColor="warn" class="ml-xs mr-xs" style="width: 100%;">
<textarea matInput placeholder="Remarks" value="Some Text ..."></textarea> <textarea matInput placeholder="Remarks" value="Some Text ..."></textarea>
</mat-form-field> </mat-form-field>
<button [routerLink]="['/authentication']" class="mat-green" mat-raised-button>Proceed for Payment</button> <button [routerLink]="['../payment']" class="mat-green" mat-raised-button>Proceed for Payment</button>
</div> </div>
</mat-card-content> </mat-card-content>
</mat-card> </mat-card>

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

@ -1,4 +1,4 @@
<mat-card> <!-- <mat-card>
<mat-card-title><h5 class="mt-0">Review and Pay</h5></mat-card-title> <mat-card-title><h5 class="mt-0">Review and Pay</h5></mat-card-title>
<hr><br/> <hr><br/>
<mat-card-content> <mat-card-content>
@ -22,11 +22,11 @@
</div> </div>
</mat-card-content> </mat-card-content>
</mat-card> </mat-card> -->
<mat-card> <mat-card>
<mat-card-title><h5 class="mt-0">Choose a Payment Option</h5></mat-card-title> <mat-card-title><h5 class="mt-0">Choose a Payment Option</h5></mat-card-title>
<hr><br/> <hr>
<mat-tab-group class="mt-2 p-2"> <mat-tab-group class="p-2">
<mat-tab> <mat-tab>
<ng-template mat-tab-label>Cheque</ng-template> <ng-template mat-tab-label>Cheque</ng-template>
<mat-card-content> <mat-card-content>
@ -91,6 +91,6 @@
</mat-tab> --> </mat-tab> -->
</mat-tab-group> </mat-tab-group>
<div class="pt-1" style="text-align: right;"> <div class="pt-1" style="text-align: right;">
<button mat-raised-button color="primary" class="mr-1 mb-1">Complete Payment</button> <button [routerLink]="['../paymentconfirmation']" mat-raised-button color="primary" class="mr-1 mb-1">Complete Payment</button>
</div> </div>
</mat-card> </mat-card>

23
ng8-seed/src/app/components/projects/projects.component.html
View File

@ -1,7 +1,8 @@
<!--starts--> <!--starts-->
<div fxLayout fxLayout="row" fxLayout.xs="column" fxLayoutGap.xs="0"> <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"> --> <!-- <div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="40" fxFlex.lg="1000" fxFlex.xl="40"> -->
<mat-card class="p-2" fxFlex="75%" fxFlex.xs="100" fxFlex.sm="100"> <!-- <mat-card class="p-2" fxFlex="75%" fxFlex.xs="100" fxFlex.sm="100"> -->
<mat-card class="p-2" fxFlex="100%" fxFlex.xs="100" fxFlex.sm="100">
<mat-card-title><h5 class="mt-0">Projects</h5></mat-card-title> <mat-card-title><h5 class="mt-0">Projects</h5></mat-card-title>
<hr> <hr>
<form method="post"> <form method="post">
@ -37,7 +38,7 @@
</div> </div>
<div fxLayout="row wrap"> <div fxLayout="row wrap">
<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 [routerLink]="'/home/project-detail'" 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"> <div class="p-list-main mb-2">
<div class="p-list"> <div class="p-list">
<div class="top"><img src="assets/images/csr-img/Back.jpg" alt=""></div> <div class="top"><img src="assets/images/csr-img/Back.jpg" alt=""></div>
@ -76,7 +77,7 @@
</div> </div>
</div> </div>
</div> </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 [routerLink]="'/home/project-detail'" 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"> <div class="p-list-main mb-2">
<div class="p-list"> <div class="p-list">
<div class="top"><img src="assets/images/csr-img/donate.jpg" alt=""></div> <div class="top"><img src="assets/images/csr-img/donate.jpg" alt=""></div>
@ -115,7 +116,7 @@
</div> </div>
</div> </div>
</div> </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 [routerLink]="'/home/project-detail'" 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"> <div class="p-list-main mb-2">
<div class="p-list"> <div class="p-list">
<div class="top"><img src="assets/images/csr-img/img1.jpeg" alt=""></div> <div class="top"><img src="assets/images/csr-img/img1.jpeg" alt=""></div>
@ -154,7 +155,7 @@
</div> </div>
</div> </div>
</div> </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 [routerLink]="'/home/project-detail'" 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"> <div class="p-list-main mb-2">
<div class="p-list"> <div class="p-list">
<div class="top"><img src="assets/images/csr-img/img2.jpeg" alt=""></div> <div class="top"><img src="assets/images/csr-img/img2.jpeg" alt=""></div>
@ -193,7 +194,7 @@
</div> </div>
</div> </div>
</div> </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 [routerLink]="'/home/project-detail'" 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"> <div class="p-list-main mb-2">
<div class="p-list"> <div class="p-list">
<div class="top"><img src="assets/images/csr-img/img3.jpg" alt=""></div> <div class="top"><img src="assets/images/csr-img/img3.jpg" alt=""></div>
@ -232,7 +233,7 @@
</div> </div>
</div> </div>
</div> </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 [routerLink]="'/home/project-detail'" 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"> <div class="p-list-main mb-2">
<div class="p-list"> <div class="p-list">
<div class="top"><img src="assets/images/csr-img/Back.jpg" alt=""></div> <div class="top"><img src="assets/images/csr-img/Back.jpg" alt=""></div>
@ -271,7 +272,7 @@
</div> </div>
</div> </div>
</div> </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 [routerLink]="'/home/project-detail'" 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"> <div class="p-list-main mb-2">
<div class="p-list"> <div class="p-list">
<div class="top"><img src="assets/images/csr-img/img1.jpeg" alt=""></div> <div class="top"><img src="assets/images/csr-img/img1.jpeg" alt=""></div>
@ -310,7 +311,7 @@
</div> </div>
</div> </div>
</div> </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 [routerLink]="'/home/project-detail'" 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"> <div class="p-list-main mb-2">
<div class="p-list"> <div class="p-list">
<div class="top"><img src="assets/images/csr-img/donate.jpg" alt=""></div> <div class="top"><img src="assets/images/csr-img/donate.jpg" alt=""></div>
@ -413,7 +414,7 @@
</mat-card> </mat-card>
<!-- <div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="40" fxFlex.lg="20" fxFlex.xl="40"> --> <!-- <div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="40" fxFlex.lg="20" fxFlex.xl="40"> -->
<mat-card class="support_mat" fxFlex="25%" fxFlex.xs="100" fxFlex.sm="100px"> <!-- <mat-card class="support_mat" fxFlex="25%" fxFlex.xs="100" fxFlex.sm="100px">
<mat-card-header> <mat-card-header>
<mat-card-title> <mat-card-title>
<h5>Make a contribution now</h5> <h5>Make a contribution now</h5>
@ -439,7 +440,7 @@
<button class="mat-green" mat-raised-button>Proceed for Payment</button> <button class="mat-green" mat-raised-button>Proceed for Payment</button>
</div> </div>
</mat-card-content> </mat-card-content>
</mat-card> </mat-card> -->
<!-- </div> --> <!-- </div> -->
<!-- </div> --> <!-- </div> -->
</div> </div>

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

@ -1,19 +1,16 @@
<!-- <app-layout></app-layout> --> <!-- <app-layout></app-layout> -->
<div id="top"></div> <div id="top"></div>
<div fxLayout="row wrap"> <div fxLayout="row wrap">
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" fxFlex.lg="200" fxFlex.xl="100"> <div fxFlex.xs="10" fxFlex.sm="10" fxFlex.md="30" fxFlex.lg="200" fxFlex.xl="30">
<div class="form-bg"> <div class="container">
<!-- <div class="container"> --> <!-- <div class="form-bg">
<div fxLayout="column" fxLayoutAlign="center"> <div fxLayout="column" fxLayoutAlign="center">
<!-- <div fxFlex="100"> -->
<div fxLayoutAlign="center" fxFlex="10"> <div fxLayoutAlign="center" fxFlex="10">
<h5 class="flex-text">There is no exercise better for the heart than reaching down and lifting people up.</h5> <h5 class="flex-text">There is no exercise better for the heart than reaching down and lifting people up.</h5>
</div> </div>
<!-- </div> -->
</div> </div>
<div fxLayout="row wrap" fxLayoutAlign="center" > <div fxLayout="row wrap" fxLayoutAlign="center" >
<!-- <div > -->
<div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="25.33" fxFlex.lg="25.33" fxFlex.xl="25.33" fxFlex="100" *ngFor="let flex_value of flexContent;let i=index" style="margin-top:30px;"> <div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="25.33" fxFlex.lg="25.33" fxFlex.xl="25.33" fxFlex="100" *ngFor="let flex_value of flexContent;let i=index" style="margin-top:30px;">
<mat-card [class]="flex_value.card_class" style="width: 75%;height: 160px;"> <mat-card [class]="flex_value.card_class" style="width: 75%;height: 160px;">
<div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp"> <div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp">
@ -26,121 +23,10 @@
</div> </div>
</mat-card> </mat-card>
</div> </div>
<!-- </div> -->
<!-- <div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="18.33" fxFlex.lg="18.33" fxFlex.xl="18.33" fxFlex="100"> </div>
<mat-card class="mc-2" style="width: 75%;height: 160px;"> </div> -->
<div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp"> <slideshow class="image" [height]="height"
<div class="text-center m-color">
<i class="fa fa-university fa-3x"></i>
<div class="d-inline-block">
<h5>School</h5>
</div>
</div>
</div>
</mat-card>
</div>
<div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="18.33" fxFlex.lg="18.33" fxFlex.xl="18.33" fxFlex="100">
<mat-card class="mc-3" style="width: 75%;height: 160px;">
<div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp">
<div class="text-center m-color">
<i class="fa fa-university fa-3x"></i>
<div class="d-inline-block">
<h5>School</h5>
</div>
</div>
</div>
</mat-card>
</div>
<div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="18.33" fxFlex.lg="18.33" fxFlex.xl="18.33" fxFlex="100">
<mat-card class="mc-4" style="width: 75%;height: 160px;">
<div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp">
<div class="text-center m-color">
<i class="fa fa-university fa-3x"></i>
<div class="d-inline-block">
<h5>School</h5>
</div>
</div>
</div>
</mat-card>
</div>
<div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="18.33" fxFlex.lg="18.33" fxFlex.xl="18.33" fxFlex="100">
<mat-card class="mc-5" style="width: 75%;height: 160px;">
<div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp">
<div class="text-center m-color">
<i class="fa fa-university fa-3x"></i>
<div >
<h5>School</h5>
</div>
</div>
</div>
</mat-card>
</div>
</div>
<div fxLayout="row wrap" fxLayoutAlign="center" class="mb-2 pt-1">
<div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="18.33" fxFlex.lg="18.33" fxFlex.xl="18.33" fxFlex="100">
<mat-card class="mc-6" style="width: 75%;height: 160px;">
<div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp">
<div class="text-center m-color">
<i class="fa fa-university fa-3x"></i>
<div class="d-inline-block">
<h5>School</h5>
</div>
</div>
</div>
</mat-card>
</div>
<div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="18.33" fxFlex.lg="18.33" fxFlex.xl="18.33" fxFlex="100">
<mat-card class="mc-7" style="width: 75%;height: 160px;">
<div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp">
<div class="text-center m-color">
<i class="fa fa-university fa-3x"></i>
<div class="d-inline-block">
<h5>School</h5>
</div>
</div>
</div>
</mat-card>
</div>
<div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="18.33" fxFlex.lg="18.33" fxFlex.xl="18.33" fxFlex="100">
<mat-card class="mc-8" style="width: 75%;height: 160px;">
<div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp">
<div class="text-center m-color">
<i class="fa fa-university fa-3x"></i>
<div class="d-inline-block">
<h5>School</h5>
</div>
</div>
</div>
</mat-card>
</div>
<div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="18.33" fxFlex.lg="18.33" fxFlex.xl="18.33" fxFlex="100">
<mat-card class="mc-9" style="width: 75%;height: 160px;">
<div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp">
<div class="text-center m-color">
<i class="fa fa-university fa-3x"></i>
<div class="d-inline-block">
<h5>School</h5>
</div>
</div>
</div>
</mat-card>
</div>
<div fxLayoutAlign="center" fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="18.33" fxFlex.lg="18.33" fxFlex.xl="18.33" fxFlex="100">
<mat-card class="mc-10" style="width: 75%;height: 160px;">
<div fxFlex.gt-sm="100%" fxLayoutAlign="center center" fxFlex="100" class="m-gap p-gap mb-0 icon-tp">
<div class="text-center m-color">
<i class="fa fa-university fa-3x"></i>
<div class="d-inline-block">
<h5>School</h5>
</div>
</div>
</div>
</mat-card>
</div> -->
</div>
<!-- </div> -->
</div>
<!-- <slideshow class="image" [height]="height"
[autoPlay]="true" [autoPlay]="true"
[showArrows]="true" [showArrows]="true"
arrowSize="20px" arrowSize="20px"
@ -150,15 +36,15 @@ arrowSize="20px"
showDots="true" showDots="true"
showCaptions="true" showCaptions="true"
> >
</slideshow> --> </slideshow>
<!-- <div align="center"> <!-- <div align="center">
<button mat-raised-button class="button-cyan">Contribute</button> <button mat-raised-button class="button-cyan">Contribute</button>
</div> --> </div> -->
<!-- <div class="middle"> <div class="middle">
<button mat-stroked-button class="text">Contribute</button> <button mat-stroked-button class="text">Contribute</button>
</div> --> </div>
</div>
</div> </div>
</div></div>
<!-- <hr/> --> <!-- <hr/> -->
<!-- <mdb-carousel class="carousel slide carousel-fade" > <!-- <mdb-carousel class="carousel slide carousel-fade" >
<mdb-carousel-item> <mdb-carousel-item>

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

@ -7,23 +7,24 @@ import { Component } from '@angular/core';
}) })
export class DashboardComponent { export class DashboardComponent {
txt:string; txt:string;
height:string="350px" height:string="600px"
width:string="320px;" width:string="500px;"
imageSources=[{ imageSources=[{
// url:'https://cdn.vox-cdn.com/uploads/chorus_image/image/56748793/dbohn_170625_1801_0018.0.0.jpg', // url:'https://cdn.vox-cdn.com/uploads/chorus_image/image/56748793/dbohn_170625_1801_0018.0.0.jpg',
url:'assets/images/csr-img/ban1.jpg', url:'assets/images/csr-img/IMG_2535.jpg',
caption:'First' caption:'First'
}, },
{ {
// url:'https://cdn.vox-cdn.com/uploads/chorus_asset/file/9278671/jbareham_170917_2000_0124.jpg', // url:'https://cdn.vox-cdn.com/uploads/chorus_asset/file/9278671/jbareham_170917_2000_0124.jpg',
url:'assets/images/csr-img/ban2.jpg', url:'assets/images/csr-img/IMG_2928.jpg',
caption:'Second' caption:'Second'
}, }
{ // {
// url:'https://cdn.vox-cdn.com/uploads/chorus_image/image/56789263/akrales_170919_1976_0104.0.jpg', // url:'https://cdn.vox-cdn.com/uploads/chorus_image/image/56789263/akrales_170919_1976_0104.0.jpg',
url:'assets/images/csr-img/ban3.jpg', // url:'assets/images/csr-img/ban3.jpg',
caption:'Third' // caption:'Third'
}] // }
]
flexContent=[{ flexContent=[{
id:1, id:1,

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

@ -42,8 +42,8 @@ const HORIZONTALMENUITEMS = [
children: [ children: [
{state: 'contribute', name: 'Contribute',}, {state: 'contribute', name: 'Contribute',},
{state: 'projects', name: 'Projects',}, {state: 'projects', name: 'Projects',},
{state: 'payment', name: 'Payment'}, // {state: 'payment', name: 'Payment'},
{state: 'paymentconfirmation', name: 'PaymentConfirmation'} // {state: 'paymentconfirmation', name: 'PaymentConfirmation'}
] ]
}, },
{ {

BIN
ng8-seed/src/assets/images/csr-img/IMG_2535.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 MiB

BIN
ng8-seed/src/assets/images/csr-img/IMG_2928.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 MiB