https://tinyurl.com/js/chunks/3138.8983d25e906518cf.js

1"use strict";(self.webpackChunktinyurl=self.webpackChunktinyurl||[]).push([[3138],{54938(t,e,a){a.d(e,{A:()=>n});var r=a(2543),i=Promise.all([a.e(3660),a.e(3)]).then(a.bind(a,10616));const n={components:{vChart:function(){return i.then(function(t){return t.VueECharts})}},data:function(){return{loading:!1,ECharts:null,VueECharts:null,VueEChartReady:!1}},watch:{loading:function(){this.triggerChartsLoading()}},created:function(){var t=this;i.then(function(e){var a=e.ECharts,r=e.VueECharts;t.ECharts=a,t.VueECharts=r,t.VueEChartReady=!0})},mounted:function(){window.addEventListener("resize",this.handleResize)},beforeDestroy:function(){window.removeEventListener("resize",this.handleResize)},methods:{triggerChartsLoading:function(){var t=this,e=function(e){t.$refs.hasOwnProperty(e)&&r.endsWith(e,"-chart")?t.loading?t.$refs[e]&&t.$refs[e].showLoading():t.$refs[e]&&t.$refs[e].hideLoading():setTimeout(function(){return t.triggerChartsLoading(e)},10)};for(var a in this.$refs)e(a)},getData:function(){var t=this;setTimeout(function(){t.routeOrg&&void 0!==t.loadData&&(t.loading=!0,t.loadData().finally(function(){t.loading=!1}))},100)},handleResize:function(){r.forOwn(this.$refs,function(t,e){r.endsWith(e,"-chart")&&t.resize()})}}}},10552(t,e,a){a.d(e,{A:()=>l});var r=a(95353),i=a(45256),n=a(25688),o=a(2543);function s(t){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},s(t)}function c(t,e){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),a.push.apply(a,r)}return a}function u(t){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{};e%2?c(Object(a),!0).forEach(function(e){h(t,e,a[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):c(Object(a)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(a,e))})}return t}function h(t,e,a){return(e=function(t){var e=function(t,e){if("object"!=s(t)||!t)return t;var a=t[Symbol.toPrimitive];if(void 0!==a){var r=a.call(t,e||"default");if("object"!=s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==s(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[e]=a,t}const l={mixins:[i.A,n.A],data:function(){return{debouncedFetchData:null}},computed:u(u({},(0,r.L8)(["filters","tinyurlsFilters","statsDatetime","tinyurl"])),{},{alias:function(){if(!o.isEmpty(this.tinyurl))return this.tinyurl.aliases.find(function(t){return t.is_main})},hasSelectedMember:function(){return["dashboard-main","dashboard-personal","dashboard-team"].includes(this.requestView)&&this.filters.member}}),watch:{statsDatetime:function(){Bus.$emit("debouncedFetchData")}},created:function(){this.debouncedFetchData=o.debounce(this.fetchData,300),Bus.$on("debouncedFetchData",this.debouncedFetchData)},beforeDestroy:function(){Bus.$off("debouncedFetchData",this.debouncedFetchData)},methods:{fetchData:function(){"org"in this.$route.params&&("org.dashboard"==this.$route.name?this.isUserAuthorized("supervisor")&&this.getData():this.getData())}

1,getRequestParams:function(){var t=new URLSearchParams(u({from:this.statsDatetime.start.toISOString(!0),to:this.statsDatetime.end.toISOString(!0),archived:"available"!=this.tinyurlsFilters.state.action},this.hasSelectedMember&&{member:this.filters.member})).toString();if("alias-team"==this.requestView||"alias-personal"==this.requestView){var e="".concat(this.alias.domain,"/").concat(this.alias.alias);t="?alias[]=".concat(e,"&").concat(t)}if("tag"==this.requestView){var a=this.$route.query.tag;t="?tag[]=".concat(a,"&").concat(t)}return t},getRequestUrl:function(t){var e=this.orgRequestUrl(t),a=this.getRequestParams();return this.$apiUrl("".concat(e,"?").concat(a))}}}},3138(t,e,a){a.r(e),a.d(e,{default:()=>c});var r=a(54938),i=a(10552),n=a(95093),o=a(2543);const s={name:"StatsTimelineTraffic",mixins:[r.A,i.A],data:function(){return{clicks:[],interval:"hour"}},computed:{datetimeFormat:function(){return"minute"===this.interval?{short:"h:mm a",long:"MMM Do h:mm a"}:"hour"===this.interval?{short:"h a",long:"MMM Do h a"}:"day"===this.interval?{short:"MMM Do",long:"MMM Do YYYY"}:"week"===this.interval?{short:"YYY Wo",long:"MMM YYYY, Wo"}:"month"===this.interval?{short:"YYY Mo",long:"MMM YYYY"}:{short:"Y-MM-DD HH:mm",long:"Y-MM-DD HH:mm"}},dateTimeFormatAxis:function(t,e){var a=this.datetimeFormat;return function(t,e){var r=n(t).format(a.short);return void 0!==e&&0!==e||(r=n(t).format(a.long)),r}},chartOptions:function(){var t=this;return{legend:{top:"0"},dataZoom:[{type:"slider",minSpan:20}],grid:{left:"6%",top:"8%",right:"2%",bottom:"0",containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"shadow"},backgroundColor:"rgba(240,240,240,0.8)",formatter:function(e){var a="",r=n(o.first(e).value[0]).format(t.datetimeFormat.long);return a+="<div class='p-2 text-dark'>",a+="  <h4 class='mb-1'>".concat(r,"</h4>"),a+="  <p class='mb-1 font-weight-bold'>",a+="    ".concat(t.$t("chart.total_clicks"),": "),a+="    ".concat(e[0].data[1]),a+="  </p>",a+="  <p class='mb-1'>",a+="    ".concat(e[2].marker," ").concat(e[2].seriesName,": ").concat(e[0].value[2]),a+="  </p>",a+="  <p class='mb-1'>",a+="    ".concat(t.$t("chart.human_clicks"),": "),a+="    ".concat(e[0].data[3]),a+="  </p>",a+="  <p class='mb-1'>",a+="    ".concat(e[1].marker," ").concat(e[1].seriesName,": ").concat(e[0].value[5]),a+="  </p>",a+="  <p class='mb-1'>",a+="    ".concat(e[0].marker," ").concat(e[0].seriesName,": ").concat(e[0].value[4]),a+="  </p>",a+="</div>"}},toolbox:{show:!0,feature:{restore:{show:!0,title:this.$t("chart.restore")},saveAsImage:{show:!0,title:this.$t("chart.save_as_image")}}},dataset:{source:this.clicks,dimensions:["date","total","bots","humans","unique","nonUnique"]},xAxis:[{type:"time",axisLabel:{formatter:this.dateTimeFormatAxis,rotate:45},splitLine:{show:!1},axisLine:{show:!1},axisTick:{length:10},minorTick:{show:!0,length:4}}],yAxis:[{type:"value",axisLine:{show:!1},axisTick:{show:!1}}],series:[{id:"unique_clicks",type:"bar",stack:"one",areaStyle:{opacity:.3},itemStyle:{color:"#002a61"},name:this.$t("chart.unique_clicks"),encode:{x:"date",y:"unique"}},{id:"nonunique_clicks",type:"bar",stack:"one",areaStyle:{opacity:.3},name:this.$t("chart.nonunique_clicks"),itemStyle:{color:"#9bc225"},encode:{x:"date",y:"nonUnique"}},{id:"bot_clicks",type:"bar",stack:"one",areaStyle:{opacity:.3},name:this.$t("chart.bot_clicks"),itemStyle:{color:"#def1d5"},encode:{x:"date",y:"bots"}}]}}},methods:{loadData:function(){var t=this,e=this.getRequestUrl("analytics/timeline");return axios.get(e).then(function(e){var a=e.data;t.interval=a.interval,t.clicks=a.dataset.map(function(t){var e=t.human-t.unique,a=e>0?e:0,r=t.total-t.human,i=r>0?r:0;return[n(t.datetime).format(),t.total,i,t.human,t.unique,a]})}).catch(function(){})}}};const c=(0,a(14486).A)(s,function(){var t=this,e=t._self._c;return e("div",{staticClass:"card border-0 rounded-xl mb-4"},[e("div",{staticClass:"card-body"},[e("h5",[t._v("Traffic Over Time")]),t._v(" "),e("br"),t._v(" "),e("v-chart",{ref:"timeline-chart",staticStyle:{width:"100%","min-height":"150px","max-height":"300px"},attrs:{options:t.chartOptions}})],1)])},[],!1,null,null,null).exports}}]);