{"version":3,"file":"static/js/4805.b49e351f.js","mappings":"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","sources":["webpack://finnish-art/./src/components/Social/Comments.vue","webpack://finnish-art/./src/components/Social/Comments.vue?41a7","webpack://finnish-art/src/components/Social/Comments.vue","webpack://finnish-art/./src/components/Social/Comments.vue?ae78","webpack://finnish-art/./src/components/Social/Comments.vue?92be"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { staticClass: \"social-comments\" },\n    [\n      _vm.getUserId()\n        ? _c(\"search-option-input-text\", {\n            attrs: {\n              \"on-enter\": _vm.onAddComment,\n              disabled: _vm.busy,\n              placeholder: _vm.$t(\"social.addCommentOrTag\"),\n              icon: _vm.busy\n                ? \"icon-message-processing\"\n                : \"icon-message-text-outline\",\n            },\n            model: {\n              value: _vm.value,\n              callback: function ($$v) {\n                _vm.value = $$v\n              },\n              expression: \"value\",\n            },\n          })\n        : _vm._e(),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","export * from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!../../../node_modules/pug-plain-loader/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Comments.vue?vue&type=template&id=b4d5d5d8&lang=pug\"","<template lang=\"pug\">\ndiv.social-comments\n\n    // dx-tab-panel(\n    //     v-bind:data-source=\"['kommentti', 'tägi']\"\n    //     v-on:selection-changed=\"\")\n\n    search-option-input-text(\n        v-if=\"getUserId()\"\n        v-model=\"value\"\n        v-bind:on-enter=\"onAddComment\"\n        v-bind:disabled=\"busy\"\n        v-bind:placeholder=\"$t('social.addCommentOrTag')\"\n        v-bind:icon=\"busy ? 'icon-message-processing' : 'icon-message-text-outline'\")\n\n</template>\n\n<script>\n// import SearchOptionInputText from '@/components/SearchOptions/InputText';\n\n/**\n * Display and add comments, also add new tags.\n * Tags are displayed in a separate component.\n */\nexport default {\n    name: 'social-comments',\n\n    props: {\n        item: {         type: Object }\n    },\n\n    components: {\n        // SearchOptionInputText\n    },\n\n    // mixins: [ SocialMixin ],\n\n    data: function () {\n        return {\n            value: {Text: ''},\n            tagMatch: /#[^ .]+/g,\n            busy: false,\n            error: null\n        };\n    },\n\n    methods: {\n        /**\n         * Comment can contain a tag\n         */\n        onAddComment: function () {\n            const comment = this.value.Text;\n            if (!comment) {\n                return;\n            }\n            // match tags with the regexp and remove #\n            let tagNames = _.map(comment.match(this.tagMatch), (tagName) => {\n                return tagName.replace('#', '');\n            });\n            // filter out duplicate tags\n            const existingTags = _.map(this.item.Tags, 'Name');\n            tagNames = _.pullAll(tagNames, existingTags);\n            if (!tagNames || !tagNames.length) {\n                // no commenting yet\n                return;\n            }\n            const resource = this.$helpers.getItemResourceType(this.item);\n            if (!resource) {\n                return;\n            }\n\n            // let's get busy\n            this.busy = true;\n            let tagCounter = 0;\n            const tags = []; // collect created tag objects\n            const promise = new Promise((resolve, reject) => {\n                // save each tag separately\n                tagNames.forEach((tag) => {\n                    const payload = {TagName: tag};\n                    this.$SVC.putTag(resource, this.item.Id, payload)\n                        .then((response) => {\n                            // increment counter and resolve promise after all tags have been sent\n                            tagCounter += 1;\n                            tags.push({Name: payload.TagName}); // XXX fake response object!!!\n                            if (tagCounter >= tagNames.length) {\n                                resolve();\n                            }\n                        })\n                        .catch((error) => {\n                            reject(error);\n                        });\n                });\n            });\n\n            // after the comment and all tags are sent, refresh view\n            promise\n                .then(() => {\n                    this.busy = false;\n                    this.value.Text = '';\n                    this.$emit('update', comment, tags);\n                })\n                .catch((error) => {\n                    this.error = error;\n                });\n\n        },\n\n        getUserId: function () {\n            return this.$store.getters['user/getUserId'];\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\">\n// @import '~assets/styles/variables';\n\n.social-comments {\n    .dx-texteditor {\n        border: 0;\n    }\n    .dx-texteditor-input {\n        border-width: 0 0 1px 0 !important;\n    }\n    .dx-placeholder {\n        font-family: $helvetica-light !important;\n        font-style: italic;\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Comments.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Comments.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Comments.vue?vue&type=template&id=b4d5d5d8&lang=pug\"\nimport script from \"./Comments.vue?vue&type=script&lang=js\"\nexport * from \"./Comments.vue?vue&type=script&lang=js\"\nimport style0 from \"./Comments.vue?vue&type=style&index=0&id=b4d5d5d8&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"names":["render","_vm","_c","_self","staticClass","getUserId","attrs","onAddComment","disabled","busy","placeholder","$t","icon","model","value","callback","$$v","expression","_e","staticRenderFns","_withStripped","name","props","item","type","Object","components","data","Text","tagMatch","error","methods","_this","comment","tagNames","_","map","match","tagName","replace","existingTags","Tags","pullAll","length","resource","$helpers","getItemResourceType","tagCounter","tags","promise","Promise","resolve","reject","forEach","tag","payload","TagName","$SVC","putTag","Id","then","response","push","Name","catch","$emit","$store","getters"],"sourceRoot":""}