{"version":3,"sources":["webpack:///./src/views/widgets/banner.vue","webpack:///./src/views/widgets/banner.vue?03f9","webpack:///./src/views/widgets/banner.vue?e994","webpack:///./src/views/widgets/carousel.vue?2e2b","webpack:///./src/views/widgets/index.vue","webpack:///./src/views/widgets/carousel.vue","webpack:///./src/views/widgets/carousel.vue?2aab","webpack:///./src/views/widgets/index.vue?8348"],"names":["class","style","_createElementVNode","_createElementBlock","_normalizeClass","_ctx","$route","query","utm_campaign","includes","_hoisted_1","href","onClick","_cache","$event","$options","prev","_createVNode","_component_v_lazy_image","src","alt","title","next","Object","keys","perItem","length","_hoisted_2","profile","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","width","static_vars","imagesURL","zuluAccountId","name","_hoisted_8","_toDisplayString","_hoisted_9","_hoisted_10","overallStats","followers","_hoisted_11","_hoisted_12","_hoisted_13","baseCurrencySymbol","loc","Math","round","amountFollowing","includedInWatchlist","_hoisted_14","_hoisted_15","_hoisted_16","timeFrame","annualizedRorBasedRoi","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","timeFrame2","totalProfitMoney","_hoisted_21","_hoisted_22","_hoisted_23","path","$data","userID","ref","utm_source","utm_medium","timeframeStats","target","_hoisted_24","_hoisted_25","setup","store","myStore","data","details","traderList","traderIdList","chartLoader","chartTypes","1","params","2","3","charSelected","chartData","watch","this","getChartData","computed","max","e","d","stats","methods","isNaN","size","list","slice","i","indexOf","v","num","Number","toLocaleString","id","drawPieChart","drawChart","allChartData","then","response","series","getAllTradersList","formData","callAllTradersList","res","result","forEach","item","trader","providerId","push","calltraderDetail","am5","rootElements","find","dom","dispose","root","new","interfaceColors","set","setThemes","am5themes_Animated","dateFormatter","setAll","dateFormat","dateFields","numberFormatter","numberFormat","smallNumberThreshold","chart","container","children","am5xy","focusable","paddingRight","paddingLeft","xAxis","xAxes","maxDeviation","visible","baseInterval","timeUnit","count","renderer","pan","yAxis","yAxes","yRenderer","get","grid","template","disabled","chartDataProfit","key","minBulletDistance","valueYField","valueXField","seriesTooltipTarget","tooltip","getFillFromSprite","getStrokeFromSprite","autoTextColor","getLabelFillFromSprite","pointerOrientation","scale","fill","fillOpacity","labelText","text","baseCurrencyName","fills","stops","opacity","appear","cursor","behavior","lineY","lineX","am5themes_Responsive","am5percent","layout","verticalLayout","valueField","categoryField","slices","labels","radius","fontSize","fontWeight","index","endDateOfImportedTradeHistory","findIndex","ind","x","finaldata","created","__exports__","render","widget","_createBlock","_component_carousel","type","_component_banner","_component_traderInfo","$t","_Fragment","_renderList","value","_normalizeStyle","_component_Loader","classname","weeks","_hoisted_26","_hoisted_27","profitPercentage","toFixed","_hoisted_28","_hoisted_29","overallDrawDownMoneyPercent","_hoisted_30","_hoisted_31","winTradesCount","winTrades","_hoisted_32","_hoisted_33","maxOpenTrades","_hoisted_34","_hoisted_35","_hoisted_36","_hoisted_37","_hoisted_38","_component_router_link","to","getTopTradersList","callTopTradersList","components","carousel","banner","traderInfo"],"mappings":"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","file":"js/chunk-294fded1.294906de.js","sourcesContent":["<template>\n<div class=\"d-flex align-items-center justify-content-center flex-column vh-100 \" :class=\"{'verticallyUTM' :$route.query.utm_campaign.includes('728x90')}\">\n    <div class=\"bg-white position-relative fullWidthBanner\" style=\"max-width: 508px;min-width: 270px; border-radius:8px\">\n        <div>\n            <a href=\"javascript:void(0)\" class=\"arrow-img left\" @click=\"prev()\">\n                <v-lazy-image src=\"/assets/images/left-arrow.png\" alt=\"Logo\" title=\"left-arrow\" />\n            </a>\n            <a href=\"javascript:void(0)\" class=\"arrow-img right\" @click=\"next()\">\n                <v-lazy-image src=\"/assets/images/right-arrow.png\" alt=\"Logo\" title=\"right-arrow\" />\n            </a>\n        </div>\n        <div class=\"row m-2\" v-if=\"Object.keys(perItem).length\">\n            <!-- <div class=\"col m-0 p-0 position-relative\" style=\"max-width: 250px;\">\n                <router-link class=\"d-flex justify-content-center\" :to=\"{ path:'/', query:{'ref':$route.query.ref, 'utm_source':$route.query.utm_source, 'utm_campaign':$route.query.utm_campaign, 'utm_medium':$route.query.utm_medium} }\" target=\"_blank\">\n                    <v-lazy-image width=\"180\" height=\"40\" src=\"/assets/images/logo.svg\" alt=\"Logo\" title=\"ZulluTrade\" />\n                </router-link>\n                <select v-model=\"charSelected\" class=\"d-block\">\n                    <option v-for=\"item,key in chartTypes\" :key=\"key\" :value=\"key\">{{item.name}}</option>\n                </select>\n                <div id=\"traderprofitChart\" class=\"profit\" style=\"width: 250px; height: 300px; display: flex;\"></div>\n                <Loader :classname=\"'innerLoader'\" v-if=\"chartLoader\"></Loader>\n                <p class=\"text-center mt-2\">*TRADING INVOLVES HIGH RISK</p>\n            </div> -->\n            <div class=\"col m-0 p-0\" style=\"max-width: 250px;\" v-if=\"perItem.profile\">\n                <div class=\"card\">\n                    <div class=\"card-body\">\n                        <div class=\"d-flex justify-content-start marginRight\">\n                            <span class=\"circleImg me-1\">\n                                <v-lazy-image\n                                    width=\"250\"\n                                    :src=\"static_vars.imagesURL+'webservices/Image.ashx?type=user&size=XL&id='+perItem.profile.zuluAccountId+'&ignore=false'\"\n                                    :alt=\"perItem.profile.name\"\n                                    :title=\"perItem.profile.name\"\n                                />\n                            </span>\n                            <h1 style=\"font-size: 20px;\">{{ perItem.profile.name }}</h1>\n                        </div>\n                        <div class=\"title\">\n                            <div class=\"element d-flex justify-content-between mb-1\">\n                                <div class=\"element\" v-if=\"perItem.overallStats.followers\">\n                                    <span class=\"moregray f-12 mb-0 me-1 gray\">Amount Following</span>\n                                    <strong class=\"d-block\" style=\"font-size: 20px;color: var(--secondary);font-weight: bold;\">\n                                        {{ perItem.profile.baseCurrencySymbol }}{{ loc(Math.round(perItem.overallStats.amountFollowing || 0)) }}\n                                    </strong>\n                                </div>\n                                <div class=\"element\" v-if=\"perItem.overallStats && perItem.overallStats.includedInWatchlist\">\n                                    <span class=\"moregray f-12 mb-0 me-1 gray\">Annualized ROI</span>\n                                    <strong class=\"text-end m-0 d-block green\" style=\"font-size: 20px;font-weight: bold;\">\n                                        {{ loc(Math.round(timeFrame.annualizedRorBasedRoi || 0)) }}%\n                                    </strong>\n                                </div>\n                            </div>\n                            <div class=\"element f-12\">\n                                <p class=\"d-flex justify-content-between f-12\">\n                                    <span class=\"gray\">Profit: </span> <strong class=\"green\">{{perItem.profile.baseCurrencySymbol}}{{ loc(timeFrame2.totalProfitMoney || 0) }}</strong>\n                                </p>\n                               <!--  <p class=\"d-flex justify-content-between f-12\">\n                                    <span class=\"gray\">Weeks: </span> <strong>{{ loc(perItem.overallStats.weeks || 0) }}</strong>\n                                </p>\n                                <p class=\"d-flex justify-content-between f-12\">\n                                    <span class=\"gray\">Avg Profit: </span> <strong>{{timeFrame2.profitPercentage?loc(timeFrame2.profitPercentage.toFixed(2) || 0):0}}%</strong>\n                                </p>\n                                <p class=\"d-flex justify-content-between f-12\">\n                                    <span class=\"gray\">Maximum Drawdown: </span> <strong>-{{loc(timeFrame2.overallDrawDownMoneyPercent || 0)}}%</strong>\n                                </p>\n                                <p class=\"d-flex justify-content-between f-12\">\n                                    <span class=\"gray\">Winning trades: </span> <strong>{{loc(timeFrame2.winTradesCount || 0)}} ({{loc(timeFrame2.winTrades || 0)}}%)</strong>\n                                </p>\n                                <p class=\"d-flex justify-content-between f-12\">\n                                    <span class=\"gray\">Max Open Trades: </span> <strong>{{loc(timeFrame2.maxOpenTrades || 0)}}</strong>\n                                </p>\n                                <p class=\"d-flex justify-content-between f-12\">\n                                    <span class=\"gray\">Investors: </span> <strong>{{ loc(perItem.overallStats.followers || 0) }}</strong>\n                                </p> -->\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"oneLine\">\n                    <ul class=\"loginRegister mt-2\">\n                        <li class=\"d-flex justify-content-around\">\n                            <a :href=\"{ path:'/trader/'+userID+'/trading', query:{'ref':$route.query.ref, 'utm_source':$route.query.utm_source, 'utm_campaign':$route.query.utm_campaign, 'utm_medium':$route.query.utm_medium,'t':Object.keys(perItem.timeframeStats)[0] ,'m':1} }\" class=\"\" style=\"border-radius: 15rem; padding: 4px 4rem;  background-color: #ff7200; border: 1px solid #ff7200; color: #ffffff;font-size: 13px;\" target=\"_blank\">\n                                follow\n                            </a>\n                            <!-- <router-link :to=\"{ path:'/login', query:{'ref':$route.query.ref, 'utm_source':$route.query.utm_source, 'utm_campaign':$route.query.utm_campaign, 'utm_medium':$route.query.utm_medium} }\" class=\"button mobLogin d-flex align-items-center fillBtn linkBtn\" target=\"_blank\">\n                                login\n                            </router-link> -->\n                        </li>\n                    </ul>\n                    <p class=\"text-center f-12 mt-2\">*TRADING INVOLVES HIGH RISK</p>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n</template>\n<script>\nimport * as am5 from \"@amcharts/amcharts5\";\nimport * as am5xy from \"@amcharts/amcharts5/xy\";\nimport * as am5percent from \"@amcharts/amcharts5/percent\";\nimport am5themes_Animated from \"@amcharts/amcharts5/themes/Animated\";\nimport am5themes_Responsive from \"@amcharts/amcharts5/themes/Responsive\";\nimport { myStore } from \"@/store/pinia-store\";\nexport default {\n    setup() {\n        return { store : myStore() };\n    },\n    data() {\n        return {\n            details:{},\n            userID:'',\n            traderList:{},\n            traderIdList:[],\n            chartLoader: false,\n            chartTypes:{\n                1:{ name:'Profit', params: { 'type': 'TOTAL_PROFIT_MONEY', 'timespan': 'DAILY', 'timeframe': '10000'}},\n                2:{ name:'Monthly Profit', params: { 'type': 'TOTAL_PROFIT_MONEY', 'timespan': 'DAILY', 'timeframe': '30'}},\n                3:{ name:'Pairs', params: { 'type': 'CURRENCY_COUNT', 'timespan': 'STATS', 'timeframe': '10000'}}\n            },\n            charSelected: 1,\n            chartData:{}\n        };\n    },\n    watch:{\n        // userID(id){\n        //     this.calltraderDetail(id);\n        //     this.getChartData(id);\n        // },\n        charSelected(){\n            this.getChartData(this.userID);\n        }\n    },\n    computed:{\n\t\tperItem(){\n\t\t\t// return (((this.store.topTrdaersList || [])[0] || {}).result || [])[0]\n            return this.traderList[this.userID] || {}\n\t\t},\n        timeFrame(){\n            try{\n                return this.perItem.timeframeStats[Math.max(...Object.keys(this.perItem.timeframeStats))]\n            }catch(e){ return {} }\n        },\n        timeFrame2(){\n            let d = ((this.details[this.userID] || {}).stats || {}).timeframeStats\n            if(d && Object.keys(d).length > 0){\n                return d[Math.max(...Object.keys(d))]\n            }else{\n                return {}\n            }\n        }\n    },\n    methods: {\n        prev(){\n            if(!isNaN(this.$route.query.size) && this.$route.query.size > 1){\n                let list = this.traderIdList.slice(0, this.$route.query.size)\n                let i = list.indexOf(this.userID)\n                if((i-1) >= 0){\n                    this.userID = list[i-1]\n                }else{\n                    this.userID = list[list.length-1]\n                }\n            }\n        },\n        next(){\n            if(!isNaN(this.$route.query.size) && this.$route.query.size > 1){\n                let list = this.traderIdList.slice(0, this.$route.query.size)\n                let i = list.indexOf(this.userID)\n                if((i+1) <= (list.length-1)){\n                    this.userID = list[i+1]\n                }else{\n                    this.userID = list[0]\n                }\n            }\n        },\n        loc(v){\n            let num = new Number(v)\n            return num.toLocaleString();\n        },\n\t\tgetChartData(id){\n            this.chartLoader = true\n            if(this.chartData[id] && this.chartData[id][this.charSelected]){\n                this.chartLoader = false\n                if(this.charSelected == 3){\n                    this.drawPieChart()\n                }else{\n                    this.drawChart()\n                }\n            }else{\n                this.store.allChartData(this.chartTypes[this.charSelected].params,true,id).then(response =>{\n                    if(response.series && response.series[0]){\n                        if(!this.chartData[id]){ this.chartData[id] = { 1:null, 2:null, 3:null }; }\n                        this.chartData[id][this.charSelected] = response.series[0]\n                    }\n                    this.chartLoader = false\n                    if(this.charSelected == 3){\n                        this.drawPieChart()\n                    }else{\n                        this.drawChart()\n                    }\n                })\n            }\n        },\n        getAllTradersList() {\n            let formData = {\n                \"flavor\": \"eu\",\n                \"hasLiveUsersSubscribed\": true,\n                \"page\": 0,\n                \"size\": this.$route.query.size || 4,\n                \"sortAsc\": false,\n                \"sortBy\": \"amountFollowing\",\n                \"timeFrame\": 10000,\n                \"tradedWithinLastWeek\": true,\n                \"bringDetailedChart\": true,\n                \"accessingFlavorId\": 1\n            }\n            this.store.callAllTradersList(formData, true,'', this).then(res =>{\n                if(Object.keys(res).length && res.result && res.result.length){\n                    res.result.forEach(item=>{\n                        this.traderList[item.trader.providerId] = item.trader\n                        this.traderIdList.push(item.trader.providerId)\n                     })\n                    this.userID = this.traderIdList[0]\n                }\n            })\n        },\n        calltraderDetail(id){\n            if(this.details[id]){ return }\n\t\t\tthis.store.calltraderDetail({}, true,id,this).then((res) => {\n\t\t\t\tthis.details[id] = res.trader\n\t\t\t});\n\t\t},\n        drawChart(){\n            let d = am5.registry.rootElements.find((i) => i.dom && i.dom.id === \"traderprofitChart\");\n            d?.dispose();\n            let root = am5.Root.new(\"traderprofitChart\");\n\n            root.interfaceColors.set(\"grid\", am5.color(0xffffff));\n\n            root.setThemes([am5themes_Animated.new(root)]);\n\n            root.dateFormatter.setAll({\n                dateFormat: \"dd MMM yyyy\",\n                dateFields: [\"valueX\"],\n            });\n            root.numberFormatter.setAll({\n                numberFormat: \"#.##\",\n                smallNumberThreshold: 0.001,\n            });\n            // Create drawprofitChart\n            var chart = root.container.children.push(\n                am5xy.XYChart.new(root, { focusable: true, paddingRight: 0, paddingLeft: 0 })\n            );\n            var xAxis = chart.xAxes.push(am5xy.DateAxis.new(root, {\n                    maxDeviation: 0.5,\n                    visible: false,\n                    baseInterval: {\n                        timeUnit: \"day\",\n                        count: 1\n                    },\n                    renderer: am5xy.AxisRendererX.new(root, {\n                    pan:\"zoom\"\n                }),\n                // tooltip: am5.Tooltip.new(root, {})\n            }));\n\n            let yAxis = chart.yAxes.push(\n                am5xy.ValueAxis.new(root, {\n                    visible: false,\n                    renderer: am5xy.AxisRendererY.new(root, {}),\n                })\n            );\n            let yRenderer = yAxis.get(\"renderer\");\n            yRenderer.grid.template.setAll({ disabled : true });\n            let chartData = this.chartDataProfit()\n            if (chartData.length > 1) {\n                chart.get(\"colors\").set(\"colors\", [am5.color(0xffdfc3), am5.color(0xff7200)]);\n            } else {\n                chart.get(\"colors\").set(\"colors\", [am5.color(0xff7200)]);\n            }\n            chartData.forEach((key) => {\n                // Add series\n                var series = chart.series.push(\n                    am5xy.SmoothedXLineSeries.new(root, {\n                        // legendLabelText: \"Profit (\" + this.perItem.profile.baseCurrencyName + \")\",\n                        minBulletDistance: 1,\n                        xAxis: xAxis,\n                        yAxis: yAxis,\n                        valueYField: \"y\",\n                        valueXField: \"x\",\n                        seriesTooltipTarget: \"bullet\",\n                        tooltip: am5.Tooltip.new(root, {\n                            getFillFromSprite: false,\n                            getStrokeFromSprite: true,\n                            autoTextColor: true,\n                            getLabelFillFromSprite: true,\n                            pointerOrientation: \"horizontal\",\n                            scale:0.7,\n                            /*stroke: am5.color(0xff5566),\n                            strokeOpacity: 0.8,*/\n                            fill: am5.color(0xffffff),\n                            fillOpacity: 0,\n                            labelText: `${key.text?(key.text+'\\n'):''}[bold]${key.name} (${this.perItem.profile.baseCurrencyName}):[/] {valueY}\\n [bold]Date:[/] {valueX}`,\n                        }),\n                    })\n                );\n                series.fills.template.setAll({ visible: true });\n\n                series.fills.template.set(\n                    \"fillGradient\",\n                    am5.LinearGradient.new(root, {\n                        stops: [ { opacity: 0.5 }, { opacity: 0.2 }, ],\n                    })\n                );\n                var data = key.data;\n                series.data.setAll(data);\n                series.appear(100);\n            });\n\n            // Add cursor\n            let cursor = chart.set(\n                \"cursor\",\n                am5xy.XYCursor.new(root, {\n                    // xAxis: xAxis,\n                    behavior: \"zoomX\",\n                })\n            );\n            cursor.lineY.set(\"visible\", false);\n            cursor.lineX.set(\"visible\", false);\n\n            //chart.zoomOutButton.set(\"forceHidden\", true);\n\n            /*xAxis.get(\"renderer\").labels.template.setAll({\n                fill: root.interfaceColors.set(\"fill\", am5.color(\"#666666\")),\n                fontSize: 10,\n            });\n            yAxis.get(\"renderer\").labels.template.setAll({\n                fill: root.interfaceColors.set(\"fill\", am5.color(\"#ffa35a\")),\n                fontSize: 12,\n            });\n            var label2 = am5.Label.new(root, {\n                text: \"[#666] Date [/]\",\n                x: am5.p50,\n                centerY: am5.p50,\n                fontSize: 12,\n            });\n            xAxis.children.push(label2);*/\n            chart.appear(1000, 100);\n        },\n        drawPieChart(){\n            let d = am5.registry.rootElements.find((i) => i.dom && i.dom.id === 'traderprofitChart');\n            d?.dispose();\n            var root = am5.Root.new(\"traderprofitChart\");\n            root.setThemes([\n                am5themes_Animated.new(root),\n                am5themes_Responsive.new(root)\n            ]);\n\n            // Create chart\n            var chart = root.container.children.push(am5percent.PieChart.new(root, {\n                layout: root.verticalLayout\n            }));\n\n            var series = chart.series.push(am5percent.PieSeries.new(root, {\n                valueField: \"y\",\n                categoryField: \"x\",\n            }));\n            series.get(\"colors\").set(\"colors\", [\n                am5.color(0x4572a7),\n                am5.color(0xCBCBCB),\n                am5.color(0x69cd4b),\n                am5.color(0xff6f34),\n                am5.color(0xf6f819),\n                am5.color(0x7dfe8b),\n                am5.color(0xffaf6e),\n                am5.color(0xfff263),\n                am5.color(0xff7200),\n            ]);\n            series.data.setAll(this.chartData[this.userID][this.charSelected].data);\n            series.slices.template.set(\"tooltipText\", \"{x}: {y}\");\n            series.slices.template.set(\"toggleKey\", \"none\");\n            series.labels.template.setAll({\n                text: \"{x}\",\n                radius: 10,\n                fontSize: 12,\n                fontWeight: \"600\",\n            });\n            series.appear(1000, 100);\n        },\n        chartDataProfit(){\n            let chartData = this.chartData[this.userID][this.charSelected]\n            var index = chartData.endDateOfImportedTradeHistory?chartData.data.findIndex(ind => ind.x > chartData.endDateOfImportedTradeHistory):-1;\n            var finaldata = [];\n            if(index != -1){\n                finaldata.push({ data: chartData.data.slice(0, index), name: \"Imported history Profit\", text:'Performance using Imported history' });\n                finaldata.push({ data: chartData.data.slice(index - 1), name: \"Live Profit\", text:'Performance using Live account' });\n            }else{\n                finaldata.push({ data: chartData.data, name: \"Live Profit\" });\n            }\n            return finaldata;\n        },\n\n    },\n    created() {\n        this.getAllTradersList();\n    }\n}\n</script>\n<style scoped>\n    p{ margin-bottom: 0.5rem !important; }\n    .gray{ color: #959595; font-size: 12px; font-weight: 600; }\n    .arrow-img{\n        top: calc(50% - 29px);\n        z-index: 10;\n        position: absolute;\n    }\n    .arrow-img a {\n        cursor: pointer;\n        background-color:transparent;\n    }\n    a.arrow-img.left { left: 0; }\n    a.arrow-img.right { right: 0; }\n</style>","import { render } from \"./banner.vue?vue&type=template&id=530587f2&scoped=true\"\nimport script from \"./banner.vue?vue&type=script&lang=js\"\nexport * from \"./banner.vue?vue&type=script&lang=js\"\n\nimport \"./banner.vue?vue&type=style&index=0&id=530587f2&scoped=true&lang=css\"\n\nimport exportComponent from \"/src/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-530587f2\"]])\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!./banner.vue?vue&type=style&index=0&id=530587f2&scoped=true&lang=css\"","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!./carousel.vue?vue&type=style&index=0&id=0c555a72&scoped=true&lang=css\"","<template>\n\t<div>\n\t\t<carousel v-if=\"$route.params.widget == 'carousel'\"></carousel>\n\t\t<banner v-if=\"$route.params.type == 'rectangle' || $route.params.type == 'leaderboard'\"></banner>\n\t\t<traderInfo v-if=\"$route.name == 'traderInfo'\" />\n\t</div>\n</template>\n<script>\n\timport carousel from './carousel.vue'\n\timport banner from './banner.vue'\n\timport traderInfo from './trader-info.vue'\n\texport default{\n\t\tdata(){\n\t\t\treturn{}\n\t\t},\n\t\tcomponents:{ carousel,banner,traderInfo },\n\t\t// created(){\n\t\t// \tconsole.log(this.$route.params)\n\t\t// }\n\t}\n</script>","<template>\n    <div class=\"d-flex align-items-center justify-content-center flex-column vh-100\" :class=\"[{'verticallytMap':$route.query.utm_campaign == 'DynamicWidget250x600'}]\">\n        <div class=\"bg-white position-relative\" style=\"max-width: 508px;min-width: 259px;border-radius:8px\">\n            <div>\n                <a href=\"javascript:void(0)\" class=\"arrow-img left\" @click=\"prev()\">\n                    <v-lazy-image src=\"/assets/images/left-arrow.png\" :alt=\"$t('carouselWatchlist.inText1')\" :title=\"$t('carouselWatchlist.inText2')\" />\n                </a>\n                <a href=\"javascript:void(0)\" class=\"arrow-img right\" @click=\"next()\">\n                    <v-lazy-image src=\"/assets/images/right-arrow.png\" :alt=\"$t('carouselWatchlist.inText1')\" :title=\"$t('carouselWatchlist.inText3')\" />\n                </a>\n            </div>\n            <div class=\"row m-2\" v-if=\"Object.keys(perItem).length\">\n                <div class=\"col m-0 p-0 position-relative\" style=\"max-width: 250px;\">\n                    <!-- <router-link class=\"d-flex justify-content-center\" :to=\"{ path:'/', query:{'ref':$route.query.ref, 'utm_source':$route.query.utm_source, 'utm_campaign':$route.query.utm_campaign, 'utm_medium':$route.query.utm_medium} }\" target=\"_blank\">\n                        <v-lazy-image width=\"180\" height=\"40\" src=\"/assets/images/logo.svg\" alt=\"Logo\" title=\"ZulluTrade\" />\n                    </router-link> -->\n                    <select v-model=\"charSelected\" class=\"form-select d-block\" style=\"font-size:14px;width:120px;position:relative;top:20px;left:10px\">\n                        <option v-for=\"item,key in chartTypes\" :key=\"key\" :value=\"key\">{{item.name}}</option>\n                    </select>\n                    <!-- <div class=\"chartElement\" id=\"myChart\"></div> -->\n                    <div id=\"traderprofitChart\" class=\"profit\" :style=\"($route.query.utm_campaign == 'DynamicWidget250x600') ? 'width: 250px; height: 170px; display: flex;' : 'width: 250px; height: 300px; display: flex;'\"></div>\n                    <Loader :classname=\"'innerLoader'\" v-if=\"chartLoader\"></Loader>\n                    <p class=\"text-center f-14 mt-2\">{{$t('carouselWatchlist.inText4')}}</p>\n                </div>\n                <div class=\"col mx-2 p-0\" style=\"max-width: 250px;\" v-if=\"perItem.profile\">\n                    <div class=\"card\">\n                        <div class=\"card-body\">\n                            <div class=\"d-flex justify-content-start\">\n                                <span class=\"circleImg me-2\">\n                                    <v-lazy-image\n                                        width=\"250\"\n                                        :src=\"static_vars.imagesURL+'webservices/Image.ashx?type=user&size=XL&id='+perItem.profile.zuluAccountId+'&ignore=false'\"\n                                        :alt=\"perItem.profile.name\"\n                                        :title=\"perItem.profile.name\"\n                                    />\n                                </span>\n                                <h1 style=\"font-size: 20px;\">{{ perItem.profile.name }}</h1>\n                            </div>\n                            <div class=\"title\">\n                                <div class=\"element d-flex justify-content-between mb-3\">\n                                    <div class=\"element\" v-if=\"perItem.overallStats.followers\">\n                                        <span class=\"moregray f-12 mb-0 me-1 gray\">{{$t('carouselWatchlist.inText5')}}</span>\n                                        <strong class=\"d-block\" style=\"font-size: 20px;color: var(--secondary);font-weight: bold;\">\n                                            {{ perItem.profile.baseCurrencySymbol }}{{ loc(Math.round(perItem.overallStats.amountFollowing || 0)) }}\n                                        </strong>\n                                    </div>\n                                    <div class=\"element\" v-if=\"perItem.overallStats && perItem.overallStats.includedInWatchlist\">\n                                        <span class=\"moregray f-12 mb-0 me-1 gray\">{{$t('carouselWatchlist.inText6')}}</span>\n                                        <strong class=\"text-end m-0 d-block green\" style=\"font-size: 20px;font-weight: bold;\">\n                                            {{ loc(Math.round(timeFrame.annualizedRorBasedRoi || 0)) }}%\n                                        </strong>\n                                    </div>\n                                </div>\n                                <div class=\"element f-12\">\n                                    <p class=\"d-flex justify-content-between f-12\">\n                                        <span class=\"gray\">{{$t('carouselWatchlist.inText7')}} </span> <strong class=\"green\">{{perItem.profile.baseCurrencySymbol}}{{ loc(timeFrame2.totalProfitMoney || 0) }}</strong>\n                                    </p>\n                                    <p class=\"d-flex justify-content-between f-12\">\n                                        <span class=\"gray\">{{$t('carouselWatchlist.inText8')}} </span> <strong>{{ loc(perItem.overallStats.weeks || 0) }}</strong>\n                                    </p>\n                                    <p class=\"d-flex justify-content-between f-12\">\n                                        <span class=\"gray\">{{$t('carouselWatchlist.inText9')}} </span> <strong>{{timeFrame2.profitPercentage?loc(timeFrame2.profitPercentage.toFixed(2) || 0):0}}%</strong>\n                                    </p>\n                                    <p class=\"d-flex justify-content-between f-12\">\n                                        <span class=\"gray\">{{$t('carouselWatchlist.inText10')}} </span> <strong>-{{loc(timeFrame2.overallDrawDownMoneyPercent || 0)}}%</strong>\n                                    </p>\n                                    <p class=\"d-flex justify-content-between f-12\">\n                                        <span class=\"gray\">{{$t('carouselWatchlist.inText11')}} </span> <strong>{{loc(timeFrame2.winTradesCount || 0)}} ({{loc(timeFrame2.winTrades || 0)}}%)</strong>\n                                    </p>\n                                    <p class=\"d-flex justify-content-between f-12\">\n                                        <span class=\"gray\">{{$t('carouselWatchlist.inText12')}} </span> <strong>{{loc(timeFrame2.maxOpenTrades || 0)}}</strong>\n                                    </p>\n                                    <p class=\"d-flex justify-content-between f-12\">\n                                        <span class=\"gray\">{{$t('carouselWatchlist.inText13')}} </span> <strong>{{ loc(perItem.overallStats.followers || 0) }}</strong>\n                                    </p>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <ul class=\"loginRegister mt-2\">\n                        <li class=\"d-flex justify-content-around\">\n                            <a :href=\"{ path:'/trader/'+userID+'/trading', query:{'ref':$route.query.ref, 'utm_source':$route.query.utm_source, 'utm_campaign':$route.query.utm_campaign, 'utm_medium':$route.query.utm_medium,'t':Object.keys(perItem.timeframeStats)[0] ,'m':1} }\" class=\"\" style=\"border-radius: 15rem; padding: 4px 1rem;width:50%; text-align:center; background-color: #ff7200; border: 1px solid #ff7200; color: #ffffff;font-size: 14px;margin-right:8px;\" target=\"_blank\">\n                                {{$t('carouselWatchlist.inText14')}}\n                            </a>\n                            <router-link :to=\"{ path:'/login', query:{'ref':$route.query.ref, 'utm_source':$route.query.utm_source, 'utm_campaign':$route.query.utm_campaign, 'utm_medium':$route.query.utm_medium} }\" class=\"\" style=\"border-radius: 15rem; padding: 4px 1rem;  background-color: #ff7200; border: 1px solid #ff7200; color: #ffffff;font-size: 14px; width:50%; text-align:center;\" target=\"_blank\">\n                                {{$t('carouselWatchlist.inText15')}}\n                            </router-link>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </div>\n    </template>\n    <script>\n    import * as am5 from \"@amcharts/amcharts5\";\n    import * as am5xy from \"@amcharts/amcharts5/xy\";\n    import * as am5percent from \"@amcharts/amcharts5/percent\";\n    import am5themes_Animated from \"@amcharts/amcharts5/themes/Animated\";\n    import am5themes_Responsive from \"@amcharts/amcharts5/themes/Responsive\";\n    import { myStore } from \"@/store/pinia-store\";\n    export default {\n        setup() {\n            return { store : myStore() };\n        },\n        data() {\n            return {\n                details:{},\n                userID:'',\n                traderList:{},\n                traderIdList:[],\n                chartLoader: false,\n                chartTypes:{\n                    1:{ name:'Profit', params: { 'type': 'TOTAL_PROFIT_MONEY', 'timespan': 'DAILY', 'timeframe': '10000'}},\n                    2:{ name:'Monthly Profit', params: { 'type': 'TOTAL_PROFIT_MONEY', 'timespan': 'DAILY', 'timeframe': '30'}},\n                    3:{ name:'Pairs', params: { 'type': 'CURRENCY_COUNT', 'timespan': 'STATS', 'timeframe': '10000'}}\n                },\n                charSelected: 1,\n                chartData:{}\n            };\n        },\n        watch:{\n            userID(id){\n                this.calltraderDetail(id);\n                this.getChartData(id);\n            },\n            charSelected(){\n                this.getChartData(this.userID);\n            }\n        },\n        computed:{\n            perItem(){\n                // return (((this.store.topTrdaersList || [])[0] || {}).result || [])[0]\n                return this.traderList[this.userID] || {}\n            },\n            timeFrame(){\n                try{\n                    return this.perItem.timeframeStats[Math.max(...Object.keys(this.perItem.timeframeStats))]\n                }catch(e){ return {} }\n            },\n            timeFrame2(){\n                let d = ((this.details[this.userID] || {}).stats || {}).timeframeStats\n                if(d && Object.keys(d).length > 0){\n                    return d[Math.max(...Object.keys(d))]\n                }else{\n                    return {}\n                }\n            }\n        },\n        methods: {\n            prev(){\n                if(!isNaN(this.$route.query.size) && this.$route.query.size > 1){\n                    let list = this.traderIdList.slice(0, this.$route.query.size)\n                    let i = list.indexOf(this.userID)\n                    if((i-1) >= 0){\n                        this.userID = list[i-1]\n                    }else{\n                        this.userID = list[list.length-1]\n                    }\n                }\n            },\n            next(){\n                if(!isNaN(this.$route.query.size) && this.$route.query.size > 1){\n                    let list = this.traderIdList.slice(0, this.$route.query.size)\n                    let i = list.indexOf(this.userID)\n                    if((i+1) <= (list.length-1)){\n                        this.userID = list[i+1]\n                    }else{\n                        this.userID = list[0]\n                    }\n                }\n            },\n            loc(v){\n                let num = new Number(v)\n                return num.toLocaleString();\n            },\n            getChartData(id){\n                this.chartLoader = true\n                if(this.chartData[id] && this.chartData[id][this.charSelected]){\n                    this.chartLoader = false\n                    if(this.charSelected == 3){\n                        this.drawPieChart()\n                    }else{\n                        this.drawChart()\n                    }\n                }else{\n                    this.store.allChartData(this.chartTypes[this.charSelected].params,true,id).then(response =>{\n                        if(response.series && response.series[0]){\n                            if(!this.chartData[id]){ this.chartData[id] = { 1:null, 2:null, 3:null }; }\n                            this.chartData[id][this.charSelected] = response.series[0]\n                        }\n                        this.chartLoader = false\n                        if(this.charSelected == 3){\n                            this.drawPieChart()\n                        }else{\n                            this.drawChart()\n                        }\n                    })\n                }\n            },\n            getTopTradersList() {\n                this.store.callTopTradersList({}, true).then(res => {\n                    res[0].result.forEach(item=>{\n                        this.traderList[item.trader.providerId] = item.trader\n                        this.traderIdList.push(item.trader.providerId)\n                    })\n                    this.userID = this.traderIdList[0]\n                })\n            },\n            calltraderDetail(id){\n                if(this.details[id]){ return }\n                this.store.calltraderDetail({}, true,id,this).then((res) => {\n                    this.details[id] = res.trader\n                });\n            },\n            drawChart(){\n                let d = am5.registry.rootElements.find((i) => i.dom && i.dom.id === \"traderprofitChart\");\n                d?.dispose();\n                let root = am5.Root.new(\"traderprofitChart\");\n\n                root.interfaceColors.set(\"grid\", am5.color(0xffffff));\n\n                root.setThemes([am5themes_Animated.new(root)]);\n\n                root.dateFormatter.setAll({\n                    dateFormat: \"dd MMM yyyy\",\n                    dateFields: [\"valueX\"],\n                });\n                root.numberFormatter.setAll({\n                    numberFormat: \"#.##\",\n                    smallNumberThreshold: 0.001,\n                });\n                // Create drawprofitChart\n                var chart = root.container.children.push(\n                    am5xy.XYChart.new(root, { focusable: true, paddingRight: 0, paddingLeft: 0 })\n                );\n                var xAxis = chart.xAxes.push(am5xy.DateAxis.new(root, {\n                        maxDeviation: 0.5,\n                        visible: false,\n                        baseInterval: {\n                            timeUnit: \"day\",\n                            count: 1\n                        },\n                        renderer: am5xy.AxisRendererX.new(root, {\n                        pan:\"zoom\"\n                    }),\n                    // tooltip: am5.Tooltip.new(root, {})\n                }));\n\n                let yAxis = chart.yAxes.push(\n                    am5xy.ValueAxis.new(root, {\n                        visible: false,\n                        renderer: am5xy.AxisRendererY.new(root, {}),\n                    })\n                );\n                let yRenderer = yAxis.get(\"renderer\");\n                yRenderer.grid.template.setAll({ disabled : true });\n                let chartData = this.chartDataProfit()\n                if (chartData.length > 1) {\n                    chart.get(\"colors\").set(\"colors\", [am5.color(0xffdfc3), am5.color(0xff7200)]);\n                } else {\n                    chart.get(\"colors\").set(\"colors\", [am5.color(0xff7200)]);\n                }\n                chartData.forEach((key) => {\n                    // Add series\n                    var series = chart.series.push(\n                        am5xy.SmoothedXLineSeries.new(root, {\n                            // legendLabelText: \"Profit (\" + this.perItem.profile.baseCurrencyName + \")\",\n                            minBulletDistance: 1,\n                            xAxis: xAxis,\n                            yAxis: yAxis,\n                            valueYField: \"y\",\n                            valueXField: \"x\",\n                            seriesTooltipTarget: \"bullet\",\n                            tooltip: am5.Tooltip.new(root, {\n                                getFillFromSprite: false,\n                                getStrokeFromSprite: true,\n                                autoTextColor: true,\n                                getLabelFillFromSprite: true,\n                                pointerOrientation: \"horizontal\",\n                                scale:0.7,\n                                /*stroke: am5.color(0xff5566),\n                                strokeOpacity: 0.8,*/\n                                fill: am5.color(0xffffff),\n                                fillOpacity: 0,\n                                labelText: `${key.text?(key.text+'\\n'):''}[bold]${key.name} (${this.perItem.profile.baseCurrencyName}):[/] {valueY}\\n [bold]Date:[/] {valueX}`,\n                            }),\n                        })\n                    );\n                    series.fills.template.setAll({ visible: true });\n\n                    series.fills.template.set(\n                        \"fillGradient\",\n                        am5.LinearGradient.new(root, {\n                            stops: [ { opacity: 0.5 }, { opacity: 0.2 }, ],\n                        })\n                    );\n                    var data = key.data;\n                    series.data.setAll(data);\n                    series.appear(100);\n                });\n\n                // Add cursor\n                let cursor = chart.set(\n                    \"cursor\",\n                    am5xy.XYCursor.new(root, {\n                        // xAxis: xAxis,\n                        behavior: \"zoomX\",\n                    })\n                );\n                cursor.lineY.set(\"visible\", false);\n                cursor.lineX.set(\"visible\", false);\n\n                //chart.zoomOutButton.set(\"forceHidden\", true);\n\n                /*xAxis.get(\"renderer\").labels.template.setAll({\n                    fill: root.interfaceColors.set(\"fill\", am5.color(\"#666666\")),\n                    fontSize: 10,\n                });\n                yAxis.get(\"renderer\").labels.template.setAll({\n                    fill: root.interfaceColors.set(\"fill\", am5.color(\"#ffa35a\")),\n                    fontSize: 12,\n                });\n                var label2 = am5.Label.new(root, {\n                    text: \"[#666] Date [/]\",\n                    x: am5.p50,\n                    centerY: am5.p50,\n                    fontSize: 12,\n                });\n                xAxis.children.push(label2);*/\n                chart.appear(1000, 100);\n            },\n            drawPieChart(){\n                let d = am5.registry.rootElements.find((i) => i.dom && i.dom.id === 'traderprofitChart');\n                d?.dispose();\n                var root = am5.Root.new(\"traderprofitChart\");\n                root.setThemes([\n                    am5themes_Animated.new(root),\n                    am5themes_Responsive.new(root)\n                ]);\n\n                // Create chart\n                var chart = root.container.children.push(am5percent.PieChart.new(root, {\n                    layout: root.verticalLayout\n                }));\n\n                var series = chart.series.push(am5percent.PieSeries.new(root, {\n                    valueField: \"y\",\n                    categoryField: \"x\",\n                }));\n                series.get(\"colors\").set(\"colors\", [\n                    am5.color(0x4572a7),\n                    am5.color(0xCBCBCB),\n                    am5.color(0x69cd4b),\n                    am5.color(0xff6f34),\n                    am5.color(0xf6f819),\n                    am5.color(0x7dfe8b),\n                    am5.color(0xffaf6e),\n                    am5.color(0xfff263),\n                    am5.color(0xff7200),\n                ]);\n                series.data.setAll(this.chartData[this.userID][this.charSelected].data);\n                series.slices.template.set(\"tooltipText\", \"{x}: {y}\");\n                series.slices.template.set(\"toggleKey\", \"none\");\n                series.labels.template.setAll({\n                    text: \"{x}\",\n                    radius: 10,\n                    fontSize: 12,\n                    fontWeight: \"600\",\n                });\n                series.appear(1000, 100);\n            },\n            chartDataProfit(){\n                let chartData = this.chartData[this.userID][this.charSelected]\n                var index = chartData.endDateOfImportedTradeHistory?chartData.data.findIndex(ind => ind.x > chartData.endDateOfImportedTradeHistory):-1;\n                var finaldata = [];\n                if(index != -1){\n                    finaldata.push({ data: chartData.data.slice(0, index), name: \"Imported history Profit\", text:'Performance using Imported history' });\n                    finaldata.push({ data: chartData.data.slice(index - 1), name: \"Live Profit\", text:'Performance using Live account' });\n                }else{\n                    finaldata.push({ data: chartData.data, name: \"Live Profit\" });\n                }\n                return finaldata;\n            },\n\n        },\n        created() {\n            this.getTopTradersList()\n        }\n    }\n    </script>\n    <style scoped>\n        p{ margin-bottom: 0.5rem !important; }\n        .gray{ color: #959595; font-size: 12px; font-weight: 600; }\n        .arrow-img{\n            top: calc(50% - 29px);\n            z-index: 10;\n            position: absolute;\n        }\n        .arrow-img a {\n            cursor: pointer;\n            background-color:transparent;\n        }\n        a.arrow-img.left { left: 0; }\n        a.arrow-img.right { right: 0; }\n    </style>","import { render } from \"./carousel.vue?vue&type=template&id=0c555a72&scoped=true\"\nimport script from \"./carousel.vue?vue&type=script&lang=js\"\nexport * from \"./carousel.vue?vue&type=script&lang=js\"\n\nimport \"./carousel.vue?vue&type=style&index=0&id=0c555a72&scoped=true&lang=css\"\n\nimport exportComponent from \"/src/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-0c555a72\"]])\n\nexport default __exports__","import { render } from \"./index.vue?vue&type=template&id=b14f5758\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/src/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}