Appointment/appointments_frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

image size validation

Browse Source
This commit is contained in:
surendar.m@watermelon.us 2023-04-12 17:29:35 +05:30
parent d51a3949ce
commit 690517eae6
18 changed files with 186 additions and 131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.html
View File

@ -70,7 +70,7 @@
<mat-header-cell *matHeaderCellDef mat-sort-header> Action </mat-header-cell> <mat-header-cell *matHeaderCellDef mat-sort-header> Action </mat-header-cell>
<mat-cell *matCellDef="let row"> <mat-cell *matCellDef="let row">
<a (click)="openDialog('Update',row)"><span class="material-icons edit-color">edit</span></a> <a (click)="openDialog('Update',row)"><span class="material-icons edit-color">edit</span></a>
<a (click)="confirmBox('Delete',row)"><span class="material-icons edit-color delete">delete</span></a> <a (click)="confirmBox('Delete',row)"><span class="material-icons edit-color2 delete">delete</span></a>
</mat-cell> </mat-cell>
</ng-container> </ng-container>

7
ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.scss
View File

@ -50,13 +50,16 @@ tr.mat-header-row {
font-size: 14px; font-size: 14px;
} }
.edit-color{ .edit-color{
color: rgba(0, 0, 0, 0.54); color: #178a78;
}
.edit-color2{
color: #e12929ba;
} }
.edit-color:hover { .edit-color:hover {
color: #4caf50; color: #4caf50;
} }
.delete:hover { .delete:hover {
color:#ff0000; color:#ff000085;
} }
// ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper { // ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper {
// width: 180%; // width: 180%;

19
ng-seed/src/app/appoinment/business/add-business/add-business.component.html
View File

@ -49,21 +49,30 @@
<mat-error *ngIf="myError('workingHrsJson', 'required')">Working Hrs is required</mat-error> <mat-error *ngIf="myError('workingHrsJson', 'required')">Working Hrs is required</mat-error>
<mat-error *ngIf="myError('workingHrsJson', 'maxlength')">Limit exceed</mat-error> <mat-error *ngIf="myError('workingHrsJson', 'maxlength')">Limit exceed</mat-error>
</mat-form-field> --> </mat-form-field> -->
<img *ngIf="imageViewStatus == true" class="image mb-2" [src]="url" height="50" width="50"><br /> <div fxLayout="row wrap">
<input type='file'accept="image/*" data-max-size="2048" style=" width: 35%;" (change)="onSelectFile($event)" formControlName="logo"> <div fxFlex.xs="70" fxFlex.sm="70" fxFlex.md="70" fxFlex.lg="70" fxFlex.xl="70">
<mat-checkbox class="example-margin mt-2" formControlName="admin_checked" (change)="showOptions($event)">Add Admin</mat-checkbox> <img *ngIf="action == 'Update' && imageViewStatus != true" class="image mb-2" [src]="image_view(local_data.logo)" height="150" width="150"/>
<img *ngIf="imageViewStatus == true" class="image mb-2" [src]="url" height="150" width="150"><br/>
<input type='file'accept="image/*" data-max-size="2048" style="width: 50%;" (change)="onSelectFile($event)" formControlName="logo"><br>
<span *ngIf="imageViewStatus != true" class="imgSizeValidation">Upload Below 2MB </span>
</div>
<div fxFlex.xs="30" fxFlex.sm="30" fxFlex.md="30" fxFlex.lg="30" fxFlex.xl="30" fxLayoutAlign="start end">
<mat-checkbox *ngIf="action != 'Update'" class="example-margin mt-2" formControlName="admin_checked" (change)="showOptions($event)">Add Admin</mat-checkbox>
</div>
</div>
</div> </div>
</ng-scrollbar> </ng-scrollbar>
<ng-template #elseTemplate> <ng-template #elseTemplate>
Sure to delete <b>{{local_data.name}}</b>? Sure to delete <b>{{local_data.name}}</b>?
</ng-template> </ng-template>
<div mat-dialog-actions> <div mat-dialog-actions>
<button mat-button type="submit" class="mat-green" mat-raised-button >{{action}}</button> <button mat-button type="submit" class="mat-green" mat-raised-button >{{action}}</button>
<button mat-button (click)="closeDialog()" >Cancel</button> <button mat-button (click)="closeDialog()" >Cancel</button>
</div> </div>
</form> </form>
<notifier-container></notifier-container>
<!-- </mat-card> --> <!-- </mat-card> -->

