{"version":3,"sources":["webpack:///./src/ohm/components/Bfactor.vue?c51d","webpack:///src/ohm/components/Bfactor.vue","webpack:///./src/ohm/components/Bfactor.vue?7392","webpack:///./src/ohm/components/Bfactor.vue","webpack:///./src/ohm/components/Bfactor.vue?525c"],"names":["render","_vm","this","_h","$createElement","_c","_self","style","staticClass","_v","attrs","$store","state","host","task","_s","id","showStructure","_e","nativeOn","$event","viewStructure","apply","arguments","directives","name","rawName","value","expression","structureReady","ref","staticRenderFns","data","active_site","allosteric_site","bfactorStyle","width","margin","position","paths","props","components","NglView","computed","methods","$nextTick","checkTask","v","$refs","ngl","load","Blob","results","bfactor","obj","setColor","setTimeout","mounted","component"],"mappings":"8IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAON,EAAgB,cAAG,CAACI,EAAG,MAAM,CAACG,YAAY,YAAY,CAACP,EAAIQ,GAAG,wCAAwCJ,EAAG,MAAM,CAACG,YAAY,YAAY,CAACH,EAAG,IAAI,CAACK,MAAM,CAAC,KAAOT,EAAIU,OAAOC,MAAMC,KAAK,kCAAqCZ,EAAIa,KAAO,GAAI,kBAAkB,CAACb,EAAIQ,GAAGR,EAAIc,GAAGd,EAAIa,KAAKE,IAAI,gBAAkBf,EAAIgB,cAAqLhB,EAAIiB,KAA1Kb,EAAG,MAAM,CAACA,EAAG,YAAY,CAACK,MAAM,CAAC,KAAO,QAAQS,SAAS,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIoB,cAAcC,MAAM,KAAMC,cAAc,CAACtB,EAAIQ,GAAG,qBAAqB,GAAYJ,EAAG,MAAM,CAACmB,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAO1B,EAAiB,cAAE2B,WAAW,iBAAiB,CAACH,KAAK,UAAUC,QAAQ,YAAYC,MAAO1B,EAAIgB,gBAAgBhB,EAAI4B,eAAgBD,WAAW,oCAAoC,CAACvB,EAAG,WAAW,CAACyB,IAAI,MAAMtB,YAAY,WAAWE,MAAM,CAAC,GAAK,IAAI,OAAS,IAAI,UAAY,QAAQ,MACt6BqB,EAAkB,G,YCwBtB,GACEN,KAAM,UAENO,KAHF,WAII,MAAO,CACLf,eAAe,EACfY,gBAAgB,EAChBI,YAAa,GACbC,gBAAiB,GACjBC,aAAc,CACZC,MAAO,OACPC,OAAQ,WACRC,SAAU,WACV,sBAAuB,OACvB,mBAAoB,OACpB,qBAAsB,OACtB,kBAAmB,QAErBC,MAAO,KAIXC,MAAO,CAAC,SAERC,WAAY,CACVC,QAAJ,QAGEC,SAAU,CACR7B,KADJ,WAEM,OAAOZ,KAAKS,OAAOC,MAAME,OAI7B8B,QAAS,CACPvB,cADJ,WACA,WACMnB,KAAKe,eAAgB,EACrBf,KAAK2C,WAAU,WACb,EAAR,gBAIIC,UARJ,WASM,IAAN,OACU5C,KAAKY,MACPiC,EAAEC,MAAMC,IAAIC,KAAK,IAAIC,KAAK,CAACJ,EAAEjC,KAAKsC,QAAQC,SAAU,CAA5D,uEACUC,EAAIC,SAAS,cAGfrD,KAAK2B,gBAAiB,GAEtB2B,YAAW,WAAnB,uBAKEC,QAxDF,cCzBgW,I,wBCQ5VC,EAAY,eACd,EACA1D,EACA+B,GACA,EACA,KACA,WACA,MAIa,aAAA2B,E,2CCnBf","file":"js/chunk-061c4b52.e7c0c364.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{style:(_vm.bfactorStyle)},[_c('div',{staticClass:\"box-head\"},[_vm._v(\"Tertiary structure rendered by ACI\")]),_c('div',{staticClass:\"box-tool\"},[_c('a',{attrs:{\"href\":_vm.$store.state.host+\"/dokhlab/actions/ohm/result?id=\" + (_vm.task.id) + \"&file=aci-pdb\"}},[_vm._v(_vm._s(_vm.task.id)+\"-aci.pdb\")])]),(!_vm.showStructure)?_c('div',[_c('el-button',{attrs:{\"type\":\"text\"},nativeOn:{\"click\":function($event){return _vm.viewStructure.apply(null, arguments)}}},[_vm._v(\"View Structure\")])],1):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showStructure),expression:\"showStructure\"},{name:\"loading\",rawName:\"v-loading\",value:(_vm.showStructure&&!_vm.structureReady),expression:\"showStructure&&!structureReady\"}]},[_c('ngl-view',{ref:\"ngl\",staticClass:\"ngl-view\",attrs:{\"id\":\"1\",\"height\":600,\"nameWidth\":200}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :style=\"bfactorStyle\">\n    <div class=\"box-head\">Tertiary structure rendered by ACI</div>\n\n    <div class=\"box-tool\">\n      <a :href=\"$store.state.host+`/dokhlab/actions/ohm/result?id=${task.id}&file=aci-pdb`\">{{task.id}}-aci.pdb</a>\n    </div>\n\n    <div v-if=\"!showStructure\">\n      <el-button type=\"text\" @click.native=\"viewStructure\">View Structure</el-button>\n    </div>\n\n    <div v-show=\"showStructure\" v-loading=\"showStructure&&!structureReady\">\n      <ngl-view class=\"ngl-view\" id=\"1\" ref=\"ngl\" :height=\"600\" :nameWidth=\"200\"></ngl-view>\n    </div>\n  </div>\n</template>\n\n<script>\n// import interpolate from 'color-interpolate'\n// import { saveAs } from 'file-saver'\nimport NglView from './NglView/NglView.vue'\n// import { bus } from '../bus.js'\n// import * as NGL from 'ngl'\n\nexport default {\n  name: 'Bfactor',\n\n  data () {\n    return {\n      showStructure: false,\n      structureReady: false,\n      active_site: [],\n      allosteric_site: [],\n      bfactorStyle: {\n        width: '100%',\n        margin: '20px 0px',\n        position: 'relative',\n        '-webkit-user-select': 'none',\n        '-moz-user-select': 'none',\n        '-khtml-user-select': 'none',\n        '-ms-user-select': 'none'\n      },\n      paths: {}\n    }\n  },\n\n  props: [ 'value' ],\n\n  components: {\n    NglView\n  },\n\n  computed: {\n    task () {\n      return this.$store.state.task\n    }\n  },\n\n  methods: {\n    viewStructure () {\n      this.showStructure = true\n      this.$nextTick(() => {\n        this.checkTask()\n      })\n    },\n\n    checkTask () {\n      let v = this\n      if (this.task) {\n        v.$refs.ngl.load(new Blob([v.task.results.bfactor], {type: 'text/plain'}), { ext: v.task.par.structure_type }).then(obj => {\n          obj.setColor('bfactor')\n        })\n\n        this.structureReady = true\n      } else {\n        setTimeout(() => { v.checkTask() }, 500)\n      }\n    }\n  },\n\n  mounted () {\n  }\n}\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style lang=\"scss\" scoped>\n@import \"../styles/theme.scss\";\n\n\n.ngl-view {\n  /*\n  box-shadow: 0 0 5px #888888;\n  border: 1px solid #eeeeee;\n  margin: 20px 0px;\n  */\n}\n\n.box-head {\n  padding: 10px;\n  border-bottom: 1px solid #eeeeee;\n  background-color: $theme-color;\n  font-weight: 700;\n  color: white;\n}\n\n.box-tool {\n  padding:10px 0px;\n}\n\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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!./Bfactor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-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!./Bfactor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Bfactor.vue?vue&type=template&id=394f872d&scoped=true&\"\nimport script from \"./Bfactor.vue?vue&type=script&lang=js&\"\nexport * from \"./Bfactor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Bfactor.vue?vue&type=style&index=0&id=394f872d&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  \"394f872d\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Bfactor.vue?vue&type=style&index=0&id=394f872d&lang=scss&scoped=true&\""],"sourceRoot":""}