{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/flatmapvuer/src/components/AnnotationTool.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/flatmapvuer/src/components/AnnotationTool.vue","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/thread-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/babel-loader/lib/index.js","mtime":456789000000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQovKiBlc2xpbnQtZGlzYWJsZSBuby1hbGVydCwgbm8tY29uc29sZSAqLw0KLyogZXNsaW50LWRpc2FibGUgbm8tYWxlcnQsIG5vLWNvbnNvbGUgKi8NCmltcG9ydCBWdWUgZnJvbSAidnVlIjsNCmltcG9ydCB7IEFubm90YXRpb25TZXJ2aWNlIH0gZnJvbSAiQGFiaS1zb2Z0d2FyZS9zcGFyYy1hbm5vdGF0aW9uIjsNCmltcG9ydCB7IEJ1dHRvbiwgQ29sLCBJbnB1dCwgTWFpbiwgUm93LCBTZWxlY3QgfSBmcm9tICJlbGVtZW50LXVpIjsNCmltcG9ydCBsYW5nIGZyb20gImVsZW1lbnQtdWkvbGliL2xvY2FsZS9sYW5nL2VuIjsNCmltcG9ydCBsb2NhbGUgZnJvbSAiZWxlbWVudC11aS9saWIvbG9jYWxlIjsNCg0KbG9jYWxlLnVzZShsYW5nKTsNClZ1ZS51c2UoQnV0dG9uKTsNClZ1ZS51c2UoQ29sKTsNClZ1ZS51c2UoSW5wdXQpOw0KVnVlLnVzZShNYWluKTsNClZ1ZS51c2UoUm93KTsNClZ1ZS51c2UoU2VsZWN0KTsNCg0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAiQW5ub3RhdGlvblRvb2wiLA0KICBwcm9wczogew0KICAgIGFubm90YXRpb25FbnRyeTogew0KICAgICAgdHlwZTogT2JqZWN0LA0KICAgIH0sDQogIH0sDQogIGluamVjdDogWydmbGF0bWFwQVBJJ10sDQogIGRhdGE6IGZ1bmN0aW9uKCkgew0KICAgIHJldHVybiB7DQogICAgICBkaXNwbGF5UGFpcjogew0KICAgICAgICAiRmVhdHVyZSBJRCI6ICJmZWF0dXJlSWQiLA0KICAgICAgICAiVG9vbHRpcCI6ICJsYWJlbCIsDQogICAgICAgICJNb2RlbHMiOiAibW9kZWxzIiwNCiAgICAgICAgIk5hbWUiOiAibmFtZSIsDQogICAgICAgICJSZXNvdXJjZSI6ICJyZXNvdXJjZUlkIg0KICAgICAgfSwNCiAgICAgIGVkaXRpbmc6IGZhbHNlLA0KICAgICAgZXZpZGVuY2VQcmVmaXhlczogIFsNCiAgICAgICAgIkRPSToiLA0KICAgICAgICAiUE1JRDoiLA0KICAgICAgXSwNCiAgICAgIGV2aWRlbmNlUHJlZml4OiAiRE9JOiIsIA0KICAgICAgZXZpZGVuY2U6IFsgXSwNCiAgICAgIGF1dGhlbnRpY2F0ZWQ6IGZhbHNlLA0KICAgICAgbmV3RXZpZGVuY2U6ICcnLA0KICAgICAgY29tbWVudDogJycsDQogICAgICBwcmV2U3ViczogWyBdLA0KICAgICAgc2hvd1N1Ym1pc3Npb25zOiB0cnVlLA0KICAgICAgZXJyb3JNZXNzYWdlOiAiIiwNCiAgICB9DQogIH0sDQogIGNvbXB1dGVkOiB7DQogICAgaXNFZGl0YWJsZTogZnVuY3Rpb24oKSB7DQogICAgICByZXR1cm4gdGhpcy5hbm5vdGF0aW9uRW50cnlbJ3Jlc291cmNlSWQnXSAmJiB0aGlzLmFubm90YXRpb25FbnRyeVsnZmVhdHVyZUlkJ107DQogICAgfSwNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIGV2aWRlbmNlRW50ZXJlZDogZnVuY3Rpb24odmFsdWUpIHsNCiAgICAgIGlmICh2YWx1ZSkgew0KICAgICAgICB0aGlzLmV2aWRlbmNlLnB1c2godGhpcy5ldmlkZW5jZVByZWZpeCArIHZhbHVlKTsNCiAgICAgICAgdGhpcy5uZXdFdmlkZW5jZSA9ICIiOw0KICAgICAgfQ0KICAgIH0sDQogICAgZm9ybWF0VGltZTogZnVuY3Rpb24oZGF0ZVN0cmluZykgew0KICAgICAgY29uc3Qgb3B0aW9ucyA9IHsgeWVhcjogIm51bWVyaWMiLCBtb250aDogImxvbmciLCBkYXk6ICJudW1lcmljIiwgDQogICAgICAgIGhvdXI6ICJudW1lcmljIiwgbWludXRlOiAibnVtZXJpYyIsIHNlY29uZDogIm51bWVyaWMiIH07DQogICAgICByZXR1cm4gbmV3IERhdGUoZGF0ZVN0cmluZykudG9Mb2NhbGVEYXRlU3RyaW5nKHVuZGVmaW5lZCwgb3B0aW9ucyk7DQogICAgfSwNCiAgICB1cGRhdGVQcmV2U3VibWlzc2lvbnM6IGZ1bmN0aW9uKCkgew0KICAgICAgaWYgKHRoaXMuJGFubm90YXRvciAmJiB0aGlzLmF1dGhlbnRpY2F0ZWQpIHsNCiAgICAgICAgaWYgKHRoaXMuYW5ub3RhdGlvbkVudHJ5WydyZXNvdXJjZUlkJ10gJiYNCiAgICAgICAgICB0aGlzLmFubm90YXRpb25FbnRyeVsnZmVhdHVyZUlkJ10pIHsNCiAgICAgICAgICB0aGlzLiRhbm5vdGF0b3IuaXRlbUFubm90YXRpb25zKHRoaXMuYW5ub3RhdGlvbkVudHJ5WydyZXNvdXJjZUlkJ10sDQogICAgICAgICAgdGhpcy5hbm5vdGF0aW9uRW50cnlbJ2ZlYXR1cmVJZCddKS50aGVuKCh2YWx1ZSkgPT4gew0KICAgICAgICAgICAgdGhpcy5wcmV2U3VicyA9IHZhbHVlOw0KICAgICAgICAgIH0pDQogICAgICAgICAgLmNhdGNoKChyZWFzb24pID0+IHsNCiAgICAgICAgICAgIGNvbnNvbGUubG9nKHJlYXNvbik7IC8vIEVycm9yIQ0KICAgICAgICAgIH0pOw0KICAgICAgICB9DQogICAgICB9DQogICAgfSwNCiAgICBzdWJtaXQ6IGZ1bmN0aW9uKCkgew0KICAgICAgaWYgKCh0aGlzLmV2aWRlbmNlLmxlbmd0aCA+IDApIHx8IHRoaXMuY29tbWVudCkgew0KICAgICAgICBpZiAodGhpcy5hbm5vdGF0aW9uRW50cnlbJ3Jlc291cmNlSWQnXSAmJg0KICAgICAgICAgIHRoaXMuYW5ub3RhdGlvbkVudHJ5WydmZWF0dXJlSWQnXSkgew0KICAgICAgICAgIGNvbnN0IGV2aWRlbmNlVVJMcyA9IFtdOw0KICAgICAgICAgIHRoaXMuZXZpZGVuY2UuZm9yRWFjaCgoZXZpZGVuY2UpID0+IHsNCiAgICAgICAgICAgIGlmIChldmlkZW5jZS5pbmNsdWRlcygiRE9JOiIpKSB7DQogICAgICAgICAgICAgIGNvbnN0IGxpbmsgPSBldmlkZW5jZS5yZXBsYWNlKCJET0k6IiwgImh0dHBzOi8vZG9pLm9yZy8iKTsNCiAgICAgICAgICAgICAgZXZpZGVuY2VVUkxzLnB1c2gobmV3IFVSTChsaW5rKSk7DQogICAgICAgICAgICB9IGVsc2UgaWYgKGV2aWRlbmNlLmluY2x1ZGVzKCJQTUlEOiIpKSB7DQogICAgICAgICAgICAgIGNvbnN0IGxpbmsgPSBldmlkZW5jZS5yZXBsYWNlKCJQTUlEOiIsICJodHRwczovL3B1Ym1lZC5uY2JpLm5sbS5uaWguZ292LyIpOw0KICAgICAgICAgICAgICBldmlkZW5jZVVSTHMucHVzaChuZXcgVVJMKGxpbmspKTsNCiAgICAgICAgICAgIH0NCiAgICAgICAgICB9KTsNCiAgICAgICAgICBjb25zdCB1c2VyQW5ub3RhdGlvbiA9IHsNCiAgICAgICAgICAgIHJlc291cmNlOiB0aGlzLmFubm90YXRpb25FbnRyeVsncmVzb3VyY2VJZCddLA0KICAgICAgICAgICAgaXRlbTogdGhpcy5hbm5vdGF0aW9uRW50cnlbJ2ZlYXR1cmVJZCddLA0KICAgICAgICAgICAgZXZpZGVuY2U6IGV2aWRlbmNlVVJMcywNCiAgICAgICAgICAgIGNvbW1lbnQ6IHRoaXMuY29tbWVudCwNCiAgICAgICAgICB9DQogICAgICAgICAgdGhpcy4kYW5ub3RhdG9yLmFkZEFubm90YXRpb24odXNlckFubm90YXRpb24pLnRoZW4oKCkgPT4gew0KICAgICAgICAgICAgdGhpcy5lcnJvck1lc3NhZ2UgPSAiIjsNCiAgICAgICAgICAgIHRoaXMucmVzZXRTdWJtaXNzaW9uKCk7DQogICAgICAgICAgICB0aGlzLnVwZGF0ZVByZXZTdWJtaXNzaW9ucygpOw0KICAgICAgICAgIH0pDQogICAgICAgICAgLmNhdGNoKCgpID0+IHsNCiAgICAgICAgICAgIHRoaXMuZXJyb3JNZXNzYWdlID0gIlRoZXJlIGlzIGEgcHJvYmxlbSB3aXRoIHRoZSBzdWJtaXNzaW9uLCBwbGVhc2UgdHJ5IGFnYWluIGxhdGVyIjsNCiAgICAgICAgICB9KTsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0sDQogICAgcmVtb3ZlRXZpZGVuY2U6IGZ1bmN0aW9uKGluZGV4KSB7DQogICAgICB0aGlzLmV2aWRlbmNlLnNwbGljZShpbmRleCwgMSk7DQogICAgfSwNCiAgICByZXNldFN1Ym1pc3Npb246IGZ1bmN0aW9uKCkgew0KICAgICAgdGhpcy5lZGl0aW5nID0gZmFsc2U7DQogICAgICB0aGlzLmV2aWRlbmNlID0gW107DQogICAgICB0aGlzLm5ld0ZlYXR1cmUgPSAnJzsNCiAgICAgIHRoaXMuY29tbWVudCA9ICcnOw0KICAgIH0sDQogIH0sDQogIHdhdGNoOiB7DQogICAgYW5ub3RhdGlvbkVudHJ5OiB7DQogICAgICBoYW5kbGVyOiBmdW5jdGlvbigpIHsNCiAgICAgICAgdGhpcy5yZXNldFN1Ym1pc3Npb24oKTsNCiAgICAgICAgdGhpcy51cGRhdGVQcmV2U3VibWlzc2lvbnMoKTsNCiAgICAgIH0sDQogICAgICBpbW1lZGlhdGU6IGZhbHNlLA0KICAgICAgZGVlcDogZmFsc2UsDQogICAgfQ0KICB9LA0KICBtb3VudGVkOiBmdW5jdGlvbigpIHsNCiAgICBpZiAoIXRoaXMuJGFubm90YXRvcikgew0KICAgICAgVnVlLnByb3RvdHlwZS4kYW5ub3RhdG9yID0gbmV3IEFubm90YXRpb25TZXJ2aWNlKA0KICAgICAgICBgJHt0aGlzLmZsYXRtYXBBUEl9YW5ub3RhdG9yYCk7DQogICAgfQ0KICAgIHRoaXMuJGFubm90YXRvci5hdXRoZW50aWNhdGUoKS50aGVuKCh1c2VyRGF0YSkgPT4gew0KICAgICAgaWYgKHVzZXJEYXRhLm5hbWUgJiYgdXNlckRhdGEuZW1haWwpIHsNCiAgICAgICAgdGhpcy5hdXRoZW50aWNhdGVkID0gdHJ1ZTsNCiAgICAgICAgdGhpcy51cGRhdGVQcmV2U3VibWlzc2lvbnMoKTsNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIHRoaXMuZXJyb3JNZXNzYWdlID0gIiI7DQogICAgICB9DQogICAgfSkNCiAgfQ0KfTsNCg=="},{"version":3,"sources":["AnnotationTool.vue"],"names":[],"mappings":";AAkIA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"AnnotationTool.vue","sourceRoot":"node_modules/@abi-software/flatmapvuer/src/components","sourcesContent":["<template>\r\n  <el-main class=\"main\">\r\n    <div class=\"block\">\r\n      <el-row class=\"info-field\">\r\n        <span class=\"title\">Feature Annotations</span>\r\n      </el-row>\r\n      <template v-if=\"annotationEntry\">\r\n        <el-row\r\n          v-for=\"(key, label) in displayPair\"\r\n          v-show=\"annotationEntry[key]\"\r\n          class=\"dialog-text\"\r\n          :key=\"key\"\r\n        >\r\n            <strong>{{ label }}: </strong> {{ annotationEntry[key] }}\r\n        </el-row>\r\n        <template v-if=\"prevSubs.length > 0\">\r\n          <div v-show=\"showSubmissions\" class=\"hide\" @click=\"showSubmissions = false\">\r\n            Hide previous submissions\r\n            <i class=\"el-icon-arrow-up\"></i>\r\n          </div>\r\n          <div v-show=\"!showSubmissions\" class=\"hide\" @click=\"showSubmissions = true\">\r\n            Show previous {{ prevSubs.length }} submission(s)\r\n            <i class=\"el-icon-arrow-down\"></i>\r\n          </div>\r\n          <template v-if=\"showSubmissions\">\r\n            <el-row class=\"dialog-spacer\"></el-row>\r\n            <el-row class=\"dialog-text\">\r\n              <strong class=\"sub-title\">Previous submissions:</strong>\r\n            </el-row>\r\n            <div class=\"entry\" v-for=\"(sub, index) in prevSubs\" :key=\"index\">\r\n              <el-row class=\"dialog-text\">\r\n                <strong>{{ formatTime(sub.created) }}</strong> {{ sub.creator.name }}\r\n              </el-row>\r\n              <el-row class=\"dialog-text\">\r\n                <strong>Evidence: </strong> \r\n                <el-row v-for=\"(evidence) in sub.evidence\" :key=\"evidence\" class=\"dialog-text\">\r\n                  <a  :href=\"evidence\" target=\"_blank\"> {{ evidence }}</a>\r\n                </el-row>\r\n              </el-row>\r\n              <el-row class=\"dialog-text\">\r\n                <strong>Comment: </strong> {{ sub.comment }}\r\n              </el-row>\r\n            </div>\r\n          </template>\r\n        </template>\r\n        <template v-if=\"authenticated\">\r\n          <template v-if=\"isEditable\">\r\n            <el-row class=\"dialog-spacer\"></el-row>\r\n            <el-row v-if=\"!editing\">\r\n              <i\r\n                class=\"el-icon-edit standard-icon\"\r\n                @click=\"editing = true\"\r\n              />\r\n            </el-row>\r\n            <template v-else>\r\n              <el-row class=\"dialog-text\">\r\n                <strong class=\"sub-title\">Suggest changes:</strong>\r\n              </el-row>\r\n              <el-row class=\"dialog-text\">\r\n                <strong>Evidvence:</strong>\r\n              </el-row>\r\n              <el-row v-for=\"(value, index) in evidence\" :key=\"value\">\r\n                <el-col :span=\"20\">   \r\n                  {{ evidence[index] }}\r\n                </el-col>\r\n                <el-col :span=\"4\">\r\n                  <i\r\n                    class=\"el-icon-close standard-icon\"\r\n                    @click=\"removeEvidence(index)\"\r\n                  />\r\n                </el-col>\r\n              </el-row>\r\n              <el-row>\r\n                <el-input\r\n                  size=\"mini\"\r\n                  placeholder=\"Enter\"\r\n                  v-model=\"newEvidence\"\r\n                  @change=\"evidenceEntered($event)\"\r\n                >\r\n                  <el-select\r\n                    :popper-append-to-body=\"false\"\r\n                    v-model=\"evidencePrefix\"\r\n                    placeholder=\"Select\"\r\n                    class=\"select-box\"\r\n                    popper-class=\"flatmap_dropdown\"\r\n                    slot=\"prepend\"\r\n                  >\r\n                    <el-option v-for=\"item in evidencePrefixes\" :key=\"item\" :label=\"item\" :value=\"item\">\r\n                      <el-row>\r\n                        <el-col :span=\"12\">{{ item }}</el-col>\r\n                      </el-row>\r\n                    </el-option>\r\n                  </el-select>\r\n                </el-input>\r\n              </el-row>\r\n              <el-row>\r\n                <strong>Comment:</strong>\r\n              </el-row>\r\n              <el-row class=\"dialog-text\">\r\n                <el-input\r\n                  type=\"textarea\"\r\n                  :autosize=\"{ minRows: 2, maxRows: 4}\"\r\n                  placeholder=\"Enter\"\r\n                  v-model=\"comment\"\r\n                />\r\n              </el-row>\r\n                <el-row class=\"dialog-text\">\r\n                  <el-button\r\n                    class=\"button\"\r\n                    type=\"primary\"\r\n                    plain\r\n                    @click=\"submit\"\r\n                  >\r\n                    Submit\r\n                  </el-button>\r\n              </el-row>\r\n            </template>\r\n            <el-row class=\"dialog-text\" v-if=\"errorMessage\">\r\n              <strong class=\"sub-title\"> {{ errorMessage }}\r\n              </strong>\r\n            </el-row>\r\n          </template>\r\n        </template>\r\n      </template>\r\n    </div>\r\n  </el-main>\r\n</template>\r\n\r\n\r\n<script>\r\n/* eslint-disable no-alert, no-console */\r\n/* eslint-disable no-alert, no-console */\r\nimport Vue from \"vue\";\r\nimport { AnnotationService } from \"@abi-software/sparc-annotation\";\r\nimport { Button, Col, Input, Main, Row, Select } from \"element-ui\";\r\nimport lang from \"element-ui/lib/locale/lang/en\";\r\nimport locale from \"element-ui/lib/locale\";\r\n\r\nlocale.use(lang);\r\nVue.use(Button);\r\nVue.use(Col);\r\nVue.use(Input);\r\nVue.use(Main);\r\nVue.use(Row);\r\nVue.use(Select);\r\n\r\nexport default {\r\n  name: \"AnnotationTool\",\r\n  props: {\r\n    annotationEntry: {\r\n      type: Object,\r\n    },\r\n  },\r\n  inject: ['flatmapAPI'],\r\n  data: function() {\r\n    return {\r\n      displayPair: {\r\n        \"Feature ID\": \"featureId\",\r\n        \"Tooltip\": \"label\",\r\n        \"Models\": \"models\",\r\n        \"Name\": \"name\",\r\n        \"Resource\": \"resourceId\"\r\n      },\r\n      editing: false,\r\n      evidencePrefixes:  [\r\n        \"DOI:\",\r\n        \"PMID:\",\r\n      ],\r\n      evidencePrefix: \"DOI:\", \r\n      evidence: [ ],\r\n      authenticated: false,\r\n      newEvidence: '',\r\n      comment: '',\r\n      prevSubs: [ ],\r\n      showSubmissions: true,\r\n      errorMessage: \"\",\r\n    }\r\n  },\r\n  computed: {\r\n    isEditable: function() {\r\n      return this.annotationEntry['resourceId'] && this.annotationEntry['featureId'];\r\n    },\r\n  },\r\n  methods: {\r\n    evidenceEntered: function(value) {\r\n      if (value) {\r\n        this.evidence.push(this.evidencePrefix + value);\r\n        this.newEvidence = \"\";\r\n      }\r\n    },\r\n    formatTime: function(dateString) {\r\n      const options = { year: \"numeric\", month: \"long\", day: \"numeric\", \r\n        hour: \"numeric\", minute: \"numeric\", second: \"numeric\" };\r\n      return new Date(dateString).toLocaleDateString(undefined, options);\r\n    },\r\n    updatePrevSubmissions: function() {\r\n      if (this.$annotator && this.authenticated) {\r\n        if (this.annotationEntry['resourceId'] &&\r\n          this.annotationEntry['featureId']) {\r\n          this.$annotator.itemAnnotations(this.annotationEntry['resourceId'],\r\n          this.annotationEntry['featureId']).then((value) => {\r\n            this.prevSubs = value;\r\n          })\r\n          .catch((reason) => {\r\n            console.log(reason); // Error!\r\n          });\r\n        }\r\n      }\r\n    },\r\n    submit: function() {\r\n      if ((this.evidence.length > 0) || this.comment) {\r\n        if (this.annotationEntry['resourceId'] &&\r\n          this.annotationEntry['featureId']) {\r\n          const evidenceURLs = [];\r\n          this.evidence.forEach((evidence) => {\r\n            if (evidence.includes(\"DOI:\")) {\r\n              const link = evidence.replace(\"DOI:\", \"https://doi.org/\");\r\n              evidenceURLs.push(new URL(link));\r\n            } else if (evidence.includes(\"PMID:\")) {\r\n              const link = evidence.replace(\"PMID:\", \"https://pubmed.ncbi.nlm.nih.gov/\");\r\n              evidenceURLs.push(new URL(link));\r\n            }\r\n          });\r\n          const userAnnotation = {\r\n            resource: this.annotationEntry['resourceId'],\r\n            item: this.annotationEntry['featureId'],\r\n            evidence: evidenceURLs,\r\n            comment: this.comment,\r\n          }\r\n          this.$annotator.addAnnotation(userAnnotation).then(() => {\r\n            this.errorMessage = \"\";\r\n            this.resetSubmission();\r\n            this.updatePrevSubmissions();\r\n          })\r\n          .catch(() => {\r\n            this.errorMessage = \"There is a problem with the submission, please try again later\";\r\n          });\r\n        }\r\n      }\r\n    },\r\n    removeEvidence: function(index) {\r\n      this.evidence.splice(index, 1);\r\n    },\r\n    resetSubmission: function() {\r\n      this.editing = false;\r\n      this.evidence = [];\r\n      this.newFeature = '';\r\n      this.comment = '';\r\n    },\r\n  },\r\n  watch: {\r\n    annotationEntry: {\r\n      handler: function() {\r\n        this.resetSubmission();\r\n        this.updatePrevSubmissions();\r\n      },\r\n      immediate: false,\r\n      deep: false,\r\n    }\r\n  },\r\n  mounted: function() {\r\n    if (!this.$annotator) {\r\n      Vue.prototype.$annotator = new AnnotationService(\r\n        `${this.flatmapAPI}annotator`);\r\n    }\r\n    this.$annotator.authenticate().then((userData) => {\r\n      if (userData.name && userData.email) {\r\n        this.authenticated = true;\r\n        this.updatePrevSubmissions();\r\n      } else {\r\n        this.errorMessage = \"\";\r\n      }\r\n    })\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import \"~element-ui/packages/theme-chalk/src/button\";\r\n@import \"~element-ui/packages/theme-chalk/src/col\";\r\n@import \"~element-ui/packages/theme-chalk/src/input\";\r\n@import \"~element-ui/packages/theme-chalk/src/main\";\r\n@import \"~element-ui/packages/theme-chalk/src/row\";\r\n@import \"~element-ui/packages/theme-chalk/src/select\";\r\n\r\n.info-field {\r\n  display:flex;\r\n}\r\n\r\n.block {\r\n  margin-bottom: 0.5em;\r\n}\r\n\r\n.button {\r\n  padding-top:5px;\r\n  padding-bottom:5px;\r\n}\r\n\r\n.standard-icon {\r\n  color: $app-primary-color;\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.dialog-text {\r\n  color: rgb(48, 49, 51);\r\n  font-size: 14px;\r\n  font-weight: normal;\r\n  line-height: 20px;\r\n}\r\n\r\n.main {\r\n  font-size: 14px;\r\n  text-align: left;\r\n  line-height: 1.5em;\r\n  font-family: Asap, sans-serif,Helvetica;\r\n  font-weight: 400;\r\n  /* outline: thin red solid; */\r\n  padding: 1em !important;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n  min-width: 20rem;\r\n  max-height: 400px;\r\n  scrollbar-width: thin;\r\n\r\n  &::-webkit-scrollbar {\r\n    width: 4px;\r\n  }\r\n\r\n  &::-webkit-scrollbar-thumb {\r\n    border-radius: 10px;\r\n    box-shadow: inset 0 0 6px #c0c4cc;\r\n  }\r\n}\r\n\r\n.title {\r\n  font-size: 18px;\r\n  font-weight: 500;\r\n  font-weight: bold;\r\n  padding-bottom: 8px;\r\n  color: rgb(131, 0, 191);\r\n}\r\n\r\n.sub-title {\r\n  font-size: 16px;\r\n}\r\n\r\n\r\n.dialog-spacer {\r\n  border-bottom: 1px solid #e4e7ed;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.submit {\r\n  color: $app-primary-color;\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.entry ~ .entry {\r\n  border-top: 1px solid #e4e7ed;\r\n  margin-top: 10px;\r\n}\r\n\r\n.hide{\r\n  color: $app-primary-color;\r\n  cursor: pointer;\r\n  margin-right: 6px;\r\n  margin-top: 3px;\r\n}\r\n\r\n::v-deep .el-input__inner, ::v-deep .el-textarea__inner{\r\n  font-family: Asap, sans-serif;\r\n}\r\n\r\n.select-box {\r\n  width:80px;\r\n  background-color: var(--white);\r\n  font-weight: 500;\r\n  color:rgb(48, 49, 51);;\r\n  ::v-deep .el-input__inner {\r\n    height:30px;\r\n    color: rgb(48, 49, 51);\r\n  }\r\n  ::v-deep .el-input__icon {\r\n    line-height:30px\r\n  }\r\n}\r\n\r\n::v-deep .flatmap_dropdown {\r\n  min-width: 80px!important;\r\n  .el-select-dropdown__item {\r\n    white-space: nowrap;\r\n    text-align: left;\r\n    &.selected {\r\n      color: $app-primary-color;\r\n      font-weight: normal;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}