7
ng-seed/src/app/appoinment/business/add-business/add-business.component.scss
View File

@ -75,4 +75,11 @@ input[type=file]::file-selector-button {
input[type=file]::file-selector-button:hover { input[type=file]::file-selector-button:hover {
background: #0d45a5; background: #0d45a5;
}
.image{
border: 7px solid #16c1a636;
}
.imgSizeValidation{
color: red;
font-family: ui-serif;
} }

28
ng-seed/src/app/appoinment/business/add-business/add-business.component.ts
View File

@ -3,6 +3,8 @@ import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms'
import { MatCheckboxChange } from '@angular/material/checkbox'; import { MatCheckboxChange } from '@angular/material/checkbox';
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { Router } from '@angular/router'; import { Router } from '@angular/router';
import { NotifierService } from 'angular-notifier';
import { environment } from 'environments/environment';
export interface UsersData { export interface UsersData {
name: string; name: string;
id: number; id: number;
@ -25,7 +27,8 @@ export class AddBusinessComponent implements OnInit {
formData: any=[]; formData: any=[];
selectedFiles: any; selectedFiles: any;
currentFileUpload: any; currentFileUpload: any;
constructor(private router: Router,private formBuilder: FormBuilder, private apiUrl = environment.apiEndpoint;
constructor(private notifierService: NotifierService,private router: Router,private formBuilder: FormBuilder,
public dialogRef: MatDialogRef<AddBusinessComponent>, public dialogRef: MatDialogRef<AddBusinessComponent>,
@Optional() @Inject(MAT_DIALOG_DATA) public data: UsersData) { @Optional() @Inject(MAT_DIALOG_DATA) public data: UsersData) {
console.log(data); console.log(data);
@ -46,13 +49,15 @@ export class AddBusinessComponent implements OnInit {
this.dialogRef.close({event:'Cancel'}); this.dialogRef.close({event:'Cancel'});
} }
onSelectFile(event) { onSelectFile(event) {
console.log(event)
console.log(event.target.files[0]) console.log(event.target.files[0])
const file = event.target.files[0]; if(event.target.files[0].size > 2097152){
this.notifierService.notify('warning', 'Image size is too Larger');
}else {
const file = event.target.files[0];
if(event != null){ if(event != null){
this.imageViewStatus = true this.imageViewStatus = true
} }
this.form['value'].logo = [event.target.files[0]] this.form['value'].logo = [event.target.files[0]]
if (event.target.files && event.target.files[0]) { if (event.target.files && event.target.files[0]) {
var reader = new FileReader(); var reader = new FileReader();
@ -63,11 +68,9 @@ export class AddBusinessComponent implements OnInit {
} }
} }
// this.formData=[]; // this.formData=[];
this.formData.append('image', file, file.name); this.formData.append('image', file, file.name);
console.log(this.currentFileUpload)
console.log(this.currentFileUpload) }
// this.formData.append('file', file, file.name); // this.formData.append('file', file, file.name);
} }
@ -126,4 +129,9 @@ export class AddBusinessComponent implements OnInit {
// console.log(this.action,this.local_data) // console.log(this.action,this.local_data)
} }
image_view(image){
return this.apiUrl+'imageViewer?img_name='+image;
}
} }

2
ng-seed/src/app/appoinment/business/business-list/business-list.component.html
View File

@ -59,7 +59,7 @@
<mat-header-cell *matHeaderCellDef mat-sort-header> Action </mat-header-cell> <mat-header-cell *matHeaderCellDef mat-sort-header> Action </mat-header-cell>
<mat-cell *matCellDef="let row"> <mat-cell *matCellDef="let row">
<a (click)="openDialog('Update',row)"><span class="material-icons edit-color">edit</span></a> <a (click)="openDialog('Update',row)"><span class="material-icons edit-color">edit</span></a>
<a (click)="confirmBox('Delete',row)"><span class="material-icons edit-color delete">delete</span></a> <a (click)="confirmBox('Delete',row)"><span class="material-icons edit-color2 delete">delete</span></a>
</mat-cell> </mat-cell>
</ng-container> </ng-container>

15
ng-seed/src/app/appoinment/business/business-list/business-list.component.scss
View File

@ -50,14 +50,17 @@ img {
font-size: 14px; font-size: 14px;
} }
.edit-color{ .edit-color{
color: rgba(0, 0, 0, 0.54); color: #178a78;
}
.edit-color2{
color: #e12929ba;
} }
.edit-color:hover { .edit-color:hover {
color: #4caf50; color: #4caf50;
} }
.delete:hover { .delete:hover {
color:#ff0000; color:#ff000085;
} }
// ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper { // ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper {
// width: 180%; // width: 180%;
// } // }

