+
+
+
{{serviceListDetails.servicesName}}
-
-
+ {{serviceListDetails.description}}
diff --git a/ng-seed/src/app/end-user/service-list-details/service-list.component.scss b/ng-seed/src/app/end-user/service-list-details/service-list.component.scss
index 3b79368..0d42930 100644
--- a/ng-seed/src/app/end-user/service-list-details/service-list.component.scss
+++ b/ng-seed/src/app/end-user/service-list-details/service-list.component.scss
@@ -5,8 +5,8 @@ $icon-size: 3rem;
$icon-color: #D8D8D8;
$main-color: #f44336;
.Specialties-list-card {
- background: $white;
- box-shadow: 0 2px 6px $black_10;
+ // background: $white;
+ // box-shadow: 0 2px 6px $black_10;
transition: all 0.3s ease-in-out 0s;
&:hover {
box-shadow: 0 0 21px $black_30;
@@ -16,6 +16,7 @@ $main-color: #f44336;
}
.mat-card{
margin: 0px !important;
+ box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%) !important;
}
.consultant-card-cover {
// padding: 0rem 6rem;
@@ -42,6 +43,10 @@ $main-color: #f44336;
}
.service-info{
line-height: 1.5rem!important;
+ border-bottom: 1px solid rgba(2,71,91,.3);
+ font-weight: 500;
+ color: #02475b;
+ padding: 10px 0 0;
}
.info{
font-size: 12px!important;
@@ -56,8 +61,8 @@ $main-color: #f44336;
}
.service-Specialties{
font-size: 10px;
- font-weight: 600;
- color: #02475b;
+ font-weight: 400;
+ color: #02475bcf;
padding: 10px 0 0;
// border-top: 1px solid rgba(2,71,91,.3);
}
@@ -70,8 +75,8 @@ $main-color: #f44336;
}
.Specialties-spContent{
width: 100%;
- // padding: 0 10px 0 0;
- position: relative;
+ border-radius: 10px !important;
+ position: relative;
// min-height: 60px;
height: 65px;
}
@@ -80,6 +85,7 @@ $main-color: #f44336;
// }
::ng-deep body .mat-card .mat-card-title {
padding-left: 0rem!important;
+ padding-top: 10px !important;
}
::ng-deep body .mat-card .mat-card-subtitle {
padding-left: 0rem!important;
@@ -157,4 +163,8 @@ footer {
::ng-deep body{
background-color: #f7f8f5 !important;
+}
+
+.mat-card-title{
+ margin-bottom: 0px !important;
}
\ No newline at end of file
diff --git a/ng-seed/src/app/end-user/slot-booking/slot-booking-details.component.html b/ng-seed/src/app/end-user/slot-booking/slot-booking-details.component.html
index fd73b27..0189c32 100644
--- a/ng-seed/src/app/end-user/slot-booking/slot-booking-details.component.html
+++ b/ng-seed/src/app/end-user/slot-booking/slot-booking-details.component.html
@@ -2,7 +2,7 @@
Appointment
-
+
diff --git a/ng-seed/src/app/session/login/login-component.html b/ng-seed/src/app/session/login/login-component.html
index 0209a45..54dba18 100644
--- a/ng-seed/src/app/session/login/login-component.html
+++ b/ng-seed/src/app/session/login/login-component.html
@@ -46,3 +46,4 @@
+
\ No newline at end of file
diff --git a/ng-seed/src/app/session/login/login.component.ts b/ng-seed/src/app/session/login/login.component.ts
index 85f3bb9..e66a289 100644
--- a/ng-seed/src/app/session/login/login.component.ts
+++ b/ng-seed/src/app/session/login/login.component.ts
@@ -2,6 +2,7 @@ import { Component, OnInit ,ViewEncapsulation } from '@angular/core';
import { FormControl, FormGroup, Validators } from '@angular/forms';
import { MatDialog, MatDialogRef } from '@angular/material/dialog';
import {Router} from "@angular/router";
+import { NotifierService } from 'angular-notifier';
import { SessionService } from 'app/session-services/session.service';
import { OtpComponent } from '../otp/otp.component';
@@ -18,8 +19,7 @@ export class LoginComponent {
title = 'material-login';
hide: boolean;
dialogRef: MatDialogRef
;
-
- constructor(
+ constructor(private notifierService: NotifierService,
private router:Router, public dialog: MatDialog,public _ser:SessionService) {
this.loginForm = new FormGroup({
email: new FormControl('', [Validators.required, Validators.email,Validators.pattern(
@@ -50,6 +50,10 @@ export class LoginComponent {
localStorage.setItem('user_id',res.roleId)
this.router.navigate(['/home'])
}
+ }else{
+ console.log(res.message)
+ // this.notifierService.notify('success', 'You are awesome! I mean it!');
+ this.notifierService.notify('warning', res.message);
}
}, err => {
diff --git a/ng-seed/src/app/session/session.module.ts b/ng-seed/src/app/session/session.module.ts
index f7a3561..b7edbe4 100644
--- a/ng-seed/src/app/session/session.module.ts
+++ b/ng-seed/src/app/session/session.module.ts
@@ -20,6 +20,48 @@ import { OtpComponent } from './otp/otp.component';
import { MatDialogModule } from '@angular/material/dialog';
import { DemoMaterialModule } from 'app/shared/demo.module';
import { ResetPasswordComponent } from './reset-password/reset-password.component';
+import { NotifierModule, NotifierOptions } from 'angular-notifier'
+
+const customNotifierOptions: NotifierOptions = {
+ position: {
+ horizontal: {
+ position: 'right',
+ distance: 12
+ },
+ vertical: {
+ position: 'top',
+ distance: 32,
+ gap: 10
+ }
+ },
+ theme: 'material',
+ behaviour: {
+ autoHide: 5000,
+ onClick: 'hide',
+ onMouseover: 'pauseAutoHide',
+ showDismissButton: true,
+ stacking: 4
+ },
+ animations: {
+ enabled: true,
+ show: {
+ preset: 'slide',
+ speed: 300,
+ easing: 'ease'
+ },
+ hide: {
+ preset: 'fade',
+ speed: 300,
+ easing: 'ease',
+ offset: 50
+ },
+ shift: {
+ speed: 300,
+ easing: 'ease'
+ },
+ overlap: 150
+ }
+};
@NgModule({
imports: [
@@ -37,7 +79,8 @@ import { ResetPasswordComponent } from './reset-password/reset-password.componen
FlexLayoutModule,
MatDialogModule,
ReactiveFormsModule,
- DemoMaterialModule
+ DemoMaterialModule,
+ NotifierModule.withConfig(customNotifierOptions),
],
declarations: [
diff --git a/ng-seed/src/assets/styles/app.scss b/ng-seed/src/assets/styles/app.scss
index a5c2bdc..6def3d5 100644
--- a/ng-seed/src/assets/styles/app.scss
+++ b/ng-seed/src/assets/styles/app.scss
@@ -44,4 +44,5 @@ Author: TrendSetter Themes
@import "scss/core";
@import "scss/material";
@import "scss/utilities/utilities";
+@import "~angular-notifier/styles";