Compare commits

...

17 Commits

Author SHA1 Message Date
victorAnumudu 8ac742e5d6 Merge master branch into contact-endpoint 2025-07-06 07:48:49 +01:00
victorAnumudu c2db47cbb8 contact endpoint fixed 2025-07-06 07:46:21 +01:00
CHIEFSOFT\ameye ee787c0740 settings page 2025-07-05 12:02:13 -04:00
ameye 6136d762a3 Merge branch 'product-details-page' of MERMS/MermsPanelReactJS into master 2025-07-04 20:01:08 +00:00
victorAnumudu 2f73e84a84 fixed product details page 2025-07-04 19:43:28 +01:00
ameye 8c57e94bb6 Merge branch 'logo-update' of MERMS/MermsPanelReactJS into master 2025-07-02 23:34:16 +00:00
victorAnumudu fa7660de29 updated site logo 2025-07-02 06:57:16 +01:00
ameye bde30f781a Merge branch 'font-match' of MERMS/MermsPanelReactJS into master 2025-06-30 00:29:55 +00:00
ameye 9f9dcc5e37 Merge branch 'footer-year' of MERMS/MermsPanelReactJS into master 2025-06-30 00:29:47 +00:00
victorAnumudu ec11a7b5b3 started font matching 2025-06-29 14:43:04 +01:00
CHIEFSOFT\ameye 38c5717667 register 2025-06-28 20:46:19 -04:00
CHIEFSOFT\ameye 77eaf15c6a sign up url 2025-06-28 20:38:43 -04:00
CHIEFSOFT\ameye 60488524ed new logo 2025-06-28 00:42:52 -04:00
victorAnumudu 3584447c65 fixed footer year 2025-06-27 19:48:18 +01:00
ameye 58cd232f91 Merge branch 'token-uid-payload' of MERMS/MermsPanelReactJS into master 2025-06-26 19:03:07 +00:00
victorAnumudu 9684e7fcfa added token and uid to all endpoints 2025-06-26 17:37:11 +01:00
ameye d4eda11477 Merge branch 'products-endpont' of MERMS/MermsPanelReactJS into master 2025-06-25 19:55:14 +00:00
20 changed files with 419 additions and 407 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 18 KiB

