{"version":3,"sources":["components/Dashboards/Widgets/TaskDoneBar copy.jsx"],"names":["TaskDoneBar","props","db","reduxStore","getState","_useState","useState","index","showQuantity","number","finalIndex","dataStructure","_useState2","_slicedToArray","filters","setFilters","_useState3","_useState4","data","setData","_useState5","_useState6","table","setTable","keysLabel","useRef","label","color","filtersRef","hashs","window","location","hash","split","replace","generateColor","name","i","length","charCodeAt","toString","slice","useEffect","Object","keys","filter","_filters$tags","tags","tagsByText","current","tag","item","fa","value","toLowerCase","indexOf","forEach","concat","_toConsumableArray","start","end","timeTasks","modalData","keysLabelArr","startDate","moment","startOf","endDate","endOf","weekStructure","format","planCards","fil","cards","deleted","planCard","_filters$users","_db$cards$planCard","_db$cards$planCard2","result","users","_users","values","user","filtersUser","_id","_db$cards$planCard$co","dateCard","date","completed_at","low","_tags","isBetween","_filters$tags2","_modalData$monthKey","monthKey","console","log","includes","_timeTasks$label","_modalData$label","_modalData$label2","startOfMonth","diff","weekKey","Math","floor","_objectSpread","_defineProperty","translate","updateTaskInfo","load","React","createElement","className","style","width","height","alignSelf","borderRadius","backgroundColor","display","flexFlow","overflow","Header","handleSetSelected","handleSetFilters","id","filtersConfig","filtersItems","tittle","icon","styles","datafilters","indicators","handleModal","handleDatagridTable","handleRemoveObject","edit","handleSetoption","borderBottom","position","flex","fontSize","fontWeight","justifyContent","flexDirection","ResponsiveBar","colors","datum","margin","top","right","bottom","left","innerRadius","padAngle","cornerRadius","activeOuterRadiusOffset","borderWidth","padding","axisLeft","tickSize","tickPadding","tickRotation","v","theme","legend","background","axis","fill","maxHeight","Modal","Legend","map","a","key"],"mappings":"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","file":"static/js/3.69b49660.chunk.js","sourcesContent":["import React, { useEffect, useState, useRef } from 'react'\n//COMPONENTS\nimport Legend from '../Legend';\nimport { ResponsiveBar } from '@nivo/bar'\nimport Header from 'components/Dashboards/Header'\nimport './Loader.css';\n\n//REDUX\nimport reduxStore from \"store/\"\nimport moment from \"moment-timezone\"\nimport { translate } from 'functions';\nimport Modal from './Modal';\n\n\n\nconst TaskDoneBar = (props) => {\n\n    const { db } = reduxStore.getState()\n    const [filters, setFilters] = useState({\n        index: 0,\n        showQuantity: 12,\n        number: 12,\n        finalIndex: 12,\n        dataStructure: 'month',\n    })\n    const [data, setData] = useState({\n        \"total\": {\n            \"value\": 0,\n            \"label\": \"Concluidas\",\n            \"color\": \"#5A7F71\",\n            \"id\": \"Concluidas\",\n        }\n    })\n    const [table, setTable] = useState({})\n    const keysLabel = useRef([{ label: 'Concluidas', color: '#5A7F71' }])\n    const filtersRef = useRef([])\n\n\n    let hashs = window.location.hash.split(\"/\")\n    hashs[0] = hashs[0].replace('#', '')\n\n    const generateColor = (name) => {\n        let hash = 0;\n        for (let i = 0; i < name.length; i++) {\n            hash += name.charCodeAt(i);\n        }\n        const hexColor = \"#\" + ((hash % 0xFFFFFF) + 0x1000000).toString(16).slice(1, 7);\n        return hexColor;\n    }\n\n    const checkWeekStructure = (start, end) => {\n        if (start === end)\n            return true\n        else\n            return false\n\n    }\n\n    useEffect(() => {\n        if (Object.keys(props.filter).length > 0) {\n            setFilters(props.filter)\n        }\n    }, [props.filter]);\n\n    useEffect(() => {\n        if (filters?.tags?.length > 0 || filters.tagsByText) {\n            filtersRef.current = []\n            db.tag.filter(item => {\n                if (\n                    (\n                        filters.tags\n                        && filters.tags.length > 0\n                        && item.label\n                        && filters.tags.filter(fa => fa.value === item.value).length > 0\n                    )\n                    ||\n                    (\n                        filters.tagsByText\n                        && item.label\n                        && item.label.toLowerCase().indexOf(filters.tagsByText.toLowerCase()) > -1\n                    )\n                ) return true\n                return false\n            }\n            ).forEach(item => {\n                filtersRef.current = [...filtersRef.current, item.label];\n            })\n        }\n    }, [filters]);\n\n    useEffect(() => {\n        let timeTasks = {};\n        let modalData = {}\n        let keysLabelArr = []\n        const startDate = filters.startDate ? moment(filters.startDate * 1000) : moment().startOf('year');\n        const endDate = filters.endDate ? moment(filters.endDate * 1000) : moment().endOf('year');\n        const weekStructure = checkWeekStructure(startDate.format('MMMM'), endDate.format('MMMM'))\n\n        const updateTaskInfo = (dateCard, item) => {\n            const label = item.label\n            const monthKey = dateCard.date.format('MMMM');\n            const startOfMonth = moment(dateCard.date).startOf('month');\n            const diff = moment(dateCard.date).diff(startOfMonth, 'days');\n            const weekKey = Math.floor(diff / 7) + 1;\n\n            timeTasks = {\n                ...timeTasks,\n                [label]: {\n                    ...timeTasks[label] || {},\n                    \"id\": label,\n                    \"color\": item?.color || generateColor(label),\n                    \"label\": label,\n                    \"value\": (timeTasks[label]?.[\"value\"] || 0) + 1,\n                }\n            };\n            modalData = {\n                ...modalData,\n                [label]: {\n                    ...modalData[label] || {},\n                    \"value\": (modalData[label]?.[\"value\"] || 0) + 1,\n                    \"label\": label,\n                    [weekStructure ? translate(`$__Semana `) + weekKey : translate(`$__${monthKey}`)]: (modalData[label]?.[weekStructure ? translate(`$__Semana `) + weekKey : translate(`$__${monthKey}`)] || 0) + 1,\n                }\n            }\n            keysLabelArr = {\n                ...keysLabelArr,\n                [label]: {\n                    label: label,\n                    color: item?.color || generateColor(label)\n                }\n            }\n        };\n\n        if (props.planCards) {\n            Object.keys(props.planCards).filter((fil) => !db.cards[fil].deleted).forEach(planCard => {\n                let result = filters?.users?.length > 0 ? false : true\n                if (filters.users && Object.keys(db.cards[planCard]?._users).length > 0) {\n                    Object.values(db.cards[planCard]?._users).forEach((user) => {\n                        filters.users.forEach((filtersUser) => {\n                            if (user._id === filtersUser)\n                                result = true\n                        })\n                    })\n                }\n                if (result) {\n                    const dateCard = {\n                        date: moment(db.cards[planCard].completed_at?.low * 1000),\n                        tags: db.cards[planCard]._tags\n                    };\n\n                    if (dateCard.date.isBetween(startDate, endDate, null, '[]')) {\n                        const monthKey = dateCard.date.format('MMMM');\n                        if (filters?.tags?.length > 0 || filters.tagsByText) {\n                            console.log(filters?.tags, filters.tagsByText, dateCard)\n                            dateCard.tags\n                                .filter(item =>\n                                    (\n                                        filters.tags\n                                        && filters.tags.length > 0\n                                        && item.label\n                                        && filtersRef.current.includes(item.label)\n                                    )\n                                    ||\n                                    (\n                                        filters.tagsByText\n                                        && item.label\n                                        && item.label.toLowerCase().indexOf(filters.tagsByText.toLowerCase()) > -1\n                                    )\n                                )\n                                .forEach(item => {\n                                    console.log(\"XXXX\", item)\n                                    updateTaskInfo(dateCard, item);\n                                });\n                            keysLabel.current = Object.values(keysLabelArr)\n                        } else {\n                            timeTasks = {\n                                ...timeTasks,\n                                \"total\": {\n                                    ...timeTasks[\"total\"] || {},\n                                    \"value\": timeTasks && timeTasks[\"total\"] && timeTasks[\"total\"][\"value\"] ? timeTasks[\"total\"][\"value\"] + 1 : 1,\n                                    \"label\": \"Concluidas\",\n                                    \"color\": \"#5A7F71\",\n                                    \"id\": \"Concluidas\",\n                                }\n                            }\n                            modalData = {\n                                ...modalData,\n                                [translate(\"$__monthKey\")]: {\n                                    ...modalData[\"total\"] || {},\n                                    \"value\": (modalData[monthKey]?.[\"value\"] || 0) + 1,\n                                    \"label\": \"Concluidas\",\n                                }\n                            }\n                            keysLabel.current = [{ label: 'Concluidas', color: '#5A7F71' }]\n                        }\n                    }\n                }\n            })\n            console.log(timeTasks, modalData)\n\n            if (data !== timeTasks) {\n                setData(Object.values(timeTasks));\n                setTable(modalData)\n            }\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [props.planCards, props.load, filters]);\n\n    const handleModal = (data) => {\n\n    }\n\n    return (\n        <div className='box' style={{ width: '100%', height: '100%', alignSelf: 'center', borderRadius: '5px', backgroundColor: 'transparent', display: 'flex', flexFlow: 'column', overflow: 'visible' }}>\n            <Header\n                handleSetSelected={(value) => {\n                    setFilters({ ...filters, ...value })\n                    props.handleSetFilters({ ...filters, ...value, id: props.id })\n                }}\n                filtersConfig={{ filtersItems: ['date', 'users', 'tags', 'tagsByText'] }}\n                tittle={translate(\"$__\" + props.tittle)}\n                icon={props.icon}\n                styles={props.styles}\n                datafilters={true}\n                indicators={filters ? filters : null}\n                handleModal={() => {\n                    handleModal(data)\n                    props.handleDatagridTable()\n                }}\n                table={true}\n                handleRemoveObject={() => props.handleRemoveObject(props.id)}\n                edit={props.edit}\n                handleSetoption={(value) => {\n                    setFilters({ ...value })\n                    props.handleSetFilters({ ...filters, ...value, id: props.id })\n                }}\n            />\n            <div style={{ borderBottom: '1px solid #D3D3D3', width: '100%' }}></div>\n            <div style={{}} >\n            </div>\n            <div style={{ position: 'relative', flex: '1 1 auto', fontSize: '16px' }}>\n                <div style={{ width: '100%', height: '100%', position: 'absolute', fontWeight: 'lighter', backgroundColor: '#f5f5f5' }}>\n                    {(!props.load) ?\n                        <div className='component' style={{ width: '100%', height: '100%', display: 'flex', flexDirection: 'column' }}>\n                            <div style={{ width: '100%', flex: 1, position: 'relative' }}>\n                                <div style={{ width: '100%', height: '100%', position: 'absolute' }}>\n                                    <ResponsiveBar\n                                        data={data}\n                                        colors={{ datum: 'data.color' }}\n                                        margin={{ top: 35, right: 40, bottom: 35, left: 40 }}\n                                        innerRadius={0}\n                                        padAngle={1.7}\n                                        cornerRadius={3}\n                                        activeOuterRadiusOffset={8}\n                                        borderWidth={1}\n                                        padding={data.length === 1 ? 0.35 : 0.1}\n                                        axisLeft={{\n                                            tickSize: 5,\n                                            tickPadding: 5,\n                                            tickRotation: 0,\n                                            format: (v) => v % 1 === 0 ? v : ''\n                                        }}\n                                        theme={{\n                                            fontSize: '16px',\n                                            fontWeight: 'bold',\n                                            legend: false,\n                                            background: 'transparent',\n                                            axis: {\n                                                \"ticks\": {\n                                                    \"text\": {\n                                                        fill: 'rgba(0, 0, 0, 0.50)',\n                                                        \"fontSize\": 14,\n                                                        //cor dos numeros\n                                                    },\n                                                }\n                                            },\n                                        }}\n                                    />\n                                </div>\n                            </div>\n                            {props.filter.table && <div style={{ maxHeight: '50%', overflow: 'scroll' }} >\n                                <Modal data={Object.values(table)} />\n                            </div>}\n                        </div> : <div style={{ width: '100%', height: '100%', display: 'flex', justifyContent: 'center' }}>\n                            <div style={{ alignSelf: 'center' }}>  <div className=\"loader\"></div></div>\n                        </div>}\n                </div>\n            </div>\n            <div style={{ height: '15%', maxHeight: '60px', display: 'flex', backgroundColor: 'white' }}>\n                <Legend\n                    legend={[...keysLabel.current.map((a, i) => {\n                        return {\n                            key: i,\n                            color: a.color,\n                            label: a.label\n                        }\n                    })]} />\n            </div>\n        </div >\n    )\n}\n\nexport default TaskDoneBar\n"],"sourceRoot":""}