@csmart/ngc-smart-victim 0.1.7 → 0.1.8

package/src/lib/shared/validators/date.validator.ts

@@ -0,0 +1,73 @@
+import { AbstractControl, ValidatorFn } from '@angular/forms';
+
+
+export function dateValidator(): ValidatorFn {
+  return (control: AbstractControl): {[key: string]: any} => {
+    const dateStr = control.value;
+    const invalidObj = { 'date': 'future Date is Not Allowed' };
+    const date = new Date(dateStr);
+    if (date > new Date()) {
+      return invalidObj;
+    }
+    return null;
+  };
+}
+
+
+export function passDateValidator(): ValidatorFn {
+  return (control: AbstractControl): {[key: string]: any} => {
+    const dateStr = control.value;
+    const invalidObj = { 'date': 'Pass Date is Not Allowed' };
+    const date = new Date(dateStr);
+    if (date < new Date()) {
+      return invalidObj;
+    }
+    return null;
+  };
+}
+
+
+
+export function dateLessThan(dateField1: string, dateField2: string, validatorField: { [key: string]: boolean }): ValidatorFn {
+  return (c: AbstractControl): { [key: string]: any } | null => {
+     const date1 = c.get(dateField1).value;
+     const date2 = c.get(dateField2).value;
+     
+     console.log('date1');
+     console.log(date1);
+      console.log('date2');
+      console.log(date2);
+      //const invalidObj = { 'dateRule': 'date is Not Allowed' };
+      if ((date1 !== null && date2 !== null) && date1 > date2) {
+        console.log(validatorField);
+          return validatorField;
+         //return invalidObj;
+
+      }
+      console.log('return null');
+      return null;
+  };
+}
+
+
+
+export function greaterLessThan(dateField1: string, dateField2: string, validatorField: { [key: string]: boolean }): ValidatorFn {
+  return (c: AbstractControl): { [key: string]: any } | null => {
+     const date1 = c.get(dateField1).value;
+     const date2 = c.get(dateField2).value;
+     
+     console.log('end date');
+     console.log(date1);
+      console.log('ver date');
+      console.log(date2);
+      //const invalidObj = { 'dateRule': 'date is Not Allowed' };
+      if ((date1 !== null && date2 !== null) && date1 < date2) {
+        console.log(validatorField);
+          return validatorField;
+         //return invalidObj;
+
+      }
+      console.log('return null');
+      return null;
+  };
+}

package/src/lib/shared/validators/index.ts

@@ -0,0 +1 @@
+export * from './date.validator';

package/src/lib/smart-victim-delete-confirm.component.ts

@@ -0,0 +1,35 @@
+import { Component, OnInit, Inject } from '@angular/core';
+import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog';
+
+@Component({
+  selector: 'csmart-victim-delete-confirm',
+  template: `
+  <h1 mat-dialog-title>Delete Confirmation</h1>
+  <div mat-dialog-content>
+    <p>Are you sure you want to delete this item?</p>
+  </div>
+  <div mat-dialog-actions class="actions">
+    <button mat-flat-button color="primary" (click)="onNoClick()">No</button>
+    <button mat-flat-button color="warn" [mat-dialog-close]='"YES"' cdkFocusInitial>Yes</button>
+  </div>
+  `,
+  styles: [`
+     .actions{
+       display: flex;
+       justify-content: space-between;  
+      }
+  `]
+})
+export class SmartVictimDeleteConfirmComponent implements OnInit {
+
+  constructor( public dialogRef: MatDialogRef<SmartVictimDeleteConfirmComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any) { }
+
+  onNoClick(): void {
+    this.dialogRef.close();
+  }
+
+  ngOnInit() {
+  }
+
+}

package/src/lib/smart-victim-detail/smart-victim-detail.component.css

@@ -0,0 +1,43 @@
+
+mat-form-field {
+  width: 100%;
+}
+.container{
+  margin: 16px;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 10px;
+  grid-auto-rows: minmax(50px, auto);
+  justify-items: stretch;
+  }
+
+
+  @media only screen and (max-width: 1120px) {
+    .container{
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      grid-row-gap: 15px;
+    }
+  }
+
+  @media only screen and (max-width: 675px) {
+    .container{
+        display: flex;
+        flex-direction: column;
+    }
+  }
+
+  #outer
+{
+    width:100%;
+    text-align: center;
+}
+.inner
+{
+    display: inline-block;
+}
+.tp-radio-group {  
+  display:flex ;
+  justify-content: space-between;
+}  
+