fix: reset kind field to input in annotations

This allows you to use variables in the kind field, such as $kind.

Signed-off-by: Yue Yang <g1enyy0ung@gmail.com>

src/AnnotationQueryEditor.ts

@@ -14,19 +14,18 @@
  * limitations under the License.
  *
  */
-import { defaultQuery, kinds } from './types';
+import { defaultQuery } from './types';
 
 export class AnnotationQueryEditor {
   static templateUrl = 'partials/annotations.editor.html';
 
   annotation: any;
-  kinds = kinds;
 
   constructor() {
     this.annotation.object_id = this.annotation.object_id || '';
     this.annotation.namespace = this.annotation.namespace || '';
     this.annotation.eventName = this.annotation.eventName || ''; // There is a conflict with annotation name, so rename it to eventName.
-    this.annotation.kind = this.annotation.kind || kinds[0];
+    this.annotation.kind = this.annotation.kind || '';
     this.annotation.limit = this.annotation.limit || defaultQuery.limit;
   }
 }

src/datasource.ts

@@ -156,6 +156,7 @@ export class DataSource extends DataSourceApi<EventsQuery, ChaosMeshOptions> {
 
       const val = (queryCloned as any)[q];
 
+      // Handle variables.
       if (typeof val === 'string' && val.startsWith('$') && vars[val]) {
         (queryCloned as any)[q] = vars[val];
       }

src/partials/annotations.editor.html

@@ -16,11 +16,7 @@
 
   <div class="gf-form">
     <label class="gf-form-label width-6">Kind</label>
-    <select
-      class="gf-form-input width-12"
-      ng-model="ctrl.annotation.kind"
-      ng-options="kind for kind in ctrl.kinds"
-    ></select>
+    <input class="gf-form-input width-12" ng-model="ctrl.annotation.kind" />
   </div>
 
   <div class="gf-form">