(this.webpackJsonp=this.webpackJsonp||[]).push([[2],{33:function(e,t,n){"use strict";n.d(t,"a",function(){return a});var r=n(4),i=n(1),o=n(8);function s(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var a=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e);var n=t.dataset,r=n.dismissEndpoint,i=n.featureId;this.container=t,this.dismissEndpoint=r,this.featureId=i,this.init()}var t,n,a;return t=e,(n=[{key:"init",value:function(){var e=this;this.container.querySelector(".js-close").addEventListener("click",function(t){return e.dismiss(t)})}},{key:"dismiss",value:function(e){var t=this;e.preventDefault(),r.a.post(this.dismissEndpoint,{feature_name:this.featureId}).then(function(){t.container.remove()}).catch(function(){Object(o.a)(Object(i.a)("An error occurred while dismissing the alert. Refresh the page and try again."))})}}])&&s(t.prototype,n),a&&s(t,a),e}()},40:function(e,t,n){"use strict";var r={};n.r(r),n.d(r,"setProject",function(){return y}),n.d(r,"setZone",function(){return _}),n.d(r,"setMachineType",function(){return w}),n.d(r,"setIsValidatingProjectBilling",function(){return O}),n.d(r,"fetchProjects",function(){return E}),n.d(r,"validateProjectBilling",function(){return P}),n.d(r,"fetchZones",function(){return S}),n.d(r,"fetchMachineTypes",function(){return T}),n.d(r,"default",function(){return I});var i={};n.r(i),n.d(i,"hasProject",function(){return C}),n.d(i,"hasZone",function(){return x}),n.d(i,"hasMachineType",function(){return k});var o=n(6),s=n(8),a=n(7),c=n.n(a),l=n(1),u=n(10),d={props:{placeholderText:{type:String,required:!0,default:Object(l.a)("Search")}},data:function(){return{searchQuery:this.value}},watch:{searchQuery:function(e){this.$emit("input",e)}}},h=n(2),p=Object(h.a)(d,function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"dropdown-input"},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.searchQuery,expression:"searchQuery"}],staticClass:"dropdown-input-field",attrs:{placeholder:e.placeholderText,type:"search",autocomplete:"off"},domProps:{value:e.searchQuery},on:{input:function(t){t.target.composing||(e.searchQuery=t.target.value)}}}),e._v(" "),n("i",{staticClass:"fa fa-search dropdown-input-search",attrs:{"aria-hidden":"true","data-hidden":"true"}}),e._v(" "),n("i",{staticClass:"fa fa-times dropdown-input-clear js-dropdown-input-clear",attrs:{"aria-hidden":"true","data-hidden":"true",role:"button"}})])},[],!1,null,null,null);p.options.__file="dropdown_search_input.vue";var g,f=p.exports,m=n(459),b=n(484),j=n(9),v=function(e){var t=e.resource,n=e.params,r=e.commit,i=e.mutation,o=e.payloadKey;return new Promise(function(e,s){return t.list(n).then(function(t){var n=t.result;r(i,n[o]),e()},function(e){s(e)})})},y=function(e,t){(0,e.commit)("SET_PROJECT",t)},_=function(e,t){(0,e.commit)("SET_ZONE",t)},w=function(e,t){(0,e.commit)("SET_MACHINE_TYPE",t)},O=function(e,t){(0,e.commit)("SET_IS_VALIDATING_PROJECT_BILLING",t)},E=function(e){var t=e.commit;return v({resource:gapi.client.cloudresourcemanager.projects,params:{},commit:t,mutation:"SET_PROJECTS",payloadKey:"projects"})},P=function(e){var t=e.dispatch,n=e.commit,r=e.state;return new Promise(function(e,i){var o=gapi.client.cloudbilling.projects.getBillingInfo({name:"projects/".concat(r.selectedProject.projectId)});return n("SET_ZONE",""),n("SET_MACHINE_TYPE",""),o.then(function(r){var i=r.result.billingEnabled;n("SET_PROJECT_BILLING_STATUS",!!i),t("setIsValidatingProjectBilling",!1),e()},function(e){t("setIsValidatingProjectBilling",!1),i(e)})})},S=function(e){var t=e.commit,n=e.state;return v({resource:gapi.client.compute.zones,params:{project:n.selectedProject.projectId},commit:t,mutation:"SET_ZONES",payloadKey:"items"})},T=function(e){var t=e.commit,n=e.state;return v({resource:gapi.client.compute.machineTypes,params:{project:n.selectedProject.projectId,zone:n.selectedZone},commit:t,mutation:"SET_MACHINE_TYPES",payloadKey:"items"})},I=function(){},C=function(e){return!!e.selectedProject.projectId},x=function(e){return!!e.selectedZone},k=function(e){return!!e.selectedMachineType};function B(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var L=(B(g={},"SET_PROJECT",function(e,t){Object.assign(e,{selectedProject:t})}),B(g,"SET_IS_VALIDATING_PROJECT_BILLING",function(e,t){Object.assign(e,{isValidatingProjectBilling:t})}),B(g,"SET_PROJECT_BILLING_STATUS",function(e,t){Object.assign(e,{projectHasBillingEnabled:t})}),B(g,"SET_ZONE",function(e,t){Object.assign(e,{selectedZone:t})}),B(g,"SET_MACHINE_TYPE",function(e,t){Object.assign(e,{selectedMachineType:t})}),B(g,"SET_PROJECTS",function(e,t){Object.assign(e,{projects:t})}),B(g,"SET_ZONES",function(e,t){Object.assign(e,{zones:t})}),B(g,"SET_MACHINE_TYPES",function(e,t){Object.assign(e,{machineTypes:t})}),g);o.default.use(u.a);var H={store:new u.a.Store({actions:r,getters:i,mutations:L,state:{selectedProject:{projectId:"",name:""},selectedZone:"",selectedMachineType:"",isValidatingProjectBilling:null,projectHasBillingEnabled:null,projects:[],zones:[],machineTypes:[]}}),components:{DropdownButton:b.a,DropdownSearchInput:f,DropdownHiddenInput:m.a,GlLoadingIcon:j.h},props:{fieldId:{type:String,required:!0},fieldName:{type:String,required:!0},defaultValue:{type:String,required:!1,default:""}},data:function(){return{isLoading:!1,hasErrors:!1,searchQuery:"",gapiError:""}},computed:{results:function(){var e=this;return this.items?this.items.filter(function(t){return t.name.toLowerCase().indexOf(e.searchQuery)>-1}):[]}},methods:{fetchSuccessHandler:function(){var e=this;if(this.defaultValue){var t=c.a.find(this.items,function(t){return t.name===e.defaultValue});t&&this.setItem(t.name)}this.isLoading=!1,this.hasErrors=!1},fetchFailureHandler:function(e){this.isLoading=!1,this.hasErrors=!0,e.result&&e.result.error&&(this.gapiError=e.result.error.message)}}};function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.forEach(function(t){M(e,t,n[t])})}return e}function M(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Z={name:"GkeProjectIdDropdown",mixins:[H],props:{docsUrl:{type:String,required:!0}},computed:N({},Object(u.d)(["selectedProject","isValidatingProjectBilling","projectHasBillingEnabled"]),Object(u.d)({items:"projects"}),Object(u.c)(["hasProject"]),{hasOneProject:function(){return this.items&&1===this.items.length},isDisabled:function(){return this.isLoading||this.isValidatingProjectBilling||this.items&&this.items.length<2},toggleText:function(){return this.isValidatingProjectBilling?Object(l.e)("ClusterIntegration|Validating project billing status"):this.isLoading?Object(l.e)("ClusterIntegration|Fetching projects"):this.hasProject?this.selectedProject.name:this.items?Object(l.e)("ClusterIntegration|Select project"):Object(l.e)("ClusterIntegration|No projects found")},helpText:function(){var e;return this.hasErrors?this.errorMessage:(this.items||(e="ClusterIntegration|We were unable to fetch any projects. Ensure that you have a project on %{docsLinkStart}Google Cloud Platform%{docsLinkEnd}."),e=this.items&&this.items.length?"ClusterIntegration|To use a new project, first create one on %{docsLinkStart}Google Cloud Platform%{docsLinkEnd}.":"ClusterIntegration|To create a cluster, first create a project on %{docsLinkStart}Google Cloud Platform%{docsLinkEnd}.",Object(l.f)(Object(l.e)(e),{docsLinkEnd:'&nbsp;<i class="fa fa-external-link" aria-hidden="true"></i></a>',docsLinkStart:'<a href="'.concat(c.a.escape(this.docsUrl),'" target="_blank" rel="noopener noreferrer">')},!1))},errorMessage:function(){return this.projectHasBillingEnabled?Object(l.f)(Object(l.e)("ClusterIntegration|An error occurred while trying to fetch your projects: %{error}"),{error:this.gapiError}):this.gapiError?Object(l.e)("ClusterIntegration|We could not verify that one of your projects on GCP has billing enabled. Please try again."):Object(l.f)(Object(l.e)('This project does not have billing enabled. To create a cluster, <a href=%{linkToBilling} target="_blank" rel="noopener noreferrer">enable billing <i class="fa fa-external-link" aria-hidden="true"></i></a> and try again.'),{linkToBilling:"https://console.cloud.google.com/freetrial?utm_campaign=2018_cpanel&utm_source=gitlab&utm_medium=referral"},!1)}}),watch:{selectedProject:function(){this.setIsValidatingProjectBilling(!0),this.validateProjectBilling().then(this.validateProjectBillingSuccessHandler).catch(this.validateProjectBillingFailureHandler)}},created:function(){this.isLoading=!0,this.fetchProjects().then(this.fetchSuccessHandler).catch(this.fetchFailureHandler)},methods:N({},Object(u.b)(["fetchProjects","setIsValidatingProjectBilling","validateProjectBilling"]),Object(u.b)({setItem:"setProject"}),{fetchSuccessHandler:function(){var e=this;if(this.defaultValue){var t=c.a.find(this.items,function(t){return t.projectId===e.defaultValue});t&&this.setItem(t)}else 1===this.items.length&&this.setItem(this.items[0]);this.isLoading=!1,this.hasErrors=!1},validateProjectBillingSuccessHandler:function(){this.hasErrors=!this.projectHasBillingEnabled},validateProjectBillingFailureHandler:function(e){this.hasErrors=!0,this.gapiError=e.result?e.result.error.message:e}})},D=Object(h.a)(Z,function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("div",{staticClass:"js-gcp-project-id-dropdown dropdown"},[n("dropdown-hidden-input",{attrs:{name:e.fieldName,value:e.selectedProject.projectId}}),e._v(" "),n("dropdown-button",{class:{"border-danger":e.hasErrors,"read-only":e.hasOneProject},attrs:{"is-disabled":e.isDisabled,"is-loading":e.isLoading,"toggle-text":e.toggleText}}),e._v(" "),n("div",{staticClass:"dropdown-menu dropdown-select"},[n("dropdown-search-input",{attrs:{"placeholder-text":e.s__("ClusterIntegration|Search projects")},model:{value:e.searchQuery,callback:function(t){e.searchQuery=t},expression:"searchQuery"}}),e._v(" "),n("div",{staticClass:"dropdown-content"},[n("ul",[n("li",{directives:[{name:"show",rawName:"v-show",value:!e.results.length,expression:"!results.length"}]},[n("span",{staticClass:"menu-item"},[e._v("\n              "+e._s(e.s__("ClusterIntegration|No projects matched your search"))+"\n            ")])]),e._v(" "),e._l(e.results,function(t){return n("li",{key:t.project_number},[n("button",{attrs:{type:"button"},on:{click:function(n){n.preventDefault(),e.setItem(t)}}},[e._v(e._s(t.name))])])})],2)]),e._v(" "),n("div",{staticClass:"dropdown-loading"},[n("gl-loading-icon")],1)],1)],1),e._v(" "),n("span",{staticClass:"form-text",class:{"text-danger":e.hasErrors,"text-muted":!e.hasErrors},domProps:{innerHTML:e._s(e.helpText)}})])},[],!1,null,null,null);D.options.__file="gke_project_id_dropdown.vue";var V=D.exports;function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.forEach(function(t){z(e,t,n[t])})}return e}function z(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Q={name:"GkeZoneDropdown",mixins:[H],computed:A({},Object(u.d)(["selectedProject","selectedZone","projects","isValidatingProjectBilling","projectHasBillingEnabled"]),Object(u.d)({items:"zones"}),{isDisabled:function(){return this.isLoading||this.isValidatingProjectBilling||!this.projectHasBillingEnabled},toggleText:function(){return this.isLoading?Object(l.e)("ClusterIntegration|Fetching zones"):this.selectedZone?this.selectedZone:this.projectHasBillingEnabled?Object(l.e)("ClusterIntegration|Select zone"):Object(l.e)("ClusterIntegration|Select project to choose zone")},errorMessage:function(){return Object(l.f)(Object(l.e)("ClusterIntegration|An error occured while trying to fetch project zones: %{error}"),{error:this.gapiError})}}),watch:{isValidatingProjectBilling:function(e){this.hasErrors=!1,!e&&this.projectHasBillingEnabled&&(this.isLoading=!0,this.fetchZones().then(this.fetchSuccessHandler).catch(this.fetchFailureHandler))}},methods:A({},Object(u.b)(["fetchZones"]),Object(u.b)({setItem:"setZone"}))},q=Object(h.a)(Q,function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("div",{staticClass:"js-gcp-zone-dropdown dropdown"},[n("dropdown-hidden-input",{attrs:{name:e.fieldName,value:e.selectedZone}}),e._v(" "),n("dropdown-button",{class:{"border-danger":e.hasErrors},attrs:{"is-disabled":e.isDisabled,"is-loading":e.isLoading,"toggle-text":e.toggleText}}),e._v(" "),n("div",{staticClass:"dropdown-menu dropdown-select"},[n("dropdown-search-input",{attrs:{"placeholder-text":e.s__("ClusterIntegration|Search zones")},model:{value:e.searchQuery,callback:function(t){e.searchQuery=t},expression:"searchQuery"}}),e._v(" "),n("div",{staticClass:"dropdown-content"},[n("ul",[n("li",{directives:[{name:"show",rawName:"v-show",value:!e.results.length,expression:"!results.length"}]},[n("span",{staticClass:"menu-item"},[e._v("\n              "+e._s(e.s__("ClusterIntegration|No zones matched your search"))+"\n            ")])]),e._v(" "),e._l(e.results,function(t){return n("li",{key:t.id},[n("button",{attrs:{type:"button"},on:{click:function(n){n.preventDefault(),e.setItem(t.name)}}},[e._v("\n              "+e._s(t.name)+"\n            ")])])})],2)]),e._v(" "),n("div",{staticClass:"dropdown-loading"},[n("gl-loading-icon")],1)],1)],1),e._v(" "),e.hasErrors?n("span",{staticClass:"form-text",class:{"text-danger":e.hasErrors,"text-muted":!e.hasErrors}},[e._v("\n    "+e._s(e.errorMessage)+"\n  ")]):e._e()])},[],!1,null,null,null);q.options.__file="gke_zone_dropdown.vue";var G=q.exports;function J(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.forEach(function(t){F(e,t,n[t])})}return e}function F(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var R={name:"GkeMachineTypeDropdown",mixins:[H],computed:J({},Object(u.d)(["isValidatingProjectBilling","projectHasBillingEnabled","selectedZone","selectedMachineType"]),Object(u.d)({items:"machineTypes"}),Object(u.c)(["hasZone","hasMachineType"]),{allDropdownsSelected:function(){return this.projectHasBillingEnabled&&this.hasZone&&this.hasMachineType},isDisabled:function(){return this.isLoading||this.isValidatingProjectBilling||!this.projectHasBillingEnabled||!this.hasZone},toggleText:function(){return this.isLoading?Object(l.e)("ClusterIntegration|Fetching machine types"):this.selectedMachineType?this.selectedMachineType:this.projectHasBillingEnabled||this.hasZone?this.hasZone?Object(l.e)("ClusterIntegration|Select machine type"):Object(l.e)("ClusterIntegration|Select zone to choose machine type"):Object(l.e)("ClusterIntegration|Select project and zone to choose machine type")},errorMessage:function(){return Object(l.f)(Object(l.e)("ClusterIntegration|An error occurred while trying to fetch zone machine types: %{error}"),{error:this.gapiError})}}),watch:{selectedZone:function(){this.hasErrors=!1,this.hasZone&&(this.isLoading=!0,this.fetchMachineTypes().then(this.fetchSuccessHandler).catch(this.fetchFailureHandler))},selectedMachineType:function(){this.enableSubmit()}},methods:J({},Object(u.b)(["fetchMachineTypes"]),Object(u.b)({setItem:"setMachineType"}),{enableSubmit:function(){if(this.allDropdownsSelected){var e=document.querySelector(".js-gke-cluster-creation-submit");e&&e.removeAttribute("disabled")}}})},$=Object(h.a)(R,function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("div",{staticClass:"js-gcp-machine-type-dropdown dropdown"},[n("dropdown-hidden-input",{attrs:{name:e.fieldName,value:e.selectedMachineType}}),e._v(" "),n("dropdown-button",{class:{"border-danger":e.hasErrors},attrs:{"is-disabled":e.isDisabled,"is-loading":e.isLoading,"toggle-text":e.toggleText}}),e._v(" "),n("div",{staticClass:"dropdown-menu dropdown-select"},[n("dropdown-search-input",{attrs:{"placeholder-text":e.s__("ClusterIntegration|Search machine types")},model:{value:e.searchQuery,callback:function(t){e.searchQuery=t},expression:"searchQuery"}}),e._v(" "),n("div",{staticClass:"dropdown-content"},[n("ul",[n("li",{directives:[{name:"show",rawName:"v-show",value:!e.results.length,expression:"!results.length"}]},[n("span",{staticClass:"menu-item"},[e._v("\n              "+e._s(e.s__("ClusterIntegration|No machine types matched your search"))+"\n            ")])]),e._v(" "),e._l(e.results,function(t){return n("li",{key:t.id},[n("button",{attrs:{type:"button"},on:{click:function(n){n.preventDefault(),e.setItem(t.name)}}},[e._v("\n              "+e._s(t.name)+"\n            ")])])})],2)]),e._v(" "),n("div",{staticClass:"dropdown-loading"},[n("gl-loading-icon")],1)],1)],1),e._v(" "),e.hasErrors?n("span",{staticClass:"form-text",class:{"text-danger":e.hasErrors,"text-muted":!e.hasErrors}},[e._v("\n    "+e._s(e.errorMessage)+"\n  ")]):e._e()])},[],!1,null,null,null);$.options.__file="gke_machine_type_dropdown.vue";var U=$.exports,Y=Object(l.e)("ClusterIntegration|An error occurred when trying to contact the Google Cloud API. Please try again later.");function K(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var W=function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},i=document.querySelector(e);if(!i)return!1;var s=i.querySelector("input");return new o.default({el:i,components:K({},n,t),render:function(e){return e(n,{props:function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.forEach(function(t){K(e,t,n[t])})}return e}({fieldName:s.getAttribute("name"),fieldId:s.getAttribute("id"),defaultValue:s.value},r)})}})},X=function(){Object(s.a)(Y)},ee=function(){var e=document.querySelector(".js-gke-cluster-creation");return!!e&&gapi.client.init({discoveryDocs:["https://www.googleapis.com/discovery/v1/apis/cloudbilling/v1/rest","https://www.googleapis.com/discovery/v1/apis/cloudresourcemanager/v1/rest","https://www.googleapis.com/discovery/v1/apis/compute/v1/rest"]}).then(function(){gapi.client.setToken({access_token:e.dataset.token}),function(){var e=".js-gcp-project-id-dropdown-entry-point",t=document.querySelector(e);W(e,V,"gke-project-id-dropdown",{docsUrl:t.dataset.docsurl})}(),W(".js-gcp-zone-dropdown-entry-point",G,"gke-zone-dropdown"),W(".js-gcp-machine-type-dropdown-entry-point",U,"gke-machine-type-dropdown")}).catch(X)};t.a=function(){return gapi?gapi.load("client",ee):(X(),!1)}},459:function(e,t,n){"use strict";var r={props:{name:{type:String,required:!0},value:{type:[Number,String],required:!0}}},i=n(2),o=Object(i.a)(r,function(){var e=this.$createElement;return(this._self._c||e)("input",{attrs:{name:this.name,type:"hidden"},domProps:{value:this.value}})},[],!1,null,null,null);o.options.__file="dropdown_hidden_input.vue";t.a=o.exports},484:function(e,t,n){"use strict";var r=n(1),i={components:{GlLoadingIcon:n(9).h},props:{isDisabled:{type:Boolean,required:!1,default:!1},isLoading:{type:Boolean,required:!1,default:!1},toggleText:{type:String,required:!1,default:Object(r.a)("Select")}}},o=n(2),s=Object(o.a)(i,function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("button",{staticClass:"dropdown-menu-toggle dropdown-menu-full-width",attrs:{disabled:e.isDisabled||e.isLoading,type:"button","data-toggle":"dropdown","aria-expanded":"false"}},[n("gl-loading-icon",{directives:[{name:"show",rawName:"v-show",value:e.isLoading,expression:"isLoading"}],attrs:{inline:!0}}),e._v(" "),[e.$slots.default?e._t("default"):n("span",{staticClass:"dropdown-toggle-text"},[e._v(" "+e._s(e.toggleText)+" ")])],e._v(" "),n("span",{directives:[{name:"show",rawName:"v-show",value:!e.isLoading,expression:"!isLoading"}],staticClass:"dropdown-toggle-icon"},[n("i",{staticClass:"fa fa-chevron-down",attrs:{"aria-hidden":"true","data-hidden":"true"}})])],2)},[],!1,null,null,null);s.options.__file="dropdown_button.vue";t.a=s.exports}}]);
//# sourceMappingURL=commons~pages.groups~pages.groups.activity~pages.groups.analytics.show~pages.groups.billings~pages.g~19c9979b.4b02a609.chunk.js.map