4
ng-seed/src/app/appoinment/business/business-list/business-list.component.ts
View File

@ -186,11 +186,11 @@ export class BusinessListComponent implements OnInit {
//console.log(formData) //console.log(formData)
this._bus.addFormDetails(formValue[0]).subscribe(res => { this._bus.addFormDetails(formValue[0]).subscribe(res => {
if (res.status == 200) { if (res.status == 200) {
// this.customersList = res.data; let getData = res.data;
this.getBusinessList() this.getBusinessList()
if(result.event == 'Add' && result.admincheck == true){ if(result.event == 'Add' && result.admincheck == true){
localStorage.setItem('go_admin','0') localStorage.setItem('go_admin','0')
localStorage.setItem('busName',row_obj.busName) localStorage.setItem('busNameID',getData.busId)
this.router.navigate(['/users',]) this.router.navigate(['/users',])
} }
if(result.event == 'Add'){ if(result.event == 'Add'){

2
ng-seed/src/app/appoinment/customers/customers-list/customers-list.component.html
View File

@ -58,7 +58,7 @@
<mat-header-cell *matHeaderCellDef mat-sort-header> Action </mat-header-cell> <mat-header-cell *matHeaderCellDef mat-sort-header> Action </mat-header-cell>
<mat-cell *matCellDef="let row"> <mat-cell *matCellDef="let row">
<a (click)="openDialog('Update',row)"><span class="material-icons edit-color">edit</span></a> <a (click)="openDialog('Update',row)"><span class="material-icons edit-color">edit</span></a>
<a (click)="confirmBox('Delete',row)"><span class="material-icons edit-color delete">delete</span></a> <a (click)="confirmBox('Delete',row)"><span class="material-icons edit-color2 delete">delete</span></a>
</mat-cell> </mat-cell>
</ng-container> </ng-container>

11
ng-seed/src/app/appoinment/customers/customers-list/customers-list.component.scss
View File

@ -48,13 +48,16 @@ img {
font-size: 14px; font-size: 14px;
} }
.edit-color{ .edit-color{
color: rgba(0, 0, 0, 0.54); color: #178a78;
} }
.edit-color:hover { .edit-color2{
color: #e12929ba;
}
.edit-color:hover {
color: #4caf50; color: #4caf50;
} }
.delete:hover { .delete:hover {
color:#ff0000; color:#ff000085;
} }
// ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper { // ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper {
// width: 180%; // width: 180%;

2
ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.html
View File

@ -46,7 +46,7 @@
<mat-header-cell *matHeaderCellDef mat-sort-header> Action </mat-header-cell> <mat-header-cell *matHeaderCellDef mat-sort-header> Action </mat-header-cell>
<mat-cell *matCellDef="let row"> <mat-cell *matCellDef="let row">
<a (click)="openDialog('Update',row)"><span class="material-icons edit-color">edit</span></a> <a (click)="openDialog('Update',row)"><span class="material-icons edit-color">edit</span></a>
<a (click)="confirmBox('Delete',row)"><span class="material-icons edit-color delete">delete</span></a> <a (click)="confirmBox('Delete',row)"><span class="material-icons edit-color2 delete">delete</span></a>
</mat-cell> </mat-cell>
</ng-container> </ng-container>

11
ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.scss
View File

@ -50,13 +50,16 @@ img {
font-size: 14px; font-size: 14px;
} }
.edit-color{ .edit-color{
color: rgba(0, 0, 0, 0.54); color: #178a78;
} }
.edit-color:hover { .edit-color2{
color: #e12929ba;
}
.edit-color:hover {
color: #4caf50; color: #4caf50;
} }
.delete:hover { .delete:hover {
color:#ff0000; color:#ff000085;
} }
// ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper { // ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper {
// width: 180%; // width: 180%;

10
ng-seed/src/app/appoinment/user/add-user/add-user.component.html
View File

@ -64,9 +64,11 @@
<mat-error *ngIf="myError('password', 'required')">Password is required</mat-error> <mat-error *ngIf="myError('password', 'required')">Password is required</mat-error>
<mat-error *ngIf="myError('password', 'maxlength')">Limit exceed</mat-error> <mat-error *ngIf="myError('password', 'maxlength')">Limit exceed</mat-error>
</mat-form-field> </mat-form-field>
<img *ngIf="imageViewStatus == true" class="image mb-2" [src]="url" height="50" width="50">
<input type='file'accept="image/*" data-max-size="2048" style=" width: 35%;" (change)="onSelectFile($event)" formControlName="logo"> <img *ngIf="action == 'Update' && imageViewStatus != true" class="image mb-2" [src]="image_view(local_data.logo)" height="150" width="150"/>
<img *ngIf="imageViewStatus == true" class="image mb-2" [src]="url" height="150" width="150"><br/>
<input type='file'accept="image/*" data-max-size="2048" style="width: 33%;" (change)="onSelectFile($event)" formControlName="logo"><br>
<span *ngIf="imageViewStatus != true" class="imgSizeValidation">Upload Below 2MB </span>
<!-- <mat-form-field appearance="outline" *ngIf="action != 'Delete'; else elseTemplate" class="mat-pane"> <!-- <mat-form-field appearance="outline" *ngIf="action != 'Delete'; else elseTemplate" class="mat-pane">
<input placeholder="ConfirmPassword" matInput formControlName="confirmPassword"> <input placeholder="ConfirmPassword" matInput formControlName="confirmPassword">
<mat-error *ngIf="myError('confirmPassword', 'required')">confirmPassword is required</mat-error> <mat-error *ngIf="myError('confirmPassword', 'required')">confirmPassword is required</mat-error>
@ -85,5 +87,5 @@
</ng-template><br> </ng-template><br>
</mat-card> </mat-card>
<notifier-container></notifier-container>

8
ng-seed/src/app/appoinment/user/add-user/add-user.component.scss
View File

@ -51,4 +51,12 @@ input[type=file]::file-selector-button {
input[type=file]::file-selector-button:hover { input[type=file]::file-selector-button:hover {
background: #0d45a5; background: #0d45a5;
}
.image{
border: 7px solid #16c1a636;
}
.imgSizeValidation{
color: red;
font-family: ui-serif;
} }

168
ng-seed/src/app/appoinment/user/add-user/add-user.component.ts
View File

@ -2,7 +2,9 @@ import { Component, Inject, OnInit, Optional } from '@angular/core';
import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms'; import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { Router } from '@angular/router'; import { Router } from '@angular/router';
import { NotifierService } from 'angular-notifier';
import { BusinessService } from 'app/appoinment/business/business-service/business.service'; import { BusinessService } from 'app/appoinment/business/business-service/business.service';
import { environment } from 'environments/environment';
export interface UsersData { export interface UsersData {
userName: string; userName: string;
@ -27,7 +29,8 @@ export class AddUserComponent implements OnInit {
public role = [{'name':'BADMIN'},{'name':'PRACTITIONER'},{'name':'FRONTDESK'}] public role = [{'name':'BADMIN'},{'name':'PRACTITIONER'},{'name':'FRONTDESK'}]
imageViewStatus: boolean; imageViewStatus: boolean;
formData:any=[]; formData:any=[];
constructor(private router: Router,private formBuilder: FormBuilder, private apiUrl = environment.apiEndpoint;
constructor(private notifierService: NotifierService,private router: Router,private formBuilder: FormBuilder,
public dialogRef: MatDialogRef<AddUserComponent>, public dialogRef: MatDialogRef<AddUserComponent>,
@Optional() @Inject(MAT_DIALOG_DATA) public data: UsersData,public _bus:BusinessService) { @Optional() @Inject(MAT_DIALOG_DATA) public data: UsersData,public _bus:BusinessService) {
console.log(data); console.log(data);
@ -38,41 +41,7 @@ export class AddUserComponent implements OnInit {
this.getBusinessList() this.getBusinessList()
} }
getBusinessList() {
//this._pd.getTabStatusPdDetails(this.tabStatus)
this._bus.getBusinessListDetails().subscribe(res => {
if (res.status == 200) {
let businessFilter = res['data'].filter(val => val.busName)
this.businessList = businessFilter;
let data = localStorage.getItem('busName')
// this.form.controls['businessselect'].setValue(data)
console.log(this.businessList)
console.log(this.form['value'].businessselect)
this.local_data.businessselect = this.local_data.busId
this.form.patchValue(this.local_data)
}
}
// , error => {this.errorMessage = <any> error});
,error => {
// this.errorMessage.push(error);
// this.notifier.notify('error', 'Something Went Wrong Try Again.! \t\"' + (error.error_type == 2 ? error.error_status + ' ( ' + error.error_text + ' ) ' : ' ( ' + error.error_text + ' ) ') +'\" Error Occur.!');
// alert(error.html_format);
})
}
get f(){
return this.form.controls;
}
closeDialog(){
this.dialogRef.close({event:'Cancel'});
}
close() {
this.dialogRef.close();
}
ngOnInit() { ngOnInit() {
let userrole = localStorage.getItem('user_role') let userrole = localStorage.getItem('user_role')
this.form = new FormGroup({ this.form = new FormGroup({
@ -88,10 +57,12 @@ export class AddUserComponent implements OnInit {
password: new FormControl('', [Validators.required, Validators.minLength(6)]), password: new FormControl('', [Validators.required, Validators.minLength(6)]),
logo: new FormControl('', null), logo: new FormControl('', null),
// confirmPassword: new FormControl('', [Validators.required, Validators.minLength(6)]), // confirmPassword: new FormControl('', [Validators.required, Validators.minLength(6)]),
createdBy:new FormControl(userrole,[Validators.required]), createdBy:new FormControl(userrole,null),
}); });
console.log(this.local_data); console.log(this.local_data);
this.local_data.businessselect = this.local_data.busId if(this.action == 'Update'){
this.local_data.businessselect = this.local_data.busId
}
this.form.patchValue(this.local_data) this.form.patchValue(this.local_data)
setTimeout(() => { setTimeout(() => {
@ -101,28 +72,65 @@ export class AddUserComponent implements OnInit {
public myError = (controlName: string, errorName: string) =>{ public myError = (controlName: string, errorName: string) =>{
return this.form.controls[controlName].hasError(errorName); return this.form.controls[controlName].hasError(errorName);
} }
doAction(){ // doAction(){
let tmp = this.form.value // let tmp = this.form.value
tmp.id = this.local_data.id // tmp.id = this.local_data.id
console.log(this.formData.getAll('image')); // console.log(this.formData.getAll('image'));
if(this.action == 'Update'){ // if(this.action == 'Update'){
this.formData.append('id', tmp.id); // this.formData.append('id', tmp.id);
this.formData.append('busId', this.local_data.busId); // this.formData.append('busId', this.local_data.busId);
} // }
this.formData.append('userName', tmp.userName); // this.formData.append('userName', tmp.userName);
this.formData.append('password', tmp.password); // this.formData.append('password', tmp.password);
this.formData.append('role', tmp.role); // this.formData.append('role', tmp.role);
this.formData.append('email', tmp.email); // this.formData.append('email', tmp.email);
this.formData.append('contactNo', tmp.contactNo); // this.formData.append('contactNo', tmp.contactNo);
this.formData.append('confirmPassword', tmp.password); // this.formData.append('confirmPassword', tmp.password);
// tmp.confirmPassword = this.local_data.confirmPassword // // tmp.confirmPassword = this.local_data.confirmPassword
this.dialogRef.close({event:this.action,data: this.formData}); // this.dialogRef.close({event:this.action,data: this.formData});
console.log( this.formData,this.form.value); // console.log( this.formData,this.form.value);
console.log(this.action,this.local_data) // console.log(this.action,this.local_data)
// }
getBusinessList() {
//this._pd.getTabStatusPdDetails(this.tabStatus)
this._bus.getBusinessListDetails().subscribe(res => {
if (res.status == 200) {
let businessFilter = res['data'].filter(val => val.busName)
this.businessList = businessFilter;
let data = localStorage.getItem('busName')
// this.form.controls['businessselect'].setValue(data)
console.log(this.businessList)
console.log(this.form['value'].businessselect)
this.local_data.businessselect = this.local_data.busId
this.form.patchValue(this.local_data)
}
}
// , error => {this.errorMessage = <any> error});
,error => {
// this.errorMessage.push(error);
// this.notifier.notify('error', 'Something Went Wrong Try Again.! \t\"' + (error.error_type == 2 ? error.error_status + ' ( ' + error.error_text + ' ) ' : ' ( ' + error.error_text + ' ) ') +'\" Error Occur.!');
// alert(error.html_format);
})
} }
get f(){
return this.form.controls;
}
closeDialog(){
this.dialogRef.close({event:'Cancel'});
}
close() {
this.dialogRef.close();
}
submit(){ submit(){
console.log(this.form.value); console.log(this.form.value);
if (!this.form.valid) { if (!this.form.valid) {
@ -134,15 +142,12 @@ export class AddUserComponent implements OnInit {
if(this.action == 'Update'){ if(this.action == 'Update'){
this.formData.append('id', tmp.id); this.formData.append('id', tmp.id);
this.formData.append('busId', this.local_data.busId); this.formData.append('busId', this.local_data.busId);
} }
this.formData.append('userName', tmp.userName); this.formData.append('userName', tmp.userName);
this.formData.append('password', tmp.password); this.formData.append('password', tmp.password);
this.formData.append('role', tmp.role); this.formData.append('role', tmp.role);
this.formData.append('email', tmp.email); this.formData.append('email', tmp.email);
this.formData.append('contactNo', tmp.contactNo); this.formData.append('contactNo', tmp.contactNo);
this.formData.append('confirmPassword', tmp.password); this.formData.append('confirmPassword', tmp.password);
// tmp.confirmPassword = this.local_data.confirmPassword // tmp.confirmPassword = this.local_data.confirmPassword
this.dialogRef.close({event:this.action,data: this.formData}); this.dialogRef.close({event:this.action,data: this.formData});
@ -153,29 +158,30 @@ export class AddUserComponent implements OnInit {
onSelectFile(event) { onSelectFile(event) {
console.log(event.target.files[0]) console.log(event.target.files[0])
const file = event.target.files[0]; const file = event.target.files[0];
if(event.target.files[0].size > 2097152){
if(event != null){ this.notifierService.notify('warning', 'Image size is too Larger');
this.imageViewStatus = true }else {
if(event != null){
this.imageViewStatus = true
}
if (event.target.files && event.target.files[0]) {
var reader = new FileReader();
reader.readAsDataURL(event.target.files[0]);
reader.onload = (event) => {
this.url = event.target.result;
console.log(this.url)
}
}
// this.formData= new FormData();
// this.formData=[];
this.formData.append('image', file, file.name);
// this.formData.append('file', file, file.name);
} }
}
if (event.target.files && event.target.files[0]) {
var reader = new FileReader(); image_view(image){
reader.readAsDataURL(event.target.files[0]); return this.apiUrl+'imageViewer?img_name='+image;
reader.onload = (event) => {
this.url = event.target.result;
console.log(this.url)
}
}
// this.formData= new FormData();
// this.formData=[];
this.formData.append('image', file, file.name);
// this.formData.append('file', file, file.name);
} }
} }

2
ng-seed/src/app/appoinment/user/user-list/user-list.component.html
View File

@ -100,7 +100,7 @@
<th mat-header-cell *matHeaderCellDef class="font-color"> Action </th> <th mat-header-cell *matHeaderCellDef class="font-color"> Action </th>
<td mat-cell *matCellDef="let element" class="action-link"> <td mat-cell *matCellDef="let element" class="action-link">
<a (click)="openDialog('Update',element)"><span class="material-icons edit-color">edit</span></a> <a (click)="openDialog('Update',element)"><span class="material-icons edit-color">edit</span></a>
<a (click)="confirmBox('Delete',element)"><span class="material-icons edit-color delete">delete</span></a> <a (click)="confirmBox('Delete',element)"><span class="material-icons edit-color2 delete">delete</span></a>
</td> </td>
</ng-container> </ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr> <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>

15
ng-seed/src/app/appoinment/user/user-list/user-list.component.scss
View File

@ -50,14 +50,17 @@ img {
font-size: 14px; font-size: 14px;
} }
.edit-color{ .edit-color{
color: rgba(0, 0, 0, 0.54); color: #178a78;
}
.edit-color2{
color: #e12929ba;
} }
.edit-color:hover { .edit-color:hover {
color: #4caf50; color: #4caf50;
} }
.delete:hover { .delete:hover {
color:#ff0000; color:#ff000085;
} }
// ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper { // ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper {
// width: 180%; // width: 180%;
// } // }

4
ng-seed/src/environments/environment.ts
View File

@ -8,9 +8,9 @@ export const environment = {
environmentName: 'Testing Environment',//Localhost Environment. environmentName: 'Testing Environment',//Localhost Environment.
// apiEndpoint:'http://venbainfotech.com:5000/api/', // apiEndpoint:'http://venbainfotech.com:5000/api/',
// apiEndpoint:'http://192.168.1.20:8080/api/', // apiEndpoint:'http://192.168.1.20:8080/api/',
apiEndpoint:'https://api.venbait.in/api/', // apiEndpoint:'https://api.venbait.in/api/',
// apiEndpoint:'http://venbainfotech.com:5000/api/', // apiEndpoint:'http://venbainfotech.com:5000/api/',
// apiEndpoint:'http://192.168.1.17:8080/api/', apiEndpoint:'http://192.168.1.17:8080/api/',
// apiEndpoint:'https://api.venbait.in/api/', // apiEndpoint:'https://api.venbait.in/api/',
//EndUser URL //EndUser URL