tanshu/luthor
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Initial Commit

Browse Source
This commit is contained in:
Amritanshu Agrawal
2021-01-05 13:02:52 +05:30
commit ec992df1da
520 changed files with 38712 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
otis/src/app/advocates/advocate-detail/advocate-detail.component.css Normal file
View File

@ -0,0 +1,3 @@
.right-align {
text-align: right;
}

75
otis/src/app/advocates/advocate-detail/advocate-detail.component.html Normal file
View File

@ -0,0 +1,75 @@
<div fxLayout="row" fxFlex="50%" fxLayoutAlign="space-around center" class="example-card">
<mat-card fxFlex>
<mat-card-title-group>
<mat-card-title>Advocate</mat-card-title>
</mat-card-title-group>
<mat-card-content>
<form [formGroup]="form" fxLayout="column">
<div
fxLayout="row"
fxLayoutAlign="space-around start"
fxLayout.lt-md="column"
fxLayoutGap="20px"
fxLayoutGap.lt-md="0px"
>
<mat-form-field fxFlex>
<mat-label>Name</mat-label>
<input
matInput
#nameElement
placeholder="Name"
formControlName="name"
(keyup.enter)="save()"
/>
</mat-form-field>
</div>
<div
fxLayout="row"
fxLayoutAlign="space-around start"
fxLayout.lt-md="column"
fxLayoutGap="20px"
fxLayoutGap.lt-md="0px"
>
<mat-form-field fxFlex>
<mat-label>Mobile</mat-label>
<input matInput placeholder="Mobile" formControlName="mobile" />
</mat-form-field>
<mat-form-field fxFlex>
<mat-label>Land Line</mat-label>
<input matInput placeholder="Landline" formControlName="landline" />
</mat-form-field>
</div>
<div
fxLayout="row"
fxLayoutAlign="space-around start"
fxLayout.lt-md="column"
fxLayoutGap="20px"
fxLayoutGap.lt-md="0px"
>
<mat-form-field fxFlex>
<mat-label>Email</mat-label>
<input matInput placeholder="Email" formControlName="email" />
</mat-form-field>
</div>
<div
fxLayout="row"
fxLayoutAlign="space-around start"
fxLayout.lt-md="column"
fxLayoutGap="20px"
fxLayoutGap.lt-md="0px"
>
<mat-form-field fxFlex>
<mat-label>Address</mat-label>
<input matInput placeholder="Address" formControlName="address" />
</mat-form-field>
</div>
</form>
</mat-card-content>
<mat-card-actions>
<button mat-raised-button color="primary" (click)="save()">Save</button>
<button mat-raised-button color="warn" (click)="confirmDelete()" *ngIf="!!item.id">
Delete
</button>
</mat-card-actions>
</mat-card>
</div>

26
otis/src/app/advocates/advocate-detail/advocate-detail.component.spec.ts Normal file
View File

@ -0,0 +1,26 @@
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
import { AdvocateDetailComponent } from './advocate-detail.component';
describe('AdvocateDetailComponent', () => {
let component: AdvocateDetailComponent;
let fixture: ComponentFixture<AdvocateDetailComponent>;
beforeEach(
waitForAsync(() => {
TestBed.configureTestingModule({
declarations: [AdvocateDetailComponent],
}).compileComponents();
}),
);
beforeEach(() => {
fixture = TestBed.createComponent(AdvocateDetailComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

111
otis/src/app/advocates/advocate-detail/advocate-detail.component.ts Normal file
View File

@ -0,0 +1,111 @@
import { AfterViewInit, Component, ElementRef, OnInit, ViewChild } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';
import { MatDialog } from '@angular/material/dialog';
import { ActivatedRoute, Router } from '@angular/router';
import { Advocate } from '../../core/advocate';
import { ToasterService } from '../../core/toaster.service';
import { ConfirmDialogComponent } from '../../shared/confirm-dialog/confirm-dialog.component';
import { AdvocateService } from '../advocate.service';
@Component({
selector: 'app-advocate-detail',
templateUrl: './advocate-detail.component.html',
styleUrls: ['./advocate-detail.component.css'],
})
export class AdvocateDetailComponent implements OnInit, AfterViewInit {
@ViewChild('nameElement', { static: true }) nameElement?: ElementRef;
form: FormGroup;
item: Advocate = new Advocate();
constructor(
private route: ActivatedRoute,
private router: Router,
private dialog: MatDialog,
private fb: FormBuilder,
private toaster: ToasterService,
private ser: AdvocateService,
) {
// Create form
this.form = this.fb.group({
name: '',
mobile: '',
landline: '',
email: '',
address: '',
});
}
ngOnInit() {
this.route.data.subscribe((value) => {
const data = value as { item: Advocate };
this.showItem(data.item);
});
}
showItem(item: Advocate) {
this.item = item;
this.form.setValue({
name: this.item.name || '',
mobile: this.item.mobile || '',
landline: this.item.landline || '',
email: this.item.email || '',
address: this.item.address || '',
});
}
ngAfterViewInit() {
setTimeout(() => {
if (this.nameElement !== undefined) {
this.nameElement.nativeElement.focus();
}
}, 0);
}
save() {
this.ser.saveOrUpdate(this.getItem()).subscribe(
() => {
this.toaster.show('Success', '');
this.router.navigateByUrl('/advocates');
},
(error) => {
this.toaster.show('Error', error);
},
);
}
delete() {
this.ser.delete(this.item.id as string).subscribe(
() => {
this.toaster.show('Success', '');
this.router.navigateByUrl('/advocates');
},
(error) => {
this.toaster.show('Error', error);
},
);
}
confirmDelete(): void {
const dialogRef = this.dialog.open(ConfirmDialogComponent, {
width: '250px',
data: { title: 'Delete Advocate?', content: 'Are you sure? This cannot be undone.' },
});
dialogRef.afterClosed().subscribe((result: boolean) => {
if (result) {
this.delete();
}
});
}
getItem(): Advocate {
const formModel = this.form.value;
this.item.name = formModel.name;
this.item.mobile = formModel.mobile;
this.item.landline = formModel.landline;
this.item.email = formModel.email;
this.item.address = formModel.address;
return this.item;
}
}