{"version":3,"sources":["webpack:///./src/components/cli/ProxyPort.vue?3bc9","webpack:///src/components/cli/ProxyPort.vue","webpack:///./src/components/cli/ProxyPort.vue?77b8","webpack:///./src/components/cli/ProxyPort.vue","webpack:///./src/components/cli/ProxyPort.vue?a873"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","scopedSlots","_u","key","fn","ref","on","_g","_b","staticClass","_v","_s","hostPort","model","value","callback","$$v","dialog","expression","command","$event","staticRenderFns","components","Markup","props","device","Object","port","String","data","computed","host","project","name","projectId","methods","close","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VContainer","VDialog","VList","VListItem","VListItemContent","VListItemTitle","VRow","VSpacer"],"mappings":"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","file":"js/chunk-6f478cb8.a3aad335.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-dialog',{attrs:{\"id\":\"dialog\",\"max-width\":\"850px\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({staticClass:\"primary--text mr-1\",attrs:{\"text\":\"\",\"outlined\":\"\",\"x-small\":\"\"}},'v-btn',attrs,false),on),[_vm._v(\" Proxy \"+_vm._s(_vm.hostPort)+\" \")])]}}]),model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"ml-3\"},[_vm._v(\"Proxy local port to device\")]),_c('v-card-text',{staticClass:\"mt-2\"},[_c('span',{staticClass:\"ml-3\"},[_vm._v(\"To connect locally to the port, run:\")]),_c('v-container',{staticClass:\"mt-2 mb-2\",attrs:{\"fluid\":\"\"}},[_c('markup',{attrs:{\"language\":\"bash\",\"code\":_vm.command(),\"inline\":false}})],1),_c('span',{staticClass:\"ml-3\"},[_vm._v(\"To listen on a different port (16000) locally:\")]),_c('v-container',{staticClass:\"mt-2 mb-2\",attrs:{\"fluid\":\"\"}},[_c('markup',{attrs:{\"language\":\"bash\",\"code\":_vm.command(16000),\"inline\":false}})],1),_c('span',{staticClass:\"ml-3\"},[_vm._v(\"Once connected, use 'localhost:\"+_vm._s(_vm.hostPort)+\"' to connect, for example:\")]),_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-list',{attrs:{\"dense\":\"\"}},[_c('v-list-item',[_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\" HTTP - \"),_c('a',{attrs:{\"href\":(\"http://localhost:\" + _vm.hostPort),\"target\":\"_blank\",\"rel\":\"noopener\"}},[_vm._v(\"http://localhost:\"+_vm._s(_vm.hostPort))])])],1)],1),_c('v-list-item',[_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\" MySQL - jdbc:mariadb://localhost:\"+_vm._s(_vm.hostPort)+\" \")])],1)],1),_c('v-list-item',[_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\" MySQL - jdbc:mariadb://localhost:\"+_vm._s(_vm.hostPort)+\" \")])],1)],1),_c('v-list-item',[_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\" Postgres - jdbc:postgresql://localhost:\"+_vm._s(_vm.hostPort)+\"/postgres \")])],1)],1)],1)],1)],1)],1),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"secondary--text\",attrs:{\"text\":\"\"},on:{\"click\":function($event){_vm.dialog = false}}},[_vm._v(\"Close\")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>  \n\n  <v-dialog id=\"dialog\" v-model=\"dialog\" max-width=\"850px\">\n    <template v-slot:activator=\"{ on, attrs }\">\n      <v-btn\n          text\n          outlined\n          class=\"primary--text mr-1\"\n          v-bind=\"attrs\"  \n          v-on=\"on\"\n          x-small\n          >\n        Proxy {{ hostPort }}\n      </v-btn>\n    </template>\n\n    <v-card>\n      <v-card-title class=\"ml-3\">Proxy local port to device</v-card-title>\n      <v-card-text class=\"mt-2\">\n        <span class=\"ml-3\">To connect locally to the port, run:</span>\n        \n        <v-container fluid class=\"mt-2 mb-2\">\n          <markup\n              language=\"bash\"\n              :code=\"command()\"\n              :inline=\"false\"\n            ></markup>\n        </v-container>\n\n        <span class=\"ml-3\">To listen on a different port (16000) locally:</span>\n        \n        <v-container fluid class=\"mt-2 mb-2\">\n          <markup\n              language=\"bash\"\n              :code=\"command(16000)\"\n              :inline=\"false\"\n            ></markup>\n        </v-container>\n\n        <span class=\"ml-3\">Once connected, use 'localhost:{{ hostPort }}' to connect, for example:</span>\n\n        <v-container fluid>\n          <v-row align=\"center\">\n            <v-list dense>\n              <v-list-item>\n                <v-list-item-content>\n                  <v-list-item-title>\n                    HTTP - <a :href=\"`http://localhost:${hostPort}`\" target=\"_blank\" rel=\"noopener\">http://localhost:{{ hostPort }}</a>\n                  </v-list-item-title>\n                </v-list-item-content>\n              </v-list-item>\n              <v-list-item>\n                <v-list-item-content>\n                  <v-list-item-title>\n                    MySQL - jdbc:mariadb://localhost:{{ hostPort }}\n                  </v-list-item-title>\n                </v-list-item-content>\n              </v-list-item>\n              <v-list-item>\n                <v-list-item-content>\n                  <v-list-item-title>\n                    MySQL - jdbc:mariadb://localhost:{{ hostPort }}\n                  </v-list-item-title>\n                </v-list-item-content>\n              </v-list-item>\n              <v-list-item>\n                <v-list-item-content>\n                  <v-list-item-title>\n                    Postgres - jdbc:postgresql://localhost:{{ hostPort }}/postgres\n                  </v-list-item-title>\n                </v-list-item-content>\n              </v-list-item>\n            </v-list>          \n          </v-row>\n        </v-container>\n\n      </v-card-text>\n      <v-card-actions>\n        <v-spacer></v-spacer>\n        <v-btn text @click=\"dialog = false\" class=\"secondary--text\"\n          >Close</v-btn\n        >\n      </v-card-actions>\n    </v-card>\n  </v-dialog>\n</template>\n\n<style lang=\"stylus\">\n.addbtn {\n  margin: 0px;\n  top: auto;\n  right: 20px;\n  bottom: 20px;\n  left: auto;\n  position: fixed;\n  z-index: 1;\n}\n</style>\n\n<script>\nimport Markup from '../helpers/Markup';\n\nexport default {\n  components: {\n    Markup\n  },\n  props: {\n    device: Object,\n    port: String\n  },\n  data() {\n    return {\n      dialog: false\n    }\n  },\n\n  computed: {\n    hostPort() {\n      // Port comes as mapping 'host:container' as in 8888:8888 for example.\n      // we split it in half and then leave only host part\n      const [host] = this.port.split(':');\n      return host\n    },\n    project() {\n      let project = this.$store.getters.getSelectedProject()\n      if (project) {\n        return project.name\n      }\n      return this.device.projectId\n    }    \n  },\n\n  methods: {\n    command(port) {\n      if (!port) {\n        port = this.hostPort\n      }\n      return `synpse --project ${this.project} \\\\\\n device proxy ${this.device.name} ${port}:${this.hostPort}`\n    },\n    close() {\n      // closing dialog\n      // this.$emit('clicked', '')\n      this.dialog = false\n    }\n  }\n}\n</script>\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!./ProxyPort.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!./ProxyPort.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProxyPort.vue?vue&type=template&id=478268d2&\"\nimport script from \"./ProxyPort.vue?vue&type=script&lang=js&\"\nexport * from \"./ProxyPort.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProxyPort.vue?vue&type=style&index=0&lang=stylus&\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VContainer,VDialog,VList,VListItem,VListItemContent,VListItemTitle,VRow,VSpacer})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProxyPort.vue?vue&type=style&index=0&lang=stylus&\""],"sourceRoot":""}