{"version":3,"sources":["webpack:///./src/ohm/components/Paths.vue?2469","webpack:///src/ohm/components/Paths.vue","webpack:///./src/ohm/components/Paths.vue?f62c","webpack:///./src/ohm/components/Paths.vue","webpack:///./src/ohm/components/Paths.vue?ff40"],"names":["render","_vm","this","_h","$createElement","_c","_self","style","staticClass","_v","staticStyle","on","downloadTxt","_s","task","id","downloadPng","_e","showPlot","attrs","nativeOn","$event","viewPlot","apply","arguments","plotReady","directives","name","rawName","value","expression","ref","staticRenderFns","data","active_site","allosteric_site","pathsStyle","margin","position","canvasStyle","width","height","props","computed","$store","state","methods","checkTask","blob","Blob","content","redirect","window","location","href","url","openNewTab","open","getInd","getSites","vec","v","par","console","log","results","ind","paths","find_result","maxWeight","weight","ids","sort","nPath","push","labels","colors","colormap","weights","type","datasets","label","backgroundColor","borderColor","borderWidth","options","maintainAspectRatio","legend","display","scales","yAxes","ticks","beginAtZero","xAxes","setTimeout","mounted","component"],"mappings":"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","file":"js/chunk-3dd4d904.e01bdf0c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{style:(_vm.pathsStyle)},[_c('div',{staticClass:\"box-head\"},[_vm._v(\"Importance of Allosteric pathways\")]),_c('div',{staticClass:\"box-tool\"},[_c('a',{staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":_vm.downloadTxt}},[_vm._v(_vm._s(_vm.task.id)+\"-paths.txt\")]),_vm._v(\" \"),(_vm.plotReady)?_c('a',{staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":_vm.downloadPng}},[_vm._v(_vm._s(_vm.task.id)+\"-paths.png\")]):_vm._e()]),(!_vm.showPlot)?_c('div',[_c('el-button',{attrs:{\"type\":\"text\"},nativeOn:{\"click\":function($event){return _vm.viewPlot.apply(null, arguments)}}},[_vm._v(\"View Pathway Importance\")])],1):_vm._e(),(_vm.showPlot && !_vm.plotReady)?_c('div',[_vm._v(\" Loading \"),_c('i',{staticClass:\"el-icon-loading\"})]):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showPlot),expression:\"showPlot\"}],staticStyle:{\"overflow-y\":\"auto\",\"padding\":\"5px\"}},[_c('div',{style:(_vm.canvasStyle)},[_c('canvas',{ref:\"canvas\",attrs:{\"id\":\"paths-bar\"}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :style=\"pathsStyle\">\n    <div class=\"box-head\">Importance of Allosteric pathways</div>\n\n    <div class=\"box-tool\">\n      <a style=\"cursor:pointer\" @click=\"downloadTxt\">{{task.id}}-paths.txt</a> <a v-if=\"plotReady\" style=\"cursor:pointer\" @click=\"downloadPng\">{{task.id}}-paths.png</a>\n    </div>\n\n    <div v-if=\"!showPlot\">\n      <el-button type=\"text\" @click.native=\"viewPlot\">View Pathway Importance</el-button>\n    </div>\n\n    <div v-if=\"showPlot && !plotReady\">\n      Loading <i class=\"el-icon-loading\"></i>\n    </div>\n\n    <div v-show=\"showPlot\" style=\"overflow-y:auto;padding:5px\">\n      <div :style=\"canvasStyle\">\n        <canvas ref=\"canvas\" id=\"paths-bar\"></canvas>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport interpolate from 'color-interpolate'\nimport Chart from 'chart.js'\nimport { saveAs } from 'file-saver'\n\nexport default {\n  name: 'Paths',\n\n  data () {\n    return {\n      showPlot: false,\n      plotReady: false,\n      active_site: [],\n      allosteric_site: [],\n      pathsStyle: {\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      canvasStyle: {\n        width: '100%',\n        height: '500px'\n      }\n    }\n  },\n\n  props: [ 'value' ],\n\n  computed: {\n    task () {\n      return this.$store.state.task\n    }\n  },\n\n  methods: {\n    viewPlot () {\n      this.showPlot = true\n      this.checkTask()\n    },\n\n    downloadPng () {\n      let v = this\n      let url = v.$refs.canvas.toDataURL('image/jpg')\n      saveAs(url, `${v.task.id}-paths.png`)\n    },\n\n    downloadTxt () {\n      let v = this\n      let content = v.labels.map((label, i) => `${i} ${v.weights[i]} ${label}`).join('\\n')\n      var blob = new Blob([content], { type: 'text/csv;charset=utf-8;' })\n      saveAs(blob, `${v.task.id}-paths.txt`)\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    getSites (sites) {\n      let vec = []\n      let ls = sites.trim().split(/,/)\n      for (let s of ls) {\n        let w = s.split(/\\//)\n        let chainName = w[0]\n        let residues = w[1]\n        let v = residues.split(/\\+/)\n        for (let i of v) {\n          let u = i.split(/-/)\n          if (u.length === 2) {\n            let a = parseInt(u[0])\n            let b = parseInt(u[1])\n            for (let j = a; j <= b; j++) {\n              vec.push(this.getInd(chainName, j))\n            }\n          } else if (u.length === 1) {\n            vec.push(this.getInd(chainName, u[0]))\n          }\n        }\n      }\n      return vec\n    },\n\n    checkTask () {\n      let v = this\n      let task = this.task\n\n      if (task) {\n        v.active_site = v.getSites(task.par.active_site)\n        v.allosteric_site = v.getSites(task.par.allosteric_site)\n        let paths = {}\n        for (let path of v.task.results.paths) {\n          let id = path.path.filter(i => {\n            let j = parseInt(i)\n            return !(v.active_site.includes(j)) && !(v.allosteric_site.includes(j))\n          }).join('-')\n          if (!(id in paths)) {\n            paths[id] = {\n              weight: 0.0\n            }\n          }\n          paths[id].weight += path.weight\n        }\n\n        let maxWeight = 0.0\n        console.log(v.task.results.ind)\n        for (let id in paths) {\n          paths[id].name = `Start - ${id.split(/-/).map(i => {\n            let find_result = v.task.results.ind.find(j => j.num === parseInt(i))\n            return find_result ? find_result.name : \"\"\n          }).join(' - ')} - End`\n          if (maxWeight < paths[id].weight) {\n            maxWeight = paths[id].weight\n          }\n        }\n        for (let id in paths) {\n          paths[id].normWeight = paths[id].weight / maxWeight\n        }\n\n        let ids = Object.keys(paths)\n        ids.sort((a, b) => paths[b].weight - paths[a].weight)\n\n        let colormap = interpolate(['#053795', 'green', 'yellow', '#900c3f'])\n        let data = []\n        let labels = []\n        let colors = []\n        let nPath = 0\n        for (let id of ids) {\n          if (nPath < 100) {\n            data.push(paths[id].weight)\n            labels.push(paths[id].name)\n            colors.push(colormap(paths[id].normWeight))\n            nPath += 1\n          }\n        }\n//        console.log(data)\n\n//        console.log(Object.keys(labels).length)\n        v.canvasStyle.height = `${Object.keys(labels).length * 15}px`\n\n        v.weights = data\n        v.labels = labels\n\n        let barChart = new Chart(document.getElementById('paths-bar').getContext('2d'), {\n          type: 'horizontalBar',\n          data: {\n            labels: labels,\n            datasets: [{\n              label: 'Path',\n              data: data,\n              backgroundColor: colors,\n              borderColor: colors,\n              borderWidth: 1\n            }]\n          },\n          options: {\n//            responsive: true,\n            maintainAspectRatio: false,\n\n            legend: {\n              display: false\n            },\n\n            scales: {\n              yAxes: [{\n                ticks: {\n                  beginAtZero: true\n                }\n              }],\n\n              xAxes: [\n                { position: 'top' }\n              ]\n            }\n          }\n        })\n//        console.log(barChart)\n\n        this.plotReady = true\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.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!./Paths.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!./Paths.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Paths.vue?vue&type=template&id=eb555d26&scoped=true&\"\nimport script from \"./Paths.vue?vue&type=script&lang=js&\"\nexport * from \"./Paths.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Paths.vue?vue&type=style&index=0&id=eb555d26&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  \"eb555d26\",\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!./Paths.vue?vue&type=style&index=0&id=eb555d26&lang=scss&scoped=true&\""],"sourceRoot":""}