use cloud credentials to store apikeys

Author: displague

component/component.js

@@ -1,7 +1,10 @@
-import NodeDriver from 'shared/mixins/node-driver';
+import NodeDriver, { DynamicDependentKeysProperty, registerDisplayLocation, registerDisplaySize } from 'shared/mixins/node-driver';
 import fetch from '@rancher/ember-api-store/utils/fetch';
 const LAYOUT;
 
+registerDisplayLocation(new DynamicDependentKeysProperty({ driver: '%%DRIVERNAME%%', keyOrKeysToWatch: 'config.facilityCode' }));
+registerDisplaySize(new DynamicDependentKeysProperty({ driver: '%%DRIVERNAME%%', keyOrKeysToWatch: 'config.plan' }));
+
 const OS_WHITELIST = ['centos_7', 'coreos_stable', 'ubuntu_14_04', 'ubuntu_16_04', 'ubuntu_18_04', 'rancher'];
 const PLAN_BLACKLIST = ['baremetal_2a']; // quick wheres james spader?
 const DEFAULTS = {
@@ -21,12 +24,15 @@ const isEmpty = Ember.isEmpty;
 
 export default Ember.Component.extend(NodeDriver, {
   driverName: 'packet',
+  cloudCredentials: null,
   facilityChoices: null,
   planChoices: null,
   osChoices: null,
   step: 1,
 
   config: alias('model.packetConfig'),
+  app: service(),
+  intl: service(),
 
   init() {
     const decodedLayout = window.atob(LAYOUT);
@@ -46,7 +52,19 @@ export default Ember.Component.extend(NodeDriver, {
   },
 
   actions: {
+    finishAndSelectCloudCredential(cred) {
+      if (cred) {
+        set(this, 'model.cloudCredentialId', get(cred, 'id'));
+
+        this.send('authPacket');
+      }
+    },
     authPacket(savedCB) {
+      const auth = {
+        type: 'cloud',
+        token: get(this, 'model.cloudCredentialId'),
+      };
+
       if (!this.validateAuthentication()) {
         savedCB(false);
         return;
@@ -160,10 +178,10 @@ export default Ember.Component.extend(NodeDriver, {
 
   bootstrap() {
     let store = get(this, 'globalStore');
+    set(this, 'cloudCredentials', this.globalStore.all('cloudCredential'));
     let config = store.createRecord({
       type: 'packetConfig',
       projectId: '',
-      apiKey: '',
       hwReservationId: '',
       deviceType: 'on-demand',
     });
@@ -267,6 +285,10 @@ export default Ember.Component.extend(NodeDriver, {
       errors.push('Plan is requried');
     }
 
+    if (!this.validateCloudCredentials()) {
+      errors.push(this.intl.t('nodeDriver.cloudCredentialError'));
+    }
+
     if (errors.length) {
       set(this, 'errors', errors.uniq());
 

component/template.hbs

@@ -21,23 +21,24 @@
               }}
         {{/input-or-display}}
       </div>
-      <div class="col span-6">
-        <label class="acc-label">
-          {{t "nodeDriver.packet.apiKey.label"}}{{field-required}}
-        </label>
-        {{#input-or-display editable=(not dataFetched) value=config.apiKey obfuscate=true}}
-        {{input
-                type="password"
-                name="password"
-                value=config.apiKey
-                classNames="form-control"
-                placeholder=(t "nodeDriver.packet.apiKey.placeholder")
-              }}
-        {{/input-or-display}}
-        <p class="text-info">
-          {{t "nodeDriver.packet.apiKeyHelp" htmlSafe=true}}
-        </p>
-      </div>
+      {{#accordion-list-item
+         title=(t "modalAddCloudKey.packet.token.label")
+         detail=(t "modalAddCloudKey.packet.token.help" htmlSafe=true)
+         expandAll=expandAll
+         expand=(action expandFn)
+         expandOnInit=true
+      }}
+        {{form-auth-cloud-credential
+          driverName=driverName
+          parseAndCollectErrors=(action "errorHandler")
+          primaryResource=primaryResource
+          cloudCredentials=cloudCredentials
+          finishAndSelectCloudCredential=(action "finishAndSelectCloudCredential")
+          progressStep=(action "authPacket")
+          cancel=(action "cancel")
+          createLabel="modalAddCloudKey.packet.authAccountButton"
+        }}
+      {{/accordion-list-item}}
     </div>
   </div>