{"version":3,"sources":["webpack:///./node_modules/core-js/library/modules/es6.array.is-array.js","webpack:///./node_modules/core-js/modules/es6.array.from.js","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/arrayWithoutHoles.js","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/iterableToArray.js","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/nonIterableSpread.js","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/toConsumableArray.js","webpack:///./node_modules/@babel/runtime-corejs2/core-js/array/from.js","webpack:///./src/assets/images/filter_list.png","webpack:///./src/module/FriendGetFriends/History.vue?7aae","webpack:///./node_modules/@babel/runtime-corejs2/core-js/array/is-array.js","webpack:///./src/module/FriendGetFriends/History.vue?b0d9","webpack:///src/module/FriendGetFriends/History.vue","webpack:///./src/module/FriendGetFriends/History.vue?8c8a","webpack:///./src/module/FriendGetFriends/History.vue","webpack:///./node_modules/@babel/runtime-corejs2/core-js/is-iterable.js","webpack:///./src/module/FriendGetFriends/History.vue?19a4","webpack:///./node_modules/core-js/library/fn/array/is-array.js"],"names":["$export","S","isArray","ctx","toObject","call","isArrayIter","toLength","createProperty","getIterFn","F","iter","Array","from","arrayLike","length","result","step","iterator","O","C","this","aLen","arguments","mapfn","undefined","mapping","index","iterFn","next","done","value","_arrayWithoutHoles","arr","i","arr2","_iterableToArray","Object","prototype","toString","_nonIterableSpread","TypeError","_toConsumableArray","module","exports","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","on","$event","gotoPage","_v","_s","lbl","_l","item","key","removeFilter","class","filter","text","type","selectFilter","includes","_e","resetFilter","filteredDataList","data","name","formatDateString","updateDate","isActive","maxPoint","imgPreview","statsBoxData","RowKey","staticRenderFns","components","Header","MainForm","mixins","dataList","filterYear","year","input","label","computed","filterByYear","parseInt","created","moment","mounted","methods","params","mode","id","YearOption","onChangeYear","getHistoryFGF","BzbsUserFGF","then","map","catch","finally","mapFGFData","icon","title","unit","bg","rowKey","dataObject","startdateenddate","description","referral_points","user_points","max_account","joinDays","joinDaysState","validateEarnAndRedeem","date","image","invite_message","el","component"],"mappings":"qGACA,IAAIA,EAAU,EAAQ,QAEtBA,EAAQA,EAAQC,EAAG,QAAS,CAAEC,QAAS,EAAQ,W,oCCF/C,IAAIC,EAAM,EAAQ,QACdH,EAAU,EAAQ,QAClBI,EAAW,EAAQ,QACnBC,EAAO,EAAQ,QACfC,EAAc,EAAQ,QACtBC,EAAW,EAAQ,QACnBC,EAAiB,EAAQ,QACzBC,EAAY,EAAQ,QAExBT,EAAQA,EAAQC,EAAID,EAAQU,GAAK,EAAQ,OAAR,EAA0B,SAAUC,GAAQC,MAAMC,KAAKF,MAAW,QAAS,CAE1GE,KAAM,SAAcC,GAClB,IAOIC,EAAQC,EAAQC,EAAMC,EAPtBC,EAAIf,EAASU,GACbM,EAAmB,mBAARC,KAAqBA,KAAOT,MACvCU,EAAOC,UAAUR,OACjBS,EAAQF,EAAO,EAAIC,UAAU,QAAKE,EAClCC,OAAoBD,IAAVD,EACVG,EAAQ,EACRC,EAASnB,EAAUU,GAIvB,GAFIO,IAASF,EAAQrB,EAAIqB,EAAOF,EAAO,EAAIC,UAAU,QAAKE,EAAW,SAEvDA,GAAVG,GAAyBR,GAAKR,OAASN,EAAYsB,GAMrD,IADAb,EAASR,EAASY,EAAEJ,QACfC,EAAS,IAAII,EAAEL,GAASA,EAASY,EAAOA,IAC3CnB,EAAeQ,EAAQW,EAAOD,EAAUF,EAAML,EAAEQ,GAAQA,GAASR,EAAEQ,SANrE,IAAKT,EAAWU,EAAOvB,KAAKc,GAAIH,EAAS,IAAII,IAAOH,EAAOC,EAASW,QAAQC,KAAMH,IAChFnB,EAAeQ,EAAQW,EAAOD,EAAUrB,EAAKa,EAAUM,EAAO,CAACP,EAAKc,MAAOJ,IAAQ,GAAQV,EAAKc,OASpG,OADAf,EAAOD,OAASY,EACTX,M,wHCjCI,SAASgB,EAAmBC,GACzC,GAAI,IAAeA,GAAM,CACvB,IAAK,IAAIC,EAAI,EAAGC,EAAO,IAAIvB,MAAMqB,EAAIlB,QAASmB,EAAID,EAAIlB,OAAQmB,IAC5DC,EAAKD,GAAKD,EAAIC,GAGhB,OAAOC,G,8CCLI,SAASC,EAAiBzB,GACvC,GAAI,IAAY0B,OAAO1B,KAAmD,uBAAzC0B,OAAOC,UAAUC,SAASlC,KAAKM,GAAgC,OAAO,IAAYA,GCHtG,SAAS6B,IACtB,MAAM,IAAIC,UAAU,mDCEP,SAASC,EAAmBT,GACzC,OAAO,EAAkBA,IAAQ,EAAgBA,IAAQ,M,uBCJ3DU,EAAOC,QAAU,EAAQ,S,qBCAzBD,EAAOC,QAAU,8N,kCCAjB,W,4CCAAD,EAAOC,QAAU,EAAQ,S,yCCAzB,IAAIC,EAAS,WAAa,IAAIC,EAAIzB,KAAS0B,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,UAAUA,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,SAAS,CAACE,YAAY,UAAUC,MAAM,CAAC,GAAK,4DAA4DC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIS,SAAS,uBAAuB,CAACN,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,QAAiC,IAAM,YAAY,MAAQ,KAAK,OAAS,UAAUH,EAAG,MAAM,CAACE,YAAY,SAAS,CAACL,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,IAAI,+BAA+BT,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAcL,EAAIa,GAAIb,EAAc,YAAE,SAASc,EAAKjC,GAAO,OAAOsB,EAAG,MAAM,CAACY,IAAI,SAAWlC,EAAMwB,YAAY,cAAc,CAACL,EAAIU,GAAG,IAAIV,EAAIW,GAAGG,IAAOX,EAAG,MAAM,CAACG,MAAM,CAAC,GAAK,4CAA4C,IAAM,EAAQ,QAA6B,IAAM,SAASC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIgB,aAAaF,YAAc,GAAGX,EAAG,MAAM,CAACc,MAAM,CAAC,eAAe,CAACd,EAAG,MAAM,CAACE,YAAY,UAAU,CAACL,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAIY,IAAI,4BAA4B,KAAKT,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,QAAmC,IAAM,mBAAmBH,EAAG,MAAM,CAACE,YAAY,eAAeF,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,MAAM,CAACE,YAAY,eAAeL,EAAIa,GAAIb,EAAIkB,OAAO,QAAa,OAAE,SAASJ,GAAM,OAAOX,EAAG,MAAM,CAACY,IAAID,EAAKK,MAAM,CAA8B,aAA5BnB,EAAIkB,OAAO,QAAQE,KAAqBjB,EAAG,MAAM,CAACE,YAAY,aAAaC,MAAM,CAAC,GAAK,6CAA6CC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIqB,aAAaP,EAAKK,SAAS,CAAChB,EAAG,aAAa,CAACG,MAAM,CAAC,QAAUN,EAAIkB,OAAO,QAAQjC,MAAMqC,SAASR,EAAKK,QAAQ,CAACnB,EAAIU,GAAG,IAAIV,EAAIW,GAAGG,EAAKK,MAAM,QAAQ,GAAGnB,EAAIuB,UAAS,GAAGpB,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,GAAK,4CAA4CC,GAAG,CAAC,MAAQP,EAAIwB,cAAc,CAACxB,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAIY,IAAI,2BAA2B,OAAOT,EAAG,SAAS,CAACG,MAAM,CAAC,GAAK,oDAAoDC,GAAG,CAAC,MAAQP,EAAIyB,mBAAmB,CAACzB,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAIY,IAAI,wBAAwB,iBAAiBZ,EAAIa,GAAIb,EAAgB,cAAE,SAASc,EAAKjC,GAAO,OAAOsB,EAAG,MAAM,CAACY,IAAIlC,EAAQ,WAAWwB,YAAY,wCAAwC,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACL,EAAIU,GAAG,IAAIV,EAAIW,GAAGG,EAAKY,KAAKC,MAAM,KAAMb,EAAKY,KAAe,WAAEvB,EAAG,OAAO,CAACH,EAAIU,GAAG,KAAKV,EAAIW,GAAGX,EAAI4B,iBAAiBd,EAAKY,KAAKG,aAAa,QAAQ7B,EAAIuB,OAAOpB,EAAG,WAAW,CAACG,MAAM,CAAC,KAAO,UAAU,KAAOQ,EAAKY,KAAK,SAAWZ,EAAKgB,SAAS,SAAWhB,EAAKiB,SAAS,WAAajB,EAAKkB,WAAW,aAAelB,EAAKmB,aAAa,UAAUnB,EAAKoB,WAAW,OAAM,IACxnFC,EAAkB,G,mJC8GP,GACfR,+BACAS,YACAC,cACAC,iBAEAC,gBACAb,gBACA,OACAc,YACAC,cACAvB,QACAwB,MACAzD,SACA0D,OACA,CAAAxB,kBAAAlC,oBACA,CAAAkC,aAAAlC,eACA,CAAAkC,eAAAlC,iBACA,CAAAkC,iBAAAlC,mBACA,CAAAkC,eAAAlC,kBAEA2D,eACAxB,oBAKAyB,UACAC,wBAAA,WACA,+CACA,kCACA,6BACAC,mDAKAC,mBACA,sBACA,qBACA,kBACA,8BACAC,iBAEAA,kBAGAC,qBAGAC,SACA1C,yBACA,mBACAkB,OACAyB,QAAAC,OAAAC,SAGAC,sBACA,+BACA,OACA,kCACA,CAAAtF,aACA,+BACA,iBACA,OAAAgB,QAAAkC,YAGAE,yBACA,mCACA,sDACA,4BAGA,gCAGAI,4BACA,wDAEAT,yBACA,sDACA,4BAEA,yBAEAQ,uBACA,0BACA,oBAEAgC,0BAGA5B,6BAAA,yIACA,SACA,gCAEA,IAGA6B,yBAAA,WACA,uBACAC,uBACAC,kBAEA,kBACAzC,oBAAA,wCACA0C,iBACA,6BAIAC,uBAGAC,oBAAA,+BAEAC,uBACA,OACA9B,cACA,CACA+B,iBACAC,gBACAhF,YACAiF,eACAC,aACApD,mBACAqD,iBAEA,CACAJ,iBACAC,0BACAhF,aACAiF,aACAC,aACApD,mBACAqD,iBAEA,CACAJ,iBACAC,0BACAhF,aACAiF,aACAC,aACApD,0BACAqD,mBAIAC,WACAvD,0CACAuD,wBACAA,gDACA,SAiCA,OAhCAC,KACAxD,kCACAmC,qBACA,GACAqB,KACAxD,oCACAmC,sBACA,GACAoB,QACA1C,YACA4C,0BACAC,iCACAC,yBACAC,6BACAC,0CACAC,iDACAC,6DACAC,OACAjD,WACAf,oCACAmC,sBACA,GACA8B,iBACAC,gCAEAX,oCACA,+CACA,kDACA,gCACAY,+BACA,8DAEA,KCxSgW,I,kCCS5VC,EAAY,eACd,EACAnF,EACAoC,GACA,EACA,KACA,WACA,MAIa,aAAA+C,E,8BCpBfrF,EAAOC,QAAU,EAAQ,S,kCCAzB,W,qBCAA,EAAQ,QACRD,EAAOC,QAAU,EAAQ,QAAuBhC,MAAMV","file":"js/chunk-2e7ff44f.js","sourcesContent":["// 22.1.2.2 / 15.4.3.2 Array.isArray(arg)\nvar $export = require('./_export');\n\n$export($export.S, 'Array', { isArray: require('./_is-array') });\n","'use strict';\nvar ctx = require('./_ctx');\nvar $export = require('./_export');\nvar toObject = require('./_to-object');\nvar call = require('./_iter-call');\nvar isArrayIter = require('./_is-array-iter');\nvar toLength = require('./_to-length');\nvar createProperty = require('./_create-property');\nvar getIterFn = require('./core.get-iterator-method');\n\n$export($export.S + $export.F * !require('./_iter-detect')(function (iter) { Array.from(iter); }), 'Array', {\n  // 22.1.2.1 Array.from(arrayLike, mapfn = undefined, thisArg = undefined)\n  from: function from(arrayLike /* , mapfn = undefined, thisArg = undefined */) {\n    var O = toObject(arrayLike);\n    var C = typeof this == 'function' ? this : Array;\n    var aLen = arguments.length;\n    var mapfn = aLen > 1 ? arguments[1] : undefined;\n    var mapping = mapfn !== undefined;\n    var index = 0;\n    var iterFn = getIterFn(O);\n    var length, result, step, iterator;\n    if (mapping) mapfn = ctx(mapfn, aLen > 2 ? arguments[2] : undefined, 2);\n    // if object isn't iterable or it's array with default iterator - use simple case\n    if (iterFn != undefined && !(C == Array && isArrayIter(iterFn))) {\n      for (iterator = iterFn.call(O), result = new C(); !(step = iterator.next()).done; index++) {\n        createProperty(result, index, mapping ? call(iterator, mapfn, [step.value, index], true) : step.value);\n      }\n    } else {\n      length = toLength(O.length);\n      for (result = new C(length); length > index; index++) {\n        createProperty(result, index, mapping ? mapfn(O[index], index) : O[index]);\n      }\n    }\n    result.length = index;\n    return result;\n  }\n});\n","import _Array$isArray from \"../../core-js/array/is-array\";\nexport default function _arrayWithoutHoles(arr) {\n  if (_Array$isArray(arr)) {\n    for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {\n      arr2[i] = arr[i];\n    }\n\n    return arr2;\n  }\n}","import _Array$from from \"../../core-js/array/from\";\nimport _isIterable from \"../../core-js/is-iterable\";\nexport default function _iterableToArray(iter) {\n  if (_isIterable(Object(iter)) || Object.prototype.toString.call(iter) === \"[object Arguments]\") return _Array$from(iter);\n}","export default function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance\");\n}","import arrayWithoutHoles from \"./arrayWithoutHoles\";\nimport iterableToArray from \"./iterableToArray\";\nimport nonIterableSpread from \"./nonIterableSpread\";\nexport default function _toConsumableArray(arr) {\n  return arrayWithoutHoles(arr) || iterableToArray(arr) || nonIterableSpread();\n}","module.exports = require(\"core-js/library/fn/array/from\");","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAQMAAADaua+7AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURUdwTDIyMp1isF4AAAABdFJOUwBA5thmAAAAHElEQVQI12NgwAHk//8AY2TA/P8AGKMAGyjGDgDO0wgpxOUoJgAAAABJRU5ErkJggg==\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./History.vue?vue&type=style&index=1&lang=scss&\"","module.exports = require(\"core-js/library/fn/array/is-array\");","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('Header'),_c('div',{staticClass:\"history\"},[_c('div',{staticClass:\"titleHeader\"},[_c('button',{staticClass:\"nextBtn\",attrs:{\"id\":\"friendgetfriends_history_gotopagefriendgetfriends_button\"},on:{\"click\":function($event){return _vm.gotoPage('FriendGetFriends')}}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/arrowBack.svg\"),\"alt\":\"arrowBack\",\"width\":\"24\",\"height\":\"24\"}})]),_c('div',{staticClass:\"hText\"},[_vm._v(_vm._s(_vm.lbl['main-menu-history-fgf']))])]),_c('div',{staticClass:\"filterContainer nopad\"},[_c('div',{staticClass:\"scrollItem\"},_vm._l((_vm.filterYear),function(item,index){return _c('div',{key:'filter' + index,staticClass:\"filterItem\"},[_vm._v(\" \"+_vm._s(item)),_c('img',{attrs:{\"id\":\"friendgetfriends_history_removefilter_img\",\"src\":require('@/assets/images/close.png'),\"alt\":\"close\"},on:{\"click\":function($event){return _vm.removeFilter(item)}}})])}),0),_c('div',{class:['filterMain']},[_c('div',{staticClass:\"filter\"},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-filter'])+\" \"),_c('img',{attrs:{\"src\":require('@/assets/images/filter_list.png'),\"alt\":\"filter_list\"}})]),_c('div',{staticClass:\"spaceHover\"}),_c('div',{staticClass:\"filterDropdown rightDrop\"},[_c('div',{staticClass:\"filterRight\"},_vm._l((_vm.filter['year'].input),function(item){return _c('div',{key:item.text},[(_vm.filter['year'].type === 'checkbox')?_c('div',{staticClass:\"filterList\",attrs:{\"id\":\"friendgetfriends_history_selectfilter_div\"},on:{\"click\":function($event){return _vm.selectFilter(item.text)}}},[_c('a-checkbox',{attrs:{\"checked\":_vm.filter['year'].value.includes(item.text)}},[_vm._v(\" \"+_vm._s(item.text)+\" \")])],1):_vm._e()])}),0),_c('div',{staticClass:\"btnFilter\"},[_c('div',{attrs:{\"id\":\"friendgetfriends_history_resetfilter_div\"},on:{\"click\":_vm.resetFilter}},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-reset'])+\" \")]),_c('button',{attrs:{\"id\":\"friendgetfriends_history_filtereddatalist_button\"},on:{\"click\":_vm.filteredDataList}},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-ok'])+\" \")])])])])])]),_vm._l((_vm.filterByYear),function(item,index){return _c('div',{key:index + 'datalist',staticClass:\"mx-auto mt-1 content-outer-container\"},[_c('div',{staticClass:\"historytitle\"},[_vm._v(\" \"+_vm._s(item.data.name)+\" \"),(item.data.updateDate)?_c('span',[_vm._v(\" [\"+_vm._s(_vm.formatDateString(item.data.updateDate))+\"] \")]):_vm._e()]),_c('MainForm',{attrs:{\"mode\":'history',\"data\":item.data,\"isActive\":item.isActive,\"maxPoint\":item.maxPoint,\"imgPreview\":item.imgPreview,\"statsBoxData\":item.statsBoxData,\"row-key\":item.RowKey}})],1)})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-fluid\">\r\n    <Header />\r\n    <div class=\"history\">\r\n      <div class=\"titleHeader\">\r\n        <button\r\n          id=\"friendgetfriends_history_gotopagefriendgetfriends_button\"\r\n          @click=\"gotoPage('FriendGetFriends')\"\r\n          class=\"nextBtn\"\r\n        >\r\n          <img\r\n            src=\"@/assets/images/arrowBack.svg\"\r\n            alt=\"arrowBack\"\r\n            width=\"24\"\r\n            height=\"24\"\r\n          />\r\n        </button>\r\n        <div class=\"hText\">{{ lbl['main-menu-history-fgf'] }}</div>\r\n      </div>\r\n      <div class=\"filterContainer nopad\">\r\n        <div class=\"scrollItem\">\r\n          <div\r\n            class=\"filterItem\"\r\n            v-for=\"(item, index) in filterYear\"\r\n            :key=\"'filter' + index\"\r\n          >\r\n            {{ item\r\n            }}<img\r\n              id=\"friendgetfriends_history_removefilter_img\"\r\n              @click=\"removeFilter(item)\"\r\n              :src=\"require('@/assets/images/close.png')\"\r\n              alt=\"close\"\r\n            />\r\n          </div>\r\n        </div>\r\n        <div :class=\"['filterMain']\">\r\n          <div class=\"filter\">\r\n            {{ lbl['user-permissions-filter'] }}\r\n            <img\r\n              :src=\"require('@/assets/images/filter_list.png')\"\r\n              alt=\"filter_list\"\r\n            />\r\n          </div>\r\n          <div class=\"spaceHover\"></div>\r\n          <div class=\"filterDropdown rightDrop\">\r\n            <div class=\"filterRight\">\r\n              <div v-for=\"item in filter['year'].input\" :key=\"item.text\">\r\n                <div\r\n                  v-if=\"filter['year'].type === 'checkbox'\"\r\n                  class=\"filterList\"\r\n                  id=\"friendgetfriends_history_selectfilter_div\"\r\n                  @click=\"selectFilter(item.text)\"\r\n                >\r\n                  <a-checkbox\r\n                    :checked=\"filter['year'].value.includes(item.text)\"\r\n                  >\r\n                    {{ item.text }}\r\n                  </a-checkbox>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"btnFilter\">\r\n              <div\r\n                id=\"friendgetfriends_history_resetfilter_div\"\r\n                @click=\"resetFilter\"\r\n              >\r\n                {{ lbl['user-permissions-reset'] }}\r\n              </div>\r\n              <button\r\n                id=\"friendgetfriends_history_filtereddatalist_button\"\r\n                @click=\"filteredDataList\"\r\n              >\r\n                {{ lbl['user-permissions-ok'] }}\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      v-for=\"(item, index) in filterByYear\"\r\n      :key=\"index + 'datalist'\"\r\n      class=\"mx-auto mt-1 content-outer-container\"\r\n    >\r\n      <div class=\"historytitle\">\r\n        {{ item.data.name }}\r\n        <span v-if=\"item.data.updateDate\">\r\n          [{{ formatDateString(item.data.updateDate) }}]\r\n        </span>\r\n      </div>\r\n      <MainForm\r\n        :mode=\"'history'\"\r\n        :data=\"item.data\"\r\n        :isActive=\"item.isActive\"\r\n        :maxPoint=\"item.maxPoint\"\r\n        :imgPreview=\"item.imgPreview\"\r\n        :statsBoxData=\"item.statsBoxData\"\r\n        :row-key=\"item.RowKey\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nimport Header from '@/components/Layout/Header'\r\nimport MainForm from './component/MainForm'\r\nimport BzbsUserFGF from '@/core/FriendgetFriends/service/BzbsFriendgetFriends'\r\nimport moment from 'moment'\r\nimport Locale from '@/helper/locale.js'\r\n\r\nexport default {\r\n  name: 'FriendGetFriendsHistory',\r\n  components: {\r\n    Header,\r\n    MainForm,\r\n  },\r\n  mixins: [Mixin],\r\n  data() {\r\n    return {\r\n      dataList: [],\r\n      filterYear: [],\r\n      filter: {\r\n        year: {\r\n          value: [],\r\n          input: [\r\n            { text: 'All Status', value: 'All Status' },\r\n            { text: 'Draft', value: 'draft' },\r\n            { text: 'Publish', value: 'publish' },\r\n            { text: 'Cancelled', value: 'cancelled' },\r\n            { text: 'Created', value: 'created' },\r\n          ],\r\n          label: 'Status',\r\n          type: 'checkbox',\r\n        },\r\n      },\r\n    }\r\n  },\r\n  computed: {\r\n    filterByYear() {\r\n      if (this.filterYear.length == 0) return this.dataList\r\n      return this.dataList.filter(i => {\r\n        return this.filterYear.includes(\r\n          parseInt(moment(i.data.date[0]).format('YYYY')),\r\n        )\r\n      })\r\n    },\r\n  },\r\n  created() {\r\n    this.handleFooter(true)\r\n    this.getHistoryFGF()\r\n    this.YearOption()\r\n    if (Locale.getLocaleShort() == 'th') {\r\n      moment.locale('th')\r\n    } else {\r\n      moment.locale('en')\r\n    }\r\n  },\r\n  mounted() {\r\n    console.log(this.filterByYear)\r\n  },\r\n  methods: {\r\n    gotoPage(page, mode, id) {\r\n      this.$router.push({\r\n        name: page,\r\n        params: { mode: mode, id: id },\r\n      })\r\n    },\r\n    YearOption() {\r\n      let currentYear = new Date().getFullYear()\r\n      let endYear = currentYear + 50\r\n      this.filter.year.input = Array.from(\r\n        { length: 100 },\r\n        (_, i) => endYear + i * -1,\r\n      ).map(i => {\r\n        return { value: i, text: i }\r\n      })\r\n    },\r\n    selectFilter(item) {\r\n      if (this.filter.year.value.includes(item)) {\r\n        this.filter.year.value = this.filter.year.value.filter(\r\n          filter => filter !== item,\r\n        )\r\n      } else {\r\n        this.filter.year.value.push(item)\r\n      }\r\n    },\r\n    filteredDataList() {\r\n      this.filterYear = [...this.filter.year.value]\r\n    },\r\n    removeFilter(item) {\r\n      this.filter.year.value = this.filter.year.value.filter(\r\n        filter => filter !== item,\r\n      )\r\n      this.filteredDataList()\r\n    },\r\n    resetFilter() {\r\n      this.filter.year.value = []\r\n      this.filterYear = []\r\n    },\r\n    onChangeYear() {\r\n      console.log(1)\r\n    },\r\n    formatDateString(dateString, format = 'DD MMM YYYY', calHours = null) {\r\n      if (dateString) {\r\n        return moment(dateString).add(calHours, 'hours').format(format)\r\n      } else {\r\n        return ''\r\n      }\r\n    },\r\n    getHistoryFGF() {\r\n      this.handleLoading(true)\r\n      BzbsUserFGF.getHistoryFGF()\r\n        .then(res => {\r\n          console.log(res.data)\r\n          this.dataList = res.data\r\n            .filter(i => !i.Active || i.Status == 'Expired')\r\n            .map(i => {\r\n              return this.mapFGFData(i)\r\n            })\r\n          console.log('datalist', this.dataList)\r\n        })\r\n        .catch(err => {\r\n          console.log(err)\r\n        })\r\n        .finally(() => this.handleLoading(false))\r\n    },\r\n    mapFGFData(item) {\r\n      let dataObject = {\r\n        statsBoxData: [\r\n          {\r\n            icon: `statsbox2`,\r\n            title: 'newuser',\r\n            value: '500',\r\n            unit: 'account',\r\n            bg: '#2196f3',\r\n            key: 'list-newuser',\r\n            rowKey: item.RowKey,\r\n          },\r\n          {\r\n            icon: `statsbox3`,\r\n            title: 'pointspendInviter',\r\n            value: '1630',\r\n            unit: 'point',\r\n            bg: '#ff9800',\r\n            key: 'list-inviter',\r\n            rowKey: item.RowKey,\r\n          },\r\n          {\r\n            icon: `statsbox4`,\r\n            title: 'pointspendInvited',\r\n            value: '1630',\r\n            unit: 'point',\r\n            bg: '#ff9800',\r\n            key: 'list-invited-people',\r\n            rowKey: item.RowKey,\r\n          },\r\n        ],\r\n      }\r\n      dataObject.isActive =\r\n        item.Status === 'Create' || item.Status === 'Publish'\r\n      dataObject.imgPreview = item.ImageUrl\r\n      dataObject.maxPoint = item.MaximumAccount > 0 ? 'Limit' : 'Unlimit'\r\n      let startdateenddate = []\r\n      startdateenddate[0] =\r\n        item.StartDate != 0 && item.StartDate != null\r\n          ? moment(item.StartDate * 1000)\r\n          : ''\r\n      startdateenddate[1] =\r\n        item.ExpireDate != 0 && item.ExpireDate != null\r\n          ? moment(item.ExpireDate * 1000)\r\n          : ''\r\n      dataObject.data = {\r\n        name: item.Name,\r\n        description: item.Description,\r\n        referral_points: item.ReferralPoints,\r\n        user_points: item.UserPoints,\r\n        max_account: item.MaximumAccount,\r\n        joinDays: item.MinimumFriendGetFriendJoinDays,\r\n        joinDaysState: item.MinimumFriendGetFriendJoinDays > 0,\r\n        validateEarnAndRedeem: item.ValidateFriendGetFriendEarnAndRedeem,\r\n        date: startdateenddate,\r\n        updateDate:\r\n          item.UpdateDate != 0 && item.UpdateDate != null\r\n            ? moment(item.UpdateDate * 1000)\r\n            : '',\r\n        image: item.ImageUrl,\r\n        invite_message: item.InviteMessage,\r\n      }\r\n      dataObject.statsBoxData.forEach(el => {\r\n        if (el.title === 'join') el.value = item.TotalInviteCount\r\n        if (el.title === 'newuser') el.value = item.TotalInviteCount\r\n        if (el.title === 'pointspendInviter')\r\n          el.value = item.TotalReferralPoints\r\n        if (el.title === 'pointspendInvited') el.value = item.TotalUserPoints\r\n      })\r\n      return dataObject\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.history {\r\n  max-width: 1400px;\r\n  margin: 30px auto;\r\n  background-color: white;\r\n  border-radius: 5px;\r\n  font-size: 30px;\r\n  color: #212121;\r\n  padding: 20px 30px;\r\n  flex-wrap: wrap;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  gap: 14px;\r\n  .titleHeader {\r\n    display: flex;\r\n    align-items: center;\r\n    .hText {\r\n      margin-left: 24px;\r\n    }\r\n  }\r\n  .filterYear {\r\n    min-width: 120px;\r\n  }\r\n  .nextBtn {\r\n    width: 72px;\r\n    height: 56px;\r\n    border-radius: 4px;\r\n    background-color: white;\r\n    border: solid 1px #757575;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n}\r\n.historytitle {\r\n  font-size: 20px;\r\n  font-weight: 500;\r\n}\r\n.content-outer-container {\r\n  padding: 30px;\r\n  margin-bottom: 30px;\r\n}\r\n.container-fluid {\r\n  background-size: cover !important;\r\n  background-attachment: fixed;\r\n  background-position: center;\r\n}\r\n@media only screen and (max-device-width: 768px) {\r\n  .filterContainer .filterDropdown.rightDrop {\r\n    right: auto;\r\n  }\r\n}\r\n</style>\r\n<style lang=\"scss\">\r\n.history {\r\n  .ant-select-selection__choice {\r\n    height: 32px !important;\r\n  }\r\n  .ant-select-selection__choice__content {\r\n    padding-top: 4px !important;\r\n  }\r\n  .ant-select-selection__choice__remove {\r\n    top: 1px !important;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./History.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./History.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./History.vue?vue&type=template&id=cef2636a&scoped=true&\"\nimport script from \"./History.vue?vue&type=script&lang=js&\"\nexport * from \"./History.vue?vue&type=script&lang=js&\"\nimport style0 from \"./History.vue?vue&type=style&index=0&id=cef2636a&lang=scss&scoped=true&\"\nimport style1 from \"./History.vue?vue&type=style&index=1&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"cef2636a\",\n  null\n  \n)\n\nexport default component.exports","module.exports = require(\"core-js/library/fn/is-iterable\");","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./History.vue?vue&type=style&index=0&id=cef2636a&lang=scss&scoped=true&\"","require('../../modules/es6.array.is-array');\nmodule.exports = require('../../modules/_core').Array.isArray;\n"],"sourceRoot":""}