{"version":3,"sources":["webpack:///./src/views/screens/Top5.vue?b688","webpack:///src/views/screens/Top5.vue","webpack:///./src/views/screens/Top5.vue?ee0a","webpack:///./src/views/screens/Top5.vue","webpack:///./src/views/screens/Top5.vue?4161","webpack:///./src/assets/images/top/2.png","webpack:///./src/assets/images/top/1.png","webpack:///./src/assets/images/top/3.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","top","k","key","attrs","icon","_v","_s","name","money","staticRenderFns","data","socket","created","$http","get","mounted","emit","id","$route","params","on","component","module","exports"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,KAAK,CAACE,YAAY,QAAQN,EAAIO,GAAIP,EAAQ,MAAE,SAASQ,EAAIC,GAAG,OAAOL,EAAG,KAAK,CAACM,IAAID,GAAG,CAACL,EAAG,MAAM,CAACO,MAAM,CAAC,GAAK,QAAQ,CAACP,EAAG,MAAM,CAACO,MAAM,CAAC,IAAMX,EAAIY,KAAKH,GAAG,MAAQ,YAAYL,EAAG,MAAM,CAACO,MAAM,CAAC,GAAK,SAAS,CAACX,EAAIa,GAAGb,EAAIc,GAAGN,EAAIO,SAASX,EAAG,MAAM,CAACO,MAAM,CAAC,GAAK,UAAU,CAACX,EAAIa,GAAGb,EAAIc,GAAGN,EAAIQ,eAAc,MAC1aC,EAAkB,G,qBCiBtB,GACEC,KADF,WAEI,MAAO,CACLC,OAAQ,GACRD,KAAM,GACNN,KAAM,CAEN,EAAN,QAEM,EAAN,QAEM,EAAN,WAIEQ,QAfF,WAeA,WACInB,KAAKkB,OAAS,IAAlB,oCACIlB,KAAKoB,MAAMC,IAAI,kBAAnB,8DACM,EAAN,eAEA,kBACM,EAAN,cAAQ,KAAR,kBAGEC,QAxBF,WAwBA,WACItB,KAAKkB,OAAOK,KAAK,YAAa,CAC5BC,GAAIxB,KAAKyB,OAAOC,OAAOF,KAGzBxB,KAAKkB,OAAOS,GAAG,eAAe,SAAlC,GACM,EAAN,iBChD6V,I,wBCQzVC,EAAY,eACd,EACA9B,EACAkB,GACA,EACA,KACA,KACA,MAIa,aAAAY,E,oECnBf,W,qBCAAC,EAAOC,QAAU,IAA0B,sB,qBCA3CD,EAAOC,QAAU,IAA0B,sB,qBCA3CD,EAAOC,QAAU,IAA0B","file":"js/chunk-3388bb70.a34a9ef5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"background\"},[_c('ul',{staticClass:\"list\"},_vm._l((_vm.data),function(top,k){return _c('li',{key:k},[_c('div',{attrs:{\"id\":\"img\"}},[_c('img',{attrs:{\"src\":_vm.icon[k],\"width\":\"30px\"}})]),_c('div',{attrs:{\"id\":\"name\"}},[_vm._v(_vm._s(top.name))]),_c('div',{attrs:{\"id\":\"money\"}},[_vm._v(_vm._s(top.money))])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"background\">\n    <ul class=\"list\">\n      <li\n        v-for=\"(top, k) in data\"\n        :key=\"k\"\n      >\n      <div id=\"img\"><img :src=\"icon[k]\" width=\"30px\" /></div>\n      <div id=\"name\">{{ top.name }}</div>\n      <div id=\"money\">{{ top.money }}</div>\n    </li>\n    </ul>\n  </div>\n</template>\n<script>\n\nimport io from 'socket.io-client'\n\nexport default {\n  data() {\n    return {\n      socket: {},\n      data: [],\n      icon: [\n        // eslint-disable-next-line global-require\n        require('@/assets/images/top/1.png'),\n        // eslint-disable-next-line global-require\n        require('@/assets/images/top/2.png'),\n        // eslint-disable-next-line global-require\n        require('@/assets/images/top/3.png'),\n      ],\n    }\n  },\n  created() {\n    this.socket = io(process.env.VUE_APP_SOCKET_SERVE)\n    this.$http.get(`/widgets/token/${this.$route.params.id}`).then(({ data }) => {\n      this.data = data.json\n    })\n      .catch(() => {\n        this.$router.push({ name: 'error-404' })\n      })\n  },\n  mounted() {\n    this.socket.emit('join room', {\n      id: this.$route.params.id,\n    })\n\n    this.socket.on('new_comment', data => {\n      this.data = data.data\n    })\n  },\n}\n</script>\n<style>\nhtml[dir] body{\n  background: none !important;\n}\n.list {\n  margin-top: 100px;\n  margin-left: 100px;\n  display: inline-grid;\n}\n\n.list li:first-child{\n  margin-left: -10px;\n  padding-bottom: 5px !important;\n  padding-top: 5px !important;\n}\n\n.list li:first-child div#img img{\n  height: 35px;\n  width: 35px;\n}\n\n.list li:first-child div#name{\n  font-size: 25px;\n  padding-top: 2px !important;\n}\n\n.list li:first-child div#money{\n  font-size: 22px;\n}\n.list li{\n  list-style: none;\n  background: linear-gradient(rgb(157, 255, 0), pink);\n  border-bottom-style: solid;\n  border-bottom-width: thin;\n  padding: 2px;\n  border-left-style: solid;\n  display: inline;\n}\n\n.list li div#name{\n  text-overflow: ellipsis;\n  overflow:hidden;\n  white-space:nowrap;\n  max-width: 300px;\n  min-width: 200px;\n  font-size: 22px;\n  font-weight: bold;\n  float: left;\n  padding-left: 5px;\n}\n.list li div#money{\n  float: right;\n  padding-left: 5px;\n  font-weight: bold;\n  color: rgb(98, 0, 255);\n}\n\n.list li div#img{\n  float: left;\n}\n\n</style>\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!./Top5.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!./Top5.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Top5.vue?vue&type=template&id=5a631f62&\"\nimport script from \"./Top5.vue?vue&type=script&lang=js&\"\nexport * from \"./Top5.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Top5.vue?vue&type=style&index=0&lang=css&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Top5.vue?vue&type=style&index=0&lang=css&\"","module.exports = __webpack_public_path__ + \"img/2.a7014d00.png\";","module.exports = __webpack_public_path__ + \"img/1.be7cbda4.png\";","module.exports = __webpack_public_path__ + \"img/3.20fe68b3.png\";"],"sourceRoot":""}