{"version":3,"sources":["webpack:///./src/modules/snapshot/components/TheSnapshotFileEditor.vue","webpack:///src/modules/snapshot/components/TheSnapshotFileEditor.vue","webpack:///./src/modules/snapshot/components/TheSnapshotFileEditor.vue?975e","webpack:///./src/modules/snapshot/components/TheSnapshotFileEditor.vue?24b7"],"names":["on","attrs","_vm","_v","editable","_c","staticClass","loading","callback","fileEditorDialog","expression","isCreateReadmeFile","fileData","short_id","discardChanges","isMarkdownFile","originalFileContent","fetchingFile","fileContent","style","height","language","enabled","fontSize","renderLineHighlight","automaticLayout","lineNumbersMinChars","vertical","scrollBeyondLastLine","readOnly","model","value","changeWarningDialog","$event","staticRenderFns","render","name","props","endpoint","default","type","newReadmeFileContent","isBlock","disabled","components","MonacoEditor","MarkdownEditor","data","fileLoading","addedEventListener","computed","btnColor","methods","window","warnUnload","event","readFileContent","get","timeout","responseType","then","reader","catch","console","updateFileContent","formData","post","headers","id","route","setFetchingStatus","snackBarText","snackBarTimeout","snackBarIcon","finally","mounted","watch","handler","immediate","component"],"mappings":"kPAA2L,W,MAAWA,K,EAAM,QAAW,G,SAAgBC,OAAM,C,kBAA4B,G,WAAE,I,YAA2B,4B,mBAAU,YAAC,IAAGC,EAAIC,EAAG,GAAyC,sBAAID,MAAIE,CAAe,kBAAe,UAAiB,GAAQC,GAAG,OAAO,CAASC,OAA4BL,KAAM,K,CAAsB,KAAM,SAAMM,EAAO,+B,EAAqB,SAAU,C,mBAAmC,YAAC,IAAEP,EAAKK,EAAG,G,MAAe,GAAC,a,YAAU,gB,MAAC,CAAU,iBAAIH,MAAO,EAAM,QAAyB,gBAAG,oBAAK,QAAW,YAAoB,GAAH,WAAI,MAAQG,CAAmBC,QAA4BL,MAAM,K,CAAsB,KAAM,UAAMM,EAAO,oB,oBAAkE,YAAC,IAAEP,EAAKK,EAAG,G,MAAe,GAAC,a,YAAU,gB,MAAC,CAAU,iBAAIH,MAAO,UAAkC,gBAAQ,SAAM,WAAO,oBAA8BM,GAAS,WAAgBN,MAAIO,CAAqB,QAACC,MAAW,KAAyB,MAAS,aAAI,EAAc,GAAEL,WAAS,OAAwFH,MAAIS,GAA8BL,OAAmDD,MAAG,EAAQ,iBAAEC,SAAW,SAAC,GAASJ,EAAM,iBAAeS,GAAsHN,WAAW,qBAAsB,CAACH,EAAG,OAAI,GAAO,OAAW,GAAC,OAACI,YAAY,yEAA4B,CAACD,EAAG,mBAAO,SAACC,YAAY,sCAAsB,CAACJ,EAAG,OAAI,CAA0BI,YAAY,QAA8B,CAACJ,EAAIC,GAAGD,SAAQA,EAAIU,mBAAqBV,EAAIU,OAASC,MAAQ,qBAAqB,EAAI,MAAM,YAACP,YAAY,uBAAuB,CAAEJ,EAAG,OAACE,CAAuBH,YAAM,Q,CAAC,KAAM,UAAG,S,YAAW,4BAAiB,WAACD,YAAG,sB,CAAC,KAAO,eAAKc,UAAc,0CAAG,CAACZ,EAAIC,GAAG,QAAY,SAAI,WAAQ,kDAACG,YAAY,uBAAOL,GAAK,SAAC,W,MAAC,CAA0B,KAAO,GAAW,SAAO,eAAID,GAAG,CAAC,MAAQ,mB,CAA+C,4BAAC,mBAAE,MAAMG,CAA0BF,QAAM,cAAC,MAAO,UAAG,SAA4C,GAAC,CAAG,MAAC,YAAC,OAAQ,yBAA8C,2BAAE,MAAME,CAAwDG,QAA2BJ,SAAIa,cAA6Dd,MAAM,W,GAAqC,CAA6B,eAAiBe,GAAiE,oBAAmBC,K,CAAkB,iBAAoB,OAAC,mBAAe,C,YAAMC,a,CAA0B,yDAAC,OAAG,aAAI,qBAAgBZ,WAAY,cAAgBa,WAAO,+DAAEC,aAAQ,gBAAyC,GAAE,CAACnB,mBAAM,YAAC,cAAeoB,EAAQ,U,EACvvFC,eAAS,C,YAAO,gB,MAC3BC,C,OACAC,qB,SACAC,U,MAEAC,C,SACS,EAAE,S,QAAEC,CAAoB,QAAC,CAClCC,YAEAC,SAAU,GACd,uBAAE,mBAACC,YAAM,EAACC,oBAAuB,EAACvB,UAAS,CAAgBN,SAAIgB,WAAiBR,sBAAW,EAAa,mBAAM,UAAU,EAAC,W,MAAmC,CAAkB,oBAACoB,SAAM,YAACC,EAAK,YAAMC,G,WAAkDA,iBAAyBtB,QAAU,GAAC,QAAqB,OAAIL,WAAaA,GAA8BC,YAAY,OAAwEA,OAAqBD,MAAG,sBAAkLJ,SAAM,YAAC,sBAAe,GAAW,mC,CAAK,SAAQ,UAASgC,GAAM,OAAC,C,YAAKxB,yB,CAAwB,sCAAC,qBAAIP,EAAG,OAAI,GAAW,IAAI,CAAC,KAAO,+BAAC,gGAACD,MAAM,CAAC,MAAQ,QAAY,KAAO,IAAID,GAAG,CAAC,MAAQ,SAASiC,GAAQ/B,EAAI8B,kBAAmB,KAAY,CAAC9B,EAAIC,GAAG,eAAiB,OAAK,CAC54B,OACG+B,kBAEJ,KAASC,I,+GCiFT,G,8BAAA,oEACA,4KAEe,GACfC,kBACAC,OACAzB,gBACA0B,gBACAjB,gBACAV,oBAAA4B,WAAAC,cACAC,4BACAC,SAAAH,WAAAC,cACAzB,uBACA4B,UAAAJ,WAAAC,cACAjC,SAAAgC,WAAAC,cACApC,UAAAmC,WAAAC,eAEAI,YACAC,eACAC,kBAEAC,gBACA,OACA7B,eACAF,uBACAP,oBACAuC,eACAhB,uBACAiB,sBACAhC,kBAGAiC,UACAC,oBACA,qCAGAC,SACAtC,0BACA,6CACAuC,2DACA,0BAEA,6BAGAC,uBAEAC,mBAEAA,kBAEAC,2BAAA,WACA,qBACA,YACAC,4DACAC,YACAC,sBAEAC,kBACA,qBACAC,0CACA,sBACA,wBACA,gBACA,qBAEAA,wBAEAC,mBACAC,eACA,sBAGAC,6BAAA,WACA,oBACA,mCACA,eACA,yBACAC,+BACAA,iCACAA,+BAEAA,iDACAA,2CACAA,gDAGA,YACAC,6BACAC,SACA,wCAGAP,iBACA,qBACA,6BAEA,6BAEA,qDAAAQ,wBAAAC,eAAAC,0BAEAR,kBACA,kCACAS,4CACAC,oBACAC,iCAGAC,oBACArB,wDACA,iBACA,2BAIAsB,mBACA,gBACA,yBAGA,kDACA,2DAHA,yBAMAC,OACAnE,6BACA,6BACA,wBAGAS,aACA2D,sBACA,sDAIAxB,4DAHA,2BACAA,0DAKAyB,gBC5OiZ,I,YCO7YC,EAAY,eACd,EACA,EACA7C,GACA,EACA,KACA,KACA,MAIa,aAAA6C,E","file":"static/js/chunk-2d0db22d.85d8709c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-dialog',{attrs:{\"fullscreen\":\"\",\"persistent\":\"\"},scopedSlots:_vm._u([(_vm.isCreateReadmeFile)?{key:\"activator\",fn:function({ on }){return [_c('v-btn',_vm._g({attrs:{\"color\":\"secondary\",\"text\":\"\"}},on),[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\"add\")]),_vm._v(\" add readme file \")],1)]}}:(_vm.editable)?{key:\"activator\",fn:function({ on }){return [_c('v-btn',_vm._g({staticClass:\"justify-start\",attrs:{\"color\":_vm.btnColor,\"text\":!_vm.loading,\"block\":_vm.isBlock,\"disabled\":_vm.disabled,\"loading\":_vm.loading}},on),[_c('v-icon',{attrs:{\"left\":\"\",\"small\":\"\"}},[_vm._v(\"edit\")]),_vm._v(\" edit \")],1)]}}:{key:\"activator\",fn:function({ on }){return [_c('v-btn',_vm._g({staticClass:\"justify-start\",attrs:{\"color\":_vm.btnColor,\"text\":!_vm.loading,\"block\":_vm.isBlock,\"disabled\":_vm.disabled,\"loading\":_vm.loading}},on),[_c('v-icon',{attrs:{\"left\":\"\",\"small\":\"\"}},[_vm._v(\"mdi-eye\")]),_vm._v(\" view \")],1)]}}],null,true),model:{value:(_vm.fileEditorDialog),callback:function ($$v) {_vm.fileEditorDialog=$$v},expression:\"fileEditorDialog\"}},[_c('v-card',[_c('v-card-title',[_c('div',{staticClass:\"d-flex justify-space-between align-center title secondary--text w-100\"},[(_vm.isCreateReadmeFile)?_c('div',{staticClass:\"d-flex align-center text-uppercase\"},[_c('v-icon',{staticClass:\"mr-1\"},[_vm._v(\"add\")]),(_vm.isCreateReadmeFile)?_c('span',[_vm._v(\"Add Readme file\")]):_vm._e()],1):_c('div',{staticClass:\"d-flex align-center\"},[_c('v-icon',{staticClass:\"mr-1\"},[_vm._v(\"edit\")]),_c('div',{staticClass:\"d-flex title flex-column\"},[_c('span',{staticClass:\"font-weight-medium\"},[_vm._v(\"Edit File\")]),_c('span',{staticClass:\"secondary--text subtitle-2\"},[_vm._v(_vm._s([_vm.fileData.local_path, _vm.fileData.short_id].join('/')))])])],1),_c('div',{staticClass:\"d-flex align-center\"},[(_vm.editable)?[_c('v-btn',{attrs:{\"text\":\"\",\"disabled\":_vm.fileLoading},on:{\"click\":_vm.discardChanges}},[_vm._v(\"discard\")]),_c('v-btn',{staticClass:\"ml-1\",attrs:{\"loading\":_vm.fileLoading,\"color\":\"primary\",\"text\":\"\"},on:{\"click\":function($event){return _vm.updateFileContent()}}},[_vm._v(\"save\")])]:_c('v-btn',{attrs:{\"text\":\"\",\"disabled\":_vm.fileLoading,\"color\":\"primary\"},on:{\"click\":function($event){_vm.fileEditorDialog = false}}},[_vm._v(\"close\")])],2)])]),_c('v-divider'),_c('v-card-text',{staticClass:\"px-0 pb-0\"},[(_vm.isMarkdownFile && _vm.fileEditorDialog)?_c('MarkdownEditor',{attrs:{\"editorHeight\":\"calc(100vh - 83px)\",\"editorText\":_vm.fileContent,\"editorMode\":_vm.originalFileContent.includes('<iframe') ? 'markdown' : 'wysiwyg',\"fetchingFile\":_vm.fetchingFile},on:{\"newMarkdownContent\":function($event){_vm.fileContent = $event.value}}}):_c('MonacoEditor',{staticClass:\"monaco-editor\",style:({ height: 'calc(100vh - 82px)', overflow: 'hidden' }),attrs:{\"language\":_vm.language,\"options\":{\n                    minimap: { enabled: false },\n                    fontSize: 14,\n                    renderLineHighlight: false,\n                    automaticLayout: true,\n                    autoIndent: true,\n                    lineNumbersMinChars: 5,\n                    scrollbar: { vertical: 'visible' },\n                    scrollBeyondLastLine: false,\n                    smoothScrolling: true,\n                    readOnly: !_vm.editable\n                }},model:{value:(_vm.fileContent),callback:function ($$v) {_vm.fileContent=$$v},expression:\"fileContent\"}}),_c('div',[_c('v-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"500\"},model:{value:(_vm.changeWarningDialog),callback:function ($$v) {_vm.changeWarningDialog=$$v},expression:\"changeWarningDialog\"}},[_c('v-card',[_c('v-card-title',[_c('span',{staticClass:\"title secondary--text\"},[_vm._v(\"Discard changes\")])]),_c('v-divider',{staticClass:\"mb-1\"}),_c('v-card-text',[_c('p',[_vm._v(\"You have unsaved changes.\")]),_c('p',[_vm._v(\"Are you sure you want to discard your changes?\")])]),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"error\",\"text\":\"\"},on:{\"click\":function($event){_vm.fileEditorDialog = false}}},[_vm._v(\"discard\")]),_c('v-btn',{attrs:{\"color\":\"secondary\",\"text\":\"\"},on:{\"click\":function($event){_vm.changeWarningDialog = false}}},[_vm._v(\"review changes\")])],1)],1)],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <v-dialog fullscreen persistent v-model=\"fileEditorDialog\">\n        <template v-if=\"isCreateReadmeFile\" v-slot:activator=\"{ on }\">\n            <v-btn color=\"secondary\" v-on=\"on\" text>\n                <v-icon left>add</v-icon>\n                add readme file\n            </v-btn>\n        </template>\n        <template v-else-if=\"editable\" v-slot:activator=\"{ on }\">\n            <v-btn class=\"justify-start\" :color=\"btnColor\" v-on=\"on\" :text=\"!loading\" :block=\"isBlock\" :disabled=\"disabled\" :loading=\"loading\">\n                <v-icon left small>edit</v-icon>\n                edit\n            </v-btn>\n        </template>\n        <template v-else v-slot:activator=\"{ on }\">\n            <v-btn class=\"justify-start\" :color=\"btnColor\" v-on=\"on\" :text=\"!loading\" :block=\"isBlock\" :disabled=\"disabled\" :loading=\"loading\">\n                <v-icon left small>mdi-eye</v-icon>\n                view\n            </v-btn>\n        </template>\n        <v-card>\n            <v-card-title>\n                <div class=\"d-flex justify-space-between align-center title secondary--text w-100\">\n                    <div v-if=\"isCreateReadmeFile\" class=\"d-flex align-center text-uppercase\">\n                        <v-icon class=\"mr-1\">add</v-icon>\n                        <span v-if=\"isCreateReadmeFile\">Add Readme file</span>\n                    </div>\n                    <div class=\"d-flex align-center\" v-else>\n                        <v-icon class=\"mr-1\">edit</v-icon>\n                        <div class=\"d-flex title flex-column\">\n                            <span class=\"font-weight-medium\">Edit File</span>\n                            <span class=\"secondary--text subtitle-2\">{{ [fileData.local_path, fileData.short_id].join('/') }}</span>\n                        </div>\n                    </div>\n                    <div class=\"d-flex align-center\">\n                        <template v-if=\"editable\">\n                            <v-btn text :disabled=\"fileLoading\" @click=\"discardChanges\">discard</v-btn>\n                            <v-btn class=\"ml-1\" :loading=\"fileLoading\" color=\"primary\" text @click=\"updateFileContent()\">save</v-btn>\n                        </template>\n                        <v-btn v-else text :disabled=\"fileLoading\" color=\"primary\" @click=\"fileEditorDialog = false\">close</v-btn>\n                    </div>\n                </div>\n            </v-card-title>\n            <v-divider></v-divider>\n            <v-card-text class=\"px-0 pb-0\">\n                <MarkdownEditor\n                    editorHeight=\"calc(100vh - 83px)\"\n                    @newMarkdownContent=\"fileContent = $event.value\"\n                    :editorText=\"fileContent\"\n                    :editorMode=\"originalFileContent.includes('<iframe') ? 'markdown' : 'wysiwyg'\"\n                    :fetchingFile=\"fetchingFile\"\n                    v-if=\"isMarkdownFile && fileEditorDialog\" />\n                <MonacoEditor\n                    v-else\n                    class=\"monaco-editor\"\n                    :style=\"{ height: 'calc(100vh - 82px)', overflow: 'hidden' }\"\n                    :language=\"language\"\n                    v-model=\"fileContent\"\n                    :options=\"{\n                        minimap: { enabled: false },\n                        fontSize: 14,\n                        renderLineHighlight: false,\n                        automaticLayout: true,\n                        autoIndent: true,\n                        lineNumbersMinChars: 5,\n                        scrollbar: { vertical: 'visible' },\n                        scrollBeyondLastLine: false,\n                        smoothScrolling: true,\n                        readOnly: !editable\n                    }\" />\n                <div>\n                    <v-dialog persistent v-model=\"changeWarningDialog\" max-width=\"500\">\n                        <v-card>\n                            <v-card-title>\n                                <span class=\"title secondary--text\">Discard changes</span>\n                            </v-card-title>\n                            <v-divider class=\"mb-1\"></v-divider>\n\n                            <v-card-text>\n                                <p>You have unsaved changes.</p>\n                                <p>Are you sure you want to discard your changes?</p>\n                            </v-card-text>\n                            <v-card-actions>\n                                <v-spacer></v-spacer>\n                                <v-btn color=\"error\" text @click=\"fileEditorDialog = false\">discard</v-btn>\n                                <v-btn color=\"secondary\" text @click=\"changeWarningDialog = false\">review changes</v-btn>\n                            </v-card-actions>\n                        </v-card>\n                    </v-dialog>\n                </div>\n            </v-card-text>\n        </v-card>\n    </v-dialog>\n</template>\n\n<script>\nconst MonacoEditor = () => import('vue-monaco')\nconst MarkdownEditor = () => import('@/components/MarkdownEditor')\n\nexport default {\n    name: 'FileEditor',\n    props: {\n        fileData: Object,\n        endpoint: String,\n        language: String,\n        isCreateReadmeFile: { default: false, type: Boolean },\n        newReadmeFileContent: String,\n        isBlock: { default: false, type: Boolean },\n        isMarkdownFile: Boolean,\n        disabled: { default: false, type: Boolean },\n        loading: { default: false, type: Boolean },\n        editable: { default: true, type: Boolean }\n    },\n    components: {\n        MonacoEditor,\n        MarkdownEditor\n    },\n    data() {\n        return {\n            fileContent: '',\n            originalFileContent: '',\n            fileEditorDialog: false,\n            fileLoading: false,\n            changeWarningDialog: false,\n            addedEventListener: false,\n            fetchingFile: false\n        }\n    },\n    computed: {\n        btnColor() {\n            return this.loading ? '' : 'secondary'\n        }\n    },\n    methods: {\n        discardChanges() {\n            if (this.originalFileContent === this.fileContent) {\n                window.removeEventListener('beforeunload', this.warnUnload)\n                this.fileEditorDialog = false\n            } else {\n                this.changeWarningDialog = true\n            }\n        },\n        warnUnload(event) {\n            // Cancel the event as stated by the standard.\n            event.preventDefault()\n            // Older browsers supported custom message\n            event.returnValue = ''\n        },\n        readFileContent() {\n            this.fetchingFile = true\n            this.$axios\n                .get(`/files/${this.$props.fileData.fid}/download`, {\n                    timeout: 10000,\n                    responseType: 'blob'\n                })\n                .then(response => {\n                    const reader = new FileReader()\n                    reader.addEventListener('loadend', e => {\n                        const text = e.target.result\n                        this.originalFileContent = text\n                        this.fileContent = text\n                        this.fetchingFile = false\n                    })\n                    reader.readAsText(response.data)\n                })\n                .catch(e => {\n                    console.log(e)\n                    this.fetchingFile = false\n                })\n        },\n        updateFileContent() {\n            this.fileLoading = true\n            const blob = new Blob([this.fileContent])\n            const formData = new FormData()\n            if (this.isCreateReadmeFile) {\n                formData.append('file', blob, 'README.md')\n                formData.append('type', 'text/markdown')\n                formData.append('name', 'README.md')\n            } else {\n                formData.append('file', blob, this.$props.fileData.short_id)\n                formData.append('type', this.$props.fileData.type)\n                formData.append('name', this.$props.fileData.short_id)\n            }\n\n            this.$axios\n                .post(this.$props.endpoint, formData, {\n                    headers: {\n                        'Content-Type': 'multipart/form-data'\n                    }\n                })\n                .then(() => {\n                    if (this.isCreateReadmeFile) {\n                        this.$emit('readmeFileCreated')\n                    } else {\n                        this.$emit('readmeFileUpdated')\n                    }\n                    this.$store.dispatch('snapshotStore/fetchCurrentFiles', { id: this.$route.params.snid, route: this.$route, setFetchingStatus: true })\n                })\n                .catch(() => {\n                    this.$store.dispatch('showSnackBar', {\n                        snackBarText: 'Failed to the edit the file.',\n                        snackBarTimeout: 5000,\n                        snackBarIcon: 'check_circle'\n                    })\n                })\n                .finally(() => {\n                    window.removeEventListener('beforeunload', this.warnUnload)\n                    this.fileLoading = false\n                    this.fileEditorDialog = false\n                })\n        }\n    },\n    mounted() {\n        if (this.disabled) return\n        if (!this.isCreateReadmeFile) {\n            this.readFileContent()\n        } else {\n            this.fileContent = this.$props.newReadmeFileContent\n            this.originalFileContent = this.$props.newReadmeFileContent\n        }\n    },\n    watch: {\n        fileEditorDialog: function (nextVal) {\n            if (nextVal && !this.isCreateReadmeFile) {\n                this.readFileContent()\n            }\n        },\n        fileContent: {\n            handler: function (to, from) {\n                if (to !== this.originalFileContent && !this.addedEventListener) {\n                    this.addedEventListener = true\n                    window.addEventListener('beforeunload', this.warnUnload)\n                } else {\n                    window.removeEventListener('beforeunload', this.warnUnload)\n                }\n            },\n            immediate: true\n        }\n    }\n}\n</script>\n","import mod from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheSnapshotFileEditor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--13-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheSnapshotFileEditor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheSnapshotFileEditor.vue?vue&type=template&id=1b2d4d5d&\"\nimport script from \"./TheSnapshotFileEditor.vue?vue&type=script&lang=js&\"\nexport * from \"./TheSnapshotFileEditor.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":""}