src/app/modules/daily-processing/goodnight-run/goodnight-run.component.ts
| selector | app-goodnight-run |
| styleUrls | ./goodnight-run.component.css |
| templateUrl | ./goodnight-run.component.html |
Methods |
constructor()
|
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
| stopPropagation | ||||||
stopPropagation(event: Event)
|
||||||
|
Parameters :
Returns :
void
|
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-goodnight-run',
templateUrl: './goodnight-run.component.html',
styleUrls: ['./goodnight-run.component.css']
})
export class GoodnightRunComponent implements OnInit {
constructor() {}
ngOnInit() {}
// closeDay() {
// this.isLoading = true;
// setTimeout(function() {
// console.log('test');
// this.isDayClosed = true;
// console.log(this.isDayClosed);
// }, 300);
// this.isLoading = false;
// console.log(this.isLoading);
// }
stopPropagation(event: Event) {
event.stopPropagation();
}
}
<!-- <section>
<h3 class="component-title">Goodnight Run Checklist</h3>
<div class="content-ctn">
<mat-toolbar class="content-header">
<mat-toolbar-row>
<span class="header-color">Checklist Items</span>
<span class="spacer"></span>
</mat-toolbar-row>
</mat-toolbar>
<div class="content-body">
<mat-accordion>
<mat-expansion-panel
(opened)="panelOpenStateOne = true"
(closed)="panelOpenStateOne = false"
>
<mat-expansion-panel-header>
<mat-panel-title
class="neutral-color"
(click)="stopPropagation($event)"
>
<mat-checkbox
(click)="itemOne = true"
class="neutral-color font-size-13"
>Verify all files uploaded to Lake City Bank were approved
</mat-checkbox>
</mat-panel-title>
<mat-panel-description> </mat-panel-description>
</mat-expansion-panel-header>
<p>Steps to resolve the task.</p>
</mat-expansion-panel>
<mat-expansion-panel
(opened)="panelOpenStateTwo = true"
(closed)="panelOpenStateTwo = false"
>
<mat-expansion-panel-header>
<mat-panel-title
class="neutral-color"
(click)="stopPropagation($event)"
>
<mat-checkbox
(click)="itemTwo = true"
class="neutral-color font-size-13"
>Save a PDF screenshot of the uploaded Lake City files
</mat-checkbox>
</mat-panel-title>
<mat-panel-description> </mat-panel-description>
</mat-expansion-panel-header>
<p>Steps to resolve the task.</p>
</mat-expansion-panel>
<mat-expansion-panel
(opened)="panelOpenStateThree = true"
(closed)="panelOpenStateThree = false"
>
<mat-expansion-panel-header>
<mat-panel-title
class="neutral-color"
(click)="stopPropagation($event)"
>
<mat-checkbox
(click)="itemThree = true"
class="neutral-color font-size-13"
>Verify all files uploaded to Centier Bank and were approved
</mat-checkbox>
</mat-panel-title>
<mat-panel-description> </mat-panel-description>
</mat-expansion-panel-header>
<p>Steps to resolve the task.</p>
</mat-expansion-panel>
<mat-expansion-panel
(opened)="panelOpenStateFour = true"
(closed)="panelOpenStateFour = false"
>
<mat-expansion-panel-header>
<mat-panel-title
class="neutral-color"
(click)="stopPropagation($event)"
>
<mat-checkbox
(click)="itemFour = true"
class="neutral-color font-size-13"
>Verify FusePay file uploaded to the FTP site
</mat-checkbox>
</mat-panel-title>
<mat-panel-description> </mat-panel-description>
</mat-expansion-panel-header>
<p>Steps to resolve the task.</p>
</mat-expansion-panel>
<mat-expansion-panel
(opened)="panelOpenStateFive = true"
(closed)="panelOpenStateFive = false"
>
<mat-expansion-panel-header>
<mat-panel-title
class="neutral-color"
(click)="stopPropagation($event)"
>
<mat-checkbox
(click)="itemFive = true"
class="neutral-color font-size-13"
>Verify Regional Biller emails were sent
</mat-checkbox>
</mat-panel-title>
<mat-panel-description> </mat-panel-description>
</mat-expansion-panel-header>
<p>Steps to resolve the task.</p>
</mat-expansion-panel>
<mat-expansion-panel
(opened)="panelOpenStateSix = true"
(closed)="panelOpenStateSix = false"
>
<mat-expansion-panel-header>
<mat-panel-title
class="neutral-color"
(click)="stopPropagation($event)"
>
<mat-checkbox
(click)="itemSix = true"
class="neutral-color font-size-13"
>Verify RPPS file was uploaded and accepted
</mat-checkbox>
</mat-panel-title>
<mat-panel-description> </mat-panel-description>
</mat-expansion-panel-header>
<p>Steps to resolve the task.</p>
</mat-expansion-panel>
<mat-expansion-panel
(opened)="panelOpenStateSeven = true"
(closed)="panelOpenStateSeven = false"
>
<mat-expansion-panel-header>
<mat-panel-title
class="neutral-color"
(click)="stopPropagation($event)"
>
<mat-checkbox
(click)="itemSeven = true"
class="neutral-color font-size-13"
>Save screenshots of any payments stuck in a processing status
</mat-checkbox>
</mat-panel-title>
<mat-panel-description> </mat-panel-description>
</mat-expansion-panel-header>
<p>Steps to resolve the task.</p>
</mat-expansion-panel>
<mat-expansion-panel
(opened)="panelOpenStateEight = true"
(closed)="panelOpenStateEight = false"
>
<mat-expansion-panel-header>
<mat-panel-title
class="neutral-color"
(click)="stopPropagation($event)"
>
<mat-checkbox
(click)="itemEight = true"
class="neutral-color font-size-13"
>Enter Prism totals on spreadsheet
</mat-checkbox>
</mat-panel-title>
<mat-panel-description> </mat-panel-description>
</mat-expansion-panel-header>
<p>Steps to resolve the task.</p>
</mat-expansion-panel>
<mat-expansion-panel
(opened)="panelOpenStateNine = true"
(closed)="panelOpenStateNine = false"
>
<mat-expansion-panel-header>
<mat-panel-title
class="neutral-color"
(click)="stopPropagation($event)"
>
<mat-checkbox
(click)="itemNine = true"
class="neutral-color font-size-13"
>Notify Team when processing is complete via Slack
</mat-checkbox>
</mat-panel-title>
<mat-panel-description> </mat-panel-description>
</mat-expansion-panel-header>
<p>Steps to resolve the task.</p>
</mat-expansion-panel>
<mat-expansion-panel
(opened)="panelOpenStateTen = true"
(closed)="panelOpenStateTen = false"
>
<mat-expansion-panel-header>
<mat-panel-title
class="neutral-color"
(click)="stopPropagation($event)"
>
<mat-checkbox
(click)="itemTen = true"
class="neutral-color font-size-13"
>Enter Processing completion time on tracking sheet
</mat-checkbox>
</mat-panel-title>
<mat-panel-description> </mat-panel-description>
</mat-expansion-panel-header>
<p>Steps to resolve the task.</p>
</mat-expansion-panel>
</mat-accordion>
</div>
<mat-form-field class="comment-box">
<textarea matInput placeholder="Leave a comment for the day"></textarea>
</mat-form-field>
<button
class="button action-background-color"
(click)="closeDay()"
mat-button
>
Close Out The Day
</button>
</div>
<div *ngIf="isDayClosed">Day is closed</div>
<mat-spinner *ngIf="isLoading"></mat-spinner>
</section> -->
./goodnight-run.component.css
.mat-expansion-panel {
box-shadow: none !important;
border-bottom: 1px solid #ccc;
}
.mat-expansion-panel-header {
padding: 0px 20px 0px 0px !important;
}
.mat-checkbox-layout {
font-size: 13px !important;
}
.mat-checkbox-layout .mat-checkbox-label {
font-size: 13px !important;
}
.mat-checkbox-inner-container {
margin-right: 10px !important;
width: 20px;
}
.mat-checkbox {
display: block;
padding: 10px;
}
.goodnight-closeout-ctn {
width: 300px;
margin: 0px auto;
text-align: center;
}
.goodnight-closeout-ctn h3 {
margin: -10px 0;
}
.goodnight-closeout-ctn p {
font-size: 14px;
}
.large-icon {
font-size: 150px;
}
.comment-box {
margin: 20px 0px 10px 0px;
width: 100%;
}
.mat-checkbox {
padding: 11px 10px;
}
.content-body {
border: 1px solid #ccc;
border-top: none;
border-bottom: none;
}
textarea {
font-size: 14px;
}