dashboard

This commit is contained in:
surendar.m@watermelon.us 2023-04-18 12:33:58 +05:30
parent 05aacdc48f
commit dc41b3c296
6 changed files with 26 additions and 12 deletions

View File

@ -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>

View File

@ -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;
} }

View File

@ -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 ]
}) })

View File

@ -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('/');

View File

@ -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)

View File

@ -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");