+7 -3
View File
@@ -22,10 +22,9 @@
}
.login-links a {
font-size: 15px;
font-weight: 700;
font-size: 14px;
padding: 0px 20px;
border-right: 2px solid;
border-right: 2px solid #6c757d;
cursor: pointer;
}
@@ -35,4 +34,9 @@
.login-links a:last-child{
border: 0px;
}
button{
font-size: 1rem!important;
font-weight: 700!important;
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 9.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

+31 -9
View File
@@ -1,5 +1,5 @@
import React, { useCallback, useEffect, useState } from "react";
import { useQuery } from '@tanstack/react-query'
import { useMutation, useQuery } from '@tanstack/react-query'
import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
import EventCalendar from "./EventCalendar";
@@ -16,12 +16,34 @@ export default function Calendar(){
// setDraggedEvent(event)
// }
const {data, isFetching, isError, error} = useQuery({
queryKey: queryKeys.calendar_events,
queryFn: () => getCalendarEvents()
// const {data, isFetching, isError, error} = useQuery({
// queryKey: queryKeys.calendar_events,
// queryFn: () => getCalendarEvents()
// })
const calendarEvents = useMutation({
mutationFn: (reqData) => {
return getCalendarEvents(reqData)
},
onError: (error) => {
console.log(error)
},
onSuccess: (res) => {
if(res?.data?.resultCode != '0'){
throw({message: 'Something went wrong'})
}
}
})
const receievedEvents = data?.data?.bar_data
useEffect(()=>{
let reqData = {
token: localStorage.getItem('token'), // USER TOKEN
uid: localStorage.getItem('uid') // USER UID
}
calendarEvents.mutate(reqData)
},[])
const receievedEvents = calendarEvents?.data?.data
const category = receievedEvents?.category //EVENT CATEGORIES FROM API
const eventList = receievedEvents?.list //EVENT LIST FROM API
@@ -62,15 +84,15 @@ export default function Calendar(){
</div>
<div className="card-body">
<div className="row">
{isFetching ?
{calendarEvents?.isPending ?
<>
<div className="col-12">
<p className='text-mute'>Loading...</p>
</div>
</>
: isError ?
: calendarEvents?.error ?
<div className="col-12">
<p className='text-danger'>{error.message}</p>
<p className='text-danger'>{calendarEvents?.error?.message}</p>
</div>
:
<>
@@ -83,7 +105,7 @@ export default function Calendar(){
Drag and drop your event or click in the calendar.
</p> */}
{category.map((item, index) => {
{category?.map((item, index) => {
let color = item?.cid == '1' ? 'fc-event-success' : item?.cid == '2' ? 'fc-event-danger' : item?.cid == '3' ? 'fc-event-warning' : 'fc-event-primary'
let circleColor = item?.cid == '1' ? 'text-success' : item?.cid == '2' ? 'text-danger' : item?.cid == '3' ? 'text-warning' : 'text-primary'
return (
+53 -29
View File
@@ -2,27 +2,40 @@
import React, { useEffect, useState } from "react";
import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
import getImage from "../../utils/getImage";
import { useQuery } from "@tanstack/react-query";
import { useMutation, useQuery } from "@tanstack/react-query";
import { contactData } from "../../services/services";
import queryKeys from "../../services/queryKeys";
import getCustomTime from "../../utils/getCustomTime";
export default function Contacts(){
const {data:contacts, isFetching, isError, error} = useQuery({
queryKey: queryKeys.contacts,
queryFn: () => contactData()
})
const contactsData = contacts?.data?.calendar_data?.contacts // LIST OF CONTACTS
const contactsCategory = contacts?.data?.calendar_data?.category // LIST OF CATEGORY
// const {data:contacts, isFetching, isError, error} = useQuery({
// queryKey: queryKeys.contacts,
// queryFn: () => contactData()
// })
const [activeCategoryUID, setActiveCategoryUID] = useState('0') // HOLDS VALUE OF THE ACTIVE CATEGORY
const [activeContactUID, setActiveContactUID] = useState(null)
const [activeDetail, setActiveDetail] = useState(null)
const [activeContactUID, setActiveContactUID] = useState('')
const [activeDetail, setActiveDetail] = useState([])
const [filteredContactData, setFiltererdContactData] = useState(null)
const [filteredContactData, setFiltererdContactData] = useState([])
const getContactData = useMutation({
mutationFn: (reqData) => {
return contactData(reqData)
},
onError: (error) => {
console.log(error)
},
onSuccess: (res) => {
if(res?.data?.resultCode != '0'){
throw({message: 'Something went wrong'})
}
setFiltererdContactData(res?.data?.contacts)
}
})
const changeActiveUID = (uid) => {
setActiveContactUID(uid)
@@ -42,10 +55,21 @@ export default function Contacts(){
changeActiveUID(filteredConData[0]?.uid)
}
useEffect(()=>{
let reqData = {
token: localStorage.getItem('token'), // USER TOKEN
uid: localStorage.getItem('uid') // USER UID
}
getContactData.mutate(reqData)
},[])
const contactsData = getContactData?.data?.data?.contacts // LIST OF CONTACTS
const contactsCategory = getContactData?.data?.data?.category // LIST OF CATEGORY
return(
<>
<BreadcrumbComBS title='Contacts' paths={['Dashboard', 'Contacts']} />
{isFetching ?
{getContactData?.isPending ?
<>
<div className="row">
<div className="col-12">
@@ -53,10 +77,10 @@ export default function Contacts(){
</div>
</div>
</>
: isError ?
: getContactData?.error ?
<div className="row">
<div className="col-12">
<p className='text-danger'>{error.message}</p>
<p className='text-danger'>{getContactData?.error?.message}</p>
</div>
</div>
:
@@ -121,14 +145,14 @@ export default function Contacts(){
</div>
</li>
{contactsCategory && contactsCategory.map(item => (
<li key={item?.product_id} className="py-2" onClick={()=>changeActiveCategoryUID(item?.product_id)} style={{cursor: 'pointer'}}>
<li key={item?.cid} className="py-2" onClick={()=>changeActiveCategoryUID(`A00000${item?.cid}`)} style={{cursor: 'pointer'}}>
<div>
<span className="nav align-items-center">
<span>
<i className={`fa fa-circle-o pr-4 ${activeCategoryUID == item?.product_id ? 'text-primary' : 'text-warning'}`}></i>
<i className={`fa fa-circle-o pr-4 ${activeCategoryUID == `A00000${item?.cid}` ? 'text-primary' : 'text-warning'}`}></i>
</span>
<span>
<span>{item?.title}</span>
<span>{item?.description}</span>
</span>
</span>
</div>
@@ -177,10 +201,10 @@ export default function Contacts(){
</div>
</div>
<div className="mail-msg scrollbar scroll_dark">
{contactsData && (filteredContactData || contactsData).map((contact, index)=> {
const isActive = (contact.uid == activeContactUID) || (!activeContactUID && index == 0)
{contactsData && filteredContactData?.map((contact, index)=> {
const isActive = (contact?.uid == activeContactUID) || (!activeContactUID && index == 0)
return (
<div key={contact.uid} onClick={()=>changeActiveUID(contact.uid)} className={`mail-msg-item ${isActive && 'bg-light'}`}>
<div key={contact?.uid} onClick={()=>changeActiveUID(contact?.uid)} className={`mail-msg-item ${isActive && 'bg-light'}`}>
<a href="#">
<div className="media align-items-center">
<div className="mr-3">
@@ -190,15 +214,15 @@ export default function Contacts(){
</div>
<div className="w-100">
<div className="mail-msg-item-titel justify-content-between">
<p>{contact.sender}</p>
<p>{contact?.sender}</p>
{/* <p className="d-none d-xl-block">06:59 <span> PM </span></p> */}
<p className="d-none d-xl-block"><span>{new Date(contact.added).toDateString()}</span></p>
<p className="d-none d-xl-block"><span>{new Date(contact?.added).toDateString()}</span></p>
</div>
<h5 className="mb-0 my-2">{contact.title}</h5>
<p>{contact.message.length < 100 ? contact.message : contact.message.substring(0,101) + ' ...' }</p>
<h5 className="mb-0 my-2">{contact?.title}</h5>
<p>{contact?.message?.length < 100 ? contact?.message : contact?.message.substring(0,101) + ' ...' }</p>
<p className="d-xl-none">
<span>
{new Date(contact.added).toDateString()}
{new Date(contact?.added).toDateString()}
{/* {getCustomTime(contact.added)} */}
</span>
</p>
@@ -219,13 +243,13 @@ export default function Contacts(){
<img src={getImage("avtar/03.jpg")} className="img-fluid" alt="user" />
</div>
<div>
<h4 className="mb-0">{activeContactUID ? activeDetail[0].sender : contactsData[0].sender}</h4>
<p>{activeContactUID ? new Date(activeDetail[0].added).toDateString() : new Date(contactsData[0].added).toDateString()}</p>
<h4 className="mb-0">{activeContactUID ? activeDetail[0]?.sender : filteredContactData[0]?.sender}</h4>
<p>{activeContactUID ? new Date(activeDetail[0]?.added).toDateString() : new Date(filteredContactData[0]?.added).toDateString()}</p>
</div>
</div>
<div className="mt-4 d-flex justify-content-between">
<div>
<h3>{activeContactUID ? activeDetail[0].title : contactsData[0].title}</h3>
<h3>{activeContactUID ? activeDetail[0]?.title : filteredContactData[0]?.title}</h3>
</div>
<div className="d-flex">
{/*<a href="javascript:void(0)"><i className="fa fa-reply font-22 pr-3"></i></a>*/}
@@ -233,7 +257,7 @@ export default function Contacts(){
</div>
</div>
<div>
<p>{activeContactUID ? activeDetail[0].message : contactsData[0].message}</p>
<p>{activeContactUID ? activeDetail[0]?.message : filteredContactData[0]?.message}</p>
{/* <p className="my-4">hey adminjon...</p>
<p className="mb-2">I truly believe Augustines words are true and if you look at history you know it is true. There are many people in the world with amazing talents who realize only a small percentage of their potential. We all know people who live this truth.</p>
<p>We also know those epic stories, those modern-day legends surrounding the early failures of such supremely successful folks as Michael Jordan and Bill Gates. We can look a bit further back in time to Albert Einstein or even further back to Abraham Lincoln. What made each of these people so successful? Motivation.</p>
-1
View File
@@ -29,7 +29,6 @@ export default function Products() {
},[])
const products = getProductsData?.data?.data?.products_data // PRODUCTS DATA
console.log('PPP', products)
return (
<>
@@ -2,11 +2,13 @@ import React from "react";
export default function UserFooter(){
const year = new Date().getFullYear()
return <>
<footer className="footer">
<div className="row">
<div className="col-12 col-sm-6 text-center text-sm-left">
<p>&copy; Copyright 2024. All rights reserved.</p>
<p>&copy; Copyright {year}. All rights reserved.</p>
</div>
<div className="col col-sm-6 ml-sm-auto text-center text-sm-right">
<p>A division of <i className="fa fa-key text-danger mx-1"></i> autoMedSys A.I.</p>
@@ -38,8 +38,8 @@ export default function UserHeader(){
<div className="navbar-header d-flex align-items-center">
<a href="#" onClick={toggleSidebar} className="mobile-toggle"><i className="ti ti-align-right"></i></a>
<a className="navbar-brand" href="/dash">
<img src={getImage('logo-light.png')} className="img-fluid logo-desktop" alt="logo"/>
<img src={getImage('logo-icon.png')} className="img-fluid logo-mobile" alt="logo"/>
<img src={getImage('logo-pink.png')} className="img-fluid logo-desktop" alt="logo"/>
<img src={getImage('logo-pink.png')} className="img-fluid logo-mobile" alt="logo"/>
</a>
</div>
<button onClick={removeSidebar} className="navbar-toggler" type="button" data-bs-toggle="collapse"
@@ -67,7 +67,7 @@ export default function UserHeader(){
<ul className="navbar-nav nav-right ml-auto">
<li className="nav-item user-profile">
<a href="#" className="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown">
<img src={getImage('avtar/02.jpg')} alt="avtar-img" />
<img src={getImage('profile-pic-circle.png')} alt="avtar-img" />
<span className="bg-success user-status"></span>
</a>
<div className="dropdown-menu animated fadeIn">
+29 -22
View File
@@ -1,11 +1,10 @@
import React, {useState} from "react";
import { useQuery } from '@tanstack/react-query'
import {useEffect} from "react";
import { useMutation, useQuery } from '@tanstack/react-query'
import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
// import getImage from "../../utils/getImage";
import ProductStart from "./ProductStart";
import { useLocation } from 'react-router-dom';
import {MyProductData, productData} from "../../services/services";
import queryKeys from "../../services/queryKeys";
import {MyProductData} from "../../services/services";
import ProductActive from "./ProductActive";
import ProductProvision from "./ProductProvision";
import {productConst} from "../../constants/products";
@@ -13,34 +12,42 @@ import {productConst} from "../../constants/products";
export default function ProductFactory(){
const location = useLocation();
const pathname = location.pathname;
const [productStatus, setProductStatus] = useState(0);
//productConst.PRODUCT_ACTIVE
// Split the pathname by '/' and get the last element
const lastPart = pathname.split('/').pop();
// console.log(lastPart)
const productID = pathname.split('/').pop();
const {data, isFetching, isError, error} = useQuery({
queryKey: queryKeys.product,
queryFn: () => MyProductData(lastPart)
const getProductData = useMutation({
mutationFn: (reqData) => {
return MyProductData(reqData)
},
onError: (error) => {
console.log(error)
},
onSuccess: (res) => {
if(res?.data?.resultCode != '0'){
throw({message: 'Something went wrong'})
}
}
})
const myproduct_data = data?.data?.myproduct_data
//setProductStatus(myproduct_data?.status)
useEffect(()=>{
let reqData = {
product_id : productID,
token: localStorage.getItem('token'), // USER TOKEN
uid: localStorage.getItem('uid') // USER UID
}
getProductData.mutate(reqData)
},[])
const myproduct_data = getProductData?.data?.data?.myproduct?.myproudct // PRODUCT DETAILS
const product_name = myproduct_data?.product_name;
const product_status = myproduct_data?.status;
return(
<>
<BreadcrumbComBS title={product_name} paths={['Dashboard', 'Product']} />
<div className="row">
{isFetching ?
{getProductData?.isPending ?
<>
<div className="row">
<div className="col-12">
@@ -48,10 +55,10 @@ export default function ProductFactory(){
</div>
</div>
</>
: isError ?
: getProductData?.error ?
<div className="row">
<div className="col-12">
<p className='text-danger'>{error.message}</p>
<p className='text-danger'>{getProductData?.error?.message}</p>
</div>
</div>
:
+63 -138
View File
@@ -15,7 +15,7 @@ export default function Settings(){
<div className="row account-contant">
<div className="col-12">
<div className="card card-statistics">
<div className="card-body p-0">
<div className="card-body p-0" style={{backgroundColor:"#f9f9fb"}}>
<div className="row no-gutters">
<div className="col-xl-3 pb-xl-0 pb-5 border-right">
<div className="page-account-profil pt-5">
@@ -62,9 +62,9 @@ export default function Settings(){
<button className="btn btn-light text-primary mb-2">Upload New Avatar
</button>
</div>
<div>
<button className="btn btn-danger">Delete</button>
</div>
{/*<div>*/}
{/* <button className="btn btn-danger">Delete</button>*/}
{/*</div>*/}
</div>
</div>
</div>
@@ -77,15 +77,25 @@ export default function Settings(){
<form>
<div className="form-row">
<div className="form-group col-md-12">
<label htmlFor="name1">Full Name</label>
<label htmlFor="name1">First Name</label>
<input type="text" className="form-control" id="name1"
value="Alice Williams" />
value="Alice" />
</div>
<div className="form-group col-md-12">
<label htmlFor="title1">Title</label>
<input type="text" className="form-control" id="title1"
value="Marketing expert" />
<label htmlFor="name1">Last Name</label>
<input type="text" className="form-control" id="name1"
value="Williams" />
</div>
<div className="form-group col-md-12">
<label htmlFor="name1">Account Name</label>
<input type="text" className="form-control" id="name1"
value="This is the best hospital name" />
</div>
{/*<div className="form-group col-md-12">*/}
{/* <label htmlFor="title1">Email</label>*/}
{/* <input type="text" className="form-control" id="title1"*/}
{/* value="email@email.com" />*/}
{/*</div>*/}
<div className="form-group col-md-12">
<label htmlFor="phone1">Phone Number</label>
<input type="text" className="form-control" id="phone1"
@@ -108,135 +118,47 @@ export default function Settings(){
value="1234 North Avenue Luke Lane, South Bend, IN 360001" />
</div>
<div className="form-row">
<div className="col-12">
<label className="mb-1">Birthday</label>
</div>
<div className="form-group col-md-4">
<select id="inputState" className="form-control">
<option>Date</option>
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
<option>05</option>
<option>06</option>
<option>07</option>
<option>08</option>
<option>09</option>
<option>10</option>
<option selected="">11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
</div>
<div className="form-group col-md-4">
<select id="inputState1" className="form-control">
<option>Month</option>
<option>January</option>
<option>February</option>
<option>March</option>
<option>April</option>
<option selected="">May</option>
<option>June</option>
<option>July</option>
<option>August</option>
<option>September</option>
<option>October</option>
<option>November</option>
<option>December</option>
</select>
</div>
{/*<div className="form-row">*/}
{/* <div className="form-group col-md-4">*/}
{/* <label htmlFor="inputState3">City</label>*/}
{/* <select id="inputState3" className="form-control">*/}
{/* <option>Choose...</option>*/}
{/* <option selected="">London</option>*/}
{/* <option>Montreal</option>*/}
{/* <option>Delhi</option>*/}
{/* <option>Tokyo</option>*/}
{/* </select>*/}
{/* </div>*/}
{/* <div className="form-group col-md-4">*/}
{/* <label htmlFor="inputState4">State</label>*/}
{/* <select id="inputState4" className="form-control">*/}
{/* <option>Choose...</option>*/}
{/* <option selected="">England</option>*/}
{/* <option>California</option>*/}
{/* <option>Texas</option>*/}
{/* <option>Scotland</option>*/}
{/* </select>*/}
{/* </div>*/}
{/* <div className="form-group col-md-4">*/}
{/* <label htmlFor="inputZip">Zip</label>*/}
{/* <input type="text" className="form-control" id="inputZip"*/}
{/* value="EC1A 1BB" />*/}
{/* </div>*/}
{/*</div>*/}
{/*<div className="form-group">*/}
{/* <div className="form-check">*/}
{/* <input className="form-check-input" type="checkbox"*/}
{/* id="gridCheck" />*/}
{/* <label className="form-check-label" htmlFor="gridCheck">*/}
{/* I agree to receive email notification.*/}
{/* </label>*/}
{/* </div>*/}
{/*</div>*/}
<div style={{textAlign:"right"}}>
<button type="submit" className="btn btn-primary">Update Profile
</button>
</div>
<div className="form-group col-md-4">
<select id="inputState2" className="form-control">
<option>Year</option>
<option>1984</option>
<option>1985</option>
<option>1986</option>
<option>1987</option>
<option>1988</option>
<option>1989</option>
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option selected="">1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
<option>2000</option>
<option>2001</option>
<option>2002</option>
<option>2003</option>
<option>2004</option>
<option>2005</option>
<option>2006</option>
<option>2007</option>
<option>2008</option>
<option>2009</option>
<option>2010</option>
</select>
</div>
</div>
<div className="form-row">
<div className="form-group col-md-4">
<label htmlFor="inputState3">City</label>
<select id="inputState3" className="form-control">
<option>Choose...</option>
<option selected="">London</option>
<option>Montreal</option>
<option>Delhi</option>
<option>Tokyo</option>
</select>
</div>
<div className="form-group col-md-4">
<label htmlFor="inputState4">State</label>
<select id="inputState4" className="form-control">
<option>Choose...</option>
<option selected="">England</option>
<option>California</option>
<option>Texas</option>
<option>Scotland</option>
</select>
</div>
<div className="form-group col-md-4">
<label htmlFor="inputZip">Zip</label>
<input type="text" className="form-control" id="inputZip"
value="EC1A 1BB" />
</div>
</div>
<div className="form-group">
<div className="form-check">
<input className="form-check-input" type="checkbox"
id="gridCheck" />
<label className="form-check-label" htmlFor="gridCheck">
I agree to receive email notification.
</label>
</div>
</div>
<button type="submit" className="btn btn-primary">Update Information
</button>
</form>
</div>
</div>
@@ -282,7 +204,10 @@ export default function Settings(){
<input type="text" className="form-control" id="we"
value="https://yourwebsite.com" />
</div>
<button type="submit" className="btn btn-primary">Save & Update</button>
<div style={{textAlign:"right"}}>
<button type="submit" className="btn btn-primary">Update Links</button>
</div>
</form>
</div>
</div>
+166 -166
View File
@@ -53,172 +53,172 @@ export default function Users(){
</div>
</div>
</div>
<div className="col-xxl-3 col-xl-4 col-sm-6">
<div className="card card-statistics contact-contant">
<div className="card-body py-4">
<div className="d-flex align-items-center">
<div className="bg-img">
<img src="assets/img/avtar/02.jpg" alt="" className="img-fluid" />
</div>
<div className="ml-3">
<h4 className="mb-0">Samuel Woods</h4>
<p><span className="badge badge-success-inverse px-2 py-1 mt-1">Friends</span></p>
</div>
</div>
<div>
<ul className="nav">
<li className="nav-item">
<div className="img-icon">
<div className="img-icon"><i className="fa fa-mobile"></i></div>
</div>
</li>
<li className="nav-item">
<p>026-123-8546</p>
</li>
</ul>
<ul className="nav">
<li className="nav-item">
<div className="img-icon"><i className="fa fa-phone"></i></div>
</li>
<li className="nav-item">
<p>80-1230-8546</p>
</li>
</ul>
<ul className="nav">
<li className="nav-item">
<div className="img-icon"><i className="fa fa-envelope-o"></i></div>
</li>
<li className="nav-item">
<p>Samuel.Woods@gmail.com</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div className="col-xxl-3 col-xl-4 col-sm-6">
<div className="card card-statistics contact-contant">
<div className="card-body py-4">
<div className="d-flex align-items-center">
<div className="bg-img">
<img src="assets/img/avtar/03.jpg" alt="" className="img-fluid" />
</div>
<div className="ml-3">
<h4 className="mb-0">Garettdon</h4>
<p><span className="badge badge-primary-inverse px-2 py-1 mt-1">Office</span></p>
</div>
</div>
<div>
<ul className="nav">
<li className="nav-item">
<div className="img-icon"><i className="fa fa-mobile"></i></div>
</li>
<li className="nav-item">
<p>026-123-8546</p>
</li>
</ul>
<ul className="nav">
<li className="nav-item">
<div className="img-icon"><i className="fa fa-phone"></i></div>
</li>
<li className="nav-item">
<p>80-1230-8546</p>
</li>
</ul>
<ul className="nav">
<li className="nav-item">
<div className="img-icon"><i className="fa fa-envelope-o"></i></div>
</li>
<li className="nav-item">
<p>Garettdon@gmail.com</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div className="col-xxl-3 col-xl-4 col-sm-6">
<div className="card card-statistics contact-contant">
<div className="card-body py-4">
<div className="d-flex align-items-center">
<div className="bg-img">
<img src="assets/img/avtar/04.jpg" alt="" className="img-fluid" />
</div>
<div className="ml-3">
<h4 className="mb-0">Garynice</h4>
<p><span className="badge badge-warning-inverse px-2 py-1 mt-1">Home</span></p>
</div>
</div>
<div>
<ul className="nav">
<li className="nav-item">
<div className="img-icon"><i className="fa fa-mobile"></i></div>
</li>
<li className="nav-item">
<p>026-123-8546</p>
</li>
</ul>
<ul className="nav">
<li className="nav-item">
<div className="img-icon"><i className="fa fa-phone"></i></div>
</li>
<li className="nav-item">
<p>80-1230-8546</p>
</li>
</ul>
<ul className="nav">
<li className="nav-item">
<div className="img-icon"><i className="fa fa-envelope-o"></i></div>
</li>
<li className="nav-item">
<p>Garynice@gmail.com</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div className="col-xxl-3 col-xl-4 col-sm-6">
<div className="card card-statistics contact-contant">
<div className="card-body py-4">
<div className="d-flex align-items-center">
<div className="bg-img">
<img src="assets/img/avtar/05.jpg" alt="" className="img-fluid" />
</div>
<div className="ml-3">
<h4 className="mb-0">Andrew nico</h4>
<p><span className="badge badge-success-inverse px-2 py-1 mt-1">Friends</span></p>
</div>
</div>
<div>
<ul className="nav">
<li className="nav-item">
<div className="img-icon"><i className="fa fa-mobile"></i></div>
</li>
<li className="nav-item">
<p>026-123-8546</p>
</li>
</ul>
<ul className="nav">
<li className="nav-item">
<div className="img-icon"><i className="fa fa-phone"></i></div>
</li>
<li className="nav-item">
<p>80-1230-8546</p>
</li>
</ul>
<ul className="nav">
<li className="nav-item">
<div className="img-icon"><i className="fa fa-envelope-o"></i></div>
</li>
<li className="nav-item">
<p>Andrew.nico@gmail.com</p>
</li>
</ul>
</div>
</div>
</div>
</div>
{/*<div className="col-xxl-3 col-xl-4 col-sm-6">*/}
{/* <div className="card card-statistics contact-contant">*/}
{/* <div className="card-body py-4">*/}
{/* <div className="d-flex align-items-center">*/}
{/* <div className="bg-img">*/}
{/* <img src="assets/img/avtar/02.jpg" alt="" className="img-fluid" />*/}
{/* </div>*/}
{/* <div className="ml-3">*/}
{/* <h4 className="mb-0">Samuel Woods</h4>*/}
{/* <p><span className="badge badge-success-inverse px-2 py-1 mt-1">Friends</span></p>*/}
{/* </div>*/}
{/* </div>*/}
{/* <div>*/}
{/* <ul className="nav">*/}
{/* <li className="nav-item">*/}
{/* <div className="img-icon">*/}
{/* <div className="img-icon"><i className="fa fa-mobile"></i></div>*/}
{/* </div>*/}
{/* </li>*/}
{/* <li className="nav-item">*/}
{/* <p>026-123-8546</p>*/}
{/* </li>*/}
{/* </ul>*/}
{/* <ul className="nav">*/}
{/* <li className="nav-item">*/}
{/* <div className="img-icon"><i className="fa fa-phone"></i></div>*/}
{/* </li>*/}
{/* <li className="nav-item">*/}
{/* <p>80-1230-8546</p>*/}
{/* </li>*/}
{/* </ul>*/}
{/* <ul className="nav">*/}
{/* <li className="nav-item">*/}
{/* <div className="img-icon"><i className="fa fa-envelope-o"></i></div>*/}
{/* </li>*/}
{/* <li className="nav-item">*/}
{/* <p>Samuel.Woods@gmail.com</p>*/}
{/* </li>*/}
{/* </ul>*/}
{/* </div>*/}
{/* </div>*/}
{/* </div>*/}
{/*</div>*/}
{/*<div className="col-xxl-3 col-xl-4 col-sm-6">*/}
{/* <div className="card card-statistics contact-contant">*/}
{/* <div className="card-body py-4">*/}
{/* <div className="d-flex align-items-center">*/}
{/* <div className="bg-img">*/}
{/* <img src="assets/img/avtar/03.jpg" alt="" className="img-fluid" />*/}
{/* </div>*/}
{/* <div className="ml-3">*/}
{/* <h4 className="mb-0">Garettdon</h4>*/}
{/* <p><span className="badge badge-primary-inverse px-2 py-1 mt-1">Office</span></p>*/}
{/* </div>*/}
{/* </div>*/}
{/* <div>*/}
{/* <ul className="nav">*/}
{/* <li className="nav-item">*/}
{/* <div className="img-icon"><i className="fa fa-mobile"></i></div>*/}
{/* </li>*/}
{/* <li className="nav-item">*/}
{/* <p>026-123-8546</p>*/}
{/* </li>*/}
{/* </ul>*/}
{/* <ul className="nav">*/}
{/* <li className="nav-item">*/}
{/* <div className="img-icon"><i className="fa fa-phone"></i></div>*/}
{/* </li>*/}
{/* <li className="nav-item">*/}
{/* <p>80-1230-8546</p>*/}
{/* </li>*/}
{/* </ul>*/}
{/* <ul className="nav">*/}
{/* <li className="nav-item">*/}
{/* <div className="img-icon"><i className="fa fa-envelope-o"></i></div>*/}
{/* </li>*/}
{/* <li className="nav-item">*/}
{/* <p>Garettdon@gmail.com</p>*/}
{/* </li>*/}
{/* </ul>*/}
{/* </div>*/}
{/* </div>*/}
{/* </div>*/}
{/*</div>*/}
{/*<div className="col-xxl-3 col-xl-4 col-sm-6">*/}
{/* <div className="card card-statistics contact-contant">*/}
{/* <div className="card-body py-4">*/}
{/* <div className="d-flex align-items-center">*/}
{/* <div className="bg-img">*/}
{/* <img src="assets/img/avtar/04.jpg" alt="" className="img-fluid" />*/}
{/* </div>*/}
{/* <div className="ml-3">*/}
{/* <h4 className="mb-0">Garynice</h4>*/}
{/* <p><span className="badge badge-warning-inverse px-2 py-1 mt-1">Home</span></p>*/}
{/* </div>*/}
{/* </div>*/}
{/* <div>*/}
{/* <ul className="nav">*/}
{/* <li className="nav-item">*/}
{/* <div className="img-icon"><i className="fa fa-mobile"></i></div>*/}
{/* </li>*/}
{/* <li className="nav-item">*/}
{/* <p>026-123-8546</p>*/}
{/* </li>*/}
{/* </ul>*/}
{/* <ul className="nav">*/}
{/* <li className="nav-item">*/}
{/* <div className="img-icon"><i className="fa fa-phone"></i></div>*/}
{/* </li>*/}
{/* <li className="nav-item">*/}
{/* <p>80-1230-8546</p>*/}
{/* </li>*/}
{/* </ul>*/}
{/* <ul className="nav">*/}
{/* <li className="nav-item">*/}
{/* <div className="img-icon"><i className="fa fa-envelope-o"></i></div>*/}
{/* </li>*/}
{/* <li className="nav-item">*/}
{/* <p>Garynice@gmail.com</p>*/}
{/* </li>*/}
{/* </ul>*/}
{/* </div>*/}
{/* </div>*/}
{/* </div>*/}
{/*</div>*/}
{/*<div className="col-xxl-3 col-xl-4 col-sm-6">*/}
{/* <div className="card card-statistics contact-contant">*/}
{/* <div className="card-body py-4">*/}
{/* <div className="d-flex align-items-center">*/}
{/* <div className="bg-img">*/}
{/* <img src="assets/img/avtar/05.jpg" alt="" className="img-fluid" />*/}
{/* </div>*/}
{/* <div className="ml-3">*/}
{/* <h4 className="mb-0">Andrew nico</h4>*/}
{/* <p><span className="badge badge-success-inverse px-2 py-1 mt-1">Friends</span></p>*/}
{/* </div>*/}
{/* </div>*/}
{/* <div>*/}
{/* <ul className="nav">*/}
{/* <li className="nav-item">*/}
{/* <div className="img-icon"><i className="fa fa-mobile"></i></div>*/}
{/* </li>*/}
{/* <li className="nav-item">*/}
{/* <p>026-123-8546</p>*/}
{/* </li>*/}
{/* </ul>*/}
{/* <ul className="nav">*/}
{/* <li className="nav-item">*/}
{/* <div className="img-icon"><i className="fa fa-phone"></i></div>*/}
{/* </li>*/}
{/* <li className="nav-item">*/}
{/* <p>80-1230-8546</p>*/}
{/* </li>*/}
{/* </ul>*/}
{/* <ul className="nav">*/}
{/* <li className="nav-item">*/}
{/* <div className="img-icon"><i className="fa fa-envelope-o"></i></div>*/}
{/* </li>*/}
{/* <li className="nav-item">*/}
{/* <p>Andrew.nico@gmail.com</p>*/}
{/* </li>*/}
{/* </ul>*/}
{/* </div>*/}
{/* </div>*/}
{/* </div>*/}
{/*</div>*/}
<div className="col-xxl-3 col-xl-4 col-sm-6">
<div className="card card-statistics contact-contant">
<div className="card-body py-4">
+7 -1
View File
@@ -85,7 +85,13 @@
}
.mail-contant .mail-f{
position: absolute;
position: relative;
width: 100%;
bottom: 0;
@include desktop {
position: absolute;
}
@include desktop-lg {
position: absolute;
}
}
+1
View File
@@ -10,6 +10,7 @@ body {
outline:0;
background:$body;
color:$muted;
font-weight: $font-regular;
&.sidebar-mini {
.app-main {
padding-left:$sidebar-mini;
+1 -2
View File
@@ -39,8 +39,7 @@ h6 {
p {
color: $muted;
font-weight: $font-regular;
font-size: $font-base;
font-size: $font-18;
line-height: $line-md;
}
a {
+3 -3
View File
@@ -35,13 +35,13 @@ $container-max-widths: (
// Colors
$body : #f9f9fb;
$primary : #8E54E9;
$primary : #148399; //#8E54E9;
$primary2 : #4776E6;
$secondary : #a1a1a1;
$light-gray : #eceef3;
$dark-gray : #2c2e3e;
$darker-gray : #333333;
$muted : #a6a9b7;
$muted : #6c757d; //#a6a9b7;
$info : #45aaf2;
$danger : #e3324c;
$cyan : #2bcbba;
@@ -75,7 +75,7 @@ $behance : #053eff;
$whatsapp : #4FCE5D;
// Font family
$font-primary : 'Roboto', sans-serif;
$font-primary : 'Plus Jakarta Sans', sans-serif;
//Font size
+51 -28
View File
@@ -75,10 +75,36 @@ export const topBar = (reqData) => {
return postAuxEnd(`/panel/account/bar`, postData, false)
}
// FUNCTION TO GET PRODUCT BY ID
export const MyProductData = (reqData) => {
let postData = {
...reqData,
}
return postAuxEnd(`/panel/myproduct/dash`, postData, false)
}
// FUNCTION TO GET CALENDAR EVENTS
export const getCalendarEvents = (reqData) => {
let postData = {
...reqData,
}
return postAuxEnd(`/panel/account/calendar`, postData, false)
}
// FUNCTION TO GET DASHBOARD PRODUCT DATA SECTION
export const contactData = (reqData) => {
let postData = {
...reqData,
}
return postAuxEnd(`/panel/contacts`, postData, false)
}
// FUNCTION TO GET DASHBOARD RECENT ACTIONS SECTION
export const recentActions = (reqData) => {
let postData = {
...reqData,
token: localStorage.getItem('token'), // USER TOKEN
uid: localStorage.getItem('uid') // USER UID
}
//return getAuxEnd(`/panel/account/actions`)
return postAuxEnd(`/panel/account/actions`, postData, false)
@@ -94,9 +120,18 @@ export const productsData = (reqData) => {
// FUNCTION TO GET DASHBOARD PRODUCT URL DATA SECTION
export const productsURL = () => {
return getAuxEnd(`/panel/account/products/url`)
export const productsURL = (reqData) => {
let postData = {
...reqData,
token: localStorage.getItem('token'), // USER TOKEN
uid: localStorage.getItem('uid') // USER UID
}
return postAuxEnd(`/panel/account/products/url`, postData, false)
// return getAuxEnd(`/panel/account/products/url`)
}
// FUNCTION TO REGISTER USER
@@ -104,7 +139,7 @@ export const signUpUser = (reqData) => {
let postData = {
...reqData
}
return postAuxEnd('/panel/auth/register', postData, false)
return postAuxEnd('/panel/Register', postData, false)
}
// FUNCTION TO VERIFY EMAIL
@@ -112,7 +147,7 @@ export const verifyEmail = (reqData) => {
let postData = {
...reqData
}
return postAuxEnd('/panel/auth/register/verify', postData, false)
return postAuxEnd('/panel/Register/verify', postData, false)
}
// FUNCTION TO COMPLETE REGISTRATION
@@ -120,15 +155,17 @@ export const completeRegistration = (reqData) => {
let postData = {
...reqData
}
return postAuxEnd('/panel/auth/register/complete', postData, false)
return postAuxEnd('/panel/Register/complete', postData, false)
}
// FUNCTION TO SUBSCRIBE
export const subscribe = (reqData) => {
let postData = {
...reqData
...reqData,
token: localStorage.getItem('token'), // USER TOKEN
uid: localStorage.getItem('uid') // USER UID
}
return postAuxEnd('/panel/myproduct/subscription', postData, false)
return postAuxEnd(`/panel/myproduct/subscription`, postData, false)
}
@@ -140,28 +177,14 @@ export const recoverPWD = (reqData) => {
return postAuxEnd('/panel/auth/reset', postData, false)
}
// FUNCTION TO GET CALENDAR EVENTS
export const getCalendarEvents = () => {
// return getAuxEnd(`/panel/account/calendar`)
let postData = {
"a":"b"
}
return postAuxEnd(`/panel/account/calendar`, postData, false)
}
// FUNCTION TO GET MY PRODUCT PROVISION DATA
export const productProvision = (reqData) => {
const postData = { ...reqData }
return getAuxEnd(`/panel/myproduct/provision`, postData)
let postData = {
...reqData,
token: localStorage.getItem('token'), // USER TOKEN
uid: localStorage.getItem('uid') // USER UID
}
return postAuxEnd(`/panel/myproduct/provision`, postData, false)
// return getAuxEnd(`/panel/myproduct/provision`, postData)
}
// FUNCTION TO GET DASHBOARD PRODUCT DATA SECTION
export const contactData = () => {
return getAuxEnd(`/panel/contacts`)
}
export const MyProductData = (productID) => {
const reqData = { product_id : productID}
//console.log(reqData)
return getAuxEnd(`/panel/myproduct/dash`,reqData)
}
+1 -1
View File
@@ -1,6 +1,6 @@
let getImage = (location) => {
if (!location) {
return require(`../assets/img/logo.png`);
return require(`../assets/img/logo-pink.png`);
} else {
return require(`../assets/img/${location}`);
}