{"version":3,"sources":["webpack:///./src/views/forum/ViewTopic.vue?c02e","webpack:///src/views/forum/ViewTopic.vue","webpack:///./src/views/forum/ViewTopic.vue?590a","webpack:///./src/views/forum/ViewTopic.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","pageData","_e","postEditorConfig","component","_b","tag","data","callbacks","topicStatus","topicInfo","status","editComponent","tagsSel","topicTags","_l","post","index","key","postID","postIndex","tags","staticRenderFns","ViewTopicvue_type_script_lang_js_","props","pageReady","posts","currentPage","pageSize","totalItems","components","PostsListItem","TopicControls","PostEditor","EditTopic","TopicEditor","Paginator","watch","$route","to","from","name","window","location","reload","computed","sortOrder","settings","user","getPostOrder","getTopicStatus","methods","openTopicEditor","closeTopicEditor","submitTopicEdit","_this","api","id","topicID","parseInt","title","boardID","pinned","undefined","then","refreshTopicInfo","confirmDeleteTopic","confirm","deleteTopic","_this2","delete","$router","replace","catch","error","_this3","modalIsConfirm","modalText","modalClose","showPopup","topicReply","mode","content","closeReply","submitReply","_this4","memberID","$store","getters","refreshPosts","_this5","getPage","scrollToLast","latestPostOnPage","Math","max","apply","Object","toConsumableArray","map","po","isPostInCurrentPage","setTimeout","elem","document","getElementById","scrollIntoView","behavior","block","inline","push","path","concat","scrollToPost","x","p","indexOf","_this6","get","response","setTopicInfo","boardName","owningMemberID","startDateUTC","postCount","length","boardType","boardStatus","crumb","common","breadcrumb","create","url","text","$options","filters","decodeHtml","dispatch","pageNumber","completedCallback","_this7","getPostsPerPage","params","requestedPage","reverse","totalRows","mounted","_this8","bc","postId","close","submit","localStorage","getItem","beforeRouteLeave","next","forum_ViewTopicvue_type_script_lang_js_","componentNormalizer","__webpack_exports__"],"mappings":"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","file":"js/chunk-2d21ad69.de7ac931.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"topic-view\"},[_c('div',{staticClass:\"paginator-container\"},[(_vm.pageReady)?_c('Paginator',{attrs:{\"pageData\":_vm.pageData}}):_vm._e()],1),_c('div',{staticClass:\"topic-container\"},[_c(_vm.postEditorConfig.component,_vm._b({tag:\"component\"},'component',{data: _vm.postEditorConfig.data, callbacks: _vm.postEditorConfig.callbacks, topicStatus: _vm.topicInfo.status},false)),_c(_vm.editComponent,_vm._b({tag:\"component\"},'component',{topicInfo: _vm.topicInfo, tagsSel:_vm.topicTags},false)),_vm._l((_vm.posts),function(post,index){return _c('PostsListItem',{key:post.postID,attrs:{\"postIndex\":index,\"post\":post,\"topicInfo\":_vm.topicInfo,\"tags\":_vm.topicTags}})})],2),_c('div',{staticClass:\"paginator-container bottom\"},[(_vm.pageReady)?_c('Paginator',{attrs:{\"pageData\":_vm.pageData}}):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"topic-view\">\r\n\r\n        <div class=\"paginator-container\"><Paginator v-if=\"pageReady\" :pageData = \"pageData\" /></div>\r\n\r\n        <div class=\"topic-container\">\r\n            <component :is=\"postEditorConfig.component\" v-bind=\"{data: postEditorConfig.data, callbacks: postEditorConfig.callbacks, topicStatus: topicInfo.status}\"></component>\r\n            <component :is=\"editComponent\" v-bind=\"{topicInfo: topicInfo, tagsSel:topicTags}\"></component>\r\n            <PostsListItem v-for=\"(post, index) in posts\" :key=\"post.postID\" :postIndex=\"index\" :post=\"post\" :topicInfo=\"topicInfo\" :tags=\"topicTags\"></PostsListItem>\r\n        </div>\r\n\r\n        <div class=\"paginator-container bottom\"><Paginator v-if=\"pageReady\" :pageData = \"pageData\" /></div>\r\n\r\n    </div>\r\n</template>\r\n\r\n\r\n<script>\r\n\r\n    import PostsListItem from '../../components/Posts/PostsListItem.vue'\r\n    import TopicControls from '../../components/Topics/TopicControls.vue'    \r\n    import EditTopic from '../../components/Topics/TopicEditor.vue'\r\n    import PostEditor from '../../components/Posts/PostEditor.vue'\r\n    import Paginator from '../../components/Widgets/Paginator.vue'\r\n    import api from '../../api/api'\r\n    import settings from '../../modules/settings'\r\n    import common from '../../modules/common'\r\n    \r\n    export default {\r\n\r\n        props: ['id', 'requestedPage'],\r\n\r\n        data() {\r\n            return {\r\n                pageReady: false,\r\n                posts: null,\r\n                topicInfo: {},\r\n                topicTags: null,\r\n                postEditorConfig: {},\r\n                editComponent: null,\r\n                pageData: {\r\n                    currentPage: null,\r\n                    pageSize: null,\r\n                    totalItems: null\r\n                }\r\n            }\r\n        },\r\n        components: {\r\n            PostsListItem,\r\n            TopicControls,\r\n            PostEditor,\r\n            EditTopic,\r\n            Paginator\r\n        },\r\n        watch: {\r\n            $route: function(to, from) {\r\n                if(to.name === from.name) {\r\n                    window.location.reload();\r\n                }\r\n            },\r\n        },\r\n        computed: {\r\n            sortOrder: () => {\r\n                return settings.user.getPostOrder();\r\n            },\r\n            getTopicStatus() {\r\n                if(!this.topicInfo) return \"\";\r\n                switch(this.topicInfo.status) {\r\n                    case 0: return \"(Deleted)\";\r\n                    case 1: return \"(Pending Approval)\";\r\n                    case 2: return \"(Normal)\";\r\n                    case 3: return \"(Moderated)\";\r\n                    case 4: return \"(Locked)\";\r\n                }\r\n            }\r\n        },\r\n        methods: {\r\n\r\n            // topic editing\r\n            openTopicEditor: function() {\r\n                this.editComponent = EditTopic;\r\n            },\r\n            closeTopicEditor: function() {\r\n                this.editComponent = null;\r\n            },\r\n            submitTopicEdit: function(data) {\r\n                api.post('/topics/' + this.id + '/edit', {\r\n                    topicID: parseInt(this.id),\r\n                    title: data.title,\r\n                    boardID: data.boardID,\r\n                    status: parseInt(data.status) || parseInt(this.topicInfo.status),\r\n                    tags: data.tags,\r\n                    pinned: data.pinned != undefined ? data.pinned : this.topicInfo.pinned,\r\n                })\r\n                .then(() => {\r\n                    this.closeTopicEditor();\r\n                    this.refreshTopicInfo();\r\n                });\r\n            },\r\n\r\n            // topic deletion\r\n            confirmDeleteTopic: function() {\r\n                if (confirm(\r\n                    'Are you sure you want to delete topic ' \r\n                    + this.id \r\n                    + ': ' + this.topicInfo.title)) {\r\n                        this.deleteTopic();\r\n                    }\r\n            },\r\n            deleteTopic: function() {\r\n                api.delete('/topics/' + parseInt(this.id))\r\n                .then(() => {\r\n                    this.$router.replace('/');\r\n                }).catch(function(error) {\r\n                    this.modalIsConfirm = false;\r\n                    this.modalText = error\r\n                    this.modalClose = () => {this.showPopup = false;};\r\n                    this.showPopup = true;\r\n                });\r\n            },\r\n\r\n            // topic replies\r\n            topicReply: function() {\r\n                this.postEditorConfig.data.mode = 'reply';\r\n                this.postEditorConfig.data.content = null,\r\n                this.postEditorConfig.component = PostEditor;\r\n            },\r\n            closeReply: function() {\r\n                this.postEditorConfig.component = null;\r\n            },            \r\n            submitReply: function(content) {\r\n                api.post('/topics/' + this.id + '/reply', {\r\n                    topicID: parseInt(this.id),\r\n                    content: content,\r\n                    memberID: this.$store.getters.user.id\r\n                })\r\n                .then(() => {\r\n                    this.closeReply();\r\n                    this.refreshPosts();\r\n                }).catch(function(error) {\r\n                    this.modalIsConfirm = false;\r\n                    this.modalText = error\r\n                    this.modalClose = () => {this.showPopup = false;};\r\n                    this.showPopup = true;\r\n                });\r\n            },\r\n\r\n\r\n            // view refreshing\r\n            refreshPosts: function() {\r\n                this.getPage(this.pageData.currentPage);\r\n                this.scrollToLast();\r\n            },\r\n\r\n            scrollToLast: function() {                \r\n                // last due to reply might not be on this page\r\n                // let's move to next page if needed\r\n                const latestPostOnPage = Math.max(...(this.posts.map(po => po.postID)));\r\n                if (this.isPostInCurrentPage(latestPostOnPage)) {\r\n                    setTimeout(() => {\r\n                        let elem = document.getElementById('post-'+ latestPostOnPage);\r\n                        if(elem) elem.scrollIntoView({behavior: \"smooth\", block: \"start\", inline: \"nearest\"});\r\n                    }, 0);\r\n                } else {\r\n                    this.$router.push({ path: `/topics/${this.id}/posts/${latestPostOnPage}`});\r\n                }\r\n                \r\n            },\r\n\r\n            scrollToPost: function(postID) {\r\n                if (this.isPostInCurrentPage(postID)) {\r\n                    setTimeout(() => {\r\n                        let elem = document.getElementById('post-' + postID);\r\n                        if (elem) elem.scrollIntoView({behavior: \"smooth\", block: \"start\", inline: \"nearest\"});\r\n                    }, 0);\r\n                } else {\r\n                    this.$router.push({ path: `/topics/${this.id}/posts/${postID}`});\r\n                }   \r\n            },\r\n\r\n            \r\n            isPostInCurrentPage: function (postID) {\r\n                var x = this.posts.map(p => p.postID).indexOf(parseInt(postID));\r\n                return x >= 0;\r\n            },\r\n\r\n            refreshTopicInfo: function() {\r\n                api.get('/topics/' + this.id)\r\n                .then(response => {\r\n                    this.setTopicInfo(response.data);\r\n                });                \r\n            },\r\n\r\n\r\n            setTopicInfo: function(data) {\r\n\r\n                this.topicTags = data.tags;\r\n                \r\n                this.topicInfo = {\r\n                    topicID: this.id,\r\n                    boardID: data.topicInfo.boardID,\r\n                    boardName: data.topicInfo.boardName,\r\n                    title: data.topicInfo.title,\r\n                    owningMemberID: data.topicInfo.owningMemberID,\r\n                    startDateUTC: data.topicInfo.startDateUTC,\r\n                    status: data.topicInfo.status,\r\n                    postCount: data.posts.length,\r\n                    boardType: data.topicInfo.boardType,\r\n                    boardStatus: data.topicInfo.boardStatus,\r\n                    tags: data.tags,\r\n                    pinned: data.topicInfo.pinned,                                    \r\n                }\r\n\r\n                var crumb = common.breadcrumb.create([\r\n                    { url: '/', text: 'UtterAccess' },\r\n                    { url: '/boards/' + this.topicInfo.boardID, text: this.$options.filters.decodeHtml(this.topicInfo.boardName) },\r\n                    { url: '/topics/' + this.id, text: 'View Topic' }\r\n                ]);\r\n                \r\n                switch(this.topicInfo.boardStatus) {\r\n                    case 0: {\r\n                        crumb = crumb + \" (Inactive)\";\r\n                        break;\r\n                    }\r\n                    case 2: {\r\n                        crumb = crumb + \" (Inactive)\";\r\n                        break;\r\n                    }\r\n                }\r\n                this.$store.dispatch(\"breadcrumb\", crumb);\r\n                this.$store.dispatch(\"currentTopicStatus\", this.getTopicStatus)\r\n                this.$store.dispatch('createTopicBoardContextID', this.topicInfo.boardID);\r\n            },\r\n\r\n\r\n\r\n            getPage: function(pageNumber, completedCallback) {\r\n\r\n                if (!pageNumber) pageNumber = this.pageData.currentPage;\r\n\r\n                let pageSize = settings.user.getPostsPerPage();\r\n\r\n                api.get('/topics/' + this.id, {\r\n                    params: {\r\n                        topicID: parseInt(this.id),\r\n                        pageSize: pageSize,\r\n                        requestedPage: pageNumber,\r\n                        sortOrder: this.sortOrder\r\n                    }\r\n                }).then((response) => {     \r\n                    \r\n                    this.posts = this.sortOrder === 'desc' ? response.data.posts.reverse() : response.data.posts;\r\n                    \r\n                    this.pageData = {\r\n                        getPage: this.getPage,\r\n                        currentPage: pageNumber,\r\n                        pageSize: pageSize,\r\n                        totalItems: response.data.posts.length > 0 ? response.data.posts[0].totalRows : 0\r\n                    }\r\n\r\n                    if (completedCallback) {\r\n                        completedCallback(response.data);                      \r\n                    }\r\n\r\n                    this.pageReady = true;\r\n                });\r\n            }\r\n\r\n        },\r\n\r\n        mounted() {\r\n\r\n            var bc = common.breadcrumb.create([\r\n                { url: '/', text: 'UtterAccess' },\r\n                { text: 'View Topic' }\r\n            ]);\r\n            this.$store.dispatch(\"breadcrumb\", bc);\r\n        \r\n            var pageNumber = this.requestedPage || 1;\r\n            var postID = this.$route.params.postId || null;\r\n\r\n            this.getPage(pageNumber, (topicInfo) => {\r\n                this.setTopicInfo(topicInfo);\r\n                if (postID) this.scrollToPost(postID);\r\n            });\r\n\r\n            // configure post editor\r\n            let postEditorConfig = {\r\n                component: null,\r\n                data: {\r\n                    mode: 'reply',\r\n                    content: null\r\n                },\r\n                callbacks: {\r\n                    close: this.closeReply,\r\n                    submit: this.submitReply\r\n                }\r\n            }\r\n            this.postEditorConfig = postEditorConfig;\r\n\r\n            api.post('/topics/' + this.id + '/incrementViewCount');\r\n\r\n            if (localStorage.getItem('token')){\r\n              api.post('/topics/' + this.id + '/updateRead');\r\n            }\r\n\r\n        },\r\n\r\n        \r\n        beforeRouteLeave(to, from, next) {\r\n            this.$store.dispatch('createTopicBoardContextID', null);\r\n            next();\r\n        }\r\n\r\n    }\r\n\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./ViewTopic.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./ViewTopic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ViewTopic.vue?vue&type=template&id=5f051907&\"\nimport script from \"./ViewTopic.vue?vue&type=script&lang=js&\"\nexport * from \"./ViewTopic.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":""}