{"version":3,"sources":["webpack:///./src/components/devices/ProvisionCloudInstance.vue?07cd","webpack:///src/components/devices/ProvisionCloudInstance.vue","webpack:///./src/components/devices/ProvisionCloudInstance.vue?b145","webpack:///./src/components/devices/ProvisionCloudInstance.vue","webpack:///./src/components/devices/ProvisionCloudInstance.vue?d5c3"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","scopedSlots","_u","key","fn","ref","on","_g","staticClass","_v","model","value","callback","$$v","dialog","expression","registrationTokens","length","selectedToken","selectedTokenID","installCommand","_l","provider","name","_s","url","nativeOn","$event","staticRenderFns","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VContainer","VDialog","VIcon","VList","VListItem","VListItemContent","VListItemTitle","VRow","VSelect","VSpacer"],"mappings":"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","file":"js/chunk-0bd403ee.985442a5.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\":\"600px\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('v-btn',_vm._g({staticClass:\"primary--text\",attrs:{\"small\":\"\",\"text\":\"\"}},on),[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-cloud\")]),_vm._v(\" Provision Cloud VM \")],1)]}}]),model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',[_c('v-card-title',[_vm._v(\"Provision Cloud Instance\")]),_c('v-card-text',[(_vm.registrationTokens.length > 0)?_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-select',{staticClass:\"pr-4\",attrs:{\"items\":_vm.registrationTokens,\"label\":\"Registration Token\",\"hint\":(\"used by \" + (_vm.selectedToken.deviceCount) + \" devices\"),\"item-text\":\"name\",\"item-value\":\"id\",\"outlined\":\"\",\"dense\":\"\"},model:{value:(_vm.selectedTokenID),callback:function ($$v) {_vm.selectedTokenID=$$v},expression:\"selectedTokenID\"}})],1),_c('v-row',[_c('p',[_vm._v(\" Add the following commands as a \"),_c('a',{attrs:{\"href\":\"https://cloudinit.readthedocs.io/en/latest/index.html\",\"target\":\"_blank\",\"rel\":\"noopener\"}},[_vm._v(\"Cloud-Init\")]),_vm._v(\" script to the cloud instance that you would like to add to Synpse. The script will download, install and securely configures the Synpse agent: \")])]),_c('v-row',{staticClass:\"mb-2 mt-4\",attrs:{\"align\":\"center\"}},[_c('markup',{attrs:{\"language\":\"bash\",\"code\":_vm.installCommand,\"inline\":false}})],1),_c('v-row',{staticClass:\"mt-4\",attrs:{\"align\":\"center\"}},[_vm._v(\" All major cloud providers support Cloud-Init, you can find more in their docs: \")]),_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-list',{attrs:{\"dense\":\"\"}},_vm._l((_vm.cloudProviders),function(provider){return _c('v-list-item',{key:provider.name},[_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\" \"+_vm._s(provider.name)+\" - \"),_c('a',{attrs:{\"href\":provider.url,\"target\":\"_blank\",\"rel\":\"noopener\"}},[_vm._v(\"docs\")])])],1)],1)}),1)],1)],1):_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',{attrs:{\"align\":\"center\"}},[_c('pre',[_vm._v(\"            Please create at least one device registration token before provisioning.\\n          \")])])],1)],1),_c('v-card-actions',[_c('v-btn',{staticClass:\"primary\",attrs:{\"text\":\"\"},nativeOn:{\"click\":function($event){_vm.dialog = false}}},[_vm._v(\"Close\")]),_c('v-spacer')],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog id=\"dialog\" v-model=\"dialog\" max-width=\"600px\">\n    <template v-slot:activator=\"{ on }\">\n      <v-btn small v-on=\"on\" text class=\"primary--text\">\n        <v-icon small class=\"mr-1\">mdi-cloud</v-icon>\n        Provision Cloud VM\n      </v-btn>\n    </template>\n    <v-card>\n      <v-card-title>Provision Cloud Instance</v-card-title>\n      <v-card-text>\n        <v-container fluid v-if=\"registrationTokens.length > 0\">\n          <v-row align=\"center\">\n            <v-select\n              class=\"pr-4\"\n              :items=\"registrationTokens\"\n              label=\"Registration Token\"\n              v-model=\"selectedTokenID\"\n              :hint=\"`used by ${selectedToken.deviceCount} devices`\"\n              item-text=\"name\"\n              item-value=\"id\"\n              outlined\n              dense\n            ></v-select>\n          </v-row>\n\n          <v-row>\n            <p>\n              Add the following commands as a \n              <a href=\"https://cloudinit.readthedocs.io/en/latest/index.html\" target=\"_blank\" rel=\"noopener\">Cloud-Init</a> \n              script to the cloud instance that you would like to add to Synpse. The script will download, install and\n              securely configures the Synpse agent:\n            </p>\n          \n          </v-row>\n\n          <v-row align=\"center\" class=\"mb-2 mt-4\">\n            <markup language=\"bash\" :code=\"installCommand\" :inline=\"false\"></markup>\n          </v-row>\n\n          <v-row align=\"center\" class=\"mt-4\">            \n              All major cloud providers support Cloud-Init, you can find more in their docs:            \n          </v-row>\n          <v-row align=\"center\">\n            <v-list dense>\n              <v-list-item v-for=\"provider in cloudProviders\" :key=\"provider.name\">\n                <v-list-item-content>\n                  <v-list-item-title>\n                    {{ provider.name}} - <a :href=\"provider.url\" target=\"_blank\" rel=\"noopener\">docs</a>\n                  </v-list-item-title>\n                </v-list-item-content>\n              </v-list-item>\n            </v-list>\n          \n          </v-row>\n\n        </v-container>\n\n        <v-container fluid v-else >\n          <v-row align=\"center\">\n            <pre>\n              Please create at least one device registration token before provisioning.\n            </pre>\n          </v-row>\n        </v-container>\n      </v-card-text>\n      <v-card-actions>\n        <v-btn text v-on:click.native=\"dialog = false\" class=\"primary\">Close</v-btn>\n        <v-spacer></v-spacer>  \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</style>\n\n<script>\nimport Markup from '../helpers/Markup';\n\n  export default {\n    components: {\n      Markup\n    },\n    data () {\n      return {\n        dialog: false,\n\n        selectedTokenID: '',\n\n        cloudProviders: [\n          {\n            name: 'Google Cloud Platform',\n            url: 'https://cloud.google.com/container-optimized-os/docs/how-to/create-configure-instance#using_cloud-init_with_the_cloud_config_format'\n          },\n          {\n            name: 'Amazon AWS',\n            url: 'https://docs.aws.amazon.com/AWSEC2/latest/UserGuide/user-data.html'\n          },\n          {\n            name: 'Microsoft Azure',\n            url: 'https://learn.microsoft.com/en-us/azure/virtual-machines/linux/cloudinit-bash-script'\n          },\n          {\n            name: 'Vultr',\n            url: 'https://www.vultr.com/docs/how-to-deploy-a-vultr-server-with-cloudinit-userdata/#Advantages_of_cloud_init'\n          }\n        ]\n      }\n    },\n\n    computed: {\n      loading() {\n        return this.$store.state.device.loading\n      },\n      error() {\n        return this.$store.state.device.error\n      },\n      projectId() {\n        return this.$route.params.project\n      },\n      registrationTokens() {\n        return this.$store.state.device.registrationTokens\n      },\n      selectedToken() {\n        if (this.selectedTokenID === '' && this.registrationTokens.length > 0) {\n          return this.registrationTokens[0]\n        } \n        const selectedTokenId = this.selectedTokenID\n        const found = this.registrationTokens.find(token => token.id === selectedTokenId)\n        return found\n      },    \n      installCommand() {\n        // some crappy formatting\n        return `#!/bin/sh\n\ncurl https://downloads.synpse.net/install.sh | \\\\\\n  AGENT_PROJECT=${this.projectId} \\\\\\n  AGENT_REGISTRATION_TOKEN=${this.selectedToken.id} \\\\\\n  AGENT_CONTROLLER_URI=${window.location.protocol}//${window.location.host}/api \\\\\\n  bash`\n      }\n    },\n\n    methods: {\n      refresh () {\n        let q = {\n          projectId: this.projectId\n        } \n        this.$store.dispatch('ListDeviceRegistrationTokens', q)\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!./ProvisionCloudInstance.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!./ProvisionCloudInstance.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProvisionCloudInstance.vue?vue&type=template&id=38804e8e&\"\nimport script from \"./ProvisionCloudInstance.vue?vue&type=script&lang=js&\"\nexport * from \"./ProvisionCloudInstance.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProvisionCloudInstance.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 { VIcon } from 'vuetify/lib/components/VIcon';\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 { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VContainer,VDialog,VIcon,VList,VListItem,VListItemContent,VListItemTitle,VRow,VSelect,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!./ProvisionCloudInstance.vue?vue&type=style&index=0&lang=stylus&\""],"sourceRoot":""}