{"version":3,"sources":["webpack:///./src/components/result/tab_overview_graph.vue","webpack:///./src/components/result/tab_overview_graph.vue?dda9","webpack:///./src/components/result/tab_overview_graph.vue?f167"],"names":["class","style","loaded","autoresize","option","nb_decisions_opt","handleClickDecision","data_chart_opt","handleClickDecisionAndTherapeuticArea","name","components","VChart","data","title","text","tooltip","trigger","axisPointer","type","legend","bottom","grid","containLabel","xAxis","yAxis","axisLabel","formatter","value","strSplitted","split","length","includes","category_name","remainingStr","splice","join","rich","a","fontSize","fonStyle","inverse","triggerEvent","series","stack","label","show","emphasis","focus","barMinHeight","left","radius","avoidLabelOverlap","position","labelLine","drugname_matching_table","methods","filterDecisions","params","this","category","dci","decisions_status","field","$emit","order_by","sort","graph_filter","sortDecisions","sortableDecisions","decisions","key","Object","prototype","hasOwnProperty","call","push","b","totalA","ongoing","published","suspended","totalB","setDataEChart","isEmpty","that","forEach","serie","decision","i","total_decisions","componentType","seriesName","computed","$store","getters","mounted","watch","__exports__","render"],"mappings":"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","file":"js/chunk-805c77da.8d1b6dfe.js","sourcesContent":["<template>\n    <div>\n        <div class=\"body-w100 d-flex justify-content-between\">\n            <div class=\"col-12 col-md-4\" style=\"padding-right:20px\">\n                <v-chart v-if=\"loaded\" class=\"chart\" :autoresize=\"true\" :option=\"nb_decisions_opt\" @click=\"handleClickDecision\"></v-chart>\n            </div>\n            <div class=\"col-12 col-md-8\">\n                <v-chart v-if=\"loaded\" class=\"chart\" :autoresize=\"true\" :option=\"data_chart_opt\" @click=\"handleClickDecisionAndTherapeuticArea\"></v-chart>\n            </div>\n        </div>\n    </div>\n</template>\n    \n<script>\n\nimport { use } from \"echarts/core\";\nimport { CanvasRenderer } from \"echarts/renderers\";\nimport { BarChart, PieChart } from \"echarts/charts\";\nimport {\n  TitleComponent,\n  TooltipComponent,\n  LegendComponent,\n  GridComponent\n} from \"echarts/components\";\nimport VChart from \"vue-echarts\";\nimport _ from 'lodash'\n\nuse([\n  CanvasRenderer,\n  BarChart,\n  PieChart,\n  TitleComponent,\n  TooltipComponent,\n  LegendComponent,\n  GridComponent\n]);\n\nexport default {\n    name: \"TabOverviewGraph\",\n    components: {\n        VChart\n    },\n    data() {\n        return {\n            data_chart_opt: {\n                title: {\n                    text: '',\n                },\n                tooltip: {\n                    trigger: 'axis',\n                    axisPointer: {\n                        type: 'shadow'\n                    }\n                },\n                legend: {\n                    bottom: '3%',\n                    data: ['Ongoing', 'Published', 'Suspended']\n                },\n                grid: {\n                    containLabel: true,\n                },\n                xAxis: {\n                    type: 'value'\n                },\n                yAxis: {\n                    type: 'category',\n                    data: [],\n                    axisLabel: {\n                        formatter: function(value) {\n                            const strSplitted = value.split('(')\n                            if(strSplitted.length > 1 && !strSplitted[1].includes('+'))\n                                return strSplitted[0] + ' {a|(' + strSplitted[1] + '}'\n                            else if(strSplitted.length > 2 && strSplitted[1].includes('+')) {\n                                let category_name = strSplitted[0] + ' (' + strSplitted[1]\n                                let remainingStr = strSplitted\n                                remainingStr.splice(0,2)\n                                return category_name + ' {a|(' + remainingStr.join(' (') + '}'\n                            } else \n                                return value\n                        },\n                        rich: {\n                            a: {\n                                fontSize: '8px',\n                                fonStyle: 'italic'\n                            },\n                        }\n                    },\n                    inverse: true,\n                    triggerEvent:true\n                },\n                series: [\n                    {\n                        name: 'Ongoing',\n                        type: 'bar',\n                        stack: 'total',\n                        label: {\n                            show: false\n                        },\n                        emphasis: {\n                            focus: 'series'\n                        },\n                        barMinHeight: '50px',\n                        data: []\n                    },\n                    {\n                        name: 'Published',\n                        type: 'bar',\n                        stack: 'total',\n                        label: {\n                            show: false,\n                        },\n                        emphasis: {\n                            focus: 'series'\n                        },\n                        barMinHeight: '50px',\n                        data: []\n                    },\n                    {\n                        name: 'Suspended',\n                        type: 'bar',\n                        stack: 'total',\n                        label: {\n                            show: false\n                        },\n                        emphasis: {\n                            focus: 'series'\n                        },\n                        barMinHeight: '50px',\n                        data: []\n                    }\n                ]\n            },\n            nb_decisions_opt: {\n                title: {\n                    text: 'Number of decisions',\n                },\n                tooltip: {\n                    trigger: 'item'\n                },\n                legend: {\n                    bottom: '3%',\n                    left: 'center'\n                },\n                series: [\n                    {\n                        name: 'Decision',\n                        type: 'pie',\n                        radius: ['40%', '70%'],\n                        avoidLabelOverlap: false,\n                        label: {\n                            show: false,\n                            position: 'center'\n                        },\n                        labelLine: {\n                            show: false\n                        },\n                        data: []\n                    }\n                ]\n            },\n            drugname_matching_table: [],\n            loaded: false,\n        }\n    },\n    methods: {\n        filterDecisions(name = null, type = null) {\n            let params = {}\n            if(name){\n                if(this.drugname_matching_table[name]){\n                    if(this.drugname_matching_table[name].category)\n                        name = this.drugname_matching_table[name].category\n                    else if(this.drugname_matching_table[name].dci)\n                        name = this.drugname_matching_table[name].dci\n                }\n                params[this.decisions_status.field] = name\n            }\n            if(type)\n                params['decision'] = type\n\n            this.$emit('request_result_agency', {order_by:'decision_date_num', sort:'DESC', graph_filter: true, ...params })\n        },\n\n        sortDecisions() {\n            var sortableDecisions = [];\n            const decisions = this.decisions_status.decisions\n            for (let key in decisions) {\n                if (Object.prototype.hasOwnProperty.call(decisions,key)) {\n                    sortableDecisions.push([key, decisions[key]]);\n                }\n            }\n\n            sortableDecisions.sort(function (a, b) {\n                const totalA = a[1].ongoing + a[1].published + a[1].suspended\n                const totalB = b[1].ongoing + b[1].published + b[1].suspended\n                    if(totalA < totalB)\n                    return 1\n                if (totalA > totalB)\n                    return -1\n                return 0;\n            });\n            return sortableDecisions\n        },\n\n        setDataEChart(){\n            if(this.decisions_status && !_.isEmpty(this.decisions_status.decisions)){\n                this.loaded = true\n                const that = this\n                const decisions = that.sortDecisions()\n                this.data_chart_opt.yAxis.data = []\n                this.data_chart_opt.series.forEach(serie => {\n                    serie.data = []\n                })\n                decisions.forEach((decision, i) => {\n                    if(i < 10){\n                        let key = decision[0]\n                        const value = decision[1]\n                        this.data_chart_opt.yAxis.data.push(key)\n                        if(value.category || value.dci)\n                            this.drugname_matching_table[key] = {'dci': value.dci, 'category': value.category}\n                        this.data_chart_opt.series.forEach(serie => {\n                            if(serie.name === 'Ongoing')\n                                serie.data.push(value.ongoing)\n\n                            if(serie.name === 'Published')\n                                serie.data.push(value.published)\n\n                            if(serie.name === 'Suspended')\n                                serie.data.push(value.suspended)\n                        })\n                    }\n                })\n\n                this.nb_decisions_opt.series[0].data = [\n                    {value: this.decisions_status.total_decisions.ongoing, name: 'Ongoing'},\n                    {value: this.decisions_status.total_decisions.published, name: 'Published'},\n                    {value: this.decisions_status.total_decisions.suspended, name: 'Suspended'}\n                ]\n\n                if(this.decisions_status.field === 'therapeutic')\n                    this.data_chart_opt.title.text = 'Top 10 therapeutic areas per decision'\n                else\n                    this.data_chart_opt.title.text = 'Top 10 drugs per decision'\n            }\n        },\n        handleClickDecision: function(params){\n            this.filterDecisions(null, params.name)\n        },\n        handleClickDecisionAndTherapeuticArea: function(params){\n            if(params.componentType === 'yAxis')\n                this.filterDecisions(params.value)\n            if(params.componentType === 'series')\n                this.filterDecisions(params.name, params.seriesName)\n        },\n    },\n    computed: {\n        decisions_status() {\n            return this.$store.getters['result/decisions_status']\n        }\n    },\n\n    mounted() {\n        this.setDataEChart()\n    },\n\n    watch: {\n        decisions_status: function() {\n            this.loaded = false\n            this.setDataEChart()\n        }\n    }\n}\n</script>\n<style scoped>\n    .chart {\n        height: 400px;\n        background: #fff;\n        padding: 20px;\n        margin-bottom: 20px;\n        min-width: 100%\n    }\n</style>","import { render } from \"./tab_overview_graph.vue?vue&type=template&id=64733eb7&scoped=true\"\nimport script from \"./tab_overview_graph.vue?vue&type=script&lang=js\"\nexport * from \"./tab_overview_graph.vue?vue&type=script&lang=js\"\n\nimport \"./tab_overview_graph.vue?vue&type=style&index=0&id=64733eb7&scoped=true&lang=css\"\n\nimport exportComponent from \"/builds/prioritis/prismaccess/prismaccess_france_v3/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-64733eb7\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./tab_overview_graph.vue?vue&type=style&index=0&id=64733eb7&scoped=true&lang=css\""],"sourceRoot":""}