From c664f57361de028abbe88624f63e958e668fb1b0 Mon Sep 17 00:00:00 2001
From: Michael Lange <dingoeatingfuzz@gmail.com>
Date: Wed, 17 Jun 2020 22:45:21 -0700
Subject: [PATCH] Disable scale buttons when a deployment is running or ACL
 forbids it

---
 ui/app/components/task-group-row.js            |  3 ++-
 ui/app/templates/components/task-group-row.hbs | 11 ++++++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/ui/app/components/task-group-row.js b/ui/app/components/task-group-row.js
index 2aa2a3b64..7bcef3f5a 100644
--- a/ui/app/components/task-group-row.js
+++ b/ui/app/components/task-group-row.js
@@ -1,6 +1,6 @@
 import Component from '@ember/component';
 import { computed, action } from '@ember/object';
-import { oneWay } from '@ember/object/computed';
+import { alias, oneWay } from '@ember/object/computed';
 import { debounce } from '@ember/runloop';
 import { classNames, tagName } from '@ember-decorators/component';
 import classic from 'ember-classic-decorator';
@@ -14,6 +14,7 @@ export default class TaskGroupRow extends Component {
   debounce = 300;
 
   @oneWay('taskGroup.count') count;
+  @alias('taskGroup.job.runningDeployment') runningDeployment;
 
   onClick() {}
 
diff --git a/ui/app/templates/components/task-group-row.hbs b/ui/app/templates/components/task-group-row.hbs
index 63868ee16..3bc7e6b67 100644
--- a/ui/app/templates/components/task-group-row.hbs
+++ b/ui/app/templates/components/task-group-row.hbs
@@ -6,18 +6,23 @@
 <td data-test-task-group-count class="nowrap">
   {{count}}
   {{#if taskGroup.scaling}}
-    <div class="button-bar is-shadowless is-text bumper-left">
+  <div
+    data-test-scale-controls
+    class="button-bar is-shadowless is-text bumper-left {{if (cannot "scale job") "tooltip"}}"
+    aria-label={{if (cannot "scale job") "You aren't allowed to scale task groups"}}>
       <button
+        data-test-scale="decrement"
         role="button"
         class="button is-xsmall is-light"
-        disabled={{isMinimum}}
+        disabled={{or isMinimum runningDeployment (cannot "scale job")}}
         onclick={{action "countDown"}}>
         {{x-icon "minus-plain" class="is-text"}}
       </button>
       <button
+        data-test-scale="increment"
         role="button"
         class="button is-xsmall is-light"
-        disabled={{isMaximum}}
+        disabled={{or isMaximum runningDeployment (cannot "scale job")}}
         onclick={{action "countUp"}}>
         {{x-icon "plus-plain" class="is-text"}}
       </button>