{"version":3,"sources":["webpack:///./src/pages/energy_data/gas_data/SpotTtfData.vue","webpack:///./src/pages/energy_data/gas_data/SpotTtfData.vue?b71b"],"names":["class","scope","chartData","ChartData","chartOptions","styles","chartStyles","$tc","gasTableWeekData","day_data","key","$filters","getHumanDate","start_date","getDecimalValue","ttf_value","ztp_value","color","statusColor","difference","components","LineChart","Badge","created","this","$store","dispatch","data","height","animation","duration","responsive","maintainAspectRatio","legend","display","tooltips","titleFontSize","bodyFontSize","scales","xAxes","gridLines","ticks","fontSize","yAxes","beginAtZero","callback","value","computed","labels","getters","ttf_spot_labels","datasets","label","fill","backgroundColor","pointRadius","borderWidth","borderColor","ttf_spot_values","ztp_spot_values","methods","__exports__","render"],"mappings":"0IACaA,MAAM,S,GACNA,MAAM,Q,GACJA,MAAM,mC,GAGGC,MAAM,MAAMD,MAAM,yD,GAClBC,MAAM,MAAMD,MAAM,yD,GAClBC,MAAM,MAAMD,MAAM,yD,GAClBC,MAAM,MAAMD,MAAM,yD,aAKlBA,MAAM,qD,GACNA,MAAM,qD,GACNA,MAAM,qD,GACNA,MAAM,qD,sMAhB1B,gCAAwH,UAAxH,EAAwH,CAAjG,yBAAuF,GAA3EE,UAAW,EAAAC,UAAYC,aAAc,EAAAA,aAAeC,OAAQ,EAAAC,a,gDAC/F,gCAqBU,UArBV,EAqBU,CApBN,gCAmBQ,QAnBR,EAmBQ,CAlBJ,gCAOQ,cANJ,gCAKK,WAJD,gCAAuG,KAAvG,EAAuG,6BAAtB,EAAAC,IAAG,cACpF,gCAAsG,KAAtG,EAAsG,6BAArB,EAAAA,IAAG,aACpF,gCAAsG,KAAtG,EAAsG,6BAArB,EAAAA,IAAG,aACpF,gCAAuJ,KAAvJ,EAAuJ,6BAAtE,EAAAA,IAAG,iBAAoB,IAAC,6BAAG,EAAAA,IAAG,UAAa,MAAG,6BAAG,EAAAA,IAAG,iBAGhI,EAAAC,kB,yBAAb,gCASQ,Y,2BARJ,gCAOK,2CAPkB,EAAAA,kBAAgB,SAA5BC,G,gCAAX,gCAOK,MAPqCC,IAAKD,GAAQ,CACnD,gCAAsH,KAAtH,EAAsH,6BAArD,EAAAE,SAASC,aAAaH,EAAS,GAAGI,aAAU,GAC7G,gCAA2H,KAA3H,EAA2H,6BAA1D,EAAAF,SAASG,gBAAgBL,EAAS,GAAGM,UAAS,OAC/G,gCAA2H,KAA3H,EAA2H,6BAA1D,EAAAJ,SAASG,gBAAgBL,EAAS,GAAGO,UAAS,OAC/G,gCAEK,KAFL,EAEK,CADD,yBAAqH,GAA7GC,MAAO,EAAAC,YAAYT,EAAS,GAAGU,a,+BAAa,iBAAyD,C,0DAAtD,EAAAR,SAASG,gBAAgBL,EAAS,GAAGU,WAAU,W,iHAY3G,GACXC,WAAY,CACRC,YAAA,KACAC,QAAA,MAEJC,QALW,WAMPC,KAAKC,OAAOC,SAAS,oCAEzBC,KARW,WASP,MAAO,CACHrB,YAAa,CACTsB,OAAQ,SAEZxB,aAAc,CACVyB,UAAW,CAAEC,SAAU,GACvBC,YAAY,EACZC,qBAAqB,EACrBC,OAAQ,CACJC,SAAS,GAEbC,SAAU,CACNC,cAAe,GACfC,aAAc,IAElBC,OAAQ,CACJC,MAAO,CAAC,CAAEC,UAAW,CAAEN,SAAS,GAASO,MAAO,CAAEC,SAAU,KAC5DC,MAAO,CACH,CACIF,MAAO,CACHG,aAAa,EACbC,SAAU,SAAUC,GAChB,MAAO,KAAYA,UASnDC,SAAU,CACN5C,UADM,WAEF,MAAO,CACH6C,OAAQxB,KAAKC,OAAOwB,QAAQ,iCAAiCC,gBAC7DC,SAAU,CACN,CACIC,MAAO,WACPC,MAAM,EACNC,gBAAiB,cACjBC,YAAa,EACbC,YAAa,EACbC,YAAa,UACb9B,KAAMH,KAAKC,OAAOwB,QAAQ,iCAAiCS,iBAE/D,CACIN,MAAO,WACPC,MAAM,EACNC,gBAAiB,cACjBC,YAAa,EACbC,YAAa,EACbC,YAAa,UACb9B,KAAMH,KAAKC,OAAOwB,QAAQ,iCAAiCU,oBAK3EnD,iBA1BM,WA2BF,OAAOgB,KAAKC,OAAOwB,QAAQ,yCAGnCW,QAAS,CACL1C,YADK,SACOC,GACR,OAAkB,GAAdA,EACO,OACAA,EAAa,EACb,QAEA,S,qBCtG3B,MAAM0C,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD","file":"js/chunk-2d21dfe3.59ab02a3.js","sourcesContent":["<template>\n    <section class=\"mt-10\"><LineChart :chartData=\"ChartData\" :chartOptions=\"chartOptions\" :styles=\"chartStyles\" /></section>\n    <section class=\"mt-5\">\n        <table class=\"divide-y divide-fibonaki-border\">\n            <thead>\n                <tr>\n                    <th scope=\"col\" class=\"px-4 py-1 text-left text-sm font-medium text-gray-900\">{{ $tc('date', 1) }}</th>\n                    <th scope=\"col\" class=\"px-4 py-1 text-left text-sm font-medium text-gray-900\">{{ $tc('ttf', 1) }}</th>\n                    <th scope=\"col\" class=\"px-4 py-1 text-left text-sm font-medium text-gray-900\">{{ $tc('ztp', 1) }}</th>\n                    <th scope=\"col\" class=\"px-4 py-1 text-left text-sm font-medium text-gray-900\">{{ $tc('difference', 1) }} {{ $tc('ttf', 1) }} - {{ $tc('ztp', 1) }}</th>\n                </tr>\n            </thead>\n            <tbody v-if=\"gasTableWeekData\">\n                <tr v-for=\"day_data in gasTableWeekData\" :key=\"day_data\">\n                    <td class=\"px-4 py-2 whitespace-nowrap text-sm text-gray-500\">{{ $filters.getHumanDate(day_data[0].start_date) }}</td>\n                    <td class=\"px-4 py-2 whitespace-nowrap text-sm text-gray-500\">{{ $filters.getDecimalValue(day_data[1].ttf_value, 3) }}</td>\n                    <td class=\"px-4 py-2 whitespace-nowrap text-sm text-gray-500\">{{ $filters.getDecimalValue(day_data[2].ztp_value, 3) }}</td>\n                    <td class=\"px-4 py-2 whitespace-nowrap text-sm text-gray-500\">\n                        <Badge :color=\"statusColor(day_data[3].difference)\">{{ $filters.getDecimalValue(day_data[3].difference, 3) }}</Badge>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n    </section>\n</template>\n\n<script>\n    import LineChart from '@/components/chart/LineChart';\n    import Badge from '@/components/general/Badge.vue';\n\n    export default {\n        components: {\n            LineChart,\n            Badge,\n        },\n        created() {\n            this.$store.dispatch('energy_data/fetchGasTtfSpotData');\n        },\n        data() {\n            return {\n                chartStyles: {\n                    height: '400px',\n                },\n                chartOptions: {\n                    animation: { duration: 0 },\n                    responsive: true,\n                    maintainAspectRatio: false,\n                    legend: {\n                        display: true,\n                    },\n                    tooltips: {\n                        titleFontSize: 24,\n                        bodyFontSize: 20,\n                    },\n                    scales: {\n                        xAxes: [{ gridLines: { display: false }, ticks: { fontSize: 8 } }],\n                        yAxes: [\n                            {\n                                ticks: {\n                                    beginAtZero: false,\n                                    callback: function (value) {\n                                        return '€' + ' ' + value;\n                                    },\n                                },\n                            },\n                        ],\n                    },\n                },\n            };\n        },\n        computed: {\n            ChartData() {\n                return {\n                    labels: this.$store.getters['energy_data/gas_ttf_spot_data'].ttf_spot_labels,\n                    datasets: [\n                        {\n                            label: 'TTF Spot',\n                            fill: true,\n                            backgroundColor: 'transparent', //'hsla(204, 68%, 58%, 0.05)',\n                            pointRadius: 1,\n                            borderWidth: 1,\n                            borderColor: '#4ca3dd',\n                            data: this.$store.getters['energy_data/gas_ttf_spot_data'].ttf_spot_values,\n                        },\n                        {\n                            label: 'ZTP Spot',\n                            fill: true,\n                            backgroundColor: 'transparent', //'hsla(282, 44%, 47%, 0.05)',\n                            pointRadius: 1,\n                            borderWidth: 1,\n                            borderColor: '#8E44AD',\n                            data: this.$store.getters['energy_data/gas_ttf_spot_data'].ztp_spot_values,\n                        },\n                    ],\n                };\n            },\n            gasTableWeekData() {\n                return this.$store.getters['energy_data/last_week_ttf_spot_data'];\n            },\n        },\n        methods: {\n            statusColor(difference) {\n                if (difference == 0) {\n                    return 'gray';\n                } else if (difference < 0) {\n                    return 'green';\n                } else {\n                    return 'red';\n                }\n            },\n        },\n    };\n</script>\n","import { render } from \"./SpotTtfData.vue?vue&type=template&id=2fa57cb6\"\nimport script from \"./SpotTtfData.vue?vue&type=script&lang=js\"\nexport * from \"./SpotTtfData.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/forge/fibonaki.dev/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}