initial import for Open Source 🎉

static/js/directives/ui/context-path-select/context-path-select.component.html

@@ -0,0 +1,33 @@
+<div class="context-path-select-element">
+  <div class="dropdown-select" placeholder="'Enter a docker context'"
+       selected-item="$ctrl.selectedContext"
+       lookahead-items="$ctrl.contexts"
+       handle-input="$ctrl.setContext(input)"
+       handle-item-selected="$ctrl.setSelectedContext(datum.value)"
+       allow-custom-input="true"
+       hide-dropdown="$ctrl.contexts.length <= 0">
+    <!-- Icons -->
+    <i class="dropdown-select-icon none-icon fa fa-folder-o fa-lg"
+       ng-show="$ctrl.isUnknownContext"></i>
+    <i class="dropdown-select-icon none-icon fa fa-folder fa-lg" style="color: black;"
+       ng-show="!$ctrl.isUnknownContext"></i>
+    <i class="dropdown-select-icon fa fa-folder fa-lg"></i>
+
+    <!-- Dropdown menu -->
+    <ul class="dropdown-select-menu pull-right" role="menu">
+      <li ng-repeat="context in $ctrl.contexts">
+        <a ng-click="$ctrl.setSelectedContext(context)"
+           ng-if="context">
+          <i class="fa fa-folder fa-lg"></i> {{ context }}
+        </a>
+      </li>
+    </ul>
+  </div>
+
+  <div style="padding: 10px">
+    <div class="co-alert co-alert-danger"
+         ng-show="!$ctrl.isValidContext && $ctrl.currentContext">
+      Path is an invalid context.
+    </div>
+  </div>
+</div>

static/js/directives/ui/context-path-select/context-path-select.component.spec.ts

@@ -0,0 +1,107 @@
+import { ContextPathSelectComponent, ContextChangeEvent } from './context-path-select.component';
+
+
+describe("ContextPathSelectComponent", () => {
+  var component: ContextPathSelectComponent;
+  var currentContext: string;
+  var isValidContext: boolean;
+  var contexts: string[];
+
+  beforeEach(() => {
+    component = new ContextPathSelectComponent();
+    currentContext = '/';
+    isValidContext = false;
+    contexts = ['/'];
+    component.currentContext = currentContext;
+    component.isValidContext = isValidContext;
+    component.contexts = contexts;
+  });
+
+  describe("ngOnChanges", () => {
+
+    it("sets valid context flag to true if current context is valid", () => {
+      component.ngOnChanges({});
+
+      expect(component.isValidContext).toBe(true);
+    });
+
+    it("sets valid context flag to false if current context is invalid", () => {
+      component.currentContext = "asdfdsf";
+      component.ngOnChanges({});
+
+      expect(component.isValidContext).toBe(false);
+    });
+  });
+
+  describe("setContext", () => {
+    var newContext: string;
+
+    beforeEach(() => {
+      newContext = '/conf';
+    });
+
+    it("sets current context to given context", () => {
+      component.setContext(newContext);
+
+      expect(component.currentContext).toEqual(newContext);
+    });
+
+    it("sets valid context flag to true if given context is valid", () => {
+      component.setContext(newContext);
+
+      expect(component.isValidContext).toBe(true);
+    });
+
+    it("sets valid context flag to false if given context is invalid", () => {
+      component.setContext("asdfsadfs");
+
+      expect(component.isValidContext).toBe(false);
+    });
+
+    it("emits output event indicating build context changed", (done) => {
+      component.contextChanged.subscribe((event: ContextChangeEvent) => {
+        expect(event.contextDir).toEqual(newContext);
+        expect(event.isValid).toEqual(component.isValidContext);
+        done();
+      });
+
+      component.setContext(newContext);
+    });
+  });
+
+  describe("setSelectedContext", () => {
+    var newContext: string;
+
+    beforeEach(() => {
+      newContext = '/conf';
+    });
+
+    it("sets current context to given context", () => {
+      component.setSelectedContext(newContext);
+
+      expect(component.currentContext).toEqual(newContext);
+    });
+
+    it("sets valid context flag to true if given context is valid", () => {
+      component.setSelectedContext(newContext);
+
+      expect(component.isValidContext).toBe(true);
+    });
+
+    it("sets valid context flag to false if given context is invalid", () => {
+      component.setSelectedContext("a;lskjdf;ldsa");
+
+      expect(component.isValidContext).toBe(false);
+    });
+
+    it("emits output event indicating build context changed", (done) => {
+      component.contextChanged.subscribe((event: ContextChangeEvent) => {
+        expect(event.contextDir).toEqual(newContext);
+        expect(event.isValid).toEqual(component.isValidContext);
+        done();
+      });
+
+      component.setSelectedContext(newContext);
+    });
+  });
+});

static/js/directives/ui/context-path-select/context-path-select.component.ts

@@ -0,0 +1,59 @@
+import { Input, Component, OnChanges, SimpleChanges, Output, EventEmitter } from 'ng-metadata/core';
+
+
+/**
+ * A component that allows the user to select the location of the Context in their source code repository.
+ */
+@Component({
+  selector: 'context-path-select',
+  templateUrl: '/static/js/directives/ui/context-path-select/context-path-select.component.html'
+})
+export class ContextPathSelectComponent implements OnChanges {
+
+  @Input('<') public currentContext: string = '';
+  @Input('<') public contexts: string[];
+  @Output() public contextChanged: EventEmitter<ContextChangeEvent> = new EventEmitter();
+  public isValidContext: boolean;
+  private isUnknownContext: boolean = true;
+  private selectedContext: string | null = null;
+
+  public ngOnChanges(changes: SimpleChanges): void {
+    this.isValidContext = this.checkContext(this.currentContext, this.contexts);
+  }
+
+  public setContext(context: string): void {
+    this.currentContext = context;
+    this.selectedContext = null;
+    this.isValidContext = this.checkContext(context, this.contexts);
+
+    this.contextChanged.emit({contextDir: context, isValid: this.isValidContext});
+  }
+
+  public setSelectedContext(context: string): void {
+    this.currentContext = context;
+    this.selectedContext = context;
+    this.isValidContext = this.checkContext(context, this.contexts);
+
+    this.contextChanged.emit({contextDir: context, isValid: this.isValidContext});
+  }
+
+  private checkContext(context: string = '', contexts: string[] = []): boolean {
+    this.isUnknownContext = false;
+    var isValidContext: boolean = false;
+
+    if (context.length > 0 && context[0] === '/') {
+      isValidContext = true;
+      this.isUnknownContext = contexts.indexOf(context) != -1;
+    }
+    return isValidContext;
+  }
+}
+
+
+/**
+ * Build context changed event.
+ */
+export type ContextChangeEvent = {
+  contextDir: string;
+  isValid: boolean;
+};