feat(cloudwatch): add authtype dropdown to config page

public/app/plugins/datasource/cloudwatch/config_ctrl.ts

+///<reference path="../../../headers/common.d.ts" />
+
+import angular from 'angular';
+import _ from 'lodash';
+
+export class CloudWatchConfigCtrl {
+  static templateUrl = 'partials/config.html';
+  current: any;
+
+  /** @ngInject */
+  constructor($scope) {
+    this.current.jsonData.timeField = this.current.jsonData.timeField || '@timestamp';
+    this.current.jsonData.authType = this.current.jsonData.authType || 'credentials';
+  }
+
+  authTypes = [
+    {name: 'Access & secret key', value: 'keys'},
+    {name: 'Credentials file', value: 'credentials'},
+    {name: 'ARN', value: 'arn'},
+  ];
+
+  indexPatternTypes = [
+    {name: 'No pattern',  value: undefined},
+    {name: 'Hourly',      value: 'Hourly',  example: '[logstash-]YYYY.MM.DD.HH'},
+    {name: 'Daily',       value: 'Daily',   example: '[logstash-]YYYY.MM.DD'},
+    {name: 'Weekly',      value: 'Weekly',  example: '[logstash-]GGGG.WW'},
+    {name: 'Monthly',     value: 'Monthly', example: '[logstash-]YYYY.MM'},
+    {name: 'Yearly',      value: 'Yearly',  example: '[logstash-]YYYY'},
+  ];
+}
+

public/app/plugins/datasource/cloudwatch/module.ts

@@ -2,10 +2,7 @@ import './query_parameter_ctrl';
 
 
 import {CloudWatchDatasource} from './datasource';
 import {CloudWatchDatasource} from './datasource';
 import {CloudWatchQueryCtrl} from './query_ctrl';
 import {CloudWatchQueryCtrl} from './query_ctrl';
-
-class CloudWatchConfigCtrl {
-  static templateUrl = 'partials/config.html';
-}
+import {CloudWatchConfigCtrl} from './config_ctrl';
 
 
 class CloudWatchAnnotationsQueryCtrl {
 class CloudWatchAnnotationsQueryCtrl {
   static templateUrl = 'partials/annotations.editor.html';
   static templateUrl = 'partials/annotations.editor.html';

public/app/plugins/datasource/cloudwatch/partials/config.html

@@ -2,24 +2,36 @@
 
 
 <div class="gf-form-group max-width-30">
 <div class="gf-form-group max-width-30">
   <div class="gf-form">
   <div class="gf-form">
+    <label class="gf-form-label width-13">Auth Provider</label>
+    <select class="gf-form-input gf-size-auto" ng-model="ctrl.current.jsonData.authType" ng-options="f.value as f.name for f in ctrl.authTypes"></select>
+  </div>
+
+  <div class="gf-form" ng-show='ctrl.current.jsonData.authType == "credentials"'>
     <label class="gf-form-label width-13">Credentials profile name</label>
     <label class="gf-form-label width-13">Credentials profile name</label>
     <input type="text" class="gf-form-input max-width-18" ng-model='ctrl.current.database' placeholder="default"></input>
     <input type="text" class="gf-form-input max-width-18" ng-model='ctrl.current.database' placeholder="default"></input>
     <info-popover mode="right-absolute">
     <info-popover mode="right-absolute">
       Credentials profile name, as specified in ~/.aws/credentials, leave blank for default
       Credentials profile name, as specified in ~/.aws/credentials, leave blank for default
     </info-popover>
     </info-popover>
   </div>
   </div>
-  <div class="gf-form">
-    <label class="gf-form-label width-13">Credentials Access key</label>
+  <div class="gf-form" ng-show='ctrl.current.jsonData.authType == "keys"'>
+    <label class="gf-form-label width-13">Access key</label>
     <input type="text" class="gf-form-input max-width-18" ng-model='ctrl.current.jsonData.accessKey' placeholder="default"></input>
     <input type="text" class="gf-form-input max-width-18" ng-model='ctrl.current.jsonData.accessKey' placeholder="default"></input>
     <info-popover mode="right-absolute">
     <info-popover mode="right-absolute">
-      Accesskey
+      AWS Access key id
     </info-popover>
     </info-popover>
   </div>
   </div>
-  <div class="gf-form">
-    <label class="gf-form-label width-13">Credentials Secret key</label>
+  <div class="gf-form" ng-show='ctrl.current.jsonData.authType == "keys"'>
+    <label class="gf-form-label width-13">Secret key</label>
     <input type="text" class="gf-form-input max-width-18" ng-model='ctrl.current.jsonData.secretKey' placeholder="default"></input>
     <input type="text" class="gf-form-input max-width-18" ng-model='ctrl.current.jsonData.secretKey' placeholder="default"></input>
     <info-popover mode="right-absolute">
     <info-popover mode="right-absolute">
-      Secret key
+      AWS Secret key
+    </info-popover>
+  </div>
+  <div class="gf-form" ng-show='ctrl.current.jsonData.authType == "arn"'>
+    <label class="gf-form-label width-13">Assume Role ARN</label>
+    <input type="text" class="gf-form-input max-width-18" ng-model='ctrl.current.jsonData.assumeRoleArn' placeholder="arn:aws:iam:*"></input>
+    <info-popover mode="right-absolute">
+      ARN of Assume Role
     </info-popover>
     </info-popover>
   </div>
   </div>
   <div class="gf-form">
   <div class="gf-form">
@@ -38,11 +50,4 @@
       Namespaces of Custom Metrics
       Namespaces of Custom Metrics
     </info-popover>
     </info-popover>
   </div>
   </div>
-  <div class="gf-form">
-    <label class="gf-form-label width-13">Assume Role ARN</label>
-    <input type="text" class="gf-form-input max-width-18" ng-model='ctrl.current.jsonData.assumeRoleArn' placeholder="arn:aws:iam:*"></input>
-    <info-popover mode="right-absolute">
-      ARN of Assume Role
-    </info-popover>
-  </div>
 </div>
 </div>