{"version":3,"sources":["webpack:///./src/components/common/Navbar.vue?55a8","webpack:///./src/components/common/Navbar.vue?9a52","webpack:///src/components/common/Navbar.vue","webpack:///./src/components/common/Navbar.vue?4c8f","webpack:///./src/components/common/Navbar.vue","webpack:///./src/views/LoveWheal.vue?bf93","webpack:///src/views/LoveWheal.vue","webpack:///./src/views/LoveWheal.vue?807a","webpack:///./src/views/LoveWheal.vue","webpack:///./src/views/LoveWheal.vue?493d","webpack:///./src/components/Home/Sidbar.vue?e6a1","webpack:///src/components/Home/Sidbar.vue","webpack:///./src/components/Home/Sidbar.vue?9009","webpack:///./src/components/Home/Sidbar.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","isLogin","newMsg","_s","_e","rolename","scopedSlots","_u","key","fn","memberImg","name","proxy","on","$event","preventDefault","memberCTR","logout","staticRenderFns","components","SideBar","data","userId","methods","getUser","vm","$store","state","tokenModule","isAuthorize","$axios","url","method","$router","push","window","localStorage","clear","dispatch","created","$bus","$on","msg","component","metchUser","domProps","matchimgLink","startChat","staticStyle","_m","user","ownerRank","age","gender","imgLink","email","self","matchedName","matchedUserId","chatData","friendId","sendMsgJson","UserName","UserMessage","connectList","hubConnection","connectHub","AddOnlineInList","console","log","ConnectionId","sendMsgToHub","send","then","getConnectionId","invoke","UserId","$swal","title","text","type","showCancelButton","confirmButtonText","cancelButtonText","result","value","chatUrl","mounted","location","reload","carousel","toggleClass","_l","thread","index","forumId","goToThread","routeName","forumid","forumName","threads","beforeRouteUpdate"],"mappings":"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","file":"js/chunk-5336fd54.ad4ce778.js","sourcesContent":["import mod 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/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Navbar.vue?vue&type=style&index=0&id=009937ad&lang=scss&scoped=true&\"; export default mod; 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/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Navbar.vue?vue&type=style&index=0&id=009937ad&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-nav\"},[_c('b-navbar',{staticClass:\"d-flex align-items-center\",attrs:{\"toggleable\":\"lg\",\"type\":\"dark\",\"variant\":\"dark\"}},[_c('router-link',{staticClass:\"title mx-5 my-2 text-white\",attrs:{\"to\":\"/\"}},[_vm._v(\"Xforum\")]),_c('b-navbar-toggle',{attrs:{\"target\":\"nav-collapse\"}}),_c('b-collapse',{attrs:{\"id\":\"nav-collapse\",\"is-nav\":\"\"}},[_c('b-navbar-nav',{staticClass:\"ml-auto\"},[_c('b-nav-item',{staticClass:\"sidebarGroup\"},[_c('SideBar')],1),(_vm.isLogin && _vm.newMsg)?_c('b-nav-item',{staticClass:\"pl-4\"},[_c('b-button',{attrs:{\"id\":\"popover-button-sync\",\"variant\":\"info\"}},[_vm._v(\"通知\")]),_c('b-popover',{attrs:{\"target\":\"popover-button-sync\",\"title\":\"通知\"}},[_vm._v(\" \"+_vm._s(_vm.newMsg)+\" \")]),_c('b-popover',{attrs:{\"show\":\"\",\"target\":\"popover-button-open\",\"title\":\"通知\"}})],1):_vm._e(),(_vm.isLogin && _vm.rolename == '管理者')?_c('b-nav-item',{staticClass:\"pl-4\",attrs:{\"to\":\"/VerifyThreadManagerPage\"}},[_c('font-awesome-icon',{attrs:{\"icon\":\"clipboard-check\"}})],1):_vm._e(),(_vm.isLogin && _vm.rolename == '版主')?_c('b-nav-item',{staticClass:\"pl-4\",attrs:{\"to\":\"/VerifyThreadModPage\"}},[_c('font-awesome-icon',{attrs:{\"icon\":\"clipboard-check\"}})],1):_vm._e(),(_vm.isLogin)?_c('b-nav-item',{staticClass:\"pl-4\",attrs:{\"to\":\"/Rank\"}},[_c('font-awesome-icon',{attrs:{\"icon\":\"crown\"}})],1):_vm._e(),((_vm.isLogin && _vm.rolename == '版主') || _vm.rolename == '管理者')?_c('b-nav-item',{staticClass:\"pl-4\",attrs:{\"to\":\"/CreateThread\"}},[_c('font-awesome-icon',{attrs:{\"icon\":\"bookmark\"}})],1):_vm._e(),(_vm.isLogin)?_c('b-nav-item',{staticClass:\"pl-4\",attrs:{\"to\":\"/Post\"}},[_c('font-awesome-icon',{attrs:{\"icon\":\"pen\"}})],1):_c('b-nav-item',{staticClass:\"pl-4\",attrs:{\"to\":\"/Login\"}},[_c('font-awesome-icon',{attrs:{\"icon\":\"pen\"}})],1),(_vm.isLogin)?_c('b-nav-item',{staticClass:\"pl-4\",attrs:{\"to\":\"/LoveWheal\"}},[_c('font-awesome-icon',{attrs:{\"icon\":\"heart\"}})],1):_vm._e(),_c('b-nav-item-dropdown',{staticClass:\"pl-4\",attrs:{\"no-caret\":\"\",\"right\":\"\"},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [(!_vm.isLogin)?_c('font-awesome-icon',{attrs:{\"icon\":\"user\",\"size\":\"lg\"}}):_c('a',{staticClass:\"member-icon\"},[_c('img',{attrs:{\"src\":_vm.memberImg}})]),_c('span',{staticClass:\"px-2\"},[_vm._v(_vm._s(_vm.name))])]},proxy:true}])},[(!_vm.isLogin)?_c('b-dropdown-item',{attrs:{\"to\":\"/register\"}},[_vm._v(\"註冊\")]):_vm._e(),(!_vm.isLogin)?_c('b-dropdown-item',{attrs:{\"to\":\"/login\"}},[_vm._v(\"登入\")]):_vm._e(),(_vm.isLogin)?_c('b-dropdown-item',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){$event.preventDefault();return _vm.memberCTR($event)}}},[_vm._v(\"會員中心\")]):_vm._e(),(_vm.isLogin)?_c('b-dropdown-item',{on:{\"click\":function($event){$event.preventDefault();return _vm.logout($event)}}},[_vm._v(\"登出\")]):_vm._e()],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"main-nav\">\r\n    <b-navbar toggleable=\"lg\" type=\"dark\" variant=\"dark\" class=\"d-flex align-items-center\">\r\n      <router-link class=\"title mx-5 my-2 text-white\" to=\"/\">Xforum</router-link>\r\n      <!-- <b-navbar-brand href=\"#\">Xforum</b-navbar-brand> -->\r\n\r\n      <b-navbar-toggle target=\"nav-collapse\"></b-navbar-toggle>\r\n\r\n      <b-collapse id=\"nav-collapse\" is-nav>\r\n        <b-navbar-nav class=\"ml-auto\">\r\n          <b-nav-item class=\"sidebarGroup\">\r\n            <SideBar />\r\n          </b-nav-item>\r\n\r\n          <b-nav-item class=\"pl-4\" v-if=\"isLogin && newMsg\">\r\n            <b-button id=\"popover-button-sync\" variant=\"info\">通知</b-button>\r\n            <b-popover target=\"popover-button-sync\" title=\"通知\">\r\n              {{ newMsg }}\r\n            </b-popover>\r\n\r\n            <b-popover show target=\"popover-button-open\" title=\"通知\">\r\n            </b-popover>\r\n          </b-nav-item>\r\n          <b-nav-item class=\"pl-4\" v-if=\"isLogin && rolename == '管理者'\" to=\"/VerifyThreadManagerPage\">\r\n            <font-awesome-icon icon=\"clipboard-check\" />\r\n          </b-nav-item>\r\n          <b-nav-item class=\"pl-4\" v-if=\"isLogin && rolename == '版主'\" to=\"/VerifyThreadModPage\">\r\n            <font-awesome-icon icon=\"clipboard-check\" />\r\n          </b-nav-item>\r\n          <b-nav-item class=\"pl-4\" v-if=\"isLogin\" to=\"/Rank\">\r\n            <font-awesome-icon icon=\"crown\" />\r\n          </b-nav-item>\r\n          <b-nav-item class=\"pl-4\" v-if=\"(isLogin && rolename == '版主') || rolename == '管理者'\" to=\"/CreateThread\">\r\n            <font-awesome-icon icon=\"bookmark\" />\r\n          </b-nav-item>\r\n          <b-nav-item class=\"pl-4\" v-if=\"isLogin\" to=\"/Post\">\r\n            <font-awesome-icon icon=\"pen\" />\r\n          </b-nav-item>\r\n          <b-nav-item class=\"pl-4\" v-else to=\"/Login\">\r\n            <font-awesome-icon icon=\"pen\" />\r\n          </b-nav-item>\r\n          <b-nav-item class=\"pl-4\" v-if=\"isLogin\" to=\"/LoveWheal\">\r\n            <font-awesome-icon icon=\"heart\" />\r\n          </b-nav-item>\r\n          <!-- <router-link class=\"mx-5 my-2\" to=\"/post\">Po文!</router-link> -->\r\n          <b-nav-item-dropdown class=\"pl-4\" no-caret right>\r\n            <!-- Using 'button-content' slot -->\r\n            <template v-slot:button-content>\r\n              <font-awesome-icon icon=\"user\" size=\"lg\" v-if=\"!isLogin\" />\r\n              <a class=\"member-icon\" v-else>\r\n                <img :src=\"memberImg\" />\r\n              </a>\r\n              <span class=\"px-2\">{{ name }}</span>\r\n            </template>\r\n\r\n            <b-dropdown-item to=\"/register\" v-if=\"!isLogin\">註冊</b-dropdown-item>\r\n            <b-dropdown-item to=\"/login\" v-if=\"!isLogin\">登入</b-dropdown-item>\r\n            <b-dropdown-item v-if=\"isLogin\" href=\"javascript:;\" @click.prevent=\"memberCTR\">會員中心</b-dropdown-item>\r\n            <b-dropdown-item v-if=\"isLogin\" @click.prevent=\"logout\">登出</b-dropdown-item>\r\n          </b-nav-item-dropdown>\r\n        </b-navbar-nav>\r\n      </b-collapse>\r\n    </b-navbar>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// import * as signalR from \"@aspnet/signalr\";\r\nimport SideBar from \"../Home/Sidbar\";\r\nexport default {\r\n  components: {\r\n    SideBar,\r\n  },\r\n  data () {\r\n    return {\r\n      name: \"訪客\",\r\n      isLogin: false,\r\n      userId: \"\",\r\n      memberImg: \"\",\r\n      rolename: \"\",\r\n      newMsg: \"\",\r\n    };\r\n  },\r\n  methods: {\r\n    getUser () {\r\n      let vm = this;\r\n      let url = process.env.VUE_APP_API + \"/api/Users/GetSingleMember\";\r\n      if (!vm.isLogin && vm.$store.state.tokenModule.isAuthorize) {\r\n        vm.$axios({\r\n          url: url,\r\n          method: \"GET\",\r\n        })\r\n          .then((res) => {\r\n            vm.name = res.data.data.name;\r\n            vm.rolename = res.data.data.roleName;\r\n            vm.memberImg = res.data.data.imgLink;\r\n            vm.userId = res.data.data.userId;\r\n            vm.isLogin = true;\r\n            this.$bus.$emit(\"getUserId\", vm.userId);\r\n          }).catch((err) => {\r\n            console.log(err);\r\n            vm.isLogin = false;\r\n          })\r\n      }\r\n    },\r\n    memberCTR () {\r\n      const vm = this;\r\n      vm.$router.push(`/MemberCenter`);\r\n    },\r\n    logout () {\r\n      let vm = this;\r\n      window.localStorage.clear();\r\n      vm.$store.dispatch(\"clearAuth\");\r\n      vm.isLogin = false;\r\n      vm.name = \"訪客\";\r\n      vm.rolename = \"\";\r\n      vm.$router.push(\"/Login\");\r\n    },\r\n  },\r\n  created () {\r\n    let vm = this;\r\n    vm.getUser();\r\n    vm.$bus.$on(\"getNewMsg\", (msg) => {\r\n      vm.newMsg = msg;\r\n    });\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  /deep/ .list-group .list-group-item {\r\n    background-color: #343a40;\r\n    border: 0;\r\n    span.text-primary {\r\n      color: rgba(255, 255, 255, 0.5) !important;\r\n    }\r\n  }\r\n  /deep/.member-icon {\r\n    display: inline-block;\r\n    width: 25px;\r\n    height: 25px;\r\n    border-radius: 50%;\r\n    > img {\r\n      width: 100%;\r\n      height: 100%;\r\n      border-radius: 50%;\r\n    }\r\n  }\r\n  @media screen and (min-width: 996px) {\r\n    .sidebarGroup {\r\n      display: none;\r\n    }\r\n    :focus {\r\n      outline: 0px;\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./Navbar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./Navbar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Navbar.vue?vue&type=template&id=009937ad&scoped=true&\"\nimport script from \"./Navbar.vue?vue&type=script&lang=js&\"\nexport * from \"./Navbar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Navbar.vue?vue&type=style&index=0&id=009937ad&lang=scss&scoped=true&\"\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  \"009937ad\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Navbar'),_c('div',[_c('div',{staticClass:\"d-flex justify-content-center align-items-center mt-5\"},[_c('h2',{staticClass:\"wantText mx-5\"},[_vm._v(\"想要與此陌生人配對嗎.....\")]),(_vm.metchUser.matchimgLink)?_c('div',{staticClass:\"mx-5\"},[_c('h1',{staticClass:\"inputMatch\",domProps:{\"textContent\":_vm._s((\"『\" + (_vm.metchUser.matchedName) + \"』\"))}})]):_vm._e(),(_vm.metchUser.matchimgLink)?_c('div',[_c('img',{staticClass:\"matchImg\",attrs:{\"src\":_vm.metchUser.matchimgLink,\"width\":\"100px\",\"height\":\"100px\"}})]):_vm._e(),_c('div',{staticClass:\"ground\"}),_c('div',{staticClass:\"button\",attrs:{\"id\":\"chat-button\"},on:{\"click\":_vm.startChat}},[_vm._v(\"加入好友\")])]),_c('svg',{staticStyle:{\"opacity\":\"0\",\"height\":\"0\"}},[_c('path',{attrs:{\"id\":\"twitter-icon\",\"d\":\"M6.28 3c3.236.001 4.973 3.491 5.72 5.031.75-1.547 2.469-5.021 5.726-5.021 2.058 0 4.274 1.309 4.274 4.182 0 3.442-4.744 7.851-10 13-5.258-5.151-10-9.559-10-13 0-2.676 1.965-4.193 4.28-4.192zm.001-2c-3.183 0-6.281 2.187-6.281 6.192 0 4.661 5.57 9.427 12 15.808 6.43-6.381 12-11.147 12-15.808 0-4.011-3.097-6.182-6.274-6.182-2.204 0-4.446 1.042-5.726 3.238-1.285-2.206-3.522-3.248-5.719-3.248z\"}},[_c('g',{attrs:{\"id\":\"myspace-icon\"}},[_c('path',{attrs:{\"d\":\"M23.156,10.582c2.893,0,5.239-2.371,5.239-5.291C28.396,2.368,26.049,0,23.156,0c-2.895,0-5.239,2.368-5.239,5.291C17.917,8.211,20.262,10.582,23.156,10.582z M23.156,12c-2.483,0-4.626,1.449-5.661,3.553c-0.013-2.544-2.058-4.603-4.58-4.603c-1.748,0-3.267,0.988-4.038,2.44v-0.925c0-1.771-1.424-3.21-3.179-3.21c-1.756,0-3.179,1.438-3.179,3.21v6.841h5.814v6.128h8.497V32H29.48V18.387C29.48,14.86,26.648,12,23.156,12z M5.698,8.543c1.454,0,2.632-1.189,2.632-2.658S7.152,3.227,5.698,3.227S3.064,4.416,3.064,5.885S4.244,8.543,5.698,8.543z M12.914,9.922c2.097,0,3.796-1.716,3.796-3.831c0-2.117-1.699-3.833-3.796-3.833c-2.095,0-3.794,1.716-3.794,3.833C9.12,8.206,10.819,9.922,12.914,9.922z\"}})]),_c('g',{attrs:{\"id\":\"quora-icon\"}},[_c('path',{attrs:{\"d\":\"M2.178 11h-1.178v-2c.488-.001.784-.278.862-.665.637-2.461 3.164-8.335 10-8.335 6.888 0 9.484 6.135 10.294 8.413.15.421.459.584.844.584l.001 2.003h-1.18c.575.459 1.179 1.36 1.179 3.131 0 1.63-.904 3.686-2.877 4.531-2.153 3.445-5.027 5.338-8.123 5.338-3.096 0-5.97-1.893-8.123-5.338-1.974-.845-2.877-2.901-2.877-4.531 0-1.771.603-2.672 1.178-3.131zm12.022 7.459h-4.4c.004.012.626 1.74 2.2 1.74 1.634 0 2.196-1.728 2.2-1.74zm4.517-7.459h-13.435l-.013.515c0 .668-.682 1.114-1.288.844-.169-.075-.43-.073-.617.049-.917.601-.818 3.864 1.425 4.629.916.313 2.364 3.103 3.93.398.542-.934 2.251-1.039 3.281-.297 1.029-.742 2.739-.637 3.28.297 1.566 2.705 3.014-.085 3.931-.398 2.244-.765 2.341-4.028 1.424-4.629-.215-.14-.487-.106-.616-.049-.606.271-1.289-.176-1.289-.844l-.013-.515zm-9.696.996c-.634 0-1.146.62-1.146 1.385s.512 1.385 1.146 1.385c.632 0 1.146-.62 1.146-1.385s-.514-1.385-1.146-1.385zm7.104 1.385c0 .765-.513 1.385-1.146 1.385-.633 0-1.146-.62-1.146-1.385s.513-1.385 1.146-1.385c.633 0 1.146.62 1.146 1.385zm-5.125-11.338c-.735.075-1.4.244-2 .483v3.474c0 .552-.448 1-1 1s-1-.448-1-1v-2.269c-2.153 1.817-2.985 4.513-3.19 5.269h16.395c-.333-1.006-1.189-3.46-3.205-5.177v2.177c0 .552-.448 1-1 1s-1-.448-1-1v-3.406c-.599-.248-1.264-.431-2-.524v2.93c0 .552-.448 1-1 1s-1-.448-1-1v-2.957z\"}})]),_c('g',{attrs:{\"id\":\"blogging-icon\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M18.028 24h-.018c-.268 0-.49-.213-.499-.483-.05-1.462.19-2.847 2.265-3.08.795-.089.858-.367.996-.977.229-1.008.607-1.922 2.701-2.032.285-.02.512.197.526.473.014.276-.197.512-.473.526-1.512.079-1.618.547-1.778 1.254-.152.667-.359 1.581-1.861 1.751-1.016.113-1.432.423-1.377 2.051.01.276-.207.507-.482.517zm-8.342-18.714c.241.213.53.366.842.444l3.566.896c.3.076.617.051.903-.07 1.082-.461 3.862-1.684 5.062-2.155.76-.299 1.268.63.655 1.097-1.39 1.062-5.714 4.086-5.714 4.086l-.862 3.648s1.785 1.86 2.544 2.7c.423.469.696.919.421 1.595-.481 1.181-1.457 3.477-1.908 4.547-.255.605-1.164.453-1.015-.322.217-1.128.781-4.016.781-4.016l-3.558-1.62s-.253 5.953-.327 7.296c-.019.341-.253.589-.582.588-.249-.001-.508-.173-.612-.596-.534-2.178-2.142-8.99-2.142-8.99-.209-.837-.329-1.53-.053-2.564l.915-3.85s-2.726-3.984-3.709-5.476c-.402-.611.356-1.18.808-.78l3.985 3.542zm-7.178 8.489l-.853.511 2.708 4.524c-1.788.306-2.917 1.904-2.048 3.356.537.897 1.753 1.106 2.622.586 1.034-.619 1.774-1.952.979-3.284l-3.408-5.693zm17.721-5.193l.904 1.669 1.867.344-1.308 1.376.249 1.882-1.712-.819-1.713.819.25-1.882-1.309-1.376 1.867-.344.905-1.669zm-17.298-2.935l-2.934 2.935 2.934 2.935 2.935-2.935-2.935-2.935zm9.055-5.398c1.36-.626 2.972-.03 3.597 1.33.626 1.36.03 2.972-1.33 3.598-1.36.625-2.972.029-3.598-1.331-.625-1.36-.029-2.972 1.331-3.597z\"}})]),_c('g',{attrs:{\"id\":\"youtube-icon\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M20.5 12.5c0 .828-.56 1.5-1.25 1.5s-1.25-.672-1.25-1.5.56-1.5 1.25-1.5 1.25.672 1.25 1.5zm-7.75-1.5c-.69 0-1.25.672-1.25 1.5s.56 1.5 1.25 1.5 1.25-.672 1.25-1.5-.56-1.5-1.25-1.5zm3.25 8.354c2.235 0 3-2.354 3-2.354h-6s.847 2.354 3 2.354zm12-5.803c0 1.925-.896 4.738-3.317 5.188-1.959 3.492-4.877 5.261-8.683 5.261s-6.724-1.769-8.683-5.26c-2.421-.451-3.317-3.263-3.317-5.189 0-2.147.809-4.093 2.843-4.223.453-5.099 3.946-8.328 9.157-8.328s8.704 3.229 9.157 8.329c2.036.129 2.843 2.073 2.843 4.222zm-2.631-2.116c-.272-.178-.615-.104-.756-.041-.661.293-1.406-.191-1.406-.914 0-1.344-.315-5.007-3.46-6.654 1.304 1.354 1.753 3.792 1.753 5.174h-12.591999999999999c-.09.601-.115 1.124-.115 1.48 0 .723-.745 1.207-1.406.914-.142-.063-.484-.137-.756.041-1.102.716-.798 5.326 1.337 5.367.367.007.702.216.87.543 2.391 4.655 5.981 4.655 7.162 4.655s4.771 0 7.162-4.655c.168-.328.503-.536.87-.543 2.134-.042 2.44-4.651 1.337-5.367zm-.619-6.748c3.797-1.093.375 7.346 7.25 7.313-2.266-1.469-.893-5.476-1.5-8.166-.518-2.293-2.328-2.834-3.5-2.834-1.875 0-3.106 1.106-3.603 1.922.544.478 1.014 1.224 1.353 1.765zm-16.147-1.765c-.497-.816-1.728-1.922-3.603-1.922-1.172 0-2.982.541-3.5 2.834-.607 2.69.766 6.697-1.5 8.166 6.875.033 3.453-8.406 7.25-7.313.339-.541.809-1.287 1.353-1.765z\"}})]),_c('g',{attrs:{\"id\":\"facebook-icon\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M2.178 11h-1.178v-2.209c.468 0 .774-.474.944-.997.587-1.803 1.59-4.513 4.056-6.212v3.418c0 .552.448 1 1 1s1-.448 1-1v-4.437c.868-.309 1.861-.516 3-.585v3.022c0 .552.448 1 1 1s1-.448 1-1v-3c1.134.094 2.128.327 3 .661v4.339c0 .552.448 1 1 1s1-.448 1-1v-3.269c2.391 1.7 3.463 4.304 4.057 6.063.175.52.475.997.943.997v2.209h-1.179c.575.459 1.179 1.36 1.179 3.131 0 1.63-.904 3.686-2.877 4.531-2.153 3.445-5.027 5.338-8.123 5.338-3.096 0-5.97-1.893-8.124-5.338-1.973-.845-2.876-2.901-2.876-4.531 0-1.771.603-2.672 1.178-3.131zm12.022 7.459h-4.4c.004.012.626 1.74 2.2 1.74 1.634 0 2.196-1.728 2.2-1.74zm4.517-7.459h-13.435l-.013.515c0 .668-.682 1.114-1.288.844-.169-.075-.43-.073-.617.049-.917.601-.819 3.864 1.425 4.629.916.313 2.364 3.103 3.93.398.542-.934 2.251-1.039 3.281-.297 1.029-.742 2.739-.637 3.28.297 1.566 2.705 3.014-.085 3.93-.398 2.244-.765 2.342-4.028 1.425-4.629-.215-.14-.487-.106-.616-.049-.606.271-1.289-.176-1.289-.844l-.013-.515zm-9.696.996c-.634 0-1.146.62-1.146 1.385s.512 1.385 1.146 1.385c.632 0 1.146-.62 1.146-1.385s-.514-1.385-1.146-1.385zm7.104 1.385c0 .765-.513 1.385-1.146 1.385-.633 0-1.146-.62-1.146-1.385s.513-1.385 1.146-1.385c.633 0 1.146.62 1.146 1.385z\"}})]),_c('g',{attrs:{\"id\":\"foursquare-icon\"}},[_c('path',{attrs:{\"d\":\"M8.816 1.321c.815-.816 1.941-1.321 3.184-1.321 1.251 0 2.384.512 3.2 1.338 4.056.308 5.687 1.739 7.382 8.486.664.463 1.418 1.436 1.418 3.489 0 1.765-.986 3.991-3.139 4.906-2.348 3.731-5.484 5.781-8.861 5.781-3.377 0-6.513-2.05-8.862-5.781-2.153-.915-3.138-3.141-3.138-4.906 0-2.053.753-3.026 1.417-3.489 1.732-6.779 3.38-8.213 7.399-8.503zm5.584 16.679h-4.8c.004.012.682 1.884 2.4 1.884 1.782 0 2.396-1.872 2.4-1.884zm5.235-11h-3.894c-.807 1.206-2.182 2-3.741 2-1.559 0-2.934-.794-3.741-2h-3.923c-.222.631-.412 1.304-.58 2-.179.746.964.954.917 1.733-.044.722-.76.953-1.421.661-.184-.082-.469-.079-.673.053-1 .651-.893 4.184 1.554 5.012 1 .339 2.579 3.361 4.288.432.591-1.012 2.455-1.126 3.579-.322 1.123-.804 2.988-.69 3.578.322 1.709 2.929 3.288-.093 4.288-.432 2.448-.828 2.554-4.361 1.554-5.012-.235-.152-.531-.115-.672-.053-.661.293-1.36.094-1.374-.629-.016-.818 1.114-.871.89-1.765-.168-.669-.389-1.356-.629-2zm-3.885 2c-1.124 0-2.094.629-2.607 1.546-.373-.116-.744-.174-1.143-.174s-.77.058-1.143.174c-.513-.917-1.483-1.546-2.607-1.546-1.654 0-3 1.346-3 3s1.346 3 3 3c1.231 0 2.285-.748 2.747-1.811.245-.566.394-1.301 1.003-1.301.609 0 .758.735 1.003 1.301.462 1.063 1.516 1.811 2.747 1.811 1.654 0 3-1.346 3-3s-1.346-3-3-3zm0 4.5c-.828 0-1.5-.672-1.5-1.5s.672-1.5 1.5-1.5 1.5.672 1.5 1.5-.672 1.5-1.5 1.5zm-7.5 0c-.828 0-1.5-.672-1.5-1.5s.672-1.5 1.5-1.5 1.5.672 1.5 1.5-.672 1.5-1.5 1.5zm3.75-11.5c1.38 0 2.5 1.12 2.5 2.5s-1.12 2.5-2.5 2.5-2.5-1.12-2.5-2.5 1.12-2.5 2.5-2.5z\"}})]),_c('g',{attrs:{\"id\":\"google-plus-icon\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M17.5 12.5c0 .828-.56 1.5-1.25 1.5s-1.25-.672-1.25-1.5.56-1.5 1.25-1.5 1.25.672 1.25 1.5zm-7.75-1.5c-.69 0-1.25.672-1.25 1.5s.56 1.5 1.25 1.5 1.25-.672 1.25-1.5-.56-1.5-1.25-1.5zm3.25 8.354c2.235 0 3-2.354 3-2.354h-6s.847 2.354 3 2.354zm13-6.75c0 2.865-.791 5.778-1.933 8.243-.542 1.169-1.163 2.238-1.817 3.153l-3.796-1.917c-1.556 1.187-3.37 1.917-5.454 1.917-1.993 0-3.825-.749-5.408-1.941l-3.842 1.941c-.654-.915-1.275-1.984-1.817-3.153-1.142-2.465-1.933-5.378-1.933-8.243 0-7.59 5.281-12.604 13-12.604s13 5.014 13 12.604zm-5.669 4.285c.123-.202.313-.354.536-.43 2.106-.713 2.57-3.529 1.802-4.746-6.576-.39-10.89-3.363-12.669-6.322-2.257 5.063-5.078 6.628-6.863 6.795-.482 1.714.322 3.706 1.996 4.273.224.076.413.228.536.43 1.708 2.83 4.015 5.111 7.331 5.111 3.318 0 5.624-2.284 7.331-5.111z\"}})]),_c('g',{attrs:{\"id\":\"linkedin-icon\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M21.292 9.349c-.43-4.813-3.604-9.349-9.292-9.349s-8.862 4.536-9.292 9.349c-1.859.165-2.708 1.921-2.708 3.964 0 1.755.975 3.967 3.104 4.891 2.935 5.371 7.534 5.796 8.896 5.796s5.961-.425 8.896-5.796c2.129-.925 3.104-3.136 3.104-4.891 0-2.019-.841-3.798-2.708-3.964zm-1.425 7.11c-.246.083-.45.259-.569.491-2.406 4.686-6.194 5.05-7.298 5.05s-4.892-.364-7.298-5.05c-.119-.231-.323-.407-.569-.491-2.448-.829-2.553-4.364-1.553-5.012.206-.133.49-.134.671-.053.66.292 1.406-.189 1.406-.914l.02-.566c1.803-.406 4.331-2.774 4.964-4.039-.069.852-.891 3.254-2.076 4.063 2.748 0 6.25-2.507 7.685-4.828.088 2.081 2.114 4.016 4.035 4.311.034.354.058.707.058 1.059 0 .723.745 1.207 1.406.914.141-.063.435-.1.671.053 1 .648.895 4.183-1.553 5.012zm-3.367-3.959c0 .828-.56 1.5-1.25 1.5s-1.25-.672-1.25-1.5.56-1.5 1.25-1.5 1.25.672 1.25 1.5zm-7.75 1.5c-.69 0-1.25-.672-1.25-1.5s.56-1.5 1.25-1.5 1.25.672 1.25 1.5-.56 1.5-1.25 1.5zm.25 3h6s-.765 2.354-3 2.354c-2.153 0-3-2.354-3-2.354zm20 0c-2.781.797-3.717-1.06-4-4-.496-5.152-.973-8.926-4.051-8.255-.378-.844-.84-1.683-1.588-2.477.873-1.127 2.533-2.268 4.431-2.268 7.316 0 3.77 11.491 3.77 14 0 1.5.294 2.323 1.438 3z\"}})])])]),_c('div',{staticClass:\"ferris-wheel is-open\",attrs:{\"id\":\"js-ferris-wheel\"}},[_c('svg',{staticClass:\"ferris-wheel--script-path\",attrs:{\"width\":\"731px\",\"height\":\"560px\",\"viewbox\":\"0 0 731 560\"}},[_c('defs',[_c('path',{attrs:{\"id\":\"ferris-script\",\"fill\":\"none\",\"stroke\":\"#E30613\",\"stroke-width\":\"2\",\"stroke-miterlimit\":\"10\",\"d\":\"M-522.865,1384.396L57.03,347.583c0,0,67.789-114.568,90.385-152.757l0,0C187.87,123.386,264.57,75.175,352.53,75.175c130.094,0,235.555,105.461,235.555,235.556c0,105.606-69.498,194.983-165.256,224.886L-721.942,922.059\"}})]),_c('text',[_c('textPath',{attrs:{\"id\":\"js-ferris-text\",\"xlink:href\":\"#ferris-script\",\"startOffset\":\"0\"}},[_vm._v(\"data harvested from 60+ social networks\")])])]),_c('div',{staticClass:\"ferris-wheel--core\"},[_c('div',{staticClass:\"cabin n-0 n-facebook\",attrs:{\"id\":\"\"}},[_c('div',{staticClass:\"cabin--handle\"}),_c('div',{staticClass:\"cabin--core\"},[_c('div',{staticClass:\"cabin--core2\"},[_c('div',{staticClass:\"icon\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 25 39\"}},[_c('use',{attrs:{\"xlink:href\":\"#facebook-icon\"}})])]),_c('div',{staticClass:\"cabin--base\"}),_c('div',{staticClass:\"human human-0\",attrs:{\"id\":\"\"}}),_c('div',{staticClass:\"human human-1\",attrs:{\"id\":\"\"}}),_c('div',{staticClass:\"human human-2\",attrs:{\"id\":\"\"}})])])]),_c('div',{staticClass:\"cabin n-1 n-linkedin\",attrs:{\"id\":\"\"}},[_c('div',{staticClass:\"cabin--handle\"}),_c('div',{staticClass:\"cabin--core\"},[_c('div',{staticClass:\"cabin--core2\"},[_c('div',{staticClass:\"icon\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 25 39\"}},[_c('use',{attrs:{\"xlink:href\":\"#linkedin-icon\"}})])]),_c('div',{staticClass:\"cabin--base\"}),_c('div',{staticClass:\"human human-0\",attrs:{\"id\":\"\"}}),_c('div',{staticClass:\"human human-1\",attrs:{\"id\":\"\"}})])])]),_c('div',{staticClass:\"cabin n-2 n-google-plus\",attrs:{\"id\":\"\"}},[_c('div',{staticClass:\"cabin--handle\"}),_c('div',{staticClass:\"cabin--core\"},[_c('div',{staticClass:\"cabin--core2\"},[_c('div',{staticClass:\"icon\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 25 39\"}},[_c('use',{attrs:{\"xlink:href\":\"#google-plus-icon\"}})])]),_c('div',{staticClass:\"cabin--base\"}),_c('div',{staticClass:\"human human-0\",attrs:{\"id\":\"\"}}),_c('div',{staticClass:\"human human-1\",attrs:{\"id\":\"\"}})])])]),_c('div',{staticClass:\"cabin n-3 n-foursquare\",attrs:{\"id\":\"\"}},[_c('div',{staticClass:\"cabin--handle\"}),_c('div',{staticClass:\"cabin--core\"},[_c('div',{staticClass:\"cabin--core2\"},[_c('div',{staticClass:\"icon\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 25 39\"}},[_c('use',{attrs:{\"xlink:href\":\"#foursquare-icon\"}})])]),_c('div',{staticClass:\"cabin--base\"}),_c('div',{staticClass:\"human human-0\",attrs:{\"id\":\"\"}}),_c('div',{staticClass:\"human human-1\",attrs:{\"id\":\"\"}})])])]),_c('div',{staticClass:\"cabin n-4 n-quora\",attrs:{\"id\":\"\"}},[_c('div',{staticClass:\"cabin--handle\"}),_c('div',{staticClass:\"cabin--core\"},[_c('div',{staticClass:\"cabin--core2\"},[_c('div',{staticClass:\"icon\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 25 39\"}},[_c('use',{attrs:{\"xlink:href\":\"#quora-icon\"}})])]),_c('div',{staticClass:\"cabin--base\"}),_c('div',{staticClass:\"human human-0\",attrs:{\"id\":\"\"}}),_c('div',{staticClass:\"human human-1\",attrs:{\"id\":\"\"}})])])]),_c('div',{staticClass:\"cabin n-5 n-blogging\",attrs:{\"id\":\"\"}},[_c('div',{staticClass:\"cabin--handle\"}),_c('div',{staticClass:\"cabin--core\"},[_c('div',{staticClass:\"cabin--core2\"},[_c('div',{staticClass:\"icon\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 25 39\"}},[_c('use',{attrs:{\"xlink:href\":\"#blogging-icon\"}})])]),_c('div',{staticClass:\"cabin--base\"}),_c('div',{staticClass:\"human human-0\",attrs:{\"id\":\"\"}}),_c('div',{staticClass:\"human human-1\",attrs:{\"id\":\"\"}})])])]),_c('div',{staticClass:\"cabin n-6 n-youtube\",attrs:{\"id\":\"\"}},[_c('div',{staticClass:\"cabin--handle\"}),_c('div',{staticClass:\"cabin--core\"},[_c('div',{staticClass:\"cabin--core2\"},[_c('div',{staticClass:\"icon\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 25 39\"}},[_c('use',{attrs:{\"xlink:href\":\"#youtube-icon\"}})])]),_c('div',{staticClass:\"cabin--base\"}),_c('div',{staticClass:\"human human-0\",attrs:{\"id\":\"\"}}),_c('div',{staticClass:\"human human-1\",attrs:{\"id\":\"\"}}),_c('div',{staticClass:\"human human-2\",attrs:{\"id\":\"\"}})])])]),_c('div',{staticClass:\"cabin n-7 n-myspace\",attrs:{\"id\":\"\"}},[_c('div',{staticClass:\"cabin--handle\"}),_c('div',{staticClass:\"cabin--core\"},[_c('div',{staticClass:\"cabin--core2\"},[_c('div',{staticClass:\"icon\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 25 39\"}},[_c('use',{attrs:{\"xlink:href\":\"#myspace-icon\"}})])]),_c('div',{staticClass:\"cabin--base\"}),_c('div',{staticClass:\"human human-0\",attrs:{\"id\":\"\"}}),_c('div',{staticClass:\"human human-1\",attrs:{\"id\":\"\"}}),_c('div',{staticClass:\"human human-2\",attrs:{\"id\":\"\"}})])])]),_c('div',{staticClass:\"cabin n-8 n-facebook\",attrs:{\"id\":\"\"}},[_c('div',{staticClass:\"cabin--handle\"}),_c('div',{staticClass:\"cabin--core\"},[_c('div',{staticClass:\"cabin--core2\"},[_c('div',{staticClass:\"icon\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 25 39\"}},[_c('use',{attrs:{\"xlink:href\":\"#facebook-icon\"}})])]),_c('div',{staticClass:\"cabin--base\"}),_c('div',{staticClass:\"human human-0\",attrs:{\"id\":\"\"}}),_c('div',{staticClass:\"human human-1\",attrs:{\"id\":\"\"}}),_c('div',{staticClass:\"human human-2\",attrs:{\"id\":\"\"}})])])]),_c('div',{staticClass:\"cabin n-9 n-linkedin\",attrs:{\"id\":\"\"}},[_c('div',{staticClass:\"cabin--handle\"}),_c('div',{staticClass:\"cabin--core\"},[_c('div',{staticClass:\"cabin--core2\"},[_c('div',{staticClass:\"icon\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 25 39\"}},[_c('use',{attrs:{\"xlink:href\":\"#linkedin-icon\"}})])]),_c('div',{staticClass:\"cabin--base\"}),_c('div',{staticClass:\"human human-0\",attrs:{\"id\":\"\"}}),_c('div',{staticClass:\"human human-1\",attrs:{\"id\":\"\"}}),_c('div',{staticClass:\"human human-2\",attrs:{\"id\":\"\"}})])])]),_c('div',{staticClass:\"cabin n-10 n-google-plus\",attrs:{\"id\":\"\"}},[_c('div',{staticClass:\"cabin--handle\"}),_c('div',{staticClass:\"cabin--core\"},[_c('div',{staticClass:\"cabin--core2\"},[_c('div',{staticClass:\"icon\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 25 39\"}},[_c('use',{attrs:{\"xlink:href\":\"#google-plus-icon\"}})])]),_c('div',{staticClass:\"cabin--base\"}),_c('div',{staticClass:\"human human-0\",attrs:{\"id\":\"\"}}),_c('div',{staticClass:\"human human-1\",attrs:{\"id\":\"\"}})])])]),_c('div',{staticClass:\"cabin n-11 n-foursquare\",attrs:{\"id\":\"\"}},[_c('div',{staticClass:\"cabin--handle\"}),_c('div',{staticClass:\"cabin--core\"},[_c('div',{staticClass:\"cabin--core2\"},[_c('div',{staticClass:\"icon\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 25 39\"}},[_c('use',{attrs:{\"xlink:href\":\"#foursquare-icon\"}})])]),_c('div',{staticClass:\"cabin--base\"}),_c('div',{staticClass:\"human human-0\",attrs:{\"id\":\"\"}}),_c('div',{staticClass:\"human human-1\",attrs:{\"id\":\"\"}}),_c('div',{staticClass:\"human human-2\",attrs:{\"id\":\"\"}})])])]),_c('div',{staticClass:\"ferris-wheel--circle1\"}),_c('div',{staticClass:\"ferris-wheel--circle2\"}),_c('div',{staticClass:\"ferris-wheel--spike n-0\"}),_c('div',{staticClass:\"ferris-wheel--spike n-1\"}),_c('div',{staticClass:\"ferris-wheel--spike n-2\"}),_c('div',{staticClass:\"ferris-wheel--spike n-3\"}),_c('div',{staticClass:\"ferris-wheel--spike n-4\"}),_c('div',{staticClass:\"ferris-wheel--spike n-5\"}),_c('div',{staticClass:\"ferris-wheel--spike n-6\"}),_c('div',{staticClass:\"ferris-wheel--spike n-7\"}),_c('div',{staticClass:\"ferris-wheel--spike n-8\"}),_c('div',{staticClass:\"ferris-wheel--spike n-9\"}),_c('div',{staticClass:\"ferris-wheel--spike n-10\"}),_c('div',{staticClass:\"ferris-wheel--spike n-11\"}),_c('div',{staticClass:\"ferris-wheel--spike n-12\"}),_c('div',{staticClass:\"ferris-wheel--spike n-13\"}),_c('div',{staticClass:\"ferris-wheel--spike n-14\"}),_c('div',{staticClass:\"ferris-wheel--spike n-15\"}),_c('div',{staticClass:\"ferris-wheel--spike n-16\"}),_c('div',{staticClass:\"ferris-wheel--spike n-17\"}),_c('div',{staticClass:\"ferris-wheel--spike n-18\"}),_c('div',{staticClass:\"ferris-wheel--spike n-19\"}),_c('div',{staticClass:\"ferris-wheel--spike n-20\"}),_c('div',{staticClass:\"ferris-wheel--spike n-21\"}),_c('div',{staticClass:\"ferris-wheel--spike n-22\"}),_c('div',{staticClass:\"ferris-wheel--spike n-23\"}),_c('div',{staticClass:\"ferris-wheel--spike s-0\"}),_c('div',{staticClass:\"ferris-wheel--spike s-1\"}),_c('div',{staticClass:\"ferris-wheel--spike s-2\"}),_c('div',{staticClass:\"ferris-wheel--spike s-3\"}),_c('div',{staticClass:\"ferris-wheel--spike s-4\"}),_c('div',{staticClass:\"ferris-wheel--spike s-5\"}),_c('div',{staticClass:\"ferris-wheel--spike s-6\"}),_c('div',{staticClass:\"ferris-wheel--spike s-7\"}),_c('div',{staticClass:\"ferris-wheel--spike s-8\"}),_c('div',{staticClass:\"ferris-wheel--spike s-9\"}),_c('div',{staticClass:\"ferris-wheel--spike s-10\"}),_c('div',{staticClass:\"ferris-wheel--spike s-11\"}),_c('div',{staticClass:\"ferris-wheel--spike s-12\"}),_c('div',{staticClass:\"ferris-wheel--spike s-13\"}),_c('div',{staticClass:\"ferris-wheel--spike s-14\"}),_c('div',{staticClass:\"ferris-wheel--spike s-15\"}),_c('div',{staticClass:\"ferris-wheel--spike s-16\"}),_c('div',{staticClass:\"ferris-wheel--spike s-17\"}),_c('div',{staticClass:\"ferris-wheel--spike s-18\"}),_c('div',{staticClass:\"ferris-wheel--spike s-19\"}),_c('div',{staticClass:\"ferris-wheel--spike s-20\"}),_c('div',{staticClass:\"ferris-wheel--spike s-21\"}),_c('div',{staticClass:\"ferris-wheel--spike s-22\"}),_c('div',{staticClass:\"ferris-wheel--spike s-23\"})]),_c('div',{staticClass:\"ferris-base\"},[_c('div',{staticClass:\"ferris-base--center\"},[_c('div',{staticClass:\"icon\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 25 39\"}},[_c('use',{attrs:{\"xlink:href\":\"#twitter-icon\"}})])])]),_c('div',{staticClass:\"ferris-base--top\"}),_c('div',{staticClass:\"ferris-base--main\"}),_c('div',{staticClass:\"ferris-base--spike is-1\"}),_c('div',{staticClass:\"ferris-base--spike is-2\"}),_c('div',{staticClass:\"ferris-base--handle\"})])]),_vm._m(0),_vm._m(1)])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ground\"},[_c('div',{staticClass:\"button\",attrs:{\"id\":\"js-button\"}},[_vm._v(\"開始配對\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ground\"},[_c('div',{staticClass:\"button\",attrs:{\"id\":\"hide-button\"}},[_vm._v(\"重新配對\")])])}]\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n<div>\r\n  <Navbar />\r\n  <div>\r\n  //- <div class=\"text-center text-primary fa-3x\">\r\n  //-   p Welcome Love Wheel\r\n  //- </div>\r\n  <div class=\"d-flex justify-content-center align-items-center mt-5\">\r\n    //- <div class=\"mx-5\">\r\n    //- span.inputMatch(v-text=\"user.name\")\r\n    //- </div>\r\n    //- <div v-if=\"user.imgLink\">\r\n    //- <img :src=\"user.imgLink\"  width=\"100px\" height=\"100px\" class=\"matchImg\">\r\n    //- </div>\r\n\r\n    h2.wantText.mx-5 想要與此陌生人配對嗎.....\r\n    <div class=\"mx-5\" v-if=\"metchUser.matchimgLink\">\r\n    h1.inputMatch(v-text=\"`『${metchUser.matchedName}』`\")\r\n    </div>\r\n    <div v-if=\"metchUser.matchimgLink\">\r\n    <img :src=\"metchUser.matchimgLink\" width=\"100px\" height=\"100px\" class=\"matchImg\">\r\n    </div>\r\n      .ground\r\n  #chat-button.button(@click=\"startChat\") 加入好友\r\n  </div>\r\n\r\n  //- ICONS -//\r\n- var el = {};\r\n\r\nsvg(style=\"opacity:0;height:0\")\r\n  path#twitter-icon(\r\n    d=\"M6.28 3c3.236.001 4.973 3.491 5.72 5.031.75-1.547 2.469-5.021 5.726-5.021 2.058 0 4.274 1.309 4.274 4.182 0 3.442-4.744 7.851-10 13-5.258-5.151-10-9.559-10-13 0-2.676 1.965-4.193 4.28-4.192zm.001-2c-3.183 0-6.281 2.187-6.281 6.192 0 4.661 5.57 9.427 12 15.808 6.43-6.381 12-11.147 12-15.808 0-4.011-3.097-6.182-6.274-6.182-2.204 0-4.446 1.042-5.726 3.238-1.285-2.206-3.522-3.248-5.719-3.248z\"\r\n  )\r\n    g#myspace-icon\r\n      path(\r\n        d=\"M23.156,10.582c2.893,0,5.239-2.371,5.239-5.291C28.396,2.368,26.049,0,23.156,0c-2.895,0-5.239,2.368-5.239,5.291C17.917,8.211,20.262,10.582,23.156,10.582z M23.156,12c-2.483,0-4.626,1.449-5.661,3.553c-0.013-2.544-2.058-4.603-4.58-4.603c-1.748,0-3.267,0.988-4.038,2.44v-0.925c0-1.771-1.424-3.21-3.179-3.21c-1.756,0-3.179,1.438-3.179,3.21v6.841h5.814v6.128h8.497V32H29.48V18.387C29.48,14.86,26.648,12,23.156,12z M5.698,8.543c1.454,0,2.632-1.189,2.632-2.658S7.152,3.227,5.698,3.227S3.064,4.416,3.064,5.885S4.244,8.543,5.698,8.543z M12.914,9.922c2.097,0,3.796-1.716,3.796-3.831c0-2.117-1.699-3.833-3.796-3.833c-2.095,0-3.794,1.716-3.794,3.833C9.12,8.206,10.819,9.922,12.914,9.922z\"\r\n      )\r\n    g#quora-icon\r\n      path(\r\n        d=\"M2.178 11h-1.178v-2c.488-.001.784-.278.862-.665.637-2.461 3.164-8.335 10-8.335 6.888 0 9.484 6.135 10.294 8.413.15.421.459.584.844.584l.001 2.003h-1.18c.575.459 1.179 1.36 1.179 3.131 0 1.63-.904 3.686-2.877 4.531-2.153 3.445-5.027 5.338-8.123 5.338-3.096 0-5.97-1.893-8.123-5.338-1.974-.845-2.877-2.901-2.877-4.531 0-1.771.603-2.672 1.178-3.131zm12.022 7.459h-4.4c.004.012.626 1.74 2.2 1.74 1.634 0 2.196-1.728 2.2-1.74zm4.517-7.459h-13.435l-.013.515c0 .668-.682 1.114-1.288.844-.169-.075-.43-.073-.617.049-.917.601-.818 3.864 1.425 4.629.916.313 2.364 3.103 3.93.398.542-.934 2.251-1.039 3.281-.297 1.029-.742 2.739-.637 3.28.297 1.566 2.705 3.014-.085 3.931-.398 2.244-.765 2.341-4.028 1.424-4.629-.215-.14-.487-.106-.616-.049-.606.271-1.289-.176-1.289-.844l-.013-.515zm-9.696.996c-.634 0-1.146.62-1.146 1.385s.512 1.385 1.146 1.385c.632 0 1.146-.62 1.146-1.385s-.514-1.385-1.146-1.385zm7.104 1.385c0 .765-.513 1.385-1.146 1.385-.633 0-1.146-.62-1.146-1.385s.513-1.385 1.146-1.385c.633 0 1.146.62 1.146 1.385zm-5.125-11.338c-.735.075-1.4.244-2 .483v3.474c0 .552-.448 1-1 1s-1-.448-1-1v-2.269c-2.153 1.817-2.985 4.513-3.19 5.269h16.395c-.333-1.006-1.189-3.46-3.205-5.177v2.177c0 .552-.448 1-1 1s-1-.448-1-1v-3.406c-.599-.248-1.264-.431-2-.524v2.93c0 .552-.448 1-1 1s-1-.448-1-1v-2.957z\"\r\n      )\r\n    g#blogging-icon\r\n      path(\r\n        fill-rule=\"evenodd\",\r\n        clip-rule=\"evenodd\",\r\n        d=\"M18.028 24h-.018c-.268 0-.49-.213-.499-.483-.05-1.462.19-2.847 2.265-3.08.795-.089.858-.367.996-.977.229-1.008.607-1.922 2.701-2.032.285-.02.512.197.526.473.014.276-.197.512-.473.526-1.512.079-1.618.547-1.778 1.254-.152.667-.359 1.581-1.861 1.751-1.016.113-1.432.423-1.377 2.051.01.276-.207.507-.482.517zm-8.342-18.714c.241.213.53.366.842.444l3.566.896c.3.076.617.051.903-.07 1.082-.461 3.862-1.684 5.062-2.155.76-.299 1.268.63.655 1.097-1.39 1.062-5.714 4.086-5.714 4.086l-.862 3.648s1.785 1.86 2.544 2.7c.423.469.696.919.421 1.595-.481 1.181-1.457 3.477-1.908 4.547-.255.605-1.164.453-1.015-.322.217-1.128.781-4.016.781-4.016l-3.558-1.62s-.253 5.953-.327 7.296c-.019.341-.253.589-.582.588-.249-.001-.508-.173-.612-.596-.534-2.178-2.142-8.99-2.142-8.99-.209-.837-.329-1.53-.053-2.564l.915-3.85s-2.726-3.984-3.709-5.476c-.402-.611.356-1.18.808-.78l3.985 3.542zm-7.178 8.489l-.853.511 2.708 4.524c-1.788.306-2.917 1.904-2.048 3.356.537.897 1.753 1.106 2.622.586 1.034-.619 1.774-1.952.979-3.284l-3.408-5.693zm17.721-5.193l.904 1.669 1.867.344-1.308 1.376.249 1.882-1.712-.819-1.713.819.25-1.882-1.309-1.376 1.867-.344.905-1.669zm-17.298-2.935l-2.934 2.935 2.934 2.935 2.935-2.935-2.935-2.935zm9.055-5.398c1.36-.626 2.972-.03 3.597 1.33.626 1.36.03 2.972-1.33 3.598-1.36.625-2.972.029-3.598-1.331-.625-1.36-.029-2.972 1.331-3.597z\"\r\n      )\r\n    g#youtube-icon\r\n      path(\r\n        fill-rule=\"evenodd\",\r\n        clip-rule=\"evenodd\",\r\n        d=\"M20.5 12.5c0 .828-.56 1.5-1.25 1.5s-1.25-.672-1.25-1.5.56-1.5 1.25-1.5 1.25.672 1.25 1.5zm-7.75-1.5c-.69 0-1.25.672-1.25 1.5s.56 1.5 1.25 1.5 1.25-.672 1.25-1.5-.56-1.5-1.25-1.5zm3.25 8.354c2.235 0 3-2.354 3-2.354h-6s.847 2.354 3 2.354zm12-5.803c0 1.925-.896 4.738-3.317 5.188-1.959 3.492-4.877 5.261-8.683 5.261s-6.724-1.769-8.683-5.26c-2.421-.451-3.317-3.263-3.317-5.189 0-2.147.809-4.093 2.843-4.223.453-5.099 3.946-8.328 9.157-8.328s8.704 3.229 9.157 8.329c2.036.129 2.843 2.073 2.843 4.222zm-2.631-2.116c-.272-.178-.615-.104-.756-.041-.661.293-1.406-.191-1.406-.914 0-1.344-.315-5.007-3.46-6.654 1.304 1.354 1.753 3.792 1.753 5.174h-12.591999999999999c-.09.601-.115 1.124-.115 1.48 0 .723-.745 1.207-1.406.914-.142-.063-.484-.137-.756.041-1.102.716-.798 5.326 1.337 5.367.367.007.702.216.87.543 2.391 4.655 5.981 4.655 7.162 4.655s4.771 0 7.162-4.655c.168-.328.503-.536.87-.543 2.134-.042 2.44-4.651 1.337-5.367zm-.619-6.748c3.797-1.093.375 7.346 7.25 7.313-2.266-1.469-.893-5.476-1.5-8.166-.518-2.293-2.328-2.834-3.5-2.834-1.875 0-3.106 1.106-3.603 1.922.544.478 1.014 1.224 1.353 1.765zm-16.147-1.765c-.497-.816-1.728-1.922-3.603-1.922-1.172 0-2.982.541-3.5 2.834-.607 2.69.766 6.697-1.5 8.166 6.875.033 3.453-8.406 7.25-7.313.339-.541.809-1.287 1.353-1.765z\"\r\n      )\r\n    g#facebook-icon\r\n      path(\r\n        fill-rule=\"evenodd\",\r\n        clip-rule=\"evenodd\",\r\n        d=\"M2.178 11h-1.178v-2.209c.468 0 .774-.474.944-.997.587-1.803 1.59-4.513 4.056-6.212v3.418c0 .552.448 1 1 1s1-.448 1-1v-4.437c.868-.309 1.861-.516 3-.585v3.022c0 .552.448 1 1 1s1-.448 1-1v-3c1.134.094 2.128.327 3 .661v4.339c0 .552.448 1 1 1s1-.448 1-1v-3.269c2.391 1.7 3.463 4.304 4.057 6.063.175.52.475.997.943.997v2.209h-1.179c.575.459 1.179 1.36 1.179 3.131 0 1.63-.904 3.686-2.877 4.531-2.153 3.445-5.027 5.338-8.123 5.338-3.096 0-5.97-1.893-8.124-5.338-1.973-.845-2.876-2.901-2.876-4.531 0-1.771.603-2.672 1.178-3.131zm12.022 7.459h-4.4c.004.012.626 1.74 2.2 1.74 1.634 0 2.196-1.728 2.2-1.74zm4.517-7.459h-13.435l-.013.515c0 .668-.682 1.114-1.288.844-.169-.075-.43-.073-.617.049-.917.601-.819 3.864 1.425 4.629.916.313 2.364 3.103 3.93.398.542-.934 2.251-1.039 3.281-.297 1.029-.742 2.739-.637 3.28.297 1.566 2.705 3.014-.085 3.93-.398 2.244-.765 2.342-4.028 1.425-4.629-.215-.14-.487-.106-.616-.049-.606.271-1.289-.176-1.289-.844l-.013-.515zm-9.696.996c-.634 0-1.146.62-1.146 1.385s.512 1.385 1.146 1.385c.632 0 1.146-.62 1.146-1.385s-.514-1.385-1.146-1.385zm7.104 1.385c0 .765-.513 1.385-1.146 1.385-.633 0-1.146-.62-1.146-1.385s.513-1.385 1.146-1.385c.633 0 1.146.62 1.146 1.385z\"\r\n      )\r\n    g#foursquare-icon\r\n      path(\r\n        d=\"M8.816 1.321c.815-.816 1.941-1.321 3.184-1.321 1.251 0 2.384.512 3.2 1.338 4.056.308 5.687 1.739 7.382 8.486.664.463 1.418 1.436 1.418 3.489 0 1.765-.986 3.991-3.139 4.906-2.348 3.731-5.484 5.781-8.861 5.781-3.377 0-6.513-2.05-8.862-5.781-2.153-.915-3.138-3.141-3.138-4.906 0-2.053.753-3.026 1.417-3.489 1.732-6.779 3.38-8.213 7.399-8.503zm5.584 16.679h-4.8c.004.012.682 1.884 2.4 1.884 1.782 0 2.396-1.872 2.4-1.884zm5.235-11h-3.894c-.807 1.206-2.182 2-3.741 2-1.559 0-2.934-.794-3.741-2h-3.923c-.222.631-.412 1.304-.58 2-.179.746.964.954.917 1.733-.044.722-.76.953-1.421.661-.184-.082-.469-.079-.673.053-1 .651-.893 4.184 1.554 5.012 1 .339 2.579 3.361 4.288.432.591-1.012 2.455-1.126 3.579-.322 1.123-.804 2.988-.69 3.578.322 1.709 2.929 3.288-.093 4.288-.432 2.448-.828 2.554-4.361 1.554-5.012-.235-.152-.531-.115-.672-.053-.661.293-1.36.094-1.374-.629-.016-.818 1.114-.871.89-1.765-.168-.669-.389-1.356-.629-2zm-3.885 2c-1.124 0-2.094.629-2.607 1.546-.373-.116-.744-.174-1.143-.174s-.77.058-1.143.174c-.513-.917-1.483-1.546-2.607-1.546-1.654 0-3 1.346-3 3s1.346 3 3 3c1.231 0 2.285-.748 2.747-1.811.245-.566.394-1.301 1.003-1.301.609 0 .758.735 1.003 1.301.462 1.063 1.516 1.811 2.747 1.811 1.654 0 3-1.346 3-3s-1.346-3-3-3zm0 4.5c-.828 0-1.5-.672-1.5-1.5s.672-1.5 1.5-1.5 1.5.672 1.5 1.5-.672 1.5-1.5 1.5zm-7.5 0c-.828 0-1.5-.672-1.5-1.5s.672-1.5 1.5-1.5 1.5.672 1.5 1.5-.672 1.5-1.5 1.5zm3.75-11.5c1.38 0 2.5 1.12 2.5 2.5s-1.12 2.5-2.5 2.5-2.5-1.12-2.5-2.5 1.12-2.5 2.5-2.5z\"\r\n      )\r\n    g#google-plus-icon\r\n      path(\r\n        fill-rule=\"evenodd\",\r\n        clip-rule=\"evenodd\",\r\n        d=\"M17.5 12.5c0 .828-.56 1.5-1.25 1.5s-1.25-.672-1.25-1.5.56-1.5 1.25-1.5 1.25.672 1.25 1.5zm-7.75-1.5c-.69 0-1.25.672-1.25 1.5s.56 1.5 1.25 1.5 1.25-.672 1.25-1.5-.56-1.5-1.25-1.5zm3.25 8.354c2.235 0 3-2.354 3-2.354h-6s.847 2.354 3 2.354zm13-6.75c0 2.865-.791 5.778-1.933 8.243-.542 1.169-1.163 2.238-1.817 3.153l-3.796-1.917c-1.556 1.187-3.37 1.917-5.454 1.917-1.993 0-3.825-.749-5.408-1.941l-3.842 1.941c-.654-.915-1.275-1.984-1.817-3.153-1.142-2.465-1.933-5.378-1.933-8.243 0-7.59 5.281-12.604 13-12.604s13 5.014 13 12.604zm-5.669 4.285c.123-.202.313-.354.536-.43 2.106-.713 2.57-3.529 1.802-4.746-6.576-.39-10.89-3.363-12.669-6.322-2.257 5.063-5.078 6.628-6.863 6.795-.482 1.714.322 3.706 1.996 4.273.224.076.413.228.536.43 1.708 2.83 4.015 5.111 7.331 5.111 3.318 0 5.624-2.284 7.331-5.111z\"\r\n      )\r\n    g#linkedin-icon\r\n      path(\r\n        fill-rule=\"evenodd\",\r\n        clip-rule=\"evenodd\",\r\n        d=\"M21.292 9.349c-.43-4.813-3.604-9.349-9.292-9.349s-8.862 4.536-9.292 9.349c-1.859.165-2.708 1.921-2.708 3.964 0 1.755.975 3.967 3.104 4.891 2.935 5.371 7.534 5.796 8.896 5.796s5.961-.425 8.896-5.796c2.129-.925 3.104-3.136 3.104-4.891 0-2.019-.841-3.798-2.708-3.964zm-1.425 7.11c-.246.083-.45.259-.569.491-2.406 4.686-6.194 5.05-7.298 5.05s-4.892-.364-7.298-5.05c-.119-.231-.323-.407-.569-.491-2.448-.829-2.553-4.364-1.553-5.012.206-.133.49-.134.671-.053.66.292 1.406-.189 1.406-.914l.02-.566c1.803-.406 4.331-2.774 4.964-4.039-.069.852-.891 3.254-2.076 4.063 2.748 0 6.25-2.507 7.685-4.828.088 2.081 2.114 4.016 4.035 4.311.034.354.058.707.058 1.059 0 .723.745 1.207 1.406.914.141-.063.435-.1.671.053 1 .648.895 4.183-1.553 5.012zm-3.367-3.959c0 .828-.56 1.5-1.25 1.5s-1.25-.672-1.25-1.5.56-1.5 1.25-1.5 1.25.672 1.25 1.5zm-7.75 1.5c-.69 0-1.25-.672-1.25-1.5s.56-1.5 1.25-1.5 1.25.672 1.25 1.5-.56 1.5-1.25 1.5zm.25 3h6s-.765 2.354-3 2.354c-2.153 0-3-2.354-3-2.354zm20 0c-2.781.797-3.717-1.06-4-4-.496-5.152-.973-8.926-4.051-8.255-.378-.844-.84-1.683-1.588-2.477.873-1.127 2.533-2.268 4.431-2.268 7.316 0 3.77 11.491 3.77 14 0 1.5.294 2.323 1.438 3z\"\r\n      )\r\n\r\n//- MIXINS nad FUNCTIONS -//\r\n- var random = function(a, b){\r\n- return Math.floor(Math.random() * (b + 1 - a) + a);\r\n- }\r\n\r\nmixin icon(el)\r\n  .icon(class=el.class, id=el.idAttribute, title=el.title)\r\n    svg(viewBox=\"0 0 25 39\")\r\n      use(xlink:href='#' + el.path)\r\n\r\n//- FERRIS WHEEL -//\r\n- var icons = ['facebook', 'linkedin', 'google-plus', 'foursquare', 'quora', 'blogging', 'youtube', 'myspace'];\r\n#js-ferris-wheel.ferris-wheel.is-open\r\n  svg.ferris-wheel--script-path(\r\n    width=\"731px\",\r\n    height=\"560px\",\r\n    viewbox=\"0 0 731 560\"\r\n  )\r\n    defs\r\n      path#ferris-script(\r\n        ,\r\n        fill=\"none\",\r\n        stroke=\"#E30613\",\r\n        stroke-width=\"2\",\r\n        stroke-miterlimit=\"10\",\r\n        d=\"M-522.865,1384.396L57.03,347.583c0,0,67.789-114.568,90.385-152.757l0,0C187.87,123.386,264.57,75.175,352.53,75.175c130.094,0,235.555,105.461,235.555,235.556c0,105.606-69.498,194.983-165.256,224.886L-721.942,922.059\"\r\n      )\r\n    text\r\n      textPath#js-ferris-text(, xlink:href=\"#ferris-script\", startOffset=\"0\") data harvested from 60+ social networks\r\n\r\n  .ferris-wheel--core\r\n    - for (var i=0; i<12; i++)\r\n      - el = { class: 'n-' + i + ' n-' + icons[i % icons.length], id: '' };\r\n      - icon = { path: icons[i % icons.length] + '-icon' };\r\n      .cabin(class=el.class, id=el.id)\r\n        .cabin--handle\r\n        .cabin--core\r\n          .cabin--core2\r\n            +icon(icon)\r\n            .cabin--base\r\n            - for (var j=0; j<random(2,3); j++)\r\n              - el = { class: 'human-' + j, id: '' };\r\n              .human(class=el.class, id=el.id)\r\n\r\n    .ferris-wheel--circle1\r\n    .ferris-wheel--circle2\r\n\r\n    - var spikesCnt = 24;\r\n    - for (var i=0; i<spikesCnt; i++)\r\n      .ferris-wheel--spike(class='n-' + i)\r\n\r\n    - for (var i=0; i<spikesCnt; i++)\r\n      .ferris-wheel--spike(class='s-' + i)\r\n\r\n  .ferris-base\r\n    .ferris-base--center\r\n      - el = { path: 'twitter-icon' };\r\n      +icon(el)\r\n    .ferris-base--top\r\n    .ferris-base--main\r\n    .ferris-base--spike.is-1\r\n    .ferris-base--spike.is-2\r\n    .ferris-base--handle\r\n\r\n.ground\r\n  #js-button.button 開始配對\r\n\r\n.ground\r\n  #hide-button.button 重新配對\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Navbar from \"../components/common/Navbar\";\r\nimport * as signalR from '@microsoft/signalr';\r\nimport $ from \"jquery\";\r\n// import axios from \"axios\";\r\nexport default {\r\n  components: { Navbar },\r\n  data() {\r\n    return {\r\n      user: {\r\n        userId: \"\",\r\n        name: \"\",\r\n        ownerRank: \"\",\r\n        age: \"\",\r\n        gender: \"\",\r\n        imgLink: \"\",\r\n        email: \"\",\r\n      },\r\n      self: {\r\n        userId: \"\",\r\n      },\r\n      metchUser: {\r\n        matchedName: \"\",\r\n        matchedUserId: \"\",\r\n        matchimgLink: \"\",\r\n      },\r\n      chatData: {\r\n        userId: \"\",\r\n        friendId: \"\",\r\n      },\r\n      sendMsgJson: {\r\n        UserName: \"大傑神\",\r\n        UserMessage: \"我傳訊息了\",\r\n      },\r\n      connectList:{\r\n          UserName:\"大傑神\",\r\n          ConnectionId:\"\",\r\n      },\r\n      hubConnection: new signalR.HubConnectionBuilder()\r\n        .configureLogging(signalR.LogLevel.Debug) //設定顯示log\r\n        .withUrl(process.env.VUE_APP_API + \"/chathub\")\r\n        .withAutomaticReconnect()\r\n        .build(),\r\n    };\r\n  },\r\n  methods: {\r\n    connectHub() {\r\n      let vm = this;\r\n      vm.hubConnection\r\n        .start()\r\n        // .then(() => {\r\n        //     vm.sendMessageToMember();\r\n        // })\r\n        .then( () => {\r\n          vm.AddOnlineInList();\r\n        })\r\n        .then( () => {\r\n          vm.sendMsgToHub();\r\n        })\r\n        .then( () => {\r\n          vm.listenToHub();\r\n        })\r\n \r\n        .catch(() => {\r\n          console.log(\"失敗\");\r\n        });\r\n    },\r\n \r\n    async listenToHub() {\r\n        // console.log(\"--- listenToHub start\");\r\n      let vm = this;\r\n      vm.hubConnection.on(\"ReceiveMessage\", (userName, userMsg) => {\r\n          console.log('--- listenToHub', userName, userMsg);\r\n        this.$bus.$emit(\r\n          \"getNewMsg\",\r\n         // `您將${vm.metchUser.matchedName}加入到好友清單了!`\r\n         `您將大傑加入到好友清單了!`\r\n        );\r\n        //console.log(vm.metchUser.matchedName);\r\n        \r\n        console.log('sendtosb');\r\n      })\r\n        \r\n    },\r\n    AddOnlineInList(){\r\n        let vm = this;\r\n         vm.hubConnection.invoke(\"AddOnlineInList\",vm.connectList)\r\n         .then(() => {\r\n        console.log(\"connectionId\");\r\n        console.log(\"connectionId\", vm.connectList.ConnectionId);\r\n        //vm.sendMsgJson.UserId = msg;\r\n      });\r\n    },\r\n       // 本來的\r\n    sendMsgToHub() {\r\n      let vm = this;\r\n      vm.hubConnection.send(\"SendInfoToUser\", vm.sendMsgJson).then(() => {\r\n        console.log(\"msg send \");\r\n      });\r\n    },\r\n    // 新加的\r\n    async sendMessageToMember(){\r\n        let vm = this;\r\n         console.log(\"--- SendMessageToMember start\", this.user.email, vm.sendMsgJson.UserId);\r\n        if (this.user.email !== vm.sendMsgJson.UserId) {\r\n            console.log('--- SendMessageToMember 1')\r\n            vm.hubConnection.send(\"SendMessageToMember\", vm.sendMsgJson.UserId, vm.sendMsgJson.UserMessage)\r\n            .then(()=>{\r\n               // console.log(\"--- sendMessageToMember 2\");\r\n                // vm.sendMsgJson.UserId =userId;\r\n            });\r\n\r\n        //     let form = new FormData();\r\n        //    form.append('UserId', vm.sendMsgJson.UserId);\r\n        //    form.append('UserMessage', vm.sendMsgJson.UserMessage);\r\n        //     const matchUrl = process.env.VUE_APP_API + \"/api/Chat/GetPrivateMessage\";\r\n        //     vm.$axios({\r\n        //         url: matchUrl,\r\n        //         method: \"POST\",\r\n        //         data:vm.sendMsgJson,\r\n        //     })\r\n        //     .then((a)=>{console.log('--- sendMessageToMember 1',a)})\r\n        }\r\n        \r\n    },\r\n    // 本來的\r\n    getConnectionId() {\r\n      let vm = this;\r\n      vm.hubConnection.invoke(\"GetConnectionId\").then((msg) => {\r\n        console.log(\"connectionId\");\r\n        console.log(\"connectionId\", msg);\r\n        vm.sendMsgJson.UserId = msg;\r\n      });\r\n    },\r\n    startChat() {\r\n      this.$swal({\r\n        title: `您配對到的是${this.metchUser.matchedName}`,\r\n        text: \"要加入好友列表嗎\",\r\n        type: \"question\",\r\n        showCancelButton: true,\r\n        confirmButtonText: \"確定\",\r\n        cancelButtonText: \"取消\",\r\n      }).then((result) => {\r\n        if (result.value) {\r\n          let vm = this;\r\n          const chatUrl = process.env.VUE_APP_API + \"/api/Match/AddToChatList\";\r\n          vm.$axios({\r\n            url: chatUrl,\r\n            method: \"POST\",\r\n            data: vm.chatData,\r\n          })\r\n            .then(() => {\r\n              vm.sendMsgToHub();\r\n              vm.$router.push(\"/\");\r\n            })\r\n            .catch((err) => {\r\n              console.log(err);\r\n            });\r\n        }\r\n      });\r\n    },\r\n  },\r\n  created() {\r\n      this.$axios({\r\n        url: process.env.VUE_APP_API + \"/api/Users/GetSingleMember\",\r\n        method: \"GET\",\r\n      })\r\n        .then((res) => {\r\n            \r\n          vm.user.email = res.data.data.email;\r\n        }).catch(err => {\r\n          console.log(err);\r\n        })\r\n\r\n\r\n\r\n    let vm = this;\r\n    vm.connectHub();\r\n  },\r\n  mounted() {\r\n    $(\".wantText\").hide();\r\n    $(\"#hide-button\").hide();\r\n    $(\"#chat-button\").hide();\r\n    $(\"#hide-button\").on(\"click\", function () {\r\n      location.reload();\r\n    });\r\n    // $(\"#chat-button\").on(\"click\", function () {\r\n\r\n    // });\r\n    let carousel = $(\"#js-ferris-wheel\");\r\n    let vm = this;\r\n    $(\"#js-button\").on(\"click\", function () {\r\n      $(\"#js-button\").hide();\r\n      $(\"#hide-button\").show();\r\n      $(\"#chat-button\").show();\r\n      $(\".wantText\").show();\r\n      carousel.toggleClass(\"is-open\");\r\n      const url = process.env.VUE_APP_API + \"/api/Users/GetSingleMember\";\r\n      vm.$axios({\r\n        url: url,\r\n        method: \"GET\",\r\n      })\r\n        .then((res) => {\r\n          vm.user.userId = res.data.data.userId;\r\n          vm.self.userId = res.data.data.userId;\r\n          vm.user.name = res.data.data.name;\r\n          vm.user.age = res.data.data.age;\r\n          vm.user.gender = res.data.data.gender;\r\n          vm.user.ownerRank = res.data.data.titleName;\r\n          vm.user.imgLink = res.data.data.imgLink;\r\n          const matchUrl = process.env.VUE_APP_API + \"/api/Match/MatchUser\";\r\n          vm.$axios({\r\n            url: matchUrl,\r\n            method: \"POST\",\r\n            data: vm.self,\r\n          })\r\n            .then((res) => {\r\n              vm.metchUser.matchedName = res.data.data.matchedName;\r\n              vm.metchUser.matchedUserId = res.data.data.matchedUserId;\r\n              vm.metchUser.matchimgLink = res.data.data.matchimgLink;\r\n              vm.chatData.userId = vm.self.userId;\r\n              vm.chatData.friendId = vm.metchUser.matchedUserId;\r\n            })\r\n\r\n            .catch((err) => {\r\n              console.log(err);\r\n            });\r\n        })\r\n\r\n        .catch((err) => {\r\n          console.log(err);\r\n        });\r\n    });\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n/* MIXINS */\r\n* {\r\n  box-sizing: border-box;\r\n}\r\n\r\ncenter-shift(size) {\r\n  margin-top: -(size / 2);\r\n  margin-left: -(size / 2);\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 50%;\r\n}\r\n\r\nrect(size) {\r\n  width: size;\r\n  height: size;\r\n}\r\n\r\ncircle(size) {\r\n  rect: size;\r\n  border-radius: 50%;\r\n}\r\n\r\nrandom(a, b) {\r\n  return math(math(0, 'random') * (b - a + 1) + a, 'floor');\r\n}\r\n\r\n/* ENVIROMENT */\r\nfontSize = 16;\r\nPX = (1 / fontSize)rem;\r\n/* grid size = 10px in rem equivalent */\r\ngs = 10 * PX;\r\n\r\nhtml {\r\n  font-size: fontSize px;\r\n}\r\n\r\nbody {\r\n  background: #6ED2D2 url() repeat top left;\r\n  position: relative;\r\n}\r\n\r\nhtml, body {\r\n  height: 100%;\r\n}\r\n\r\nbuttonColor = #DD5754;\r\nbuttonHeight = 5 * gs;\r\n\r\n.button {\r\n  background: buttonColor;\r\n  border-radius: 3 * PX;\r\n  text-transform: uppercase;\r\n  color: white;\r\n  height: buttonHeight;\r\n  line-height: buttonHeight;\r\n  width: 20 * gs;\r\n  text-align: center;\r\n  letter-spacing: 2 * PX;\r\n\r\n  &:hover {\r\n    background-color: lighten(buttonColor, 3);\r\n    cursor: pointer;\r\n  }\r\n\r\n  &:active {\r\n    background-color: buttonColor;\r\n  }\r\n}\r\n\r\ngroundHeight = 12 * gs;\r\n\r\n.ground {\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  height: groundHeight;\r\n  width: 100%;\r\n  background: #493442 url() repeat bottom right;\r\n\r\n  .button {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    margin-top: ((groundHeight - buttonHeight) / 2);\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n}\r\n\r\n/* FERRIS WHEEL */\r\n.human {\r\n  background-color: #6e6e6e;\r\n  border-radius: 50%;\r\n  height: 26 * PX;\r\n  width: 10 * PX;\r\n  position: relative;\r\n\r\n  &:after {\r\n    content: '';\r\n    position: absolute;\r\n    rect: 7 * PX;\r\n    background-color: inherit;\r\n    top: - 5 * PX;\r\n    border-radius: 50%;\r\n    left: 50%;\r\n    margin-left: - 3 * PX;\r\n  }\r\n}\r\n\r\nferrisWheelTransitionCoef = 0.3s;\r\n\r\n.ferris-base {\r\n  margin-left: 50px;\r\n  position: relative;\r\n  width: 238 * PX;\r\n  height: 39 * PX;\r\n\r\n  .ferris-base--main {\r\n    background-color: #ce5250;\r\n    rect: 100%;\r\n    position: relative;\r\n    z-index: 1;\r\n    height: 0%;\r\n    top: 100%;\r\n\r\n    .is-open & {\r\n      height: 100%;\r\n      top: 0;\r\n      transition: all ferrisWheelTransitionCoef linear;\r\n    }\r\n  }\r\n\r\n  baseTopColor = #9b2e2e;\r\n  topWidth = 108%;\r\n  baseTopHeight = 12 * PX;\r\n\r\n  top-height, .ferris-base--top {\r\n    position: absolute;\r\n    height: baseTopHeight;\r\n    background-color: baseTopColor;\r\n    z-index: 2;\r\n    width: 0;\r\n    margin-left: 50%;\r\n    overflow: hidden;\r\n    opacity: 0;\r\n\r\n    .is-open & {\r\n      width: topWidth;\r\n      margin-left: -4%;\r\n      overflow: visible;\r\n      opacity: 1;\r\n      transition: all ferrisWheelTransitionCoef linear;\r\n      transition-delay: ferrisWheelTransitionCoef;\r\n    }\r\n\r\n    triangleWidth = 8 * PX;\r\n\r\n    &:before, &:after {\r\n      content: '';\r\n      position: absolute;\r\n      border: baseTopHeight solid rgba(baseTopColor, 0);\r\n      border-left-width: triangleWidth;\r\n      border-right-width: triangleWidth;\r\n      border-top-color: baseTopColor;\r\n      top: 0;\r\n    }\r\n\r\n    &:before {\r\n      left: - triangleWidth;\r\n    }\r\n\r\n    &:after {\r\n      right: - triangleWidth;\r\n    }\r\n  }\r\n\r\n  baseSpikeHeight = 185 * PX;\r\n  baseSpikeWidth = 15 * PX;\r\n\r\n  .ferris-base--spike {\r\n    height: baseSpikeHeight - 30 * PX;\r\n    width: baseSpikeWidth;\r\n    background-color: #b33333;\r\n    position: absolute;\r\n    top: - baseSpikeHeight + 23 * PX;\r\n    left: 50%;\r\n    margin-left: -(baseSpikeWidth / 2);\r\n    transform-origin: 50% top;\r\n    z-index: 0;\r\n    height: (baseSpikeHeight / 2);\r\n    opacity: 0;\r\n    transition: all 0.45s ease-out;\r\n    translateSize = baseSpikeHeight;\r\n\r\n    &.is-1 {\r\n      transform: rotate(90deg) translateX(translateSize);\r\n    }\r\n\r\n    &.is-2 {\r\n      transform: rotate(-90deg) translateX((- translateSize));\r\n    }\r\n\r\n    .is-open & {\r\n      rotateAngle = 19deg;\r\n      transition: all (1.5 * ferrisWheelTransitionCoef) linear, opacity 0 linear;\r\n      transition-delay: 2 * ferrisWheelTransitionCoef;\r\n      height: baseSpikeHeight;\r\n      opacity: 1;\r\n\r\n      &.is-1 {\r\n        transform: rotate(rotateAngle);\r\n      }\r\n\r\n      &.is-2 {\r\n        transform: rotate((- rotateAngle));\r\n      }\r\n    }\r\n  }\r\n\r\n  .ferris-base--handle {\r\n    circle: 30 * PX;\r\n    background-color: #ff6d6a;\r\n    position: absolute;\r\n    left: 50%;\r\n    margin-left: - 15 * PX;\r\n    top: - baseSpikeHeight + 10 * PX;\r\n    transform: scale(0);\r\n\r\n    .is-open & {\r\n      transform: scale(1);\r\n      transition: all ferrisWheelTransitionCoef cubic-bezier(0.35, 1.65, 0.375, 0.79);\r\n      transition-delay: 4 * ferrisWheelTransitionCoef;\r\n    }\r\n\r\n    size = 35%;\r\n\r\n    &:after {\r\n      content: '';\r\n      circle: size;\r\n      center-shift: size;\r\n      background-color: #b72737;\r\n    }\r\n  }\r\n}\r\n\r\nspikeHeight = 38 * PX;\r\ncabinSize = 44 * PX;\r\nferrisWheelSize = 375;\r\n\r\n/* 4a3bad0ec6b13193efca6723a150cfba */\r\n.ferris-wheel {\r\n  rect: ferrisWheelSize * PX;\r\n  z-index: 0;\r\n  position: absolute;\r\n  bottom: groundHeight + 14 * PX;\r\n  left: 50%;\r\n  margin-left: -190 * PX;\r\n\r\n  .ferris-wheel--script-path {\r\n    position: absolute;\r\n    top: - 16 * gs;\r\n    left: - 20 * gs;\r\n\r\n    text {\r\n      fill: #493542;\r\n      font-size: 4 * gs;\r\n    }\r\n  }\r\n\r\n  .ferris-wheel--core {\r\n    animation-fill-mode: both;\r\n    animation: ferris-wheel-rotate 30s linear infinite;\r\n  }\r\n\r\n  .cabin--core {\r\n    animation-fill-mode: both;\r\n    animation: ferris-cabin-rotate 30s linear infinite;\r\n  }\r\n\r\n  &.is-open {\r\n    .ferris-base {\r\n      transform: translateY(0);\r\n      transition: all 0 linear;\r\n    }\r\n\r\n    .ferris-base--center {\r\n      transform: scale(1);\r\n      transition: all ferrisWheelTransitionCoef cubic-bezier(0.35, 1.65, 0.375, 0.79);\r\n      transition-delay: 4.5 * ferrisWheelTransitionCoef;\r\n    }\r\n\r\n    .ferris-wheel--circle2 {\r\n      transform: scale(1);\r\n      transition: all ferrisWheelTransitionCoef cubic-bezier(0.35, 1.65, 0.375, 0.79);\r\n      transition-delay: 5 * ferrisWheelTransitionCoef;\r\n    }\r\n\r\n    .ferris-wheel--circle1 {\r\n      transform: scale(1);\r\n      transition: all ferrisWheelTransitionCoef cubic-bezier(0.35, 1.65, 0.375, 0.79);\r\n      transition-delay: 5.5 * ferrisWheelTransitionCoef;\r\n    }\r\n\r\n    .ferris-wheel--spike {\r\n      transition: all ferrisWheelTransitionCoef linear;\r\n      transition-delay: 6 * ferrisWheelTransitionCoef;\r\n      height: spikeHeight;\r\n      opacity: 1;\r\n      spikeAngle = 60;\r\n      spikesCircleSize = (ferrisWheelSize * 0.69);\r\n      cnt = 24;\r\n      PI = 3.141598;\r\n      step = ((2 * PI) / cnt);\r\n      rotateStep = (360 / cnt);\r\n      rotateAngle = 0;\r\n      centerX = (ferrisWheelSize / 2) - 1;\r\n      centerY = (ferrisWheelSize / 2);\r\n      radius = (spikesCircleSize / 2);\r\n      angle = 0;\r\n\r\n      for i in 0 .. (cnt - 1) {\r\n        &.n-{i} {\r\n          x = centerX + cos(angle) * radius;\r\n          y = centerY + sin(angle) * radius;\r\n          transform: translateX(x * PX) translateY(y * PX - (spikeHeight / 2)) rotate((rotateAngle - spikeAngle) deg);\r\n          transform-origin: 50% 50%;\r\n        }\r\n\r\n        rotateAngle = rotateAngle + rotateStep;\r\n        angle = angle + step;\r\n      }\r\n\r\n      rotateAngle = 0;\r\n      angle = 0.16;\r\n\r\n      for i in 0 .. (cnt - 1) {\r\n        &.s-{i} {\r\n          x = centerX + cos(angle) * radius;\r\n          y = centerY + sin(angle) * radius;\r\n          transform: translateX(x * PX) translateY(y * PX - (spikeHeight / 2)) rotate((rotateAngle + spikeAngle) deg);\r\n          transform-origin: 50% 50%;\r\n        }\r\n\r\n        rotateAngle = rotateAngle + rotateStep;\r\n        angle = angle + step;\r\n      }\r\n    }\r\n\r\n    .cabin {\r\n      opacity: 1;\r\n      transition-duration: 0;\r\n      cnt = 12;\r\n      PI = 3.141598;\r\n      step = ((2 * PI) / cnt);\r\n      rotateStep = (360 / cnt);\r\n      rotateAngle = 0;\r\n      centerX = (ferrisWheelSize / 2);\r\n      centerY = (ferrisWheelSize / 2);\r\n      radius = (ferrisWheelSize / 2);\r\n      angle = 0;\r\n\r\n      .human {\r\n        transition: top ferrisWheelTransitionCoef linear;\r\n      }\r\n\r\n      for i in 0 .. (cnt - 1) {\r\n        &.n-{i} {\r\n          .human-0 {\r\n            top: - 5 * PX;\r\n            right: 20%;\r\n            transition-delay: 7 * ferrisWheelTransitionCoef + (random(0, 25) / 100);\r\n          }\r\n\r\n          .human-1 {\r\n            top: - random(0, 5) * PX;\r\n            right: 40%;\r\n            transition-delay: 7 * ferrisWheelTransitionCoef + (random(0, 25) / 100);\r\n          }\r\n\r\n          .human-2 {\r\n            top: - random(3, 7) * PX;\r\n            right: 60%;\r\n            transition-delay: 7 * ferrisWheelTransitionCoef + (random(0, 25) / 100);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .cabin--handle {\r\n      height: 40 * PX;\r\n      transition: all ferrisWheelTransitionCoef linear;\r\n      transition-delay: 6 * ferrisWheelTransitionCoef;\r\n    }\r\n\r\n    .cabin--core2 {\r\n      transform: scale(1);\r\n      transition: all ferrisWheelTransitionCoef linear;\r\n      transition-delay: 6.5 * ferrisWheelTransitionCoef;\r\n    }\r\n  }\r\n\r\n  .ferris-wheel--core {\r\n    rect: 100%;\r\n    position: absolute;\r\n    transform-origin: 50% 50%;\r\n  }\r\n\r\n  .cabin--core {\r\n    transform-origin: 50% 50%;\r\n  }\r\n\r\n  .ferris-base {\r\n    position: absolute;\r\n    z-index: 2;\r\n    left: 20 * PX;\r\n    bottom: - 15 * PX;\r\n    transform: translateY(300px);\r\n    transition: all ferrisWheelTransitionCoef line;\r\n  }\r\n\r\n  size = 115 * PX;\r\n\r\n  .ferris-base--center {\r\n    background-color: #ff6d6a;\r\n    circle: size;\r\n    transform: scale(0);\r\n    z-index: 0;\r\n    top: - 222 * PX;\r\n    position: absolute;\r\n    left: 50%;\r\n    margin-left: -(size / 2);\r\n    iconSize = 67.5%;\r\n\r\n    .icon {\r\n      position: absolute;\r\n      fill: #fff;\r\n      rect: iconSize;\r\n      left: ((100% - iconSize) / 1.65);\r\n      top: ((100% - iconSize) / 1.65);\r\n    }\r\n  }\r\n\r\n  .ferris-wheel--spike {\r\n    width: 3 * PX;\r\n    height: 0;\r\n    height: spikeHeight;\r\n    background-color: #9a3333;\r\n    position: absolute;\r\n    z-index: 0;\r\n    transform-origin: 50% 50%;\r\n    opacity: 0;\r\n    spikeAngle = 60;\r\n    spikesCircleSize = (ferrisWheelSize * 0.69);\r\n    cnt = 24;\r\n    PI = 3.141598;\r\n    step = ((2 * PI) / cnt);\r\n    rotateStep = (360 / cnt);\r\n    rotateAngle = 0;\r\n    centerX = (ferrisWheelSize / 2) - 0;\r\n    centerY = (ferrisWheelSize / 2);\r\n    radius = (spikesCircleSize / 2) - 15;\r\n    angle = 0;\r\n\r\n    for i in 0 .. (cnt - 1) {\r\n      &.n-{i} {\r\n        x = centerX + cos(angle) * radius;\r\n        y = centerY + sin(angle) * radius;\r\n        transform: translateX(x * PX) translateY(y * PX - (spikeHeight / 2)) rotate(rotateAngle deg);\r\n      }\r\n\r\n      rotateAngle = rotateAngle + rotateStep;\r\n      angle = angle + step;\r\n    }\r\n\r\n    rotateAngle = 0;\r\n    angle = 0.16;\r\n\r\n    for i in 0 .. (cnt - 1) {\r\n      &.s-{i} {\r\n        x = centerX + cos(angle) * radius;\r\n        y = centerY + sin(angle) * radius;\r\n        transform: translateX(x * PX) translateY(y * PX - (spikeHeight / 2)) rotate(rotateAngle deg);\r\n      }\r\n\r\n      rotateAngle = rotateAngle + rotateStep;\r\n      angle = angle + step;\r\n    }\r\n  }\r\n\r\n  circle1Size = 85%;\r\n\r\n  .ferris-wheel--circle1 {\r\n    position: absolute;\r\n    circle: circle1Size;\r\n    border: 17 * PX solid #c94a4a;\r\n    left: ((100% - circle1Size) / 2);\r\n    top: ((100% - circle1Size) / 2);\r\n    z-index: 1;\r\n    transform: scale(0);\r\n    transition: all ferrisWheelTransitionCoef linear;\r\n    transition-delay: ferrisWheelTransitionCoef;\r\n  }\r\n\r\n  circle2Size = 65%;\r\n\r\n  .ferris-wheel--circle2 {\r\n    position: absolute;\r\n    circle: circle2Size;\r\n    // border 10*PX solid #c94a4a\r\n    border: 10 * PX solid white;\r\n    left: ((100% - circle2Size) / 2);\r\n    top: ((100% - circle2Size) / 2);\r\n    z-index: 1;\r\n    transform: scale(0);\r\n    transition: all ferrisWheelTransitionCoef linear;\r\n    transition-delay: 2 * ferrisWheelTransitionCoef;\r\n  }\r\n\r\n  .cabin {\r\n    position: absolute;\r\n    nw: 0;\r\n    opacity: 1;\r\n\r\n    // z-index 10\r\n    .icon {\r\n      fill: #3f797f;\r\n    }\r\n  }\r\n\r\n  cnt = 12;\r\n  PI = 3.141598;\r\n  step = ((2 * PI) / cnt);\r\n  rotateStep = (360 / cnt);\r\n  rotateAngle = 0;\r\n  centerX = (ferrisWheelSize / 2);\r\n  centerY = (ferrisWheelSize / 2);\r\n  radius = (ferrisWheelSize / 2);\r\n  angle = 0;\r\n\r\n  for i in 0 .. (cnt - 1) {\r\n    .n-{i} {\r\n      x = centerX + cos(angle) * radius;\r\n      y = centerY + sin(angle) * radius;\r\n      transform: translateX(x * PX - (cabinSize / 2)) translateY(y * PX - (cabinSize / 2));\r\n\r\n      .cabin--handle {\r\n        transform: rotate((90 + rotateAngle)deg);\r\n        z-index: -1;\r\n      }\r\n\r\n      .human {\r\n        position: absolute;\r\n        top: 12 * PX;\r\n      }\r\n\r\n      .human-0 {\r\n        right: 20%;\r\n      }\r\n\r\n      .human-1 {\r\n        right: 40%;\r\n      }\r\n\r\n      .human-2 {\r\n        right: 60%;\r\n      }\r\n    }\r\n\r\n    .n-google-plus, .n-youtube, .n-quora {\r\n      .icon {\r\n        fill: #f46f53;\r\n      }\r\n    }\r\n\r\n    .n-blogging {\r\n      .icon {\r\n        fill: #8fa2a8;\r\n      }\r\n    }\r\n\r\n    rotateAngle = rotateAngle + rotateStep;\r\n    angle = angle + step;\r\n  }\r\n}\r\n\r\n.cabin {\r\n  // border-radius 50%\r\n  rect: cabinSize;\r\n  position: relative;\r\n\r\n  .cabin--core, .cabin--core2 {\r\n    rect: 100%;\r\n    position: absolute;\r\n    nw: 0;\r\n  }\r\n\r\n  .cabin--core2 {\r\n    transform: scale(0);\r\n    transition: all ferrisWheelTransitionCoef linear;\r\n    transition-delay: 0;\r\n  }\r\n\r\n  .human {\r\n    z-index: 0;\r\n    position: absolute;\r\n  }\r\n\r\n  iconSize = 60%;\r\n\r\n  .icon {\r\n    position: absolute;\r\n    z-index: 2;\r\n    rect: iconSize;\r\n    left: ((100% - iconSize) / 2);\r\n    top: ((100% - iconSize) / 2);\r\n  }\r\n\r\n  cabinHandleWidth = 18 * PX;\r\n\r\n  .cabin--handle {\r\n    background-color: #9a3333;\r\n    width: cabinHandleWidth;\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    margin-left: -(cabinHandleWidth / 2);\r\n    z-index: 0;\r\n    transform-origin: 50% top;\r\n    height: 0;\r\n  }\r\n\r\n  .cabin--base {\r\n    circle: cabinSize;\r\n    position: absolute;\r\n    background-color: white;\r\n    z-index: 1;\r\n  }\r\n}\r\n\r\n@-moz-document url-prefix() {\r\n  .cabin {\r\n    .human {\r\n      animation: cabinFix 0.2s linear infinite;\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes ferris-cabin-rotate {\r\n  0% {\r\n    transform: rotate(0);\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes ferris-wheel-rotate {\r\n  0% {\r\n    transform: rotate(360deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(0);\r\n  }\r\n}\r\n\r\n@keyframes cabinFix {\r\n  0% {\r\n    transform: translateZ(0);\r\n  }\r\n\r\n  100% {\r\n    transform: translateZ(1px);\r\n  }\r\n}\r\n\r\n.inputMatch {\r\n  padding: 10px;\r\n  font-size: 30px;\r\n  color: wheat;\r\n}\r\n\r\n#chat-button {\r\n  background-color: #B4DBD9;\r\n  margin: 32px 0 0 400px;\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./LoveWheal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./LoveWheal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LoveWheal.vue?vue&type=template&id=58d21c7a&scoped=true&lang=pug&\"\nimport script from \"./LoveWheal.vue?vue&type=script&lang=js&\"\nexport * from \"./LoveWheal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LoveWheal.vue?vue&type=style&index=0&id=58d21c7a&lang=stylus&scoped=true&\"\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  \"58d21c7a\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/stylus-loader/index.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoveWheal.vue?vue&type=style&index=0&id=58d21c7a&lang=stylus&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/stylus-loader/index.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoveWheal.vue?vue&type=style&index=0&id=58d21c7a&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-list-group',_vm._l((_vm.threads),function(thread,index){return _c('b-list-group-item',{key:index,attrs:{\"forumId\":thread.forumId},on:{\"click\":function($event){return _vm.goToThread(thread.routeName)}}},[_c('span',{staticStyle:{\"cursor\":\"pointer\",\"color\":\"rgba(150, 155, 5, 0.8)\"},attrs:{\"forumid\":thread.forumid}},[_vm._v(\" \"+_vm._s(thread.forumName))])])}),1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-list-group>\r\n    <b-list-group-item\r\n      v-for=\"(thread, index) in threads\"\r\n      :key=\"index\"\r\n      :forumId=\"thread.forumId\"\r\n      @click=\"goToThread(thread.routeName)\"\r\n    >\r\n      <!-- <font-awesome-icon :icon=\"thread.iconName\" size=\"lg\" /> -->\r\n      <span\r\n        class=\"\"\r\n        style=\"cursor: pointer; color: rgba(150, 155, 5, 0.8)\"\r\n        :forumid=\"thread.forumid\"\r\n      >\r\n        {{ thread.forumName }}</span\r\n      >\r\n    </b-list-group-item>\r\n  </b-list-group>\r\n</template>\r\n\r\n<script>\r\n// import axios from \"axios\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      threads: [],\r\n      // dataId:\"\",\r\n    };\r\n  },\r\n  beforeRouteUpdate() {},\r\n  methods: {\r\n    goToThread(name) {\r\n      const vm = this;\r\n      vm.$router.push(`/Thread/${name}`);\r\n    },\r\n\r\n    async getSideBar() {\r\n      const url = process.env.VUE_APP_API + \"/api/Forum/GetAll\";\r\n      await this.$axios\r\n        .get(url)\r\n        .then((response) => {\r\n          response.data.forEach((item) => {\r\n            this.threads.push(item);\r\n          });\r\n        })\r\n        .catch((err) => {\r\n          console.log(err);\r\n        });\r\n    },\r\n  },\r\n\r\n  async created() {\r\n    await this.getSideBar();\r\n  },\r\n};\r\n</script>\r\n\r\n<style></style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./Sidbar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./Sidbar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Sidbar.vue?vue&type=template&id=6fa70d1d&\"\nimport script from \"./Sidbar.vue?vue&type=script&lang=js&\"\nexport * from \"./Sidbar.vue?vue&type=script&lang=js&\"\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"],"sourceRoot":""}