{"version":3,"sources":["webpack:///./src/views/Article.vue?d7da","webpack:///src/views/Article.vue","webpack:///./src/views/Article.vue?c800","webpack:///./src/views/Article.vue","webpack:///./node_modules/core-js/modules/es.symbol.description.js","webpack:///./src/views/Article.vue?e3ef"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","article","title","userName","createDate","replace","userId","reply","on","$event","$bvModal","show","saveOrginArticle","attrs","_e","deleteArticle","domProps","description","class","articleCurrentThumbStatus","isLike","preventDefault","likeArticle","likeNumber","isDisLike","dislikeArticle","disLikeNumber","_l","message","index","key","messageId","isLogin","userImg","createdDate","context","deleteMessage","msgCurrentThumbStatusList","likeMessage","messageList","length","dislikeMessage","memberImg","directives","name","rawName","value","expression","target","composing","$set","trim","postMessage","editArticle","cancelEdit","customModulesForEditor","editorSettings","handleImageAdded","model","callback","$$v","staticRenderFns","components","data","modules","imageDrop","imageResize","postId","state","tempTitle","tempDescription","articleOriginThumbStatus","msgOriginThumbStatusList","articletimer","msgTimer","methods","formData","FormData","append","file","url","method","headers","Authorization","CLIENT_ID","getUserInfo","vm","$axios","checkLogin","$swal","text","type","showCancelButton","confirmButtonText","cancelButtonText","result","$router","push","getArticle","get","then","res","getUserThumbStatus","getMessages","issuccessful","forEach","defaultData","item","id","console","log","position","icon","showConfirmButton","timer","post","origin","current","err","thumbUpCheck","currentThumbStatus","viewData","thumbDownCheck","updateArticleStatus","updateMessageStatus","put","beforeDestroy","component","$","DESCRIPTORS","global","has","isObject","defineProperty","f","copyConstructorProperties","NativeSymbol","Symbol","prototype","undefined","EmptyStringDescriptionStore","SymbolWrapper","arguments","String","symbolPrototype","constructor","symbolToString","toString","native","regexp","configurable","symbol","valueOf","string","call","desc","slice","forced"],"mappings":"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","file":"js/chunk-6d9312dd.84f96560.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"background bg-secondary\"},[_c('Navbar'),_c('div',{staticClass:\"bg-secondary\"},[_c('div',{staticClass:\"container py-5\"},[_c('div',{staticClass:\"row justify-content-center\"},[_c('div',{staticClass:\"col-lg-9 col-12\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"row justify-content-between\"},[_c('div',{staticClass:\"col-6\"},[_c('h3',{staticClass:\"card-title\"},[_vm._v(_vm._s(_vm.article.title))]),_c('h6',{staticClass:\"card-subtitle mb-2 text-success\"},[_vm._v(\" 作者: \"+_vm._s(_vm.article.userName)+\" \")]),_c('p',{staticClass:\"card-date text-muted\"},[_vm._v(\" \"+_vm._s(_vm.article.createDate .replace(/-/g, \"/\") .replace(\"T\", \" \") .replace(/\\.\\d+/, \"\"))+\" \")])]),_c('div',{staticClass:\"col-3 d-flex justify-content-end align-items-center\"},[(_vm.article.userId === _vm.reply.userId)?_c('a',{staticClass:\"title-btn rounded-circle\",on:{\"click\":function($event){_vm.$bvModal.show('edit');\n                      _vm.saveOrginArticle();}}},[_c('font-awesome-icon',{attrs:{\"icon\":\"pen\",\"size\":\"lg\"}})],1):_vm._e(),(_vm.article.userId === _vm.reply.userId)?_c('a',{staticClass:\"title-btn rounded-circle\",on:{\"click\":_vm.deleteArticle}},[_c('font-awesome-icon',{attrs:{\"icon\":\"trash\",\"size\":\"lg\"}})],1):_vm._e()])]),_c('hr'),_c('div',{staticClass:\"article-content\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.article.description)}}),_c('div',{staticClass:\"col-6 d-flex align-items-center p-0\"},[_c('div',{staticClass:\"mr-2 d-flex align-items-center\"},[_c('a',{staticClass:\"rounded-circle title-btn\",class:!_vm.articleCurrentThumbStatus.isLike ? '' : 'active',on:{\"click\":function($event){$event.preventDefault();return _vm.likeArticle($event)}}},[_c('font-awesome-icon',{attrs:{\"icon\":\"thumbs-up\",\"size\":\"lg\"}})],1),_c('span',{staticClass:\"text-secondary px-2\"},[_vm._v(_vm._s(_vm.article.likeNumber))])]),_c('div',{staticClass:\"mr-2 d-flex align-items-center\"},[_c('a',{staticClass:\"rounded-circle title-btn\",class:!_vm.articleCurrentThumbStatus.isDisLike ? '' : 'active',on:{\"click\":function($event){$event.preventDefault();return _vm.dislikeArticle($event)}}},[_c('font-awesome-icon',{attrs:{\"icon\":\"thumbs-down\",\"size\":\"lg\"}})],1),_c('span',{staticClass:\"text-secondary px-2\"},[_vm._v(_vm._s(_vm.article.disLikeNumber))])])])])]),_c('div',{staticClass:\"reply-group border p-3\"},[_vm._l((_vm.messageList),function(message,index){return _c('div',{key:message.messageId,staticClass:\"reply-item d-flex justify-content-between\"},[_c('div',{staticClass:\"col-12 col-md-9 d-flex p-0\"},[_c('a',{staticClass:\"user-img\"},[(!_vm.isLogin)?_c('font-awesome-icon',{attrs:{\"icon\":\"user\",\"size\":\"lg\"}}):_c('img',{attrs:{\"src\":message.userImg,\"alt\":\"userImg\"}})],1),_c('div',{staticClass:\"reply-content\"},[_c('a',{staticClass:\"replay-user mr-2 d-inline-block\"},[_vm._v(_vm._s(message.userName))]),_c('span',{staticClass:\"card-date text-muted\"},[_vm._v(_vm._s(message.createdDate .replace(/-/g, \"/\") .replace(\"T\", \" \") .replace(/\\.\\d+/, \"\")))]),_c('p',[_vm._v(_vm._s(message.context))])])]),_c('div',{staticClass:\"col-12 col-md-3 d-flex align-items-center justify-content-end p-0\"},[(message.userId === _vm.reply.userId)?_c('a',{staticClass:\"title-btn msg-btn border-0 rounded-circle\",on:{\"click\":function($event){$event.preventDefault();return _vm.deleteMessage(message.messageId)}}},[_c('font-awesome-icon',{attrs:{\"icon\":\"trash\",\"size\":\"sm\"}})],1):_vm._e(),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('a',{staticClass:\"title-btn msg-btn border-0 rounded-circle\",class:_vm.msgCurrentThumbStatusList[index].isLike ? 'active' : '',on:{\"click\":function($event){$event.preventDefault();return _vm.likeMessage(index)}}},[_c('font-awesome-icon',{attrs:{\"icon\":\"thumbs-up\",\"size\":\"sm\"}})],1),_c('span',{staticClass:\"msg-num\"},[_vm._v(_vm._s(message.likeNumber))])]),_c('div',{staticClass:\"d-flex align-items-center\"},[( _vm.messageList.length > 0)?_c('a',{staticClass:\"title-btn msg-btn border-0 rounded-circle\",class:_vm.msgCurrentThumbStatusList[index].isDisLike ? 'active' : '',on:{\"click\":function($event){$event.preventDefault();return _vm.dislikeMessage(index)}}},[_c('font-awesome-icon',{attrs:{\"icon\":\"thumbs-down\",\"size\":\"sm\"}})],1):_vm._e(),_c('span',{staticClass:\"msg-num\"},[_vm._v(_vm._s(message.disLikeNumber))])])])])}),_c('div',{staticClass:\"reply-item border-0\"},[_c('div',{staticClass:\"input-group\"},[_c('a',{staticClass:\"user-img text-secondary bg-white\"},[(!_vm.isLogin)?_c('font-awesome-icon',{attrs:{\"icon\":\"user\",\"size\":\"lg\"}}):_c('img',{attrs:{\"src\":_vm.memberImg,\"alt\":\"memberImg\"}})],1),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.reply.context),expression:\"reply.context\"}],staticClass:\"form-control\",attrs:{\"placeholder\":\"留個言吧~\"},domProps:{\"value\":(_vm.reply.context)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.reply, \"context\", $event.target.value)}}}),_c('button',{staticClass:\"btn btn-secondary h-100\",attrs:{\"disabled\":_vm.reply.context.trim() !== ''? false:true},on:{\"click\":function($event){$event.preventDefault();return _vm.postMessage($event)}}},[_vm._v(\" 送出 \")])])])],2)])])])])]),_c('b-modal',{attrs:{\"id\":\"edit\",\"title\":\"編輯文章\",\"size\":\"lg\",\"centered\":\"\",\"ok-title\":\"儲存\",\"cancel-title\":\"取消\"},on:{\"ok\":_vm.editArticle,\"cancel\":_vm.cancelEdit}},[_c('div',{staticClass:\"input-group input-group-sm mb-3\"},[_c('div',{staticClass:\"input-group-prepend h-100\"},[_c('label',{staticClass:\"input-group-text bg-dark text-white\",attrs:{\"id\":\"articleTitle\"}},[_vm._v(\"標題\")])]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.article.title),expression:\"article.title\"}],staticClass:\"form-control h-100\",attrs:{\"type\":\"text\",\"aria-label\":\"Sizing example input\",\"aria-describedby\":\"articleTitle\"},domProps:{\"value\":(_vm.article.title)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.article, \"title\", $event.target.value)}}})]),_c('vue-editor',{attrs:{\"id\":\"editor\",\"useCustomImageHandler\":\"\",\"customModules\":_vm.customModulesForEditor,\"editorOptions\":_vm.editorSettings},on:{\"image-added\":_vm.handleImageAdded},model:{value:(_vm.article.description),callback:function ($$v) {_vm.$set(_vm.article, \"description\", $$v)},expression:\"article.description\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"background bg-secondary\">\r\n    <Navbar />\r\n    <div class=\"bg-secondary\">\r\n      <div class=\"container py-5\">\r\n        <div class=\"row justify-content-center\">\r\n          <div class=\"col-lg-9 col-12\">\r\n            <div class=\"card\">\r\n              <div class=\"card-body\">\r\n                <div class=\"row justify-content-between\">\r\n                  <div class=\"col-6\">\r\n                    <h3 class=\"card-title\">{{ article.title }}</h3>\r\n                    <h6 class=\"card-subtitle mb-2 text-success\">\r\n                      作者: {{ article.userName }}\r\n                    </h6>\r\n                    <p class=\"card-date text-muted\">\r\n                      {{\r\n                        article.createDate\r\n                          .replace(/-/g, \"/\")\r\n                          .replace(\"T\", \" \")\r\n                          .replace(/\\.\\d+/, \"\")\r\n                      }}\r\n                    </p>\r\n                  </div>\r\n                  <div class=\"col-3 d-flex justify-content-end align-items-center\">\r\n                    <a v-if=\"article.userId === reply.userId\" class=\"title-btn rounded-circle\" @click=\"\r\n                        $bvModal.show('edit');\r\n                        saveOrginArticle();\r\n                      \">\r\n                      <font-awesome-icon icon=\"pen\" size=\"lg\" />\r\n                    </a>\r\n                    <a v-if=\"article.userId === reply.userId\" class=\"title-btn rounded-circle\" @click=\"deleteArticle\">\r\n                      <font-awesome-icon icon=\"trash\" size=\"lg\" />\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n                <hr />\r\n                <div class=\"article-content\">\r\n                  <div v-html=\"article.description\"></div>\r\n                  <div class=\"col-6 d-flex align-items-center p-0\">\r\n                    <div class=\"mr-2 d-flex align-items-center\">\r\n                      <a class=\"rounded-circle title-btn\" :class=\"!articleCurrentThumbStatus.isLike ? '' : 'active'\"\r\n                        @click.prevent=\"likeArticle\">\r\n                        <font-awesome-icon icon=\"thumbs-up\" size=\"lg\" />\r\n                      </a>\r\n                      <span class=\"text-secondary px-2\">{{\r\n                        article.likeNumber\r\n                      }}</span>\r\n                    </div>\r\n                    <div class=\"mr-2 d-flex align-items-center\">\r\n                      <a class=\"rounded-circle title-btn\" :class=\"!articleCurrentThumbStatus.isDisLike ? '' : 'active'\"\r\n                        @click.prevent=\"dislikeArticle\">\r\n                        <font-awesome-icon icon=\"thumbs-down\" size=\"lg\" />\r\n                      </a>\r\n                      <span class=\"text-secondary px-2\">{{\r\n                        article.disLikeNumber\r\n                      }}</span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"reply-group border p-3\">\r\n                <div class=\"reply-item d-flex justify-content-between\" v-for=\"(message, index) in messageList\"\r\n                  :key=\"message.messageId\">\r\n                  <div class=\"col-12 col-md-9 d-flex p-0\">\r\n                    <a class=\"user-img\">\r\n                      <font-awesome-icon icon=\"user\" size=\"lg\" v-if=\"!isLogin\" />\r\n                      <img :src=\"message.userImg\" alt=\"userImg\" v-else />\r\n                    </a>\r\n                    <div class=\"reply-content\">\r\n                      <a class=\"replay-user mr-2 d-inline-block\">{{\r\n                        message.userName\r\n                      }}</a>\r\n                      <span class=\"card-date text-muted\">{{\r\n                        message.createdDate\r\n                          .replace(/-/g, \"/\")\r\n                          .replace(\"T\", \" \")\r\n                          .replace(/\\.\\d+/, \"\")\r\n                      }}</span>\r\n                      <p>{{ message.context }}</p>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-12 col-md-3 d-flex align-items-center justify-content-end p-0\">\r\n                    <a class=\"title-btn msg-btn border-0 rounded-circle\" v-if=\"message.userId === reply.userId\"\r\n                      @click.prevent=\"deleteMessage(message.messageId)\">\r\n                      <font-awesome-icon icon=\"trash\" size=\"sm\" />\r\n                    </a>\r\n                    <div class=\"d-flex align-items-center\">\r\n                      <a class=\"title-btn msg-btn border-0 rounded-circle\"\r\n                        :class=\"msgCurrentThumbStatusList[index].isLike ? 'active' : ''\"\r\n                        @click.prevent=\"likeMessage(index)\">\r\n                        <font-awesome-icon icon=\"thumbs-up\" size=\"sm\" />\r\n                      </a>\r\n                      <span class=\"msg-num\">{{ message.likeNumber }}</span>\r\n                    </div>\r\n                    <div class=\"d-flex align-items-center\">\r\n                      <a class=\"title-btn msg-btn border-0 rounded-circle\"\r\n                        :class=\"msgCurrentThumbStatusList[index].isDisLike ? 'active' : ''\"\r\n                        v-if=\" messageList.length > 0\" @click.prevent=\"dislikeMessage(index)\">\r\n                        <font-awesome-icon icon=\"thumbs-down\" size=\"sm\" />\r\n                      </a>\r\n                      <span class=\"msg-num\">{{ message.disLikeNumber }}</span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"reply-item border-0\">\r\n                  <div class=\"input-group\">\r\n                    <a class=\"user-img text-secondary bg-white\">\r\n                      <font-awesome-icon icon=\"user\" size=\"lg\" v-if=\"!isLogin\" />\r\n                      <img :src=\"memberImg\" alt=\"memberImg\" v-else />\r\n                    </a>\r\n                    <textarea class=\"form-control\" placeholder=\"留個言吧~\" v-model=\"reply.context\"></textarea>\r\n                    <button class=\"btn btn-secondary h-100\" @click.prevent=\"postMessage\"\r\n                      :disabled=\"reply.context.trim() !== ''? false:true\">\r\n                      送出\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <b-modal id=\"edit\" title=\"編輯文章\" size=\"lg\" centered ok-title=\"儲存\" cancel-title=\"取消\" @ok=\"editArticle\"\r\n      @cancel=\"cancelEdit\">\r\n      <div class=\"input-group input-group-sm mb-3\">\r\n        <div class=\"input-group-prepend h-100\">\r\n          <label class=\"input-group-text bg-dark text-white\" id=\"articleTitle\">標題</label>\r\n        </div>\r\n        <input type=\"text\" class=\"form-control h-100\" aria-label=\"Sizing example input\" aria-describedby=\"articleTitle\"\r\n          v-model=\"article.title\">\r\n      </div>\r\n      <vue-editor id=\"editor\" useCustomImageHandler @image-added=\"handleImageAdded\"\r\n        :customModules=\"customModulesForEditor\" :editorOptions=\"editorSettings\" v-model=\"article.description\">\r\n      </vue-editor>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Navbar from \"../components/common/Navbar\";\r\nimport { VueEditor } from \"vue2-editor\";\r\nimport { ImageDrop } from \"quill-image-drop-module\";\r\nimport ImageResize from \"quill-image-resize\";\r\nimport axios from \"axios\";\r\nexport default {\r\n  components: { Navbar, VueEditor },\r\n  data () {\r\n    return {\r\n      isLogin: false,\r\n\r\n      //編輯器\r\n      customModulesForEditor: [\r\n        { alias: \"imageDrop\", module: ImageDrop },\r\n        { alias: \"imageResize\", module: ImageResize },\r\n      ],\r\n      editorSettings: {\r\n        modules: {\r\n          imageDrop: true,\r\n          imageResize: {},\r\n        },\r\n      },\r\n      //文章\r\n      article: {\r\n        postId: \"\",\r\n        userId: \"\",\r\n        title: \"\",\r\n        userName: \"\",\r\n        createDate: \"\",\r\n        likeNumber: 0,\r\n        disLikeNumber: 0,\r\n        description: \"\",\r\n        state: false,\r\n      },\r\n      //留言\r\n      messageList: [],\r\n      // 編輯暫存\r\n      tempTitle: \"\",\r\n      tempDescription: \"\",\r\n      // 使用者回覆\r\n      memberImg: \"\",\r\n      reply: {\r\n        postId: \"\",\r\n        context: \"\",\r\n        userId: \"\",\r\n      },\r\n      // 儲存原始按讚資料\r\n      articleOriginThumbStatus: {\r\n        postId: \"\",\r\n        userId: \"\",\r\n        likeNumber: 0,\r\n        disLikeNumber: 0,\r\n        isLike: false,\r\n        isDisLike: false,\r\n      },\r\n      // 按讚變化\r\n      articleCurrentThumbStatus: {\r\n        postId: \"\",\r\n        userId: \"\",\r\n        likeNumber: 0,\r\n        disLikeNumber: 0,\r\n        isLike: false,\r\n        isDisLike: false,\r\n      },\r\n      msgOriginThumbStatusList: [],\r\n      msgCurrentThumbStatusList: [],\r\n\r\n      articletimer: null,\r\n      msgTimer: null\r\n    };\r\n  },\r\n  methods: {\r\n    //圖片編輯器\r\n    handleImageAdded (file, Editor, cursorLocation) {\r\n      const CLIENT_ID = \"3d78cf6e67ed6af\";\r\n      var formData = new FormData();\r\n      formData.append(\"image\", file);\r\n      axios({\r\n        url: \"https://api.imgur.com/3/image\",\r\n        method: \"POST\",\r\n        headers: {\r\n          Authorization: \"Client-ID \" + CLIENT_ID,\r\n        },\r\n        data: formData,\r\n      })\r\n        .then((result) => {\r\n          let url = result.data.data.link;\r\n          Editor.insertEmbed(cursorLocation, \"image\", url);\r\n        })\r\n        .catch((err) => {\r\n          console.log(err);\r\n        });\r\n    },\r\n    getUserInfo () {\r\n      let vm = this;\r\n      let userUrl = process.env.VUE_APP_API + \"/api/Users/getSingleMember\";\r\n\r\n      return vm.$axios\r\n        .get(userUrl)\r\n        .then((res) => {\r\n          vm.reply.userId = res.data.data.userId;\r\n          vm.memberImg = res.data.data.imgLink;\r\n          vm.isLogin = true;\r\n        })\r\n        .catch((err) => {\r\n          console.log(err);\r\n        });\r\n    },\r\n    checkLogin () {\r\n      let vm = this;\r\n      if (!vm.isLogin) {\r\n        vm.$swal({\r\n          title: `請先登入喔`,\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            vm.$router.push('/login')\r\n          }\r\n        });\r\n        return false\r\n      } else {\r\n        return true\r\n      }\r\n    },\r\n    // 文章內容\r\n    getArticle () {\r\n      let vm = this;\r\n      let url = process.env.VUE_APP_API + \"/api/Post/getSingle/\" + vm.$route.params.id;\r\n      return vm.$axios.get(url).then((res) => {\r\n        vm.article = {\r\n          postId: res.data.postId,\r\n          userId: res.data.userId,\r\n          title: res.data.title,\r\n          userName: res.data.userName,\r\n          createDate: res.data.createdDate,\r\n          description: res.data.description,\r\n          likeNumber: res.data.likeNumber,\r\n          disLikeNumber: res.data.disLikeNumber,\r\n          state: res.data.state,\r\n        };\r\n        vm.reply.postId = res.data.postId;\r\n      }).then(() => {\r\n        vm.getUserThumbStatus(vm.article.postId, vm.articleOriginThumbStatus, vm.articleCurrentThumbStatus)\r\n        vm.articleOriginThumbStatus.postId = vm.article.postId\r\n        vm.articleCurrentThumbStatus.postId = vm.article.postId\r\n        vm.articleOriginThumbStatus.userId = vm.reply.userId\r\n        vm.articleCurrentThumbStatus.userId = vm.reply.userId\r\n      });\r\n\r\n    },\r\n    saveOrginArticle () {\r\n      let vm = this;\r\n      vm.tempDescription = vm.article.description;\r\n      vm.tempTitle = vm.article.title;\r\n    },\r\n    cancelEdit () {\r\n      let vm = this;\r\n      vm.article.description = vm.tempDescription;\r\n      vm.article.title = vm.tempTitle\r\n    },\r\n    editArticle () {\r\n      let vm = this;\r\n      let url = process.env.VUE_APP_API + \"/api/Post/Edit\";\r\n      let data = {\r\n        postId: vm.article.postId,\r\n        title: vm.article.title,\r\n        description: vm.article.description,\r\n        state: true,\r\n      };\r\n      vm.$axios\r\n        .post(url, data)\r\n        .then((res) => {\r\n          if (res.status === 200) {\r\n            vm.$swal({\r\n              position: \"top-end\",\r\n              title: \"編輯成功\",\r\n              icon: \"success\",\r\n              showConfirmButton: false,\r\n              timer: 1000,\r\n            });\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          vm.$swal({\r\n            position: \"top-end\",\r\n            title: \"編輯失敗\" + err,\r\n            icon: \"error\",\r\n            showConfirmButton: false,\r\n            timer: 1000,\r\n          });\r\n        });\r\n    },\r\n    deleteArticle () {\r\n      let vm = this;\r\n      let url = process.env.VUE_APP_API + \"/api/Post/Delete\";\r\n      let data = {\r\n        postId: vm.article.postId,\r\n      };\r\n      vm.$swal({\r\n        title: `刪除文章`,\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          vm.$axios\r\n            .post(url, data)\r\n            .then((res) => {\r\n              if (res.status === 200) {\r\n                vm.$swal({\r\n                  position: \"top-end\",\r\n                  title: \"刪除成功\",\r\n                  icon: \"success\",\r\n                  showConfirmButton: false,\r\n                  timer: 1500,\r\n                });\r\n                vm.$router.push(\"/\");\r\n              }\r\n            })\r\n            .catch((err) => {\r\n              vm.$swal(\"失敗\", err);\r\n            });\r\n        }\r\n      });\r\n    },\r\n    //留言內容\r\n    getMessages () {\r\n      let vm = this;\r\n      let url = process.env.VUE_APP_API + \"/api/RMessage/GetAllMessages/\" + vm.$route.params.id;\r\n      return vm.$axios.get(url).then((res) => {\r\n        if (res.data.issuccessful) {\r\n          vm.messageList = res.data.data;\r\n          vm.messageList.forEach(() => {\r\n            let defaultData = {\r\n              messageId: \"\",\r\n              userId: \"\",\r\n              isLike: false,\r\n              isDisLike: false,\r\n              likeNumber: 0,\r\n              disLikeNumber: 0\r\n            };\r\n            vm.msgOriginThumbStatusList.push(defaultData);\r\n            vm.msgCurrentThumbStatusList.push(defaultData);\r\n          })\r\n        }\r\n      }).then(() => {\r\n        vm.messageList.forEach((item, index) => {\r\n          vm.getUserThumbStatus(item.messageId, vm.msgOriginThumbStatusList[index], vm.msgCurrentThumbStatusList[index]);\r\n          vm.msgOriginThumbStatusList[index].messageId = item.messageId;\r\n          vm.msgCurrentThumbStatusList[index].messageId = item.messageId;\r\n          vm.msgOriginThumbStatusList[index].userId = vm.reply.userId;\r\n          vm.msgCurrentThumbStatusList[index].userId = vm.reply.userId;\r\n        })\r\n      });\r\n\r\n    },\r\n    postMessage () {\r\n      let vm = this;\r\n      let url = process.env.VUE_APP_API + \"/api/RMessage/CreateMessage\";\r\n      vm.$axios\r\n        .post(url, vm.reply)\r\n        .then((res) => {\r\n          if (res.data.issuccessful) {\r\n            vm.reply.context = \"\";\r\n            vm.getMessages();\r\n          }\r\n        })\r\n        .catch(() => {\r\n          alert(\"請先登入再留言\");\r\n        });\r\n    },\r\n\r\n    deleteMessage (messageId) {\r\n      let vm = this;\r\n      let url = process.env.VUE_APP_API + \"/api/RMessage/DeleteMessages\";\r\n      vm.$swal({\r\n        title: `刪除留言`,\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          vm.$axios({\r\n            method: 'delete',\r\n            url: url,\r\n            data: {\r\n              id: messageId\r\n            }\r\n          }).then((res) => {\r\n            console.log(res);\r\n            vm.$swal({\r\n              position: \"top-end\",\r\n              title: \"刪除成功\",\r\n              icon: \"success\",\r\n              showConfirmButton: false,\r\n              timer: 1500,\r\n            });\r\n\r\n          }).then(() => {\r\n            vm.getMessages()\r\n          })\r\n        }\r\n      });\r\n\r\n    },\r\n    getUserThumbStatus (id, origin, current) {\r\n      let vm = this;\r\n      let url = process.env.VUE_APP_API + \"/api/LikeAndDisLike/GetUserLikeHistory\"\r\n      let data = {\r\n        userId: vm.reply.userId,\r\n        id: id\r\n      }\r\n      if (vm.isLogin) {\r\n        return vm.$axios.post(url, data).then(res => {\r\n          origin.isLike = res.data.data.isLike\r\n          origin.isDisLike = res.data.data.isDisLike\r\n          current.isLike = res.data.data.isLike\r\n          current.isDisLike = res.data.data.isDisLike\r\n        }).catch(err => {\r\n          console.log(err);\r\n        })\r\n      }\r\n      return\r\n    },\r\n    thumbUpCheck (orignThumbStatus, currentThumbStatus, viewData) {\r\n      if (this.articleCurrentThumbStatus.isLike === this.articleOriginThumbStatus.isLike\r\n        && this.articleCurrentThumbStatus.isDisLike === this.articleOriginThumbStatus.isDisLike) {\r\n        this.articleCurrentThumbStatus.likeNumber = this.articleOriginThumbStatus.likeNumber\r\n        this.articleCurrentThumbStatus.disLikeNumber = this.articleOriginThumbStatus.disLikeNumber\r\n      }\r\n      if (!currentThumbStatus.isLike && !currentThumbStatus.isDisLike) {\r\n        currentThumbStatus.isLike = true\r\n        currentThumbStatus.likeNumber = 1\r\n        viewData.likeNumber += 1\r\n        return;\r\n      }\r\n\r\n      if (currentThumbStatus.isLike && !currentThumbStatus.isDisLike) {\r\n        currentThumbStatus.isLike = false\r\n        currentThumbStatus.likeNumber = -1\r\n        viewData.likeNumber -= 1\r\n        return;\r\n      }\r\n      if (!currentThumbStatus.isLike && currentThumbStatus.isDisLike) {\r\n        currentThumbStatus.isLike = true\r\n        currentThumbStatus.likeNumber = 1\r\n        viewData.likeNumber += 1\r\n        currentThumbStatus.isDisLike = false\r\n        currentThumbStatus.disLikeNumber = -1\r\n        viewData.disLikeNumber -= 1\r\n        return;\r\n      }\r\n    },\r\n    thumbDownCheck (orignThumbStatus, currentThumbStatus, viewData) {\r\n      if (this.articleCurrentThumbStatus.isLike === this.articleOriginThumbStatus.isLike\r\n        && this.articleCurrentThumbStatus.isDisLike === this.articleOriginThumbStatus.isDisLike) {\r\n        this.articleCurrentThumbStatus.likeNumber = this.articleOriginThumbStatus.likeNumber\r\n        this.articleCurrentThumbStatus.disLikeNumber = this.articleOriginThumbStatus.disLikeNumber\r\n      }\r\n      if (!currentThumbStatus.isLike && !currentThumbStatus.isDisLike) {\r\n        currentThumbStatus.isDisLike = true\r\n        currentThumbStatus.disLikeNumber = 1\r\n        viewData.disLikeNumber += 1\r\n        return;\r\n      }\r\n      if (currentThumbStatus.isLike && !currentThumbStatus.isDisLike) {\r\n        currentThumbStatus.isLike = false\r\n        currentThumbStatus.likeNumber = -1\r\n        viewData.likeNumber -= 1\r\n        currentThumbStatus.isDisLike = true\r\n        currentThumbStatus.disLikeNumber = 1\r\n        viewData.disLikeNumber += 1\r\n        return;\r\n      }\r\n      if (!currentThumbStatus.isLike && currentThumbStatus.isDisLike) {\r\n        currentThumbStatus.isDisLike = false\r\n        currentThumbStatus.disLikeNumber = -1\r\n        viewData.disLikeNumber -= 1\r\n        return;\r\n      }\r\n    },\r\n    likeArticle () {\r\n      let vm = this;\r\n      if (vm.checkLogin()) {\r\n        vm.thumbUpCheck(vm.articleOriginThumbStatus, vm.articleCurrentThumbStatus, vm.article);\r\n        vm.updateArticleStatus(vm.articleCurrentThumbStatus).then(() => {\r\n          vm.getUserThumbStatus(vm.article.postId, vm.articleOriginThumbStatus, vm.articleCurrentThumbStatus)\r\n        })\r\n      }\r\n    },\r\n    dislikeArticle () {\r\n      let vm = this;\r\n      if (vm.checkLogin()) {\r\n        vm.thumbDownCheck(vm.articleOriginThumbStatus, vm.articleCurrentThumbStatus, vm.article);\r\n        vm.updateArticleStatus(vm.articleCurrentThumbStatus).then(() => {\r\n          vm.getUserThumbStatus(vm.article.postId, vm.articleOriginThumbStatus, vm.articleCurrentThumbStatus)\r\n        })\r\n      }\r\n    },\r\n    likeMessage (index) {\r\n      let vm = this;\r\n      if (vm.checkLogin()) {\r\n        vm.thumbUpCheck(vm.msgOriginThumbStatusList[index],vm.msgCurrentThumbStatusList[index], vm.messageList[index])\r\n        vm.updateMessageStatus(vm.msgCurrentThumbStatusList[index])\r\n          .then(() => {\r\n            vm.getUserThumbStatus(vm.msgCurrentThumbStatusList[index].messageId, vm.msgOriginThumbStatusList[index], vm.msgCurrentThumbStatusList[index])\r\n          })\r\n      }\r\n\r\n    },\r\n    dislikeMessage (index) {\r\n      let vm = this;\r\n      if (vm.checkLogin()) {\r\n        vm.thumbDownCheck(vm.msgOriginThumbStatusList[index],vm.msgCurrentThumbStatusList[index], vm.messageList[index])\r\n        vm.updateMessageStatus(vm.msgCurrentThumbStatusList[index])\r\n          .then(() => {\r\n            vm.getUserThumbStatus(vm.msgCurrentThumbStatusList[index].messageId, vm.msgOriginThumbStatusList[index], vm.msgCurrentThumbStatusList[index])\r\n          })\r\n      }\r\n\r\n    },\r\n\r\n    updateArticleStatus (current) {\r\n      let vm = this;\r\n      let url = process.env.VUE_APP_API + \"/api/LikeAndDisLike/PostLikeAndDisLike\";\r\n      if (vm.isLogin) {\r\n        return vm.$axios.put(url, current).then(res => {\r\n          console.log(\"送出post狀態\", res);\r\n        })\r\n      }\r\n      return\r\n    },\r\n    updateMessageStatus (current) {\r\n      let vm = this;\r\n      let url = process.env.VUE_APP_API + \"/api/LikeAndDisLike/MsgLikeAndDisLike\";\r\n      if (vm.isLogin) {\r\n        return vm.$axios.post(url, current).then(res => {\r\n          console.log(\"送出msg狀態\", res);\r\n        })\r\n      }\r\n      return\r\n    }\r\n  },\r\n  async created () {\r\n    let vm = this;\r\n    if (vm.$store.state.tokenModule.isAuthorize) {\r\n      await vm.getUserInfo();\r\n    }\r\n    await vm.getArticle();\r\n    await vm.getMessages();\r\n  },\r\n  beforeDestroy () {\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n  $border-color: 1px solid rgba(0, 0, 0, 0.125);\r\n  .background {\r\n    min-height: 100vh;\r\n  }\r\n  .input-group {\r\n    height: 35px;\r\n  }\r\n  p {\r\n    margin: 0;\r\n  }\r\n  // card 設定\r\n  .card {\r\n    border: 1.5px solid #6c757d;\r\n    &-title {\r\n      font-weight: 700;\r\n      letter-spacing: 5px;\r\n    }\r\n    &-date {\r\n      font-size: 12px;\r\n    }\r\n  }\r\n  /deep/ .article-content {\r\n    min-height: 350px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    img {\r\n      max-width: 100%;\r\n    }\r\n  }\r\n  a.title-btn {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: #6c757d;\r\n    width: 40px;\r\n    height: 40px;\r\n    border: $border-color;\r\n    margin: 0 5px;\r\n  }\r\n\r\n  a.active {\r\n    border: 1px solid rgb(244, 156, 66);\r\n    color: rgb(244, 156, 66);\r\n  }\r\n\r\n  a.msg {\r\n    &-btn {\r\n      width: 25px;\r\n      height: 25px;\r\n      margin: 0;\r\n      text-decoration: none;\r\n    }\r\n  }\r\n  span.msg-num {\r\n    display: inline-block;\r\n    width: 30px;\r\n    height: 25px;\r\n    text-align: center;\r\n    line-height: 25px;\r\n    font-size: 12px;\r\n  }\r\n  textarea.form-control {\r\n    padding: 4px 8px;\r\n    display: block;\r\n    overflow: auto;\r\n    resize: none;\r\n    height: 100%;\r\n    border: $border-color;\r\n    &:active,\r\n    &:focus {\r\n      border: $border-color;\r\n      outline: $border-color;\r\n      box-shadow: 0px 0px transparent;\r\n    }\r\n  }\r\n  .reply-group {\r\n    background-color: #f5f5f5;\r\n  }\r\n  .reply-item {\r\n    padding: 10px;\r\n    border-bottom: $border-color;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  .user-img {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(0, 0, 0, 0.125);\r\n    margin-right: 10px;\r\n    > img {\r\n      width: 100%;\r\n      height: 100%;\r\n      border-radius: 50%;\r\n    }\r\n  }\r\n  // modal\r\n  /deep/ .modal-backdrop {\r\n    background-color: rgba(0, 0, 0, 0.5);\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!./Article.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!./Article.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Article.vue?vue&type=template&id=d8c92ef2&scoped=true&\"\nimport script from \"./Article.vue?vue&type=script&lang=js&\"\nexport * from \"./Article.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Article.vue?vue&type=style&index=0&id=d8c92ef2&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  \"d8c92ef2\",\n  null\n  \n)\n\nexport default component.exports","// `Symbol.prototype.description` getter\n// https://tc39.github.io/ecma262/#sec-symbol.prototype.description\n'use strict';\nvar $ = require('../internals/export');\nvar DESCRIPTORS = require('../internals/descriptors');\nvar global = require('../internals/global');\nvar has = require('../internals/has');\nvar isObject = require('../internals/is-object');\nvar defineProperty = require('../internals/object-define-property').f;\nvar copyConstructorProperties = require('../internals/copy-constructor-properties');\n\nvar NativeSymbol = global.Symbol;\n\nif (DESCRIPTORS && typeof NativeSymbol == 'function' && (!('description' in NativeSymbol.prototype) ||\n  // Safari 12 bug\n  NativeSymbol().description !== undefined\n)) {\n  var EmptyStringDescriptionStore = {};\n  // wrap Symbol constructor for correct work with undefined description\n  var SymbolWrapper = function Symbol() {\n    var description = arguments.length < 1 || arguments[0] === undefined ? undefined : String(arguments[0]);\n    var result = this instanceof SymbolWrapper\n      ? new NativeSymbol(description)\n      // in Edge 13, String(Symbol(undefined)) === 'Symbol(undefined)'\n      : description === undefined ? NativeSymbol() : NativeSymbol(description);\n    if (description === '') EmptyStringDescriptionStore[result] = true;\n    return result;\n  };\n  copyConstructorProperties(SymbolWrapper, NativeSymbol);\n  var symbolPrototype = SymbolWrapper.prototype = NativeSymbol.prototype;\n  symbolPrototype.constructor = SymbolWrapper;\n\n  var symbolToString = symbolPrototype.toString;\n  var native = String(NativeSymbol('test')) == 'Symbol(test)';\n  var regexp = /^Symbol\\((.*)\\)[^)]+$/;\n  defineProperty(symbolPrototype, 'description', {\n    configurable: true,\n    get: function description() {\n      var symbol = isObject(this) ? this.valueOf() : this;\n      var string = symbolToString.call(symbol);\n      if (has(EmptyStringDescriptionStore, symbol)) return '';\n      var desc = native ? string.slice(7, -1) : string.replace(regexp, '$1');\n      return desc === '' ? undefined : desc;\n    }\n  });\n\n  $({ global: true, forced: true }, {\n    Symbol: SymbolWrapper\n  });\n}\n","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!./Article.vue?vue&type=style&index=0&id=d8c92ef2&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!./Article.vue?vue&type=style&index=0&id=d8c92ef2&lang=scss&scoped=true&\""],"sourceRoot":""}