dashboard
This commit is contained in:
parent
05aacdc48f
commit
dc41b3c296
@ -1,9 +1,10 @@
|
|||||||
|
<ng-scrollbar class="scrollHV">
|
||||||
<div fxLayout="row wrap">
|
<div fxLayout="row wrap">
|
||||||
<div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33" fxFlex="100" class="m-gap p-gap">
|
<div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33" fxFlex="100" class="m-gap p-gap">
|
||||||
<mat-card>
|
<mat-card>
|
||||||
<div class="card-wheather grad-blue">
|
<div class="card-wheather grad-blue">
|
||||||
<div class="city">New Orders</div>
|
<div class="city">Practitioner</div>
|
||||||
<div class="date">This Week</div>
|
<!-- <div class="date">This Week</div> -->
|
||||||
<div class="weather">
|
<div class="weather">
|
||||||
<div class="sun d-flex justify-content-between">
|
<div class="sun d-flex justify-content-between">
|
||||||
<i class="fa fa-shopping-bag fa-3x align-self-center"></i>
|
<i class="fa fa-shopping-bag fa-3x align-self-center"></i>
|
||||||
@ -16,8 +17,8 @@
|
|||||||
<div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33" fxFlex="100" class="m-gap p-gap">
|
<div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33" fxFlex="100" class="m-gap p-gap">
|
||||||
<mat-card>
|
<mat-card>
|
||||||
<div class="card-wheather grad-green">
|
<div class="card-wheather grad-green">
|
||||||
<div class="city">Total Profit</div>
|
<div class="city">Appointment</div>
|
||||||
<div class="date">This Week</div>
|
<!-- <div class="date">This Week</div> -->
|
||||||
<div class="weather">
|
<div class="weather">
|
||||||
<div class="sun d-flex justify-content-between">
|
<div class="sun d-flex justify-content-between">
|
||||||
<i class="fa fa fa-users fa-3x align-self-center"></i>
|
<i class="fa fa fa-users fa-3x align-self-center"></i>
|
||||||
@ -30,8 +31,8 @@
|
|||||||
<div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33" fxFlex="100" class="m-gap p-gap">
|
<div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33" fxFlex="100" class="m-gap p-gap">
|
||||||
<mat-card>
|
<mat-card>
|
||||||
<div class="card-wheather grad-red">
|
<div class="card-wheather grad-red">
|
||||||
<div class="city">Email</div>
|
<div class="city">Users</div>
|
||||||
<div class="date">This Week</div>
|
<!-- <div class="date">This Week</div> -->
|
||||||
<div class="weather">
|
<div class="weather">
|
||||||
<div class="sun d-flex justify-content-between">
|
<div class="sun d-flex justify-content-between">
|
||||||
<i class="fa fa-inbox fa-3x align-self-center"></i>
|
<i class="fa fa-inbox fa-3x align-self-center"></i>
|
||||||
@ -62,3 +63,4 @@
|
|||||||
</mat-card>
|
</mat-card>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</ng-scrollbar>
|
||||||
@ -2,6 +2,9 @@ $red: #f5515f;
|
|||||||
$blue: #05abe0;
|
$blue: #05abe0;
|
||||||
$grey: #343434;
|
$grey: #343434;
|
||||||
$p: 12px;
|
$p: 12px;
|
||||||
|
.scrollHV {
|
||||||
|
height: calc(100vh - 162px);
|
||||||
|
}
|
||||||
.profile {
|
.profile {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -496,7 +499,7 @@ a.link {
|
|||||||
|
|
||||||
//wheather
|
//wheather
|
||||||
.card-wheather {
|
.card-wheather {
|
||||||
height: 220px;
|
height: 150px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -15,6 +15,7 @@ import { NgxDatatableModule } from '@swimlane/ngx-datatable';
|
|||||||
|
|
||||||
import { DashboardComponent } from './dashboard.component';
|
import { DashboardComponent } from './dashboard.component';
|
||||||
import { DashboardRoutes } from './dashboard.routing';
|
import { DashboardRoutes } from './dashboard.routing';
|
||||||
|
import { NgScrollbarModule } from 'ngx-scrollbar';
|
||||||
|
|
||||||
@NgModule({
|
@NgModule({
|
||||||
imports: [
|
imports: [
|
||||||
@ -29,7 +30,8 @@ import { DashboardRoutes } from './dashboard.routing';
|
|||||||
ChartsModule,
|
ChartsModule,
|
||||||
NgxChartsModule,
|
NgxChartsModule,
|
||||||
NgxDatatableModule,
|
NgxDatatableModule,
|
||||||
FlexLayoutModule
|
FlexLayoutModule,
|
||||||
|
NgScrollbarModule
|
||||||
],
|
],
|
||||||
declarations: [ DashboardComponent ]
|
declarations: [ DashboardComponent ]
|
||||||
})
|
})
|
||||||
|
|||||||
@ -113,6 +113,7 @@ export class ConsultantsListComponent implements OnInit {
|
|||||||
}
|
}
|
||||||
|
|
||||||
goToSlotBooking(param){
|
goToSlotBooking(param){
|
||||||
|
localStorage.setItem('user_id',param.id)
|
||||||
let URL = this.router.url;
|
let URL = this.router.url;
|
||||||
console.log(URL,param)
|
console.log(URL,param)
|
||||||
let URL_AS_LIST = URL.split('/');
|
let URL_AS_LIST = URL.split('/');
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
import { Component, OnInit } from '@angular/core';
|
import { Component, OnInit } from '@angular/core';
|
||||||
import { FormControl, FormGroup, Validators } from '@angular/forms';
|
import { FormControl, FormGroup, Validators } from '@angular/forms';
|
||||||
import { ActivatedRoute, Router } from '@angular/router';
|
import { ActivatedRoute, Router } from '@angular/router';
|
||||||
|
import { local } from 'd3';
|
||||||
import { EndUserService } from '../end-user.service';
|
import { EndUserService } from '../end-user.service';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
@ -48,6 +49,7 @@ export class PaymentComponent implements OnInit {
|
|||||||
console.log(this.form.value)
|
console.log(this.form.value)
|
||||||
let slot_array = JSON.parse(localStorage.getItem("slotData"))
|
let slot_array = JSON.parse(localStorage.getItem("slotData"))
|
||||||
|
|
||||||
|
|
||||||
let service = localStorage.getItem("servicedetails")
|
let service = localStorage.getItem("servicedetails")
|
||||||
let serviceDetails = JSON.parse(service)
|
let serviceDetails = JSON.parse(service)
|
||||||
console.log(serviceDetails)
|
console.log(serviceDetails)
|
||||||
@ -56,11 +58,15 @@ export class PaymentComponent implements OnInit {
|
|||||||
console.log(URL,slot_array)
|
console.log(URL,slot_array)
|
||||||
let URL_AS_LIST = URL.split('/');
|
let URL_AS_LIST = URL.split('/');
|
||||||
console.log(URL_AS_LIST);
|
console.log(URL_AS_LIST);
|
||||||
|
// if(serviceDetails.hasOwnProperty('userId')){
|
||||||
|
serviceDetails.userId = localStorage.getItem('user_id')
|
||||||
|
// }
|
||||||
let paramsmap= {
|
let paramsmap= {
|
||||||
"serviceId": ""+serviceDetails.serviceId+"",
|
"serviceId": ""+serviceDetails.serviceId+"",
|
||||||
"userId": serviceDetails.userId,
|
"userId": serviceDetails.userId,
|
||||||
"busId": serviceDetails.busId
|
"busId": serviceDetails.busId
|
||||||
}
|
}
|
||||||
|
console.log(paramsmap)
|
||||||
this.enduser.CreatecusServicesMapDetails(paramsmap).subscribe(res => {
|
this.enduser.CreatecusServicesMapDetails(paramsmap).subscribe(res => {
|
||||||
if (res.status == 200) {
|
if (res.status == 200) {
|
||||||
console.log(res)
|
console.log(res)
|
||||||
|
|||||||
@ -11,7 +11,7 @@ export class RoleMenuItemsPipe implements PipeTransform {
|
|||||||
// if(type=="1"){
|
// if(type=="1"){
|
||||||
switch(localStorage.getItem('user_role')){
|
switch(localStorage.getItem('user_role')){
|
||||||
case 'SADMIN': return value.filter(val=>val.state!="appoinments" && val.state!="customers" && val.state != "consultant-setting" && val.state!="consultants" && val.state!="services");
|
case 'SADMIN': return value.filter(val=>val.state!="appoinments" && val.state!="customers" && val.state != "consultant-setting" && val.state!="consultants" && val.state!="services");
|
||||||
case 'BADMIN': return value.filter(val=>val.state !="business" && val.state!="users" && val.state!="consultants");
|
case 'BADMIN': return value.filter(val=>val.state !="business" && val.state!="users" && val.state!="consultants" && val.state!="appoinments");
|
||||||
case 'PRACTITIONER': return value.filter(val=>val.state !="business" && val.state!="consultants" && val.state!="users" && val.state!="services");
|
case 'PRACTITIONER': return value.filter(val=>val.state !="business" && val.state!="consultants" && val.state!="users" && val.state!="services");
|
||||||
// case 'PRACTITIONER':
|
// case 'PRACTITIONER':
|
||||||
// case '3': return value.filter(val=>val.state!="settings");
|
// case '3': return value.filter(val=>val.state!="settings");
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user