From e3fc24e06eaf0595a446c3f326efa68c3a9cfbc9 Mon Sep 17 00:00:00 2001
From: nhertz <nhertz@nrao.edu>
Date: Mon, 12 Apr 2021 15:29:54 -0600
Subject: [PATCH] Extracted status button out into its own component; might end
 up changing this

---
 .../running-status-button.component.html      |  3 +++
 .../running-status-button.component.scss      | 12 +++++++++
 .../running-status-button.component.spec.ts   | 25 +++++++++++++++++++
 .../running-status-button.component.ts        | 15 +++++++++++
 4 files changed, 55 insertions(+)
 create mode 100644 apps/web/src/app/workspaces/components/capability-request/components/status-buttons/running-status-button/running-status-button.component.html
 create mode 100644 apps/web/src/app/workspaces/components/capability-request/components/status-buttons/running-status-button/running-status-button.component.scss
 create mode 100644 apps/web/src/app/workspaces/components/capability-request/components/status-buttons/running-status-button/running-status-button.component.spec.ts
 create mode 100644 apps/web/src/app/workspaces/components/capability-request/components/status-buttons/running-status-button/running-status-button.component.ts

diff --git a/apps/web/src/app/workspaces/components/capability-request/components/status-buttons/running-status-button/running-status-button.component.html b/apps/web/src/app/workspaces/components/capability-request/components/status-buttons/running-status-button/running-status-button.component.html
new file mode 100644
index 000000000..ca73cc716
--- /dev/null
+++ b/apps/web/src/app/workspaces/components/capability-request/components/status-buttons/running-status-button/running-status-button.component.html
@@ -0,0 +1,3 @@
+<button id="request-status-button" type="button" class="running-status btn btn-success">
+  <span class="fas fa-play"></span><span id="request-status-button-txt">RUNNING</span>
+</button>
diff --git a/apps/web/src/app/workspaces/components/capability-request/components/status-buttons/running-status-button/running-status-button.component.scss b/apps/web/src/app/workspaces/components/capability-request/components/status-buttons/running-status-button/running-status-button.component.scss
new file mode 100644
index 000000000..acae8573c
--- /dev/null
+++ b/apps/web/src/app/workspaces/components/capability-request/components/status-buttons/running-status-button/running-status-button.component.scss
@@ -0,0 +1,12 @@
+.running-status {
+  // Request status is running
+  // Green with play icon
+}
+#request-status-button {
+  grid-area: status;
+  border-radius: 1rem;
+  height: 2.5rem;
+}
+#request-status-button-txt {
+  margin-left: 0.75rem;
+}
diff --git a/apps/web/src/app/workspaces/components/capability-request/components/status-buttons/running-status-button/running-status-button.component.spec.ts b/apps/web/src/app/workspaces/components/capability-request/components/status-buttons/running-status-button/running-status-button.component.spec.ts
new file mode 100644
index 000000000..877348d68
--- /dev/null
+++ b/apps/web/src/app/workspaces/components/capability-request/components/status-buttons/running-status-button/running-status-button.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RunningStatusButtonComponent } from './running-status-button.component';
+
+describe('RunningStatusButtonComponent', () => {
+  let component: RunningStatusButtonComponent;
+  let fixture: ComponentFixture<RunningStatusButtonComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ RunningStatusButtonComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(RunningStatusButtonComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/apps/web/src/app/workspaces/components/capability-request/components/status-buttons/running-status-button/running-status-button.component.ts b/apps/web/src/app/workspaces/components/capability-request/components/status-buttons/running-status-button/running-status-button.component.ts
new file mode 100644
index 000000000..2ed521839
--- /dev/null
+++ b/apps/web/src/app/workspaces/components/capability-request/components/status-buttons/running-status-button/running-status-button.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-running-status-button',
+  templateUrl: './running-status-button.component.html',
+  styleUrls: ['./running-status-button.component.scss']
+})
+export class RunningStatusButtonComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
-- 
GitLab