Added report starter
This commit is contained in:
CHIEFSOFT\ameye
@@ -1,12 +1,30 @@
|
||||
import React from "react";
|
||||
import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
|
||||
import {useQuery} from "@tanstack/react-query";
|
||||
import queryKeys from "../../services/queryKeys";
|
||||
import {getReportsTopicsList} from "../../services/services";
|
||||
|
||||
|
||||
export default function Reports(){
|
||||
export default function Reports() {
|
||||
|
||||
return(
|
||||
const {data, isFetching, isError, error} = useQuery({
|
||||
queryKey: queryKeys.my_files,
|
||||
queryFn: () => {
|
||||
let reqData = {
|
||||
token: localStorage.getItem('token'), // USER TOKEN
|
||||
uid: localStorage.getItem('uid') // USER UID
|
||||
}
|
||||
return getReportsTopicsList(reqData)
|
||||
}
|
||||
})
|
||||
|
||||
const reportTopicList = data?.data?.topics?.topics;
|
||||
|
||||
debugger;
|
||||
|
||||
return (
|
||||
<>
|
||||
<BreadcrumbComBS title='Reports' paths={['Dashboard', 'Reports']} />
|
||||
<BreadcrumbComBS title='Reports' paths={['Dashboard', 'Reports']}/>
|
||||
<div className="row">
|
||||
|
||||
|
||||
@@ -14,7 +32,7 @@ export default function Reports(){
|
||||
|
||||
<div>
|
||||
|
||||
<div className="card card-statistics" style={{minHeight:'550px'}}>
|
||||
<div className="card card-statistics" style={{minHeight: '550px'}}>
|
||||
{/*<div className="card-header">*/}
|
||||
{/* <div className="card-heading">*/}
|
||||
{/* <h4 className="card-title"> Tab vertical </h4>*/}
|
||||
@@ -23,31 +41,50 @@ export default function Reports(){
|
||||
<div className="card-body">
|
||||
<div className="tab tab-vertical">
|
||||
<ul className="nav nav-tabs" role="tablist">
|
||||
<li className="nav-item">
|
||||
<a className="nav-link active show" id="home-09-tab" data-toggle="tab" href="#home-09" role="tab" aria-controls="home-09" aria-selected="true"> Home</a>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<a className="nav-link" id="profile-09-tab" data-toggle="tab" href="#profile-09" role="tab" aria-controls="profile-09" aria-selected="false"> Profile </a>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<a className="nav-link" id="portfolio-09-tab" data-toggle="tab" href="#portfolio-09" role="tab" aria-controls="portfolio-09" aria-selected="false">Portfolio </a>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<a className="nav-link" id="contact-09-tab" data-toggle="tab" href="#contact-09" role="tab" aria-controls="contact-09" aria-selected="false"> Contact </a>
|
||||
</li>
|
||||
{reportTopicList && reportTopicList.map((item, index) => {
|
||||
return (
|
||||
<li className="nav-item">
|
||||
<a className="nav-link" id="home-09-tab"
|
||||
data-toggle="tab" href="#home-09" role="tab"
|
||||
aria-controls="home-09" aria-selected="true"> {item.name}</a>
|
||||
</li>
|
||||
)
|
||||
}
|
||||
)
|
||||
}
|
||||
</ul>
|
||||
<div className="tab-content">
|
||||
<div className="tab-pane fade active show" id="home-09" role="tabpanel" aria-labelledby="home-09-tab">
|
||||
<p>Positive pleasure-oriented goals are much more powerful motivators than negative fear-based ones. Although each is successful separately, the right combination of both is the most powerful motivational force known to humankind.Make a list of your achievements toward your long-term goal and remind yourself that intentions don’t count, only action’s.</p>
|
||||
<div className="tab-pane fade active show" id="home-09" role="tabpanel"
|
||||
aria-labelledby="home-09-tab">
|
||||
<p>Positive pleasure-oriented goals are much more powerful motivators than
|
||||
negative fear-based ones. Although each is successful separately, the
|
||||
right combination of both is the most powerful motivational force known
|
||||
to humankind.Make a list of your achievements toward your long-term goal
|
||||
and remind yourself that intentions don’t count, only action’s.</p>
|
||||
</div>
|
||||
<div className="tab-pane fade" id="profile-09" role="tabpanel" aria-labelledby="profile-09-tab">
|
||||
<p>Reflect and experiment until you find the right combination of motivators for your personality and your personal goals. Do it today. Remind yourself of someone you know who died suddenly and the fact that there is no guarantee that tomorrow will come.</p>
|
||||
<div className="tab-pane fade" id="profile-09" role="tabpanel"
|
||||
aria-labelledby="profile-09-tab">
|
||||
<p>Reflect and experiment until you find the right combination of motivators
|
||||
for your personality and your personal goals. Do it today. Remind
|
||||
yourself of someone you know who died suddenly and the fact that there
|
||||
is no guarantee that tomorrow will come.</p>
|
||||
</div>
|
||||
<div className="tab-pane fade" id="portfolio-09" role="tabpanel" aria-labelledby="portfolio-09-tab">
|
||||
<p>Commitment is something that comes from understanding that everything has its price and then having the willingness to pay that price. This is important because nobody wants to put significant effort into something, only to find out after the fact that the price was too high. We all know people who live this truth.Give yourself the power of responsibility.</p>
|
||||
<div className="tab-pane fade" id="portfolio-09" role="tabpanel"
|
||||
aria-labelledby="portfolio-09-tab">
|
||||
<p>Commitment is something that comes from understanding that everything has
|
||||
its price and then having the willingness to pay that price. This is
|
||||
important because nobody wants to put significant effort into something,
|
||||
only to find out after the fact that the price was too high. We all know
|
||||
people who live this truth.Give yourself the power of
|
||||
responsibility.</p>
|
||||
</div>
|
||||
<div className="tab-pane fade" id="contact-09" role="tabpanel" aria-labelledby="contact-09-tab">
|
||||
<p>I truly believe Augustine’s 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.Give yourself the power of responsibility. Remind yourself the only thing stopping you is yourself.</p>
|
||||
<div className="tab-pane fade" id="contact-09" role="tabpanel"
|
||||
aria-labelledby="contact-09-tab">
|
||||
<p>I truly believe Augustine’s 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.Give yourself the power of responsibility.
|
||||
Remind yourself the only thing stopping you is yourself.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -284,6 +284,13 @@ export const getMediaFileList = (reqData) => {
|
||||
return postAuxEnd(`/panel/account/media-files`, postData, false)
|
||||
}
|
||||
|
||||
export const getReportsTopicsList = (reqData) => {
|
||||
let postData = {
|
||||
...reqData,
|
||||
}
|
||||
return postAuxEnd(`/panel/report/topics`, postData, false)
|
||||
}
|
||||
|
||||
// FUNCTION TO GET COMMON PRACTICE
|
||||
export const getCommonPractice = (reqData) => {
|
||||
let postData = {
|
||||
|
||||
Reference in New Issue
Block a user