{"version":3,"sources":["webpack:///./src/ohm/components/Aci.vue?4b82","webpack:///src/ohm/components/Aci.vue","webpack:///./src/ohm/components/Aci.vue?c7ba","webpack:///./src/ohm/components/Aci.vue","webpack:///./src/ohm/components/Aci.vue?b361"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","$store","state","host","task","_s","id","showACI","_e","nativeOn","$event","viewACI","apply","arguments","directives","name","rawName","value","expression","staticStyle","style","ref","staticRenderFns","data","canvasStyle","width","height","props","computed","methods","$nextTick","redirect","window","location","href","url","openNewTab","open","getInd","checkTask","v","color","colormap","i","type","labels","datasets","label","backgroundColor","colors","borderColor","borderWidth","options","legend","display","maintainAspectRatio","scales","yAxes","ticks","beginAtZero","setTimeout","mounted","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACN,EAAIO,GAAG,mCAAmCH,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,IAAI,CAACI,MAAM,CAAC,KAAOR,EAAIS,OAAOC,MAAMC,KAAK,kCAAqCX,EAAIY,KAAO,GAAI,kBAAkB,CAACZ,EAAIO,GAAGP,EAAIa,GAAGb,EAAIY,KAAKE,IAAI,gBAAgBd,EAAIO,GAAG,MAAMH,EAAG,IAAI,CAACI,MAAM,CAAC,KAAOR,EAAIS,OAAOC,MAAMC,KAAK,kCAAqCX,EAAIY,KAAO,GAAI,gBAAmBZ,EAAIY,KAAO,GAAI,aAAa,CAACZ,EAAIO,GAAGP,EAAIa,GAAGb,EAAIY,KAAKE,IAAI,gBAAkBd,EAAIe,QAAmKf,EAAIgB,KAA9JZ,EAAG,MAAM,CAACA,EAAG,YAAY,CAACI,MAAM,CAAC,KAAO,QAAQS,SAAS,CAAC,MAAQ,SAASC,GAAQ,OAAOlB,EAAImB,QAAQC,MAAM,KAAMC,cAAc,CAACrB,EAAIO,GAAG,eAAe,GAAYH,EAAG,MAAM,CAACkB,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOzB,EAAW,QAAE0B,WAAW,YAAYC,YAAY,CAAC,aAAa,SAAS,CAACvB,EAAG,MAAM,CAACwB,MAAO5B,EAAe,aAAG,CAACI,EAAG,SAAS,CAACyB,IAAI,SAASrB,MAAM,CAAC,GAAK,sBAC/8BsB,EAAkB,G,sFCwBtB,GACEP,KAAM,MAENQ,KAHF,WAII,MAAO,CACLhB,SAAS,EACTiB,YAAa,CACXC,MAAO,OACPC,OAAQ,WAKdC,MAAO,CAAC,SAERC,SAAU,CACRxB,KADJ,WAEM,OAAOX,KAAKQ,OAAOC,MAAME,OAI7ByB,QAAS,CACPlB,QADJ,WACA,WACMlB,KAAKc,SAAU,EACfd,KAAKqC,WAAU,WACb,EAAR,gBAIIC,SARJ,SAQA,GACMC,OAAOC,SAASC,KAAOC,GAGzBC,WAZJ,SAYA,GACMJ,OAAOK,KAAKF,EAAK,WAGnBG,OAhBJ,SAgBA,4BACA,uBADA,IACA,0CAGA,uCACA,cALA,8BAQM,OAAQ,GAIVC,UA5BJ,WA6BM,IAAN,OACM,GAAI9C,KAAKW,KAAM,CACboC,EAAEhB,YAAYC,MAAQ,GAA9B,0CACQ,IAAR,uBACA,uDACA,uCACA,wCAGU,IAAIgB,EAAQC,EAASC,GAErB,OAAOF,KAIjB,yCACUG,KAAM,MACNrB,KAAM,CACJsB,OAAQA,EACRC,SAAU,CAAC,CACTC,MAAO,gCACPxB,KAAMA,EACNyB,gBAAiBC,EACjBC,YAAaD,EACbE,YAAa,KAGjBC,QAAS,CACPC,OAAQ,CACNC,SAAS,GAGXC,qBAAqB,EAErBC,OAAQ,CACNC,MAAO,CAAC,CACNC,MAAO,CACLC,aAAa,cAQvBC,YAAW,WACTpB,EAAED,cACZ,OAKEsB,QAtGF,cCzB4V,I,wBCQxVC,EAAY,eACd,EACAvE,EACA+B,GACA,EACA,KACA,WACA,MAIa,aAAAwC,E,6CCnBf,W","file":"js/chunk-0d575588.1d67ff7a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"aci\"},[_c('div',{staticClass:\"box-head\"},[_vm._v(\"Allosteric Coupling Intensity\")]),_c('div',{staticClass:\"box-tool\"},[_c('a',{attrs:{\"href\":_vm.$store.state.host+\"/dokhlab/actions/ohm/result?id=\" + (_vm.task.id) + \"&file=aci-png\"}},[_vm._v(_vm._s(_vm.task.id)+\"-nodes.png\")]),_vm._v(\", \"),_c('a',{attrs:{\"href\":_vm.$store.state.host+\"/dokhlab/actions/ohm/result?id=\" + (_vm.task.id) + \"&file=aci&as=\" + (_vm.task.id) + \"-aci.txt\"}},[_vm._v(_vm._s(_vm.task.id)+\"-aci.txt\")])]),(!_vm.showACI)?_c('div',[_c('el-button',{attrs:{\"type\":\"text\"},nativeOn:{\"click\":function($event){return _vm.viewACI.apply(null, arguments)}}},[_vm._v(\"View ACI\")])],1):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showACI),expression:\"showACI\"}],staticStyle:{\"overflow-x\":\"auto\"}},[_c('div',{style:(_vm.canvasStyle)},[_c('canvas',{ref:\"aciBar\",attrs:{\"id\":\"nodes-bar\"}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"aci\">\n    <div class=\"box-head\">Allosteric Coupling Intensity</div>\n\n    <div class=\"box-tool\">\n      <a :href=\"$store.state.host+`/dokhlab/actions/ohm/result?id=${task.id}&file=aci-png`\">{{task.id}}-nodes.png</a>, <a :href=\"$store.state.host+`/dokhlab/actions/ohm/result?id=${task.id}&file=aci&as=${task.id}-aci.txt`\">{{task.id}}-aci.txt</a>\n    </div>\n\n    <div v-if=\"!showACI\">\n      <el-button type=\"text\" @click.native=\"viewACI\">View ACI</el-button>\n    </div>\n\n    <div style=\"overflow-x:auto\" v-show=\"showACI\">\n      <div :style=\"canvasStyle\">\n        <canvas ref=\"aciBar\" id=\"nodes-bar\"></canvas>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport interpolate from 'color-interpolate'\nimport Chart from 'chart.js'\n// import { saveAs } from 'file-saver'\n\nexport default {\n  name: 'Aci',\n\n  data () {\n    return {\n      showACI: false,\n      canvasStyle: {\n        width: '100%',\n        height: '400px'\n      }\n    }\n  },\n\n  props: [ 'value' ],\n\n  computed: {\n    task () {\n      return this.$store.state.task\n    }\n  },\n\n  methods: {\n    viewACI () {\n      this.showACI = true\n      this.$nextTick(() => {\n        this.checkTask()\n      })\n    },\n\n    redirect (url) {\n      window.location.href = url\n    },\n\n    openNewTab (url) {\n      window.open(url, '_blank')\n    },\n\n    getInd (chainName, resNum) {\n      for (let i of this.task.results.ind) {\n//        console.log(JSON.stringify(i))\n//        console.log(`${chainName}/${resNum}`)\n        if (`${chainName}/${resNum}` === i.name) {\n          return i.num\n        }\n      }\n      return -1\n//      return this.task.results.ind.find(i => i.name === `${chainName}/${resNum}`).num\n    },\n\n    checkTask () {\n      let v = this\n      if (this.task) {\n        v.canvasStyle.width = `${v.task.results.ind.length * 20}px`\n        let data = v.task.results.nodes\n        let labels = v.task.results.ind.map(i => i.name)\n        let colormap = interpolate(['blue', 'green', 'yellow', 'red'])\n        let colors = v.task.results.nodes.map(i => {\n  //        var color = r2h(interpolateColor([0, 0, 255], [255, 0, 0], i))\n  //        console.log(i)\n          var color = colormap(i)\n  //        console.log(color)\n          return color\n        })\n  //      let data = [1, 2, 3]\n  //      let options = {}\n        let barChart = new Chart(v.$refs.aciBar.getContext('2d'), {\n          type: 'bar',\n          data: {\n            labels: labels,\n            datasets: [{\n              label: 'Allosteric Coupling Intensity',\n              data: data,\n              backgroundColor: colors,\n              borderColor: colors,\n              borderWidth: 1\n            }]\n          },\n          options: {\n            legend: {\n              display: false\n            },\n\n            maintainAspectRatio: false,\n\n            scales: {\n              yAxes: [{\n                ticks: {\n                  beginAtZero: true\n                }\n              }]\n            }\n          }\n        })\n//        console.log(barChart)\n      } else {\n        setTimeout(() => {\n          v.checkTask()\n        }, 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#paths-bar {\n  width: 100%;\n  height: 100%;\n}\n\n.aci {\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\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!./Aci.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!./Aci.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Aci.vue?vue&type=template&id=18016035&scoped=true&\"\nimport script from \"./Aci.vue?vue&type=script&lang=js&\"\nexport * from \"./Aci.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Aci.vue?vue&type=style&index=0&id=18016035&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  \"18016035\",\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!./Aci.vue?vue&type=style&index=0&id=18016035&lang=scss&scoped=true&\""],"sourceRoot":""}